Untitled

 avatar
unknown
plain_text
2 years ago
65 kB
3
Indexable
(window.webpackJsonp=window.webpackJsonp||[]).push([[17],{443:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o,i=t(120),r=t(612),a=(o=r)&&o.__esModule?o:{default:o};var d=(0,i.connect)(function(n){return{bgColor:n.global.bgColor,darkMode:n.timer.darkMode}},function(n){return{}})(a.default);e.default=d},471:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.generateTimerString=function(n){var e=Math.floor(n/60).toString(),t=(n%60).toString();return e.length<2&&(e="0"+e),t.length<2&&(t="0"+t),e+":"+t}},477:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.clearNotifications=function(){o.forEach(function(n){return n.close()}),o.length=0},e.askGrantNotification=function(){try{"Notification"in window&&"granted"!==Notification.permission&&("true"!==readCookie(cons.NOTIFICATION_POPUP_SHOWN)&&(window.alert("The popup notification is blocked by the browser. Please allow it by clicking the bell icon on the URL bar."),createCookie(cons.NOTIFICATION_POPUP_SHOWN,"true",14,"/")),Notification.requestPermission().then(function(n){"granted"===n&&new Notification("Notification has been enabled")}))}catch(n){}},e.notify=function(n,e){try{if("granted"===Notification.permission){var t=new Notification(n,{icon:"/images/icons/72.png",requireInteraction:!0});t.onclick=function(){window.focus(),t.close()},o.push(t),e&&t&&setTimeout(function(){t.close()},e)}}catch(n){}};var o=[]},612:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=f([""],[""]),i=f(["\n  ","\n"],["\n  ","\n"]),r=s(t(1)),a=s(t(53)),d=t(175),l=s(t(613)),c=s(t(631)),u=t(173);function s(n){return n&&n.__esModule?n:{default:n}}function f(n,e){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}e.default=function(n){var e=n.bgColor,t=n.darkMode;return r.default.createElement(p,null,r.default.createElement(m,{isElectron:(0,u.checkIfElectron)()},r.default.createElement(c.default,{darkMode:t})),r.default.createElement(d.Container,null,r.default.createElement(l.default,{bgColor:e,darkMode:t})))};var p=a.default.div(o),m=a.default.div(i,function(n){return n.isElectron&&"\n    padding-top: 18px;\n    -webkit-app-region: drag\n  "})},613:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o,i=t(120),r=t(614),a=(o=r)&&o.__esModule?o:{default:o},d=t(29),l=t(176),c=t(178);var u=(0,i.connect)(function(n,e){var t=n.timer,o=t.stage,i=t.consumedSeconds,r=n.config.stageSeconds,a=n.activity,d=a.activities,l=a.selectedId,u=d.find(function(n){return n.id===l}),s=u&&u.estPomodoro<1&&(0,c.clearFloatNumber)(u.estPomodoro)>0&&0===o?Math.floor(r[o]*u.estPomodoro):r[o],f=s-i;return{seconds:f<0?0:f,ticking:n.timer.ticking,stage:n.timer.stage,pomodoroCnt:n.timer.pomodoroCnt,configObj:n.config,progressPrc:i/s*100,bgColor:e.bgColor,darkMode:e.darkMode,viewHeight:e.viewHeight,activityTitle:u?u.title:"",activityId:l||"",activityProjectName:u?u.projectName:"",estPomodoroUnit:u&&u.estPomodoro<1?u.estPomodoro:1,timeWorker:timeWorker,authenticated:n.user.authenticated,reportType:n.report.reportType,isPremium:null!==n.user.user.purchaseId,lastLoginDate:n.user.user.lastLoginDate,allSeconds:s,notificationSub:n.global.notificationSub,timerStateLoaded:n.timer.timerStateLoaded,configLoaded:n.config.configLoaded}},function(n){return{reduceSeconds:function(e){n((0,d.reduceSeconds)(e))},setTicking:function(e){n((0,d.setTicking)(e))},setStage:function(e){n((0,d.setStage)(e))},setPomodoroCnt:function(e){n((0,d.setPomodoroCnt)(e))},setDarkMode:function(e){n((0,d.setDarkMode)(e))},incrementActPomodoro:function(e){var t=e.id,o=e.estPomodoroUnit;(0,l.incrementActPomodoroLocalDB)({id:t,estPomodoroUnit:o}),n((0,d.incrementActPomodoro)({id:t,estPomodoroUnit:o}))},incrementActPomodoroServer:function(e){var t=e.id,o=e.estPomodoroUnit;n((0,d.apiIncrementActPomodoro)(t,o))},updateDailyWorkMiutesServer:function(e,t,o,i,r,a,l){n((0,d.apiIncrementDailyWorkMinutesReq)(e,r,i,a,l,t,o))},saveNotificationCue:function(e,t,o){n((0,d.apiSaveNotificationCueReq)(e,t,o))},removeNotificationCue:function(e){n((0,d.apiRemoveNotificationCueReq)(e))},updateDayStreak:function(e){n((0,d.apiUpdateStreakReq)(e))},sendErrorMessage:function(e){n((0,d.apiSendErrorAlert)("Play Beep Error: "+JSON.stringify(e)))},saveTimerState:function(e,t){e?n((0,d.apiSaveTimerStateReq)(t)):(0,l.saveTimerStateLocalDB)(t)},fetchTimerState:async function(e,t){if(e)n((0,d.apiFetchStateReq)(t));else{var o=await(0,l.getTimerStateLocalDB)(t);n((0,d.updateTimerState)(o))}},refreshPomodoroCnt:function(e){e?n((0,d.apiRefreshPomodoroCnt)()):((0,l.refreshPomodoroCntLocalDB)(),n((0,d.setPomodoroCnt)(0)))},callSwitchToNextTask:function(){n((0,d.callSwitchToNextTask)(Date.now()))}}})(a.default);e.default=u},614:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(){return function(n,e){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,e){var t=[],o=!0,i=!1,r=void 0;try{for(var a,d=n[Symbol.iterator]();!(o=(a=d.next()).done)&&(t.push(a.value),!e||t.length!==e);o=!0);}catch(n){i=!0,r=n}finally{try{!o&&d.return&&d.return()}finally{if(i)throw r}}return t}(n,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),i=B(["\n  ","\n  display: inline-block;\n  font-size: 16px;\n  opacity: 0.6;\n  margin-bottom: 4px;\n  ","\n"],["\n  ","\n  display: inline-block;\n  font-size: 16px;\n  opacity: 0.6;\n  margin-bottom: 4px;\n  ","\n"]),r=B(["\n  background-color: rgba(0, 0, 0, 0.1);\n  height: 1px;\n  margin-bottom: 40px;\n"],["\n  background-color: rgba(0, 0, 0, 0.1);\n  height: 1px;\n  margin-bottom: 40px;\n"]),a=B(["\n  height: 3px;\n  background-color: white;\n  border-radius: 100px;\n  transform: translateY(-1px);\n  width: ","%;\n  // transition: all 0.2s ease-out;\n  ","\n"],["\n  height: 3px;\n  background-color: white;\n  border-radius: 100px;\n  transform: translateY(-1px);\n  width: ","%;\n  // transition: all 0.2s ease-out;\n  ","\n"]),d=B(["\n  text-align: center;\n"],["\n  text-align: center;\n"]),l=B(["\n  font-size: 18px;\n  font-weight: 100;\n  color: white;\n  // margin-bottom: 28px;\n  ","\n  word-wrap: break-word;\n"],["\n  font-size: 18px;\n  font-weight: 100;\n  color: white;\n  // margin-bottom: 28px;\n  ","\n  word-wrap: break-word;\n"]),c=B(["\n  max-width: 480px;\n  margin: auto;\n"],["\n  max-width: 480px;\n  margin: auto;\n"]),u=B(["\n  background-color: rgba(255, 255, 255, 0.1);\n  padding: 20px 0px 30px 0px;\n  border-radius: ","px;\n  border-radius: 6px;\n  margin-bottom: 20px;\n  width: 100%;\n  ","\n"],["\n  background-color: rgba(255, 255, 255, 0.1);\n  padding: 20px 0px 30px 0px;\n  border-radius: ","px;\n  border-radius: 6px;\n  margin-bottom: 20px;\n  width: 100%;\n  ","\n"]),s=B(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  ","\n"],["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  ","\n"]),f=B(["\n  cursor: pointer;\n  background: none;\n  box-shadow: none;\n  font-weight: 300;\n  border-radius: ",";\n  ","\n"],["\n  cursor: pointer;\n  background: none;\n  box-shadow: none;\n  font-weight: 300;\n  border-radius: ",";\n  ","\n"]),p=B([""],[""]),m=B(["\n  @media only screen and (max-width: ","px) {\n    display: none;\n  }\n"],["\n  @media only screen and (max-width: ","px) {\n    display: none;\n  }\n"]),x=B(["\n  font-size: 120px;\n  font-weight: bold;\n  margin-top: 20px;\n  @media only screen and (max-width: 680px) {\n    font-size: 100px;\n  }\n  ","\n\n@media only screen and (max-width: ","px) {\n    font-size: 80px;\n  }\n"],["\n  font-size: 120px;\n  font-weight: bold;\n  margin-top: 20px;\n  @media only screen and (max-width: 680px) {\n    font-size: 100px;\n  }\n  ","\n\n@media only screen and (max-width: ","px) {\n    font-size: 80px;\n  }\n"]),h=B(["\n  margin-top: 20px;\n  color: ",";\n  font-weight: bold;\n  // width: 100%;\n  width: 200px;\n  background-color: white;\n  ","\n  transition: color 0.5s ease-in-out;\n  ","\n\n  @media only screen and (max-width: ","px) {\n    font-size: 18px;\n    width: 165px;\n    height: 50px;\n  }\n"],["\n  margin-top: 20px;\n  color: ",";\n  font-weight: bold;\n  // width: 100%;\n  width: 200px;\n  background-color: white;\n  ","\n  transition: color 0.5s ease-in-out;\n  ","\n\n  @media only screen and (max-width: ","px) {\n    font-size: 18px;\n    width: 165px;\n    height: 50px;\n  }\n"]),g=B(["\n  opacity: 0.7;\n  margin-top: 12px;\n"],["\n  opacity: 0.7;\n  margin-top: 12px;\n"]),b=B(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  /* display: flex; */\n  /* align-items: center; */\n"],["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  /* display: flex; */\n  /* align-items: center; */\n"]),y=B(["\n  width: calc((100% - 200px) / 2 + 5%);\n  position: absolute;\n  right: 0px;\n  bottom: -6px;\n  height: 54px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  /* height: 700px; */\n  /* width: 100px; */\n\n  @media only screen and (max-width: ","px) {\n    bottom: -9px;\n  }\n"],["\n  width: calc((100% - 200px) / 2 + 5%);\n  position: absolute;\n  right: 0px;\n  bottom: -6px;\n  height: 54px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  /* height: 700px; */\n  /* width: 100px; */\n\n  @media only screen and (max-width: ","px) {\n    bottom: -9px;\n  }\n"]),v=B(["\n  ","\n  background:none;\n  border: none;\n  /* border-radius: 50%; */\n  width: 28px;\n  height: 28px;\n  /* transform: translateX(-20px); */\n\n  align-items: center;\n  justify-content: center;\n\n  bottom: 9px;\n  right: -50px;\n\n  pointer-events: none;\n  opacity: 0;\n  ","\n\n  transition: 0.2s all ease-out;\n"],["\n  ","\n  background:none;\n  border: none;\n  /* border-radius: 50%; */\n  width: 28px;\n  height: 28px;\n  /* transform: translateX(-20px); */\n\n  align-items: center;\n  justify-content: center;\n\n  bottom: 9px;\n  right: -50px;\n\n  pointer-events: none;\n  opacity: 0;\n  ","\n\n  transition: 0.2s all ease-out;\n"]),w=B(["\n  width: 22px;\n  opacity: 0.9;\n"],["\n  width: 22px;\n  opacity: 0.9;\n"]),k=t(1),T=L(k),P=L(t(53)),E=R(t(60)),S=R(t(38)),M=t(171),_=R(t(86)),O=L(t(615)),A=t(471),j=t(461),z=L(t(87)),C=t(630),D=t(173),N=t(66),I=t(477);function R(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e.default=n,e}function L(n){return n&&n.__esModule?n:{default:n}}function B(n,e){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var F=void 0;function W(n,e,t,o){var i=document.querySelector(n)||document.createElement("link");i.type=e,i.rel="shortcut icon",i.sizes=t,i.href=o,document.getElementsByTagName("head")[0].appendChild(i)}function U(n){W("link[rel*='icon'][type='image/x-icon']","image/x-icon","","/"+n+".ico"),W("link[rel*='icon'][sizes='32x32']","image/png","32x32","/"+n+"-32x32.png"),W("link[rel*='icon'][sizes='16x16']","image/png","16x16","/"+n+"-16x16.png")}function H(n){var e=void 0;switch(n){case 0:e="favicon";break;case 1:e="favicon-green";break;case 2:e="favicon-blue";break;default:e="favicon"}U(e)}function G(n){(0,D.checkIfElectron)()||(n.preventDefault(),n.returnValue="The timer is still running. Are you sure you want to close?")}function q(n){return 0===n?"Time to focus!":"Time for a break!"}e.default=function(n){var e=n.seconds,t=n.ticking,i=n.darkMode,r=n.stage,a=n.pomodoroCnt,d=n.progressPrc,l=n.bgColor,c=n.activityId,u=n.activityTitle,s=n.activityProjectName,f=n.allSeconds,p=n.configObj,m=n.authenticated,x=(n.reportType,n.isPremium),h=n.lastLoginDate,g=n.reduceSeconds,b=n.incrementActPomodoro,y=n.setStage,v=n.setTicking,w=n.setPomodoroCnt,P=n.setDarkMode,E=n.timeWorker,M=n.updateDailyWorkMiutesServer,j=n.incrementActPomodoroServer,R=n.notificationSub,L=n.saveNotificationCue,B=n.removeNotificationCue,W=n.updateDayStreak,nn=(n.sendErrorMessage,n.saveTimerState),fn=n.fetchTimerState,pn=n.timerStateLoaded,mn=n.refreshPomodoroCnt,xn=n.configLoaded,hn=n.estPomodoroUnit,gn=n.callSwitchToNextTask,bn=(0,k.useState)("25:00"),yn=o(bn,2),vn=yn[0],wn=yn[1],kn=(0,k.useState)(void 0),Tn=o(kn,2),Pn=Tn[0],En=Tn[1],Sn=(0,k.useRef)(!0),Mn=(0,k.useRef)(e),_n=(0,k.useRef)(t),On=((0,k.useRef)(void 0),(0,k.useState)({updated:0,minutes:0})),An=o(On,2),jn=An[0],zn=An[1],Cn=function(){var n=(0,z.default)(new Date).dateDigit;nn(m,{updatedDate:n,stage:r,consumedSeconds:f-e,selectedActivity:c,pomodoroCnt:a})},Dn=function(){_.playSoundPress(),t?(U("favicon-gray"),v(!1),Cn()):((0,I.askGrantNotification)(),H(r),v(!0),(0,N.runGtag)("event","start_timer"))},Nn=function(n){var t=(0,A.generateTimerString)(e);wn(t),document.title=t+" - "+(0===n&&u||q(n))},In=function(n){if(!t)return y(n),void Nn(n);window.confirm("The timer is still running, are you sure you want to switch?")&&setTimeout(function(){y(n)},500)},Rn=function(n){if(m){var e=new Date,t=(0,z.default)(e),o=t.dateStr,i=t.dateDigit;M(c,s,u,e,o,i,n),h!==o&&W(o)}},Ln=function(n){(function(n,e){switch(p.notificationType){case S.NT_EVERY:return n%(60*e)==0;case S.NT_LAST:return n===60*e;default:return!1}})(n,p.notificationMinutes)&&(0,I.notify)(n/60+" minutes left!",8e3)};function Bn(){0===r?(p.autoStartEnabled&&setTimeout(function(){return v(!0)},1e3),p.autoSwitchTasks&&setTimeout(function(){gn()},500),(0,N.runGtag)("event","finish_round",{value:a}),(a+1)%p.longBreakInterval==0?0===p.stageSeconds[2]?(y(0),(0,I.notify)("Time to focus!")):(y(2),(0,I.notify)("Time to take a long break!")):0===p.stageSeconds[1]?(y(0),(0,I.notify)("Time to focus!")):(y(1),(0,I.notify)("Time to take a short break!")),w(a+1),m?j({id:c,estPomodoroUnit:hn}):b({id:c,estPomodoroUnit:hn})):(p.autoStartPomodoroEnabled&&setTimeout(function(){return v(!0)},1e3),(0,I.notify)("Time to focus!"),y(0))}var Fn=function(){_n.current&&(document.hidden?L(R.endpoint,R,Mn.current):B(R.endpoint))},Wn=function(){v(!1),setTimeout(function(){Bn()},200)};return(0,k.useEffect)(function(){if(Mn.current=e,Sn.current?Sn.current=!1:Nn(r),t)if(e%60==1&&0===r)Rn(1);else if(e<1){try{_.playSoundBeep(p.alarmSoundType,p.alarmRepeatTimes)}catch(n){}Bn()}else Ln(e)},[e]),(0,k.useEffect)(function(){if(_n.current=t,t){if(0===r&&_.startSoundTicking(p.tickingSoundType),async function(){try{(F=await navigator.wakeLock.request("screen")).addEventListener("release",function(){})}catch(n){}}(),window.addEventListener("beforeunload",G),E.postMessage("start-timer_"+e),En(setTimeout(function(){p.darkModeEnabled&&P(!0)},1e3)),(0,D.checkIfCordova)()){var n=0===r?"Time for a break!":"Time to focus!";cordova.plugins.notification.local.schedule({title:n,trigger:{in:e,unit:"second"}})}setTimeout(function(){(0,I.clearNotifications)()},8e3)}else _.stopSoundTicking(),F&&F.release(),window.removeEventListener("beforeunload",G),E&&E.postMessage("stop-timer"),clearTimeout(Pn),P(!1);(0,D.checkIfCordova)()&&cordova.plugins.notification.local.cancelAll()},[t]),(0,k.useEffect)(function(){t&&P(p.darkModeEnabled)},[p.darkModeEnabled]),(0,k.useEffect)(function(){H(r)},[r]),(0,k.useEffect)(function(){E&&window.Worker&&(E.onmessage=function(n){if(0===r&&n.data>1){var t=function(n,e){var t=n-e;t=t<0?0:t;var o=Math.floor(n/60)+(n%60>=2?1:0)-(Math.floor(t/60)+(t%60>=1?1:0));return Math.abs(o)}(e,n.data);t>0&&zn({updated:Date.now(),minutes:t})}g(n.data)})},[E]),(0,k.useEffect)(function(){jn.updated>0&&Rn(jn.minutes)},[jn]),(0,k.useEffect)(function(){f&&E.postMessage("change-timer_"+e)},[f]),(0,k.useEffect)(function(){R&&document.addEventListener("visibilitychange",Fn,!1)},[R]),(0,k.useEffect)(function(){if(xn){var n=(0,z.default)(new Date).dateDigit;fn(m,n)}},[xn]),(0,k.useEffect)(function(){pn&&Cn()},[c,r,a]),T.default.createElement(J,{onClick:function(){_.stopSoundBeep()}},T.default.createElement(K,null,T.default.createElement(Y,{prc:d,darkMode:i})),T.default.createElement(Q,null,T.default.createElement(Z,{darkMode:i},T.default.createElement($,{darkMode:i},T.default.createElement(en,{selected:0===r,onClick:function(){return In(0)}},"Pomo",T.default.createElement(rn,null,"doro")),T.default.createElement(tn,{selected:1===r,onClick:function(){return In(1)}},"Short ",T.default.createElement(rn,null,"Break")),T.default.createElement(on,{selected:2===r,onClick:function(){return In(2)}},"Long ",T.default.createElement(rn,null,"Break"))),T.default.createElement(an,{darkMode:i,id:x?"timer-string-pro":"timer-string"},vn),T.default.createElement(ln,null,T.default.createElement(dn,{onClick:Dn,ticking:t,color:l,darkMode:i},t?"PAUSE":"START"),T.default.createElement(cn,null,T.default.createElement(un,{visible:t,onClick:Wn},T.default.createElement(sn,{src:"/icons/next-white3.png"}))))),T.default.createElement(V,{onClick:function(){window.confirm("Do you want to refresh the pomodoro count?")&&mn(m)},darkMode:i},"#"+a),T.default.createElement(X,{darkMode:i},u||q(r))),T.default.createElement(O.default,null),T.default.createElement(C.SmallDisplay,{bgColor:l,ticking:t,darkMode:i,timerString:vn,headerText:u||q(r),onClickStart:Dn,onClickNext:Wn}))};var V=P.default.div(i,j.Clickable,function(n){return n.hide&&"\n    opacity: 0;\n  "}),K=P.default.div(r),Y=P.default.div(a,function(n){return n.prc},function(n){return n.darkMode&&"\n\t\tbackground-color: "+E.DARK_WHITE+";\n\t"}),J=P.default.div(d),X=P.default.div(l,function(n){return n.darkMode&&"\n\t\tcolor: "+E.DARK_WHITE+";\n\t"}),Q=P.default.div(c),Z=P.default.div(u,S.BORDER_RADIUS,function(n){return n.darkMode&&"\n\t\tbackground-color: inherit;\n\t"}),$=P.default.div(s,function(n){return n.darkMode&&"\n\t\tvisibility: hidden;\n\t"}),nn=(0,P.default)(M.ButtonSmall)(f,S.BORDER_RADIUS,function(n){return n.selected&&"\n\t\tbackground-color: rgba(0,0,0,.15);\n\t\tcolor: white;\n\t\topacity: 1;\n\t\tfont-weight: bold;\n\t"}),en=(0,P.default)(nn)(p),tn=(0,P.default)(nn)(p),on=(0,P.default)(nn)(p),rn=P.default.span(m,S.WIDTH_NARROW),an=P.default.div(x,function(n){return n.darkMode&&"\n\t\tcolor: "+E.DARK_WHITE+";\n\t"},S.WIDTH_NARROW),dn=(0,P.default)(M.ButtonBig)(h,function(n){return n.color},function(n){return n.ticking&&"\n\t\ttransform: translateY(6px);\n\t\tbox-shadow: none;\n\t"},function(n){return n.darkMode&&"\n\t\tbackground-color: inherit;\n\t\tcolor: "+E.DARK_WHITE+";\n\t"},S.WIDTH_NARROW),ln=(P.default.div(g),P.default.div(b)),cn=P.default.div(y,S.WIDTH_NARROW),un=P.default.button(v,j.Clickable,function(n){return n.visible&&"  opacity: 1; pointer-events: auto;"}),sn=P.default.img(w)},615:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o,i=t(120),r=t(616),a=(o=r)&&o.__esModule?o:{default:o},d=t(29),l=t(176),c=function(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e.default=n,e}(t(38)),u=(t(469),t(121));var s=(0,i.connect)(function(n,e){return{activities:n.activity.activities,selectedId:n.activity.selectedId,darkMode:n.timer.darkMode,stageSeconds:n.config.stageSeconds,longBreakInterval:n.config.longBreakInterval,authenticated:n.user.authenticated,todoTemplate:n.activity.template,isPremium:null!==n.user.user.purchaseId,hourFormat:n.config.hourFormat,stage:n.timer.stage,consumedSeconds:n.timer.consumedSeconds,pomodoroCnt:n.timer.pomodoroCnt,callSwitchToNextTaskTS:n.activity.callSwitchToNextTaskTS,todoListAppId:n.todoList.appId,userId:n.user.user._id}},function(n){return{selectActivity:function(e){var t=e.id;n((0,d.selectActivity)({id:t}))},checkTask:function(e,t){(0,l.checkTaskInDB)(e,t?1:0),n((0,d.checkTask)(e,t))},checkTaskServer:function(e,t){n((0,d.apiCheckTask)(e,t))},overWriteActivities:function(e){n((0,d.overWriteActivities)(e))},finishSession:function(){n((0,d.clearFinishedTasks)()),(0,l.clearFinishedTasksDB)()},finishSessionServer:function(){n((0,d.apiClearFinishedTasks)())},clearAllTasks:function(){n((0,d.clearAllTasks)()),(0,l.clearAllTasksDB)()},clearAllTasksServer:function(){n((0,d.apiClearAllTasks)())},clearActPomodoros:function(){n((0,d.clearActPomodoros)()),(0,l.clearActPomodorosDB)()},clearActPomodorosServer:function(){n((0,d.apiClearActPomodoros)())},createTodoLocal:function(e){var t=e.title,o=e.estPomodoro,i=e.actPomodoro,r=e.note,a=e.projectName,c=e.order,u=""+Date.now()+c;(0,l.setActivity)({id:u,title:t,estPomodoro:o,actPomodoro:i,note:r,projectName:a,order:c}),n((0,d.createActivity)({id:u,title:t,estPomodoro:o,actPomodoro:i,note:r,projectName:a,order:c}))},createTodoServer:function(e){var t=e.title,o=e.estPomodoro,i=e.actPomodoro,r=e.note,a=e.projectName,l=e.order,c=""+Date.now()+l;n((0,d.apiCreateTodo)(c,t,o,i,r,a,l)),a&&n((0,d.apiUpsertProject)(a))},updateTodoLocal:function(e){var t=e.id,o=e.title,i=e.estPomodoro,r=e.actPomodoro,a=e.note,c=e.projectName,u=e.order;(0,l.setActivity)({id:t,title:o,estPomodoro:i,actPomodoro:r,note:a,projectName:c,order:u}),n((0,d.saveActivity)({id:t,title:o,estPomodoro:i,actPomodoro:r,note:a,projectName:c,order:u}))},updateTodoServer:function(e){var t=e.id,o=e.title,i=e.estPomodoro,r=e.actPomodoro,a=e.note,l=e.projectName,c=e.order;n((0,d.apiUpdateTodo)(t,o,i,r,a,l,c)),l&&n((0,d.apiUpsertProject)(l))},deleteTodoLocal:function(e){var t=e.id;(0,l.deleteOneActivity)({id:t}),n((0,d.deleteActivity)({id:t}))},deleteTodoServer:function(e){var t=e.id;n((0,d.apiDeleteTodo)(t))},saveTemplateServer:function(e){n((0,d.apiSaveTodoTemplate)(e))},saveTemplateLocal:function(e){(0,l.saveTemplateLocalDB)(e),n((0,d.updateTodoTemplate)(e))},showUpgradeModal:function(){n((0,d.changeVisibleModal)({visibleModal:c.MODAL_UPGRADE}))},removeTemplate:function(e){n((0,d.apiDeleteTemplate)(e))},saveToTemplate:function(e,t,o){n((0,d.apiUpdateTodoTemplate)(e,t,o))},resetConsumedSeconds:function(){n((0,d.setStage)(0))},showAdModal:function(){n((0,d.changeVisibleModal)({visibleModal:c.MODAL_AD}))},stopTicking:function(){n((0,d.setTicking)(!1))},upsertDailyReportItemManually:function(e){var t=e.id,o=e.dateStr,i=e.dateObj,r=e.dateDigit,a=e.totalMinutes,l=e.projectName,c=e.task;n((0,d.apiUpsertDailyReportItemManuallyReq)({id:t,dateStr:o,dateObj:i,dateDigit:r,totalMinutes:a,projectName:l,task:c}))},loadTasksFromTodolist:function(e){n((0,u.apiFetchTodosOfToday)(e))},changeTaskStateOfTodolist:function(e,t,o){n((0,u.apiChangeTaskState)(e,t,o))}}})(a.default);e.default=s},616:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(){return function(n,e){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,e){var t=[],o=!0,i=!1,r=void 0;try{for(var a,d=n[Symbol.iterator]();!(o=(a=d.next()).done)&&(t.push(a.value),!e||t.length!==e);o=!0);}catch(n){i=!0,r=n}finally{try{!o&&d.return&&d.return()}finally{if(i)throw r}}return t}(n,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),i=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},r=_(["\n  max-width: 480px;\n  margin: 20px auto 42px auto;\n  ","\n"],["\n  max-width: 480px;\n  margin: 20px auto 42px auto;\n  ","\n"]),a=_(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 2px solid rgba(255, 255, 255, 0.6);\n  padding-bottom: 14px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 2px solid rgba(255, 255, 255, 0.6);\n  padding-bottom: 14px;\n"]),d=_(["\n  font-size: 18px;\n  font-weight: bold;\n"],["\n  font-size: 18px;\n  font-weight: bold;\n"]),l=_(["\n  margin-top: 18px;\n"],["\n  margin-top: 18px;\n"]),c=_(["\n  margin-top: 28px;\n  background-color: rgba(0, 0, 0, 0.1);\n  padding: 18px 12px;\n  border-top: 1px solid rgba(255, 255, 255, 0.8);\n  justify-content: space-between;\n  align-items: center;\n  text-align: center;\n  ","\n  background-color: rgba(255, 255, 255, 0.1);\n"],["\n  margin-top: 28px;\n  background-color: rgba(0, 0, 0, 0.1);\n  padding: 18px 12px;\n  border-top: 1px solid rgba(255, 255, 255, 0.8);\n  justify-content: space-between;\n  align-items: center;\n  text-align: center;\n  ","\n  background-color: rgba(255, 255, 255, 0.1);\n"]),u=_(["\n  & div {\n    margin: 0px 8px;\n    display: inline-block;\n    color: rgba(255, 255, 255, 0.7);\n    line-height: 34px;\n  }\n"],["\n  & div {\n    margin: 0px 8px;\n    display: inline-block;\n    color: rgba(255, 255, 255, 0.7);\n    line-height: 34px;\n  }\n"]),s=_(["\n  color: rgba(255, 255, 255, 1);\n  font-weight: bold;\n  font-size: 24px;\n  margin-left: 1px;\n  margin-right: 2px;\n"],["\n  color: rgba(255, 255, 255, 1);\n  font-weight: bold;\n  font-size: 24px;\n  margin-left: 1px;\n  margin-right: 2px;\n"]),f=_(["\n  margin-left: 1px;\n  margin-right: 3px;\n"],["\n  margin-left: 1px;\n  margin-right: 3px;\n"]),p=t(1),m=M(p),x=M(t(53)),h=M(t(475)),g=M(t(624)),b=M(t(625)),y=M(t(626)),v=M(t(627)),w=M(t(628)),k=t(66),T=t(477),P=t(629),E=t(85),S=t(38);function M(n){return n&&n.__esModule?n:{default:n}}function _(n,e){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function O(n){if(Array.isArray(n)){for(var e=0,t=Array(n.length);e<n.length;e++)t[e]=n[e];return t}return Array.from(n)}e.default=function(n){var e=n.authenticated,t=n.activities,r=n.selectActivity,a=n.selectedId,d=n.darkMode,l=n.stageSeconds,c=n.longBreakInterval,u=n.todoTemplate,s=n.finishSession,f=n.finishSessionServer,x=n.checkTask,M=n.checkTaskServer,_=n.overWriteActivities,L=n.createTodoLocal,B=n.createTodoServer,F=n.updateTodoLocal,W=n.updateTodoServer,U=n.deleteTodoLocal,H=n.deleteTodoServer,G=n.saveTemplateServer,q=(n.saveTemplateLocal,n.showUpgradeModal),V=n.removeTemplate,K=n.isPremium,Y=n.clearActPomodoros,J=n.clearActPomodorosServer,X=n.clearAllTasks,Q=n.clearAllTasksServer,Z=n.hourFormat,$=n.saveToTemplate,nn=n.stage,en=n.consumedSeconds,tn=n.resetConsumedSeconds,on=n.pomodoroCnt,rn=(n.showAdModal,n.callSwitchToNextTaskTS),an=n.stopTicking,dn=n.upsertDailyReportItemManually,ln=n.loadTasksFromTodolist,cn=n.changeTaskStateOfTodolist,un=n.todoListAppId,sn=n.userId,fn=(0,p.useState)(null),pn=o(fn,2),mn=pn[0],xn=pn[1],hn=(0,p.useState)(!1),gn=o(hn,2),bn=gn[0],yn=gn[1],vn=(0,p.useState)(!1),wn=o(vn,2),kn=wn[0],Tn=wn[1],Pn=(0,p.useState)(!1),En=o(Pn,2),Sn=En[0],Mn=En[1],_n=(0,p.useState)(""),On=o(_n,2),An=On[0],jn=On[1];function zn(n,o){var r,a,d,l,c,u=t.map(function(n){return n.id}).indexOf(n),s=t.map(function(n){return n.id}).indexOf(o),f=(d=s,l=(r=t)[a=u],(c=r.filter(function(n,e){return e!==a})).splice(d,0,l),c);_(f);var p=f.map(function(n,e){return i({},n,{order:e})});e?p.forEach(function(n){W(n)}):p.forEach(function(n){F(n)})}function Cn(n){xn(n),jn("")}function Dn(n,e){n.preventDefault(),null!==mn&&e!==An&&(jn(e),zn(mn,e))}function Nn(n){n===mn&&jn("")}function In(){window.optimize=window.optimize||{queue:[]},window.optimize.queue.push(function(){window.optimize.push("bsa-zone_1626116539685-6_123456")})}function Rn(n,t,o){e?(M(n,t),o&&cn(S.TODO_APP_TODOIST,o,t)):x(n,t)}function Ln(n){var o=n.title,i=n.estPomodoro,r=n.actPomodoro,a=n.note,d=n.projectName,l=n.order||Math.max.apply(Math,O(t.map(function(n){return n.order})).concat([0]))+1;e?B({title:o,estPomodoro:i,actPomodoro:r,note:a,projectName:d,order:l}):L({title:o,estPomodoro:i,actPomodoro:r,note:a,projectName:d,order:l})}function Bn(n,o,i,r,a,d){e?(W({id:n,title:o,estPomodoro:i,actPomodoro:r,note:a,projectName:d}),t.find(function(e){return e.id===n}).actPomodoro!==r&&function(n){var e=n.id,t=n.title,o=n.actPomodoro,i=n.projectName,r=o*(l[0]/60);if(window.confirm("Do you want to update the focus hours in the report to "+r+" munites?")){var a=new Date,d=(0,E.convertDateToString)(a),c=d.dateStr,u=d.dateDigit;dn({id:e,dateStr:c,dateObj:a,dateDigit:u,totalMinutes:r,projectName:i,task:t})}}({id:n,title:o,actPomodoro:r,projectName:d})):F({id:n,title:o,estPomodoro:i,actPomodoro:r,note:a,projectName:d})}function Fn(n){e?H({id:n}):U({id:n})}var Wn=function(n){var e=n.id,o=t.find(function(n){return n.id===a}),i=t.find(function(n){return n.id===e});(!o||o.estPomodoro>=1?1:o.estPomodoro)!==(i.estPomodoro>=1?1:i.estPomodoro)&&0===nn&&en>0?window.confirm("The timer will be reset. Do you want to switch the task anyway?")&&(setTimeout(function(){tn()},300),setTimeout(function(){r({id:e})},500)):r({id:e})};(0,p.useEffect)(function(){1===t.length&&Wn({id:t[0].id})},[t]),(0,p.useEffect)(function(){if(rn>0){var n=!1,e=!1;t.forEach(function(t){if(t.id===a&&t.actPomodoro>=t.estPomodoro)return Rn(t.id,!0),void(n=!0);!n||t.done||e||(r({id:t.id}),e=!0)}),!0===n&&!1===e&&setTimeout(function(){(0,T.notify)("All tasks are done!"),an()},1500)}},[rn]);var Un=(0,p.useMemo)(function(){return(0,P.calculateFinishAt)(t,nn,on,l,c,Z)},[t,l,nn]),Hn=Un.totalEst,Gn=Un.totalAct,qn=Un.finishAt,Vn=Un.hoursToFinish;return m.default.createElement(A,{hide:d},m.default.createElement(j,null,m.default.createElement(z,null,"Tasks"),m.default.createElement(b.default,{openTemplateSelectionModal:function(){e?t.length<1?window.alert("Please add tasks first."):u.length<1?(yn(!0),setTimeout(function(){window.document.getElementById("input_template_name").focus()},100)):Mn(!0):window.alert("Please login to use the routine feature.")},openTemplateModal:function(){e?Tn(!0):window.alert("Please login to use the routine feature.")},handleClearAllTasks:function(){window.confirm("Are you sure you want to delete all tasks?")&&((0,k.runGtag)("event","clear_all_tasks"),K||In(),e?Q():X())},handleFinishSession:function(){(0,k.runGtag)("event","clear_finished_tasks"),K||In(),e?f():s()},handleClearActPomodoros:function(){(0,k.runGtag)("event","clear_act_pomodoros"),e?J():Y()},loadTasksFromTodolist:function(){K?un===S.TODO_APP_TODOIST?ln(S.TODO_APP_TODOIST):window.location.href=""+S.TODOIST_AUTH_URL+sn:q()},todoListAppId:un,isPremium:K})),m.default.createElement(C,null,t.map(function(n,e){return m.default.createElement(h.default,{index:e,selectActivity:Wn,selected:a===n.id,id:n.id,key:n.id,projectName:n.projectName,title:n.title,estPomodoro:n.estPomodoro,actPomodoro:n.actPomodoro,done:n.done,note:n.note,apiTaskId:n.apiTaskId,checkTask:Rn,changeOrderOfActivity:zn,onSubmit:Bn,onDelete:Fn,showUpgradeModal:q,isPremium:K,handleDragStart:Cn,handleDragEnter:Dn,handleDragEnterContainer:Nn})})),m.default.createElement(g.default,{onAddTodo:Ln,showUpgradeModal:q,isPremium:K}),m.default.createElement(D,{hide:t.length<1},m.default.createElement(N,null,m.default.createElement("div",null,"Pomos: ",m.default.createElement(I,null,Gn),m.default.createElement(R,null,"/"),m.default.createElement(I,null,Hn)),m.default.createElement("div",null,"Finish At: ",m.default.createElement(I,null,qn)," (",Vn,"h)"))),m.default.createElement(y.default,{visible:bn,saveAsTemplate:function(n){window.alert('The current tasks are saved as "'+n+'".');var e=t.map(function(n){return n.title}).toString();(0,k.runGtag)("event","save_template",{event_label:e}),G({name:n,todos:t})},closeModal:function(){return yn(!1)}}),m.default.createElement(w.default,{visible:kn,template:u,addTemplate:function(n){(0,k.runGtag)("event","call_template");var e=Math.max.apply(Math,O(t.map(function(n){return n.order})).concat([0]));n.forEach(function(n,t){Ln({title:n.title,estPomodoro:n.estPomodoro,actPomodoro:0,note:n.note,projectName:n.projectName,order:e+1+t})})},closeModal:function(){return Tn(!1)},removeTemplate:V}),m.default.createElement(v.default,{visible:Sn,template:u,saveToTemplate:function(n,e){$(n,e,t)},openSaveTemplateModal:function(){if(u.length>1&&!K)return window.alert("You need to upgrade to save more than 3 templates."),void q();yn(!0),setTimeout(function(){window.document.getElementById("input_template_name").focus()},100)},closeModal:function(){return Mn(!1)}}))};var A=x.default.div(r,function(n){return n.hide&&"\n\t\tvisibility: hidden;\n\t"}),j=x.default.div(a),z=x.default.span(d),C=x.default.div(l),D=x.default.div(c,function(n){return n.hide&&"\n\t\tdisplay: none;\n\t"}),N=x.default.div(u),I=x.default.span(s),R=x.default.span(f)},624:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(){return function(n,e){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,e){var t=[],o=!0,i=!1,r=void 0;try{for(var a,d=n[Symbol.iterator]();!(o=(a=d.next()).done)&&(t.push(a.value),!e||t.length!==e);o=!0);}catch(n){i=!0,r=n}finally{try{!o&&d.return&&d.return()}finally{if(i)throw r}}return t}(n,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),i=f(["\n  box-sizing: border-box;\n  width: 100%;\n  height: 64px;\n  background-color: rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  opacity: 0.8;\n  margin-top: 12px;\n  border: dashed 2px rgba(255, 255, 255, 0.4);\n  &:hover {\n    opacity: 1;\n  }\n"],["\n  box-sizing: border-box;\n  width: 100%;\n  height: 64px;\n  background-color: rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  opacity: 0.8;\n  margin-top: 12px;\n  border: dashed 2px rgba(255, 255, 255, 0.4);\n  &:hover {\n    opacity: 1;\n  }\n"]),r=f(["\n  width: 18px;\n  margin-right: 8px;\n  opacity: 0.8;\n"],["\n  width: 18px;\n  margin-right: 8px;\n  opacity: 0.8;\n"]),a=f(["\n  opacity: 0.8;\n  font-weight: bold;\n"],["\n  opacity: 0.8;\n  font-weight: bold;\n"]),d=t(1),l=s(d),c=s(t(53)),u=(t(29),s(t(476)));function s(n){return n&&n.__esModule?n:{default:n}}function f(n,e){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}e.default=function(n){var e=n.onAddTodo,t=n.showUpgradeModal,i=n.isPremium,r=(0,d.useState)(!1),a=o(r,2),c=a[0],s=a[1],f=(0,d.useState)(""),h=o(f,2),g=h[0],b=h[1],y=(0,d.useState)(""),v=o(y,2),w=v[0],k=v[1],T=(0,d.useState)(1),P=o(T,2),E=P[0],S=P[1],M=(0,d.useState)(0),_=o(M,2),O=_[0],A=_[1],j=(0,d.useState)(""),z=o(j,2),C=z[0],D=z[1],N=function(){s(!0)},I=function(){b(""),k(""),S(1),A(0),D("")},R=function(n){var e=n.ctrlKey,t=n.keyCode;e&&78===t&&N()};return(0,d.useEffect)(function(){return window.addEventListener("keydown",R),function(){window.removeEventListener("keydown",R)}},[null]),c?l.default.createElement(u.default,{isNew:!0,title:g,estPomodoro:E,actPomodoro:O,note:C,projectName:w,onSubmit:function(){e({title:g,estPomodoro:E,actPomodoro:O||0,note:C,projectName:w}),I()},onClickCancel:function(){if((g.length>0||C.length>0)&&!window.confirm("The input data will be lost. Are you sure you want to close it?"))return;s(!1),I()},onClickOutside:function(){s(!1)},showUpgradeModal:t,isPremium:i,onChangeTitle:b,onChangeNote:D,onChangeEstPomodoro:S,onChangeActPomodoro:A,onChangeProjectName:k}):l.default.createElement(p,{onClick:N,title:"Ctrl key + N"},l.default.createElement(m,{src:"/icons/plus-circle-white.png",alt:"plus circle white"}),l.default.createElement(x,null,"Add Task"))};var p=c.default.div(i),m=c.default.img(r),x=c.default.div(a)},625:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PremiumLockIconWrapper=void 0;var o=function(){return function(n,e){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,e){var t=[],o=!0,i=!1,r=void 0;try{for(var a,d=n[Symbol.iterator]();!(o=(a=d.next()).done)&&(t.push(a.value),!e||t.length!==e);o=!0);}catch(n){i=!0,r=n}finally{try{!o&&d.return&&d.return()}finally{if(i)throw r}}return t}(n,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),i=w(["\n  position: relative;\n"],["\n  position: relative;\n"]),r=w(["\n  box-shadow: none;\n  margin-left: 10px;\n\n  font-size: 13px;\n  padding: 8px 8px;\n  min-width: auto;\n\n  background-color: rgba(255, 255, 255, 0.2);\n  border: none;\n  color: white !important;\n"],["\n  box-shadow: none;\n  margin-left: 10px;\n\n  font-size: 13px;\n  padding: 8px 8px;\n  min-width: auto;\n\n  background-color: rgba(255, 255, 255, 0.2);\n  border: none;\n  color: white !important;\n"]),a=w(["\n  width: 16px;\n  @media only screen and (max-width: ","px) {\n    width: 18px;\n  }\n"],["\n  width: 16px;\n  @media only screen and (max-width: ","px) {\n    width: 18px;\n  }\n"]),d=w(["\n  ","\n  position: absolute;\n  background-color: white;\n  transform: translateY(10px);\n  width: 210px;\n  right: 0;\n  z-index: 1;\n"],["\n  ","\n  position: absolute;\n  background-color: white;\n  transform: translateY(10px);\n  width: 210px;\n  right: 0;\n  z-index: 1;\n"]),l=w(["\n  ","\n"],["\n  ","\n"]),c=w([""],[""]),u=w(["\n  height: 1px;\n  width: 85%;\n  background-color: #efefef;\n  margin: auto;\n  /* margin-top: 4px;\n  margin-bottom: 4px; */\n"],["\n  height: 1px;\n  width: 85%;\n  background-color: #efefef;\n  margin: auto;\n  /* margin-top: 4px;\n  margin-bottom: 4px; */\n"]),s=w(["\n  opacity: 0.5;\n  margin-left: 0.3rem;\n  margin-right: -3px;\n"],["\n  opacity: 0.5;\n  margin-left: 0.3rem;\n  margin-right: -3px;\n"]),f=t(1),p=v(f),m=v(t(53)),x=function(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e.default=n,e}(t(38)),h=t(179),g=t(171),b=v(t(174)),y=v(t(464));function v(n){return n&&n.__esModule?n:{default:n}}function w(n,e){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}e.default=function(n){var e=n.openTemplateSelectionModal,t=n.openTemplateModal,i=n.handleFinishSession,r=n.handleClearActPomodoros,a=n.handleClearAllTasks,d=n.loadTasksFromTodolist,l=(n.todoListAppId,n.isPremium),c=(0,f.useState)(!1),u=o(c,2),s=u[0],m=u[1],x=(0,f.useRef)(null),h=function(){m(!1)};(0,b.default)(x,h,!0);return p.default.createElement(k,{ref:x},p.default.createElement(T,{onClick:function(){m(!s)}},p.default.createElement(P,{src:"/icons/threedots-white.png",alt:"three dots"})),p.default.createElement(E,{visible:s,onClick:function(){h()}},p.default.createElement(S,{onClick:i},p.default.createElement(M,{src:"/icons/delete-black.png",alt:"clear icon"}),"Clear finished tasks"),p.default.createElement(S,{onClick:r},p.default.createElement(M,{src:"/icons/clear-black.png",alt:"clear icon"}),"Clear act pomodoros"),p.default.createElement(S,{onClick:e},p.default.createElement(M,{src:"/icons/save-black2.png",alt:"save icon"}),"Save as routine"),p.default.createElement(S,{onClick:t},p.default.createElement(M,{src:"/icons/plus-black.png",alt:"plus icon"}),"Add from routines"),p.default.createElement(S,{onClick:d},p.default.createElement(M,{src:"/icons/integration-black.png",alt:"plus icon"}),"Import from Todoist"," ",p.default.createElement(O,null,p.default.createElement(y.default,{isPremium:l}))),p.default.createElement(_,null),p.default.createElement(S,{onClick:a},p.default.createElement(M,{src:"/icons/delete-black.png",alt:"clear icon"}),"Clear all tasks")))};var k=m.default.div(i),T=(0,m.default)(g.ButtonSecondary)(r),P=m.default.img(a,x.WIDTH_PHONE_SMALL),E=m.default.div(d,h.DropDownWindow),S=m.default.div(l,h.DropDownItem),M=m.default.img(c),_=m.default.div(u),O=e.PremiumLockIconWrapper=m.default.div(s)},626:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(){return function(n,e){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,e){var t=[],o=!0,i=!1,r=void 0;try{for(var a,d=n[Symbol.iterator]();!(o=(a=d.next()).done)&&(t.push(a.value),!e||t.length!==e);o=!0);}catch(n){i=!0,r=n}finally{try{!o&&d.return&&d.return()}finally{if(i)throw r}}return t}(n,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),i=y(["\n  padding: 20px 20px 0px 20px;\n"],["\n  padding: 20px 20px 0px 20px;\n"]),r=y(["\n  font-size: 16px;\n  color: ",";\n  text-transform: uppercase;\n  font-weight: bold;\n  margin-bottom: 16px;\n"],["\n  font-size: 16px;\n  color: ",";\n  text-transform: uppercase;\n  font-weight: bold;\n  margin-bottom: 16px;\n"]),a=y(["\n\t// border-top: 1px solid ",";\n\tpadding: 14px 20px;\n\ttext-align: right;\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tbackground-color: #efefef;\n"],["\n\t// border-top: 1px solid ",";\n\tpadding: 14px 20px;\n\ttext-align: right;\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tbackground-color: #efefef;\n"]),d=y(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]),l=y(["\n  display: inline-block;\n  margin-right: 14px;\n  background: none;\n  border: none;\n  color: #888;\n  font-weight: bold;\n  box-shadow: none;\n  ","\n"],["\n  display: inline-block;\n  margin-right: 14px;\n  background: none;\n  border: none;\n  color: #888;\n  font-weight: bold;\n  box-shadow: none;\n  ","\n"]),c=y(["\n  width: 100%;\n  box-sizing: border-box;\n  font-weight: bold;\n  font-size: 22px;\n  /* margin-left: 28px; */\n"],["\n  width: 100%;\n  box-sizing: border-box;\n  font-weight: bold;\n  font-size: 22px;\n  /* margin-left: 28px; */\n"]),u=y(["\n  display: flex;\n  padding-top: 10px;\n  padding-bottom: 14px;\n  align-items: flex-start;\n"],["\n  display: flex;\n  padding-top: 10px;\n  padding-bottom: 14px;\n  align-items: flex-start;\n"]),s=t(1),f=b(s),p=b(t(53)),m=function(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e.default=n,e}(t(60)),x=t(171),h=t(463),g=b(t(462));function b(n){return n&&n.__esModule?n:{default:n}}function y(n,e){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}e.default=function(n){var e=n.visible,t=n.saveAsTemplate,i=n.closeModal,r=(0,s.useState)(""),a=o(r,2),d=a[0],l=a[1];function c(){d&&(t(d),i())}function u(){i()}return(0,s.useEffect)(function(){e||l("")},[e]),f.default.createElement(g.default,{closeModal:u,modalVisible:e,centered:!0,maxWidth:500},f.default.createElement(v,null,f.default.createElement(w,null,"Save template"),f.default.createElement(S,null,f.default.createElement(E,{id:"input_template_name",type:"text",onChange:function(n){l(n.target.value)},onKeyDown:function(n){13===n.keyCode&&c()},value:d,placeholder:"Name this template"}))),f.default.createElement(k,null,f.default.createElement(P,{onClick:u},"Cancel"),f.default.createElement(T,{onClick:c,disabled:!(d.trim().length>0)},"Save")))};var v=p.default.div(i),w=p.default.div(r,m.FONT_THIRD),k=p.default.div(a,m.BG_GRAY),T=(0,p.default)(x.ButtonPrimary)(d),P=(0,p.default)(x.ButtonPrimary)(l,function(n){return n.hide&&"\n\t\tdisplay: none;\n\t"}),E=(0,p.default)(h.WhiteForm)(c),S=p.default.div(u)},627:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=E(["\n  /* padding: 20px 20px 0px 20px; */\n  overflow: hidden;\n"],["\n  /* padding: 20px 20px 0px 20px; */\n  overflow: hidden;\n"]),i=E(["\n  font-size: 16px;\n  color: ",";\n  text-transform: uppercase;\n  font-weight: bold;\n  margin-bottom: 16px;\n  padding-top: 18px;\n"],["\n  font-size: 16px;\n  color: ",";\n  text-transform: uppercase;\n  font-weight: bold;\n  margin-bottom: 16px;\n  padding-top: 18px;\n"]),r=E(["\n\t// border-top: 1px solid ",";\n\tpadding: 14px 20px;\n\ttext-align: right;\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tbackground-color: #efefef;\n"],["\n\t// border-top: 1px solid ",";\n\tpadding: 14px 20px;\n\ttext-align: right;\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tbackground-color: #efefef;\n"]),a=E(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]),d=E(["\n  display: inline-block;\n  margin-right: 14px;\n  background: none;\n  border: none;\n  color: #888;\n  font-weight: bold;\n  box-shadow: none;\n  ","\n"],["\n  display: inline-block;\n  margin-right: 14px;\n  background: none;\n  border: none;\n  color: #888;\n  font-weight: bold;\n  box-shadow: none;\n  ","\n"]),l=E(["\n  width: 100%;\n  box-sizing: border-box;\n  font-weight: bold;\n  font-size: 26px;\n  margin-left: 28px;\n"],["\n  width: 100%;\n  box-sizing: border-box;\n  font-weight: bold;\n  font-size: 26px;\n  margin-left: 28px;\n"]),c=E(["\n  /* display: flex; */\n  /* padding-top: 10px; */\n  /* padding-bottom: 14px; */\n  /* align-items: flex-start; */\n  border-top: 1px solid #efefef;\n"],["\n  /* display: flex; */\n  /* padding-top: 10px; */\n  /* padding-bottom: 14px; */\n  /* align-items: flex-start; */\n  border-top: 1px solid #efefef;\n"]),u=E(["\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 12px 18px;\n  box-sizing: border-box;\n  overflow: hidden;\n  &:hover {\n    background-color: #efefef;\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 12px 18px;\n  box-sizing: border-box;\n  overflow: hidden;\n  &:hover {\n    background-color: #efefef;\n  }\n"]),s=E(["\n  font-size: 18px;\n"],["\n  font-size: 18px;\n"]),f=E(["\n  cursor: pointer;\n  opacity: 0.2;\n  &:hover {\n    opacity: 0.4;\n  }\n"],["\n  cursor: pointer;\n  opacity: 0.2;\n  &:hover {\n    opacity: 0.4;\n  }\n"]),p=E(["\n  width: 12px;\n"],["\n  width: 12px;\n"]),m=E(["\n  padding: 18px 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #aaa;\n  /* font-weight: bold; */\n"],["\n  padding: 18px 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #aaa;\n  /* font-weight: bold; */\n"]),x=E(["\n  border-top: 1px solid #efefef;\n"],["\n  border-top: 1px solid #efefef;\n"]),h=E(["\n  ",";\n  padding: 16px;\n  color: #8f8f8f;\n  text-align: left;\n"],["\n  ",";\n  padding: 16px;\n  color: #8f8f8f;\n  text-align: left;\n"]),g=P(t(1)),b=P(t(53)),y=function(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e.default=n,e}(t(60)),v=t(171),w=t(463),k=P(t(462)),T=t(461);function P(n){return n&&n.__esModule?n:{default:n}}function E(n,e){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}e.default=function(n){var e=n.visible,t=n.template,o=n.saveToTemplate,i=n.openSaveTemplateModal,r=n.closeModal;return g.default.createElement(k.default,{closeModal:r,modalVisible:e,maxWidth:500,hideCloseBtn:!0},g.default.createElement(S,null,g.default.createElement(M,null,"Save routine to"),g.default.createElement(_,null,t.length>0&&t.map(function(n){return g.default.createElement(O,{key:n._id,onClick:function(){return e=n._id,t=n.name,window.confirm('Do you want to update the routine "'+t+'" with the current tasks?')&&o(e,t),void r();var e,t}},g.default.createElement(A,null,n.name))})),g.default.createElement(j,null,g.default.createElement(z,{onClick:function(){r(),i()}},"+ Create New Template"))))};var S=b.default.div(o),M=b.default.div(i,y.FONT_THIRD),_=(b.default.div(r,y.BG_GRAY),(0,b.default)(v.ButtonPrimary)(a),(0,b.default)(v.ButtonPrimary)(d,function(n){return n.hide&&"\n\t\tdisplay: none;\n\t"}),(0,b.default)(w.WhiteForm)(l),b.default.div(c)),O=b.default.div(u),A=b.default.div(s),j=(b.default.div(f),b.default.img(p),b.default.div(m),b.default.div(x)),z=b.default.div(h,T.Clickable)},628:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=k(["\n  /* padding: 20px 20px 0px 20px; */\n  overflow: hidden;\n"],["\n  /* padding: 20px 20px 0px 20px; */\n  overflow: hidden;\n"]),i=k(["\n  font-size: 16px;\n  color: ",";\n  text-transform: uppercase;\n  font-weight: bold;\n  margin-bottom: 16px;\n  padding-top: 18px;\n"],["\n  font-size: 16px;\n  color: ",";\n  text-transform: uppercase;\n  font-weight: bold;\n  margin-bottom: 16px;\n  padding-top: 18px;\n"]),r=k(["\n\t// border-top: 1px solid ",";\n\tpadding: 14px 20px;\n\ttext-align: right;\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tbackground-color: #efefef;\n"],["\n\t// border-top: 1px solid ",";\n\tpadding: 14px 20px;\n\ttext-align: right;\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tbackground-color: #efefef;\n"]),a=k(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]),d=k(["\n  display: inline-block;\n  margin-right: 14px;\n  background: none;\n  border: none;\n  color: #888;\n  font-weight: bold;\n  box-shadow: none;\n  ","\n"],["\n  display: inline-block;\n  margin-right: 14px;\n  background: none;\n  border: none;\n  color: #888;\n  font-weight: bold;\n  box-shadow: none;\n  ","\n"]),l=k(["\n  width: 100%;\n  box-sizing: border-box;\n  font-weight: bold;\n  font-size: 26px;\n  margin-left: 28px;\n"],["\n  width: 100%;\n  box-sizing: border-box;\n  font-weight: bold;\n  font-size: 26px;\n  margin-left: 28px;\n"]),c=k(["\n  /* display: flex; */\n  /* padding-top: 10px; */\n  /* padding-bottom: 14px; */\n  /* align-items: flex-start; */\n  border-top: 1px solid #efefef;\n"],["\n  /* display: flex; */\n  /* padding-top: 10px; */\n  /* padding-bottom: 14px; */\n  /* align-items: flex-start; */\n  border-top: 1px solid #efefef;\n"]),u=k(["\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 12px 18px;\n  box-sizing: border-box;\n  overflow: hidden;\n  &:hover {\n    background-color: #efefef;\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 12px 18px;\n  box-sizing: border-box;\n  overflow: hidden;\n  &:hover {\n    background-color: #efefef;\n  }\n"]),s=k(["\n  font-size: 18px;\n"],["\n  font-size: 18px;\n"]),f=k(["\n  cursor: pointer;\n  opacity: 0.2;\n  &:hover {\n    opacity: 0.4;\n  }\n"],["\n  cursor: pointer;\n  opacity: 0.2;\n  &:hover {\n    opacity: 0.4;\n  }\n"]),p=k(["\n  width: 12px;\n"],["\n  width: 12px;\n"]),m=k(["\n  padding: 18px 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #aaa;\n  /* font-weight: bold; */\n"],["\n  padding: 18px 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #aaa;\n  /* font-weight: bold; */\n"]),x=w(t(1)),h=w(t(53)),g=function(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e.default=n,e}(t(60)),b=t(171),y=t(463),v=w(t(462));function w(n){return n&&n.__esModule?n:{default:n}}function k(n,e){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}e.default=function(n){var e=n.visible,t=n.template,o=n.addTemplate,i=n.closeModal,r=n.removeTemplate;return x.default.createElement(v.default,{closeModal:i,modalVisible:e,maxWidth:500,hideCloseBtn:!0},x.default.createElement(T,null,x.default.createElement(P,null,"Select a routine"),x.default.createElement(E,null,t.length<1&&x.default.createElement(A,null,"No routine has been saved yet."),t.length>0&&t.map(function(n){return x.default.createElement(S,{key:n._id,onClick:function(){return e=n._id,r=t.find(function(n){return n._id===e}),o(r.todos),void i();var e,r}},x.default.createElement(M,null,n.name),x.default.createElement(_,{onClick:function(e){return function(n,e,t){n.stopPropagation(),window.confirm("Are you sure you want to delete "+t+"?")&&r(e)}(e,n._id,n.name)}},x.default.createElement(O,{src:"/icons/remove-black-sm.png"})))}))))};var T=h.default.div(o),P=h.default.div(i,g.FONT_THIRD),E=(h.default.div(r,g.BG_GRAY),(0,h.default)(b.ButtonPrimary)(a),(0,h.default)(b.ButtonPrimary)(d,function(n){return n.hide&&"\n\t\tdisplay: none;\n\t"}),(0,h.default)(y.WhiteForm)(l),h.default.div(c)),S=h.default.div(u),M=h.default.div(s),_=h.default.div(f),O=h.default.img(p),A=h.default.div(m)},629:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.calculateFinishAt=void 0;var o=t(38),i=t(178);function r(n,e){var t=new Date(n),i=t.getHours().toString(),r=t.getMinutes().toString();e===o.HOUR_FORMAT_24?i=i.length<2?"0"+i:i:i=(parseInt(i,10)<12?"AM":"PM")+" "+function(n){return"0"===n?"12":parseInt(n,10)>=13?""+(parseInt(n,10)-12):n}(i);return i+":"+(r=r.length<2?"0"+r:r)}function a(n,e,t){if(n<=0)return 0;var o=Math.floor(n/t);return(n-o)*e[1]+o*e[2]}e.calculateFinishAt=function(n,e,t,o,d,l){var c=n.reduce(function(n,e){return n+(e.actPomodoro>e.estPomodoro||e.done?e.actPomodoro:e.estPomodoro)},0),u=n.reduce(function(n,e){return n+e.actPomodoro},0),s=(0,i.clearFloatNumber)(c),f=(0,i.clearFloatNumber)(u),p=0;n.forEach(function(n){n.done||n.actPomodoro>=n.estPomodoro||(n.estPomodoro<1?p+=1:p+=n.estPomodoro-n.actPomodoro)});var m=function(n,e,t,o,i,d,l,c,u){var s=(t-o)*l[0],f=a(i,l,c),p=a(i+d-1,l,c),m=s+(p-f>0?p-f:0)+(0===n?0:l[n]);return{finishAtStr:r(e+1e3*m,u),hoursToFinish:Math.floor(m/3600*10)/10}}(e,Date.now(),s,f,t,p,o,d,l);return{totalEst:s,totalAct:f,finishAt:m.finishAtStr,hoursToFinish:m.hoursToFinish}}},630:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SmallDisplay=void 0;var o=function(){return function(n,e){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,e){var t=[],o=!0,i=!1,r=void 0;try{for(var a,d=n[Symbol.iterator]();!(o=(a=d.next()).done)&&(t.push(a.value),!e||t.length!==e);o=!0);}catch(n){i=!0,r=n}finally{try{!o&&d.return&&d.return()}finally{if(i)throw r}}return t}(n,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),i=P(["\n  display: none;\n\n  @media only screen and (max-height: 300px),\n    (max-width: ","px) {\n    display: block;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: ",";\n    box-sizing: border-box;\n  }\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    display: flex;\n    flex-direction: column-reverse;\n  }\n"],["\n  display: none;\n\n  @media only screen and (max-height: 300px),\n    (max-width: ","px) {\n    display: block;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: ",";\n    box-sizing: border-box;\n  }\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    display: flex;\n    flex-direction: column-reverse;\n  }\n"]),r=P(["\n  -webkit-app-region: drag;\n  height: ","px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  padding-bottom: 11px;\n  box-sizing: border-box;\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    writing-mode: vertical-rl;\n    text-orientation: mixed;\n    height: 100%;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    margin-top: 2px;\n  }\n"],["\n  -webkit-app-region: drag;\n  height: ","px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  padding-bottom: 11px;\n  box-sizing: border-box;\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    writing-mode: vertical-rl;\n    text-orientation: mixed;\n    height: 100%;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    margin-top: 2px;\n  }\n"]),a=P(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n\n  @media only screen and (max-height: 210px) {\n    height: 30%;\n    font-size: 16px;\n  }\n\n  @media only screen and (max-height: 140px) {\n    font-size: 14px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n\n  @media only screen and (max-height: 210px) {\n    height: 30%;\n    font-size: 16px;\n  }\n\n  @media only screen and (max-height: 140px) {\n    font-size: 14px;\n  }\n"]),d=P(["\n  /* width: 30%; */\n  white-space: nowrap;\n  overflow: hidden;\n  /* line-height: 30px; */\n\n  /* line-height: 25px;\n  font-size: 15px;\n  */\n  opacity: 0.9;\n  /* @media only screen and (max-width: 200px) {\n    display: none;\n  } */\n"],["\n  /* width: 30%; */\n  white-space: nowrap;\n  overflow: hidden;\n  /* line-height: 30px; */\n\n  /* line-height: 25px;\n  font-size: 15px;\n  */\n  opacity: 0.9;\n  /* @media only screen and (max-width: 200px) {\n    display: none;\n  } */\n"]),l=P(["\n  padding: 4px 18px 0px 18px;\n  box-sizing: border-box;\n  position: relative;\n  height: calc(100% - ","px);\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    height: auto;\n    margin-top: 15px;\n    margin-top: 18px;\n    /* display: flex;\n    flex-direction: column-reverse; */\n  }\n"],["\n  padding: 4px 18px 0px 18px;\n  box-sizing: border-box;\n  position: relative;\n  height: calc(100% - ","px);\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    height: auto;\n    margin-top: 15px;\n    margin-top: 18px;\n    /* display: flex;\n    flex-direction: column-reverse; */\n  }\n"]),c=P(["\n  position: relative;\n  box-sizing: border-box;\n  background-color: rgba(255, 255, 255, 0.1);\n  border-radius: 6px;\n  width: 100%;\n  /* height: 80%; */\n  height: calc(100% - ","px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ","\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    height: 100px;\n  }\n"],["\n  position: relative;\n  box-sizing: border-box;\n  background-color: rgba(255, 255, 255, 0.1);\n  border-radius: 6px;\n  width: 100%;\n  /* height: 80%; */\n  height: calc(100% - ","px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ","\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    height: 100px;\n  }\n"]),u=P(["\n  font-size: 170px;\n  font-weight: bold;\n  ","\n\n  @media only screen and (max-width: 520px) {\n    font-size: 140px;\n  }\n\n  @media only screen and (max-height: 240px) {\n    font-size: 140px;\n  }\n\n  @media only screen and (max-height: 200px) {\n    font-size: 120px;\n  }\n\n  @media only screen and (max-width: 450px) {\n    font-size: 120px;\n  }\n\n  @media only screen and (max-height: 180px) {\n    font-size: 80px;\n  }\n\n  @media only screen and (max-width: 380px) {\n    font-size: 80px;\n  }\n\n  @media only screen and (max-height: 140px) {\n    font-size: 50px;\n  }\n\n  @media only screen and (max-width: 260px) {\n    font-size: 50px;\n  }\n"],["\n  font-size: 170px;\n  font-weight: bold;\n  ","\n\n  @media only screen and (max-width: 520px) {\n    font-size: 140px;\n  }\n\n  @media only screen and (max-height: 240px) {\n    font-size: 140px;\n  }\n\n  @media only screen and (max-height: 200px) {\n    font-size: 120px;\n  }\n\n  @media only screen and (max-width: 450px) {\n    font-size: 120px;\n  }\n\n  @media only screen and (max-height: 180px) {\n    font-size: 80px;\n  }\n\n  @media only screen and (max-width: 380px) {\n    font-size: 80px;\n  }\n\n  @media only screen and (max-height: 140px) {\n    font-size: 50px;\n  }\n\n  @media only screen and (max-width: 260px) {\n    font-size: 50px;\n  }\n"]),s=P(["\n  /* position: absolute;\n  top: 0;\n  left: 0; */\n  width: 100%;\n  height: ","px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* margin-left: 18px; */\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    /* position: fixed;\n    bottom: 1px; */\n    margin-top: 8px;\n    margin-bottom: 6px;\n  }\n"],["\n  /* position: absolute;\n  top: 0;\n  left: 0; */\n  width: 100%;\n  height: ","px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* margin-left: 18px; */\n\n  @media only screen and (max-width: ","px) and (min-height: ","px) {\n    /* position: fixed;\n    bottom: 1px; */\n    margin-top: 8px;\n    margin-bottom: 6px;\n  }\n"]),f=P(["\n  background: none;\n  border: none;\n  ","\n\n  ","\n"],["\n  background: none;\n  border: none;\n  ","\n\n  ","\n"]),p=P(["\n  width: 16px;\n  opacity: 0.9;\n"],["\n  width: 16px;\n  opacity: 0.9;\n"]),m=P(["\n  animation: tenmetsulight 1s infinite;\n"],["\n  animation: tenmetsulight 1s infinite;\n"]),x=P(["\n  @media only screen and (min-height: 240px) {\n    @media only screen and (max-width: 400px) {\n      font-size: 168px;\n    }\n  }\n\n  @media only screen and (min-height: 200px) {\n    @media only screen and (max-width: 300px) {\n      font-size: 128px;\n    }\n  }\n\n  @media only screen and (min-height: 180px) {\n    @media only screen and (max-width: 240px) {\n      font-size: 90px;\n    }\n  }\n  @media only screen and (min-height: 150px) {\n    @media only screen and (max-width: 200px) {\n      font-size: 58px;\n    }\n  }\n"],["\n  @media only screen and (min-height: 240px) {\n    @media only screen and (max-width: 400px) {\n      font-size: 168px;\n    }\n  }\n\n  @media only screen and (min-height: 200px) {\n    @media only screen and (max-width: 300px) {\n      font-size: 128px;\n    }\n  }\n\n  @media only screen and (min-height: 180px) {\n    @media only screen and (max-width: 240px) {\n      font-size: 90px;\n    }\n  }\n  @media only screen and (min-height: 150px) {\n    @media only screen and (max-width: 200px) {\n      font-size: 58px;\n    }\n  }\n"]),h=P(["\n  @media only screen and (min-height: 240px) {\n    @media only screen and (max-width: 400px) {\n      display: none;\n    }\n  }\n\n  @media only screen and (min-height: 200px) {\n    @media only screen and (max-width: 300px) {\n      display: none;\n    }\n  }\n\n  @media only screen and (min-height: 180px) {\n    @media only screen and (max-width: 240px) {\n      display: none;\n    }\n  }\n\n  @media only screen and (min-height: 140px) {\n    @media only screen and (max-width: 200px) {\n      display: none;\n    }\n  }\n\n  @media only screen and (max-height: 140px) {\n    @media only screen and (max-width: 180px) {\n      display: none;\n    }\n  }\n"],["\n  @media only screen and (min-height: 240px) {\n    @media only screen and (max-width: 400px) {\n      display: none;\n    }\n  }\n\n  @media only screen and (min-height: 200px) {\n    @media only screen and (max-width: 300px) {\n      display: none;\n    }\n  }\n\n  @media only screen and (min-height: 180px) {\n    @media only screen and (max-width: 240px) {\n      display: none;\n    }\n  }\n\n  @media only screen and (min-height: 140px) {\n    @media only screen and (max-width: 200px) {\n      display: none;\n    }\n  }\n\n  @media only screen and (max-height: 140px) {\n    @media only screen and (max-width: 180px) {\n      display: none;\n    }\n  }\n"]),g=t(1),b=T(g),y=T(t(53)),v=k(t(60)),w=(k(t(38)),t(173),t(461));function k(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e.default=n,e}function T(n){return n&&n.__esModule?n:{default:n}}function P(n,e){return Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}e.SmallDisplay=function(n){var e=n.bgColor,t=n.ticking,i=n.darkMode,r=n.timerString,a=n.headerText,d=n.onClickStart,l=n.onClickNext,c=(0,g.useState)(!1),u=o(c,2),s=u[0],f=u[1];return(0,g.useEffect)(function(){f(!0)},[null]),(0,g.useEffect)(function(){},[s]),s?b.default.createElement(E,{bgColor:e},b.default.createElement(S,null,b.default.createElement(M,null,b.default.createElement(_,null,a))),b.default.createElement(O,null,b.default.createElement(A,{darkMode:i},b.default.createElement(j,{darkMode:i},b.default.createElement(I,null,r.slice(0,2)),b.default.createElement(R,null,r.slice(2,5)))),b.default.createElement(z,null,b.default.createElement(C,{onClick:d},t&&b.default.createElement(N,{src:"/icons/pause-white.png"}),!t&&b.default.createElement(D,{src:"/icons/play-white.png"})),b.default.createElement(C,{onClick:l},b.default.createElement(D,{src:"/icons/next-white3.png"}))))):null};var E=y.default.div(i,230,function(n){return n.bgColor},230,400),S=y.default.div(r,48,230,400),M=y.default.div(a),_=y.default.div(d),O=y.default.div(l,48,230,400),A=y.default.div(c,48,function(n){return n.darkMode&&"\n      background-color: inherit;\n  "},230,400),j=y.default.div(u,function(n){return n.darkMode&&"\n      color: "+v.DARK_WHITE+";\n  "}),z=y.default.div(s,48,230,400),C=y.default.button(f,w.Clickable,function(n){return n.hide&&"\n    visibility: hidden;\n    pointer-events: none;\n  "}),D=y.default.img(p),N=(0,y.default)(D)(m),I=y.default.span(x),R=y.default.span(h)},631:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o,i=t(120),r=t(172),a=t(181),d=(o=a)&&o.__esModule?o:{default:o},l=function(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t]);return e.default=n,e}(t(38)),c=t(29),u=t(180),s=t(66);var f=(0,i.connect)(function(n){return{darkMode:n.timer.darkMode,authenticated:n.user.authenticated,user:n.user.user}},function(n,e){return{openConfigModal:function(){n((0,c.changeConfigModalVisibility)({visible:!0}))},openReportModal:function(){n((0,c.changeVisibleModal)({visibleModal:l.MODAL_REPORT})),(0,s.runGtag)("event","open-report-modal")},handleLogout:function(){(0,u.removeCookie)(l.COOKIE_ACCESS_TOKEN,"/"),(0,u.removeCookie)(l.COOKIE_ACCESS_TOKEN,"/app"),window.location.reload()},deleteAccount:function(){n((0,c.apiDeleteAccount)())},openProfileModal:function(){n((0,c.changeVisibleModal)({visibleModal:l.MODAL_PROFILE}))},handleOpenUpgrade:function(){n((0,c.changeVisibleModal)({visibleModal:l.MODAL_UPGRADE}))},handleOpenSubscription:function(){n((0,c.changeVisibleModal)({visibleModal:l.MODAL_SUBSCRIPTION}))},goToLoginPage:function(){window.location="/login"}}})(d.default);e.default=(0,r.withRouter)(f)}}]);
Editor is loading...