main.099424a2.chunk.js (19119B)
1 (this["webpackJsonptime-convertor"]=this["webpackJsonptime-convertor"]||[]).push([[0],{21:function(e,t,a){e.exports=a(34)},34:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),l=a(18),c=a.n(l),o=a(3),m=a(5),i=a(4),s=a(2),u=a.n(s),d=a(9);function v(){localStorage.setItem("zones","{}")}function E(e){var t=e.fmtStr,a=e.time,n=e.timezone;return a.tz(n).format(t)}function b(e){return e.replace(/_/g," ")}function f(e){var t=e.timezone,a=e.time;return u.a.tz.zone(t).abbr(a)}function h(){var e=localStorage.getItem("zones")||"{}";return JSON.parse(e).list||[]}function p(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=h(),a=t.filter((function(t){return t!==e})),n=JSON.stringify({list:a});localStorage.setItem("zones",n)}function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=h(),a=Array.from(new Set([].concat(Object(d.a)(t),Object(d.a)(e)))).sort(),n=JSON.stringify({list:a});localStorage.setItem("zones",n)}function N(e){return e.replace(/ /g,"_")}var z="HH:mm MMMM DD, YYYY",S="HH:mm:ss MMMM DD, YYYY",w=u.a.tz.guess(),T=u.a.tz.names().sort(),y=(new Date).getFullYear(),x="YYYY-MM-DD";var C=function(e){var t=e.autofocus,a=void 0!==t&&t,n=e.changeValue,l=e.clearInput,c=e.id,m=void 0===c?"":c,i=e.placeholder,s=void 0===i?"Time zone":i,u=e.TZ,v=void 0===u?"UTC":u,E=T,f=r.a.useState([]),h=Object(o.a)(f,2),p=h[0],g=h[1],z=r.a.useState(b(v)),S=Object(o.a)(z,2),w=S[0],y=S[1],x=r.a.useState({border:0,borderBottom:"1px solid silver"}),C=Object(o.a)(x,2),Z=C[0],k=C[1];return r.a.createElement("div",{className:"h4"},r.a.createElement("input",{"aria-placeholder":s,autoComplete:"false",autoFocus:a,className:"w-75",id:m,maxLength:100,name:m,onBlur:function(){k({border:0,borderBottom:"1px solid silver"})},onChange:function(e){var t=e.target.value;l&&l(void 0),y(t);var a=[];t.length?(a=E.filter((function(e){return e.toLowerCase().includes(N(t).toLowerCase())})),t.length<=3&&a.sort((function(e,t){return e.length-t.length}))):a=Object(d.a)(E),g(a)},onFocus:function(){k({border:"none"})},placeholder:s,role:"searchbox",style:Z,type:"text",value:w}),r.a.createElement("div",{className:"suggestion-list",style:{boxShadow:p.length>0?"0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)":"none",left:"15px",maxHeight:"50vh",overflowX:"scroll",scrollbarWidth:"none",position:"absolute",right:"15px",WebkitOverflowScrolling:"touch",zIndex:2}},r.a.createElement("div",{className:"h6 mb-0"},r.a.createElement("ul",{className:"list-group text-left"},p.length>0?p.map((function(e,t,a){return r.a.createElement("li",{className:"list-group-item list-group-item-action",key:t,onClick:function(){return t=e,g([]),y(b(t)),void n(N(t));var t},style:{cursor:"pointer"}},b(e))})):null))))};var Z=function(){var e,t=window.location,a=t.protocol,n=t.host,l="".concat(a,"//").concat(n,"/"),c=u()(Date.now()),m={date:c.format(x),stamp:c.unix(),time:c.format("HH:mm")},i=r.a.useState(""),s=Object(o.a)(i,2),d=s[0],v=s[1],E=r.a.useState(m.date),b=Object(o.a)(E,2),f=b[0],h=b[1],p=r.a.useState(m.time),g=Object(o.a)(p,2),N=g[0],z=g[1],S=r.a.useState(w),T=Object(o.a)(S,2),y=T[0],Z=T[1];return r.a.createElement("main",{className:"container"},r.a.createElement("h1",{className:"mb-3 text-center"},"Select the date, time and timezone of your event."),r.a.createElement("label",{htmlFor:"event-date"},"Event date"),r.a.createElement("input",{"aria-describedby":"event-date",className:"form-control mb-4",id:"event-date",max:"2038-01-18",name:"event-date",onChange:function(e){h(e.target.value),v("")},placeholder:"Enter date",type:"date",value:f}),r.a.createElement("label",{htmlFor:"event-time"},"Event time"),r.a.createElement("input",{"aria-describedby":"event-time",className:"form-control mb-4",id:"event-time",name:"event-time",onChange:function(e){z(e.target.value),v("")},placeholder:"Enter time",type:"time",value:N}),r.a.createElement("label",{htmlFor:"event-timezone"},"Set timezone"),r.a.createElement(C,{autofocus:!1,changeValue:function(e){Z(e),v("")},id:"event-timezone-input",placeholder:"Time zone",TZ:y}),r.a.createElement("h1",{className:"mt-5"},"Share link!"),r.a.createElement("div",{className:"input-group"},r.a.createElement("div",{className:"input-group-prepend",onClick:function(){var e=u.a.tz("".concat(f," ").concat(N),y).unix();v("".concat(l).concat(e))}},r.a.createElement("span",{className:"input-group-text"},"Click to create link!")),r.a.createElement("input",{className:"form-control",id:"event-url",onClick:function(){null===e||void 0===e||e.select(),document.execCommand("copy")},readOnly:!0,ref:function(t){return e=t},style:{background:"white"},type:"text",value:d})))};var k=function(e){var t=e.savedZones,a=e.time;return r.a.createElement(r.a.Fragment,null,r.a.createElement("h3",{className:"mt-5 mb-3"},"Saved time zones"),r.a.createElement("ul",{className:"list-group"},t.map((function(e){return r.a.createElement("li",{className:"list-group-item list-group-item-action",key:e,style:{cursor:"pointer"}},r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col"},r.a.createElement("span",{className:"h4"},b(e)),r.a.createElement("br",null),r.a.createElement("span",null,E({fmtStr:S,time:a,timezone:e}))),r.a.createElement("div",{className:"justify-content-center align-self-center col"},r.a.createElement("button",{className:"btn btn-danger float-right",onClick:function(){return p(e)},type:"button"},"Remove"))))}))))};var O=function(e){var t=e.time,a=h();return r.a.createElement("div",{className:"saved"},a.length>0?r.a.createElement(k,{savedZones:a,time:t}):r.a.createElement("h5",{className:"border-top mt-5 text-center",style:{paddingTop:"1rem"}},"You haven't saved any timezones so far."," ",r.a.createElement("span",{"aria-label":"Saved list is empty.",role:"img"},"\ud83d\ude05")))};var j=function(e){var t=e.time,a=e.TZ1,n=e.TZ2,l=e.setTZ1,c=e.setTZ2;return r.a.createElement("main",{className:"container"},r.a.createElement("h3",{className:"mb-5 text-center"},"Convert ",r.a.createElement("em",null,"current")," time across time zones."),r.a.createElement("div",{className:"mb-3 row",id:"labels"},r.a.createElement("div",{className:"col text-right",id:"first-time-lbl-box"},r.a.createElement(C,{autofocus:!0,changeValue:l,id:"first-time-lbl",placeholder:"Time zone",TZ:a})),r.a.createElement("div",{className:"col",id:"second-time-lbl-box"},r.a.createElement(C,{autofocus:!1,changeValue:c,id:"second-time-lbl",placeholder:"Time zone",TZ:n}))),r.a.createElement("div",{className:"row",id:"times"},r.a.createElement("div",{className:"col text-right",id:"first-time-box"},r.a.createElement("h4",{id:"first-time"},E({fmtStr:S,time:t,timezone:a}))),r.a.createElement("div",{className:"col",id:"second-time-box"},r.a.createElement("h4",{id:"second-time"},E({fmtStr:S,time:t,timezone:n})))),r.a.createElement("div",{className:"text-right mt-5"},r.a.createElement("button",{className:"btn btn-success mr-3",type:"button",onClick:function(){return g([a,n])}},"Save timezones"),r.a.createElement("button",{className:"btn btn-danger",disabled:0===h().length,type:"button",onClick:v},"Clear All")),r.a.createElement(O,{time:t}))};var Y=function(e){var t=e.msg;return r.a.createElement("div",{className:"alert alert-dismissible alert-warning fade mt-5 show",role:"alert"},t,r.a.createElement("button",{"aria-label":"Close",className:"close","data-dismiss":"alert",type:"button"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7")))};var D=function(e){var t=e.selectedTime,a=e.TZ1,n=e.TZ2,l=t,c=t.clone().tz(n),o=f({timezone:a,time:u()(l,S)}),m=f({timezone:n,time:u()(c,S)});return r.a.createElement("div",{className:"mt-5"},r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col"},r.a.createElement("h1",null,b(a))),r.a.createElement("div",{className:"col"},r.a.createElement("h1",null,b(n)))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col"},E({fmtStr:z,time:l,timezone:a})," (",o,")"),r.a.createElement("div",{className:"col"},E({fmtStr:z,time:c,timezone:n})," (",m,")")))};var M=function(e){var t=e.selectedTime,a=e.zones;return r.a.createElement(r.a.Fragment,null,r.a.createElement("h3",{className:"mt-5 mb-3"},"In other time zones..."),r.a.createElement("ul",{className:"list-group"},a.map((function(e){return r.a.createElement("li",{className:"list-group-item list-group-item-action",key:e,style:{cursor:"pointer"}},r.a.createElement("h4",null,b(e)),r.a.createElement("span",null,E({fmtStr:z,time:t,timezone:e})),r.a.createElement("button",{className:"btn btn-danger float-right",onClick:function(){return p(e)},type:"button"},"Remove"))}))))};var F=function(e){var t=e.selectedTime,a=h();return r.a.createElement("div",{className:"mt-5"},t&&a.length>0?r.a.createElement(M,{selectedTime:t,zones:a}):r.a.createElement("h5",{className:"border-top mt-5 text-center",style:{paddingTop:"1rem"}},"You haven't ",t?"saved any timezones":"selected a time"," ","so far."," ",r.a.createElement("span",{"aria-label":"Saved list is empty.",role:"img"},"\ud83d\ude05")))};var H=function(e){var t=e.date,a=e.setDate,n=e.setTime,l=e.setTZ1,c=e.setTZ2,m=e.time,i=e.TZ1,s=e.TZ2,d=r.a.useState(void 0),v=Object(o.a)(d,2),b=v[0],f=v[1],h=r.a.useState(""),p=Object(o.a)(h,2),g=p[0],N=p[1],z=function(){var e=new Date,t=new Date;return t.setDate(e.getDate()-1),u()(t)}();return r.a.createElement("div",{className:"container"},r.a.createElement("form",{autoComplete:"false",onSubmit:function(e){e.preventDefault(),N(""),f(void 0);var a=u()(t);if(!a.isValid())return N("Chosen date is not valid."),void console.warn(g);if(u()("2038-01-18",x).unix()-a.unix()<0)return N("Chosen date is outside the maximum permissible limit."),void console.warn(g);var n=u()(z.format(x),x);if(u()(a.format(x),x).unix()-n.unix()<0)return N("Chosen date is in the past."),void console.warn(g);var r=a.format(x),l=m,c="".concat(r," ").concat(l),o=u.a.tz(c,i);return o.isValid()?T.indexOf(i)<0?(N("Selected timezone is invalid."),void console.warn(g)):T.indexOf(s)<0?(N("Selected timezone to convert is invalid."),void console.warn(g)):void f(o):(N("Error occurred while parsing time."),void console.warn(g))}},r.a.createElement("div",{className:"form-group"},r.a.createElement("label",{htmlFor:"choose-date"},"Choose date"),r.a.createElement("input",{"aria-describedby":"choose-date",className:"form-control",id:"chosen-date",max:"2038-01-18",min:E({fmtStr:x,time:z,timezone:w}),name:"choose-date",onChange:function(e){a(e.target.value),f(void 0)},placeholder:"Enter date",type:"date",value:t})),r.a.createElement("div",{className:"form-group"},r.a.createElement("label",{htmlFor:"choose-time"},"Choose time"),r.a.createElement("input",{"aria-describedby":"choose-time",className:"form-control",id:"choose-time",name:"choose-time",onChange:function(e){n(e.target.value),f(void 0)},placeholder:"Enter time",type:"time",value:m})),r.a.createElement("div",{className:"form-group"},r.a.createElement("label",{htmlFor:"choose-from-timezone"},"Set timezone"),r.a.createElement(C,{autofocus:!1,changeValue:l,clearInput:f,id:"choose-from-timezone",placeholder:"Set timezone",TZ:i})),r.a.createElement("div",{className:"form-group"},r.a.createElement("label",{htmlFor:"convert-to-timezone"},"Convert to timezone"),r.a.createElement(C,{autofocus:!1,changeValue:c,clearInput:f,id:"convert-to-timezone",placeholder:"Convert to timezone",TZ:s})),r.a.createElement("button",{className:"btn btn-success",type:"submit"},"Convert"),g?r.a.createElement(Y,{msg:g}):null,void 0!==b?r.a.createElement(D,{selectedTime:b,TZ1:i,TZ2:s}):null),r.a.createElement(F,{selectedTime:b}))};var I=function(e){var t=e.time;return r.a.createElement("div",{className:"container"},r.a.createElement("ol",null,r.a.createElement("li",null,"Use the ",r.a.createElement(m.b,{to:"".concat("","/")},"homepage")," to convert your"," ",r.a.createElement("span",{className:"font-weight-bold"},"current time")," (",f({time:t,timezone:w}),") to other timezone."),r.a.createElement("li",null,"Use the ",r.a.createElement(m.b,{to:"".concat("","/future")},"/future")," to convert a"," ",r.a.createElement("span",{className:"font-weight-bold"},"future date")," between different timezones."),r.a.createElement("li",null,"Use the ",r.a.createElement(m.b,{to:"".concat("","/from-to")},"/from-to")," to convert"," ",r.a.createElement("span",{className:"font-weight-bold"},"current time")," between different timezones."),r.a.createElement("li",null,"You can ",r.a.createElement("span",{className:"font-weight-bold"},"save"),' the converted timezones, by clicking the "Save" button.'),r.a.createElement("li",null,"Use the ",r.a.createElement(m.b,{to:"".concat("","/create")},"Create event")," link to schedule an event and share the link with participants. They can view the event's scheduled time in their respective time zones.")))};var V=function(e){var t=e.setTZ1,a=e.time,n=e.TZ1;return r.a.createElement("main",{className:"container"},r.a.createElement("h1",{className:"mb-5 text-center"},"Convert ",r.a.createElement("em",null,"current")," time to other time zone."),r.a.createElement("div",{className:"mb-3 row",id:"labels"},r.a.createElement("div",{className:"col text-right",id:"first-time-lbl-box",style:{cursor:"not-allowed"}},r.a.createElement("div",{className:"h4"},b(w)," (Local time)")),r.a.createElement("div",{className:"col",id:"second-time-lbl-box"},r.a.createElement(C,{autofocus:!0,changeValue:t,id:"second-time-lbl",placeholder:"Time zone",TZ:n}))),r.a.createElement("div",{className:"row",id:"times"},r.a.createElement("div",{className:"col text-right",id:"first-time-box"},r.a.createElement("h4",{id:"first-time"},E({fmtStr:S,time:a,timezone:w}))),r.a.createElement("div",{className:"col",id:"second-time-box"},r.a.createElement("h4",{id:"second-time"},E({fmtStr:S,time:a,timezone:n})))),r.a.createElement("div",{className:"text-right mt-5"},r.a.createElement("button",{className:"btn btn-success mr-3",onClick:function(){return g([n])},type:"button"},"Save timezone"),r.a.createElement("button",{className:"btn btn-danger",disabled:0===h().length,onClick:v,type:"button"},"Clear All")),r.a.createElement(O,{time:a}))},B=a(20);var U=function(){var e=1e3*+window.location.pathname.replace("/",""),t=r.a.useState(w),a=Object(o.a)(t,2),n=a[0],l=a[1],c=u.a.tz(e,n),i=Date.now(),s=c.valueOf()>=i?"is":"was",d=r.a.useState(c),v=Object(o.a)(d,2),E=v[0],b=v[1],f=r.a.useState(E.format("HH:mm MMM DD, YYYY Z (z)")),h=Object(o.a)(f,2),p=h[0],g=h[1],N=r.a.useState(E.format("Z (z)")),z=Object(o.a)(N,2),S=z[0],T=z[1];return r.a.createElement("main",{className:"container"},r.a.createElement("div",{className:"text-center"},r.a.createElement("h3",null,"That ",s,":"),r.a.createElement("h1",{className:"mb-5 mt-3"},p),r.a.createElement("h5",null,"Not ",S,"?"),r.a.createElement(C,{autofocus:!1,changeValue:function(t){l(t),b(u.a.tz(e,""+t))},id:"event-time-mismatch",placeholder:"Time zone",TZ:n}),r.a.createElement("button",{className:"btn btn-primary mb-5 mt-3",onClick:function(){b(u.a.tz(e,n)),g(E.format("HH:mm MMM DD, YYYY Z (z)")),T(E.format("Z (z)"))}},"Change"),r.a.createElement("h2",{className:"mb-2 mt-2"},"is"===s?r.a.createElement(B.a,{date:e}):"The event has commenced."),r.a.createElement(m.b,{className:"btn btn-info mt-5",role:"button",to:"".concat("","/create")},"Schedule a new event")))};var A=function(){return r.a.createElement("footer",{className:"border-top mt-5 page-footer",style:{bottom:0,paddingTop:"1rem"}},r.a.createElement("div",{className:"text-center"},r.a.createElement("p",null,"Copyright \xa9 ",y," ",r.a.createElement("a",{href:"https://en.wikinews.org/wiki/User:Acagastya",target:"_blank",rel:"noopener noreferrer"},"Agastya"),". This project is licensed under"," ",r.a.createElement("a",{href:"https://opensource.org/licenses/BSD-3-Clause",target:"_blank",rel:"noopener noreferrer"},"BSD-3-Clause license"),". Report bugs"," ",r.a.createElement("a",{href:"https://github.com/acagastya/time-convertor-ts/issues/new",target:"_blank",rel:"noopener noreferrer"},"here"),".")))};var J=function(){return r.a.createElement("nav",{className:"bg-danger mb-5 navbar navbar-dark navbar-expand-lg"},r.a.createElement(m.b,{className:"navbar-brand",to:"".concat("","/")},r.a.createElement("span",{"aria-label":"time-convertor",role:"img"},"\u23f3")," ","time convertor"),r.a.createElement("button",{"aria-label":"Toggle navigation",className:"navbar-toggler","data-target":"#collapsibleNavbar","data-toggle":"collapse",type:"button"},r.a.createElement("span",{className:"navbar-toggler-icon"})),r.a.createElement("div",{className:"collapse navbar-collapse",id:"collapsibleNavbar"},r.a.createElement("ul",{className:"navbar-nav"},r.a.createElement("li",{className:"nav-item"},r.a.createElement(m.b,{className:"nav-link",to:"".concat("","/create")},"Create-events")),r.a.createElement("li",{className:"nav-item"},r.a.createElement(m.b,{className:"nav-link",to:"".concat("","/help")},"Help")),r.a.createElement("li",{className:"nav-item"},r.a.createElement(m.b,{className:"nav-link",to:"".concat("","/future")},"Future")),r.a.createElement("li",{className:"nav-item"},r.a.createElement(m.b,{className:"nav-link",to:"".concat("","/from-to")},"From-to")))))};var L=function(){var e=Object(n.useState)(u()()),t=Object(o.a)(e,2),a=t[0],r=t[1];return Object(n.useEffect)((function(){var e=setInterval((function(){r(u()())}),1e3);return function(){return clearInterval(e)}})),a};var _=function(){var e=L(),t=r.a.useState("UTC"),a=Object(o.a)(t,2),n=a[0],l=a[1],c=r.a.useState(w),s=Object(o.a)(c,2),u=s[0],d=s[1],v=r.a.useState(E({fmtStr:x,time:e,timezone:w})),b=Object(o.a)(v,2),f=b[0],h=b[1],p=r.a.useState(E({fmtStr:"HH:mm",time:e,timezone:w})),g=Object(o.a)(p,2),N=g[0],z=g[1];return r.a.createElement(m.a,null,r.a.createElement("div",{className:"container-fluid",style:{paddingLeft:0,paddingRight:0}},r.a.createElement(J,null),r.a.createElement(i.c,null,r.a.createElement(i.a,{path:"".concat("","/future"),render:function(){return r.a.createElement(H,{date:f,setDate:h,setTime:z,setTZ1:l,setTZ2:d,time:N,TZ1:n,TZ2:u})}}),r.a.createElement(i.a,{path:"".concat("","/help"),render:function(){return r.a.createElement(I,{time:e})}}),r.a.createElement(i.a,{path:"".concat("","/from-to"),render:function(){return r.a.createElement(j,{setTZ1:d,setTZ2:l,time:e,TZ1:u,TZ2:n})}}),r.a.createElement(i.a,{path:"".concat("","/create"),render:function(){return r.a.createElement(Z,null)}}),r.a.createElement(i.a,{path:"".concat("","/([0-9]+)"),render:function(){return r.a.createElement(U,null)}}),r.a.createElement(i.a,{path:"".concat("","/"),render:function(){return r.a.createElement(V,{setTZ1:l,time:e,TZ1:n})}})),r.a.createElement(A,null)))};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}$/));c.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(_,null)),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()})).catch((function(e){console.error(e.message)}))}},[[21,1,2]]]); 2 //# sourceMappingURL=main.099424a2.chunk.js.map