(window.webpackJsonp=window.webpackJsonp||[]).push([[104],{a7789a33985a2de52d9e:function(e,t,n){"use strict";n.r(t);var r,o,i=n("55f20b32a59f966d9dd6"),a=n("38748638497270348dce"),c=n("2d9add69d983ded021ab"),l=n("2f105211d48064b19e61"),u=n("e0242165f6f83f4e2057"),f=n("1231c8dbfe54b0845df9"),s=n.n(f),b=n("8af190b70a6bc55c6f1b"),p=n.n(b);function y(){return(y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function d(e){return b.createElement("svg",y({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e),r||(r=b.createElement("path",{fill:"none",d:"M0 0h24v24H0z"})),o||(o=b.createElement("path",{d:"M12.1 4.7c.7 0 1.4.1 2.1.2 2.5.4 4.9 1.6 6.7 3.4l.9.9c.3.4.3.9-.1 1.3-.1.1-.3.2-.5.2-.3.1-.6-.1-.8-.3-1.7-2-4.1-3.3-6.7-3.7-3.4-.5-6.8.6-9.3 3.1-.2.2-.5.5-.7.8-.3.4-.9.4-1.3.1l-.1-.1c-.3-.3-.3-.8 0-1.2.3-.3.6-.7.9-1 2.3-2.5 5.6-3.8 8.9-3.7zm7 6.9c-.1-.1-.2-.2-.3-.4-2-2.2-5-3.3-8-2.8-1.7.2-3.3.9-4.7 2.1-.4.3-.8.7-1.1 1.1-.3.3-.3.8 0 1.1.3.4.9.5 1.3.2l.1-.1c.2-.2.3-.4.5-.6.4-.4.8-.7 1.2-1 1.9-1.2 4.2-1.5 6.4-.7.9.3 1.7.8 2.5 1.4.2.2.4.4.6.7.3.3.7.4 1.1.2.4-.1.6-.5.5-.9 0 0 0-.2-.1-.3zm-2.7 3.2c.1-.3 0-.7-.2-.9-1.2-1.4-3.1-2.1-4.9-1.8-1.4.2-2.6.9-3.5 1.9-.3.3-.3.7-.1 1 .2.3.6.5.9.4.2-.1.5-.2.6-.4 1.1-1.3 3-1.6 4.5-.8.4.2.8.5 1.1.9.2.2.4.3.7.3.4 0 .7-.3.9-.6zm-2.5 2.6c0-1-.9-1.8-1.9-1.8-1 .1-1.8.9-1.7 1.9.1 1 .9 1.8 1.9 1.7.9 0 1.7-.8 1.7-1.8z"})))}function v(){return(v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var m,g,h=function(e){return p.a.createElement(s.a,v({component:d},e))};function w(){return(w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function O(e){return b.createElement("svg",w({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e),m||(m=b.createElement("path",{fill:"none",d:"M0 0h24v24H0z"})),g||(g=b.createElement("path",{d:"M15.2 8.1c-.5-.1-1.1-.2-1.6-.3-2.3-.3-4.7 0-6.8 1-1.1.5-2.2 1.2-3.1 2-.2.2-.5.3-.7.3-.4 0-.7-.2-.9-.5-.2-.3-.1-.7.2-1l.1-.1C6.3 6 11.6 4.9 16.5 6.6h.2l.2-.2 1.9-1.9c.2-.2.4-.3.7-.3.4 0 .7.2.8.5.2.3.1.7-.1 1l-.2.2-12.9 13c-.1.1-.4.2-.7.2-.4 0-.7-.2-.8-.5-.2-.3-.1-.7.1-1l.2-.2L7.3 16s.1 0 .1-.1l-.2-.1c-.4-.3-.6-.9-.3-1.3 0-.1.1-.1.2-.2s.3-.2.4-.3c.9-.6 1.9-1.1 2.9-1.3.2 0 .3-.1.4-.2l1.1-1.1.2-.2h-.2c-1.6 0-3.1.4-4.5 1.1-.6.3-1.1.6-1.6 1-.3.2-.7.2-1.1.1-.4-.2-.5-.7-.4-1.1.1-.1.1-.3.2-.4.1-.1.3-.3.5-.4.2-.2.4-.3.7-.5 1.6-1 3.4-1.6 5.2-1.7.9-.1 1.8 0 2.7.1.1 0 .2 0 .3-.1L15 8.2c.1 0 .2-.1.2-.1zm-5 9.9c0 1 .8 1.8 1.8 1.8s1.8-.8 1.8-1.8-.8-1.8-1.8-1.8-1.8.8-1.8 1.8zm2.8-3.5l.3.1c.9.2 1.7.6 2.3 1.2.4.3 1 .3 1.3-.1.3-.4.2-1-.2-1.3-.1-.1-.2-.2-.4-.3-.6-.4-1.2-.8-1.9-1L13 14.5s.1 0 0 0zm2.8-2.4c.3.1.6.3.9.5.4.2.7.5 1.1.8.1.1.3.2.4.3.5.2 1 0 1.2-.5.1-.4.1-.8-.2-1-.1-.1-.3-.3-.5-.4-.5-.4-1-.7-1.6-1l-.2-.1-1.3 1.3.2.1zm2.6-2.6l1.8 1.2.3.3c.4.3 1 .2 1.3-.2.1-.1.1-.2.1-.2.1-.4 0-.8-.3-1.1-.6-.5-1.3-1-2-1.5h-.1l-1.3 1.3.2.2z"})))}function j(){return(j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var S=function(e){return p.a.createElement(s.a,j({component:O},e))};function E(e){return(E="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})(e)}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(n!==undefined){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===E(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(f){u=!0,o=f}finally{try{if(!l&&null!=n["return"]&&(a=n["return"](),Object(a)!==a))return}finally{if(u)throw o}}return c}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return z(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return z(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function M(){return navigator.connection||navigator.mozConnection||navigator.webkitConnection||null}function C(){var e=M();return e?{rtt:e.rtt,type:e.type,saveData:e.saveData,downLink:e.downLink,downLinkMax:e.downLinkMax,effectiveType:e.effectiveType}:{}}var x,D=function(){var e=L(Object(b.useState)((function(){return A({since:undefined,online:navigator.onLine},C())})),2),t=e[0],n=e[1];return Object(b.useEffect)((function(){var e=function(){n((function(e){return A(A({},e),{},{online:!0,since:(new Date).toString()})}))},t=function(){n((function(e){return A(A({},e),{},{online:!1,since:(new Date).toString()})}))},r=function(){n((function(e){return A(A({},e),C())}))};window.addEventListener("online",e),window.addEventListener("offline",t);var o=M();return o&&o.addEventListener("change",r),function(){window.removeEventListener("online",e),window.removeEventListener("offline",t),o&&o.removeEventListener("change",r)}}),[]),{networkState:t,setNetworkState:n}},I=n("ff287e4203ba67f8dff7"),T=n.n(I),$=n("c8593bb54d1219ad3872"),B=n.n($),H=n("ab039aecd4a1d4fedc0e"),J="app.components.WithOnlineStatus",N=Object(H.defineMessages)({youtAreOffline:{id:"".concat(J,".youtAreOffline"),defaultMessage:"B\u1ea1n \u0111ang offline."},restoreConnection:{id:"".concat(J,".restoreConnection"),defaultMessage:"\u0110\xe3 kh\xf4i ph\u1ee5c k\u1ebft n\u1ed1i Internet."}});function U(e,t,n,r){x||(x="function"==typeof Symbol&&Symbol["for"]&&Symbol["for"]("react.element")||60103);var o=e&&e.defaultProps,i=arguments.length-3;if(t||0===i||(t={children:void 0}),1===i)t.children=r;else if(i>1){for(var a=new Array(i),c=0;c<i;c++)a[c]=arguments[c+3];t.children=a}if(t&&o)for(var l in o)void 0===t[l]&&(t[l]=o[l]);else t||(t=o||{});return{$$typeof:x,type:e,key:void 0===n?null:""+n,ref:null,props:t,_owner:null}}function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(f){u=!0,o=f}finally{try{if(!l&&null!=n["return"]&&(a=n["return"](),Object(a)!==a))return}finally{if(u)throw o}}return c}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return W(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return W(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function W(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var _=U(h,{}),q=U(S,{});t["default"]=function(){var e=D().networkState,t=T()(e,"online"),n=F(Object(b.useState)(),2),r=n[0],o=n[1],f=F(Object(b.useState)(!1),2),s=f[0],y=f[1];Object(b.useLayoutEffect)((function(){t?(B()(r)?o(!0):o(!1),y(!1)):(o(!1),y(!0))}),[t]);var d=function(){o(!1)};return p.a.createElement(p.a.Fragment,null,U(c.a,{anchorOrigin:{vertical:"bottom",horizontal:"left"},open:t?r:s,onClose:t?d:undefined,autoHideDuration:t?3e3:null,message:U(a.a,{container:!0,spacing:2,alignItems:"center"},void 0,U(a.a,{item:!0},void 0,U(u.a,{color:t?"success":null},void 0,t?_:q)),U(a.a,{item:!0,xs:!0},void 0,t?Object(i.a)(N.restoreConnection):Object(i.a)(N.youtAreOffline))),action:U(l.a,{buttonProps:{size:"small",color:"inherit",onClick:t?d:function(){y(!1)}}})}))}}}]);