https://onna-intro.web.app/static/js/29.b18ac688.chunk.js

1"use strict";(self.webpackChunkintro_3d=self.webpackChunkintro_3d||[]).push([[29],{2793:function(){},5689:function(e,n,t){t.d(n,{i:function(){return o},n:function(){return i}});var o=[{title:"DCC",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F3195394-uhd_3840_2160_25fps.mp4?alt=media&token=ae876db4-bc11-452a-b8ba-2cbf5531d8ac",src:""},{title:"\uc804\uc2dc",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F4114797-uhd_3840_2160_25fps.mp4?alt=media&token=412c3149-8a99-4199-863f-fe5113b9a498",src:""},{title:"\uc5ec\ud589",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F5532774-uhd_4096_2160_25fps.mp4?alt=media&token=27f7cdf4-f359-4702-9251-edd77a2a9be9",src:""},{title:"\uacf5\uc5f0",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F5752729-uhd_3840_2160_30fps.mp4?alt=media&token=ac2e4c1b-f900-47e3-8fba-d10a8ae23819",src:""},{title:"\uc219\ubc15",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2Fsample_video.mp4?alt=media&token=cec7a2bc-a032-4cec-88ed-2bb6b4c685bb",src:""},{title:"\uc1fc\ud551 & \uc2dd\uc0ac",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F3195394-uhd_3840_2160_25fps.mp4?alt=media&token=ae876db4-bc11-452a-b8ba-2cbf5531d8ac",src:""}],i=[{title:"DCC",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F3195394-uhd_3840_2160_25fps.mp4?alt=media&token=ae876db4-bc11-452a-b8ba-2cbf5531d8ac",src:""},{title:"Exhibition",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F4114797-uhd_3840_2160_25fps.mp4?alt=media&token=412c3149-8a99-4199-863f-fe5113b9a498",src:""},{title:"Travel",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F5532774-uhd_4096_2160_25fps.mp4?alt=media&token=27f7cdf4-f359-4702-9251-edd77a2a9be9",src:""},{title:"Performance",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F5752729-uhd_3840_2160_30fps.mp4?alt=media&token=ac2e4c1b-f900-47e3-8fba-d10a8ae23819",src:""},{title:"Accommodation",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2Fsample_video.mp4?alt=media&token=cec7a2bc-a032-4cec-88ed-2bb6b4c685bb",src:""},{title:"Shopping & Dining",image:"https://lh3.googleusercontent.com/p/AF1QipNCwsmU1eSVC7eXrpmAsud_cG8krmfm2uvUBiy5=s1360-w1360-h1020",videoLink:"https://firebasestorage.googleapis.com/v0/b/onna-intro.appspot.com/o/TEST_FILE%2FVIDEO%2F3195394-uhd_3840_2160_25fps.mp4?alt=media&token=ae876db4-bc11-452a-b8ba-2cbf5531d8ac",src:""}]},2182:function(e,n,t){t.d(n,{u:function(){return o}});var o=({NODE_ENV:"production",PUBLIC_URL:"",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,FAST_REFRESH:!0}.REACT_APP_MEDIA_BASE_URL||"https://dcc-media.onna.workers.dev").replace(/\/$/,"")},2122:function(e,n,t){t.d(n,{H:function(){return l}});var o=t(4165),i=t(5861),r=t(9439),a=t(1233),s=function(){var e=(0,i.Z)((0,o.Z)().mark((function e(n){return(0,o.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(e){var t=document.createElement("video");t.onloadeddata=function(){return e("success")},t.onerror=function(){return e("error")},t.src=n,t.load()})));case 1:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),c=function(){var e=(0,i.Z)((0,o.Z)().mark((function e(n){return(0,o.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(e){var t=new Image;t.onload=function(){return e("success")},t.onerror=function(){return e("error")},t.src=n})));case 1:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),l=function(e,n){var t=(0,a.useState)("loading"),l=(0,r.Z)(t,2),p=l[0],u=l[1];return(0,a.useEffect)((function(){if(!e||Array.isArray(e)&&0===e.length)u("error");else{var t=function(){var t=(0,i.Z)((0,o.Z)().mark((function t(){var i,r;return(0,o.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(u("loading"),!Array.isArray(e)){t.next=8;break}return t.next=4,Promise.all(e.map((function(e){return"image"===n?c(e):s(e)})));case 4:i=t.sent,u(i.every((function(e){return"success"===e}))?"success":"error"),t.next=19;break;case 8:if("image"!==n){t.next=14;break}return t.next=11,c(e);case 11:t.t0=t.sent,t.next=17;break;case 14:return t.next=16,s(e);case 16:t.t0=t.sent;case 17:r=t.t0,u(r);case 19:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();t()}}),[e,n]),p}},7933:function(e,n,t){t.d(n,{Z:function(){return U}});

1var o,i,r,a,s,c=t(168),l=t(1413),p=t(4165),u=t(5861),d=t(9439),f=t(5987),m=t(955),g=t(1233),h=t(1606),b=t(2182),v=[{title:"\ud648 \ubc14\ub85c\uac00\uae30",src:"/kiosk/hall1/intro",src2:"/kiosk/hall2/intro",icon:"".concat(b.u,"/Image/Nav/home%20(1)%201.svg"),label:"intro"},{title:"\uad6d\uc81c\ud68c\uc758\ubcf5\ud569\uc9c0\uad6c",src:"/kiosk/hall1/international",src2:"/kiosk/hall2/international",icon:"".concat(b.u,"/Logo/logo_after.svg"),label:"international"},{title:"\uce35\ubcc4\uc548\ub0b4",src:"/kiosk/hall1/floor",src2:"/kiosk/hall2/floor",icon:"".concat(b.u,"/Image/Nav/floor_after.svg"),label:"floor"}],k=[{title:"HOME",src:"/kiosk/hall1/intro",src2:"/kiosk/hall2/intro",icon:"".concat(b.u,"/Image/Nav/home%20(1)%201.svg"),label:"intro"},{title:"DSCC",src:"/kiosk/hall1/international",src2:"/kiosk/hall2/international",icon:"".concat(b.u,"/Logo/logo_after.svg"),label:"international"},{title:"FLOOR",src:"/kiosk/hall1/floor",src2:"/kiosk/hall2/floor",icon:"".concat(b.u,"/Image/Nav/floor_after.svg"),label:"floor"}],_=t(7710),w=(t(2793),t(2122)),x=t(4110),E=t(7881);var F,Z=function(e){var n=e.logoUrl,t=(0,h.I0)(),o=(0,x.s0)(),i=((0,w.H)(n,"image"),(0,h.v9)((function(e){return e.global})).lang),r=(0,g.useState)(v),a=(0,d.Z)(r,2),s=a[0],c=a[1],l=(0,g.useState)("hall1"),p=(0,d.Z)(l,2),u=p[0],f=p[1],m=(0,g.useState)("international"),b=(0,d.Z)(m,2),F=(b[0],b[1]),Z=function(e){t((0,_.te)(e))};return(0,g.useEffect)((function(){c("eng"===i?k:v)}),[i]),(0,g.useEffect)((function(){var e=window.location.pathname;f(e.includes("hall1")?"hall1":"hall2"),F(e.includes("international")?"international":e.includes("floor")?"floor":null)}),[]),(0,E.jsxs)(y,{children:[(0,E.jsx)(S,{}),(0,E.jsx)(C,{children:s.map((function(e,n){return(0,E.jsxs)(A,{onClick:function(){var n;n="hall1"===u?e.src:e.src2,o(n+"/daejeon?floor=0"),t((0,_.Cg)())},children:[(0,E.jsx)("div",{style:{width:"60px",height:"60px"},children:(0,E.jsx)("img",{src:e.icon,alt:e.title})}),(0,E.jsx)("span",{children:e.title})]},n)}))}),(0,E.jsxs)(I,{children:[(0,E.jsx)("span",{onClick:function(){Z("kor")},className:"kor"===i?"selected":"",children:"KOR"}),(0,E.jsx)("span",{onClick:function(){Z("eng")},className:"eng"===i?"selected":"",children:"ENG"})]})]})},y=m.Z.div(o||(o=(0,c.Z)(["\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 20px;\n  background-color: rgba(255, 255, 255, 0.5);\n  z-index: 999;\n  border-top: 1px solid #e0e0e0;\n  height: 100px;\n"]))),S=m.Z.div(i||(i=(0,c.Z)(["\n  flex: 1;\n"]))),C=m.Z.ul(r||(r=(0,c.Z)(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 100%;\n"]))),A=m.Z.li(a||(a=(0,c.Z)(["\n  padding: 0;\n  margin: 0;\n  flex: 1;\n  font-weight: bold;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.05rem;\n  text-align: center;\n  color: #696969;\n  cursor: pointer;\n  min-width: 150px;\n  height: 100%;\n  > div {\n    display: flex;\n    justify-content: center;

1\n    align-items: center;\n  }\n  & img {\n    height: 100%;\n  }\n  :first-child img,\n  :last-child img {\n    height: 35px;\n  }\n"]))),I=m.Z.div(s||(s=(0,c.Z)(["\n  flex: 1;\n  display: flex;\n  justify-content: flex-end;\n  min-width: 120px;\n  gap: 20px;\n  & span {\n    cursor: pointer;\n    font-weight: bold;\n    font-size: 1.25rem;\n    color: #9a9a9a;\n  }\n  & span.selected {\n    color: #000;\n  }\n"]))),T=t(4362),L=["children"];var U=function(e){var n=e.children,t=(0,f.Z)(e,L),o=(0,x.UO)().id,i=(0,g.useState)(""),r=(0,d.Z)(i,2),a=r[0],s=r[1];return(0,g.useEffect)((function(){function e(){return(e=(0,u.Z)((0,p.Z)().mark((function e(){var n,t,i,r,a;return(0,p.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,t="".concat(o,"_kiosk"),e.next=4,(0,T.RZ)().collection("intro_3d").where("title","==",t).get();case 4:i=e.sent,r=null===(n=i.docs[0])||void 0===n?void 0:n.data(),a=r.logoUrl,s(a),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(0),console.error("fetchData : "+e.t0);case 12:case"end":return e.stop()}}),e,null,[[0,9]])})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]),(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(j,(0,l.Z)((0,l.Z)({},t),{},{children:n})),(0,E.jsx)(Z,{logoUrl:a})]})},j=m.Z.main(F||(F=(0,c.Z)(["\n  display: flex;\n  flex-direction: column;\n  height: calc(100dvh - 100px);\n  width: 100dvw;\n  overflow: hidden;\n  position: relative;\n"])))},4362:function(e,n,t){t.d(n,{RZ:function(){return s}});var o,i=t(166),r=(t(12),t(8922),t(7450),t(5371),t(808),t(4398));o=i.Z.apps.length?i.Z.app():i.Z.initializeApp({apiKey:"AIzaSyD_J6co0sszgi7-kT15FejALah5n4cv1Qs",authDomain:"onna-intro.firebaseapp.com",projectId:"onna-intro",storageBucket:"onna-intro.appspot.com",messagingSenderId:"529352369673",appId:"1:529352369673:web:e87e2f5f3dd3e8ab673ad8",measurementId:"G-1Q5WLR41NX"});var a=new r.Z(o),s=(i.Z.analytics(),o.firestore(),i.Z.firestore);a.firestore,o.storage()},5029:function(e,n,t){t.r(n);var o,i,r=t(168),a=t(9439),s=t(1233),c=t(1606),l=t(5689),p=t(955),u=t(7933),d=t(7881);n.default=function(e){e.isKiosk;var n=(0,c.v9)((function(e){return e.global})).lang,t=(0,s.useState)(l.i),o=(0,a.Z)(t,2),i=o[0],r=o[1];return(0,s.useEffect)((function(){r("eng"===n?l.n:l.i)}),[n]),(0,d.jsx)(u.Z,{children:(0,d.jsx)(f,{children:i.map((function(e,n){return(0,d.jsxs)(m,{onClick:function(){window.open(e.src,"_blank")},children:[(0,d.jsx)("img",{src:e.image,alt:e.image}),(0,d.jsx)("span",{children:e.title})]},n)}))})})};var f=p.Z.div(o||(o=(0,r.Z)(["\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n  gap: 40px;\n  overflow: hidden;\n  padding: 20px;\n"]))),m=p.Z.div(i||(i=(0,r.Z)(["\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border-radius: 10px;\n  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);\n  & img {\n    width: 100%;\n    height: 100%;\n\n    filter: brightness(0.6);\n  }\n  & span {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    color: #fff;\n    text-align: center;\n    font-size: 3.5rem;\n    font-weight: bold;\n    opacity: 0.8;\n    padding: 0 20px;\n    word-break: keep-all;\n    word-wrap: break-word;\n  }\n"])))},5987:function(e,n,t){t.d(n,{Z:function(){return i}});var o=t(3366);function i(e,n){if(null==e)return{};var t,i,r=(0,o.Z)(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}}}]);
2//# sourceMappingURL=29.b18ac688.chunk.js.map