{"version":3,"sources":["helpers/Time.js","i18n.js","helpers/Icon.js","helpers/Routers.js","helpers/HttpClient.js","helpers/Auth.js","helpers/Common.js","helpers/SocketIO.js","helpers/RocketChat.js","redux/actions/type.js","helpers/RealTimeAPI.js","route/Header.js","views/Lobby/Header.view.js","views/Lobby/Announcement.view.js","redux/actions/actions.js","views/Lobby/EditAnnouncement.view.js","views/Chat/ModalEditParticipant.js","views/Chat/Header.js","views/Chat/ModalUpload.js","views/Chat/Chat.view.js","views/Lobby/Lobby.view.js","views/ChooseDevice/ChooseDevice.view.js","views/Participant/AnnouncementHead.js","views/Participant/AnnouncementMsg.js","views/Participant/Header.js","views/Participant/AnonymousRocket.js","views/Participant/ModalInformation.js","views/Participant/IframChat.js","views/Participant/Wating.js","views/Participant/AuthRocketJWT.js","views/index.js","views/Participant/Participant.view.js","components/Lobby/Lobby.component.js","components/ChooseDevice/ChooseDevice.component.js","route/routeView.js","route/LeftBar.js","components/Participant/Participant.component.js","helpers/PopupStatus.js","route/index.js","serviceWorker.js","redux/reducers/keycloak.js","redux/reducers/language.js","redux/reducers/backgroundRunning.js","redux/reducers/contextInfo.js","redux/reducers/lobby.js","redux/reducers/popup.js","redux/reducers/index.js","redux/sagas/startup.js","redux/sagas/authentication.js","redux/sagas/detectMobile.js","redux/sagas/lobby.js","redux/sagas/index.js","shared/PopupInfo.js","index.js"],"names":["resources","en","translation","th","cn","i18n","use","detector","backend","reactI18nextModule","init","lng","fallbackLng","interpolation","escapeValue","react","wait","IconHelper","style","fill","width","height","viewBox","onClick","d","id","mask-type","maskUnits","x","y","cx","cy","r","mask","xmlns","fillRule","clipRule","className","margin","display","shapeRendering","xmlnsXlink","preserveAspectRatio","transform","rx","ry","attributeName","values","keyTimes","dur","begin","repeatCount","stroke","strokeWidth","strokeLinecap","strokeLinejoin","routersHelper","params","useParams","location","useLocation","history","useHistory","match","useRouteMatch","useMemo","push","replace","pathname","query","queryString","parse","search","setHttpErrObj","errFunc","message","stacktrace","date","Date","getCookie","JSON","name","email","toISOString","window","_env_","APP_NAME","getHttpVtoken","keycloak","url","headers","fetch","method","then","response","status","destroyUserInfo","logout","errorObj","setCookie","stringify","period","duration","href","json","responseJson","catch","err","console","error","deleteCookie","checkKeycloakToken","Promise","resolve","reject","updateToken","updateKeycloakToken","refreshed","a","genVRoomToken","subscriberServiceBaseURL","Authorization","idToken","token","isEmpty","localStorage","setItem","setContextInfo","getContextInfo","contextInfo","vroomToken","decode","user","context","avatar","p","pkgcode","login","language","lang","alert","createLoginUrl","logoutByUser","removeItem","value","time","hostName","host","split","myDate","setMinutes","getMinutes","setHours","getHours","setMonth","getMonth","setFullYear","getFullYear","document","cookie","parts","length","pop","shift","charectorLength","input","isUndefined","this_length","toString","sub","substr","log","socket","authen","getItem","authenRocketChat","vtoken","has","setChatID","setTimeout","auth","logInRealtimeAPI","chatUserToken","getToken","rocketAuth","jwt","rocketChatAPIUrl","ok","APP_ENV","Error","vRoomUrl","setRocketStore","rocketObj","chatUserID","key","encodeURIComponent","_","isNull","chatUserName","undefined","setAuthLobby","dispatch","newVtoken","roomName","reservationId","chatRoomId","socketIOClient","lobbyAPIUrl","chatUserId","chatRoomName","intent","decodeURIComponent","on","data","intentionStatus","tempVtoken","type","payload","isShow","textBody","action","textHeader","connecting","setOverridename","announcement","setAnonymousLobby","vToken","anonymousID","anonymousName","createRocketChat","createObj","body","obj","funcName","overrideName","rocketChatInfo","anonymousInfo","success","destroyRocketChatInfo","rocketChatIFrameUrl","initiateSocket","chatID","code","emit","lobbyLists","textButton","mymeeting","ConnectChat","Reject","userID","connectApproveUser","updateAnnouncement","text","realtimeAPI","RealTimeAPI","connectToServer","connectRealtimeAPI","keepAlive","subscribe","loginWithAuthToken","authResult","msg","MessageMethod","sendMessage","connect","state","getKeycloak","getAuthenticated","authenticated","switchLanguage","translate","t","useState","setKeycloak","setAuthenticated","setContext","IconTH","IconEN","IconCN","indexOf","overflow","useEffect","changeLanguage","initialLanguage","top","cursor","leftMenu","getElementsByClassName","bgBlack","left","innerHeight","aria-hidden","focusable","exact","to","activeClassName","src","parseInt","isShowPlanPrice","subscriptionPlanspricing","SUPPORT_WEB","isShowContactPage","bind","filter","IconBack","back","setIsEdit","IconEdit","useSelector","lobby","marginRight","span","color","showSpinner","spinner","hideSpinner","checkTokenExpire","TextArea","Input","useDispatch","announcementInput","setAnnouncementInput","onUpdateAnnouncement","placeholder","rows","onChange","target","visible","title","setEditParticipant","userInfo","handleChatApi","Form","useForm","form","setName","nameError","setnameError","loading","setLoading","setFieldsValue","handleCancel","onCancel","footer","layout","Item","label","maxLength","onKeyPress","event","keyCode","which","e","IconEditParticipant","IconUserChecked","IconInside","IconCloseGray","editParticipant","xl","lg","md","alignItems","isMember","u","marginLeft","position","styles","img","show","dataFile","preview","onFinish","description","setDescription","filename","setFilename","handleChange","file","originFileObj","destroyOnClose","htmlType","get","HistoryMsg","onInputKeydown","setMsg","unreadNotLoaded","fileList","showModal","setShowModal","onLayoutHeight","addEventListener","updateScroll","element","scrollTop","scrollHeight","navCol","chatboxCol","inputAreaChat","nav","offsetHeight","getAvatar","item","realtimeRocket","_id","xxl","sm","Array","isArray","map","k","shape","backgroundColor","username","moment","_updatedAt","$date","format","attachments","v","i","mod","title_link","download","CloudDownloadOutlined","image_url","marginTop","bordered","inputFile","imgArr","imgObj","Object","assign","image_dimensions","image_preview","image_size","image_type","title_link_download","objFile","inputObj","getTime","rid","usersMe","TabPane","Tabs","isEdit","setUserInfo","setHistoryMsg","logged","setLogged","selected","setSelected","callMethod","loaderCssCol","lobbyHeaderCol","lobbyTab","lobbyTabUser","lobbyAnnouncement","chatbox","lobbyHeader","lobbyAnnouncementHeight","chatting","roomList","minHeight","join","noti","chatRoomID","setActiveId","removeNoti","hisMesg","result","messages","setcID","userId","userid","newName","ch","reverse","subscribeMsg","warn","SyncUser","users","usersMeTmp","forEach","lastedChatAt","SortMe","lastDated","userReturn","orderBy","getSubscription","m","fields","args","showNoti","prev","roomid","onConnectApproveUser","handleChangeName","res","justify","defaultActiveKey","tab","index","shiftKey","preventDefault","ChooseDevicePage","Text","Typography","align","xs","strong","isIOS","isAndroid","origin","announcementMsg","setAnnouncementMsg","IconArrowBack","AnonymousRocket","anonymouseInfo","isReady","reqObj","members","group","lobbyRoomID","initConn","setshowModal","router","setIsReady","handleOk","nameInput","getFieldValue","handleSubmit","submit","uuid","onOk","closeIcon","background","borderRadius","rules","required","charCode","allowClear","Option","isConnect","roomID","IframChat","antAlertMessage","participantBody","antAlertMessageHeight","chatHeight","heightChat","innerWidth","contentHeight","participantChat","dangerouslySetInnerHTML","__html","IconSpinner","AuthRucket","JwtDecode","memberName","authRocketChat","initConnect","Views","Lobby","Participant","screenWidth","setScreenWidth","activeTabPane","setActiveTabPane","activeTime","setActiveTime","handleIframeChat","setProperty","currrentTime","setInterval","getActiveTime","participantAlert","participantWatingBox","onTabClick","activeKey","disabled","Chat","newLobbyLists","RouteView","updateLocale","isMobile","path","component","ChooseDevice","IconUser","IconClose","IconMenuSupport","IconContact","IconMenuPrice","IconMenuMeeting","IconMenuMyRecords","errored","imgUrl","setImgUrl","leftMenuClose","onError","process","activeclassname","zIndex","setReservationId","pushState","reservation","initParticipant","toLowerCase","popupStatus","backgroundRunning","IconStatusErr","header","closable","getIcon","setRedText","Router","page","ReactGA","initialize","GoogleAnalyticsKey","pageview","spinning","routeView","Boolean","hostname","initialState","authentication","initState","popup","rootReducer","combineReducers","setLocale","setAnonymouseInfo","startup","put","info","call","pathFromState","initKeycloak","bypassLogout","connectSocket","languageSelector","onKeycloak","Keycloak","clientId","clientid","realm","keycloak_url","onLoad","checkLoginIframe","silentCheckSsoRedirectUri","refreshToken","select","takeLatest","detectMobile","openUrlVroomMobile","saveAnonymousInfo","saveVroomToken","rootSata","fork","VConsole","setOption","maxLogNumber","sagaMiddleware","createSagaMiddleware","composeEnhancer","__REDUX_DEVTOOLS_EXTENSION_COMPOSE__","compose","store","createStore","applyMiddleware","run","rootSaga","AppWithRouter","ReactDOM","render","getElementById","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.125f04cf.chunk.js","sourcesContent":["import moment from 'moment';\nimport { isEmpty } from 'lodash';\n\nexport const timestampTodate = (timestamp, language) => {\n    if (timestamp === 0) return null;\n    if (language === 'th')\n        return moment(timestamp).add(543, 'year').format('Do MMM YYYY, HH:mm')\n    if (language === 'cn')\n        return moment(timestamp).format('YYYY MMM Do, HH:mm')\n    else\n        return moment(timestamp).format('MMM Do YYYY, HH:mm')\n}\n\nexport const durationToTime = (milliseconds) => {\n    if (parseInt(milliseconds) >= 3600000) {\n        return moment.utc(moment.duration(milliseconds).asMilliseconds()).format(\"HH:mm:ss\");\n    } else {\n        return moment.utc(moment.duration(milliseconds).asMilliseconds()).format(\"mm:ss\");\n    }\n}\n\nexport const dateToMillisecond = (date) => {\n    if (moment(date, \"MM/DD/YYYY HH:mm\").format(\"MM/DD/YYYY HH:mm\") === date) {\n        return moment(date, \"MM/DD/YYYY HH:mm\").valueOf()\n    }\n    return null\n}\n\nexport const convertWithDutationTime = (date, hours, minutes) => {\n    return moment(date, \"MM/DD/YYYY HH:mm\")\n        .add(hours, 'hours')\n        .add(minutes, 'minutes')\n        .valueOf()\n}\n\nexport const disabledPastDay = (current) => {\n    let customDate = moment().format('YYYY-MM-DD');\n    return current && current < moment(customDate, \"YYYY-MM-DD\");\n}\n\nexport const disabledPastHours = () => {\n    var hours = [];\n    for (let i = 0; i < moment().hour(); i++) {\n        hours.push(i);\n    }\n    return hours;\n}\n\nexport const disabledPastMinutes = (selectedHour) => {\n    var minutes = [];\n    if (selectedHour === moment().hour()) {\n        for (var i = 0; i < moment().minute(); i++) {\n            minutes.push(i);\n        }\n    }\n    return minutes;\n}\n\n\nexport const convertMillisecondToDate = (milliseconds) => {\n    if (milliseconds) {\n        return moment(milliseconds).format(\"YYYY-MM-DD HH:mm\")\n    }\n    return null\n}\n\nexport const dateDiffDuration = (startMillisecond, endMillisecond) => {\n    if (startMillisecond && endMillisecond) {\n        let start = moment(startMillisecond);\n        let end = moment(endMillisecond);\n        let duration = moment.duration(end.diff(start));\n        let hours = Math.floor(duration.asHours());\n        let minutes = Math.floor(duration.minutes())\n        return {\n            hours, minutes\n        }\n    }\n    return {\n        hours: null,\n        minutes: null\n    }\n}\n\nexport const secondsContextToHms = (token) => {\n    if (!isEmpty(token)) {\n        let tokenString = new Buffer(token, 'base64').toString()\n        let contextTime = JSON.parse(tokenString)\n        let timeSecond = contextTime.r.d\n\n        let second = Number(timeSecond);\n        let hours = Math.floor(second / 3600);\n        let minutes = Math.floor(second % 3600 / 60);\n\n        return {\n            hours,\n            minutes\n        }\n    }\n    return {\n        hours: 0,\n        minutes: 0\n    }\n}\n\nexport const getTimeRemaining = (startTime) => {\n    const total = startTime - Date.parse(new Date());\n    const seconds = Math.floor((total / 1000) % 60);\n    const minutes = Math.floor((total / 1000 / 60) % 60);\n    const hours = Math.floor((total / (1000 * 60 * 60)) % 24);\n    const days = Math.floor(total / (1000 * 60 * 60 * 24));\n\n    return {\n        total,\n        days,\n        hours,\n        minutes,\n        seconds\n    };\n}","import i18n from \"i18next\";\nimport detector from \"i18next-browser-languagedetector\";\nimport backend from \"i18next-xhr-backend\";\nimport { reactI18nextModule } from \"react-i18next\";\n\nimport translationEN from './locales/en/translation.json';\nimport translationTH from './locales/th/translation.json';\nimport translationCN from './locales/cn/translation.json';\n\n// the translations\nconst resources = {\n    en: {\n        translation: translationEN\n    },\n    th: {\n        translation: translationTH\n    },\n    cn: {\n        translation: translationCN\n    }\n};\n\ni18n\n    .use(detector)\n    .use(backend)\n    .use(reactI18nextModule) // passes i18n down to react-i18next\n    .init({\n        resources,\n        lng: \"th\",\n        fallbackLng: \"th\", // use en if detected lng is not available\n\n        // keySeparator: false, // we do not use keys in form messages.welcome\n\n        interpolation: {\n            escapeValue: false // react already safes from xss\n        },\n        // react-i18next options\n        react: {\n            wait: true\n        }\n    });\n\nexport default i18n;","import React from 'react'\n\nconst IconRight = ({\n    style = {},\n    fill = '#fff',\n    width = '12',\n    height = '19',\n    viewBox = '0 0 12 19'\n}) => (\n        <svg\n            width={width}\n            style={style}\n            height={height}\n            viewBox={viewBox}\n            fill={fill}>\n            <path\n                d=\"M11.3764 8.83405L0.565052 0.389789C0.536802 \n                0.367548 0.502851 0.353726 0.4671 0.349911C0.431348 0.346095 0.395245 0.352441 \n                0.362937 0.368219C0.33063 0.383997 0.303428 0.408568 0.284455 0.43911C0.265482 \n                0.469651 0.255508 0.504924 0.255678 0.540879V2.39473C0.255678 2.51225 0.310838 \n                2.62496 0.401972 2.69691L7.01685 7.86204C8.04234 8.66278 8.04234 10.214 7.01685 \n                11.0148L0.401972 16.1799C0.30844 16.2519 0.255678 16.3646 0.255678 16.4821V18.3359C0.255678 \n                18.4966 0.440343 18.5854 0.565052 18.487L11.3764 10.0428C11.4683 9.97109 11.5426 9.8794 11.5937\n                9.77468C11.6448 9.66995 11.6714 9.55495 11.6714 9.43841C11.6714 9.32187 11.6448 9.20686 11.5937\n                9.10214C11.5426 8.99741 11.4683 8.90573 11.3764 8.83405Z\"\n                fill=\"#fff\"\n            />\n        </svg>\n    )\n\nconst IconNoPicture = ({\n    style = {},\n    fill = 'none',\n    width = '177',\n    height = '177',\n    viewBox = '0 0 177 177'\n}) => (\n        <svg id=\"no-picture\" style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M17.9902 143.812L11 150.803L19.4853 159.288L34.9608 143.812H160.406C161.873 143.812 163.28 143.23 164.317 142.192C165.355 141.155 165.938 139.748 165.938 138.281V44.25C165.938 42.783 165.355 41.3761 164.317 40.3388C163.28 39.3015 161.873 38.7187 160.406 38.7187H140.055L165.512 13.2616L157.026 4.77637L124.036 37.7668L115.216 24.6141C114.715 23.8532 114.034 23.2278 113.233 22.7936C112.432 22.3594 111.536 22.1297 110.625 22.125H66.375C65.464 22.1297 64.5682 22.3594 63.7673 22.7936C62.9664 23.2278 62.2851 23.8532 61.7841 24.6141L52.3256 38.7187H16.5938C15.1268 38.7187 13.7199 39.3015 12.6826 40.3388C11.6453 41.3761 11.0625 42.783 11.0625 44.25V138.281C11.0625 139.748 11.6453 141.155 12.6826 142.192C13.7199 143.23 15.1268 143.812 16.5938 143.812H17.9902ZM46.0233 132.75H154.875V49.7812H128.992L112.837 65.9363C114.025 67.2178 115.115 68.5965 116.094 70.062C119.741 75.5197 121.688 81.9361 121.688 88.5C121.688 97.3019 118.191 105.743 111.967 111.967C105.743 118.191 97.3019 121.687 88.5 121.687C81.9361 121.687 75.5197 119.741 70.062 116.094C68.5965 115.115 67.2178 114.025 65.9363 112.837L46.0233 132.75ZM58.6985 103.104L29.0527 132.75H22.125V49.7812H55.3125C56.2235 49.7765 57.1193 49.5469 57.9202 49.1126C58.7211 48.6784 59.4024 48.0531 59.9034 47.2922L69.3619 33.1875H107.638L116.059 45.7442L103.104 58.6985C102.48 58.3927 101.845 58.1059 101.2 57.8388C95.1361 55.3269 88.4632 54.6696 82.0255 55.9502C75.5877 57.2307 69.6743 60.3915 65.0329 65.0329C60.3916 69.6742 57.2308 75.5877 55.9502 82.0254C54.6697 88.4632 55.3269 95.1361 57.8388 101.2C58.1059 101.845 58.3927 102.48 58.6985 103.104ZM73.7671 105.006C76.7077 107.631 80.3028 109.428 84.1836 110.2C88.4755 111.054 92.9241 110.615 96.9669 108.941C101.01 107.266 104.465 104.43 106.896 100.792C109.327 97.1535 110.625 92.8759 110.625 88.5C110.625 83.0514 108.615 77.8101 105.006 73.767L73.7671 105.006ZM94.5769 67.2259L67.2259 94.5768C67.0604 93.9976 66.9183 93.4103 66.8001 92.8164C65.9464 88.5245 66.3846 84.0759 68.0592 80.0331C69.7338 75.9903 72.5696 72.5349 76.208 70.1037C79.8465 67.6726 84.1241 66.375 88.5 66.375C90.5739 66.375 92.6177 66.6662 94.5769 67.2259Z\" fill=\"#828282\" />\n        </svg>\n    )\n\nconst IconMicON = ({\n    style = {},\n    fill = 'none',\n    width = '40',\n    height = '40',\n    viewBox = '0 0 40 40',\n    onClick\n}) => (\n        <svg className=\"icon-microphone\" style={style} onClick={onClick} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"0.5\" y=\"0.5\" width=\"39\" height=\"39\" rx=\"19.5\" fill=\"white\" />\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M13.25 17.75C13.4489 17.75 13.6397 17.829 13.7803 17.9697C13.921 18.1103 14 18.3011 14 18.5V20C14 21.5913 14.6321 23.1174 15.7574 24.2426C16.8826 25.3679 18.4087 26 20 26C21.5913 26 23.1174 25.3679 24.2426 24.2426C25.3679 23.1174 26 21.5913 26 20V18.5C26 18.3011 26.079 18.1103 26.2197 17.9697C26.3603 17.829 26.5511 17.75 26.75 17.75C26.9489 17.75 27.1397 17.829 27.2803 17.9697C27.421 18.1103 27.5 18.3011 27.5 18.5V20C27.5 21.8593 26.8094 23.6523 25.5622 25.0312C24.3149 26.4101 22.6 27.2766 20.75 27.4625V30.5H25.25C25.4489 30.5 25.6397 30.579 25.7803 30.7197C25.921 30.8603 26 31.0511 26 31.25C26 31.4489 25.921 31.6397 25.7803 31.7803C25.6397 31.921 25.4489 32 25.25 32H14.75C14.5511 32 14.3603 31.921 14.2197 31.7803C14.079 31.6397 14 31.4489 14 31.25C14 31.0511 14.079 30.8603 14.2197 30.7197C14.3603 30.579 14.5511 30.5 14.75 30.5H19.25V27.4625C17.4 27.2766 15.6851 26.4101 14.4378 25.0312C13.1906 23.6523 12.5 21.8593 12.5 20V18.5C12.5 18.3011 12.579 18.1103 12.7197 17.9697C12.8603 17.829 13.0511 17.75 13.25 17.75Z\" fill=\"#FF0000\" />\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M23 20V12.5C23 11.7044 22.6839 10.9413 22.1213 10.3787C21.5587 9.81607 20.7956 9.5 20 9.5C19.2044 9.5 18.4413 9.81607 17.8787 10.3787C17.3161 10.9413 17 11.7044 17 12.5V20C17 20.7956 17.3161 21.5587 17.8787 22.1213C18.4413 22.6839 19.2044 23 20 23C20.7956 23 21.5587 22.6839 22.1213 22.1213C22.6839 21.5587 23 20.7956 23 20ZM20 8C18.8065 8 17.6619 8.47411 16.818 9.31802C15.9741 10.1619 15.5 11.3065 15.5 12.5V20C15.5 21.1935 15.9741 22.3381 16.818 23.182C17.6619 24.0259 18.8065 24.5 20 24.5C21.1935 24.5 22.3381 24.0259 23.182 23.182C24.0259 22.3381 24.5 21.1935 24.5 20V12.5C24.5 11.3065 24.0259 10.1619 23.182 9.31802C22.3381 8.47411 21.1935 8 20 8V8Z\" fill=\"#FF0000\" />\n            <rect x=\"0.5\" y=\"0.5\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#FF0000\" />\n        </svg>\n    )\n\nconst IconMicOff = ({\n    style = {},\n    fill = 'none',\n    width = '40',\n    height = '40',\n    viewBox = '0 0 40 40',\n    onClick\n}) => (\n        <svg className=\"icon-microphone\" style={style} onClick={onClick} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"0.5\" y=\"0.5\" width=\"39\" height=\"39\" rx=\"19.5\" fill=\"#FF0000\" />\n            <g>\n                <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M27.1012 22.4194C27.3662 21.6403 27.501 20.8229 27.5002 19.9999V18.4999C27.5002 18.301 27.4212 18.1102 27.2806 17.9696C27.1399 17.8289 26.9492 17.7499 26.7502 17.7499C26.5513 17.7499 26.3606 17.8289 26.2199 17.9696C26.0793 18.1102 26.0002 18.301 26.0002 18.4999V19.9999C26.0002 20.4109 25.9597 20.8099 25.8802 21.1984L27.1012 22.4194ZM23.3182 24.9994C22.4142 25.5994 21.3645 25.9431 20.2807 25.9938C19.1969 26.0445 18.1196 25.8004 17.1635 25.2874C16.2074 24.7744 15.4084 24.0118 14.8513 23.0807C14.2943 22.1496 14.0002 21.0849 14.0002 19.9999V18.4999C14.0002 18.301 13.9212 18.1102 13.7806 17.9696C13.6399 17.8289 13.4492 17.7499 13.2502 17.7499C13.0513 17.7499 12.8606 17.8289 12.7199 17.9696C12.5793 18.1102 12.5002 18.301 12.5002 18.4999V19.9999C12.5002 21.8592 13.1908 23.6522 14.4381 25.0311C15.6853 26.41 17.4003 27.2765 19.2502 27.4624V30.4999H14.7502C14.5513 30.4999 14.3606 30.5789 14.2199 30.7196C14.0793 30.8602 14.0002 31.051 14.0002 31.2499C14.0002 31.4488 14.0793 31.6396 14.2199 31.7802C14.3606 31.9209 14.5513 31.9999 14.7502 31.9999H25.2502C25.4492 31.9999 25.6399 31.9209 25.7806 31.7802C25.9212 31.6396 26.0002 31.4488 26.0002 31.2499C26.0002 31.051 25.9212 30.8602 25.7806 30.7196C25.6399 30.5789 25.4492 30.4999 25.2502 30.4999H20.7502V27.4624C22.0665 27.3322 23.3245 26.8544 24.3952 26.0779L23.3182 24.9994ZM24.5002 19.8199V12.4999C24.501 11.4327 24.1226 10.4 23.4323 9.58608C22.7421 8.77216 21.7851 8.23002 20.7321 8.05645C19.6792 7.88288 18.5988 8.08917 17.6839 8.6385C16.7689 9.18783 16.079 10.0444 15.7372 11.0554L17.0047 12.3229C17.0474 11.5415 17.3938 10.8076 17.97 10.278C18.5462 9.74836 19.3065 9.46484 20.0888 9.48794C20.8711 9.51103 21.6134 9.83891 22.1573 10.4016C22.7012 10.9643 23.0037 11.7173 23.0002 12.4999V18.3184L24.5002 19.8184V19.8199ZM21.1072 22.7899L22.2292 23.9119C21.5446 24.3023 20.7695 24.506 19.9814 24.5027C19.1933 24.4994 18.4199 24.2892 17.7385 23.8931C17.0572 23.497 16.4918 22.9289 16.099 22.2457C15.7062 21.5624 15.4997 20.788 15.5002 19.9999V17.1814L17.0002 18.6814V19.9999C17 20.4897 17.1196 20.972 17.3487 21.4049C17.5778 21.8378 17.9093 22.208 18.3144 22.4832C18.7196 22.7584 19.1859 22.9302 19.6727 22.9837C20.1595 23.0372 20.6521 22.9706 21.1072 22.7899ZM28.4692 28.0309L10.4692 10.0309L11.5312 8.96891L29.5312 26.9689L28.4692 28.0294V28.0309Z\" fill=\"white\" />\n            </g>\n            <rect x=\"0.5\" y=\"0.5\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"white\" />\n            <defs>\n               \n            </defs>\n        </svg>\n    )\n\nconst IconCameraOn = ({\n    style = {},\n    fill = 'none',\n    width = '40',\n    height = '40',\n    viewBox = '0 0 40 40',\n    onClick\n}) => (\n        <svg className=\"icon-camera\" style={style} onClick={onClick} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"0.5\" y=\"0.5\" width=\"39\" height=\"39\" rx=\"19.5\" fill=\"white\" />\n            <path d=\"M20 16C17.832 16 16 17.832 16 20C16 22.168 17.832 24 20 24C22.168 24 24 22.168 24 20C24 17.832 22.168 16 20 16ZM20 22C18.935 22 18 21.065 18 20C18 18.935 18.935 18 20 18C21.065 18 22 18.935 22 20C22 21.065 21.065 22 20 22Z\" fill=\"#FF0000\" />\n            <path d=\"M28 13H25.414L22.707 10.293C22.6143 10.2 22.5041 10.1262 22.3828 10.0759C22.2614 10.0256 22.1313 9.99981 22 10H18C17.8687 9.99981 17.7386 10.0256 17.6172 10.0759C17.4959 10.1262 17.3857 10.2 17.293 10.293L14.586 13H12C10.897 13 10 13.897 10 15V26C10 27.103 10.897 28 12 28H28C29.103 28 30 27.103 30 26V15C30 13.897 29.103 13 28 13ZM12 26V15H15C15.266 15 15.52 14.895 15.707 14.707L18.414 12H21.586L24.293 14.707C24.3857 14.8 24.4959 14.8738 24.6172 14.9241C24.7386 14.9744 24.8687 15.0002 25 15H28L28.002 26H12Z\" fill=\"#FF0000\" />\n            <rect x=\"0.5\" y=\"0.5\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"#FF0000\" />\n        </svg>\n    )\n\nconst IconCameraOff = ({\n    style = {},\n    fill = 'none',\n    width = '40',\n    height = '40',\n    viewBox = '0 0 40 40',\n    onClick\n}) => (\n        <svg className=\"icon-camera\" style={style} onClick={onClick} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"0.5\" y=\"0.5\" width=\"39\" height=\"39\" rx=\"19.5\" fill=\"#FF0000\" />\n            <path d=\"M16.014 20.135C16.088 22.197 17.803 23.912 19.865 23.986L16.014 20.135Z\" fill=\"white\" />\n            <path d=\"M12 28H23.879L21.879 26H12V16.121L10.144 14.265C10.0496 14.4986 10.0007 14.7481 10 15V26C10 27.103 10.897 28 12 28ZM28 13H25.414L22.707 10.293C22.6143 10.2 22.5041 10.1262 22.3828 10.0759C22.2614 10.0256 22.1313 9.99981 22 10H18C17.8687 9.99987 17.7386 10.0257 17.6173 10.076C17.4959 10.1262 17.3857 10.2 17.293 10.293L14.586 13H14.414L11.707 10.293L10.293 11.707L28.293 29.707L29.707 28.293L29.081 27.667C29.3619 27.4887 29.5933 27.2425 29.754 26.9512C29.9146 26.6598 29.9992 26.3327 30 26V15C30 13.897 29.103 13 28 13ZM21.919 20.505L19.495 18.08C19.658 18.034 19.826 18 20 18C21.065 18 22 18.935 22 20C22 20.174 21.967 20.342 21.919 20.505ZM23.421 22.006C23.7936 21.4028 23.9939 20.709 24 20C24 17.832 22.168 16 20 16C19.271 16 18.588 16.22 17.993 16.579L15.914 14.5L18.414 12H21.586L24.293 14.707C24.3857 14.8 24.4959 14.8738 24.6172 14.9241C24.7386 14.9744 24.8687 15.0002 25 15L28 14.999V26H27.414L23.421 22.006Z\" fill=\"white\" />\n            <rect x=\"0.5\" y=\"0.5\" width=\"39\" height=\"39\" rx=\"19.5\" stroke=\"white\" />\n        </svg>\n    )\n\nconst IconTH = ({\n    style = {},\n    fill = '#F9F9F9',\n    width = '27',\n    height = '6',\n    viewBox = '0 0 27 6',\n    onClick\n}) => (\n        <svg style={style} onClick={onClick} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M25.3816 4.84375C22.766 2.42188 19.327 0.96875 15.5004 0.96875C11.6738 0.96875 8.23477 2.42188 5.61914 4.84375H25.3816Z\" fill=\"#ED4C5C\" />\n            <path d=\"M5.61914 26.1562C8.23477 28.5781 11.6738 30.0312 15.5004 30.0312C19.327 30.0312 22.766 28.5781 25.3816 26.1562H5.61914Z\" fill=\"#ED4C5C\" />\n            <path d=\"M0.96875 15.5C0.96875 17.5828 1.40469 19.5203 2.17969 21.3125H28.8203C29.5953 19.5203 30.0312 17.5828 30.0312 15.5C30.0312 13.4172 29.5953 11.4797 28.8203 9.6875H2.17969C1.40469 11.4797 0.96875 13.4172 0.96875 15.5Z\" fill=\"#2A5F9E\" />\n            <path d=\"M5.61836 26.1562H25.3324C26.7855 24.8 27.9965 23.1531 28.7715 21.3125H2.13086C3.00273 23.1531 4.16523 24.8 5.61836 26.1562Z\" fill=\"#F9F9F9\" />\n            <path d=\"M25.3813 4.84375H5.61875C4.16563 6.2 2.95469 7.84687 2.17969 9.6875H28.8203C27.9969 7.84687 26.8344 6.2 25.3813 4.84375Z\" fill=\"#F9F9F9\" />\n        </svg>\n    )\n\nconst IconEN = ({\n    style = {},\n    fill = '#828282',\n    width = '27',\n    height = '6',\n    viewBox = '0 0 27 6',\n    onClick\n}) => (\n        <svg style={style} onClick={onClick} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M10.6563 29.2078V22.5234L5.66724 26.2047C7.07192 27.5125 8.76724 28.5297 10.6563 29.2078Z\" fill=\"#2A5F9E\" />\n            <path d=\"M20.3438 29.2079C22.2328 28.5298 23.9281 27.5126 25.3328 26.2048L20.3438 22.4751V29.2079Z\" fill=\"#2A5F9E\" />\n            <path d=\"M1.79224 20.3438C1.93755 20.8281 2.1313 21.2641 2.37349 21.7484L4.26255 20.3438H1.79224Z\" fill=\"#2A5F9E\" />\n            <path d=\"M26.7375 20.3438L28.6266 21.7484C28.8204 21.3125 29.0141 20.8281 29.2079 20.3438H26.7375Z\" fill=\"#2A5F9E\" />\n            <path d=\"M11.3827 18.4062H1.25928C1.40459 19.0844 1.59834 19.7141 1.79209 20.3438H4.2624L2.37334 21.7484C2.76084 22.5719 3.19678 23.2984 3.72959 24.025L8.71865 20.3438H10.6562V21.3125L4.98897 25.4781L5.66709 26.1563L10.6562 22.5234V29.2078C11.2858 29.45 11.9155 29.5953 12.5937 29.7406V18.4062H11.3827Z\" fill=\"white\" />\n            <path d=\"M29.7406 18.4062H18.4062V29.7406C19.0844 29.5953 19.7141 29.4016 20.3437 29.2078V22.5234L25.3328 26.1563C26.0109 25.5266 26.5922 24.8484 27.1734 24.1219L21.9906 20.3438H25.2844L28.2391 22.5234C28.3844 22.2813 28.5297 21.9906 28.6266 21.7484L26.7375 20.3438H29.2078C29.4016 19.7141 29.5953 19.0844 29.7406 18.4062Z\" fill=\"white\" />\n            <path d=\"M3.72974 24.0249C4.11724 24.5577 4.50474 25.0421 4.94067 25.5265L10.6563 21.3608V20.3921H8.7188L3.72974 24.0249Z\" fill=\"#ED4C5C\" />\n            <path d=\"M22.0391 20.3438L27.2219 24.1219C27.4156 23.8797 27.5609 23.6375 27.7547 23.3953C27.8031 23.3469 27.8031 23.2984 27.8516 23.2984C27.9969 23.0562 28.1906 22.7656 28.3359 22.5234L25.2844 20.3438H22.0391Z\" fill=\"#ED4C5C\" />\n            <path d=\"M20.3438 1.79218V8.47655L25.3328 4.7953C23.9281 3.48749 22.2328 2.4703 20.3438 1.79218Z\" fill=\"#2A5F9E\" />\n            <path d=\"M10.6563 1.79218C8.76724 2.4703 7.07192 3.48749 5.66724 4.7953L10.6563 8.52499V1.79218Z\" fill=\"#2A5F9E\" />\n            <path d=\"M29.2079 10.6563C29.0625 10.172 28.8688 9.73602 28.6266 9.25165L26.7375 10.6563H29.2079Z\" fill=\"#2A5F9E\" />\n            <path d=\"M4.26255 10.6563L2.37349 9.25165C2.17974 9.73602 1.98599 10.172 1.79224 10.6563H4.26255Z\" fill=\"#2A5F9E\" />\n            <path d=\"M19.6172 12.5937H29.6922C29.5469 11.9155 29.3531 11.2858 29.1594 10.6562H26.6891L28.5781 9.25147C28.1906 8.42803 27.7547 7.70146 27.2219 6.9749L22.2813 10.6562H20.3438V9.6874L26.0109 5.52178L25.3328 4.84365L20.3438 8.47647V1.79209C19.7141 1.5499 19.0844 1.40459 18.4062 1.25928V12.5937H19.6172Z\" fill=\"white\" />\n            <path d=\"M1.25928 12.5937H12.5937V1.25928C11.9155 1.40459 11.2858 1.59834 10.6562 1.79209V8.47647L5.66709 4.84365C4.98897 5.47334 4.40772 6.15147 3.82647 6.87803L9.00928 10.6562H5.71553L2.76084 8.47647C2.61553 8.71865 2.47021 9.00928 2.37334 9.25147L4.2624 10.6562H1.79209C1.59834 11.2858 1.40459 11.9155 1.25928 12.5937Z\" fill=\"white\" />\n            <path d=\"M27.2703 6.97501C26.8828 6.4422 26.4953 5.95782 26.0594 5.47345L20.3438 9.63907V10.6078H22.2812L27.2703 6.97501Z\" fill=\"#ED4C5C\" />\n            <path d=\"M8.96084 10.6562L3.82647 6.87811C3.63271 7.1203 3.4874 7.36249 3.29365 7.60468C3.24521 7.65311 3.24521 7.70155 3.19678 7.70155C3.05146 7.94374 2.85771 8.23436 2.7124 8.47655L5.66709 10.6562H8.96084Z\" fill=\"#ED4C5C\" />\n            <path d=\"M29.7406 12.5938H18.4062V1.25937C17.4859 1.06562 16.5172 0.96875 15.5 0.96875C14.4828 0.96875 13.5141 1.06562 12.5938 1.25937V12.5938H1.25937C1.06562 13.5141 0.96875 14.4828 0.96875 15.5C0.96875 16.5172 1.06562 17.4859 1.25937 18.4062H12.5938V29.7406C13.5141 29.9344 14.4828 30.0312 15.5 30.0312C16.5172 30.0312 17.4859 29.9344 18.4062 29.7406V18.4062H29.7406C29.9344 17.4859 30.0312 16.5172 30.0312 15.5C30.0312 14.4828 29.9344 13.5141 29.7406 12.5938Z\" fill=\"#ED4C5C\" />\n        </svg>\n\n    )\n\nconst IconCN = ({\n    style = {},\n    fill = '#828282',\n    width = '27',\n    height = '6',\n    viewBox = '0 0 27 6',\n    onClick\n}) => (\n        <svg style={style} onClick={onClick} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M15.5 30.0312C23.5254 30.0312 30.0312 23.5254 30.0312 15.5C30.0312 7.47461 23.5254 0.96875 15.5 0.96875C7.47461 0.96875 0.96875 7.47461 0.96875 15.5C0.96875 23.5254 7.47461 30.0312 15.5 30.0312Z\" fill=\"#ED4C5C\" />\n            <path d=\"M10.6562 13.7562L14.5312 16.4688L13.0781 12.0125L16.9531 9.20312H12.1578L10.6562 4.84375L9.20312 9.20312H4.35938L8.23438 12.0125L6.78125 16.4688L10.6562 13.7562Z\" fill=\"#FFE62E\" />\n            <path d=\"M17.0984 17.0984L15.9844 17.3406L17.05 17.7766V18.8906L17.7766 18.0672L18.8422 18.4547L18.2125 17.5344L18.8906 16.6625L17.7766 16.9047L17.0984 15.9844V17.0984Z\" fill=\"#FFE62E\" />\n            <path d=\"M18.7453 13.8047L17.9219 14.5312L19.0359 14.4344L19.5203 15.5L19.7141 14.3859L20.8281 14.2891L19.8594 13.7078L20.1016 12.5938L19.2781 13.3203L18.3094 12.7391L18.7453 13.8047Z\" fill=\"#FFE62E\" />\n            <path d=\"M19.0359 10.0266L19.375 11.1406L19.7141 10.075H20.8281L19.9563 9.39687L20.2953 8.28281L19.375 8.96094L18.5031 8.23438L18.8422 9.34844L17.9219 9.97813L19.0359 10.0266Z\" fill=\"#FFE62E\" />\n            <path d=\"M17.0984 6.15156V7.26562L17.7766 6.34531L18.8906 6.5875L18.2125 5.71563L18.8422 4.79531L17.7766 5.23125L17.05 4.35938V5.47344L15.9844 5.90937L17.0984 6.15156Z\" fill=\"#FFE62E\" />\n        </svg>\n\n    )\n\nconst IconUser = ({\n    style = {},\n    fill = 'none',\n    width = '84',\n    height = '84',\n    viewBox = '0 0 84 84'\n}) => (\n        <svg style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <mask id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"84\" height=\"84\">\n                <circle cx=\"42\" cy=\"42\" r=\"42\" fill=\"#C4C4C4\" />\n            </mask>\n            <g mask=\"url(#mask0)\">\n                <path d=\"M53.0697 23.9215C50.8324 25.2663 48.5006 24.1963 46.0765 22.9146C43.6524 21.6329 36.3239 20.563 33.6522 22.0587C30.9806 23.5544 31.9439 27.832 30.4471 29.5416C28.9526 31.2513 27.0282 35.6348 27.6697 36.1709C28.3111 36.7047 27.8835 40.016 27.2285 40.4755C27.7259 40.8967 28.1086 41.1288 28.1086 41.1288C28.1086 41.1288 27.4581 46.1925 31.5365 49.6231C32.5561 50.4791 33.5645 51.308 34.5548 52.0671C37.5123 54.3377 40.2673 55.9956 42.4708 55.9956C44.1634 55.9956 47.4697 54.1012 50.29 52.0897C52.3697 50.6052 54.1793 49.0555 54.8771 48.1522C56.5089 46.0303 57.4902 40.4755 57.4902 40.4755C57.4902 40.4755 57.3281 32.9588 55.5253 30.2647C53.7224 27.5729 53.0697 23.9215 53.0697 23.9215Z\" fill=\"#F6C49F\" />\n                <path d=\"M24.8418 36.0651C24.8418 37.9303 26.019 39.3787 26.9598 40.2391C26.5816 39.1827 26.4736 35.1979 26.3003 33.4409C25.5463 33.8554 24.8418 34.6235 24.8418 36.0651Z\" fill=\"#F6C49F\" />\n                <path d=\"M58.605 33.583C58.0828 37.4146 57.4863 40.4781 57.4863 40.4781C57.4863 40.4781 60.095 37.8629 59.9329 35.7387C59.8541 34.7003 59.2262 34.0132 58.605 33.583Z\" fill=\"#F6C49F\" />\n                <path d=\"M27.2246 40.4782C27.2246 40.4782 27.2268 40.476 27.2246 40.4782C27.1391 40.4039 27.0513 40.325 26.959 40.2417C27.0355 40.4557 27.1233 40.548 27.2246 40.4782Z\" fill=\"#625242\" />\n                <path d=\"M58.7936 19.8289C56.9525 15.3261 50.5265 9.80056 42.3899 10.0055C34.2534 10.2105 29.5493 15.1233 27.7081 18.3963C25.867 21.6692 26.2789 26.7645 26.2789 27.0844C26.2789 27.4042 25.9863 31.3597 26.2406 32.9635C26.2609 33.0942 26.2811 33.2564 26.2991 33.4433C26.4747 35.1981 26.5805 39.1851 26.9586 40.2415C27.0509 40.3271 27.1409 40.406 27.2265 40.478C27.8814 40.0163 28.3091 36.7073 27.6676 36.1734C27.0261 35.6396 28.9506 31.2561 30.4451 29.5442C31.9396 27.8345 30.9785 23.5569 33.6502 22.0612C36.3219 20.5655 43.6481 21.6332 46.0745 22.9172C48.5008 24.2011 50.8326 25.2711 53.0676 23.924C53.0676 23.924 53.7204 27.5754 55.521 30.2695C57.3216 32.9635 57.4859 40.4803 57.4859 40.4803C57.4859 40.4803 58.0824 37.4146 58.6045 33.5852C59.282 28.6184 59.8335 22.3698 58.7936 19.8289Z\" fill=\"#625242\" />\n                <path d=\"M42.3652 55.8921C40.119 55.8921 37.3145 54.205 34.3007 51.8894C34.0013 51.6619 33.702 51.4253 33.4004 51.1843V52.0988C33.4004 52.0988 40.227 58.0095 42.9887 57.2437C45.7504 56.4755 51.733 52.0223 51.733 52.0223V50.8667C51.2851 51.2136 50.8146 51.5627 50.3285 51.9119C47.4587 53.9617 44.0893 55.8921 42.3652 55.8921Z\" fill=\"#AE8D6E\" />\n                <path d=\"M51.7436 53.7864V56.9985C40.6022 67.5878 33.2827 57.4085 32.7943 56.6989L34.6872 73.6359L34.6984 73.7733L34.6669 73.8071L32.7695 56.6606V56.6516L33.3997 54.0387V52.1015C33.3997 52.1015 37.3048 55.4826 40.4019 56.7958C41.4013 57.2238 42.3151 57.4333 42.9881 57.2463C43.2964 57.1607 43.6475 57.0278 44.0234 56.8611C47.0147 55.5366 51.7346 52.0249 51.7346 52.0249L51.6828 53.863L51.7436 53.7864Z\" fill=\"#F6C49F\" />\n                <path d=\"M84 94.947C84 94.947 84 94.947 82.9646 89.0565C81.9293 83.1639 78.6522 72.4192 74.684 68.7813C71.6387 65.9859 59.7501 60.5393 54.391 58.1583L54.1119 58.0344C53.2251 57.6425 52.5432 57.3452 52.1425 57.1717L51.7441 56.9983C40.6028 67.5875 33.2833 57.4082 32.7948 56.6987L32.7903 56.6604V56.6514L32.7701 56.6604V56.6514C32.7701 56.6514 32.7296 56.6716 32.6508 56.7122L32.644 56.7167L30.1434 57.8227L29.9589 58.1043C24.3882 61.0055 12.252 67.4388 9.48355 69.822C5.86205 72.9396 5 94.947 5 94.947H31.5659L31.5862 94.9988H36.4996L36.4951 94.947H84ZM42.8175 65.0016L42.4304 65.4881L42.4147 65.4678C42.552 65.3102 42.6847 65.1547 42.8175 65.0016Z\" fill=\"#C23D37\" />\n                <path d=\"M51.7436 56.9985C40.6022 67.5878 33.2827 57.4085 32.7943 56.6989C32.7785 56.6742 32.7695 56.6606 32.7695 56.6606H32.7898L40.4019 56.7958L44.0234 56.8611L51.7436 56.9985Z\" fill=\"#F6C49F\" />\n            </g>\n        </svg>\n    )\n\nconst IconClose = ({\n    style = {},\n    fill = 'none',\n    width = '19',\n    height = '19',\n    viewBox = '0 0 19 19',\n    onClick\n}) => (\n        <svg style={style} onClick={onClick} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M11.4109 9.6085L18.701 2.07206C18.8648 1.87429 18.9504 1.6199 18.9407 1.35971C18.9309 1.09953 18.8266 0.852717 18.6485 0.668602C18.4704 0.484487 18.2317 0.376627 17.98 0.366577C17.7283 0.356527 17.4823 0.445028 17.291 0.614392L10.0009 8.15084L2.71095 0.604054C2.51965 0.43469 2.27357 0.34619 2.0219 0.35624C1.77022 0.36629 1.53148 0.474148 1.35339 0.658264C1.17529 0.842379 1.07096 1.08919 1.06124 1.34937C1.05152 1.60956 1.13712 1.86395 1.30095 2.06172L8.59095 9.6085L1.29095 17.1449C1.18627 17.2376 1.10125 17.3517 1.04122 17.4799C0.981202 17.6082 0.947471 17.7479 0.942151 17.8903C0.936832 18.0326 0.960038 18.1746 1.01031 18.3073C1.06059 18.4399 1.13685 18.5604 1.2343 18.6612C1.33175 18.7619 1.4483 18.8408 1.57663 18.8927C1.70495 18.9447 1.84228 18.9687 1.98 18.9632C2.11772 18.9577 2.25286 18.9228 2.37692 18.8608C2.50098 18.7987 2.6113 18.7108 2.70095 18.6026L10.0009 11.0662L17.291 18.6026C17.4823 18.772 17.7283 18.8605 17.98 18.8504C18.2317 18.8404 18.4704 18.7325 18.6485 18.5484C18.8266 18.3643 18.9309 18.1175 18.9407 17.8573C18.9504 17.5971 18.8648 17.3427 18.701 17.1449L11.4109 9.6085Z\" fill=\"white\" />\n        </svg>\n    )\n\nconst Icon404 = ({\n    style = {},\n    fill = 'none',\n    width = '344',\n    height = '146',\n    viewBox = '0 0 344 146'\n}) => (\n        <svg style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M72 104.6H5.66244e-07V100L69.6 3.19999H77.6V100H99.6V104.6H77.6V143H72V104.6ZM72 100V9.19999L6.6 100H72ZM171.825 146C160.758 146 151.292 143.067 143.425 137.2C135.692 131.2 129.758 122.733 125.625 111.8C121.625 100.867 119.625 88 119.625 73.2C119.625 50.5333 124.092 32.7333 133.025 19.8C142.092 6.73332 155.025 0.199991 171.825 0.199991C182.892 0.199991 192.292 3.19999 200.025 9.19999C207.892 15.0667 213.825 23.5333 217.825 34.6C221.958 45.5333 224.025 58.4 224.025 73.2C224.025 88 221.958 100.867 217.825 111.8C213.825 122.733 207.892 131.2 200.025 137.2C192.292 143.067 182.892 146 171.825 146ZM171.825 141.2C181.425 141.2 189.758 138.467 196.825 133C203.892 127.533 209.292 119.667 213.025 109.4C216.892 99.1333 218.825 87.0667 218.825 73.2C218.825 59.3333 216.958 47.2667 213.225 37C209.492 26.7333 204.092 18.8667 197.025 13.4C189.958 7.79999 181.558 4.99999 171.825 4.99999C162.092 4.99999 153.692 7.79999 146.625 13.4C139.558 18.8667 134.158 26.7333 130.425 37C126.692 47.2667 124.825 59.3333 124.825 73.2C124.825 87.0667 126.692 99.1333 130.425 109.4C134.292 119.667 139.758 127.533 146.825 133C153.892 138.467 162.225 141.2 171.825 141.2ZM315.945 104.6H243.945V100L313.545 3.19999H321.545V100H343.545V104.6H321.545V143H315.945V104.6ZM315.945 100V9.19999L250.545 100H315.945Z\" fill=\"url(#paint0_linear)\" />\n            <defs>\n                <linearGradient id=\"paint0_linear\" x1=\"13.6188\" y1=\"37.9528\" x2=\"337.382\" y2=\"166.576\" gradientUnits=\"userSpaceOnUse\">\n                    <stop stopColor=\"#FE992F\" />\n                    <stop offset=\"0.313803\" stopColor=\"#FD4601\" />\n                    <stop offset=\"0.621529\" stopColor=\"#FF6ACF\" />\n                    <stop offset=\"1\" stopColor=\"#57CEBD\" />\n                </linearGradient>\n            </defs>\n        </svg>\n    )\n\nconst IconNotFoundEN = ({\n    style = {},\n    fill = 'none',\n    width = '341',\n    height = '38',\n    viewBox = '0 0 341 38'\n}) => (\n        <svg style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M0.5 2.05H23V5.35H4.4V17.85H18.35V21.15H4.4V37H0.5V2.05ZM28.6324 7.8C27.9658 7.8 27.3991 7.56666 26.9324 7.1C26.4658 6.63333 26.2324 6.06666 26.2324 5.4C26.2324 4.73333 26.4658 4.16667 26.9324 3.7C27.3991 3.23333 27.9658 3 28.6324 3C29.2991 3 29.8658 3.23333 30.3324 3.7C30.8324 4.16667 31.0824 4.73333 31.0824 5.4C31.0824 6.06666 30.8324 6.63333 30.3324 7.1C29.8658 7.56666 29.2991 7.8 28.6324 7.8ZM26.7324 13H30.5824V37H26.7324V13ZM38.0977 0.0499989H41.9477V37H38.0977V0.0499989ZM61.8375 37.75C57.4708 37.75 54.0542 36.6333 51.5875 34.4C49.1542 32.1667 47.9375 29.05 47.9375 25.05C47.9375 21.1167 49.0375 18 51.2375 15.7C53.4375 13.4 56.5708 12.25 60.6375 12.25C63.3708 12.25 65.6875 12.7833 67.5875 13.85C69.4875 14.8833 70.9208 16.3167 71.8875 18.15C72.8542 19.9833 73.3375 22.0667 73.3375 24.4V26.5H51.5375C51.6708 29.2333 52.6708 31.2833 54.5375 32.65C56.4375 34.0167 59.0042 34.7 62.2375 34.7C63.8042 34.7 65.3375 34.5667 66.8375 34.3C68.3708 34 69.7375 33.6 70.9375 33.1V36.35C69.9375 36.75 68.5708 37.0833 66.8375 37.35C65.1375 37.6167 63.4708 37.75 61.8375 37.75ZM69.7375 23.75C69.6708 21.15 68.8708 19.1 67.3375 17.6C65.8042 16.1 63.5542 15.35 60.5875 15.35C57.6875 15.35 55.4708 16.1333 53.9375 17.7C52.4042 19.2333 51.6042 21.25 51.5375 23.75H69.7375ZM98.3516 2.05H102.102L121.352 30.35V2.05H125.252V37H121.502L102.252 8.65V37H98.3516V2.05ZM144.538 37.75C141.938 37.75 139.622 37.2333 137.588 36.2C135.588 35.1667 134.022 33.7 132.888 31.8C131.788 29.8667 131.238 27.6167 131.238 25.05C131.238 22.5167 131.805 20.2833 132.938 18.35C134.072 16.4167 135.638 14.9167 137.638 13.85C139.672 12.7833 141.972 12.25 144.538 12.25C147.105 12.25 149.388 12.7833 151.388 13.85C153.422 14.9167 155.005 16.4167 156.138 18.35C157.272 20.2833 157.838 22.5167 157.838 25.05C157.838 27.6167 157.272 29.8667 156.138 31.8C155.038 33.7 153.472 35.1667 151.438 36.2C149.438 37.2333 147.138 37.75 144.538 37.75ZM144.538 34.7C147.405 34.7 149.688 33.8333 151.388 32.1C153.122 30.3333 153.988 27.9833 153.988 25.05C153.988 22.0833 153.122 19.7333 151.388 18C149.688 16.2333 147.405 15.35 144.538 15.35C141.672 15.35 139.372 16.2333 137.638 18C135.938 19.7333 135.088 22.0833 135.088 25.05C135.088 27.9833 135.938 30.3333 137.638 32.1C139.372 33.8333 141.672 34.7 144.538 34.7ZM171.998 37.75C169.731 37.75 167.964 37.0833 166.698 35.75C165.464 34.4167 164.848 32.5167 164.848 30.05V16H161.098V13H164.848V5.8H168.698V13H174.748V16H168.698V30.15C168.698 31.8167 169.031 33 169.698 33.7C170.364 34.3667 171.581 34.7 173.348 34.7C174.214 34.7 175.131 34.5 176.098 34.1V37.25C174.998 37.5833 173.631 37.75 171.998 37.75ZM200.354 2.05H222.854V5.35H204.254V17.85H218.204V21.15H204.254V37H200.354V2.05ZM236.384 37.75C233.784 37.75 231.467 37.2333 229.434 36.2C227.434 35.1667 225.867 33.7 224.734 31.8C223.634 29.8667 223.084 27.6167 223.084 25.05C223.084 22.5167 223.651 20.2833 224.784 18.35C225.917 16.4167 227.484 14.9167 229.484 13.85C231.517 12.7833 233.817 12.25 236.384 12.25C238.951 12.25 241.234 12.7833 243.234 13.85C245.267 14.9167 246.851 16.4167 247.984 18.35C249.117 20.2833 249.684 22.5167 249.684 25.05C249.684 27.6167 249.117 29.8667 247.984 31.8C246.884 33.7 245.317 35.1667 243.284 36.2C241.284 37.2333 238.984 37.75 236.384 37.75ZM236.384 34.7C239.251 34.7 241.534 33.8333 243.234 32.1C244.967 30.3333 245.834 27.9833 245.834 25.05C245.834 22.0833 244.967 19.7333 243.234 18C241.534 16.2333 239.251 15.35 236.384 15.35C233.517 15.35 231.217 16.2333 229.484 18C227.784 19.7333 226.934 22.0833 226.934 25.05C226.934 27.9833 227.784 30.3333 229.484 32.1C231.217 33.8333 233.517 34.7 236.384 34.7ZM265.376 37.75C262.176 37.75 259.709 36.8833 257.976 35.15C256.276 33.4167 255.426 31.1 255.426 28.2V13H259.276V28.4C259.276 32.6 261.459 34.7 265.826 34.7C267.659 34.7 269.259 34.3 270.626 33.5C272.026 32.7 273.276 31.4333 274.376 29.7V13H278.226V37H274.476V33.4C272.309 36.3 269.276 37.75 265.376 37.75ZM285.217 13H288.967V16.6C290.133 15.1 291.55 14 293.217 13.3C294.917 12.6 296.717 12.25 298.617 12.25C301.783 12.25 304.133 13.0833 305.667 14.75C307.233 16.4167 308.017 18.65 308.017 21.45V37H304.167V21.8C304.167 19.7333 303.667 18.15 302.667 17.05C301.667 15.9167 300.067 15.35 297.867 15.35C294.167 15.35 291.233 17.0167 289.067 20.35V37H285.217V13ZM326.308 37.75C323.941 37.75 321.808 37.2333 319.908 36.2C318.008 35.1667 316.508 33.6833 315.408 31.75C314.308 29.8167 313.758 27.5833 313.758 25.05C313.758 22.55 314.291 20.3333 315.358 18.4C316.458 16.4333 317.958 14.9167 319.858 13.85C321.791 12.7833 323.941 12.25 326.308 12.25C328.608 12.25 330.641 12.6667 332.408 13.5C334.208 14.3 335.641 15.4833 336.708 17.05V0.0499989H340.558V37H336.808V32.8C335.541 34.4667 334.041 35.7167 332.308 36.55C330.608 37.35 328.608 37.75 326.308 37.75ZM327.108 34.7C329.408 34.7 331.408 34.1167 333.108 32.95C334.841 31.75 336.041 30.1167 336.708 28.05V22.05C336.074 19.9833 334.891 18.35 333.158 17.15C331.458 15.95 329.441 15.35 327.108 15.35C325.341 15.35 323.724 15.7667 322.258 16.6C320.824 17.4 319.691 18.5333 318.858 20C318.024 21.4667 317.608 23.15 317.608 25.05C317.608 26.95 318.024 28.6333 318.858 30.1C319.691 31.5667 320.824 32.7 322.258 33.5C323.724 34.3 325.341 34.7 327.108 34.7Z\" fill=\"#828282\" />\n        </svg>\n\n    )\n\nconst IconNotFoundTH = ({\n    style = {},\n    fill = 'none',\n    width = '322',\n    height = '25',\n    viewBox = '0 0 322 25'\n}) => (\n        <svg style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M6.325 24.375C5.075 24.375 3.98333 24.1667 3.05 23.75C2.11667 23.3167 1.4 22.725 0.9 21.975C0.4 21.2083 0.15 20.3417 0.15 19.375V18.75C0.15 18.1667 0.266667 17.6333 0.5 17.15C0.75 16.6667 1.09167 16.1167 1.525 15.5C1.80833 15.1 2.01667 14.7833 2.15 14.55C2.28333 14.3167 2.35 14.0917 2.35 13.875C2.35 13.375 2.04167 13.125 1.425 13.125H7.07805e-08V10.625H3.1C3.85 10.625 4.44167 10.8417 4.875 11.275C5.325 11.6917 5.55 12.2583 5.55 12.975C5.55 13.475 5.45 13.9333 5.25 14.35C5.06667 14.7667 4.79167 15.275 4.425 15.875C4.05833 16.475 3.78333 16.975 3.6 17.375C3.41667 17.7583 3.325 18.175 3.325 18.625V19.25C3.325 20.1 3.575 20.7583 4.075 21.225C4.575 21.675 5.325 21.9 6.325 21.9C8.275 21.9 9.25 20.975 9.25 19.125V10.625H12.425V18.6C12.425 20.3667 11.8917 21.775 10.825 22.825C9.775 23.8583 8.275 24.375 6.325 24.375ZM20.642 24.375C19.5753 24.375 18.5253 24.2583 17.492 24.025C16.4587 23.7917 15.6003 23.4667 14.917 23.05V16.05H20.917V18.625H18.092V21.4C18.7087 21.7333 19.5587 21.9 20.642 21.9C22.1087 21.9 23.217 21.5 23.967 20.7C24.717 19.9 25.092 18.7333 25.092 17.2C25.092 16.15 24.9253 15.3 24.592 14.65C24.2587 14 23.7087 13.5167 22.942 13.2C22.1753 12.8833 21.142 12.725 19.842 12.725C18.992 12.725 18.1253 12.8167 17.242 13C16.3753 13.1667 15.6503 13.4167 15.067 13.75V11.275C15.7337 10.9417 16.5253 10.6917 17.442 10.525C18.3753 10.3417 19.3587 10.25 20.392 10.25C22.9253 10.25 24.8837 10.8583 26.267 12.075C27.6503 13.275 28.342 14.9833 28.342 17.2C28.342 19.4167 27.6753 21.1667 26.342 22.45C25.0253 23.7333 23.1253 24.375 20.642 24.375ZM34.6967 24C33.83 24 33.1633 23.7583 32.6967 23.275C32.2467 22.775 32.0217 22.0833 32.0217 21.2V12.1C32.0217 10.9 31.7967 9.96667 31.3467 9.3C30.9133 8.61667 30.205 8.075 29.2217 7.675V5.2H37.6217V7.85H33.3717C34.5883 8.73333 35.1967 10.175 35.1967 12.175V20.2C35.1967 20.6333 35.2883 20.9333 35.4717 21.1C35.655 21.2667 35.955 21.35 36.3717 21.35H37.2467V24H34.6967ZM39.3672 10.625H42.4172V12.275C43.0505 11.6083 43.7839 11.1083 44.6172 10.775C45.4672 10.425 46.3172 10.25 47.1672 10.25C48.8172 10.25 50.0755 10.7167 50.9422 11.65C51.8089 12.5667 52.2422 13.75 52.2422 15.2V24H49.0672V15.35C49.0672 13.6 48.1339 12.725 46.2672 12.725C44.6505 12.725 43.4089 13.4083 42.5422 14.775V24H39.3672V10.625ZM61.8863 24.375C60.553 24.375 59.378 24.1333 58.3613 23.65C57.3613 23.1667 56.5863 22.5 56.0363 21.65C55.503 20.7833 55.2363 19.8 55.2363 18.7V10.625H58.4113V18.575C58.4113 19.625 58.703 20.4417 59.2863 21.025C59.8697 21.6083 60.7363 21.9 61.8863 21.9C63.0197 21.9 63.878 21.6083 64.4613 21.025C65.0447 20.4417 65.3363 19.625 65.3363 18.575V17.45H62.4113V14.8H65.3363V10.625H68.5113V14.8H69.8613V17.45H68.5113V18.7C68.5113 19.8 68.2363 20.7833 67.6863 21.65C67.153 22.5 66.3863 23.1667 65.3863 23.65C64.3863 24.1333 63.2197 24.375 61.8863 24.375ZM71.9844 15.9C71.9844 14.1 72.576 12.7083 73.7594 11.725C74.9594 10.7417 76.576 10.25 78.6094 10.25C80.6427 10.25 82.251 10.7417 83.4344 11.725C84.6177 12.7083 85.2094 14.1 85.2094 15.9V24H82.0344V15.775C82.0344 14.7583 81.7344 14 81.1344 13.5C80.551 12.9833 79.7094 12.725 78.6094 12.725C77.5094 12.725 76.6594 12.975 76.0594 13.475C75.4594 13.975 75.1594 14.7417 75.1594 15.775V17.975C75.376 17.625 75.6927 17.3417 76.1094 17.125C76.5427 16.9083 77.0427 16.8 77.6094 16.8H79.6344V19.45H77.3844C76.7344 19.45 76.201 19.6667 75.7844 20.1C75.3677 20.5167 75.1594 21.025 75.1594 21.625V24H71.9844V15.9ZM82.0697 4.5H85.2447V8.8H82.0697V4.5ZM89.8947 16.025C89.0947 16.025 88.5281 15.8417 88.1947 15.475C87.8781 15.1083 87.7197 14.5417 87.7197 13.775V12.175H90.5697V13.2C90.5697 13.45 90.6197 13.625 90.7197 13.725C90.8364 13.825 91.0281 13.875 91.2947 13.875H94.2447V16.025H89.8947ZM89.8947 22.8C89.0947 22.8 88.5281 22.6167 88.1947 22.25C87.8781 21.8833 87.7197 21.3167 87.7197 20.55V18.95H90.5697V19.975C90.5697 20.225 90.6197 20.4 90.7197 20.5C90.8364 20.6 91.0281 20.65 91.2947 20.65H94.2447V22.8H89.8947ZM109.224 24C108.357 24 107.691 23.7583 107.224 23.275C106.774 22.775 106.549 22.0833 106.549 21.2V12.175C106.549 10.175 107.157 8.73333 108.374 7.85H104.124V5.2H112.524V7.675C111.541 8.075 110.824 8.61667 110.374 9.3C109.941 9.96667 109.724 10.9 109.724 12.1V20.2C109.724 20.6333 109.816 20.9333 109.999 21.1C110.182 21.2667 110.482 21.35 110.899 21.35H111.774V24H109.224ZM121.945 24.375C121.111 24.375 120.286 24.2083 119.47 23.875C118.67 23.525 117.953 23.0167 117.32 22.35V24H114.27V10.625H117.445V19.85C118.311 21.2167 119.511 21.9 121.045 21.9C123.011 21.9 123.995 20.9833 123.995 19.15V10.625H127.145V19.3C127.145 20.25 126.936 21.1167 126.52 21.9C126.12 22.6667 125.528 23.275 124.745 23.725C123.961 24.1583 123.028 24.375 121.945 24.375ZM123.989 4.5H127.164V8.8H123.989V4.5ZM129.389 10.625H132.564L134.714 19.6L137.314 10.625H139.664L142.264 19.6L144.414 10.625H147.589L143.864 24H141.189L138.489 14.8L135.789 24H133.114L129.389 10.625ZM156.541 24.375C155.207 24.375 154.032 24.1333 153.016 23.65C152.016 23.1667 151.241 22.5 150.691 21.65C150.157 20.7833 149.891 19.8 149.891 18.7V10.625H153.066V18.575C153.066 19.625 153.357 20.4417 153.941 21.025C154.524 21.6083 155.391 21.9 156.541 21.9C157.674 21.9 158.532 21.6083 159.116 21.025C159.699 20.4417 159.991 19.625 159.991 18.575V10.625H163.166V18.7C163.166 19.8 162.891 20.7833 162.341 21.65C161.807 22.5 161.041 23.1667 160.041 23.65C159.041 24.1333 157.874 24.375 156.541 24.375ZM166.174 10.625H169.349V15.975L175.124 10.625H178.774L175.124 14C176.474 14.35 177.415 14.9167 177.949 15.7C178.482 16.4833 178.749 17.525 178.749 18.825V24H175.574V19.05C175.574 18.1 175.399 17.3833 175.049 16.9C174.715 16.4167 174.099 16.075 173.199 15.875L169.349 19.45V24H166.174V10.625ZM186.974 24.375C185.891 24.375 184.958 24.1583 184.174 23.725C183.391 23.275 182.791 22.6667 182.374 21.9C181.974 21.1167 181.774 20.25 181.774 19.3V10.625H184.949V19.15C184.949 20.9833 185.924 21.9 187.874 21.9C189.408 21.9 190.608 21.2167 191.474 19.85V10.625H194.649V24H191.599V22.35C190.966 23.0167 190.241 23.525 189.424 23.875C188.624 24.2083 187.808 24.375 186.974 24.375ZM188.944 7.225C188.944 7.04167 188.91 6.90833 188.844 6.825C188.76 6.74167 188.619 6.7 188.419 6.7H187.269V4.5H189.394C189.96 4.5 190.377 4.64167 190.644 4.925C190.91 5.19167 191.044 5.525 191.044 5.925V6.725H196.169V8.8H188.944V7.225ZM201.944 15.45C201.944 14.4667 201.744 13.7667 201.344 13.35C200.96 12.9333 200.26 12.725 199.244 12.725C198.31 12.725 197.36 12.9667 196.394 13.45V10.975C196.794 10.775 197.319 10.6083 197.969 10.475C198.635 10.325 199.285 10.25 199.919 10.25C201.635 10.25 202.927 10.7167 203.794 11.65C204.677 12.5833 205.119 13.9167 205.119 15.65V24H201.944V15.45ZM208.117 10.625H211.167V12.275C211.801 11.6083 212.534 11.1083 213.367 10.775C214.217 10.425 215.067 10.25 215.917 10.25C217.567 10.25 218.826 10.7167 219.692 11.65C220.559 12.5667 220.992 13.75 220.992 15.2V24H217.817V15.35C217.817 13.6 216.884 12.725 215.017 12.725C213.401 12.725 212.159 13.4083 211.292 14.775V24H208.117V10.625ZM209.861 6.775H218.186V4.075H221.036V8.8H209.861V6.775ZM218.186 0.849999H221.036V4.275H218.186V0.849999ZM223.986 10.625H227.036V12.275C227.67 11.6083 228.403 11.1083 229.236 10.775C230.086 10.425 230.936 10.25 231.786 10.25C233.436 10.25 234.695 10.7167 235.561 11.65C236.428 12.5667 236.861 13.75 236.861 15.2V24H233.686V15.35C233.686 13.6 232.753 12.725 230.886 12.725C229.27 12.725 228.028 13.4083 227.161 14.775V24H223.986V10.625ZM233.705 4.5H236.88V8.8H233.705V4.5ZM244.155 15.45C244.155 14.4667 243.955 13.7667 243.555 13.35C243.172 12.9333 242.472 12.725 241.455 12.725C240.522 12.725 239.572 12.9667 238.605 13.45V10.975C239.005 10.775 239.53 10.6083 240.18 10.475C240.847 10.325 241.497 10.25 242.13 10.25C243.847 10.25 245.139 10.7167 246.005 11.65C246.889 12.5833 247.33 13.9167 247.33 15.65V24H244.155V15.45ZM255.529 24.375C254.446 24.375 253.512 24.1583 252.729 23.725C251.946 23.275 251.346 22.6667 250.929 21.9C250.529 21.1167 250.329 20.25 250.329 19.3V10.625H253.504V19.15C253.504 20.9833 254.479 21.9 256.429 21.9C257.962 21.9 259.162 21.2167 260.029 19.85V10.625H263.204V24H260.154V22.35C259.521 23.0167 258.796 23.525 257.979 23.875C257.179 24.2083 256.362 24.375 255.529 24.375ZM266.198 15.9C266.198 14.1 266.79 12.7083 267.973 11.725C269.173 10.7417 270.79 10.25 272.823 10.25C274.857 10.25 276.465 10.7417 277.648 11.725C278.832 12.7083 279.423 14.1 279.423 15.9V24H276.248V15.775C276.248 14.7583 275.948 14 275.348 13.5C274.765 12.9833 273.923 12.725 272.823 12.725C271.723 12.725 270.873 12.975 270.273 13.475C269.673 13.975 269.373 14.7417 269.373 15.775V17.975C269.59 17.625 269.907 17.3417 270.323 17.125C270.757 16.9083 271.257 16.8 271.823 16.8H273.848V19.45H271.598C270.948 19.45 270.415 19.6667 269.998 20.1C269.582 20.5167 269.373 21.025 269.373 21.625V24H266.198V15.9ZM273.734 7.225C273.734 7.04167 273.7 6.90833 273.634 6.825C273.55 6.74167 273.409 6.7 273.209 6.7H272.059V4.5H274.184C274.75 4.5 275.167 4.64167 275.434 4.925C275.7 5.19167 275.834 5.525 275.834 5.925V6.725H280.959V8.8H273.734V7.225ZM287.634 24.375C286.55 24.375 285.617 24.1583 284.834 23.725C284.05 23.275 283.45 22.6667 283.034 21.9C282.634 21.1167 282.434 20.25 282.434 19.3V10.625H285.609V19.15C285.609 20.9833 286.584 21.9 288.534 21.9C290.067 21.9 291.267 21.2167 292.134 19.85V10.625H295.309V24H292.259V22.35C291.625 23.0167 290.9 23.525 290.084 23.875C289.284 24.2083 288.467 24.375 287.634 24.375ZM298.303 10.625H301.478V15.975L307.253 10.625H310.903L307.253 14C308.603 14.35 309.544 14.9167 310.078 15.7C310.611 16.4833 310.878 17.525 310.878 18.825V24H307.703V19.05C307.703 18.1 307.528 17.3833 307.178 16.9C306.844 16.4167 306.228 16.075 305.328 15.875L301.478 19.45V24H298.303V10.625ZM318.203 15.45C318.203 14.4667 318.003 13.7667 317.603 13.35C317.22 12.9333 316.52 12.725 315.503 12.725C314.57 12.725 313.62 12.9667 312.653 13.45V10.975C313.053 10.775 313.578 10.6083 314.228 10.475C314.895 10.325 315.545 10.25 316.178 10.25C317.895 10.25 319.187 10.7167 320.053 11.65C320.937 12.5833 321.378 13.9167 321.378 15.65V24H318.203V15.45Z\" fill=\"#828282\" />\n        </svg>\n\n    )\n\nconst IconCheck = ({\n    style = {},\n    fill = 'none',\n    width = '20',\n    height = '20',\n    viewBox = '0 0 20 20'\n}) => (\n        <svg style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M16.5 0H3.5C1.6 0 0 1.6 0 3.5V16.5C0 18.4 1.6 20 3.5 20H14L20 14V3.5C20 1.6 18.4 0 16.5 0ZM18 13H16.5C14.6 13 13 14.6 13 16.5V18H3.8C2.8 18 2 17.2 2 16.2V3.8C2 2.8 2.8 2 3.8 2H16.3C17.3 2 18.1 2.8 18.1 3.8V13H18ZM13.2 6.2L14.7 7.7L8.7 13.7L5.2 10.2L6.7 8.7L8.7 10.7L13.2 6.2Z\" fill=\"#828282\" />\n        </svg>\n\n    )\n\nconst IconEye = ({\n    style = {},\n    fill = 'none',\n    width = '18',\n    height = '18',\n    viewBox = '0 0 18 18',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M16.5617 8.54648C14.8953 5.03613 12.3763 3.26953 8.99955 3.26953C5.62104 3.26953 3.10385 5.03613 1.43744 8.54824C1.3706 8.68978 1.33594 8.84436 1.33594 9.00088C1.33594 9.1574 1.3706 9.31198 1.43744 9.45352C3.10385 12.9639 5.62279 14.7305 8.99955 14.7305C12.3781 14.7305 14.8953 12.9639 16.5617 9.45176C16.697 9.16699 16.697 8.83652 16.5617 8.54648ZM8.99955 13.4648C6.1642 13.4648 4.08822 12.027 2.62397 9C4.08822 5.97305 6.1642 4.53516 8.99955 4.53516C11.8349 4.53516 13.9109 5.97305 15.3751 9C13.9126 12.027 11.8367 13.4648 8.99955 13.4648ZM8.92924 5.90625C7.22065 5.90625 5.83549 7.29141 5.83549 9C5.83549 10.7086 7.22065 12.0938 8.92924 12.0938C10.6378 12.0938 12.023 10.7086 12.023 9C12.023 7.29141 10.6378 5.90625 8.92924 5.90625ZM8.92924 10.9688C7.84115 10.9688 6.96049 10.0881 6.96049 9C6.96049 7.91191 7.84115 7.03125 8.92924 7.03125C10.0173 7.03125 10.898 7.91191 10.898 9C10.898 10.0881 10.0173 10.9688 8.92924 10.9688Z\" fill=\"#595959\" />\n        </svg>\n\n    )\n\nconst IconStatusErr = ({\n    style = {},\n    fill = 'none',\n    width = '50',\n    height = '50',\n    viewBox = '0 0 50 50',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M25 0C38.8075 0 50 11.1925 50 25C50 26.8175 49.8075 28.5875 49.4375 30.295L44.9825 25.8375C45.1659 21.4494 43.8998 17.1229 41.3797 13.5259C38.8595 9.92898 35.2254 7.26159 31.0384 5.93556C26.8514 4.60952 22.3444 4.69858 18.213 6.18897C14.0817 7.67937 10.5558 10.4882 8.17968 14.1819C5.80357 17.8756 4.70937 22.2488 5.06599 26.6262C5.42262 31.0037 7.21025 35.142 10.1529 38.4024C13.0956 41.6628 17.0296 43.8639 21.3477 44.6659C25.6658 45.4679 30.1279 44.8263 34.045 42.84C34.9992 44.3523 36.3417 45.5809 37.9325 46.3975C34.033 48.7602 29.5594 50.0063 25 50C11.1925 50 0 38.8075 0 25C0 11.1925 11.1925 0 25 0ZM42.5 30.43L46.035 33.965C46.7231 34.6529 47.1956 35.5266 47.3945 36.4791C47.5934 37.4316 47.5101 38.4214 47.1547 39.3272C46.7994 40.233 46.1875 41.0154 45.394 41.5786C44.6006 42.1417 43.66 42.4611 42.6877 42.4977C41.7154 42.5342 40.7535 42.2862 39.92 41.7841C39.0866 41.282 38.4177 40.5476 37.9955 39.671C37.5732 38.7944 37.4159 37.8137 37.5428 36.849C37.6697 35.8843 38.0754 34.9776 38.71 34.24L38.965 33.965L42.5 30.43ZM25 32.5C28.665 32.5 31.9625 34.0775 34.25 36.5925L31.8875 38.7425C29.9125 37.955 27.545 37.5 25 37.5C22.455 37.5 20.0875 37.9575 18.1125 38.74L15.75 36.59C16.9205 35.2999 18.3484 34.2694 19.9416 33.5649C21.5348 32.8605 23.258 32.4977 25 32.5ZM16.25 20C17.2446 20 18.1984 20.3951 18.9017 21.0984C19.6049 21.8016 20 22.7554 20 23.75C20 24.7446 19.6049 25.6984 18.9017 26.4017C18.1984 27.1049 17.2446 27.5 16.25 27.5C15.2554 27.5 14.3016 27.1049 13.5984 26.4017C12.8951 25.6984 12.5 24.7446 12.5 23.75C12.5 22.7554 12.8951 21.8016 13.5984 21.0984C14.3016 20.3951 15.2554 20 16.25 20ZM33.75 20C34.7446 20 35.6984 20.3951 36.4017 21.0984C37.1049 21.8016 37.5 22.7554 37.5 23.75C37.5 24.7446 37.1049 25.6984 36.4017 26.4017C35.6984 27.1049 34.7446 27.5 33.75 27.5C32.7554 27.5 31.8016 27.1049 31.0984 26.4017C30.3951 25.6984 30 24.7446 30 23.75C30 22.7554 30.3951 21.8016 31.0984 21.0984C31.8016 20.3951 32.7554 20 33.75 20Z\" fill=\"#828282\" />\n        </svg>\n\n    )\n\nconst IconSupport = ({\n    style = {},\n    fill = 'none',\n    width = '24',\n    height = '24',\n    viewBox = '0 0 24 24',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M18.364 5.636L14.828 9.172L18.364 5.636ZM14.828 14.828L18.364 18.364L14.828 14.828ZM9.172 9.172L5.636 5.636L9.172 9.172ZM9.172 14.828L5.636 18.364L9.172 14.828ZM21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12ZM16 12C16 13.0609 15.5786 14.0783 14.8284 14.8284C14.0783 15.5786 13.0609 16 12 16C10.9391 16 9.92172 15.5786 9.17157 14.8284C8.42143 14.0783 8 13.0609 8 12C8 10.9391 8.42143 9.92172 9.17157 9.17157C9.92172 8.42143 10.9391 8 12 8C13.0609 8 14.0783 8.42143 14.8284 9.17157C15.5786 9.92172 16 10.9391 16 12V12Z\" stroke=\"#828282\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </svg>\n\n    )\n\nconst IconContact = ({\n    style = {},\n    fill = 'none',\n    width = '20',\n    height = '20',\n    viewBox = '0 0 20 20',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M19.84 12H18.16C18.072 12 18 12.072 18 12.16V18H6V6H11.84C11.928 6 12 5.928 12 5.84V4.16C12 4.072 11.928 4 11.84 4H4.64C4.286 4 4 4.286 4 4.64V19.36C4 19.714 4.286 20 4.64 20H19.36C19.714 20 20 19.714 20 19.36V12.16C20 12.072 19.928 12 19.84 12Z\" fill=\"#FF0000\" />\n            <path d=\"M8.34143 12.5367L8.2969 15.3234C8.29456 15.532 8.46331 15.7031 8.6719 15.7031H8.68127L11.4469 15.6352C11.4938 15.6328 11.5406 15.6141 11.5735 15.5812L21.3211 5.85469C21.3938 5.78203 21.3938 5.6625 21.3211 5.58984L18.4078 2.67891C18.3703 2.64141 18.3235 2.625 18.2742 2.625C18.225 2.625 18.1781 2.64375 18.1406 2.67891L8.39534 12.4055C8.36148 12.4409 8.34223 12.4877 8.34143 12.5367ZM9.82971 13.0898L18.2742 4.66406L19.3336 5.72109L10.8844 14.1516L9.81331 14.1773L9.82971 13.0898Z\" fill=\"#FF0000\" />\n        </svg>\n\n    )\n\n\nconst IconRemove = ({\n    style = {},\n    fill = 'none',\n    width = '10',\n    height = '12',\n    viewBox = '0 0 10 12',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M5.80913 6L9.9107 1.11094C9.97945 1.02969 9.92163 0.90625 9.81538 0.90625H8.56851C8.49507 0.90625 8.42476 0.939062 8.37632 0.995312L4.99351 5.02813L1.6107 0.995312C1.56382 0.939062 1.49351 0.90625 1.41851 0.90625H0.171634C0.065384 0.90625 0.00757144 1.02969 0.0763214 1.11094L4.17788 6L0.0763214 10.8891C0.0609208 10.9072 0.0510407 10.9293 0.0478538 10.9529C0.0446669 10.9764 0.048307 11.0004 0.0583423 11.022C0.0683776 11.0435 0.0843867 11.0617 0.104468 11.0745C0.12455 11.0872 0.147861 11.0939 0.171634 11.0938H1.41851C1.49195 11.0938 1.56226 11.0609 1.6107 11.0047L4.99351 6.97188L8.37632 11.0047C8.4232 11.0609 8.49351 11.0938 8.56851 11.0938H9.81538C9.92163 11.0938 9.97945 10.9703 9.9107 10.8891L5.80913 6Z\" fill=\"#8C8C8C\" />\n        </svg>\n\n    )\n\nconst IconBack = ({\n    style = {},\n    fill = 'none',\n    width = '12',\n    height = '20',\n    viewBox = '0 0 12 20',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M11.67 1.86998L9.9 0.0999756L0 9.99998L9.9 19.9L11.67 18.13L3.54 9.99998L11.67 1.86998Z\" fill=\"#4F4F4F\" />\n        </svg>\n    )\n\nconst IconUserChecked = ({\n    style = {},\n    fill = 'none',\n    width = '20',\n    height = '19',\n    viewBox = '0 0 20 19'\n}) => (\n        <svg style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M8.81202 9.42238C11.2462 9.42238 13.2178 7.4508 13.2178 5.01661C13.2178 2.58242 11.2462 0.61084 8.81202 0.61084C6.37783 0.61084 4.40625 2.58242 4.40625 5.01661C4.40625 7.4508 6.37783 9.42238 8.81202 9.42238Z\" fill=\"#4F4F4F\" />\n            <path d=\"M16.1112 10.6108C13.9645 10.6108 12.2223 12.3531 12.2223 14.4997C12.2223 16.6464 13.9645 18.3886 16.1112 18.3886C18.2578 18.3886 20.0001 16.6464 20.0001 14.4997C20.0001 12.3531 18.2578 10.6108 16.1112 10.6108ZM15.3334 16.4442L13.389 14.4997L13.9373 13.9514L15.3334 15.3436L18.2851 12.392L18.8334 12.9442L15.3334 16.4442Z\" fill=\"#6FCF97\" />\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M10.6421 11.7701C9.97082 11.6737 9.34329 11.6255 8.81154 11.6255C5.87069 11.6255 0 13.1014 0 16.0313V18.2341H11.2732C10.475 17.2015 10 15.9062 10 14.5C10 13.5189 10.2312 12.5917 10.6421 11.7701Z\" fill=\"#4F4F4F\" />\n        </svg>\n    )\n\nconst IconInside = ({\n    style = {},\n    fill = 'none',\n    width = '16',\n    height = '16',\n    viewBox = '0 0 16 16',\n    className = '',\n    onClick\n}) => (\n        <svg onClick={onClick} className={className} style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M6.40833 10.9917L7.58333 12.1667L11.75 8L7.58333 3.83333L6.40833 5.00833L8.55833 7.16667H0.5V8.83333H8.55833L6.40833 10.9917ZM13.8333 0.5H2.16667C1.24167 0.5 0.5 1.25 0.5 2.16667V5.5H2.16667V2.16667H13.8333V13.8333H2.16667V10.5H0.5V13.8333C0.5 14.75 1.24167 15.5 2.16667 15.5H13.8333C14.75 15.5 15.5 14.75 15.5 13.8333V2.16667C15.5 1.25 14.75 0.5 13.8333 0.5Z\" fill=\"#BDBDBD\" />\n        </svg>\n    )\n\nconst IconWave = ({\n    style = {},\n    fill = 'none',\n    width = '18',\n    height = '17',\n    viewBox = '0 0 18 17',\n    className = ''\n}) => (\n        <svg className={className} style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M8.99984 7.16667C8.08317 7.16667 7.33317 7.91667 7.33317 8.83333C7.33317 9.75 8.08317 10.5 8.99984 10.5C9.9165 10.5 10.6665 9.75 10.6665 8.83333C10.6665 7.91667 9.9165 7.16667 8.99984 7.16667ZM13.9998 8.83333C13.9998 6.075 11.7582 3.83333 8.99984 3.83333C6.2415 3.83333 3.99984 6.075 3.99984 8.83333C3.99984 10.6833 5.00817 12.2917 6.49984 13.1583L7.33317 11.7083C6.3415 11.125 5.6665 10.0667 5.6665 8.83333C5.6665 6.99167 7.15817 5.5 8.99984 5.5C10.8415 5.5 12.3332 6.99167 12.3332 8.83333C12.3332 10.0667 11.6582 11.125 10.6665 11.7083L11.4998 13.1583C12.9915 12.2917 13.9998 10.6833 13.9998 8.83333ZM8.99984 0.5C4.39984 0.5 0.666504 4.23333 0.666504 8.83333C0.666504 11.9167 2.3415 14.6 4.82484 16.0417L5.65817 14.6C3.67484 13.4417 2.33317 11.3 2.33317 8.83333C2.33317 5.15 5.3165 2.16667 8.99984 2.16667C12.6832 2.16667 15.6665 5.15 15.6665 8.83333C15.6665 11.3 14.3248 13.4417 12.3332 14.6L13.1665 16.0417C15.6582 14.6 17.3332 11.9167 17.3332 8.83333C17.3332 4.23333 13.5998 0.5 8.99984 0.5Z\" fill=\"#BDBDBD\" />\n        </svg>\n    )\n\nconst IconCloseGray = ({\n    style = {},\n    fill = 'none',\n    width = '12',\n    height = '12',\n    viewBox = '0 0 12 12',\n    className = '',\n    onClick\n}) => (\n        <svg onClick={onClick} className={className} style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M11.8332 1.3415L10.6582 0.166504L5.99984 4.82484L1.3415 0.166504L0.166504 1.3415L4.82484 5.99984L0.166504 10.6582L1.3415 11.8332L5.99984 7.17484L10.6582 11.8332L11.8332 10.6582L7.17484 5.99984L11.8332 1.3415Z\" fill=\"#BDBDBD\" />\n        </svg>\n    )\nconst IconArrowBack = ({\n    style = {},\n    fill = 'none',\n    width = '24',\n    height = '24',\n    viewBox = '0 0 24 24',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M11.67 3.87001L9.9 2.10001L0 12L9.9 21.9L11.67 20.13L3.54 12L11.67 3.87001Z\" fill=\"#4F4F4F\" />\n        </svg>\n    )\n\n// \"margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;\nconst IconSpinner = ({\n    width = '0px',\n    height = '0px',\n    viewBox = '0 0 100 100',\n    style = {\n        margin: 'auto',\n        display: 'block',\n        shapeRendering: 'auto'\n    },\n}) => (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" style={style} width={width} height={height} viewBox={viewBox} preserveAspectRatio=\"xMidYMid\">\n            <g transform=\"rotate(0 50 50)\">\n                <rect x=\"46.5\" y=\"26\" rx=\"3.5\" ry=\"3.6\" width=\"7\" height=\"12\" fill=\"#fe0000\">\n                    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8571428571428571s\" repeatCount=\"indefinite\"></animate>\n                </rect>\n            </g><g transform=\"rotate(51.42857142857143 50 50)\">\n                <rect x=\"46.5\" y=\"26\" rx=\"3.5\" ry=\"3.6\" width=\"7\" height=\"12\" fill=\"#fe0000\">\n                    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.7142857142857143s\" repeatCount=\"indefinite\"></animate>\n                </rect>\n            </g><g transform=\"rotate(102.85714285714286 50 50)\">\n                <rect x=\"46.5\" y=\"26\" rx=\"3.5\" ry=\"3.6\" width=\"7\" height=\"12\" fill=\"#fe0000\">\n                    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5714285714285714s\" repeatCount=\"indefinite\"></animate>\n                </rect>\n            </g><g transform=\"rotate(154.28571428571428 50 50)\">\n                <rect x=\"46.5\" y=\"26\" rx=\"3.5\" ry=\"3.6\" width=\"7\" height=\"12\" fill=\"#fe0000\">\n                    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.42857142857142855s\" repeatCount=\"indefinite\"></animate>\n                </rect>\n            </g><g transform=\"rotate(205.71428571428572 50 50)\">\n                <rect x=\"46.5\" y=\"26\" rx=\"3.5\" ry=\"3.6\" width=\"7\" height=\"12\" fill=\"#fe0000\">\n                    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.2857142857142857s\" repeatCount=\"indefinite\"></animate>\n                </rect>\n            </g><g transform=\"rotate(257.14285714285717 50 50)\">\n                <rect x=\"46.5\" y=\"26\" rx=\"3.5\" ry=\"3.6\" width=\"7\" height=\"12\" fill=\"#fe0000\">\n                    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.14285714285714285s\" repeatCount=\"indefinite\"></animate>\n                </rect>\n            </g><g transform=\"rotate(308.57142857142856 50 50)\">\n                <rect x=\"46.5\" y=\"26\" rx=\"3.5\" ry=\"3.6\" width=\"7\" height=\"12\" fill=\"#fe0000\">\n                    <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n                </rect>\n            </g>\n        </svg>\n    )\n\nconst IconEdit = ({\n    style = {},\n    fill = 'none',\n    width = '19',\n    height = '19',\n    viewBox = '0 0 19 19'\n}) => (\n        <svg style={style} width={width} height={height} viewBox={viewBox} fill={fill}>\n            <path d=\"M0 15.2501V19.0001H3.75L14.81 7.94006L11.06 4.19006L0 15.2501ZM17.71 5.04006C18.1 4.65006 18.1 4.02006 17.71 3.63006L15.37 1.29006C14.98 0.900059 14.35 0.900059 13.96 1.29006L12.13 3.12006L15.88 6.87006L17.71 5.04006Z\" fill=\"#828282\" />\n        </svg>\n    )\n\nconst IconLeft = ({\n    style = {},\n    fill = 'none',\n    width = '22',\n    height = '22',\n    viewBox = '0 0 22 22',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M8.66556 15.3878L10.3889 17.1111L16.5 11L10.3889 4.88889L8.66556 6.61222L11.8189 9.77778H0V12.2222H11.8189L8.66556 15.3878ZM19.5556 0H2.44444C1.08778 0 0 1.1 0 2.44444V7.33333H2.44444V2.44444H19.5556V19.5556H2.44444V14.6667H0V19.5556C0 20.9 1.08778 22 2.44444 22H19.5556C20.9 22 22 20.9 22 19.5556V2.44444C22 1.1 20.9 0 19.5556 0Z\" fill=\"#BDBDBD\" />\n        </svg>\n\n    )\n\n\nconst IconLive = ({\n    style = {},\n    fill = 'none',\n    width = '26',\n    height = '23',\n    viewBox = '0 0 26 23',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M13.0001 9.77778C11.6556 9.77778 10.5556 10.8778 10.5556 12.2222C10.5556 13.5667 11.6556 14.6667 13.0001 14.6667C14.3445 14.6667 15.4445 13.5667 15.4445 12.2222C15.4445 10.8778 14.3445 9.77778 13.0001 9.77778ZM20.3334 12.2222C20.3334 8.17667 17.0456 4.88889 13.0001 4.88889C8.9545 4.88889 5.66672 8.17667 5.66672 12.2222C5.66672 14.9356 7.14561 17.2944 9.33339 18.5656L10.5556 16.4389C9.10116 15.5833 8.11116 14.0311 8.11116 12.2222C8.11116 9.52111 10.2989 7.33333 13.0001 7.33333C15.7012 7.33333 17.8889 9.52111 17.8889 12.2222C17.8889 14.0311 16.8989 15.5833 15.4445 16.4389L16.6667 18.5656C18.8545 17.2944 20.3334 14.9356 20.3334 12.2222ZM13.0001 0C6.25339 0 0.777832 5.47555 0.777832 12.2222C0.777832 16.7444 3.2345 20.68 6.87672 22.7944L8.09894 20.68C5.19005 18.9811 3.22228 15.84 3.22228 12.2222C3.22228 6.82 7.59783 2.44444 13.0001 2.44444C18.4023 2.44444 22.7778 6.82 22.7778 12.2222C22.7778 15.84 20.8101 18.9811 17.8889 20.68L19.1112 22.7944C22.7656 20.68 25.2223 16.7444 25.2223 12.2222C25.2223 5.47555 19.7467 0 13.0001 0Z\" fill=\"#BDBDBD\" />\n        </svg>\n\n    )\n\nconst IconDelete = ({\n    style = {},\n    fill = 'none',\n    width = '18',\n    height = '18',\n    viewBox = '0 0 18 18',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n\n            <path d=\"M17.5554 2.16816L15.8321 0.444824L8.99989 7.27705L2.16767 0.444824L0.444336 2.16816L7.27656 9.00038L0.444336 15.8326L2.16767 17.5559L8.99989 10.7237L15.8321 17.5559L17.5554 15.8326L10.7232 9.00038L17.5554 2.16816Z\" fill=\"#BDBDBD\" />\n\n        </svg>\n\n    )\n\nconst IconSmile = ({\n    style = {},\n    fill = 'none',\n    width = '20',\n    height = '20',\n    viewBox = '0 0 20 20',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M12.9165 9.1665C13.6069 9.1665 14.1665 8.60686 14.1665 7.9165C14.1665 7.22615 13.6069 6.6665 12.9165 6.6665C12.2261 6.6665 11.6665 7.22615 11.6665 7.9165C11.6665 8.60686 12.2261 9.1665 12.9165 9.1665Z\" fill=\"#4F4F4F\" />\n            <path d=\"M7.0835 9.1665C7.77385 9.1665 8.3335 8.60686 8.3335 7.9165C8.3335 7.22615 7.77385 6.6665 7.0835 6.6665C6.39314 6.6665 5.8335 7.22615 5.8335 7.9165C5.8335 8.60686 6.39314 9.1665 7.0835 9.1665Z\" fill=\"#4F4F4F\" />\n            <path d=\"M12.9165 9.1665C13.6069 9.1665 14.1665 8.60686 14.1665 7.9165C14.1665 7.22615 13.6069 6.6665 12.9165 6.6665C12.2261 6.6665 11.6665 7.22615 11.6665 7.9165C11.6665 8.60686 12.2261 9.1665 12.9165 9.1665Z\" fill=\"#4F4F4F\" />\n            <path d=\"M7.0835 9.1665C7.77385 9.1665 8.3335 8.60686 8.3335 7.9165C8.3335 7.22615 7.77385 6.6665 7.0835 6.6665C6.39314 6.6665 5.8335 7.22615 5.8335 7.9165C5.8335 8.60686 6.39314 9.1665 7.0835 9.1665Z\" fill=\"#4F4F4F\" />\n            <path d=\"M9.9915 1.6665C5.3915 1.6665 1.6665 5.39984 1.6665 9.99984C1.6665 14.5998 5.3915 18.3332 9.9915 18.3332C14.5998 18.3332 18.3332 14.5998 18.3332 9.99984C18.3332 5.39984 14.5998 1.6665 9.9915 1.6665ZM9.99984 16.6665C6.3165 16.6665 3.33317 13.6832 3.33317 9.99984C3.33317 6.3165 6.3165 3.33317 9.99984 3.33317C13.6832 3.33317 16.6665 6.3165 16.6665 9.99984C16.6665 13.6832 13.6832 16.6665 9.99984 16.6665ZM9.99984 14.5832C11.9415 14.5832 13.5998 13.3748 14.2665 11.6665H12.8748C12.2998 12.6582 11.2332 13.3332 9.99984 13.3332C8.7665 13.3332 7.70817 12.6582 7.12484 11.6665H5.73317C6.39984 13.3748 8.05817 14.5832 9.99984 14.5832Z\" fill=\"#4F4F4F\" />\n        </svg>\n\n\n    )\n\nconst IconMicrophone = ({\n    style = {},\n    fill = 'none',\n    width = '14',\n    height = '19',\n    viewBox = '0 0 14 18',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n\n            <path d=\"M7.00016 11.8335C8.52183 11.8335 9.741 10.6052 9.741 9.0835L9.75016 3.5835C9.75016 2.06183 8.52183 0.833496 7.00016 0.833496C5.4785 0.833496 4.25016 2.06183 4.25016 3.5835V9.0835C4.25016 10.6052 5.4785 11.8335 7.00016 11.8335ZM5.90016 3.49183C5.90016 2.88683 6.39516 2.39183 7.00016 2.39183C7.60516 2.39183 8.10016 2.88683 8.10016 3.49183L8.091 9.17516C8.091 9.78016 7.60516 10.2752 7.00016 10.2752C6.39516 10.2752 5.90016 9.78016 5.90016 9.17516V3.49183ZM11.8585 9.0835C11.8585 11.8335 9.53016 13.7585 7.00016 13.7585C4.47016 13.7585 2.14183 11.8335 2.14183 9.0835H0.583496C0.583496 12.2093 3.07683 14.7943 6.0835 15.2435V18.2502H7.91683V15.2435C10.9235 14.8035 13.4168 12.2185 13.4168 9.0835H11.8585Z\" fill=\"#4F4F4F\" />\n\n        </svg>\n\n    )\n\nconst IconPlus = ({\n    style = {},\n    fill = 'none',\n    width = '14',\n    height = '14',\n    viewBox = '0 0 14 14',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M13.4168 7.91683H7.91683V13.4168H6.0835V7.91683H0.583496V6.0835H6.0835V0.583496H7.91683V6.0835H13.4168V7.91683Z\" fill=\"#4F4F4F\" />\n        </svg>\n    )\n\nconst IconEditParticipant = ({\n    style = {},\n    fill = 'none',\n    width = '16',\n    height = '16',\n    viewBox = '0 0 16 16',\n    onClick\n}) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M0.5 12.3751V15.5001H3.625L12.8417 6.28346L9.71667 3.15846L0.5 12.3751ZM15.2583 3.8668C15.5833 3.5418 15.5833 3.0168 15.2583 2.6918L13.3083 0.741797C12.9833 0.416797 12.4583 0.416797 12.1333 0.741797L10.6083 2.2668L13.7333 5.3918L15.2583 3.8668Z\" fill=\"#BDBDBD\" />\n        </svg>\n\n    )\n\n    const IconMenuSupport = ({\n        style = {},\n        fill = 'none',\n        width = '17',\n        height = '17',\n        viewBox = '0 0 17 17',\n        onClick\n    }) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n           \n            <path d=\"M15.4237 17C15.3821 17 15.3396 16.9981 15.2981 16.9953C7.16618 16.3653 0.590785 9.79483 0.00426895 1.71039C-0.027843 1.27311 0.122328 0.838667 0.417002 0.519445C0.709788 0.203056 1.10741 0.027389 1.53903 0.0236112L4.89473 0C5.6097 0 6.22927 0.480722 6.40211 1.16828L7.1029 3.95156C7.25591 4.556 7.03018 5.18878 6.52772 5.56278L5.13557 6.59978C6.31238 8.7805 8.13615 10.6137 10.3302 11.8216L11.4059 10.3983C11.7799 9.90156 12.4127 9.67772 13.021 9.82789L15.8241 10.5239C16.5174 10.6958 17 11.3116 17 12.0218V15.4568C17 15.8874 16.8253 16.2851 16.5089 16.5788C16.2161 16.8498 15.826 17 15.4237 17ZM4.89757 0.944444L1.54564 0.968056C1.37847 0.969944 1.22358 1.03794 1.11119 1.16072C0.993129 1.28822 0.932683 1.46389 0.945905 1.64144C1.49936 9.26311 7.70075 15.4587 15.3708 16.0527C15.5606 16.0688 15.7372 16.0055 15.8676 15.8846C15.9894 15.7732 16.0555 15.6211 16.0555 15.4568V12.0218C16.0555 11.747 15.8666 11.5081 15.5965 11.441L12.7933 10.7449C12.5572 10.6854 12.306 10.7723 12.1605 10.9669L10.8421 12.7122C10.7042 12.8954 10.4548 12.954 10.2508 12.8482C7.60442 11.4948 5.42364 9.30183 4.10988 6.67156C4.00693 6.46756 4.06643 6.21822 4.24966 6.08222L5.96387 4.80533C6.15843 4.66083 6.24627 4.41622 6.18677 4.18294L5.48692 1.39872C5.41891 1.13144 5.17618 0.944444 4.89757 0.944444Z\" fill=\"#FF0000\"/>\n        </svg>\n    \n    )\n    \n    \n    const IconMenuPrice = ({\n        style = {},\n        fill = 'none',\n        width = '15',\n        height = '19',\n        viewBox = '0 0 15 19',\n        onClick\n    }) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M13.6574 18.5523H1.34203C0.955195 18.5523 0.587312 18.3857 0.333109 18.0944C0.0781163 17.8031 -0.0395116 17.4171 0.0118026 17.0334L1.65386 4.71796C1.74228 4.05325 2.31463 3.55273 2.98408 3.55273H12.0154C12.6856 3.55273 13.2572 4.05325 13.3464 4.71796L14.9885 17.0334C15.039 17.4171 14.9221 17.8039 14.6672 18.0944C14.4122 18.3857 14.0443 18.5523 13.6574 18.5523ZM2.98408 4.34218C2.70777 4.34218 2.47331 4.54823 2.43699 4.82138L0.794937 17.1368C0.773622 17.2971 0.820199 17.4518 0.926775 17.5742C1.03335 17.6957 1.18019 17.7628 1.34203 17.7628H13.6574C13.8193 17.7628 13.9669 17.6957 14.0727 17.5742C14.1793 17.4526 14.2259 17.2971 14.2045 17.1368L12.5625 4.82138C12.5262 4.54823 12.2909 4.34218 12.0154 4.34218H2.98408Z\" fill=\"#FF0000\"/>\n            <path d=\"M9.47283 6.3156C9.25495 6.3156 9.07811 6.13876 9.07811 5.92088V2.36835C9.07811 1.49759 8.36997 0.78945 7.49921 0.78945C6.62845 0.78945 5.92031 1.49759 5.92031 2.36835V5.92088C5.92031 6.13876 5.74347 6.3156 5.52558 6.3156C5.3077 6.3156 5.13086 6.13876 5.13086 5.92088V2.36835C5.13086 1.0626 6.19346 0 7.49921 0C8.80496 0 9.86756 1.0626 9.86756 2.36835V5.92088C9.86756 6.13876 9.69072 6.3156 9.47283 6.3156Z\" fill=\"#FF0000\"/>\n        </svg>\n    \n    )\n    \n    \n    const IconMenuMeeting = ({\n        style = {},\n        fill = 'none',\n        width = '19',\n        height = '19',\n        viewBox = '0 0 19 19',\n        onClick\n    }) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <g>\n            <path d=\"M9.5 7.91667C9.49525 7.91667 9.48971 7.91667 9.48496 7.91667C9.36621 7.91192 9.25458 7.85333 9.18333 7.75833L8.11458 6.33333H5.9375C5.28279 6.33333 4.75 5.80054 4.75 5.14583V1.1875C4.75 0.532792 5.28279 0 5.9375 0H13.0625C13.7172 0 14.25 0.532792 14.25 1.1875V5.14583C14.25 5.80054 13.7172 6.33333 13.0625 6.33333H11.0651L9.79767 7.78129C9.72246 7.86758 9.614 7.91667 9.5 7.91667ZM5.9375 0.791667C5.719 0.791667 5.54167 0.969 5.54167 1.1875V5.14583C5.54167 5.36433 5.719 5.54167 5.9375 5.54167H8.3125C8.43679 5.54167 8.55475 5.60025 8.62917 5.7L9.52375 6.89225L10.5877 5.67625C10.663 5.59075 10.7714 5.54167 10.8854 5.54167H13.0625C13.281 5.54167 13.4583 5.36433 13.4583 5.14583V1.1875C13.4583 0.969 13.281 0.791667 13.0625 0.791667H5.9375Z\" fill=\"#FF0000\"/>\n            <path d=\"M15.8338 8.70817C15.829 8.70817 15.8235 8.70817 15.8179 8.70817C15.6984 8.70342 15.5876 8.64484 15.5163 8.54905L14.8909 7.70988C14.7603 7.53413 14.7967 7.28634 14.9717 7.15571C15.1466 7.0243 15.3944 7.06071 15.5258 7.23646L15.8583 7.68296L16.9207 6.46855C16.9967 6.38226 17.1052 6.33317 17.2192 6.33317H17.8129C18.0314 6.33317 18.2088 6.15584 18.2088 5.93734V1.979C18.2088 1.7605 18.0314 1.58317 17.8129 1.58317H16.2296C16.0111 1.58317 15.8338 1.40584 15.8338 1.18734C15.8338 0.968837 16.0111 0.791504 16.2296 0.791504H17.8129C18.4677 0.791504 19.0004 1.3243 19.0004 1.979V5.93734C19.0004 6.59205 18.4677 7.12484 17.8129 7.12484H17.3989L16.1314 8.5728C16.0562 8.65909 15.9478 8.70817 15.8338 8.70817Z\" fill=\"#FF0000\"/>\n            <path d=\"M3.16667 8.70817C3.05267 8.70817 2.94421 8.65909 2.869 8.5728L1.60154 7.12484H1.1875C0.532792 7.12484 0 6.59205 0 5.93734V1.979C0 1.3243 0.532792 0.791504 1.1875 0.791504H2.77083C2.98933 0.791504 3.16667 0.968837 3.16667 1.18734C3.16667 1.40584 2.98933 1.58317 2.77083 1.58317H1.1875C0.969 1.58317 0.791667 1.7605 0.791667 1.979V5.93734C0.791667 6.15584 0.969 6.33317 1.1875 6.33317H1.78125C1.89525 6.33317 2.00371 6.38226 2.07892 6.46855L3.14133 7.68296L3.47383 7.23646C3.60446 7.06151 3.85304 7.02509 4.028 7.15571C4.20296 7.28634 4.23938 7.53413 4.10875 7.70988L3.48333 8.54905C3.41288 8.64484 3.30125 8.70342 3.1825 8.70817C3.17696 8.70817 3.17142 8.70817 3.16667 8.70817Z\" fill=\"#FF0000\"/>\n            <path d=\"M15.8333 13.4582C14.9601 13.4582 14.25 12.748 14.25 11.8748C14.25 11.0016 14.9601 10.2915 15.8333 10.2915C16.7065 10.2915 17.4167 11.0016 17.4167 11.8748C17.4167 12.748 16.7065 13.4582 15.8333 13.4582ZM15.8333 11.0832C15.3971 11.0832 15.0417 11.4386 15.0417 11.8748C15.0417 12.311 15.3971 12.6665 15.8333 12.6665C16.2695 12.6665 16.625 12.311 16.625 11.8748C16.625 11.4386 16.2695 11.0832 15.8333 11.0832Z\" fill=\"#FF0000\"/>\n            <path d=\"M18.6042 17.4167C18.3857 17.4167 18.2083 17.2393 18.2083 17.0208V16.2292C18.2083 15.5745 17.6755 15.0417 17.0208 15.0417H14.6458C14.4273 15.0417 14.25 14.8643 14.25 14.6458C14.25 14.4273 14.4273 14.25 14.6458 14.25H17.0208C18.1118 14.25 19 15.1383 19 16.2292V17.0208C19 17.2393 18.8227 17.4167 18.6042 17.4167Z\" fill=\"#FF0000\"/>\n            <path d=\"M3.16732 13.4582C2.29411 13.4582 1.58398 12.748 1.58398 11.8748C1.58398 11.0016 2.29411 10.2915 3.16732 10.2915C4.04053 10.2915 4.75065 11.0016 4.75065 11.8748C4.75065 12.748 4.04053 13.4582 3.16732 13.4582ZM3.16732 11.0832C2.73111 11.0832 2.37565 11.4386 2.37565 11.8748C2.37565 12.311 2.73111 12.6665 3.16732 12.6665C3.60353 12.6665 3.95898 12.311 3.95898 11.8748C3.95898 11.4386 3.60353 11.0832 3.16732 11.0832Z\" fill=\"#FF0000\"/>\n            <path d=\"M0.395833 17.4167C0.177333 17.4167 0 17.2393 0 17.0208V16.2292C0 15.1383 0.88825 14.25 1.97917 14.25H4.35417C4.57267 14.25 4.75 14.4273 4.75 14.6458C4.75 14.8643 4.57267 15.0417 4.35417 15.0417H1.97917C1.32446 15.0417 0.791667 15.5745 0.791667 16.2292V17.0208C0.791667 17.2393 0.614333 17.4167 0.395833 17.4167Z\" fill=\"#FF0000\"/>\n            <path d=\"M9.5 13.854C8.19058 13.854 7.125 12.7884 7.125 11.479C7.125 10.1696 8.19058 9.104 9.5 9.104C10.8094 9.104 11.875 10.1696 11.875 11.479C11.875 12.7884 10.8094 13.854 9.5 13.854ZM9.5 9.89567C8.62679 9.89567 7.91667 10.6058 7.91667 11.479C7.91667 12.3522 8.62679 13.0623 9.5 13.0623C10.3732 13.0623 11.0833 12.3522 11.0833 11.479C11.0833 10.6058 10.3732 9.89567 9.5 9.89567Z\" fill=\"#FF0000\"/>\n            <path d=\"M13.459 18.9998C13.2405 18.9998 13.0631 18.8225 13.0631 18.604V17.0207C13.0631 16.366 12.5304 15.8332 11.8756 15.8332H7.12565C6.47094 15.8332 5.93815 16.366 5.93815 17.0207V18.604C5.93815 18.8225 5.76082 18.9998 5.54232 18.9998C5.32382 18.9998 5.14648 18.8225 5.14648 18.604V17.0207C5.14648 15.9298 6.03473 15.0415 7.12565 15.0415H11.8756C12.9666 15.0415 13.8548 15.9298 13.8548 17.0207V18.604C13.8548 18.8225 13.6775 18.9998 13.459 18.9998Z\" fill=\"#FF0000\"/>\n            </g>\n            \n        </svg>\n    \n    )\n\n    const IconMenuMyRecords = ({\n        style = {},\n        fill = 'none',\n        width = '19',\n        height = '14',\n        viewBox = '0 0 19 14',\n        onClick\n    }) => (\n        <svg onClick={onClick} style={style} width={width} height={height} viewBox={viewBox} fill={fill} xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M14.1374 5.5H13.164C12.875 4.41325 12.2778 3.42699 11.4403 2.6533C10.6027 1.8796 9.55848 1.34949 8.42613 1.12321C7.29378 0.896921 6.11875 0.98353 5.03457 1.37319C3.95039 1.76286 3.00052 2.43995 2.2929 3.32754C1.58529 4.21512 1.14829 5.27761 1.03158 6.39426C0.914864 7.51092 1.12311 8.63698 1.63265 9.64447C2.14219 10.652 2.9326 11.5005 3.91405 12.0937C4.89551 12.6868 6.02866 13.0008 7.18475 13H14.1374C15.1618 13 16.1443 12.6049 16.8687 11.9016C17.593 11.1984 18 10.2446 18 9.25C18 8.25544 17.593 7.30161 16.8687 6.59835C16.1443 5.89509 15.1618 5.5 14.1374 5.5Z\" stroke=\"#FD2300\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </svg>\n    \n    )\n\n\nexport const IconHelper = {\n    IconRight,\n    IconNoPicture,\n    IconMicON,\n    IconMicOff,\n    IconCameraOn,\n    IconCameraOff,\n    IconTH,\n    IconEN,\n    IconCN,\n    IconUser,\n    IconClose,\n    Icon404,\n    IconNotFoundEN,\n    IconNotFoundTH,\n    IconCheck,\n    IconEye,\n    IconStatusErr,\n    IconSupport,\n    IconContact,\n    IconRemove,\n    IconBack,\n    IconUserChecked,\n    IconInside,\n    IconWave,\n    IconCloseGray,\n    IconArrowBack,\n    IconSpinner,\n    IconEdit,\n    IconLeft,\n    IconLive,\n    IconDelete,\n    IconSmile,\n    IconMicrophone,\n    IconPlus,\n    IconEditParticipant,\n    IconMenuSupport,\n    IconMenuPrice,\n    IconMenuMeeting,\n    IconMenuMyRecords\n}","import { useMemo } from 'react'\nimport { useParams, useLocation, useHistory, useRouteMatch } from 'react-router-dom'\nimport queryString from 'query-string'\n\nconst useRouter = () => {\n    const params = useParams()\n    const location = useLocation()\n    const history = useHistory()\n    const match = useRouteMatch()\n\n    // Return our custom router object\n    // Memoize so that a new object is only returned if something changes\n    return useMemo(() => {\n        return {\n            // For convenience add push(), replace(), pathname at top level\n            push: history.push,\n            replace: history.replace,\n            pathname: location.pathname,\n            // Merge params and parsed query string into single \"query\" object\n            // so that they can be used interchangeably.\n            // Example: /:topic?sort=popular -> { topic: \"react\", sort: \"popular\" }\n            query: {\n                ...queryString.parse(location.search), // Convert string to object\n                ...params\n            },\n            // Include match, location, history objects so we have\n            // access to extra React Router functionality if needed.\n            match,\n            location,\n            history\n        }\n    }, [params, match, location, history])\n}\n\nexport const routersHelper = {\n    useRouter\n}\n","import axios from 'axios'\nimport { destroyUserInfo, setCookie, getCookie } from './Auth'\n\n\nexport const setHttpErrObj = (errFunc, message, stacktrace) => {\n    const date = new Date();\n    const { name, email } = getCookie('contextInfo') ? JSON.parse(getCookie('contextInfo')) : {}\n    const errorObj = {\n        \"@timestamp\": date.toISOString(),\n        \"level\": \"error\",\n        \"user\": name || '',\n        \"email\": email || '',\n        \"app\": window._env_.APP_NAME,\n        \"page\": window.location.pathname,\n        \"function\": errFunc,\n        \"message\": message,\n        \"stacktrace\": stacktrace\n    }\n    return errorObj\n}\n\nexport const getHttpClient = function (keycloak, url, headers = {}) {\n    return fetch(url, {\n        method: 'GET',\n        headers,\n    }).then((response) => {\n        if (window.location.pathname !== '/portal/error') {\n            if (response.status === 401) {\n                destroyUserInfo()\n                keycloak.logout()\n            } else if (response.status >= 500) {\n                const errorObj = setHttpErrObj(\"getHttpClient\", \"status bad request\", \"HTTP Client GET: status bad request \" + response.url)\n                setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                window.location.href = `/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n            } else {\n                return response.json()\n            }\n        }\n    }).then((responseJson) => {\n        return responseJson\n    }).catch(err => console.error('HTTP Client GET', err))\n}\n\nexport const postHttpClient = function (keycloak, url, headers = {}, body = {}) {\n    return fetch(url, {\n        method: 'POST',\n        headers,\n        body: JSON.stringify(body)\n    }).then((response) => {\n        if (window.location.pathname !== '/portal/error') {\n            if (response.status === 401) {\n                destroyUserInfo()\n                keycloak.logout()\n            } else if (response.status >= 500) {\n                const errorObj = setHttpErrObj(\"postHttpClient\", \"status bad request\", \"HTTP Client POST: status bad request \" + response.url)\n                setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                window.location.href = `/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n            } else {\n                return response.json()\n            }\n        }\n    }).then((responseJson) => {\n        return responseJson\n    }).catch(err => console.error('HTTP Client POST', err))\n}\n\nexport const putHttpClient = function (keycloak, url, headers = {}, body = {}) {\n    return fetch(url, {\n        method: 'PUT',\n        headers,\n        body: JSON.stringify(body)\n    }).then((response) => {\n        if (window.location.pathname !== '/portal/error') {\n            if (response.status === 401) {\n                destroyUserInfo()\n                keycloak.logout()\n            } else if (response.status >= 500) {\n                const errorObj = setHttpErrObj(\"putHttpClient\", \"status bad request\", \"HTTP Client PUT: status bad request \" + response.url)\n                setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                window.location.href = `/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n            } else {\n                return response.json()\n            }\n        }\n    }).then((responseJson) => {\n        return responseJson\n    }).catch(err => console.error('HTTP Client PUT', err))\n}\n\nexport const patchHttpClient = function (keycloak, url, headers = {}, body = {}) {\n    return fetch(url, {\n        method: 'PATCH',\n        headers,\n        body: JSON.stringify(body)\n    }).then((response) => {\n        if (window.location.pathname !== '/portal/error') {\n            if (response.status === 401) {\n                destroyUserInfo()\n                keycloak.logout()\n            } else if (response.status >= 500) {\n                const errorObj = setHttpErrObj(\"patchHttpClient\", \"status bad request\", \"HTTP Client PATCH: status bad request \" + response.url)\n                setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                window.location.href = `/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n            } else {\n                return response.json()\n            }\n        }\n    }).then((responseJson) => {\n        return responseJson\n    }).catch(err => console.error('HTTP Client PATCH', err))\n}\n\nexport const deleteHttpClient = function (keycloak, url, headers = {}) {\n    return fetch(url, {\n        method: 'DELETE',\n        headers,\n    }).then((response) => {\n        if (window.location.pathname !== '/portal/error') {\n            if (response.status === 401) {\n                destroyUserInfo()\n                keycloak.logout()\n            } else if (response.status >= 500) {\n                const errorObj = setHttpErrObj(\"deleteHttpClient\", \"status bad request\", \"HTTP Client DELETE: status bad request \" + response.url)\n                setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                window.location.href = `/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n            } else {\n                return response\n            }\n        }\n    }).then((responseJson) => {\n        return responseJson\n    }).catch(err => console.error('HTTP Client DELETE', err))\n}\n\nexport const getHttpVtoken = function (keycloak, url, headers = {}) {\n    return fetch(url, {\n        method: 'GET',\n        headers,\n    }).then((response) => {\n        if (window.location.pathname !== '/portal/error') {\n            if (response.status === 401) {\n                destroyUserInfo()\n                keycloak.logout()\n            } else if (response.status === 404) {\n                const errorObj = setHttpErrObj(\"getHttpVtoken\", \"User Not Found\", \"HTTP Client GET: status not found \" + response.url)\n                setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                window.location.href = `/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n            } else if (response.status >= 500) {\n                const errorObj = setHttpErrObj(\"getHttpVtoken\", \"status bad request\", \"HTTP Client POST: status bad request \" + response.url)\n                setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                window.location.href = `/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n            } else {\n                return response.json()\n            }\n        }\n    }).then((responseJson) => {\n        return responseJson\n    }).catch(err => console.error('HTTP Client GET', err))\n}\n\nexport const putHttpLog = (body = {}) => {\n    return new Promise((resolve, reject) => {\n        fetch(window._env_.LOG_URL, {\n            method: 'PUT',\n            body: JSON.stringify(body)\n        }).then((response) => {\n            return response.json()\n        }).then((json) => {\n            resolve(json);\n        }).catch(error => {\n            console.error('HTTP LOG', error)\n            reject(error.message);\n        })\n    })\n}\n\n\nexport const formDataHeader = () => {\n    let config = {\n        headers: {\n            'content-type': 'multipart/form-data',\n        }\n    }\n    return config\n}\n\nexport const sendemailHttpClient = function (url, body, ran) {\n    return axios.post(url, body, formDataHeader()).then((response) => {\n        return response\n    }).then((responseJson) => {\n        return responseJson\n    }).catch(err => console.error('HTTP Client POST', err))\n}","import { getHttpVtoken } from './HttpClient'\nimport decode from 'jwt-decode';\nimport { isEmpty } from 'lodash';\n\nexport const mapUserInfo = (loadUserInfo, keycloakToken, idToken, refreshToken) => {\n    const name = loadUserInfo.name.split(\" \")\n    const firstName = name[0]\n    const lastName = name[1]\n    return {\n        firstName,\n        lastName,\n        email: loadUserInfo.email,\n        id: loadUserInfo.sub,\n        token: keycloakToken,\n        idToken,\n        refreshToken,\n    }\n}\n\nexport const destroyUserInfo = () => {\n    deleteCookie('contextInfo')\n}\n\nexport const checkKeycloakToken = (keycloak) => {\n    return new Promise((resolve, reject) => {\n        keycloak\n            .updateToken(window._env_.updateKeycloakToken)\n            .then(async function (refreshed) {\n                resolve(keycloak);\n            }).catch(function (err) {\n                console.error(err)\n                reject(err)\n            });\n    });\n\n}\n\nexport const genVRoomToken = async function (keycloak) {\n    try {\n        // console.log(\"old\", keycloak.idToken.substr(keycloak.idToken.length - 4, keycloak.idToken.length));\n        await checkKeycloakToken(keycloak);\n        // console.log(\"new\", keycloak.idToken.substr(keycloak.idToken.length - 4, keycloak.idToken.length));\n        // console.log(\"new-keycloak\", keycloak.idToken);\n        const url = window._env_.subscriberServiceBaseURL + \"/v1/token\"\n        const headers = {\n            Authorization: \"Bearer \" + keycloak.idToken\n        }\n        const { token } = await getHttpVtoken(keycloak, url, headers)\n        if (!isEmpty(token)) {\n            localStorage.setItem(\"vtoken\", token)\n            setContextInfo(token)\n            return token\n        }\n        return null\n    } catch (error) {\n        console.error('Generate token', error)\n    }\n}\n\nexport const getContextInfo = async (keycloak) => {\n    let contextInfo = getCookie('contextInfo') ? JSON.parse(getCookie('contextInfo')) : {}\n    if (isEmpty(contextInfo)) {\n        const vroomToken = await genVRoomToken(keycloak)\n        if (!isEmpty(vroomToken)) {\n            const contextInfo = decode(vroomToken)\n            const { user } = contextInfo.context\n            const { avatar, p, pkgcode, name, email } = user\n            return {\n                avatar, p, pkgcode, name, email\n            }\n        }\n    }\n    return contextInfo\n}\n\nexport const setContextInfo = (vroomToken) => {\n    const contextInfo = decode(vroomToken)\n    const { user } = contextInfo.context\n    const { avatar, p, pkgcode, name, email } = user\n    setCookie(\"contextInfo\", JSON.stringify({ avatar, p, pkgcode, name, email }));\n}\n\nexport const isExpire = (token) => {\n    if (token && decode(token)) {\n        const expiry = decode(token).exp;\n        const now = new Date();\n        return now.getTime() > expiry * 1000;\n    }\n    return true;\n}\n\n\nexport const login = (keycloak, language) => {\n    const lang = language === 'cn' ? 'zh-cn' : language\n    if (!isEmpty(keycloak)) {\n        // alert(this.state.keycloak.createLoginUrl())\n        window.location.href = keycloak.createLoginUrl() + `&ui_locales=${lang}&clear=true`\n        // console.log(this.state.keycloak)\n    } else {\n        alert(\"keycloak is null\");\n    }\n}\n\nexport const logoutByUser = (keycloak) => {\n    if (!isEmpty(keycloak)) {\n        keycloak.logout()\n    }\n    destroyUserInfo()\n    localStorage.removeItem(\"vtoken\")\n}\n\nexport const setCookie = (name, value, time = { period: '', duration: 0 }) => {\n    const hostName = window.location.host.split(':')\n    let myDate = new Date();\n    switch (time.period) {\n        case 'minutes':\n            myDate.setMinutes(myDate.getMinutes() + time.duration);\n            break;\n        case 'hours':\n            myDate.setHours(myDate.getHours() + time.duration);\n            break\n        case 'months':\n            myDate.setMonth(myDate.getMonth() + time.duration);\n            break\n        case 'years':\n            myDate.setFullYear(myDate.getFullYear() + time.duration);\n            break;\n        default:\n            myDate.setMonth(myDate.getMonth() + 12);\n            break;\n    }\n    document.cookie = name + \"=\" + value + \";expires=\" + myDate\n        + \";domain=\" + hostName[0] + \";path=/\"\n}\n\nexport const getCookie = (name) => {\n    const value = `; ${document.cookie}`;\n    const parts = value.split(`; ${name}=`);\n    if (parts.length === 2) return parts.pop().split(';').shift();\n}\n\nexport const deleteCookie = (name) => {\n    const hostName = window.location.host.split(':')\n    document.cookie = name + \"=;domain=\" + hostName[0]\n        + \";expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;\";\n}\n\nexport const isVtokenExp = (vtoken) => {\n    if (!isEmpty(vtoken)) {\n        const dateNow = Date.parse(new Date()) / 1000\n        const { exp } = decode(vtoken)\n        if (exp < dateNow) {\n            return true\n        }\n    }\n    return false\n}\n","import { result, isUndefined, has } from 'lodash';\nimport { authenRocketChat, setChatID, logInRealtimeAPI } from '../helpers'\nexport const getSelector = (pathFromState) => (state) => result(state, pathFromState, null);\n\nexport const getRoomHistory = () => {\n    const item = localStorage.getItem('features/recent-list')\n    return (item !== null) ? JSON.parse(item).reverse() : []\n}\n\nexport const validateEmail = (email) => {\n    const re = /^(([^<>()\\\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n    return re.test(String(email).toLowerCase());\n}\n\nexport const charectorLength = (input) => {\n\n    if (!isUndefined(input)) {\n        let max_length = 15;\n        let this_length = max_length - input.toString().length;\n        if (this_length < 0) {\n            let sub = input.substr(0, 15);\n            let res = `${sub}...`\n            return res;\n        } else {\n            console.log('ตัวอักษร', this_length)\n        }\n    }\n}\n\nexport const isValidName = (name) => {\n    // ? & : ' \" % #  / \\ $ ^ * `  > <\n    // /^(?=.*[A-Za-z])(?=.*\\d)[a-zA-Z0-9!@#$%^&*()~¥=_+}{\":;'?/>.<,`\\-\\|\\[\\]]{6,50}$/\n    let reg = /^(?!.*(?:&|:|'|\"|%|#|\\/|\\\\|\\$|\\^|\\*|`|>|<|\\?)).+/ ///^(?!(\\?|&|:|'|\"|%|#|\\/|\\\\|\\$|\\^|\\*|`|>|<)$).+/   ///^[\\u4e00-\\u9fa5ก-๙a-zA-Z0-9!+~@฿()={}|;.,_-]{1,100}$/\n    // let reg = /^[\\u4E00-\\u9FCC\\u3400-\\u4DB5\\uFA0E\\uFA0F\\uFA11\\uFA13\\uFA14\\uFA1F\\uFA21\\uFA23\\uFA24\\uFA27-\\uFA29]|[\\ud840-\\ud868][\\udc00-\\udfff]|\\ud869[\\udc00-\\uded6\\udf00-\\udfff]|[\\ud86a-\\ud86c][\\udc00-\\udfff]|\\ud86d[\\udc00-\\udf34\\udf40-\\udfff]|\\ud86e[\\udc00-\\udc1d]|[ก-๙a-zA-Z0-9_-]{1,100}$/\n    return reg.test(name)\n}\n\nexport const validateMobileNation = mobile => {\n    let m = mobile.split(' ');\n    if (m.length > 0) {\n        if ('+66' === m[0]) {\n            if (m.join('').length >= 12) {\n                return true;\n            } else {\n                return false;\n            }\n        } else {\n            return true;\n        }\n    } else {\n        return false;\n    }\n};\n\nexport const uploadImageValidate = (type, size) => {\n    if (type.search(\"image/\") >= 0) {\n        let s = size.split(\" \");\n        if (s.length > 1) {\n            if (parseInt(s[0]) <= 2048) {\n                return true;\n            }\n        }\n    } else {\n        return false;\n    }\n};\n\nexport function randomNum() {\n    let length = 32;\n    let result = \"\";\n    let characters =\n        \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\n    let charactersLength = characters.length;\n    let i;\n    for (i = 0; i < length; i++)\n        result += characters.charAt(Math.floor(Math.random() * charactersLength));\n\n    // setOTPState(result);\n    return result;\n}\n\nexport const authen = async () => {\n    const token = localStorage.getItem('vtoken')\n\n    if (token !== null) {\n        const vtoken = await authenRocketChat(token)\n\n        if (has(vtoken, 'chatUserID')) {\n            setChatID(vtoken)\n            setTimeout(() => {\n                //    const set = JSON.parse(localStorage.getItem('setChatID'))\n\n                // event setChatID = chatUserID\n                //  connectSetChatID(set.chatUserID)\n                const auth = JSON.parse(localStorage.getItem('chatUserToken'))\n                logInRealtimeAPI(auth.chatUserToken)\n                // const auth = JSON.parse(localStorage.getItem('chatUserToken'))\n                // realtimeAPI.loginWithAuthToken(auth.chatUserToken).subscribe(\n                //     (authResult) => {\n                //         console.log(\"authResult\", authResult);\n                //         if (authResult.msg === \"result\") {\n                //             if (authResult.error === undefined) {\n\n                //             } else {\n                //               console.log(\"login fail handle here\");\n                //             }\n                //         }\n                //     },\n                //     (error) => {\n                //         console.log(\"login error (may be network)\", error);\n                //     }\n                // )\n\n            }, 100);\n        }\n    } else {\n\n        setTimeout(async () => {\n            const getToken = localStorage.getItem('vtoken')\n\n            if (getToken !== null) {\n                const rocketAuth = await authenRocketChat(getToken)\n\n                if (has(rocketAuth, 'chatUserID')) {\n                    setChatID(rocketAuth)\n                    setTimeout(() => {\n                        //   const setcID = JSON.parse(localStorage.getItem('setChatID'))\n\n                        // event setChatID = chatUserID\n                        //  connectSetChatID(setcID.chatUserID)\n                        const auth = JSON.parse(localStorage.getItem('chatUserToken'))\n                        logInRealtimeAPI(auth.chatUserToken)\n                        // const auth = JSON.parse(localStorage.getItem('chatUserToken'))\n                        // realtimeAPI.loginWithAuthToken(auth.chatUserToken).subscribe(\n                        //     (authResult) => {\n                        //         console.log(\"authResult\", authResult);\n                        //         if (authResult.msg === \"result\") {\n                        //             if (authResult.error === undefined) {\n\n                        //             } else {\n                        //             console.log(\"login fail handle here\");\n                        //             }\n                        //         }\n                        //     },\n                        //     (error) => {\n                        //         console.log(\"login error (may be network)\", error);\n                        //     }\n                        // )\n\n                    }, 100);\n                }\n            }\n        }, 600);\n\n\n    }\n}\n","import socketIOClient from 'socket.io-client'\nimport { SET_LOBBY_LIST, SET_ANNOUNCEMENT, SHOW_POPUP } from '../redux/actions/type'\nlet socket\n\nexport const initiateSocket = (name, dispatch, chatID) => {\n    socket = socketIOClient(`${window._env_.lobbyAPIUrl}lobby-manager`, {\n        query: {\n            vtoken: localStorage.getItem('vtoken'),\n            name: encodeURIComponent(name.roomName)\n        }\n    });\n    socket.on('onConnect', function (data) {\n        if (data.code !== 200)\n            window.location.href = `${window._env_.vRoomUrl}/portal/notFound`\n        console.log('onConnect', data)\n    });\n    socket.emit('setChatID', chatID, function (data) {\n        console.log('setChatID::', data);\n    });\n    socket.on('userList', function (data) {\n        dispatch({\n            type: SET_LOBBY_LIST,\n            payload: {\n                lobbyLists: data\n            }\n        })\n        console.log(\"userList\", data)\n    });\n    socket.on('announcement', function (data) {\n        dispatch({\n            type: SET_ANNOUNCEMENT,\n            payload: {\n                announcement: data\n            }\n        })\n    });\n    socket.on('roomExpire', function () {\n        dispatch({\n            type: SHOW_POPUP,\n            payload: {\n                isShow: true,\n                textBody: 'popupInfo.body',\n                textButton: \"popupInfo.button_my_meeting\",\n                action: `${window._env_.mymeeting}`\n            }\n        })\n    });\n}\n\nexport const ChangeName = (name, id) => {\n    if (socket) {\n        socket.emit('setProfile', { name, id }, function (data) {\n            console.log('setProfile', data);\n        });\n    }\n\n}\n\nexport const connectSetChatID = (chatID) => {\n    if (socket) {\n        socket.emit('setChatID', chatID, function (data) {\n            console.log('setChatID::', data);\n        });\n    }\n\n}\n\nexport const ConnectChat = () => {\n\n    if (socket) {\n        return socket\n        // socket.emit('chat', userID.id, function (data) {\n        //     console.log('chat', data);\n        //     if (data.code === 200) {\n        //         localStorage.setItem(\"chatCodeStatus\", data.code)\n        //     }\n\n        // });\n    }\n}\n\nexport const Reject = (userID) => {\n    if (socket) {\n        socket.emit('reject', userID.id, function (data) {\n            console.log('reject', data);\n        });\n    }\n\n}\n\nexport const connectApproveUser = (id) => {\n    if (socket) {\n        socket.emit('approve', { vtoken: localStorage.getItem('vtoken'), id }, function (data) {\n            console.log('approve', data);\n        })\n    }\n}\n\nexport const updateAnnouncement = (text) => {\n    if (socket) {\n        return new Promise((resolve) => {\n            socket.emit('announcement', text, function () {\n                resolve();\n            });\n        });\n    }\n}","import { isEmpty, isNull } from 'lodash'\nimport socketIOClient from 'socket.io-client'\nimport { SET_ANNOUNCEMENT, SET_CONNECT_LOBBY, SET_LOBBY_LIST, SHOW_POPUP } from '../redux/actions/type'\nimport { deleteCookie, getCookie, setCookie } from './Auth'\nimport { setHttpErrObj } from './HttpClient'\nimport _ from 'lodash'\n\n\nexport const authenRocketChat = (jwt) => {\n    return fetch(`${window._env_.rocketChatAPIUrl}api/v1/auth`, {\n        method: 'POST',\n        headers: {\n            Authorization: `Bearer ${jwt}`,\n            'Content-Type': 'application/json'\n        }\n    })\n        .then(response => {\n            if (response.ok) {\n                return response.json()\n            } else {\n                //error case via APIs.\n                if (window._env_.APP_ENV === 'development') {\n                    throw new Error(`Status bad request: ${window._env_.rocketChatAPIUrl}`);\n                } else {\n                    const errorObj = setHttpErrObj(\"authenRocketChat\", \"status bad request\", \"HTTP Client POST: status bad request \" + response.url)\n                    setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                    window.location.href = `${window._env_.vRoomUrl}/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n                }\n            }\n        })\n        .then(json => {\n            return json\n        })\n        .catch(err => console.error('authenRocketChat', err))\n}\n\nexport const anonymousRocketChat = (reqObj) => {\n    return fetch(`${window._env_.rocketChatAPIUrl}api/v1/auth`, {\n        method: 'POST',\n        headers: {\n            'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(reqObj)\n    })\n        .then(response => {\n            if (response.ok) {\n                return response.json()\n            } else {\n                //error case via APIs.\n                if (window._env_.APP_ENV === 'development') {\n                    throw new Error(`Status bad request: ${window._env_.rocketChatAPIUrl}`);\n                } else {\n                    const errorObj = setHttpErrObj(\"anonymousRocketChat\", \"status bad request\", \"HTTP Client POST: status bad request \" + response.url)\n                    setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                    window.location.href = `${window._env_.vRoomUrl}/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n                }\n            }\n        })\n        .then(json => {\n            return json\n        })\n        .catch(err => console.error('anonymousRocketChat', err))\n}\n\nexport const setRocketStore = (rocketObj) => {\n    const { name, chatUserID, chatUserToken } = rocketObj\n    // setCookie('rocketChatInfo', JSON.stringify({ name, chatUserID, chatUserToken }), { period: 'hours', duration: 1 })\n    const key = 'rocketChatInfo';\n    deleteCookie(key)\n    localStorage.removeItem('rocketChatLogoutInfo')\n    const value = JSON.stringify({ name: encodeURIComponent(name), chatUserID, chatUserToken });\n    const myDate = new Date();\n    myDate.setHours(myDate.getFullYear() + 1);\n    document.cookie = key + \"=\" + value + \";expires=\" + myDate\n        + \";domain=.truevirtualworld.com;path=/\";\n    localStorage.setItem('rocketChatLogoutInfo', JSON.stringify({ chatUserID, chatUserToken }))\n}\n\nexport const setLobbyStore = (lobbyObj) => {\n    deleteCookie('lobbyRoomInfo')\n    const { _id, name, roomName, reservationId } = lobbyObj\n    setCookie('lobbyRoomInfo', JSON.stringify({ name, _id, roomName, reservationId }), { period: 'hours', duration: 1 })\n}\n\nexport const setChatID = (rocketObj) => {\n    if (!_.isUndefined(rocketObj) || !_.isNull(rocketObj)) {\n        const { chatUserID, chatUserToken, chatUserName } = rocketObj\n        if (chatUserID !== undefined || chatUserID !== null) {\n            localStorage.setItem('setChatID', JSON.stringify({ chatUserID }))\n        }\n        if (chatUserToken !== undefined || chatUserToken !== null) {\n            localStorage.setItem('chatUserToken', JSON.stringify({ chatUserToken }))\n        }\n        if (chatUserName !== undefined || chatUserName !== null) {\n            localStorage.setItem('chatUserName', JSON.stringify({ chatUserName }))\n        }\n        localStorage.setItem('DataManager', JSON.stringify(rocketObj))\n    }\n\n\n}\n\nexport const setLobbyManager = (name, dispatch, chatID, userID) => {\n    setTimeout(() => {\n        const socket = socketIOClient(`${window._env_.lobbyAPIUrl}lobby-manager`, {\n            query: {\n                vtoken: localStorage.getItem('vtoken'),\n                name: name.roomName\n            }\n        });\n        socket.on('onConnect', function (data) {\n            if (data.code !== 200)\n                window.location.href = `${window._env_.vRoomUrl}/portal/notFound`\n            console.log('onConnect', data)\n        });\n        socket.on('userList', function (data) {\n            dispatch({\n                type: SET_LOBBY_LIST,\n                payload: {\n                    lobbyLists: data\n                }\n            })\n            console.log(\"userList\", data)\n        });\n        socket.emit('setChatID', chatID, function (data) {\n            console.log('setChatID', data);\n        });\n        if (userID !== undefined) {\n            socket.emit('chat', userID, function (data) {\n                console.log('chat', data);\n                //localStorage.setItem('chat', data.data.chatRoomId)\n            });\n        }\n\n    }, 1000);\n}\n\nexport const setAuthLobby = (rocketObj, dispatch) => {\n    let newVtoken = null\n    const { chatUserID, name, roomName, reservationId, chatRoomId, vtoken } = rocketObj\n    const socket = socketIOClient(`${window._env_.lobbyAPIUrl}lobby`, {\n        query: {\n            roomName: encodeURIComponent(roomName),\n            chatUserId: chatUserID,\n            chatRoomName: `${reservationId}_${chatUserID}`,\n            chatRoomId: chatRoomId,\n            intent: \"conference\",\n            vtoken,\n            name: decodeURIComponent(name)\n        }\n    });\n    socket.on('onConnect', function (data) {\n        console.log('onConnect', data)\n    });\n    socket.on('setToken', function (data) {\n        console.log(\"setToken\", data)\n        newVtoken = data.vtoken\n    });\n    socket.on('updateState', function (data) {\n        console.log(\"updateState\", data)\n        const { intentionStatus } = data\n\n        if (intentionStatus === 1) {\n            let tempVtoken = vtoken\n            if (!isNull(newVtoken)) {\n                tempVtoken = newVtoken\n            }\n            window.location.href = `${window._env_.vRoomUrl}/${roomName}?jwt=${tempVtoken}`\n        }\n\n        if (intentionStatus === 2) {\n            dispatch({\n                type: SHOW_POPUP,\n                payload: {\n                    isShow: true,\n                    textBody: 'popupInfo.reject',\n                    action: `${window._env_.vRoomUrl}/portal`,\n                    textHeader: 'popupInfo.reject_header'\n                }\n            })\n            dispatch({\n                type: SET_CONNECT_LOBBY,\n                payload: {\n                    connecting: false\n                }\n            })\n        }\n    });\n    socket.on('setProfile', function (data) {\n        console.log(\"setProfile\", data)\n        setOverridename({ ...data, chatUserID }, 'AuthRucket')\n    });\n    socket.on('modEnterRoom', function (data) {\n        console.log(\"modEnterRoom\", data)\n        dispatch({\n            type: SET_CONNECT_LOBBY,\n            payload: {\n                connecting: true\n            }\n        })\n    });\n    socket.on('announcement', function (data) {\n        dispatch({\n            type: SET_ANNOUNCEMENT,\n            payload: {\n                announcement: data\n            }\n        })\n    });\n    socket.on('roomExpire', function () {\n        dispatch({\n            type: SHOW_POPUP,\n            payload: {\n                isShow: true,\n                textBody: 'popupInfo.body',\n                action: `${window._env_.vRoomUrl}/portal`\n            }\n        })\n    });\n}\n\nexport const setAnonymousLobby = (rocketObj, dispatch) => {\n    let vToken = null\n    const { chatUserID, name, roomName, reservationId, chatRoomId, anonymousID } = rocketObj\n    const socket = socketIOClient(`${window._env_.lobbyAPIUrl}lobby`, {\n        query: {\n            roomName: encodeURIComponent(roomName),\n            chatUserId: chatUserID,\n            chatRoomName: `${reservationId}_${chatUserID}`,\n            chatRoomId: chatRoomId,\n            intent: \"conference\",\n            anonymousID,\n            anonymousName: decodeURIComponent(name)\n        }\n    });\n    socket.on('onConnect', function (data) {\n        console.log('onConnect', data)\n    });\n    socket.on('setToken', function (data) {\n        console.log(\"setToken\", data)\n        vToken = data.vtoken\n    });\n    socket.on('updateState', function (data) {\n        console.log(\"updateState\", data)\n        const { intentionStatus } = data\n        if (intentionStatus === 1 && !isNull(vToken)) {\n            window.location.href = `${window._env_.vRoomUrl}/${roomName}?jwt=${vToken}`\n        }\n        if (intentionStatus === 2) {\n            dispatch({\n                type: SHOW_POPUP,\n                payload: {\n                    isShow: true,\n                    textBody: 'popupInfo.reject',\n                    action: `${window._env_.vRoomUrl}/portal`,\n                    textHeader: 'popupInfo.reject_header'\n                }\n            })\n            dispatch({\n                type: SET_CONNECT_LOBBY,\n                payload: {\n                    connecting: false\n                }\n            })\n        }\n    });\n    socket.on('setProfile', function (data) {\n        console.log(\"setProfile\", data)\n        setOverridename({ ...data, chatUserID }, 'AnonymousRocket')\n    });\n    socket.on('modEnterRoom', function (data) {\n        console.log(\"modEnterRoom\", data)\n        dispatch({\n            type: SET_CONNECT_LOBBY,\n            payload: {\n                connecting: true\n            }\n        })\n    });\n    socket.on('announcement', function (data) {\n        dispatch({\n            type: SET_ANNOUNCEMENT,\n            payload: {\n                announcement: data\n            }\n        })\n    });\n    socket.on('roomExpire', function () {\n        dispatch({\n            type: SHOW_POPUP,\n            payload: {\n                isShow: true,\n                textBody: 'popupInfo.body',\n                action: `${window._env_.vRoomUrl}/portal`\n            }\n        })\n    });\n}\n\nexport const getAuthMethod = (roomName) => {\n    return fetch(`${window._env_.reservation}api/v1/public/reservations/current?name=${roomName}`, {\n        method: 'GET',\n        headers: {\n            'Content-Type': 'application/json'\n        },\n    })\n        .then(response => {\n            if (response.ok) {\n                return response.json()\n            } else {\n                if (response.status === 404) {\n                    // roomName not found\n                    window.location.href = `${window._env_.vRoomUrl}/portal/notFound`\n                } else {\n                    //error case via APIs.\n                    if (window._env_.APP_ENV === 'development') {\n                        throw new Error(`Status bad request: ${window._env_.reservation}`);\n                    } else {\n                        const errorObj = setHttpErrObj(\"getAuthMethod\", \"status bad request\", \"HTTP Client GET: status bad request \" + response.url)\n                        setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                        window.location.href = `${window._env_.vRoomUrl}/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n                    }\n                }\n            }\n        })\n        .then(json => {\n            return json\n        })\n        .catch(err => console.error('getAuthMethod', err))\n}\n\nexport const createRocketChat = (createObj) => {\n    return fetch(`${window._env_.rocketChatAPIUrl}api/v1/room/group`, {\n        headers: {\n            'Content-Type': 'application/json'\n        },\n        method: 'POST',\n        body: JSON.stringify(createObj)\n    })\n        .then(response => {\n            if (response.ok) {\n                return response.json()\n            } else {\n                //error case via APIs.\n                if (window._env_.APP_ENV === 'development') {\n                    throw new Error(`Status bad request: ${window._env_.rocketChatAPIUrl}`);\n                } else {\n                    const errorObj = setHttpErrObj(\"getAuthMethod\", \"status bad request\", \"HTTP Client GET: status bad request \" + response.url)\n                    setCookie('error', JSON.stringify(errorObj), { period: 'minutes', duration: 1 })\n                    window.location.href = `${window._env_.vRoomUrl}/portal/error?errorCode=${response.status}&message=error_text_1&setLog=true`\n                }\n            }\n        })\n        .then(json => {\n            return json\n        })\n        .catch(err => console.error('createRocketChat', err))\n}\n\nexport const setProfile = (roomName, name, id) => {\n    const socket = socketIOClient(`${window._env_.lobbyAPIUrl}lobby-manager`, {\n        query: {\n            vtoken: localStorage.getItem('vtoken'),\n            name: roomName.roomName\n        }\n    });\n    socket.emit('setProfile', { name, id }, function (data) {\n        console.log('setProfile', data);\n    });\n}\n\nexport const approveUser = (roomName, id) => {\n    console.log('test');\n    const socket = socketIOClient(`${window._env_.lobbyAPIUrl}lobby-manager`, {\n        query: {\n            vtoken: localStorage.getItem('vtoken'),\n            name: roomName\n        }\n    });\n    socket.emit('approve', { id, vtoken: localStorage.getItem('vtoken') }, function (data) {\n        console.log('chat', data);\n    })\n}\n\nexport const setConnectChatID = (roomName, chatID) => {\n    const socket = socketIOClient(`${window._env_.lobbyAPIUrl}lobby-manager`, {\n        query: {\n            vtoken: localStorage.getItem('vtoken'),\n            name: roomName.roomName\n        }\n    });\n    socket.emit('setChatID', chatID, function (data) {\n        console.log('setChatID::', data);\n    });\n}\n\nexport const setConnectChat = (roomName, chatID, userID) => {\n    const socket = socketIOClient(`${window._env_.lobbyAPIUrl}lobby-manager`, {\n        query: {\n            vtoken: localStorage.getItem('vtoken'),\n            name: roomName.roomName\n        }\n    });\n\n    socket.emit('setChatID', chatID, function (data) {\n        console.log('setChatID', data);\n    });\n    socket.emit('chat', userID, function (data) {\n        console.log('chat', data);\n    });\n\n}\n\nexport const setOverridename = (obj, funcName) => {\n    const { overrideName, chatUserID } = obj\n    return fetch(`${window._env_.rocketChatAPIUrl}api/v1/user`, {\n        headers: {\n            'Content-Type': 'application/json'\n        },\n        method: 'POST',\n        body: JSON.stringify({ name: overrideName, chatUserID })\n    })\n        .then(response => {\n            if (response.ok) {\n                return response.json()\n            } else {\n                throw new Error(`Can't connect to ${window._env_.rocketChatAPIUrl}`);\n            }\n        })\n        .then(json => {\n            const rocketChatInfo = getCookie('rocketChatInfo') ? JSON.parse(getCookie('rocketChatInfo')) : {}\n            const anonymousInfo = localStorage.getItem('anonymousInfo') ? JSON.parse(localStorage.getItem('anonymousInfo')) : {}\n            const { success } = json\n            if (!isEmpty(rocketChatInfo) && success) {\n                setRocketStore({ ...rocketChatInfo, name: overrideName })\n            }\n            if (!isEmpty(anonymousInfo) && success && funcName === 'AnonymousRocket') {\n                localStorage.setItem('anonymousInfo', JSON.stringify({ ...anonymousInfo, name: encodeURIComponent(overrideName) }))\n            }\n            return json\n        })\n        .catch(err => console.error('setOverridename', err))\n}\n\nexport const destroyRocketChatInfo = () => {\n    const rocketChatInfo = localStorage.getItem('rocketChatLogoutInfo') ? JSON.parse(localStorage.getItem('rocketChatLogoutInfo')) : {}\n    deleteCookie('rocketChatInfo')\n    localStorage.removeItem('rocketChatLogoutInfo')\n    if (!isEmpty(rocketChatInfo)) {\n        const { chatUserID, chatUserToken } = rocketChatInfo\n        fetch(`${window._env_.rocketChatIFrameUrl}api/v1/logout`, {\n            headers: {\n                'X-Auth-Token': chatUserToken,\n                'X-User-Id': chatUserID\n            },\n            method: 'POST',\n        })\n            .then(response => {\n                if (response.ok) {\n                    return response.json()\n                }\n            })\n            .then(json => {\n                return json\n            })\n            .catch(err => console.error('destroyRocketChatInfo', err))\n    }\n}\n\n\n\nexport const roomUsersCount = (auth, userid, roomID) => {\n    return fetch(`${window._env_.realtimeRocket}/api/v1/rooms.info?roomId=${roomID}`, {\n        method: 'GET',\n        headers: {\n            'Content-Type': 'application/json',\n            'X-Auth-Token': auth,\n            'X-User-Id': userid\n        },\n    })\n        .then(response => {\n            if (response.ok) {\n                return response.json()\n            }\n        })\n        .then(json => {\n            return json\n        })\n        .catch(err => console.error('get room users count', err))\n}\n\nexport const ChangeNameMod = (auth, userid, newName) => {\n\n    return fetch(\"https://rocketchat-ts.truevirtualworld.com/api/v1/users.update\", {\n        method: \"POST\",\n        headers: {\n            'Content-Type': 'application/json',\n            'X-Auth-Token': auth,\n            'X-User-Id': userid\n        },\n        body: JSON.stringify(newName)\n    })\n        .then(response => {\n            if (response.ok) {\n                return response.json()\n            }\n        })\n        .then(json => {\n            return json\n        })\n        .catch(err => console.error('get room users count', err))\n}","export const LOG_IN = 'LOG_IN'\nexport const LOG_OUT = 'LOG_OUT'\nexport const SET_KEYCLOAK = 'SET_KEYCLOAK'\nexport const USER_INFO = 'USER_INFO'\nexport const MOBILE_URL = 'MOBILE_URL'\nexport const INIT_KEYCLOAK = 'INIT_KEYCLOAK'\nexport const SET_LANGUAGE = 'SET_LANGUAGE'\nexport const GET_RESERVATION = 'GET_RESERVATION'\nexport const SET_RESERVATION = 'SET_RESERVATION'\nexport const CREATE_RESERVATION = 'CREATE_RESERVATION'\nexport const DETAIL_RESERVATION = 'DETAIL_RESERVATION'\nexport const GET_ROOM_DAY = 'GET_ROOM_DAY'\nexport const CANCEL_RESERVATION = 'CANCEL_RESERVATION'\nexport const SET_RUNNING = 'SET_RUNNING'\nexport const SET_POPUP_STATUS = 'SET_POPUP_STATUS'\nexport const UPDATE_RESERVATION = 'UPDATE_RESERVATION'\nexport const CHECK_TOKEN_EXPIRE = 'CHECK_TOKEN_EXPIRE'\nexport const BYPASS_TOKEN = 'BYPASS_TOKEN'\nexport const SET_CONTEXT = 'SET_CONTEXT'\nexport const SET_LOBBY_LIST = 'SET_LOBBY_LIST'\nexport const SET_VROOM_TOKEN = 'SET_VROOM_TOKEN'\nexport const SAVE_VROOM_TOKEN = 'SAVE_VROOM_TOKEN'\nexport const SET_CONNECT_LOBBY = 'SET_CONNECT_LOBBY'\nexport const REMOVE_VROOM_TOKEN = 'REMOVE_VROOM_TOKEN'\nexport const SET_ANONYMOUS_INFO = 'SET_ANONYMOUS_INFO'\nexport const SAVE_ANONYMOUS_INFO = 'SAVE_ANONYMOUS_INFO'\nexport const REMOVE_ANONYMOUS_INFO = 'REMOVE_ANONYMOUS_INFO'\nexport const CONNECT_SOCKET = 'CONNECT_SOCKET'\nexport const SET_ANNOUNCEMENT = 'SET_ANNOUNCEMENT'\nexport const SHOW_POPUP = 'SHOW_POPUP'\nexport const HIDE_POPUP = 'HIDE_POPUP'\n","import { RealTimeAPI } from \"rocket.chat.realtime.api.rxjs\";\nconst url = `${window._env_.realtimeAPI}`;\nlet realtimeAPI = new RealTimeAPI(url);\nrealtimeAPI.connectToServer()\n\nexport const connectRealtimeAPI = () => {\n    return realtimeAPI\n}\n\nexport const logInRealtimeAPI = (auth) => {\n    realtimeAPI.keepAlive().subscribe(console.log)\n    realtimeAPI.loginWithAuthToken(auth).subscribe(\n        (authResult) => {\n         //   console.log(\"authResult\", authResult);\n            if (authResult.msg === \"result\") {\n                if (authResult.error === undefined) {\n                                  \n                } else {\n                    console.log(\"login fail handle here\");\n                }\n            }\n        },\n        (error) => {\n            console.log(\"login error (may be network)\", error);\n        }\n    )\n}\n\nexport const MessageMethod = (msg) => {\n    \n    realtimeAPI.sendMessage(msg)\n}","import React, { useState, useEffect } from 'react'\nimport { NavLink } from 'react-router-dom'\nimport { routersHelper, IconHelper, logoutByUser } from '../helpers'\nimport { connect } from 'react-redux'\nimport { translate } from 'react-i18next'\nimport i18n from '../i18n'\nimport { SET_LANGUAGE } from '../redux/actions/type'\nimport { isEmpty } from 'lodash'\nimport { login, charectorLength, setCookie } from '../helpers'\n\nconst Header = ({ getKeycloak, getAuthenticated, t, switchLanguage, language, contextInfo }) => {\n    const { useRouter } = routersHelper\n    const router = useRouter()\n    const { pathname } = router\n    const [keycloak, setKeycloak] = useState(null)\n    const [authenticated, setAuthenticated] = useState(false)\n    const [context, setContext] = useState({\n        avatar: '',\n        name: '',\n        p: '',\n        pkgcode: '',\n    })\n    const { IconTH, IconEN, IconCN } = IconHelper\n\n    if (pathname.indexOf(\"/prepare\") >= 0) {\n        document.body.style.overflow = \"hidden\"\n    } else {\n        document.body.style.overflow = \"auto\"\n    }\n\n    useEffect(() => {\n        if (authenticated && !isEmpty(keycloak)) {\n            setContext({\n                ...contextInfo,\n                name: contextInfo.name.split(\" \")[0] || ''\n            })\n        }\n        setKeycloak(getKeycloak)\n        setAuthenticated(getAuthenticated)\n    }, [setKeycloak,\n        setAuthenticated,\n        getKeycloak,\n        getAuthenticated,\n        keycloak,\n        authenticated,\n        setContext,\n        contextInfo\n    ])\n\n    const logout = () => {\n        logoutByUser(keycloak)\n    }\n\n    const leftMenuOpen = () => {\n        const leftMenu = document.getElementsByClassName('leftMenu')[0];\n        const bgBlack = document.getElementsByClassName('bgBlack')[0];\n        // document.body.style.overflow = 'hidden'\n        leftMenu.style.left = '0px'\n        bgBlack.style.height = `${window.innerHeight}px`\n        bgBlack.style.display = 'block'\n    }\n\n    const changeLanguage = (lng) => {\n        i18n.changeLanguage(lng)\n        setCookie('language', lng)\n        switchLanguage(lng)\n    }\n    const initialLanguage = { overflow: 'initial', top: '-5px', cursor: 'pointer' }\n    return (\n        <div className=\"nav\">\n            <div id=\"nav\">\n                <div className=\"logo\">\n                    <svg className=\"icon-ham\" onClick={leftMenuOpen} aria-hidden=\"true\" focusable=\"false\" width=\"1em\" height=\"1em\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 1024 1024\">\n                        <path id=\"icon-ham\" d=\"M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z\" fill=\"#626262\" />\n                    </svg>\n                    <NavLink exact to=\"/portal\" activeClassName=\"active\">\n                        {/* eslint-disable-next-line */}\n                        <img src={process.env.PUBLIC_URL + '/img/logo.svg'} />\n                    </NavLink>\n                </div>\n                <div className=\"menu\">\n                    <ul>\n                        <li>\n                            <a href={`${window._env_.vRoomUrl}/portal`}>{t(\"menu_home\")}</a>\n                        </li>\n                        {\n                            authenticated\n                                ? <li>\n                                    <a href={window._env_.mymeeting}>{t(\"menu_reservation\")}</a>\n                                </li>\n                                : null\n                        }\n                        {\n                            parseInt(window._env_.isShowPlanPrice) === 1 ? (\n                                <li>\n                                    <a href={window._env_.subscriptionPlanspricing}>{t(\"menu_price\")}</a>\n                                </li>\n                            ) : null\n                        }\n                        <li>\n                            <a href={window._env_.SUPPORT_WEB}>{t(\"menu_support\")}</a>\n                        </li>\n                        {\n                            parseInt(window._env_.isShowContactPage) === 1\n                                ? (<li>\n                                    {/* <NavLink exact to=\"/portal/contact\" activeclassname=\"\">\n                                                      \n                                                        {t(\"menu_contact_page\")}\n                                                    </NavLink> */}\n                                    <a href={`${window._env_.vRoomUrl}/portal/contact`}>{t(\"menu_contact_page\")}</a>\n                                </li>\n                                ) : null\n                        }\n                        {/* <li>\n                            <NavLink exact to=\"/portal/package\" activeClassName=\"active\">{t(\"menu_package\")}</NavLink>\n                        </li> */}\n                        {\n                            authenticated ? (\n                                <li className=\"sub-menu\">\n                                    {/* eslint-disable-next-line */}\n                                    <a href=\"#\">\n                                        {context.name.length > 15 ?\n                                            <>{`${t(\"menu_greet\")} ${charectorLength(context.name)}`}</>\n                                            :\n                                            <>{`${t(\"menu_greet\")} ${context.name}`}</>\n                                        }\n                                        {/* {`${t(\"menu_greet\")} ${context.name}`} */}\n                                    </a>\n                                    <div className=\"menu\">\n                                        <ul>\n                                            <li className=\"dropdown-content\">\n                                                {/* eslint-disable-next-line */}\n                                                <a href={`${window._env_.vRoomUrl}/portal/profile`}>\n                                                    {t(\"menu_profile\")}\n                                                </a>\n                                                <a href=\"/portal/myrecords\">\n                                                    {t(\"menu_my_records\")}\n                                                </a>\n                                                {/* eslint-disable-next-line */}\n                                                <a href=\"#\" onClick={logout}>\n                                                    {t(\"menu_logout\")}\n                                                </a>\n                                            </li>\n                                        </ul>\n                                    </div>\n                                </li>\n                            ) : (\n                                <li>\n                                    {/* eslint-disable-next-line */}\n                                    <a href=\"#\" onClick={login.bind(this, keycloak, language)}>\n                                        {t(\"menu_login\")}\n                                    </a>\n                                </li>\n                            )\n                        }\n                        <li className=\"icon-language\">\n                            <IconTH\n                                width=\"20\"\n                                height=\"20\"\n                                style={\n                                    language === 'th' ? { ...initialLanguage } : { filter: 'grayscale(1)', ...initialLanguage }\n                                }\n                                onClick={changeLanguage.bind(this, 'th')} />\n                            <IconEN\n                                width=\"20\"\n                                height=\"20\"\n                                style={\n                                    language === 'en' ? { ...initialLanguage } : { filter: 'grayscale(1)', ...initialLanguage }\n                                }\n                                onClick={changeLanguage.bind(this, 'en')} />\n                            <IconCN\n                                width=\"20\"\n                                height=\"20\"\n                                style={\n                                    language === 'cn' ? { ...initialLanguage } : { filter: 'grayscale(1)', ...initialLanguage }\n                                }\n                                onClick={changeLanguage.bind(this, 'cn')} />\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div >\n    )\n}\n\nconst mapStateToProps = state => ({\n    getKeycloak: state.keycloak,\n    getAuthenticated: state.keycloak.authenticated,\n    language: state.language,\n    contextInfo: state.contextInfo\n})\n\nconst mapDispatchToProps = dispatch => ({\n    switchLanguage: (lang) => {\n        dispatch({\n            type: SET_LANGUAGE,\n            payload: lang\n        })\n    }\n})\n\nexport default connect(mapStateToProps, mapDispatchToProps)(translate()(Header))","import React from 'react'\nimport { Button } from 'antd'\nimport { IconHelper } from '../../helpers'\nimport { translate } from 'react-i18next'\n\nconst Header = ({ roomName, t }) => {\n    const { IconBack } = IconHelper\n    return (\n        <>\n            <div className=\"lobby-header container\">\n                <div className=\"lobby-header-left\">\n                    <IconBack onClick={() => window.history.back()} style={{ cursor: 'pointer' }} />\n                    <span>{roomName}</span>\n                </div>\n                <div>\n                    <Button onClick={() => window.location.href = `${window._env_.vRoomUrl}/${roomName}`} className=\"btn-danger\">{t(\"lobby_button_join_room\")}</Button>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default translate()(Header)","import React from 'react'\nimport { Row, Col, Button } from 'antd'\nimport { IconHelper } from '../../helpers'\nimport { translate } from 'react-i18next'\nimport { useSelector } from 'react-redux'\nimport { isEmpty } from 'lodash'\n\nconst Announcement = ({ setIsEdit, t }) => {\n    const { IconEdit } = IconHelper\n    const announcement = useSelector(state => state.lobby.announcement)\n    return (\n        <>\n            <div className=\"lobby-announcement\">\n                <div className=\"announcement-header\">\n                    <div>{t(\"lobby_announcement\")}</div>\n                    <div>\n                        <Button className=\"btn-edit-vroom\" onClick={() => setIsEdit(true)}>\n                            <IconEdit width={15} style={{ marginRight: '5px' }} />\n                            {t(\"lobby_edit\")}\n                        </Button>\n                    </div>\n                </div>\n                <div className=\"announcement-detail\">\n                    <Row>\n                        <Col span={24}>\n                            <p className=\"announcement-content\">\n                                {!isEmpty(announcement)\n                                    ? announcement\n                                    : <label style={{ color: '#bfbfbf' }}>\n                                        {t(\"lobby_announcement_placeholder\")}\n                                    </label>}\n                            </p>\n                        </Col>\n                    </Row>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default translate()(Announcement)","import { SET_RUNNING, CHECK_TOKEN_EXPIRE } from './type'\n\nexport const showSpinner = {\n    type: SET_RUNNING,\n    payload: {\n        spinner: true\n    }\n}\n\nexport const hideSpinner = {\n    type: SET_RUNNING,\n    payload: {\n        spinner: false\n    }\n}\n\nexport const checkTokenExpire = {\n    type: CHECK_TOKEN_EXPIRE\n}\n\n// testFn: (text) => {\n//     dispatch({\n//         type: 'ADD_TODO',\n//         payload: {\n//             text\n//         }\n//     });\n// }\n","import React, { useEffect, useState } from 'react'\nimport { Row, Col, Button, Input } from 'antd'\nimport { translate } from 'react-i18next'\nimport {\n    updateAnnouncement\n} from '../../helpers'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { showSpinner, hideSpinner } from '../../redux/actions/actions'\n\nconst EditAnnouncement = ({ setIsEdit, t }) => {\n    const { TextArea } = Input\n    const dispatch = useDispatch()\n    const [announcementInput, setAnnouncementInput] = useState('')\n    const announcement = useSelector(state => state.lobby.announcement)\n    const onEditText = (text) => {\n        const value = text.target.value\n        if (value.length <= 1500)\n            setAnnouncementInput(value);\n    }\n    const onUpdateAnnouncement = async () => {\n        dispatch(showSpinner)\n        await updateAnnouncement(announcementInput)\n        dispatch(hideSpinner)\n        setIsEdit(false)\n    }\n    useEffect(() => {\n        setAnnouncementInput(announcement)\n    }, [announcement])\n    return (\n        <>\n            <div className=\"lobby-announcement\">\n                <div className=\"announcement-header\">\n                    <div>{t(\"lobby_announcement\")}</div>\n                    <div>\n                        <Button style={{ width: 120 }} className=\"btn-outline\" onClick={() => setIsEdit(false)}>\n                            {t(\"lobby_modal.cancel\")}\n                        </Button>\n                        <Button style={{ width: 120, marginRight: 0 }} className=\"btn-danger\" onClick={onUpdateAnnouncement}>{t(\"lobby_modal.update\")}</Button>\n                    </div>\n                </div>\n                <div className=\"announcement-detail\">\n                    <Row>\n                        <Col span={24}>\n                            <TextArea\n                                placeholder={t(\"lobby_announcement_placeholder\")}\n                                rows={11}\n                                style={{ margin: '10px 0' }}\n                                value={announcementInput}\n                                onChange={onEditText} />\n                        </Col>\n                    </Row>\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default translate()(EditAnnouncement)","import React, { useState, useEffect } from 'react'\nimport { Modal, Row, Col, Input, Button, Form } from 'antd';\nimport { translate } from 'react-i18next'\nimport { checkTokenExpire } from './../../redux/actions/actions'\nimport {  useDispatch } from 'react-redux'\n\nconst ModalEditParticipant = ({ visible, title, setEditParticipant, t, userInfo, handleChatApi }) => {\n   \n    const [form] = Form.useForm()\n    const [name, setName] = useState('')\n    const [nameError, setnameError] = useState(false)\n    const dispatch = useDispatch()\n    const [loading, setLoading] = useState(false)\n\n    useEffect(() => {\n        \n        form.setFieldsValue({\n            name: userInfo.name\n               \n        })\n           \n        \n       \n    }, [form , userInfo.name])\n\n \n    const handleCancel = () => {\n        setEditParticipant(false)\n        setnameError(false)\n        form.setFieldsValue({\n            name: userInfo.name\n            \n         })\n        \n    };\n\n\n    const onAuthenRocket = () => {\n        dispatch(checkTokenExpire)\n        if (name !== '') {\n            setLoading(true)\n            const user = { ...userInfo, name }\n            handleChatApi(user)\n            setTimeout(() => {\n                setLoading(false)\n                setEditParticipant(false)\n                \n            }, 900);\n        }\n        \n       \n    }\n\n\n    const onSetName = (input) => {\n        \n        if (input.target.value === \"\") {\n            setnameError(true)\n           \n        } else {\n            setnameError(false)\n          \n        }\n        setName(input.target.value)\n\n    }\n\n    const onInputKeydown = (event) => {\n        var code = event.keyCode || event.which;\n        if (code === 13) {\n            if (name !== '') {\n                const user = { ...userInfo, name }\n               \n                setName(user.name)\n                handleChatApi(user)\n                setEditParticipant(false)\n            }\n        }\n    }\n\n    return (\n        <>\n            <Modal\n                title={title}\n                visible={visible}\n                onCancel={handleCancel}\n                footer={[\n                    <Button form=\"modal-reservation-form\" key=\"submit\" className=\"btn-submit-join-vroom\" loading={loading} onClick={onAuthenRocket} >\n                     {/* <Button form=\"modal-reservation-form\" key=\"submit\" className=\"btn-submit-join-vroom\" loading={loading} onClick={onSetProfileRocketChat} > */}\n                        {t(\"lobby_modal.OK\")}\n                    </Button>,\n                    <Button key=\"back\" type=\"text\" className=\"btn-cancel-join-vroom\" onClick={handleCancel}>\n                        {t(\"lobby_modal.cancel\")}\n                    </Button>\n                ]}\n            >\n                <Row className=\"modal-input-join-vroom\">\n                    <Col span={24}>\n                        <Form\n                        layout=\"vertical\"\n                         form={form}\n                         name=\"modal-reservation-form\"\n                         \n                        >\n                            <div className=\"join-v-room-name-input\">\n                                <Form.Item name=\"name\" label={t(\"lobby_modal.name\")}>\n                                    <Input type=\"text\" name=\"name\" maxLength={50}  onKeyPress={onInputKeydown.bind(this)} onChange={(e) => onSetName(e)} />\n                                </Form.Item>\n                                \n                            </div>\n                            {nameError ? (\n                                <span className=\"red-text\">{`${t('lobby_modal.name_invalid')}`}</span>\n                            ) : null\n                            }\n                        </Form>\n                        \n                    </Col>\n                </Row>\n            </Modal>\n        </>\n    )\n}\n\nexport default translate()(ModalEditParticipant)\n","import React, { useState } from 'react'\nimport { Row, Col } from 'antd'\nimport { IconHelper, connectApproveUser, Reject } from \"./../../helpers\"\nimport ModalEditParticipant from './ModalEditParticipant';\nimport { translate } from 'react-i18next'\nimport { useDispatch } from 'react-redux'\nimport { checkTokenExpire } from './../../redux/actions/actions'\n\nconst Header = ({ t, userInfo, handleChatApi, realtimeAPI }) => {\n    \n    const { IconEditParticipant, IconUserChecked, IconInside, IconCloseGray } = IconHelper\n    const dispatch = useDispatch()\n  \n\n    const [editParticipant, setEditParticipant] = useState(false)\n    const ChangeParticipant = (u) => {\n        dispatch(checkTokenExpire)\n        setEditParticipant(!editParticipant)\n       \n    }\n    \n    return (\n        <>\n            <Row className=\"reservation-content-header\">\n                <Col xl={13} lg={8} md={24} style={{ display: 'flex', alignItems: 'center' }}>\n                    <div className=\"text-participant-name\">\n                        {userInfo.isMember ? <IconUserChecked /> : <div style={{ width: 20 }} />}\n                        {userInfo.isMember && ( <>&nbsp;</>)} {userInfo.name}\n                    </div>\n                    <div className=\"text-participant-id\">@{userInfo.chatUserID}\n                        <IconEditParticipant onClick={ChangeParticipant.bind(this,userInfo.name)} style={{\n                            margin: '6px',\n                            marginLeft: \"10px\",\n                            cursor: 'pointer'\n                        }} /></div>\n\n                </Col>\n                <Col xl={11} lg={16} md={24} className=\"reservation-content-header-right\">\n                    \n                    <IconInside\n                        className=\"iconLeft\"\n                        width={22}\n                        height={22}\n                        onClick={connectApproveUser.bind(this, userInfo.id)}\n                        style={{\n                            position: \"absolute\",\n                            left: \"70%\",\n                            cursor: 'pointer'\n                        }}\n                    />\n                    \n                    \n                    {/* <IconLive\n                        style={{\n                            position: \"absolute\",\n                            left: \"80%\",\n                            cursor: 'pointer'\n                        }}\n                    /> */}\n                    <IconCloseGray\n                        className=\"iconReject\"\n                        width={22}\n                        height={22}\n                        onClick={Reject.bind(this, userInfo)}\n                        style={{\n                            position: \"absolute\",\n                            left: \"80%\",\n                            cursor: 'pointer'\n                        }}\n                    />\n                </Col>\n            </Row>\n            <ModalEditParticipant\n                userInfo={userInfo}\n                handleChatApi={handleChatApi}\n                visible={editParticipant}\n                title={t(\"lobby_modal.header\")}\n                setEditParticipant={setEditParticipant}\n                realtimeAPI={realtimeAPI}\n                \n            />\n        </>\n    )\n}\n\nexport default translate()(Header)\n","import React, { useState, useEffect } from 'react'\nimport { Modal, Row, Col, Input, Button, Form } from 'antd';\nimport { translate } from 'react-i18next'\n\nconst ModalUpload = ({title, show, dataFile, t, handleCancel, preview, onFinish}) => {\n    const [form] = Form.useForm();\n    const [description, setDescription] = useState(\"\")\n    const [filename, setFilename] = useState(\"\")\n    \n    const handleChange = (e) => {\n        switch (e.target.name) {\n            case \"filename\":\n                setFilename(e.target.value)\n                return false\n            case \"description\":\n                setDescription(e.target.value)\n                return false;\n            default:\n                return;\n        }\n        \n    } \n\n   useEffect(() => {\n    form.setFieldsValue({\n        filename: dataFile.name,\n        description: '',\n        preview: preview,\n        file: dataFile.originFileObj,\n       \n    })\n   }, [form , preview, dataFile.originFileObj, dataFile.name])\n\n   \n  \n \n    return (\n        <>\n            <Modal\n                title={title}\n                visible={show}\n                onCancel={handleCancel}\n                destroyOnClose={true}\n                \n                footer={[\n                    <Button form=\"modal-reservation-form\" key=\"submit\" htmlType=\"submit\" className=\"btn-submit-reservation-vroom\" >\n                        {t(\"lobby_modal.OK\")}\n                    </Button>,\n                    <Button key=\"back\" className=\"btn-cancel-join-vroom\"  onClick={handleCancel}>\n                        {t(\"lobby_modal.cancel\")}\n                    </Button>\n                ]}\n            >\n                <Row className=\"modal-input-join-vroom\">\n                    <Col span={24}>\n                        <Form\n                            form={form}\n                            name=\"modal-reservation-form\"\n                            onFinish={onFinish}\n                        >\n                            <Form.Item name=\"preview\" style={{display: 'none'}}>\n                                <Input name=\"preview\" />\n                            </Form.Item>\n                            <Form.Item name=\"file\">\n                            {/* eslint-disable-next-line */}\n                                <img name=\"file\" src={preview}  width=\"60%\" height=\"60%\" style={styles.img} />\n                            </Form.Item>\n                            <Form.Item name=\"filename\">\n                                <Input name=\"filename\" value={filename} onChange={(e) => handleChange(e)} />\n                                \n                            </Form.Item>\n                            <Form.Item name=\"description\">\n                                <Input name=\"description\" value={description} onChange={(e) => handleChange(e)} placeholder={\"File Description\"} />\n                            </Form.Item>\n                        </Form>\n                        \n                        \n                        \n                    </Col>\n                </Row>\n            </Modal>\n        </>\n    )\n}\n\nconst styles = {\n    img: {\n        display: \"block\",\n        marginLeft: \"auto\",\n        marginRight: \"auto\",\n        width: \"50%\"\n    }\n}\n\nexport default translate()(ModalUpload)","import React, { useState, useEffect } from 'react'\nimport { Row, Col, Input, Avatar,Tooltip, Image } from 'antd';\nimport Header from './Header'\nimport { MessageMethod } from \"./../../helpers\"\nimport { translate } from 'react-i18next'\n// import Picker, { SKIN_TONE_MEDIUM_DARK } from 'emoji-picker-react';\nimport { CloudDownloadOutlined} from '@ant-design/icons';\n// import styled from \"styled-components\";\nimport { connect } from 'react-redux'\nimport { get, has } from 'lodash'\nimport ModalUpload from './ModalUpload'\n// import MicRecorder from 'mic-recorder-to-mp3';\nimport moment from \"moment\"\n//import md5 from 'md5'\n\n// const Mp3Recorder = new MicRecorder({ bitRate: 128 });\n\n// const IconButtonWrapper = styled.div`\n//     width: 14px;\n//     height: 14px;\n//     float: right;\n//     transform: rotate(0deg);\n//     overflow: hidden;\n//     transition: all 0.3s ease-out;\n//     transform: ${props => (props.rotation ? `rotate(134deg)` : \"\")};\n// `;\n\n\n\n\nconst Chat = ({ t, userInfo, handleChatApi, HistoryMsg, onInputKeydown, setMsg, msg, unreadNotLoaded }) => {\n\n    const { TextArea } = Input\n    // const { IconSmile, IconMicrophone, IconPlus } = IconHelper\n    // const [rotation, setRotate] = useState(false)\n   // const [visible, setVisible] = useState(false)\n    const [showModal, setShowModal] = useState({\n        show: false,\n        dataFile: '',\n        preview: '',\n        fileList: []\n    })\n    // const [audio, setAudio] = useState({\n    //     isRecording: false,\n    //     blobURL: '',\n    //     isBlocked: false,\n    // })\n    // const onEmojiClick = (event, emojiObject) => {\n        \n    //     setMsg(msg + emojiObject.emoji);\n    // };\n\n    const handleChange = (e) => {\n        const { value } = e.target;\n        setMsg(value)\n    }\n\n    // const handleClick = () => {\n    //     setRotate(!rotation)\n\n    // };\n\n    // const media = async () => {\n    //     if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {\n    //         await navigator.mediaDevices.getUserMedia({ audio: true },\n    //             () => {\n    //                 console.log('Permission Granted');\n    //                 setAudio({ isBlocked: false });\n    //             },\n    //             () => {\n    //                 console.log('Permission Denied');\n    //                 setAudio({ isBlocked: true })\n    //             },\n    //         );\n    //     }\n    // }\n\n    useEffect(() => {\n\n        //media()\n\n    }, [])\n\n    // const dummyRequest = ({ file, onSuccess }) => {\n    //     setTimeout(() => {\n    //         onSuccess(\"OK\")\n    //     }, 0);\n    // }\n\n    const handleCancel = () => {\n        setShowModal({ show: false, dataFile: '', fileList: [], preview: \"\" })\n    }\n\n    useEffect(() => {\n        onLayoutHeight()\n        window.addEventListener('resize', onLayoutHeight)\n        updateScroll()\n    })\n\n    const updateScroll = () => {\n        var element = document.getElementsByClassName(\"inbox_chat\")[0];\n        element.scrollTop = element.scrollHeight\n    }\n\n    const onLayoutHeight = () => {\n        const navCol = document.getElementsByClassName('nav')\n        const chatboxCol = document.getElementsByClassName(\"inbox_chat\")\n        const inputAreaChat = document.getElementsByClassName(\"input-area-chat\")\n        if (navCol[0] && chatboxCol[0]) {\n            let nav = navCol[0].offsetHeight\n            chatboxCol[0].style.height = `${window.innerHeight - (nav + inputAreaChat[0].offsetHeight + 140)}px`\n\n        }\n    }\n\n    // const getBase64 = (file) => {\n    //     return new Promise((resolve, reject) => {\n    //         const reader = new FileReader();\n    //         reader.readAsDataURL(file);\n    //         reader.onload = () => resolve(reader.result);\n    //         reader.onerror = error => reject(error);\n    //     });\n    // }\n\n\n    // const menu = () => {\n    //     const props = {\n    //         name: 'file',\n    //         customRequest: dummyRequest,\n\n    //         async onChange(info) {\n\n    //             if (info.file.status !== 'uploading') {\n    //                 console.log(info.file, info.fileList);\n    //             }\n    //             if (info.file.status === 'done') {\n    //                 console.log(`${info.file.name} file uploaded successfully`);\n    //                 setShowModal({\n    //                     fileList: info.fileList,\n    //                     show: true,\n    //                     dataFile: info.file,\n    //                     preview: await getBase64(info.file.originFileObj)\n    //                 })\n\n    //             } else if (info.file.status === 'error') {\n    //                 console.log(`${info.file.name} file upload failed.`);\n    //             }\n    //         },\n    //     };\n    //     return (\n    //         <Menu>\n    //             {/* <Menu.ItemGroup title=\"Create new\">\n    //                 <Menu.Item><VideoCameraOutlined /> Video message</Menu.Item>\n    //                 <Menu.Item><CommentOutlined /> Discussion</Menu.Item>\n    //             </Menu.ItemGroup> */}\n\n    //             <Menu.ItemGroup title=\"Add files form\">\n    //                 <Menu.Item>\n    //                     <Upload {...props}>\n    //                         <DesktopOutlined /> Computer\n    //                 </Upload>\n    //                 </Menu.Item>\n\n    //             </Menu.ItemGroup>\n    //         </Menu>\n    //     )\n    // };\n\n    /**\n    * Submit modal form.\n    * @param {*} values \n    */\n    const onFinish = (values) => {\n        console.log('vlaues', values)\n        let inputFile = {\n            \n            name: values[\"filename\"],\n            type: values[\"file\"][\"type\"],\n            _id: values[\"file\"][\"uid\"]\n        }\n        let imgArr = [];\n        let imgObj = Object.assign({}, {\n            description: values[\"description\"],\n            image_dimensions: {width: 200, height: 200},\n            image_preview: values[\"preview\"],\n            image_size: values[\"file\"][\"size\"],\n            image_type: values[\"file\"][\"type\"],\n            image_url: values[\"preview\"],\n            title: values[\"file\"][\"name\"],\n            title_link: values[\"preview\"],\n            title_link_download: true,\n            mod: true,\n            type: \"file\"\n        })\n        imgArr.push(imgObj)\n        console.log('inputFile', inputFile)\n        console.log('imgArr', imgArr)\n        let objFile = Object.assign({}, inputFile)\n        let inputObj = {\n            msg: \"method\",\n            method: \"sendMessage\",\n            id: \"\" + new Date().getTime(),\n            params: [\n              {\n                _id: \"\" + new Date().getTime(),\n                rid: localStorage.getItem(\"chatRoomID\"),//localStorage.getItem('chat'),\n                attachments: imgArr,\n                file: objFile\n              },\n            ],\n        }\n        MessageMethod(inputObj);\n        setShowModal({ show: false })\n\n    }\n\n    // const start = () => {\n    //     if (audio.isBlocked) {\n    //         console.log('Permission Denied');\n    //     } else {\n    //         Mp3Recorder\n    //             .start()\n    //             .then(() => {\n    //                 setAudio({ isRecording: true });\n    //             }).catch((e) => console.error(e));\n    //     }\n    // };\n\n    // const stop = () => {\n    //     Mp3Recorder\n    //         .stop()\n    //         .getMp3()\n    //         .then(([buffer, blob]) => {\n    //             const blobURL = URL.createObjectURL(blob)\n    //             setAudio({ blobURL: blobURL, isRecording: false });\n    //         }).catch((e) => console.log(e));\n    // };\n\n    // const showAudio = () => {\n    //     return (\n    //         <>\n    //             <Row >\n    //                 <Col span={24}>\n    //                     <audio src={audio.blobURL} controls=\"controls\" />\n    //                     <Button type=\"primary\" shape=\"circle\" onClick={start} disabled={audio.isRecording} icon={<PlayCircleOutlined />} size={\"large\"} /> &nbsp;\n    //                     <Button type=\"danger\" shape=\"circle\" onClick={stop} disabled={!audio.isRecording} icon={<StopOutlined />} size={\"large\"} />\n    //                 </Col>\n\n\n    //             </Row>\n\n\n\n    //         </>\n    //     )\n    // }\n\n    // const handleVisibleChange = (visible) => {\n    //     setVisible(visible)\n    // }\n\n    const getAvatar = (item) => {\n        return `${window._env_.realtimeRocket}/api/v1/users.getAvatar?userId=${item.u._id}`\n    }\n\n    return (\n        <>\n            <Col xxl={15} xl={14} lg={12} md={12} sm={24} className=\"reservation-content\">\n                <Header userInfo={userInfo} handleChatApi={handleChatApi} />\n                {/* <div className=\"calendarCol\" />\n                <div className=\"buttonCol\" /> */}\n                <div className=\"reservation-room-lists\">\n                   \n                    <div className=\"box-chat\">\n\n                        <div className=\"inbox_people\">\n                            <div className=\"inbox_chat\">\n                                {/* <Divider><div className=\"diven-text\">October 20, 2020</div></Divider> */}\n\n                                {\n                                    Array.isArray(HistoryMsg) && HistoryMsg.map((item, k) => {\n                                        return (\n                                            <div key={k} className=\"chat_list\">\n                                                {item.t !== \"au\" &&\n                                                <div className=\"chat_people\">\n                                                    <div className=\"chat_img\"> \n                                                       \n                                                        <Avatar src={getAvatar(item)} shape=\"square\" style={{ backgroundColor: '#f56a00', width: \"36px\", height: \"36px\" }} > </Avatar>\n                                                    </div>\n                                                    <div className=\"chat_ib\">\n                                                        <div className=\"box-chat-name\"> {item.u.name}\n                                                            <span className=\"box-chat-name-id\">@{item.u.username}</span>\n                                                            <span className=\"box-chat-time\">{moment(item._updatedAt.$date).format(\"HH:mm\")}</span>\n                                                        </div>\n                                                      \n                                                        <p>{item.msg}</p>\n                                                        {Array.isArray(item.attachments) && item.attachments.map((v, i) => {\n                                                            return (\n                                                                \n                                                                <div key={i}>\n                                                                    {(has(v,'mod') && v.mod )?\n                                                                        <>\n                                                                            <p>\n                                                                                \n                                                                                {/* eslint-disable-next-line */}\n                                                                                <a href={`${v.title_link}`} download>{v.title}  &nbsp; <Tooltip title=\"Download\"> <CloudDownloadOutlined /> </Tooltip> </a>\n                                                                            </p>\n                                                                            <Image src={`${v.image_url}`} width={200} height={200} />\n                                                                            <p>{v.description}</p>\n                                                                        \n                                                                        </>\n                                                                        :\n                                                                        <>\n                                                                            <p>\n                                                                    \n                                                                                {/* eslint-disable-next-line */}\n                                                                                <a href={`${window._env_.realtimeRocket}${v.title_link}`} download>{v.title}  &nbsp; <Tooltip title=\"Download\"> <CloudDownloadOutlined /> </Tooltip> </a>\n                                                                            </p>\n                                                                            <Image src={`${window._env_.realtimeRocket}${v.image_url}`} width={200} height={200} />\n                                                                            <p>{v.description}</p>\n                                                                        </>\n                                                                    }\n                                                                   \n                                                                </div>\n                                                            )\n                                                        })}\n                                                    </div>\n                                                </div>\n\n                                                 } \n                                            </div>\n                                        )\n                                    })\n                                }\n                            </div>\n\n                        </div>\n\n                    </div>\n\n                    <div className=\"input-area-chat\">\n                        <Row>\n                            {/* <Col span={1}> */}\n\n                                {/* <Popover\n                                    placement=\"topLeft\"\n                                    trigger=\"click\"\n                                    content={\n                                        <Picker\n                                            onEmojiClick={onEmojiClick}\n                                            disableAutoFocus={true}\n                                            skinTone={SKIN_TONE_MEDIUM_DARK}\n                                            groupNames={{ smileys_people: \"PEOPLE\" }}\n                                        />\n                                    }\n\n                                > */}\n                                    {/* <span>\n                                        <IconSmile\n                                            style={{\n                                                position: \"absolute\",\n                                                left: \"10px\",\n                                                top: \"10px\",\n                                                cursor: 'pointer',\n                                                display: 'flex',\n                                                alignItem: \"center\"\n                                            }}\n                                        />\n                                    </span> */}\n                                {/* </Popover> */}\n\n\n                            {/* </Col> */}\n                            <Col span={21}>\n                                <TextArea\n                                    name=\"msg\"\n                                    value={msg}\n                                    onChange={e => handleChange(e)}\n                                    onKeyPress={onInputKeydown}\n                                    onClick={unreadNotLoaded.bind(this)}\n                                    style={{\n\n                                        marginTop: \"6px\"\n                                    }} placeholder={t(\"form_chat.message\")} rows={3} bordered={false} />\n                            </Col>\n                            {/* <Col span={2} className=\"reservation-content-header-right\"> */}\n                                {/* <Popover\n                                    content={showAudio}\n                                    trigger=\"click\"\n                                    visible={visible}\n                                    onVisibleChange={handleVisibleChange}\n                                > */}\n                                    {/* <IconMicrophone\n                                        style={{\n                                            position: \"absolute\",\n                                            left: \"0px\",\n                                            top: \"10px\",\n                                            cursor: 'pointer',\n\n                                        }}\n                                    /> */}\n                                {/* </Popover> */}\n\n\n                                {/* <Dropdown overlay={menu()} trigger={['click']} placement=\"topRight\" arrow>\n\n                                    <div className=\"rolation-icon\">\n                                        <IconButtonWrapper rotation={rotation} onClick={handleClick}>\n                                            <IconPlus />\n                                        </IconButtonWrapper>\n                                    </div>\n                                </Dropdown> */}\n\n\n                            {/* </Col> */}\n                        </Row>\n\n\n\n\n\n\n                    </div>\n                </div>\n            </Col>\n            {\n                showModal.show && (\n                    <ModalUpload\n                        title={\"Upload file?\"}\n                        show={showModal.show}\n                        dataFile={showModal.dataFile}\n                        preview={showModal.preview}\n                        handleCancel={handleCancel}\n                        onFinish={onFinish}\n                       \n                    />\n                )\n            }\n        </>\n    )\n}\n\nconst mapStateToProps = state => ({\n    keycloak: get(state, 'keycloak', ''),\n    authenticated: get(state, 'keycloak.authenticated', false),\n    language: get(state, 'language', 'th')\n})\n\nexport default connect(mapStateToProps, {})(translate()(Chat))\n","import React, { useEffect, useState } from 'react'\nimport { Row, Col, Tabs } from 'antd'\nimport Header from './Header.view'\nimport {\n  IconHelper,\n  connectApproveUser,\n  routersHelper,\n  ConnectChat,\n  MessageMethod,\n  connectRealtimeAPI,\n  Reject,\n  ChangeNameMod\n} from '../../helpers'\nimport Announcement from './Announcement.view'\nimport EditAnnouncement from './EditAnnouncement.view'\nimport Chat from './../Chat/Chat.view'\nimport { translate } from 'react-i18next'\nimport _ from 'lodash'\nimport { useSelector } from 'react-redux';\n\nlet usersMe = {}\nconst Lobby = ({ t, lobbyLists}) => {\n\n  const { TabPane } = Tabs\n  const { IconUserChecked, IconInside, IconCloseGray } = IconHelper\n  const [isEdit, setIsEdit] = useState(false)\n  const { useRouter } = routersHelper\n  const router = useRouter()\n  const { roomName } = router.query\n  const [userInfo, setUserInfo] = useState('')\n  const [HistoryMsg, setHistoryMsg] = useState([]);\n  const [msg, setMsg] = useState(\"\");\n  const [logged, setLogged] = useState(false);\n  const [selected, setSelected] = useState('')\n  const contextInfo = useSelector(state => state.contextInfo)\n\n  useEffect(() => {\n\n    let f = lobbyLists.filter((i) => i.id === userInfo.id)\n    if (f.length <= 0) {\n      setLogged(false)\n    }\n\n\n    if (lobbyLists.length <= 0) {\n      setLogged(false)\n      setUserInfo('')\n    }\n\n    connectRealtimeAPI().callMethod(\"rooms/get\", \"\" + new Date().getTime(), {\n      $date: new Date().getTime() - 180 * 24 * 60 * 60,\n    }).subscribe(\n      (data) => {\n        console.log('get room', data)\n      }\n    )\n\n  }, [lobbyLists, userInfo])\n\n  useEffect(() => {\n    onLayoutHeight()\n    window.addEventListener('resize', onLayoutHeight);\n  })\n\n  // useEffect(() => {\n  //   window.location.hash = ''\n  // }, [])\n\n  // const CallApi = useCallback( async () => {\n  //   const setcID = JSON.parse(localStorage.getItem('DataManager'))\n  //   let obj = {\n  //     userId: setcID?.chatUserID, \n  //     data: { \n  //       name: contextInfo.name\n  //     }\n  //   }\n  //   let ch = await ChangeNameMod(setcID.chatUserToken, setcID.chatUserID, obj)\n  //   console.log('ch',ch)\n  // }, [contextInfo])\n\n  // useEffect(() => {\n  //   const setcID = JSON.parse(localStorage.getItem('DataManager'))\n  //   if ((_.has(contextInfo,'name') && contextInfo.name !== \"\" ) !== setcID?.name) {\n      \n  //     CallApi()\n  //   }\n  // }, [CallApi, contextInfo])\n\n\n  const onLayoutHeight = () => {\n    const navCol = document.getElementsByClassName('nav')\n    const loaderCssCol = document.getElementsByClassName('loaderCss')\n    const lobbyHeaderCol = document.getElementsByClassName('lobby-header')\n    const lobbyTab = document.getElementsByClassName(\"lobby-tab\")\n    const lobbyTabUser = document.getElementsByClassName(\"lobby-tab-user\")\n    const lobbyAnnouncement = document.getElementsByClassName(\"lobby-announcement\")\n    const chatbox = document.getElementsByClassName(\"reservation-room-lists\")\n    if (navCol[0] && lobbyHeaderCol[0]) {\n      let nav = navCol[0].offsetHeight\n      let lobbyHeader = lobbyHeaderCol[0].offsetHeight\n      let lobbyAnnouncementHeight = lobbyAnnouncement[0].offsetHeight\n      let chatting = chatbox[0]\n      const roomList = window.innerHeight - (nav + lobbyHeader)\n      lobbyTab[0].style.minHeight = `${roomList}px`\n      lobbyTabUser[0].style.height = `${roomList - (lobbyAnnouncementHeight + 60)}px`\n      if (loaderCssCol[0]) {\n        loaderCssCol[0].style.height = `${roomList - (lobbyAnnouncementHeight + 43)}px`\n      }\n      if (logged) {\n        chatting.style.height = `${roomList - 70}px`\n      }\n    }\n  }\n\n  const join = async (item) => {\n    const noti = item.chatRoomID\n    setActiveId(noti)\n    ConnectChat().emit('chat', item.id, function (data) {\n      console.log('chat', data);\n      if (data.code === 200) {\n        setSelected(item.id)\n        setUserInfo(item)\n        history(item)\n      }\n\n    })\n\n\n  }\n\n  const history = (item) => {\n    localStorage.setItem(\"chatRoomID\", item.chatRoomID)\n    removeNoti(item)\n    connectRealtimeAPI()\n      .callMethod(\"loadHistory\", item.chatRoomID, null, 50, {\n        $date: new Date().getTime() - 180 * 24 * 60 * 60,\n      })\n      .subscribe(\n        async (data) => {\n          console.log(\"loadhistory\", data);\n          if (data.msg === \"result\") {\n            if (data.error === undefined) {\n              let hisMesg = data.result.messages\n              console.log('newHisMsg', hisMesg)\n              const setcID = JSON.parse(localStorage.getItem('DataManager'))\n              \n              if (contextInfo.name !== setcID?.name) {\n                \n                let obj = {\n                  userId: setcID?.chatUserID, \n                  data: { \n                    name: contextInfo.name\n                  }\n                }\n                let ch = await ChangeNameMod(setcID.chatUserToken, setcID.chatUserID, obj)\n                console.log('ch',ch)\n              }\n              setHistoryMsg(hisMesg?.reverse());\n              setLogged(true);\n              subscribeMsg(item);\n\n            } else {\n              console.log(\"handle fail here:\", data.error.message);\n            }\n          }\n        },\n        (err) => {\n          console.log(\"loadhistory fail(may be network)\");\n          console.log(err);\n        },\n        () => console.warn(\"history Completed!\")\n      );\n  };\n\n  const SyncUser = (users) => {\n    let usersMeTmp = {}\n    users.forEach(a => {\n      // console.log('a', a)\n      // console.log('me',usersMe)\n      if (usersMe[a.id] === undefined) {\n\n        a.lastedChatAt = 0\n        usersMeTmp[a.id] = a\n        // console.log('undefiend', usersMeTmp[a.id])\n      } else {\n        usersMeTmp[a.id] = usersMe[a.id]\n        usersMeTmp[a.id].name = a.name\n        // console.log('not undefined', usersMe[a.id])\n      }\n    });\n    usersMe = usersMeTmp\n    return SortMe()\n\n  }\n\n  const SortMe = (item, lastDated) => {\n\n    let userReturn = []\n    for (let k in usersMe) {\n\n      if (!_.isUndefined(item)) {\n        if (k === item.id) {\n          usersMe[k].lastedChatAt = lastDated\n        }\n      }\n      userReturn.push(usersMe[k])\n\n    }\n    return _.orderBy(userReturn, ['lastedChatAt', 'createdAt'], ['desc', 'asc']);\n  }\n\n  const getActiveId = () => {\n    return new Promise((resolve) => {\n      resolve(localStorage.getItem('chatRoomID'))\n    })\n  }\n  const setActiveId = (noti) => {\n    return new Promise((resolve) => {\n      resolve(localStorage.setItem('chatRoomID', noti))\n    })\n  }\n\n\n  const subscribeMsg = (item) => {\n    //get stream of message:\n    connectRealtimeAPI().getSubscription(\"stream-room-messages\", item.chatRoomID, false).subscribe(\n      async (m) => {\n        console.log(\"stream-room-messages\", m);\n        const noti = m.fields?.args[0].rid\n        const activeId = await getActiveId()\n        if (activeId !== noti) {\n          item.showNoti = true\n          // try {\n          //   const element = document.querySelectorAll(`.${noti} .notification`)\n          //   if (element)\n          //     element[0].classList.add(\"noti-active\");\n          // } catch (err) {\n          //   // Do not any\n          // }\n        }\n\n        SortMe(item, m.fields?.args[0]._updatedAt.$date)\n\n        setHistoryMsg((prev) => {\n          console.log(\"HistoryMsg:\", prev);\n          let obj = Object.assign(...m.fields.args, { avatar: item.email })\n          let filter = prev.filter((i) => i._id === m.fields.args[0]._id)\n          let roomid = prev.filter((i) => i.rid === m.fields.args[0].rid)\n\n          if (roomid.length > 0) {\n            if (filter.length <= 0) {\n              return [...prev, obj];\n            } else {\n              return [...prev]\n            }\n          } else if (roomid.length <= 0) {\n            return [...prev]\n          }\n\n\n        });\n      },\n      (err) => console.error('getSubscription', err),\n      () => console.warn(\"subscribeMsg Completed!\")\n    );\n  };\n\n  const removeNoti = (item) => {\n    item.showNoti = false\n    // try {\n    //   const element = document.querySelectorAll(`.${noti} .notification`)\n    //   if (element)\n    //     element[0].classList.remove(\"noti-active\");\n    // } catch (err) {\n    //   // Do not any\n    // }\n  }\n\n  const onConnectApproveUser = (item) => {\n    removeNoti(item)\n    connectApproveUser(item.id)\n  }\n\n  const renderLobbyList = () => {\n    return Array.isArray(SyncUser(lobbyLists)) && SyncUser(lobbyLists)\n      // .sort((a, b) => {\n      //   if (a.createdAt < b.createdAt) return -1\n      //   return a.createdAt > b.createdAt ? 1 : 0\n      // })\n      .map((item, index) => {\n        return (\n          <div key={index} className={`tab-user ${item.chatRoomID} ${(selected === item.id) && `userSelect`}`}>\n            <div onClick={join.bind(this, item)} className=\"scale-name\">\n\n              {item.isMember ? <IconUserChecked /> : <div style={{ width: 20 }} />}\n              <span>{item.name}</span>\n            </div>\n            <div>\n              <div className={`notification ${item.showNoti && 'noti-active'}`} />\n              <IconInside className=\"iconInside\" onClick={onConnectApproveUser.bind(this, item)} style={{ cursor: 'pointer', margin: '5px' }} />\n              {/* <IconWave className=\"iconWave\" style={{ cursor: 'pointer', margin: '5px' }} /> */}\n              <IconCloseGray className=\"iconCloseGray\" onClick={Reject.bind(this, item)} style={{ cursor: 'pointer', margin: '5px' }} />\n            </div>\n          </div>\n        )\n      })\n  }\n\n\n  const onInputKeydown = (event) => {\n    var code = event.keyCode || event.which;\n    if (code === 13 && !event.shiftKey) {\n\n      let inputObj = {\n        msg: \"method\",\n        method: \"sendMessage\",\n        id: \"\" + new Date().getTime(),\n        params: [\n          {\n            _id: \"\" + new Date().getTime(),\n            rid: localStorage.getItem(\"chatRoomID\"),//localStorage.getItem('chat'),\n            msg: msg\n          },\n        ],\n      }\n      //connectRealtimeAPI().sendMessage(inputObj);\n      if (msg !== \"\") {\n        MessageMethod(inputObj)\n      }\n\n      setMsg('')\n      event.preventDefault();\n    }\n  }\n\n  const unreadNotLoaded = () => {\n    // const noti = localStorage.getItem(\"chatRoomID\")\n    // removeNoti(noti)\n  }\n\n  const handleChangeName = async (item) => {\n    try {\n      const name = item.name\n      const id = item.id\n      ConnectChat().emit('chat', item.id, function (data) {\n        console.log('chat', data);\n        if (data.code === 200) {\n          ConnectChat().emit('setProfile', { name, id }, function (res) {\n            console.log('setProfile', res);\n            if (res.code === 200) {\n              setSelected(item.id)\n              setUserInfo(item)\n              history(item)\n            }\n          });\n        }\n  \n      })\n\n\n      \n\n    } catch (err) {\n      console.log('err', err)\n    }\n\n\n  }\n \n  return (\n\n    <>\n      <Row>\n        <Col span={24}>\n          <Header t={t} roomName={roomName} />\n        </Col>\n      </Row>\n      <Row type=\"flex\" justify=\"center\" className=\"lobby-content container\">\n        <Col span={24}>\n          <Row>\n            <Col xxl={9} xl={10} lg={12} md={12} sm={24} className=\"lobby-tab\">\n              <Tabs defaultActiveKey=\"1\">\n\n                <TabPane tab={t(\"lobby_room_tabs.request_to_join\")} key=\"1\" className=\"lobby-tab-1\">\n                  <div className=\"lobby-tab-user\">\n\n                    {renderLobbyList()}\n\n                  </div>\n                </TabPane>\n                {/* <TabPane tab=\"Request to switch\" key=\"2\">\n                                    Content of Tab Pane 2\n                                </TabPane>\n                                <TabPane tab=\"In conference\" key=\"3\">\n                                    Content of Tab Pane 3\n                                </TabPane>\n                                <TabPane tab=\"In live\" key=\"4\">\n                                    Content of Tab Pane 4\n                                </TabPane> */}\n              </Tabs>\n              {isEdit\n                ? <EditAnnouncement setIsEdit={setIsEdit} />\n                : <Announcement setIsEdit={setIsEdit} />\n              }\n\n            </Col>\n\n\n            {\n              logged ?\n                <Chat\n\n                  msg={msg}\n                  setMsg={setMsg}\n                  onInputKeydown={onInputKeydown.bind(this)}\n                  userInfo={userInfo}\n                  handleChatApi={handleChangeName.bind(this)}\n                  HistoryMsg={HistoryMsg}\n                  unreadNotLoaded={unreadNotLoaded}\n                />\n                : \"\"\n            }\n\n\n          </Row>\n        </Col>\n\n      </Row>\n    </>\n  )\n}\n\nexport default translate()(Lobby)\n","import React from 'react'\nimport { isAndroid, isIOS } from 'react-device-detect'\nimport { Row, Col, Button, Typography } from 'antd';\nimport '../../style/style.css'\n\n\nconst ChooseDevicePage = () => {\n    const { Text } = Typography;\n\n    const handleToDowload = () => {\n        if (isIOS) {\n            window.location = `https://apps.apple.com/th/app/virtual-connect/id1503974336`\n        } else if (isAndroid) {\n            window.location = `https://play.google.com/store/apps/details?id=com.truecorp.vconnect`\n        } else {\n            window.location = window.location.origin\n        }\n    }\n\n    const handleToWeb = () => {\n        if(isIOS){\n            window.location.href = `fb691636491587233://`\n        }else if(isAndroid){\n            window.location.href = `intent://vroom.truevirtualworld.com#Intent;scheme=com.truecorp.vconnect;package=com.truecorp.vconnect;end`\n        }else{\n            window.location = window.location.origin\n        }\n\n    }\n    return (\n        <>\n            <Row type=\"flex\" justify=\"center\" className=\"mobile-header\" align=\"middle\">\n                <Col span={10}>\n                    {/* eslint-disable-next-line */}\n                    <img src={process.env.PUBLIC_URL + '/img/logo-deep-linking.png'} />\n                </Col>\n            </Row>\n            <Row type=\"flex\" justify=\"center\" align=\"middle\" className=\"text-dowload-app\">\n                <Col lg={24} md={24} sm={24} xs={24}>\n                    <Text strong>เพื่อประสิทธิภาพในการใช้งานผ่าน Mobile กรุณาใช้งานผ่านแอปพลิเคชั่น True VROOM</Text>\n                </Col>\n            </Row>\n            <Row type=\"flex\" justify=\"center\" align=\"middle\" className=\"group-download-app\" >\n                <Col lg={6} md={12} sm={12} xs={12} >\n                    <Button className=\"btn-download-app btn-download\" onClick={handleToDowload}>Download the app</Button>\n                </Col>\n            </Row>\n            <Row type=\"flex\" justify=\"center\" align=\"middle\" className=\"group-download-app\">\n                <Col lg={6} md={10} sm={12} xs={12}>\n                    <Button className=\"btn-download-app btn-continue\" onClick={handleToWeb}>Continue to the app</Button>\n                </Col>\n            </Row>\n        </>\n    )\n}\n\nexport default ChooseDevicePage","import React, { useEffect, useState } from 'react'\nimport { Alert, Col, Row } from 'antd';\nimport { isEmpty } from 'lodash';\nimport { translate } from 'react-i18next';\n\nconst AnnouncementHead = ({ t, jwt }) => {\n    const [announcementMsg, setAnnouncementMsg] = useState('')\n\n    useEffect(() => {\n        if (!isEmpty(jwt)) {\n            setAnnouncementMsg(t('lobby_participant.announcement_1'))\n        } else {\n            setAnnouncementMsg(t('lobby_participant.announcement_2'))\n        }\n\n    }, [jwt, t])\n\n    return (\n        <Row>\n            <Col span={24}>\n                <Alert\n                    className=\"participant-alert\"\n                    message={announcementMsg}\n                    type=\"error\"\n                />\n            </Col>\n        </Row>\n    )\n}\n\nexport default translate()(AnnouncementHead)\n","import { Col, Row } from 'antd'\nimport { isEmpty } from 'lodash'\nimport React from 'react'\nimport { translate } from 'react-i18next'\n\nconst AnnouncementMsg = ({ t, announcement }) => {\n    return (\n        !isEmpty(announcement) && announcement.length > 0 ? (\n            <Row className=\"announcement-row\">\n                <Col span={24}>\n                    <div className=\"participant-announcement\" >\n                        <div className=\"participant-announcement-body\">\n                            <div className=\"announcement-head\">\n                                <p className=\"announcement-title\">{t('lobby_participant.announcement_text')}</p>\n                            </div>\n                            <div className=\"announcement-body\">\n                                {announcement}\n                            </div>\n                        </div>\n                    </div >\n                </Col>\n            </Row>\n        ) : null\n    )\n}\n\nexport default translate()(AnnouncementMsg)\n","import { Col, Row } from 'antd'\nimport React from 'react'\nimport { translate } from 'react-i18next'\nimport { IconHelper } from '../../helpers/index'\n\nconst Header = ({ t }) => {\n    const { IconArrowBack } = IconHelper\n\n    const handleBack = () => {\n        window.location.href = `${window._env_.vRoomUrl}/portal`\n    }\n\n    return (\n        <Row className=\"participant-header\">\n            <Col span={24} className=\"participant-leave\">\n                <IconArrowBack\n                    style={{ cursor: 'pointer' }}\n                    onClick={handleBack}\n                />\n                <span className=\"participant-leave-text\">{t('lobby_participant.leave')}</span>\n            </Col>\n        </Row>\n    )\n}\n\nexport default translate()(Header)\n\n","import { isEmpty, isNull } from \"lodash\";\nimport { useEffect } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { anonymousRocketChat, setRocketStore, createRocketChat, setAnonymousLobby, getCookie, setOverridename } from \"../../helpers\";\nimport { SET_CONNECT_LOBBY } from \"../../redux/actions/type\";\n\nconst AnonymousRocket = ({ anonymouseInfo, roomName, isReady, reservationId }) => {\n    const dispatch = useDispatch()\n    const { name: anonymousName, id: anonymousID } = anonymouseInfo\n\n    useEffect(() => {\n        const initConn = async () => {\n            if (isReady && !isNull(reservationId)) {\n                try {\n                    const rocketChatInfo = getCookie('rocketChatInfo') ? JSON.parse(getCookie('rocketChatInfo')) : {}\n\n                    //check change Name\n                    if (!isEmpty(rocketChatInfo) && decodeURIComponent(rocketChatInfo.name) !== decodeURIComponent(anonymousName)) {\n                        await setOverridename({ overrideName: decodeURIComponent(anonymousName), chatUserID: rocketChatInfo.chatUserID }, 'AnonymousRocket')\n                    }\n\n                    //authen rocket\n                    const { chatUserID, chatUserToken } = await anonymousRocketChat({ anonymousName: decodeURIComponent(anonymousName), anonymousID })\n\n                    // createChatRoom\n                    const { data: { group: { _id, name } } } = await createRocketChat({ members: [anonymousID], name: `${reservationId}_${chatUserID}` })\n                    setRocketStore({ name: anonymousName, chatUserID, chatUserToken, reservationId })\n\n                    dispatch({\n                        type: SET_CONNECT_LOBBY,\n                        payload: {\n                            lobbyRoomID: name\n                        }\n                    })\n\n                    //connect rocket chat.\n                    setAnonymousLobby({ name: anonymousName, chatUserID, chatUserToken, roomName, reservationId, chatRoomId: _id, anonymousID }, dispatch)\n\n                } catch (error) {\n                    console.error('AnonymousRocketConn', error)\n                }\n            }\n        }\n        initConn()\n    }, [anonymousName, anonymousID, roomName, isReady, reservationId, dispatch])\n\n    return null\n}\n\nexport default AnonymousRocket\n","import React, { useEffect, useState } from 'react'\nimport { Modal, Button, Form, Input, Select, Row, Col } from 'antd';\nimport { routersHelper } from '../../helpers/index';\nimport { isEmpty } from 'lodash';\nimport { v4 as uuid } from 'uuid';\nimport AnonymousRocket from './AnonymousRocket';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { SAVE_ANONYMOUS_INFO } from '../../redux/actions/type';\nimport { translate } from 'react-i18next';\n\nconst ModalInformation = ({ t, showModal, setshowModal, roomName, reservationId }) => {\n    const [form] = Form.useForm();\n    const dispatch = useDispatch()\n    const { useRouter } = routersHelper\n    const router = useRouter()\n    const anonymouseInfo = useSelector(state => state.contextInfo.anonymousInfo)\n    const [isReady, setIsReady] = useState(false)\n\n    useEffect(() => {\n        const { name, id } = anonymouseInfo\n        if (isEmpty(name) || isEmpty(id)) {\n            setshowModal(true)\n        }\n\n        if (!isEmpty(name)) {\n            form.setFieldsValue({\n                name: decodeURIComponent(name)\n            })\n        }\n\n    }, [anonymouseInfo, setshowModal, form])\n\n    const handleOk = (e) => {\n        const nameInput = form.getFieldValue(['name'])\n        if (!isEmpty(nameInput)) {\n            handleSubmit(nameInput)\n        }\n    }\n\n    const handleName = (e) => {\n        const nameInput = form.getFieldValue(['name'])\n        if (!isEmpty(nameInput) && e.charCode === 13) {\n            handleSubmit(nameInput)\n        }\n    }\n\n    const handleCancel = (e) => {\n        setshowModal(false)\n        window.location.href = `${window._env_.vRoomUrl}/portal`\n    }\n\n    const handleSubmit = (nameInput) => {\n        form.submit()\n        setshowModal(false)\n        const anonymousID = uuid()\n        const { id } = anonymouseInfo\n        dispatch({\n            type: SAVE_ANONYMOUS_INFO,\n            payload: {\n                name: encodeURIComponent(nameInput),\n                id: isEmpty(id) ? anonymousID : id\n            }\n        })\n        setIsReady(true)\n        // setshowAnnounce(true)\n    }\n\n    return (\n        <>\n            <Modal\n                style={{\n                    top: '70px'\n                }}\n                className=\"participant-modal-information\"\n                title={t('lobby_participant.modal.head')}\n                visible={showModal}\n                onOk={handleOk}\n                closeIcon={<></>}\n                footer={[\n                    <Button style={{ background: '#FF0000', borderRadius: '4px' }} key=\"submit\" type=\"danger\" onClick={handleOk}>\n                        {t('lobby_participant.modal.ok')}\n                    </Button>,\n                    <Button key=\"back\" type=\"text\" onClick={handleCancel}>\n                        {t('lobby_participant.modal.cancel')}\n                    </Button>,\n                ]}\n            >\n                <Row>\n                    <Col>\n                        <p>\n                            {t('lobby_participant.modal.info')}\n                        </p>\n                    </Col>\n                </Row>\n                <Form\n                    form={form}\n                    layout=\"vertical\"\n                >\n                    <Form.Item\n                        name=\"name\"\n                        label={t('lobby_participant.modal.input_label')}\n                        rules={[{ required: true, message: t('lobby_participant.modal.please_specify') }]}\n                    >\n                        <Input placeholder={t('lobby_participant.modal.input_placeholder')} maxLength=\"50\" onKeyPress={handleName} />\n                    </Form.Item>\n                    {\n                        router.pathname === '/participant/live' ? (\n                            <Form.Item name=\"room\" label={t('select_label.modal.select_label')} >\n                                <Select\n                                    placeholder={t('select_label.modal.select_placeholder')}\n                                    allowClear\n                                >\n                                    <Select.Option value=\"0\">{t('lobby_participant.modal.select_option_1')}</Select.Option>\n                                    <Select.Option value=\"1\">{t('lobby_participant.modal.select_option_2')}</Select.Option>\n                                </Select>\n                            </Form.Item>\n                        ) : null\n                    }\n                </Form>\n            </Modal>\n\n            <AnonymousRocket\n                roomName={roomName}\n                anonymouseInfo={anonymouseInfo}\n                isReady={isReady}\n                reservationId={reservationId}\n            />\n        </>\n    )\n}\n\nexport default translate()(ModalInformation)\n","import { Col, Row } from 'antd';\nimport React, { useEffect } from 'react'\nimport { translate } from 'react-i18next';\nimport { useSelector } from 'react-redux';\n\nconst IframChat = ({ t, isConnect }) => {\n    const roomID = useSelector(state => state.lobby.lobbyRoomID)\n\n    useEffect(() => {\n        const contentHeight = () => {\n            const IframChat = document.getElementsByClassName('IframChat')[0]\n            const nav = document.getElementsByClassName('participant-header')[0]\n            const antAlertMessage = document.getElementsByClassName('ant-alert-message')[0]\n            const title = document.getElementsByClassName('participant-chat-title')[0]\n            const participantBody = document.getElementsByClassName('participant-chat-body')[0]\n            if (IframChat) {\n                const antAlertMessageHeight = antAlertMessage ? antAlertMessage?.offsetHeight + 20 : 0\n                const chatHeight = `${(window.innerHeight - (nav.offsetHeight) - antAlertMessageHeight) - title?.offsetHeight}px`\n                const heightChat = `${window.innerHeight - 105}px`\n                if (window.innerWidth < 1024) {\n                    participantBody.style.height = heightChat\n                    IframChat.style.height = heightChat\n                } else {\n                    participantBody.style.height = chatHeight\n                    IframChat.style.height = chatHeight\n                }\n            }\n\n        }\n        contentHeight()\n        // window.addEventListener('resize', contentHeight);\n    }, [])\n\n    /**\n     * mock show chat\n     */\n    useEffect(() => {\n        const participantChat = document.getElementsByClassName('participant-chat')[0]\n        if (participantChat && isConnect) {\n            if (window.innerWidth < 1024) {\n                participantChat.style.width = '100%'\n            } else {\n                participantChat.style.width = '400px'\n            }\n        }\n    }, [isConnect, roomID])\n\n    return (\n        <>\n            <Row>\n                <Col span={24}>\n                    <div className=\"participant-chat\">\n                        <div className=\"participant-chat-title\">\n                            {t('lobby_participant.moderator')}\n                        </div>\n                        <div\n                            className=\"participant-chat-body\"\n                            dangerouslySetInnerHTML={{\n                                __html: `<iframe \n                            class=\"IframChat\"\n                            src=\"${window._env_.rocketChatIFrameUrl}group/${roomID}?layout=embedded\" \n                            width=\"400px\"\n                            height=\"100px\"\n                            >\n                        </iframe>`\n                            }}\n                        />\n                    </div>\n                </Col>\n            </Row>\n        </>\n    )\n}\n\nexport default translate()(IframChat)\n","import { Col } from 'antd';\nimport React from 'react'\nimport { translate } from 'react-i18next';\nimport { IconHelper } from '../../helpers/index';\n\nconst Wating = ({ t, roomName }) => {\n    const { IconSpinner } = IconHelper\n    return (\n        <Col >\n            <div className=\"participant-wating\">\n                <IconSpinner\n                    style={{\n                        width: 80,\n                        height: 80,\n                        margin: '0 auto',\n                        display: 'block',\n                        shapeRendering: 'auto'\n                    }}\n                />\n            </div>\n            <p className=\"participant-wating-text-waiting\">{t('lobby_participant.wait_for_host')}</p>\n            <p className=\"participant-wating-text-room-name\">\n                {`vroom.truevirtualworld.com/${roomName}`}\n            </p>\n        </Col>\n    )\n}\n\nexport default translate()(Wating)\n","import { useEffect } from 'react'\nimport { setAuthLobby, authenRocketChat, setRocketStore, createRocketChat, setOverridename } from '../../helpers'\nimport { useDispatch } from 'react-redux'\nimport { SET_CONNECT_LOBBY } from '../../redux/actions/type'\nimport { isEmpty, isNull } from 'lodash'\nimport JwtDecode from 'jwt-decode'\n\nconst AuthRucket = ({ roomName, jwt, reservationId }) => {\n    const dispatch = useDispatch()\n\n    useEffect(() => {\n        const initConnect = async () => {\n            if (!isEmpty(jwt) && !isNull(reservationId)) {\n                try {\n                    const { context: { user: { name: memberName } } } = JwtDecode(jwt)\n\n                    //authen rocket\n                    const authRocketChat = await authenRocketChat(jwt)\n\n                    //check change Name\n                    if (memberName !== authRocketChat.name) {\n                        await setOverridename({ overrideName: memberName, chatUserID: authRocketChat.chatUserID }, 'AuthRucket')\n                        authRocketChat.name = memberName\n                    }\n\n                    //createChatRoom\n                    const { data: { group: { _id, name } } } = await createRocketChat({ members: [authRocketChat.chatUserName], name: `${reservationId}_${authRocketChat.chatUserID}` })\n                    setRocketStore({ ...authRocketChat, reservationId })\n\n                    dispatch({\n                        type: SET_CONNECT_LOBBY,\n                        payload: {\n                            lobbyRoomID: name\n                        }\n                    })\n\n                    //connect rocket chat.\n                    setAuthLobby({ ...authRocketChat, roomName, reservationId, chatRoomId: _id, chatUserID: authRocketChat.chatUserID, vtoken: jwt }, dispatch)\n                } catch (error) {\n                    console.error('AuthRucketConn', error)\n                }\n            }\n        }\n        initConnect()\n    }, [jwt, roomName, reservationId, dispatch])\n\n    return null\n}\n\nexport default AuthRucket\n","import Lobby from './Lobby/Lobby.view'\nimport ChooseDevicePage from './ChooseDevice/ChooseDevice.view';\nimport Participant from './Participant/Participant.view'\nimport Chat from './Chat/Chat.view'\n\nexport const Views = {\n    Lobby,\n    ChooseDevicePage,\n    Participant,\n    Chat,\n}","import React, { useState, useEffect } from 'react'\nimport AnnouncementHead from './AnnouncementHead'\nimport AnnouncementMsg from './AnnouncementMsg'\nimport Header from './Header'\nimport ModalInformation from './ModalInformation'\nimport Chat from './IframChat'\nimport Wating from './Wating'\nimport { isEmpty, isNull } from 'lodash'\nimport AuthRucket from './AuthRocketJWT'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { getCookie } from '../../helpers'\nimport { Tabs } from 'antd'\nimport { SET_CONNECT_LOBBY, SHOW_POPUP } from '../../redux/actions/type'\n\nconst Participant = ({ roomName, jwt, reservationId }) => {\n    const [showModal, setshowModal] = useState(true)\n    const isConnect = useSelector(state => state.lobby.connecting)\n    const announcement = useSelector(state => state.lobby.announcement)\n    const [screenWidth, setScreenWidth] = useState(0)\n    const { TabPane } = Tabs;\n    const [activeTabPane, setActiveTabPane] = useState('1')\n    const [activeTime, setActiveTime] = useState(null)\n    const dispatch = useDispatch()\n\n\n    const handleIframeChat = () => {\n        const rocketChatInfo = getCookie('rocketChatInfo') ? JSON.parse(getCookie('rocketChatInfo')) : {}\n        if (!isEmpty(rocketChatInfo) && isConnect) {\n            return <Chat isConnect={isConnect} />\n        }\n    }\n\n    const handleAuthState = () => {\n        if (!isEmpty(jwt)) {\n            return <AuthRucket\n                roomName={roomName}\n                jwt={jwt}\n                reservationId={reservationId}\n            />\n        } else {\n            return <ModalInformation\n                roomName={roomName}\n                showModal={showModal}\n                setshowModal={setshowModal}\n                reservationId={reservationId}\n            />\n\n        }\n    }\n\n    useEffect(() => {\n        document.body.style.setProperty('background-color', '#fff', 'important')\n    })\n\n    useEffect(() => {\n        onLayoutHeight()\n        window.addEventListener('resize', onLayoutHeight);\n    })\n\n    useEffect(() => {\n        if (isConnect) {\n            setActiveTabPane('2')\n        }\n    }, [isConnect])\n\n    /**\n     * set window active time\n     */\n    useEffect(() => {\n        const currrentTime = Date.parse(new Date())\n        setActiveTime(currrentTime)\n        localStorage.setItem('windowActiveTime', currrentTime)\n    }, [])\n\n    useEffect(() => {\n        setInterval(() => {\n            const getActiveTime = localStorage.getItem('windowActiveTime')\n            if (parseInt(activeTime) < parseInt(getActiveTime)) {\n                setshowModal(false)\n                dispatch({\n                    type: SET_CONNECT_LOBBY,\n                    payload: {\n                        connecting: false\n                    }\n                })\n                dispatch({\n                    type: SHOW_POPUP,\n                    payload: {\n                        isShow: true,\n                        textBody: 'popupInfo.duplicate_tap',\n                        action: `${window._env_.vRoomUrl}/portal`\n                    }\n                })\n            }\n        }, 1000);\n    }, [activeTime, dispatch])\n\n    const onLayoutHeight = () => {\n        const participantAlert = document.getElementsByClassName('participant-alert')\n        const participantWatingBox = document.getElementsByClassName('participant-wating-box')\n        if (participantAlert[0] && participantWatingBox[0]) {\n            if (window.innerWidth < 1024)\n                participantWatingBox[0].style.minHeight = `${window.innerHeight - (participantAlert[0].offsetHeight + 170)}px`\n        }\n        return setScreenWidth(window.innerWidth)\n    }\n    const handleTabclick = (key) => {\n        setActiveTabPane(key);\n    }\n    return (\n        !isNull(reservationId) ? (\n            <div>\n                <Header />\n                {screenWidth < 1024\n                    ? <Tabs onTabClick={handleTabclick} activeKey={activeTabPane} className=\"tabs-participant\">\n                        <TabPane tab=\"Waiting Room\" key=\"1\">\n                            <AnnouncementHead jwt={jwt} />\n                            <div className=\"participant-wating-box\">\n                                <Wating roomName={roomName} />\n                                <AnnouncementMsg announcement={announcement} />\n                            </div>\n                        </TabPane>\n                        <TabPane tab=\"Chat\" disabled={!isConnect} key=\"2\">\n                            {handleIframeChat()}\n                        </TabPane>\n                    </Tabs>\n                    : <div>\n                        <AnnouncementHead jwt={jwt} />\n                        <div className=\"participant-wating-box\">\n                            <Wating roomName={roomName} />\n                            <AnnouncementMsg announcement={announcement} />\n                        </div>\n                        {handleIframeChat()}\n                    </div>\n                }\n                {handleAuthState()}\n            </div>\n        ) : null\n    )\n}\n\nexport default Participant\n","import React, { useEffect } from 'react'\nimport { Views } from '../../views'\nimport { connect, useDispatch } from 'react-redux'\nimport { get } from 'lodash'\nimport { routersHelper, setCookie } from '../../helpers'\nimport { CONNECT_SOCKET, SET_LANGUAGE } from '../../redux/actions/type'\nimport i18n from '../../i18n'\n\n\nconst Lobby = ({ keycloak, authenticated, language, lobbyLists, switchLanguage }) => {\n    const { Lobby } = Views\n    const { useRouter } = routersHelper\n    const router = useRouter()\n    const dispatch = useDispatch()\n    const newLobbyLists = lobbyLists.map(item => {\n        item.showNoti = false\n        return item\n    })\n\n    useEffect(() => {\n        dispatch({\n            type: CONNECT_SOCKET,\n            payload: {\n                name: router.query,\n                dispatch\n            }\n        })\n\n        // eslint-disable-next-line\n    }, [])\n\n    //default Thai Language.\n    useEffect(() => {\n        const changeLanguage = (lng) => {\n            i18n.changeLanguage(lng)\n            setCookie('language', lng)\n            switchLanguage(lng)\n        }\n        changeLanguage('th')\n    }, [switchLanguage])\n\n    return (\n\n        <Lobby\n            keycloak={keycloak}\n            authenticated={authenticated}\n            language={language}\n            lobbyLists={newLobbyLists}\n\n        />\n    )\n}\n\nconst mapStateToProps = state => ({\n    keycloak: get(state, 'keycloak', ''),\n    authenticated: get(state, 'keycloak.authenticated', false),\n    language: get(state, 'language', 'th'),\n    lobbyLists: get(state, 'lobby.lobbyLists', []),\n})\n\nconst mapDispatchToProps = dispatch => ({\n    switchLanguage: (lang) => {\n        dispatch({\n            type: SET_LANGUAGE,\n            payload: lang\n        })\n    }\n})\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Lobby)","import React from 'react'\nimport { Views } from '../../views'\n\nconst ChooseDevicePage = () => {\n    const { ChooseDevicePage } = Views\n    return (\n        <ChooseDevicePage />\n    )\n}\n\nexport default ChooseDevicePage","import React from 'react'\nimport { useSelector } from 'react-redux';\nimport { Route, Switch } from 'react-router-dom'\nimport moment from 'moment'\nimport Header from './Header'\nimport Lobby from '../components/Lobby/Lobby.component'\nimport ChooseDevice from '../components/ChooseDevice/ChooseDevice.component';\nimport { isMobile } from 'react-device-detect'\nimport th from 'moment/locale/th'\nimport cn from 'moment/locale/zh-cn'\nimport en from 'moment/locale/es-us'\n\nconst RouteView = () => {\n    const language = useSelector(state => state.language)\n\n    if (language === 'th') {\n        moment.updateLocale('th', [th])\n    } else if (language === 'cn') {\n        moment.updateLocale('zh-cn', [cn])\n    } else {\n        moment.updateLocale('en', [en])\n    }\n\n    return (\n        <>\n            {!isMobile\n                ? <Header />\n                : <div />\n            }\n            <Switch>\n                <Route exact path=\"/lobbymanager/\" component={isMobile ? ChooseDevice : Lobby} />\n                <Route exact path=\"/lobbymanager/:roomName\" component={isMobile ? ChooseDevice : Lobby} />\n            </Switch>\n            <div />\n        </>\n    )\n}\n\nexport default RouteView","import React, { useEffect, useState } from 'react'\nimport { useSelector } from 'react-redux';\nimport { Row, Col, Button } from 'antd';\nimport { IconHelper, logoutByUser, charectorLength, setCookie } from '../helpers'\nimport { isEmpty } from 'lodash';\nimport { translate } from 'react-i18next'\nimport i18n from '../i18n'\nimport { connect } from 'react-redux'\nimport { SET_LANGUAGE } from '../redux/actions/type'\nimport { login } from '../helpers'\n\n\nconst LeftBar = ({ t, switchLanguage, language, contextInfo }) => {\n    const { IconUser, IconClose, IconEN, IconTH, IconCN, IconMenuSupport, IconContact, IconMenuPrice, IconMenuMeeting, IconMenuMyRecords } = IconHelper\n    const [context, setContext] = useState({\n        avatar: '',\n        name: '',\n        p: '',\n        pkgcode: '',\n    })\n    const [imgUrl, setImgUrl] = useState({\n        src: '',\n        errored: false\n    })\n    const leftMenuClose = () => {\n        const leftMenu = document.getElementsByClassName('leftMenu')[0];\n        const bgBlack = document.getElementsByClassName('bgBlack')[0];\n        // document.body.style.overflow = 'auto'\n        leftMenu.style.left = '-300px'\n        bgBlack.style.display = 'none'\n    }\n    const keycloak = useSelector(state => state.keycloak)\n    const { authenticated } = useSelector(state => state.keycloak)\n\n    const logout = () => {\n        logoutByUser(keycloak)\n    }\n\n    const imgError = () => {\n        if (!imgUrl.errored) {\n            setImgUrl({\n                src: `${process.env.PUBLIC_URL}/img/Mask_Group.png`,\n                errored: true,\n            })\n        }\n    }\n\n    useEffect(() => {\n        if (authenticated && !isEmpty(keycloak)) {\n            setContext({\n                ...contextInfo,\n                name: contextInfo.name.split(\" \")[0] || ''\n            })\n            setImgUrl({\n                src: contextInfo.avatar,\n                errored: false,\n            })\n        }\n    }, [authenticated, keycloak, setImgUrl, contextInfo])\n\n    const changeLanguage = (lng) => {\n        i18n.changeLanguage(lng)\n        setCookie('language', lng)\n        switchLanguage(lng)\n    }\n    const initialLanguage = { overflow: 'initial', top: '-5px', cursor: 'pointer' }\n    return (\n        <>\n            <Row>\n                <Col span={24}>\n                    <div className=\"leftMenu\">\n                        <div className=\"leftMenuSec1\">\n                            <Row type=\"flex\" justify=\"center\">\n                                <Col span={8} id=\"leftMenuUser\">\n                                    {!authenticated ? (\n                                        <IconUser style={{\n                                            background: '#fff',\n                                            borderRadius: '50px'\n                                        }} />) : (\n                                        <div className=\"userImg\">\n                                            {/* eslint-disable-next-line */}\n                                            <img src={imgUrl.src} onError={imgError} />\n                                        </div>\n                                    )\n                                    }\n                                </Col>\n                            </Row>\n                            <Row type=\"flex\" justify=\"center\">\n                                <Col span={18} className=\"leftUserText\">\n                                    <label>{t('menu_greet')}</label>\n                                    {context.name.length > 15 ?\n                                        <label>{authenticated ?\n                                            charectorLength(context.name)\n                                            : t(\"guest\")}</label>\n                                        :\n                                        <label>{authenticated ?\n                                            context.name\n                                            : t(\"guest\")}</label>\n                                    }\n                                </Col>\n                            </Row>\n                            {/* <Row type=\"flex\" justify=\"center\">\n                                <Col span={12} className=\"leftPackageText\">\n                                    <label>แพ็กเกจของคุณคือ</label>\n                                    <div>\n                                        {authenticated ? context.pkgcode : 'Guest'}\n                                    </div>\n                                </Col>\n                            </Row> */}\n                        </div>\n                        <div className=\"leftMenuSec2\">\n                            <Row type=\"flex\" justify=\"center\">\n                                <Col span={14} className=\"leftUpgradeText\">\n                                    {\n                                        !authenticated ? (\n                                            <p>{t('left_bar_text')}</p>\n                                        ) : ('')\n                                    }\n                                    {/* <Button>\n                                        <NavLink exact to=\"/portal/package\" activeClassName=\"active\">{t('menu_package')}</NavLink>\n                                    </Button> */}\n                                    {\n                                        authenticated ? (\n                                            <Button onClick={logout}>\n                                                {t('menu_logout')}\n                                            </Button>\n                                        ) : (\n                                            <Button onClick={login.bind(this, keycloak, language)}>\n                                                {t('button_signin')}\n                                            </Button>\n                                        )\n                                    }\n                                </Col>\n                            </Row>\n                        </div>\n                        {/* <div className=\"leftMenuSetup\">    \n                            <span id=\"txt-setup\"><SettingOutlined />  ตั้งค่า  </span>\n                        </div> */}\n                        <div className=\"leftMenuSec3\">\n                            <Row type=\"flex\" justify=\"center\">\n                                <Col span={17} className=\"menu\">\n                                    <ul>\n                                        {/* <li>\n                                            <NavLink exact to=\"/portal\" activeClassName=\"active\">หน้าแรก</NavLink>\n                                        </li> */}\n                                        {keycloak.authenticated\n                                            ? <li>\n                                                <a href={window._env_.mymeeting} activeclassname=\"\">\n                                                    <IconMenuMeeting style={{ marginRight: '15px' }} />\n                                                    {t(\"menu_reservation\")}\n                                                </a>\n                                            </li>\n                                            : null}\n                                        {\n                                            parseInt(window._env_.isShowPlanPrice) === 1 ? (\n                                                <li>\n                                                    <a href={window._env_.subscriptionPlanspricing}>\n                                                        <IconMenuPrice style={{ marginRight: '15px' }} />\n                                                        {t(\"menu_price\")}\n\n                                                    </a>\n                                                </li>\n                                            ) : null\n                                        }\n                                        { authenticated ? <li onClick={leftMenuClose}>\n                                            <a href={window._env_.vRoomUrl + \"/portal/myrecords\"}>\n                                                <IconMenuMyRecords\n                                                    style={{ marginRight: '10px' }}\n                                                    viewBox={`0 0 19 14`}\n                                                />\n                                                {t(\"menu_my_records\")}\n                                            </a>\n                                        </li> : null}\n                                        <li>\n                                            <a href={window._env_.SUPPORT_WEB}>\n                                                <IconMenuSupport\n                                                    style={{ marginRight: '10px' }}\n                                                    viewBox={`0 0 17 17`}\n                                                />\n                                                {t(\"menu_support\")}\n                                            </a>\n                                        </li>\n                                        {\n                                            parseInt(window._env_.isShowContactPage) === 1\n                                                ? (<li>\n                                                    <a href={`${window._env_.vRoomUrl}/portal/contact`}>\n                                                        <IconContact\n                                                            style={{ marginRight: '10px' }}\n\n                                                        />\n                                                        {t(\"menu_contact_page\")}\n                                                    </a>\n                                                </li>\n                                                ) : null\n                                        }\n                                    </ul>\n                                </Col>\n                            </Row>\n                        </div>\n                        <div className=\"leftMenuSec3\">\n                            <Row type=\"flex\" justify=\"center\">\n                                <Col span={24} className=\"menuLeft\">\n                                    <ul>\n                                        <li className=\"icon-language\">\n                                            <IconTH\n                                                width=\"30\"\n                                                height=\"30\"\n                                                style={\n                                                    language === 'th' ? { ...initialLanguage } : { filter: 'grayscale(1)', ...initialLanguage }\n                                                }\n                                                onClick={changeLanguage.bind(this, 'th')} />\n                                            <IconEN\n                                                width=\"30\"\n                                                height=\"30\"\n                                                style={\n                                                    language === 'en' ? { ...initialLanguage } : { filter: 'grayscale(1)', ...initialLanguage }\n                                                }\n                                                onClick={changeLanguage.bind(this, 'en')} />\n                                            <IconCN\n                                                width=\"30\"\n                                                height=\"30\"\n                                                style={\n                                                    language === 'cn' ? { ...initialLanguage } : { filter: 'grayscale(1)', ...initialLanguage }\n                                                }\n                                                onClick={changeLanguage.bind(this, 'cn')} />\n                                        </li>\n                                    </ul>\n                                </Col>\n                            </Row>\n                        </div>\n                    </div>\n                </Col>\n                <Col span={24}>\n                    <div className=\"bgBlack\" onClick={leftMenuClose}>\n                        <IconClose style={{\n                            left: \"310px\",\n                            top: \"10px\",\n                            position: \"relative\",\n                            cursor: \"pointer\",\n                            zIndex: 5\n                        }}\n                            onClick={leftMenuClose} />\n                    </div>\n                </Col>\n            </Row>\n        </>\n    )\n}\n\nconst mapStateToProps = state => ({\n    language: state.language,\n    contextInfo: state.contextInfo\n})\n\nconst mapDispatchToProps = dispatch => ({\n    switchLanguage: (lang) => {\n        dispatch({\n            type: SET_LANGUAGE,\n            payload: lang\n        })\n    }\n})\n\nexport default connect(mapStateToProps, mapDispatchToProps)(translate()(LeftBar))","import React, { useEffect, useState } from 'react'\nimport { Views } from '../../views'\nimport { connect } from 'react-redux'\nimport { get, isEmpty } from 'lodash'\nimport { destroyRocketChatInfo, getAuthMethod, routersHelper, setCookie } from '../../helpers'\nimport { SAVE_VROOM_TOKEN, SET_LANGUAGE } from '../../redux/actions/type'\nimport { useDispatch } from 'react-redux'\nimport i18n from '../../i18n'\n\n\n\nconst Participant = ({ language, switchLanguage }) => {\n    const { Participant } = Views\n    const { useRouter } = routersHelper\n    const router = useRouter()\n    const { match: { params } } = router\n    const { name } = params\n    const { query: { jwt, lang } } = router\n    const dispatch = useDispatch()\n    const [reservationId, setReservationId] = useState(null)\n\n\n    useEffect(() => {\n        if (isEmpty(name)) {\n            window.location.href = window._env_.vRoomUrl\n        }\n\n        if (jwt) {\n            window.history.pushState('', 'VROOM', `/${name}`);\n            dispatch({\n                type: SAVE_VROOM_TOKEN,\n                payload: {\n                    jwt\n                }\n            })\n        }\n    })\n\n    useEffect(() => {\n        const initParticipant = async () => {\n            try {\n                //clear old rocketChatInfo\n                await destroyRocketChatInfo()\n                //get reservation id\n                const { id } = await getAuthMethod(name)\n                setReservationId(id)\n            } catch (error) {\n                console.error('initParticipant', error)\n            }\n        }\n        const changeLanguage = (lng) => {\n            i18n.changeLanguage(lng)\n            setCookie('language', lng)\n            switchLanguage(lng)\n        }\n\n        initParticipant()\n\n        if (!isEmpty(lang) && lang.toLowerCase() === 'th') {\n            changeLanguage('th')\n        } else if (!isEmpty(lang) && lang.toLowerCase() === 'zhcn') {\n            changeLanguage('cn')\n        } else {\n            changeLanguage('en')\n        }\n    }, [name, lang, switchLanguage])\n\n    return (\n        <Participant\n            language={language}\n            roomName={name}\n            jwt={jwt}\n            reservationId={reservationId}\n        />\n    )\n}\n\nconst mapStateToProps = state => ({\n    language: get(state, 'language', 'th')\n})\n\nconst mapDispatchToProps = dispatch => ({\n    switchLanguage: (lang) => {\n        dispatch({\n            type: SET_LANGUAGE,\n            payload: lang\n        })\n    }\n})\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Participant)","import React from 'react'\nimport { Modal, Button } from 'antd'\nimport { routersHelper } from '../helpers'\nimport { useSelector } from 'react-redux'\nimport { IconHelper } from '../helpers'\nimport { translate } from 'react-i18next'\n\nconst PopupStatus = ({ t }) => {\n    const popupStatus = useSelector(state => state.backgroundRunning.popupStatus)\n    const { IconStatusErr } = IconHelper\n    const { useRouter } = routersHelper\n    const router = useRouter()\n    const { query: { message } } = router\n\n    const getIcon = () => {\n        switch (popupStatus.status) {\n            case 'error':\n                return <IconStatusErr style={{\n                    margin: '0 auto'\n                }} />\n            default:\n                return null;\n        }\n    }\n\n    const setRedText = () => {\n        switch (message) {\n            case 'error_text_2':\n                return 'red-text'\n            default:\n                return '';\n        }\n    }\n\n    return (\n        <Modal\n            title={popupStatus.header ? popupStatus.header : null}\n            visible={popupStatus.isShow}\n            closable={false}\n            footer={<Button onClick={popupStatus.action} type=\"primary\" className=\"btn-popup-status\">OK</Button>}\n            className=\"popup-status\"\n        >\n            <div className=\"popup-status-body\">\n                <div className=\"popup-status-icon\">\n                    {getIcon()}\n                </div>\n                <div className=\"popup-show-msg\">\n                    <p className=\"popup-status-main\">{t('error_text_main')}</p>\n                    <p className={`popup-status-text ${setRedText()}`}> {t(popupStatus.body)}</p>\n                </div>\n            </div>\n\n        </Modal >\n    )\n}\n\nexport default translate()(PopupStatus)\n\n","import React, { useEffect } from 'react'\nimport { Route, Switch, Redirect } from 'react-router-dom'\nimport ReactGA from 'react-ga'\nimport { isMobile } from 'react-device-detect'\nimport routeView from './routeView'\nimport LeftMenu from './LeftBar'\nimport Participant from '../components/Participant/Participant.component';\nimport { routersHelper } from '../helpers'\nimport { Spin } from 'antd'\nimport { useSelector } from 'react-redux'\nimport PopupStatus from '../helpers/PopupStatus'\n\nconst initializeReactGA = (page) => {\n    ReactGA.initialize(window._env_.GoogleAnalyticsKey);\n    ReactGA.pageview(page);\n}\nconst Router = () => {\n    const spinner = useSelector(state => state.backgroundRunning.spinner)\n    const { useRouter } = routersHelper\n    const router = useRouter()\n\n    useEffect(() => {\n        initializeReactGA(router.pathname)\n    }, [router.pathname])\n\n    return (\n        <>\n            <Spin spinning={spinner}>\n                <PopupStatus />\n                {!isMobile\n                    ? <LeftMenu />\n                    : <div />\n                }\n                <Switch>\n                    <Route exact path=\"/\" component={Participant} />\n                    <Route exact path=\"/:name\" component={Participant} />\n                    <Route exact path=\"/lobbymanager\" component={routeView} />\n                    <Route exact path=\"/lobbymanager/:name\" component={routeView} />\n                    <Redirect to=\"/\" />\n                </Switch>\n            </Spin>\n        </>\n    )\n}\n\nexport default Router","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import {\n    SET_KEYCLOAK\n} from '../actions/type'\n\nconst initialState = {}\n\nconst authentication = (state = initialState, action) => {\n    switch (action.type) {\n        case SET_KEYCLOAK: {\n            const payload = action.payload;\n            return payload.keycloak;\n        }\n        default:\n            return state\n    }\n}\n\nexport default authentication","import {\n    SET_LANGUAGE,\n} from '../actions/type'\n\nconst initialState = localStorage.getItem('i18nextLng')\n\nconst language = (state = initialState, action) => {\n    switch (action.type) {\n        case SET_LANGUAGE: {\n            const payload = action.payload;\n            return payload;\n        }\n        default:\n            return state\n    }\n}\n\nexport default language","import { SET_RUNNING, SET_POPUP_STATUS } from '../actions/type'\n\nconst initialState = {\n    spinner: false,\n    popupStatus: {\n        isShow: false,\n        status: '',\n        header: '',\n        body: '',\n        action: null\n    }\n}\n\nconst backgroundRunning = (state = initialState, action) => {\n    switch (action.type) {\n        case SET_RUNNING: {\n            const payload = action.payload\n            return { ...state, ...payload }\n        }\n        case SET_POPUP_STATUS: {\n            const payload = action.payload;\n            return { ...state, popupStatus: { ...payload } }\n        }\n        default:\n            return state\n    }\n}\n\nexport default backgroundRunning","import { isEmpty } from 'lodash';\nimport { REMOVE_VROOM_TOKEN, SET_CONTEXT, SET_VROOM_TOKEN, SET_ANONYMOUS_INFO, REMOVE_ANONYMOUS_INFO } from '../actions/type';\n\n\nconst initState = {\n    p: '',\n    name: '',\n    pkgcode: '',\n    email: '',\n    avatar: '',\n    vroomToken: '',\n    anonymousInfo: {\n        id: '',\n        name: ''\n    }\n}\n\nconst token = localStorage.getItem('vroomToken')\n//add token from localstorage\nif (!isEmpty(token)) {\n    initState.vroomToken = token\n}\n\nconst contextInfo = (state = initState, action) => {\n    switch (action.type) {\n        case SET_CONTEXT: {\n            const { payload } = action\n            return { ...state, ...payload };\n        }\n        case SET_VROOM_TOKEN: {\n            const { payload } = action\n            return { ...state, ...payload };\n        }\n        case REMOVE_VROOM_TOKEN: {\n            localStorage.removeItem('vroomToken')\n            return { ...state, vroomToken: '' }\n        }\n        case SET_ANONYMOUS_INFO: {\n            const { payload } = action\n            return { ...state, ...payload };\n        }\n        case REMOVE_ANONYMOUS_INFO: {\n            localStorage.removeItem('anonymousInfo')\n            const anonymousInfo = {\n                id: '',\n                name: ''\n            }\n            return { ...state, anonymousInfo }\n        }\n        default:\n            return state;\n\n    }\n}\n\nexport default contextInfo","import {\n    SET_ANNOUNCEMENT,\n    SET_CONNECT_LOBBY,\n    SET_LOBBY_LIST,\n} from '../actions/type'\n\nconst initialState = {\n    connecting: false,\n    lobbyLists: [],\n    lobbyRoomID: null,\n    announcement: ''\n}\n\nconst lobby = (state = initialState, action) => {\n    switch (action.type) {\n        case SET_LOBBY_LIST: {\n            const payload = action.payload;\n            return { ...state, ...payload };\n        }\n        case SET_CONNECT_LOBBY: {\n            const payload = action.payload;\n            return { ...state, ...payload }\n        }\n        case SET_ANNOUNCEMENT: {\n            const payload = action.payload\n            return { ...state, ...payload }\n        }\n        default:\n            return state\n    }\n}\n\nexport default lobby","import { SHOW_POPUP, HIDE_POPUP } from '../actions/type'\n\nconst initState = {\n    isShow: false,\n    textHeader: '',\n    textBody: '',\n    textButton: '',\n    action: {}\n}\n\nconst popup = (state = initState, action) => {\n    const { payload, type } = action\n    switch (type) {\n        case SHOW_POPUP:\n            return { ...state, ...payload }\n        case HIDE_POPUP:\n            return { ...state, ...payload }\n        default:\n            return state;\n    }\n}\n\nexport default popup","import { combineReducers } from 'redux'\nimport keycloak from './keycloak';\nimport language from './language'\nimport backgroundRunning from './backgroundRunning'\nimport contextInfo from './contextInfo'\nimport lobby from './lobby'\nimport popup from './popup'\n\nconst rootReducer = combineReducers({\n    keycloak,\n    language,\n    backgroundRunning,\n    contextInfo,\n    lobby,\n    popup\n})\n\nexport default rootReducer","import { put, call } from 'redux-saga/effects'\nimport { SET_LANGUAGE, SET_ANONYMOUS_INFO } from '../actions/type'\nimport i18n from '../../i18n'\nimport { getCookie } from '../../helpers'\nimport { isEmpty } from 'lodash'\n\nfunction* setLocale() {\n    const lng = getCookie('language')\n    i18n.changeLanguage(lng)\n    yield put({\n        type: SET_LANGUAGE,\n        payload: !isEmpty(lng) ? lng : 'th'\n    })\n}\n\nfunction* setAnonymouseInfo() {\n    const info = localStorage.getItem('anonymousInfo') ? JSON.parse(localStorage.getItem('anonymousInfo')) : {}\n    if (!isEmpty(info)) {\n        yield put({\n            type: SET_ANONYMOUS_INFO,\n            payload: {\n                anonymousInfo: info\n            }\n        })\n    }\n\n}\n\nfunction* startup() {\n    localStorage.removeItem(\"vtoken\")\n    yield call(setLocale)\n    yield call(setAnonymouseInfo)\n}\n\nexport default startup","import { put, call, takeLatest, select } from 'redux-saga/effects'\nimport { INIT_KEYCLOAK, SET_KEYCLOAK, LOG_OUT, SET_CONTEXT, CHECK_TOKEN_EXPIRE, CONNECT_SOCKET } from '../actions/type'\nimport { logoutByUser, getContextInfo, setCookie, destroyUserInfo, genVRoomToken, getSelector, initiateSocket, authen } from '../../helpers';\nimport Keycloak from \"keycloak-js\";\nimport { isEmpty } from 'lodash';\n\nconst languageSelector = getSelector('language')\n\nasync function onKeycloak() {\n    // const keycloak = Keycloak(process.env.PUBLIC_URL+\"/keycloak.json\");\n    const keycloak = Keycloak({ clientId: window._env_.clientid, realm: window._env_.realm, url: window._env_.keycloak_url });\n    console.log(\"onKeycloak\", keycloak)\n    await keycloak\n        .init({\n            onLoad: \"check-sso\",\n            checkLoginIframe: false,\n            silentCheckSsoRedirectUri:\n                window.location.origin + \"/\" + process.env.PUBLIC_URL + \"/silent-check-sso.html\",\n        })\n    return keycloak\n}\n\nfunction* initKeycloak() {\n    const keycloak = yield call(onKeycloak)\n    yield put({\n        type: SET_KEYCLOAK,\n        payload: {\n            keycloak,\n            authenticated: keycloak.authenticated\n        }\n    })\n\n    let { refreshToken, authenticated } = keycloak\n    setCookie('keycloak', JSON.stringify({ refreshToken, authenticated }))\n\n    if (!isEmpty(keycloak) && keycloak.authenticated) {\n        let context = yield call(getContextInfo, keycloak)\n        if (!isEmpty(context)) {\n            let { avatar, email, name, p, pkgcode } = context\n            yield put({\n                type: SET_CONTEXT,\n                payload: {\n                    avatar, email, name, p, pkgcode\n                }\n            })\n        }\n    }\n}\n\nfunction* bypassLogout({ payload }) {\n    const { path } = payload\n    const keycloak = yield call(onKeycloak)\n    yield put({\n        type: SET_KEYCLOAK,\n        payload: {\n            keycloak: keycloak\n        }\n    })\n    if (keycloak.authenticated) {\n        yield call(logoutByUser, keycloak)\n    } else {\n        window.location.href = path\n        // yield call(router.history.push, path)\n    }\n}\n\n\nfunction* checkTokenExpire() {\n    const keycloak = yield call(onKeycloak)\n    const token = yield call(genVRoomToken, keycloak)\n    const language = yield select(languageSelector)\n\n    yield put({\n        type: SET_KEYCLOAK,\n        payload: {\n            keycloak: keycloak\n        }\n    })\n    if (isEmpty(token)) {\n        destroyUserInfo()\n        window.location.href = keycloak.createLoginUrl() + `&ui_locales=${language}`\n    }\n}\n\nfunction* connectSocket({ payload }) {\n    const { name, dispatch } = payload\n    const keycloak = yield call(onKeycloak)\n    const token = yield call(genVRoomToken, keycloak)\n    const language = yield select(languageSelector)\n\n    yield put({\n        type: SET_KEYCLOAK,\n        payload: {\n            keycloak: keycloak\n        }\n    })\n    if (isEmpty(token)) {\n        destroyUserInfo()\n        window.location.href = keycloak.createLoginUrl() + `&ui_locales=${language}`\n    }\n\n    yield call(authen)\n    const setcID = JSON.parse(localStorage.getItem('setChatID'))\n    \n    yield call(initiateSocket, name, dispatch, setcID?.chatUserID)\n\n    let { refreshToken, authenticated } = keycloak\n    setCookie('keycloak', JSON.stringify({ refreshToken, authenticated }))\n\n    if (!isEmpty(keycloak) && keycloak.authenticated) {\n        let context = yield call(getContextInfo, keycloak)\n        if (!isEmpty(context)) {\n            let { avatar, email, name, p, pkgcode } = context\n            yield put({\n                type: SET_CONTEXT,\n                payload: {\n                    avatar, email, name, p, pkgcode\n                }\n            })\n        }\n    }\n}\n\n\nfunction* authentication() {\n    yield takeLatest(INIT_KEYCLOAK, initKeycloak)\n    yield takeLatest(LOG_OUT, bypassLogout)\n    yield takeLatest(CHECK_TOKEN_EXPIRE, checkTokenExpire)\n    yield takeLatest(CONNECT_SOCKET, connectSocket)\n}\n\nexport default authentication","import { takeLatest } from 'redux-saga/effects'\nimport { MOBILE_URL } from '../actions/type'\n\nfunction openUrlVroomMobile() {\n    window.location.href = '/openVroom'\n}\n\nfunction* detectMobile() {\n    yield takeLatest(MOBILE_URL, openUrlVroomMobile)\n}\n\nexport default detectMobile","import { isEmpty } from \"lodash\";\nimport { put, takeLatest } from \"redux-saga/effects\";\nimport { SAVE_ANONYMOUS_INFO, SAVE_VROOM_TOKEN, SET_ANONYMOUS_INFO, SET_VROOM_TOKEN } from \"../actions/type\";\n\nfunction* saveAnonymousInfo({ payload }) {\n    const { name, id } = payload\n    yield put({\n        type: SET_ANONYMOUS_INFO,\n        payload: {\n            anonymousInfo: { name, id }\n        }\n    })\n    localStorage.setItem('anonymousInfo', JSON.stringify({ name, id }))\n}\n\nfunction* saveVroomToken({ payload }) {\n    const { jwt } = payload\n    if (!isEmpty(jwt)) {\n        yield put({\n            type: SET_VROOM_TOKEN,\n            payload: {\n                vroomToken: jwt\n            }\n        })\n    }\n}\n\nfunction* lobby() {\n    yield takeLatest(SAVE_ANONYMOUS_INFO, saveAnonymousInfo)\n    yield takeLatest(SAVE_VROOM_TOKEN, saveVroomToken)\n}\n\nexport default lobby","import { fork } from 'redux-saga/effects'\nimport startup from './startup'\nimport authentication from './authentication'\nimport detectMobile from './detectMobile'\nimport lobby from './lobby';\n\nfunction* rootSata() {\n\n    yield fork(startup);\n    yield fork(detectMobile)\n    //except https://mon-ts.truevirtualworld.com:8443\n    if (window.location.pathname.split('/')[1] === 'lobbymanager') {\n        yield fork(authentication)\n    }\n    yield fork(lobby)\n}\n\nexport default rootSata;","import React, { useEffect } from 'react'\nimport { Modal, Button } from 'antd'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { translate } from 'react-i18next'\nimport { isEmpty } from 'lodash'\nimport { HIDE_POPUP } from '../redux/actions/type'\n\nconst PopupInfo = ({ t }) => {\n    const popup = useSelector(state => state.popup)\n    const dispatch = useDispatch()\n    const {\n        isShow,\n        textHeader,\n        textBody,\n        textButton,\n        action\n    } = popup\n    const onAction = () => {\n        if (isEmpty(action)) {\n            dispatch({\n                type: HIDE_POPUP,\n                payload: {\n                    isShow: false\n                }\n            })\n        } else {\n            window.location.href = action\n        }\n    }\n    useEffect(() => {\n\n    }, [popup])\n    return (\n        <>\n            <Modal\n                title={textHeader !== '' ? t(textHeader) : t(\"popupInfo.header\")}\n                visible={isShow}\n                className=\"modalInfo\"\n                closable={false}\n                width={388}\n                footer={<div>\n                    <Button onClick={onAction.bind(this)}>{textButton !== '' ? t(textButton) : t(\"popupInfo.button\")}</Button>\n                </div>}\n            >\n                <label>{t(textBody)}</label>\n            </Modal>\n        </>\n    )\n}\n\nexport default translate()(PopupInfo)","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './style/style.css'\nimport './style/participant.css'\nimport 'antd/dist/antd.css'; // or 'antd/dist/antd.less'\nimport './i18n'\nimport Router from './route/index';\nimport * as serviceWorker from './serviceWorker';\nimport { BrowserRouter } from 'react-router-dom'\nimport { Provider } from 'react-redux'\nimport { createStore, applyMiddleware, compose } from 'redux'\nimport rootReducer from './redux/reducers'\nimport createSagaMiddleware from 'redux-saga'\nimport rootSaga from './redux/sagas'\nimport PopupInfo from './shared/PopupInfo'\nimport VConsole from 'vconsole';\n\nif (window._env_.APP_ENV === 'test3') {\n  const vConsole = new VConsole();\n  vConsole.setOption({ maxLogNumber: 5000 });\n}\n\nconst sagaMiddleware = createSagaMiddleware()\nconst composeEnhancer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\n\nconst store = createStore(\n  rootReducer,\n  composeEnhancer(applyMiddleware(sagaMiddleware))\n)\n\nsagaMiddleware.run(rootSaga)\n\n\nconst AppWithRouter = () => (\n  <BrowserRouter>\n    <PopupInfo />\n    <Router />\n  </BrowserRouter>\n)\n\nReactDOM.render(\n  <Provider store={store}>\n    <AppWithRouter />\n  </Provider>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}