"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9482],{72601:function(e,t,n){n.d(t,{q:function(){return l}});var o=n(87800),i=(n(27378),n(10043)),r=n(5014),a=n(1684),c=n(45835),l=function(e){var t=e.userName,n=e.avatarUrl,i=e.size,l=void 0===i?"lg":i,u=e.iconColor,f=e.onClick,h=e.flexShrink,m=a.DZ[l];return n&&!(0,r.ES)(n)?(0,o.tZ)(c.E,{"data-cy":"avatar-image","data-testid":"avatar-image",css:s(m,f,h),onClick:f,width:Number.parseInt(m),height:Number.parseInt(m),src:n,loading:"lazy",alt:t,imgixParams:{fit:"crop",auto:"format"}}):(0,o.BX)("svg",{"data-cy":"avatar-svg","data-testid":"avatar-svg",css:d(m,f,h),onClick:f,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:[t&&(0,o.tZ)("title",{children:t}),(0,o.tZ)("circle",{cx:"12",cy:"12",r:"11.5",fill:"white"}),(0,o.tZ)("path",{fill:null!==u&&void 0!==u?u:a.Il.user.foreground.lightGray,d:"M12 0C5.37097 0 0 5.37097 0 12C0 18.629 5.37097 24 12 24C18.629 24 24 18.629 24 12C24 5.37097 18.629 0 12 0ZM12 4.64516C14.3516 4.64516 16.2581 6.55161 16.2581 8.90323C16.2581 11.2548 14.3516 13.1613 12 13.1613C9.64839 13.1613 7.74194 11.2548 7.74194 8.90323C7.74194 6.55161 9.64839 4.64516 12 4.64516ZM12 21.2903C9.15968 21.2903 6.61452 20.0032 4.91129 17.9903C5.82097 16.2774 7.60161 15.0968 9.67742 15.0968C9.79355 15.0968 9.90968 15.1161 10.021 15.15C10.65 15.3532 11.3081 15.4839 12 15.4839C12.6919 15.4839 13.3548 15.3532 13.979 15.15C14.0903 15.1161 14.2065 15.0968 14.3226 15.0968C16.3984 15.0968 18.179 16.2774 19.0887 17.9903C17.3855 20.0032 14.8403 21.2903 12 21.2903Z"})]})},s=function(e,t,n){return(0,i.iv)("width:",e,";height:",e,";object-fit:cover;border-radius:50%;",t&&"cursor: pointer;","  flex-shrink:",n,";")},d=function(e,t,n){return(0,i.iv)("width:",e,";height:",e,";",t&&"cursor: pointer;","  flex-shrink:",n,";")}},18204:function(e,t,n){n.d(t,{T:function(){return a}});var o=n(87800),i=(n(27378),n(10043)),r=n(1684),a=function(e){var t=e.horizontalScrolling,n=e.children;return(0,o.tZ)("div",{css:c(!!t),children:n})},c=function(e){return(0,i.iv)("width:calc(100% - ",r.I2.sideMargins," * 2);margin:0 ",r.I2.sideMargins,";@media (max-width:",r.Uo.lg,"){width:",e?"100%":"calc(100% - ".concat(r.I2.sideMargins," * 2)"),";margin:0 ",e?"auto":"".concat(r.I2.sideMargins),";}")}},45835:function(e,t,n){n.d(t,{E:function(){return s}});var o=n(68772),i=n(93334),r=n(50919),a=n(87800),c=(n(27378),n(5615)),l=n(59578),s=function(e){var t=e.src,n=e.disableQualityByDPR,s=e.disableSrcSet,d=e.disableLibraryParam,u=e.imgixParams,f=e.attributeConfig,h=e.onMounted,m=(0,r.Z)(e,["src","disableQualityByDPR","disableSrcSet","disableLibraryParam","imgixParams","attributeConfig","onMounted"]);if(function(e){return/\.gif($|\?)/i.test(e)||e.indexOf("storage.googleapis.com/users-cuuf")<0}(t))return(0,a.tZ)("img",(0,i.Z)((0,o.Z)({src:t},m),{alt:m.alt}));var p=(0,l.r)(t),b=m.sizes,g=m.width,x=m.height,y=m.className,Z=(0,r.Z)(m,["sizes","width","height","className"]);return(0,a.tZ)(c.ZP,{src:p,className:y,disableQualityByDPR:n,disableSrcSet:s,disableLibraryParam:d,imgixParams:u,attributeConfig:f,onMounted:h,sizes:b,width:g,height:x,htmlAttributes:Z})}},59578:function(e,t,n){n.d(t,{r:function(){return i}});var o=n(25903),i=function(e){var t=(0,o.j)(),n=void 0===(null===t||void 0===t?void 0:t.envName),i=n?"storage.googleapis.com/users-cuuf-local":"storage.googleapis.com/users-cuuf",r=n?"commmune-local.imgix.net":"commmune.imgix.net";return e.replace(i,r)}},32823:function(e,t,n){var o=n(27378),i=n(1684);t.Z=function(e){var t=(0,o.useState)(!1),n=t[0],r=t[1],a=(0,o.useCallback)((function(e){r(e.matches)}),[]);return(0,o.useEffect)((function(){if("matchMedia"in window&&e){var t=window.matchMedia("(max-width: ".concat(i.Uo[e],")"));return r(t.matches),t.addEventListener("change",a),function(){t.removeEventListener("change",a)}}}),[e,a]),n}},9399:function(e,t,n){n.d(t,{m:function(){return c}});var o=n(37254),i=n(67996),r=n(51413),a=n(70265),c=function(e){var t=e.spElement,n=e.pcElement,c=(0,o.useSelector)(r.o),l=(0,a.Y)();return(0,i.b9)(c)&&!l?n:t}},42605:function(e,t,n){n.d(t,{O:function(){return b},m:function(){return m}});var o=n(3865),i=n(68772),r=n(93334),a=n(87800),c=(n(27378),n(20373)),l=n(95541),s=n(37088),d=n(76688),u=n(37254),f=(0,c.Z)({root:{minHeight:"auto"},indicator:{display:"none"}}),h={"data-cy":"tab-scroll-button"},m=function(e){var t=f();return(0,a.tZ)(l.Z,(0,r.Z)((0,i.Z)({},e),{classes:t,variant:"scrollable",scrollButtons:"on",TabScrollButtonProps:h}))},p=(0,c.Z)({root:function(e){var t=e.activeColor;return{textTransform:"inherit",fontSize:"inherit",flex:"auto",minWidth:"fit-content",maxWidth:172,opacity:1,minHeight:"40px",fontWeight:"bold",color:e.defaultColor,"&:hover":{background:(0,d.m4)(t,.08),opacity:1,"&::before":{content:'""',position:"absolute",height:"2px",bottom:0,width:"calc(100% - 48px)",background:t}},"&:active":{background:(0,d.m4)(t,.16)},"&:focus":{outline:"none"}}},selected:function(e){var t=e.activeColor;return{color:t,"&::before":{content:'""',position:"absolute",height:"2px",bottom:0,width:"100%",background:t},"&:hover::before":{width:"100%"},"&:focus":{outline:"none"}}}}),b=function(e){var t=(0,o.Z)({},e),n=(0,u.useSelector)((function(e){return e.site.common.colors})),c=n.tabActive.color,l=n.tab.color,d=p({activeColor:c,defaultColor:l});return(0,a.tZ)(s.Z,(0,r.Z)((0,i.Z)({},t),{classes:d,disableRipple:!0}))}},50446:function(e,t,n){n.d(t,{q:function(){return d}});var o=n(87800),i=n(14722),r=n.n(i),a=n(27378),c=n(60042),l=n.n(c),s=n(1294),d=function(e){var t=e.size&&e.size>44?e.size:44,n=e.size||44;return(0,o.BX)(a.Fragment,{children:[(0,o.tZ)("div",{"data-cy":e["data-cy"],className:r().dynamic([["f50d617757f7a09b",[n,n,n,n]]])+" avatar-wrapper",children:(0,o.tZ)(s.t,{src:e.src,className:l()("avatar",e.className),style:e.style,color:e.tabActiveColor,imgixWidth:t})}),(0,o.tZ)(r(),{id:"f50d617757f7a09b",dynamic:[n,n,n,n],children:".avatar-wrapper.__jsx-style-dynamic-selector{display:inline-block}.avatar-wrapper.__jsx-style-dynamic-selector>.avatar{vertical-align:middle;width:".concat(n,"px;height:").concat(n,"px;max-width:").concat(n,"px;max-height:").concat(n,"px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-o-object-fit:cover;object-fit:cover}")})]})}},45981:function(e,t,n){n.d(t,{M:function(){return y}});var o=n(87800),i=n(68772),r=n(93334),a=n(50919),c=(n(27378),n(69824)),l=n(51142),s=n(20373),d=n(65136),u=n(93937),f=n(60042),h=n.n(f),m=n(1684),p=function(e){var t=e.id,n=e.className,s=void 0===n?"":n,d=e.inputRef,f=e.value,m=e.onChange,p=e.placeholder,g=void 0===p?"":p,x=e.disabled,y=void 0!==x&&x,Z=e.style,v=(0,a.Z)(e,["id","className","inputRef","value","onChange","placeholder","disabled","style"]),w=b();return(0,o.BX)(c.Z,{id:t,component:"section",className:h()(w.container,s),style:Z,children:[(0,o.tZ)(c.Z,{className:w.iconContainer,children:(0,o.tZ)(u.Z,{})}),(0,o.tZ)(c.Z,{className:w.formContainer,children:(0,o.tZ)(l.Z,(0,r.Z)((0,i.Z)({},v),{type:"text",fullWidth:!0,inputRef:d,className:w.inputBase,value:f,onChange:m,placeholder:g,disabled:y,inputProps:{maxLength:300}}))})]})},b=(0,s.Z)((function(){return(0,d.Z)({container:{display:"flex",alignItems:"center",height:"".concat(m.Ki[10]),padding:"0 ".concat(m.Ki[5]),backgroundColor:"".concat(m.Il.user.background.xxlightGray),border:"1px solid ".concat(m.Il.user.border.default),borderRadius:"".concat(m.iT.user.button)},iconContainer:{width:"".concat(m.Ki[10])},formContainer:{display:"flex",flex:1,alignItems:"center"},inputBase:{border:"none","& .MuiInputBase-input":{fontSize:"".concat(m.Bf[400]),lineHeight:"".concat(m.L3[300]),color:"".concat(m.Il.user.foreground.textGray)},"& .MuiInputBase-input::placeholder":{fontSize:"".concat(m.Bf[200]),lineHeight:"".concat(m.L3[100]),fontWeight:"bold",color:"".concat(m.Il.user.foreground.textGray)}}})})),g=n(64324),x=n(43444),y=function(e){var t=e.autoFocus,n=(0,g.d)(t),i=n.inputRef,r=n.placeholder,a=n.value,c=n.onChange,l=n.onKeyDown;return(0,o.tZ)(p,{id:x.re,placeholder:r,value:a,inputRef:i,onChange:c,onKeyDown:l})}},5931:function(e,t,n){n.d(t,{F:function(){return gt}});var o=n(68772),i=n(93334),r=n(87800),a=n(27378),c=n(86677),l=n(9078),s=n(69528),d=n(87256),u=n(14722),f=n.n(u),h=n(37254),m=n(67996),p=n(18204),b=n(9399),g=n(50919),x=n(39945),y=n(60042),Z=n.n(y),v=n(72205),w=n(76660),k=n(1684),I=n(58678),C=n(50446),N=n(43444),B=function(e){var t=e.className,n=e.color,a=e.to,c=(0,g.Z)(e,["className","color","to"]);return(0,r.BX)(r.HY,{children:[(0,r.tZ)(I.rU,{route:a,children:(0,r.tZ)("div",(0,i.Z)((0,o.Z)({},c),{className:f().dynamic([["da6be5f86d696f19",[n,k.iT.user.button,k.Bf[300],k.L3[100],k.oU[10],k.Ki[6]]]])+" "+(c&&null!=c.className&&c.className||Z()(t,"button")||"")}))}),(0,r.tZ)(f(),{id:"da6be5f86d696f19",dynamic:[n,k.iT.user.button,k.Bf[300],k.L3[100],k.oU[10],k.Ki[6]],children:".button.__jsx-style-dynamic-selector{background:".concat(n,";color:#fff;-webkit-border-radius:").concat(k.iT.user.button,";-moz-border-radius:").concat(k.iT.user.button,";border-radius:").concat(k.iT.user.button,";font-weight:bold;font-size:").concat(k.Bf[300],";line-height:").concat(k.L3[100],";height:").concat(k.oU[10],";padding:0 ").concat(k.Ki[6],";display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}")})]})},E=function(e){var t,n=(0,l.$)(["components/organisms/nav_bar"]).t,o=(0,h.useSelector)((function(e){return e.site.common.colors})),i=(0,c.useRouter)().pathname;return(0,r.BX)("section",{className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" end-justified-content",children:[(0,r.tZ)("span",{id:N.Pr,className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" icons position-relative",children:(0,r.tZ)(I.rU,{route:"/view/notification",passHref:!0,children:(0,r.BX)("a",{className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" notification-icon-anchor",children:[!i.startsWith("/view/notification/dm")&&i.startsWith("/view/notification")?(0,r.tZ)(w.J,{source:"Bell_Fill",size:6,color:"default"}):(0,r.tZ)(w.J,{source:"Bell",size:6,color:"default"}),e.notNotificationReadCount>0&&(0,r.tZ)("span",{"data-cy":"notification-badge",className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" icon-badge notification-badge",children:e.notNotificationReadCount})]})})}),(0,r.tZ)("span",{className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" icons position-relative",children:(0,r.tZ)(I.rU,{route:"/view/bookmarks",passHref:!0,children:(0,r.tZ)("a",{className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" bookmark-icon-anchor",children:"/view/bookmarks"===i?(0,r.tZ)(w.J,{source:"Bookmark_Fill",size:6,color:"default"}):(0,r.tZ)(w.J,{source:"Bookmark",size:6,color:"default"})})})}),!!e.showDMIcon&&(0,r.tZ)("span",{className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" icons position-relative",children:(0,r.BX)("button",{onClick:e.handleClickDMButton,"data-cy":"dm-button",className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" dm-button",children:["/view/usermessages"===i||i.startsWith("/view/notification/dm")?(0,r.tZ)(w.J,{source:"DM_Fill",size:6,color:"default"}):(0,r.tZ)(w.J,{source:"DM",size:6,color:"default"}),e.notDMReadCount>0&&(0,r.tZ)("span",{"data-cy":"dm-badge",className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" icon-badge dm-badge",children:e.notDMReadCount}),e.notDMReadCount<=0&&(0,r.tZ)(v.C,{dot:e.unreadReaction,color:x.Z.NOTIFICATION})]})}),(0,r.tZ)("span",{id:N.IZ,className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]]),children:(0,r.tZ)(I.rU,{route:"/view/mypage",passHref:!0,children:(0,r.tZ)("a",{className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]]),children:(0,r.tZ)(C.q,{src:e.userIconPath,tabActiveColor:o.tabActive.color,size:32})})})}),(0,r.tZ)("span",{id:N.IZ,className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]]),children:e.isLogin?e.shouldShowPostButton&&(0,r.BX)(B,{color:o.post.backgroundColor,to:null!==(t=e.newPostButtonLinkTo)&&void 0!==t?t:"","data-cy":"navbar-post-button",children:[(0,r.tZ)("span",{className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" button-post",children:(0,r.tZ)(w.J,{source:"Pencil",size:3,color:"on"})}),n("Create post")]}):(0,r.BX)(B,{color:o.post.backgroundColor,to:"/view/signin",children:[(0,r.tZ)("i",{className:f().dynamic([["41f672420d39921d",[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION]]])+" fas fa-user button-icon"}),n("Log In")]})}),(0,r.tZ)(f(),{id:"41f672420d39921d",dynamic:[x.Z.BLACK,k.Ki[5],x.Z.WHITE,x.Z.NOTIFICATION],children:".end-justified-content.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.end-justified-content.__jsx-style-dynamic-selector>*.__jsx-style-dynamic-selector:not(:first-child){margin-left:24px}.icons.__jsx-style-dynamic-selector{font-size:26px;color:".concat(x.Z.BLACK,";text-align:center;width:32px}.button-post.__jsx-style-dynamic-selector{margin-right:").concat(k.Ki[5],"}.notification-icon-anchor.__jsx-style-dynamic-selector{width:32px;height:32px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none}.bookmark-icon-anchor.__jsx-style-dynamic-selector{width:32px;height:32px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none}.icon-badge.__jsx-style-dynamic-selector{position:absolute;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:bold;color:").concat(x.Z.WHITE,';z-index:2;&.__jsx-style-dynamic-selector::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:').concat(x.Z.NOTIFICATION,';-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;z-index:-1}&.__jsx-style-dynamic-selector::after{content:"";position:absolute;width:-webkit-calc(100% + 4px);width:-moz-calc(100% + 4px);width:calc(100% + 4px);height:-webkit-calc(100% + 4px);height:-moz-calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;background:white;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;z-index:-2}}.notification-badge.__jsx-style-dynamic-selector{top:-2px;left:18px}.dm-badge.__jsx-style-dynamic-selector{top:-2px;left:18px}.dm-button.__jsx-style-dynamic-selector{background-color:#fff;border:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:32px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.search.__jsx-style-dynamic-selector{color:#4b4b4b}.point.__jsx-style-dynamic-selector{margin-left:5px;font-size:14px;color:#212529;font-weight:bold}.button-icon.__jsx-style-dynamic-selector{margin-right:10px}')})]})},_=n(31579),T=function(e){var t=e.handleClickDMButton,n=e.notNotificationReadCount,o=e.notDMReadCount,i=e.unreadReaction,a=e.showDMIcon;return(0,r.BX)("section",{className:"jsx-3cf22af352c7ea87 sp-header-items",children:[(0,r.tZ)("span",{"data-cy":"header-notification-icon",className:"jsx-3cf22af352c7ea87 item",children:(0,r.tZ)(I.rU,{route:"/view/notification",passHref:!0,children:(0,r.tZ)("a",{className:"jsx-3cf22af352c7ea87",children:(0,r.tZ)(_.Z,{badgeContent:n,className:n?z.className:"",children:(0,r.tZ)(w.J,{source:"Bell",size:6,color:"default"})})})})}),(0,r.tZ)("span",{className:"jsx-3cf22af352c7ea87 item",children:(0,r.tZ)(I.rU,{route:"/view/bookmarks",passHref:!0,children:(0,r.tZ)("a",{className:"jsx-3cf22af352c7ea87",children:(0,r.tZ)(w.J,{source:"Bookmark",size:6,color:"default"})})})}),!!a&&(0,r.tZ)("span",{className:"jsx-3cf22af352c7ea87 item",children:(0,r.BX)("button",{onClick:t,"data-cy":"dm-button",className:"jsx-3cf22af352c7ea87 dm-button",children:[(0,r.tZ)(_.Z,{badgeContent:o,className:o?z.className:"",children:(0,r.tZ)(w.J,{source:"DM",size:6,color:"default"})}),o<=0&&(0,r.tZ)(v.C,{dot:i,color:x.Z.NOTIFICATION})]})}),(0,r.tZ)(f(),{id:"3cf22af352c7ea87",children:".sp-header-items.jsx-3cf22af352c7ea87{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-right:24px}.item.jsx-3cf22af352c7ea87:not(:first-of-type){margin-left:32px}.dm-button.jsx-3cf22af352c7ea87{background-color:#fff;border:none}"}),z.styles]})},z={styles:(0,r.tZ)(f(),{id:"dbdeb587c572af92",children:".MuiBadge-root.jsx-dbdeb587c572af92 .MuiBadge-anchorOriginTopRightRectangle{position:absolute;top:-8px;left:16px;right:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:bold;color:".concat(x.Z.WHITE,';z-index:2}.MuiBadge-root.jsx-dbdeb587c572af92 .MuiBadge-anchorOriginTopRightRectangle::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:').concat(x.Z.NOTIFICATION,';-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;z-index:-1}.MuiBadge-root.jsx-dbdeb587c572af92 .MuiBadge-anchorOriginTopRightRectangle::after{content:"";position:absolute;width:-webkit-calc(100% + 4px);width:-moz-calc(100% + 4px);width:calc(100% + 4px);height:-webkit-calc(100% + 4px);height:-moz-calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;background:white;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;z-index:-2}')}),className:"jsx-dbdeb587c572af92"},S=n(45981),L=n(9345),j=n(27073),P=n(27219),O=n(21152),M=function(e){var t=e.children,n=e.className,a=(0,g.Z)(e,["children","className"]);return(0,r.tZ)("div",(0,i.Z)((0,o.Z)({className:Z()(P.Z.EDITABLE,n),"data-modal":j.t.ImageModal,"data-action":(0,L.getType)(O.uX),"data-path":"common.logo"},a),{children:t}))},A=function(e){var t=e.src,n=(0,g.Z)(e,["src"]);return(0,r.BX)(M,(0,i.Z)((0,o.Z)({},n),{children:[(0,r.tZ)("img",{src:t,alt:"logo",className:"jsx-9ab84cb261edcc31"}),(0,r.tZ)(f(),{id:"9ab84cb261edcc31",children:"img.jsx-9ab84cb261edcc31{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}"})]}))},D=n(39192),R=n(3074),W=n(45731),H=n(42605),X=function(e){var t=e.className,n=e.color,i=e.style;return(0,r.tZ)("div",{className:"".concat(t||""),style:(0,o.Z)({color:n,fontSize:10,transform:"scale(0.5)"},i),children:"\u25cf"})},K=n(95854),U=n(68112),F=n(86607),V=n(14967),G=n(18629),Y=function(e){var t=e.boxes,n=e.colors,o=e.style,i=e.tabStyle,c=e.onChangeIndex,d={activeBoxTabIndex:(0,h.useSelector)((function(e){return e.app.activeBoxTabIndex})),homeScreenSettings:(0,h.useSelector)((function(e){return e.app.brand.homeScreenSettings})),isGuest:(0,h.useSelector)((function(e){return!e.user.jwtToken}))},u=d.activeBoxTabIndex,m=d.homeScreenSettings,p=d.isGuest,b=(0,l.$)(["components/organisms/site/box"]).t,g=(0,h.useDispatch)(),x=(0,a.useState)(null!==u&&void 0!==u?u:t[0].index),y=x[0],v=x[1];(0,a.useEffect)((function(){v(null!==u&&void 0!==u?u:t[0].index)}),[u]);var w,k=n.tabActive.color,I=function(e){var n=(0,V.dq)(),o=t[e];if((null===o||void 0===o?void 0:o.type)===R.XX.EXTERNAL_LINK)return function(e){var t;(null===(t=e.specialProperties)||void 0===t?void 0:t.externalURL)&&window.open((0,G.T7)(e.specialProperties.externalURL),"_blank")}(o);!p&&o&&o.id&&g(F.YT.request({boxId:o.id})),v(e),setTimeout((function(){var t;g((0,F.k$)(e)),![s.ZP.VIEW_HOME,s.ZP.VIEW_BOX].map((function(e){return(0,G.T7)(e)})).includes(location.pathname)&&n.pushRoute((t=o,e===D.A?s.ZP.VIEW_HOME:t?(0,K.DC)(t.id):s.ZP.VIEW_BOX)),c&&c(e)}))};return(0,r.BX)("section",{id:N.t2,style:o,"data-modal":j.t.BoxesModal,"data-action":(0,L.getType)(O.Cy),"data-path":"top.boxes",className:"jsx-d4d69557d90123cd "+(P.Z.EDITABLE||""),children:[(0,r.BX)(H.m,{className:"tabs",value:y,onChange:function(e,t){return I(t)},children:[(0,U.U)(m,p)&&(0,r.tZ)(H.O,{value:D.A,label:b("Home"),className:Z()("tab",{selected:(w=D.A,w===y)}),style:i,"data-cy":"home-screen-tab"}),t.map((function(e,t){var o=(0,r.tZ)(J,{box:e,activeColor:k,defaultColor:n.tab.color});return(0,r.tZ)(H.O,{value:t,label:o,style:i,"data-cy":"tab-button"},e.id)}))]}),(0,r.tZ)(f(),{id:"d4d69557d90123cd",children:"section.jsx-d4d69557d90123cd{font-size:14px}@media(max-width:600px){section.jsx-d4d69557d90123cd{font-size:12px}}"})]})},J=function(e){var t,n=e.box,i=e.activeColor,a=(0,h.useSelector)((function(e){return e.app.boxes})),c=(0,h.useSelector)((function(e){return e.user.userAgent})),l=!!(null===(t=a[n.id])||void 0===t?void 0:t.hasNewPost),s=n.type===R.XX.EXTERNAL_LINK;return(0,r.BX)(W.x,{as:"span",position:"relative",display:"flex",gap:"5",children:[n.header.text,s&&(0,r.tZ)(W.x,{as:"span",children:(0,r.tZ)(w.J,{source:"ExternalLink",color:"currentColor"})}),l&&(0,r.tZ)(X,{color:i,className:"position-absolute",style:(0,o.Z)({top:-10,right:-12},(0,m.Dt)(c)?{fontSize:10}:{fontSize:15})})]})},q=n(56745),$=n(99829),Q=n(87508),ee=n(52134),te=n(27117),ne=[s.ZP.VIEW_HOME,s.ZP.VIEW_POST,s.ZP.VIEW_BOX,"/view/challenge/[challengeId]/aid","/view/challenge/[challengeId]/question/option","/view/challenge/[challengeId]/question/result","/view/event/[eventId]","/view/knowledgebase/[cardId]","/view/knowledgebase/post/[id]/[[...slug]]","/view/training/[id]","/view/training/posts/[id]/[[...slug]]"],oe=function(e){var t=e.children;return(0,r.BX)(r.HY,{children:[(0,r.tZ)(p.T,{children:(0,r.tZ)("div",{className:f().dynamic([["71a4a08e9050fc73",[k.I2.contentWidth]]])+" widthSetting",children:t})}),(0,r.tZ)(f(),{id:"71a4a08e9050fc73",dynamic:[k.I2.contentWidth],children:".widthSetting.__jsx-style-dynamic-selector{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:".concat(k.I2.contentWidth,";margin:0 auto;padding:.5rem 0}")})]})},ie=a.memo((function(e){var t=e.handleClickLogo,n=e.handleClickDMButton,o=e.inputWord,i=e.colors,a=e.boxes,c=e.postableCategories,l=e.postButtonLink,s=e.logoSrc,d=e.notNotificationReadCount,u=e.notDMReadCount,h=e.user,m=e.isLogin,p=e.brand,b=e.pathname,g=e.shouldFocusSearchInput,x=!(!(Object.keys(c).length>0)||!l);return(0,r.BX)(r.HY,{children:[(0,r.BX)(oe,{children:[(0,r.tZ)("section",{className:f().dynamic([["b8fb50b20c7c198c",[k.I2.contentWidth]]])+" leftContainer",children:(0,r.tZ)("div",{onClick:t,"data-cy":"community-logo-wrapper",className:f().dynamic([["b8fb50b20c7c198c",[k.I2.contentWidth]]])+" community-logo-wrapper",children:(0,r.tZ)(A,{src:s,style:{height:"100%"}})})}),(0,r.tZ)("section",{style:{flex:1},className:f().dynamic([["b8fb50b20c7c198c",[k.I2.contentWidth]]])+" search-input-wrapper",children:(0,r.tZ)(S.M,{inputWord:o,autoFocus:g})}),(0,r.tZ)(E,{notNotificationReadCount:d,notDMReadCount:u,userIconPath:h.iconPath,isLogin:m,shouldShowPostButton:x,newPostButtonLinkTo:l,showDMIcon:!!m&&(p.isEnabledDM||p.isEnabledUsersDM),handleClickDMButton:n})]}),b&&ne.includes(b)?(0,r.tZ)("section",{className:f().dynamic([["b8fb50b20c7c198c",[k.I2.contentWidth]]])+" widthSettingsBoxList",children:(0,r.tZ)(Y,{boxes:a,colors:i})}):null,(0,r.tZ)(f(),{id:"b8fb50b20c7c198c",dynamic:[k.I2.contentWidth],children:".widthSettingsBoxList.__jsx-style-dynamic-selector{max-width:".concat(k.I2.contentWidth,";margin:0 auto}.leftContainer.__jsx-style-dynamic-selector{width:160px;margin-right:24px}.community-logo-wrapper.__jsx-style-dynamic-selector{cursor:pointer;height:32px}.search-input-wrapper.__jsx-style-dynamic-selector{margin-right:46px}")})]})})),re=a.memo((function(e){var t=e.handleClickLogo,n=e.handleClickDMButton,o=e.colors,i=e.boxes,a=e.isLogin,c=e.logoSrc,l=e.notNotificationReadCount,s=e.notDMReadCount,d=e.brand;return(0,r.BX)(r.HY,{children:[(0,r.tZ)("header",{className:f().dynamic([["b05abc55efa3e115",[k.Il.user.foreground.white,k.Il.user.border.default,k.Il.user.foreground.white,k.Il.user.border.default]]])+" logoLine",children:(0,r.BX)(oe,{children:[(0,r.tZ)("section",{className:f().dynamic([["b05abc55efa3e115",[k.Il.user.foreground.white,k.Il.user.border.default,k.Il.user.foreground.white,k.Il.user.border.default]]])+" leftContainer",children:(0,r.tZ)("div",{onClick:t,className:f().dynamic([["b05abc55efa3e115",[k.Il.user.foreground.white,k.Il.user.border.default,k.Il.user.foreground.white,k.Il.user.border.default]]])+" community-logo-wrapper",children:(0,r.tZ)(A,{src:c,style:{height:"100%"}})})}),(0,r.tZ)(T,{notNotificationReadCount:l,notDMReadCount:s,showDMIcon:!!a&&(d.isEnabledDM||d.isEnabledUsersDM),handleClickDMButton:n})]})}),(0,r.tZ)("div",{id:"fixed-header","data-cy":"default-navigation-header",className:f().dynamic([["b05abc55efa3e115",[k.Il.user.foreground.white,k.Il.user.border.default,k.Il.user.foreground.white,k.Il.user.border.default]]])+" sticky-top",children:(0,r.tZ)(Y,{boxes:i,colors:o,style:{background:"#fff"},tabStyle:{padding:"12px 16px"}})}),(0,r.tZ)(f(),{id:"b05abc55efa3e115",dynamic:[k.Il.user.foreground.white,k.Il.user.border.default,k.Il.user.foreground.white,k.Il.user.border.default],children:"header.__jsx-style-dynamic-selector{background:".concat(k.Il.user.foreground.white,";border-bottom:.5px solid ").concat(k.Il.user.border.default,"}.sticky-top.__jsx-style-dynamic-selector{background:").concat(k.Il.user.foreground.white,";border-bottom:.5px solid ").concat(k.Il.user.border.default,"}.leftContainer.__jsx-style-dynamic-selector{width:120px}.community-logo-wrapper.__jsx-style-dynamic-selector{cursor:pointer;height:32px}")})]})})),ae=(0,c.withRouter)((function(e){var t=(0,h.useSelector)(q.qg),n=(0,h.useSelector)(q.np),i=(0,h.useSelector)($.x3),c=(0,h.useSelector)(ee.z),l=(0,h.useSelector)($.s),d=(0,h.useSelector)(Q.Or),u=(0,h.useSelector)((function(e){return e.site.common.logo})),f=(0,h.useSelector)((function(e){return e.site.common.colors})),p=(0,h.useSelector)((function(e){return e.user.jwtToken})),g=(0,h.useSelector)((function(e){return e.app.search.inputWord})),x=(0,h.useSelector)((function(e){return e.site.postableCategories})),y=(0,h.useSelector)((function(e){return e.app.notification.notReadCount})),Z=(0,h.useSelector)((function(e){return e.app.directMessage.notReadCount})),v=(0,te.tv)(i,l,x,t,e.router.pathname,c),w=!(0,m.sk)()&&!!g&&0===location.pathname.indexOf("/view/search/result"),k=(0,h.useDispatch)(),I=(0,V.dq)(),C=(0,a.useCallback)((function(){d.isEnabledDM||d.isEnabledUsersDM?I.pushRoute(s.ZP.VIEW_USERMESSAGES):I.pushRoute(s.ZP.VIEW_HOME)}),[d.isEnabledDM,d.isEnabledUsersDM,I,k]),N={handleClickLogo:e.handleClickLogo,handleClickDMButton:C,inputWord:g,colors:f,boxes:l,postableCategories:x,postButtonLink:v,logoSrc:u.src,notNotificationReadCount:y,notDMReadCount:Z,user:n,isLogin:p,brand:d,pathname:e.router.pathname,shouldFocusSearchInput:w},B={handleClickLogo:e.handleClickLogo,handleClickDMButton:C,colors:f,boxes:l,isLogin:p,logoSrc:u.src,notNotificationReadCount:y,notDMReadCount:Z,brand:d};return(0,r.tZ)(b.m,{pcElement:(0,r.tZ)(ie,(0,o.Z)({},N)),spElement:(0,r.tZ)(re,(0,o.Z)({},B))})})),ce=n(70265),le=n(20884),se=function(e){var t=e.handleClickLogo,n=(0,h.useSelector)((function(e){return e.user.userAgent})),o=(0,ce.Y)();return(0,le.H)()?null:(0,m.b9)(n)&&!o?(0,r.tZ)(de,{handleClickLogo:t}):(0,r.tZ)(ue,{handleClickLogo:t})},de=function(e){var t=e.handleClickLogo;return(0,r.BX)("header",{id:"fixed-header","data-cy":"default-navigation-header",className:f().dynamic([["886dc2d72cd94a0f",[k.Il.user.foreground.white,k.Il.user.border.default]]])+" sticky-top",children:[(0,r.tZ)(ae,{handleClickLogo:t}),(0,r.tZ)(f(),{id:"886dc2d72cd94a0f",dynamic:[k.Il.user.foreground.white,k.Il.user.border.default],children:"header.__jsx-style-dynamic-selector{background:".concat(k.Il.user.foreground.white,";border-bottom:.5px solid ").concat(k.Il.user.border.default,"}")})]})},ue=function(e){var t=e.handleClickLogo;return(0,r.BX)(r.HY,{children:[(0,r.tZ)(ae,{handleClickLogo:t}),(0,r.BX)("div",{className:"jsx-2d5f785cec5f2dde flexBox",children:[(0,r.tZ)("div",{id:"category-select-area",className:"jsx-2d5f785cec5f2dde categoryBox"}),(0,r.tZ)("div",{id:"ViewBoxButtonArea",className:"jsx-2d5f785cec5f2dde buttonBox"})]}),(0,r.tZ)(f(),{id:"2d5f785cec5f2dde",children:".flexBox.jsx-2d5f785cec5f2dde{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.categoryBox.jsx-2d5f785cec5f2dde{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}.buttonBox.jsx-2d5f785cec5f2dde{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:end}"})]})},fe=function(e){var t=e.handleClickLogo,n=e.children;return(0,r.BX)(r.HY,{children:[(0,r.tZ)(se,{handleClickLogo:t}),n]})},he=n(1608),me=n(34617),pe=n(36235),be=function(){return(0,pe.Z)("(max-width: ".concat(k.Uo.lg,")"))},ge=(0,a.createContext)({isDrawerOpen:!1,setIsDrawerOpen:function(){}}),xe=function(e){var t=e.children,n=(0,a.useState)((function(){var e=localStorage.getItem("isDrawerOpen");return null!==e&&JSON.parse(e)})),o=n[0],i=n[1],c=be(),l=(0,ce.R)();(0,a.useEffect)((function(){localStorage.setItem("isDrawerOpen",JSON.stringify(o))}),[o]),(0,a.useEffect)((function(){i(!c&&!l)}),[c,l]);var s={isDrawerOpen:o,setIsDrawerOpen:i};return(0,r.tZ)(ge.Provider,{value:s,children:t})},ye=function(e){var t=e.isDrawerOpen,n=e.setIsDrawerOpen;return(0,r.tZ)("div",{style:{marginLeft:k.Ki[7]},children:(0,r.tZ)(me.z,{"data-cy":"left-navbar-hamburger",type:"icon",iconSource:"MenuHamburger",size:"medium",onClick:t?function(){return n(!1)}:function(){return n(!0)}})})},Ze=n(53573),ve=n(79894),we=n.n(ve),ke=n(13813),Ie=n(72601),Ce=n(39350),Ne=n(19335),Be=n(27124),Ee=n.n(Be),_e=function(e){var t=e.item,n=(0,g.Z)(e,["item"]),i=t.type;if((0,d.Nx)(t))return(0,r.tZ)(ze,(0,o.Z)({item:t},n));if((0,d.p_)(t))return(0,r.tZ)(Pe,(0,o.Z)({item:t},n));switch(i){case d.GU.BOX_GROUP:return(0,r.tZ)(Oe,(0,o.Z)({item:t},n));case d.GU.HOME:return(0,r.tZ)(Se,(0,o.Z)({item:t},n));case d.GU.SEARCH:return(0,r.tZ)(Le,(0,o.Z)({item:t},n));case d.GU.MY_PAGE:return(0,r.tZ)(je,(0,o.Z)({item:t},n));default:throw new Error("Unknown navigation item type: ".concat(i))}},Te=function(e){var t,n=e.item,o=e.onClick,i=e.activeColor,c=e.defaultColor,l=e.leftIcon,s=e.rightIcon,u=e.currentPage,f=e.isChild,h=(0,d.S7)(n,u),m=(0,a.useState)(!1),p=m[0],b=m[1],g=null!==(t=(0,a.useMemo)((function(){return function(e,t){try{return Ee()(e).alpha(t/100).rgb().string()}catch(n){return null}}(i,8)}),[i]))&&void 0!==t?t:void 0,x=h?g:p?k.Ci.gray.user[0]:"white";return(0,r.tZ)(W.x,{borderRadius:"menu",background:x,paddingBlock:5,paddingInline:f?10:7,marginInline:6,onMouseEnter:function(){return b(!0)},onMouseLeave:function(){return b(!1)},onClick:o,"data-cy":"".concat(De(n.type),"-navigation-item"),children:(0,r.BX)(Ce.g,{alignItems:"center",justifyContent:"space-between",children:[(0,r.BX)(Ce.g,{gap:5,alignItems:"center",overflow:"hidden",children:[l&&(0,r.tZ)(Me,{icon:l,selected:h,color:h?i:c}),(0,r.tZ)(Ne.x,{variant:"small",color:h?i:c,fontWeight:h?"bold":"normal",truncate:!0,children:n.label})]}),s&&(0,r.tZ)(w.J,{source:s,size:4,color:c})]})})},ze=function(e){return(0,r.tZ)(we(),{href:e.item.path,passHref:!0,children:(0,r.tZ)(Te,(0,o.Z)({},e))})},Se=function(e){return(0,r.tZ)(we(),{href:e.item.path,passHref:!0,children:(0,r.tZ)(Te,(0,o.Z)({leftIcon:{type:"Home"}},e))})},Le=function(e){return(0,r.tZ)(we(),{href:e.item.path,passHref:!0,children:(0,r.tZ)(Te,(0,o.Z)({leftIcon:{type:"Search"}},e))})},je=function(e){var t=e.item,n=(0,g.Z)(e,["item"]);return(0,r.tZ)(we(),{href:t.path,passHref:!0,children:(0,r.tZ)(Te,(0,o.Z)({item:t,leftIcon:{type:"My_Page",author:t.author}},n))})},Pe=function(e){var t=e.item,n=(0,g.Z)(e,["item"]);return(0,r.tZ)("a",{href:t.externalURL,target:"_blank",rel:"noopener noreferrer",style:{textDecoration:"none"},children:(0,r.tZ)(Te,(0,i.Z)((0,o.Z)({item:t},n),{rightIcon:"ExternalLink"}))})},Oe=function(e){var t=e.item,n=e.onClick,o=e.activeColor,i=e.defaultColor,c=e.currentPage,l=t.children,s=(0,a.useMemo)((function(){return l.some((function(e){return(0,d.S7)(e,c)}))}),[l,c]),u=(0,a.useState)(s),f=u[0],h=u[1];(0,a.useEffect)((function(){h(s)}),[s]);return(0,r.BX)(r.HY,{children:[(0,r.tZ)(Te,{item:t,onClick:function(){h(!f)},activeColor:s?o:"default",defaultColor:i,currentPage:c,isChild:!1,rightIcon:f?"ArrowBottom":"ArrowRight"}),f&&l.map((function(e){return(0,r.tZ)(_e,{item:e,activeColor:o,defaultColor:i,currentPage:c,onClick:n,isChild:!0},e.id)}))]})},Me=function(e){var t=e.icon,n=e.color,a=e.selected;return"My_Page"===t.type?(0,r.tZ)(Ie.q,(0,i.Z)((0,o.Z)({},t.author),{size:"xs",iconColor:n,flexShrink:0})):(0,r.tZ)(w.J,{source:Ae(t.type,a),size:5,color:n,flexShrink:0})},Ae=function(e,t){return t?"".concat(e,"_Fill"):e},De=function(e){switch(e){case ke.dX.Talk:return"TALK";case ke.dX.Challenge:return"CHALLENGE";case ke.dX.Event:return"EVENT";case ke.dX.KnowledgeBase:return"KNOWLEDGE_BASE";case ke.dX.Training:return"TRAINING";case ke.dX.ExternalLink:return"EXTERNAL_LINK";default:return"".concat(e)}},Re=n(1495),We=k.Lu[21.5],He=function(e){var t=e.navigationItems,n=e.currentPage,o=e.homeItem,i=e.activeColor,c=e.defaultColor,l=e.searchItem,s=e.myPageItem,d=e.onClickItem,u=e.isSP,f=a.useMemo((function(){var e=o?[o]:[],t=[l,s];return u?(0,Ze.Z)(e).concat((0,Ze.Z)(t)):e}),[o,l,s,u]);return(0,r.tZ)(W.x,{paddingBlock:7,height:100,width:21.5,background:"white",borderColor:"default",borderInlineEndWidth:"thin",overflowY:"auto",children:(0,r.BX)(Re.E,{children:[f.map((function(e){return(0,r.tZ)(_e,{item:e,activeColor:i,defaultColor:c,currentPage:n,onClick:d},e.type)})),o&&(0,r.tZ)(W.x,{paddingBlock:7,paddingInline:6,children:(0,r.tZ)(W.x,{height:0,borderWidth:"thin",borderColor:"default"})}),t.map((function(e){return(0,r.tZ)(_e,{item:e,activeColor:i,defaultColor:c,currentPage:n,onClick:d},e.id)}))]})})},Xe=n(10043),Ke=function(e){var t=e.dm,n=e.notice,i=e.currentPage,a=e.author,c=e.login,l=(0,d.S7)({type:d.Ce.NOTICE},i),u=(0,d.S7)({type:d.Ce.DM},i),f=(0,d.S7)({type:d.Ce.BOOKMARK},i);return(0,r.BX)(Ce.g,{gap:9,alignItems:"center",children:[(0,r.tZ)(we(),{href:s.ZP.VIEW_NOTIFICATION,passHref:!0,children:(0,r.tZ)(me.z,{type:"icon",size:"medium",iconSource:l?"Bell_Fill":"Bell",count:n.count})}),(0,r.tZ)(we(),{href:s.ZP.VIEW_BOOKMARK,passHref:!0,children:(0,r.tZ)(me.z,{type:"icon",size:"medium",iconSource:f?"Bookmark_Fill":"Bookmark"})}),t&&(0,r.tZ)(we(),{href:s.ZP.VIEW_USERMESSAGES,passHref:!0,children:(0,r.tZ)(me.z,{type:"icon",size:"medium",iconSource:u?"DM_Fill":"DM",count:t.count,dot:t.unreadReaction})}),a&&(0,r.tZ)(we(),{href:s.ZP.VIEW_MY_PAGE,passHref:!0,children:(0,r.tZ)(Ie.q,(0,o.Z)({size:"xs"},a))}),c&&(0,r.tZ)(we(),{href:s.ZP.VIEW_SIGNIN,passHref:!0,children:(0,r.tZ)(me.z,{type:"default",size:"small",backgroundColor:c.color,children:c.text})})]})},Ue=function(e){var t=e.notice,n=e.dm,o=e.currentPage,i=e.author,a=e.login;return(0,r.tZ)(Ce.g,{gap:9,alignItems:"center",justifyContent:"end",children:(0,r.tZ)(Ke,{dm:n,notice:t,currentPage:o,author:i,login:a})})},Fe=n(32823),Ve=function(e){var t=e.value,n=e.placeholder,o=e.onChange,i=e.onClear,a=e.onSubmit,c=!!t.length;return(0,r.tZ)("form",{onSubmit:a,css:Ge,children:(0,r.BX)("div",{css:Ye,children:[(0,r.tZ)("span",{css:qe,children:(0,r.tZ)(me.z,{type:"icon",iconSource:"Search",size:"small",htmlType:"submit"})}),(0,r.tZ)("input",{css:Je,type:"search",onChange:o,placeholder:n,"aria-label":"Search through community content",value:t}),(0,r.tZ)("span",{css:qe,style:c?{visibility:"visible",opacity:"1"}:{visibility:"hidden",opacity:"0"},children:(0,r.tZ)(me.z,{type:"icon",iconSource:"Delete",size:"small",htmlType:"reset",onClick:i})})]})})},Ge=(0,Xe.iv)("display:flex;justify-content:center;"),Ye=(0,Xe.iv)("width:100%;height:",k.oU[11],";max-width:",k.I2.searchWidth,";display:flex;align-items:center;border:",k.LG.thin," solid ",k.Il.user.border.subdued,";border-radius:",k.wU.circle,";background:",k.Il.user.surface.subdued,";overflow:hidden;"),Je=(0,Xe.iv)("flex:1;font-size:",k.yH.medium,";color:",k.Il.user.text.default,";border:none;background:transparent;&::-webkit-search-cancel-button{appearance:none;}&:focus{outline:none;}&::placeholder{color:",k.Il.user.text.subdued,";}"),qe=(0,Xe.iv)("display:flex;align-items:center;padding:0 ",k.Ki[8],";transition:all 0.3s;"),$e=n(38579),Qe=n.n($e),et=n(59578),tt=n(45924),nt=function(e){var t=e.src,n=e.width;try{var o=new URL((0,et.r)(t)),i=o.searchParams;return i.set("auto",i.getAll("auto").join(",")||"format"),i.set("fit",i.get("fit")||"max"),i.set("w",i.get("w")||n.toString()),o.href}catch(r){return tt.k.warn("Failed to convert src ".concat(t," for Imgix: ").concat(r)),t}},ot=function(e){return(0,r.tZ)(Qe(),(0,o.Z)({loader:nt},e))},it=k.oU[14.5],rt=function(e){var t=e.logoURL,n=e.toolbarProps,i=e.searchProps,a=e.onLogoClick,c=e.toggleDrawerButton,l=e.isSP,s=(0,Fe.Z)("xxlg");return(0,r.tZ)(W.x,{paddingBlock:5,background:"white",zIndex:"topbar",borderWidth:"thin",borderColor:"default",borderPosition:"bottom",height:it,position:"sticky",top:0,display:"flex",alignItems:"center","data-cy":"topbar",children:(0,r.BX)(Ce.g,{alignItems:"center",justifyContent:"space-between",width:100,children:[(0,r.BX)(W.x,{display:"flex",alignItems:"center",children:[c,(0,r.tZ)(W.x,{marginLeft:s?7:9,marginRight:7,clickable:!0,onClick:a,flexGrow:l,children:(0,r.tZ)(M,{children:(0,r.tZ)("div",{css:ct,children:(0,r.tZ)(ot,{src:t,css:at,priority:!0,alt:"logo",height:32,width:l?120:160})})})})]}),!l&&(0,r.tZ)(W.x,{paddingInline:9,flexGrow:!0,children:(0,r.tZ)(Ve,(0,o.Z)({},i))}),(0,r.tZ)(W.x,{paddingInline:9,children:(0,r.tZ)(Ue,(0,o.Z)({},n))})]})})},at=(0,Xe.iv)({objectFit:"contain",objectPosition:"left"}),ct=(0,Xe.iv)({display:"flex"}),lt=n(91946),st=function(e){var t=e.title,n=e.subtitle,o=e.onBack,i=e.actionButton,a=e.style;return(0,r.tZ)("div",{css:dt,style:a,children:(0,r.BX)(Ce.g,{"data-cy":"header",gap:6,alignItems:"center",width:100,children:[o&&(0,r.tZ)(me.z,{type:"icon",iconSource:"BackArrow_Fill",onClick:o,"data-cy":"header-back"}),(0,r.BX)(W.x,{overflowX:"hidden",children:[n&&(0,r.tZ)("h2",{css:ft,"data-cy":"header-subtitle",children:n}),(0,r.tZ)("h1",{css:ut,"data-cy":"header-title",children:t})]}),(0,r.tZ)(W.x,{moveToRight:!0,"data-cy":"header-action",children:i})]})})},dt=(0,Xe.iv)((0,lt.Z)({position:"sticky",padding:"16px 24px",height:"76px",top:"".concat(it),width:"100%",zIndex:k.TL.header,borderBottom:"1px solid ".concat(k.Il.user.border.default),backgroundColor:"white",alignItems:"center",display:"flex"},"@media(max-width: ".concat(k.Uo.sm,")"),{height:"auto",padding:"12px",position:"relative",top:"".concat(0)})),ut=(0,Xe.iv)((0,i.Z)((0,o.Z)({},k.pn.headerTitle),(0,lt.Z)({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},"@media(max-width: ".concat(k.Uo.sm,")"),{fontSize:"19px"}))),ft=(0,Xe.iv)((0,i.Z)((0,o.Z)({},k.pn.headerSubtitle),{color:k.Il.user.text.subdued})),ht=n(91745),mt=n(85880),pt=function(e){var t=e.getBoundingClientRect(),n=window.innerHeight;return t.bottom<=0||t.top>=n?0:Math.min(t.bottom,n)-Math.max(t.top,0)},bt=function(e){var t=e.children,n=e.optimizedHeader,i=e.handleClickLogo,l=e.navigationItems,d=e.currentPage,u=e.homeItem,m=e.navActiveColor,p=e.navDefaultColor,b=e.searchItem,g=e.myPageItem,x=e.logoURL,y=e.notice,v=e.dm,w=e.searchProps,I=e.login,C=(0,a.useRef)(null),N=function(){var e=(0,a.useContext)(ge),t=e.isDrawerOpen,n=e.setIsDrawerOpen,o=(0,a.useCallback)((function(){return n(!1)}),[n]);return{toggleDrawerButton:(0,r.tZ)(ye,{isDrawerOpen:t,setIsDrawerOpen:n}),showNavBar:t,onCloseDrawer:o}}(),B=N.toggleDrawerButton,E=N.showNavBar,_=N.onCloseDrawer,T=be(),z=(0,ce.Y)(),S=window.self===window.top?"100vh":"100%",L=(0,h.useSelector)((function(e){return e.site.common.colors.siteBackGround.backgroundColor})),O=E&&z,M=(0,le.H)();(0,mt.N)(O);var A=(0,c.useRouter)(),D=(0,ht.g4)(),R=!function(){var e=(0,ce.Y)(),t=[s.JS.ADMIN_POST_ADD,s.ZP.VIEW_EDIT_POST,s.ZP.VIEW_EVENT_ADD,s.ZP.VIEW_SEARCH_RESULT,s.ZP.VIEW_MY_PAGE,s.ZP.VIEW_NOTIFICATION,s.ZP.VIEW_BOOKMARK,s.ZP.VIEW_USERMESSAGES],n=(0,c.useRouter)().asPath;return e&&t.some((function(e){return n.includes(e)}))}()&&!n,H=(0,a.useCallback)((function(){return(null===D||void 0===D?void 0:D.backLink)?A.push(D.backLink):void 0}),[null===D||void 0===D?void 0:D.backLink,A]),X=Z()(P.Z.EDITABLE,"left-navbar",{"sp-left-navbar":z,hidden:!E,"suppress-pull-refresh":E}),K=function(e){var t,n=(0,a.useRef)(null===document||void 0===document||null===(t=document.getElementById)||void 0===t?void 0:t.call(document,"above-layout")),o=(0,a.useState)(0),i=o[0],r=o[1];return(0,a.useEffect)((function(){n.current&&e&&r(pt(n.current))}),[e]),i}(E),U=(0,a.useCallback)((function(){_(),i()}),[i,_]),F=(0,a.useCallback)((function(){T&&_()}),[T,_]),V=function(e){var t=(0,ce.Y)(),n=be()?k.I2.pageContentPadding.NARROW:k.I2.pageContentPadding.DEFAULT,o="HOME"===(null===e||void 0===e?void 0:e.type)?k.I2.pageContentPadding.HOME:n;return t?o.mobile:o.pc}(d),G="wide-navigation-content-wrapper";return(0,r.BX)(r.HY,{children:[R&&(0,r.tZ)(rt,{onLogoClick:U,toggleDrawerButton:B,logoURL:x,toolbarProps:{notice:{count:y.count},dm:v?{count:v.count}:null,currentPage:d,author:z?null:g.author,login:z?null:I},searchProps:w,isSP:z}),(0,r.BX)("div",{className:f().dynamic([["c9a6e3d7dcdd90a7",[it,it,K,it,K,it,We,S,R?it:"0px",L,k.TL.modalWindow]]])+" content",children:[(E||z)&&(0,r.tZ)("div",{"data-modal":j.t.MenuModal,"data-cy":"left-navbar",className:f().dynamic([["c9a6e3d7dcdd90a7",[it,it,K,it,K,it,We,S,R?it:"0px",L,k.TL.modalWindow]]])+" "+(X||""),children:(0,r.tZ)(He,{navigationItems:l,currentPage:d,homeItem:u,activeColor:m,defaultColor:p,searchItem:b,myPageItem:g,onClickItem:F,isSP:z})}),(0,r.BX)("div",{"data-cy":"wide-navigation-content-wrapper",id:G,ref:C,className:f().dynamic([["c9a6e3d7dcdd90a7",[it,it,K,it,K,it,We,S,R?it:"0px",L,k.TL.modalWindow]]])+" "+(Z()(["content-wrapper",{"no-scroll transformed":O}])||""),children:[O&&(0,r.tZ)("div",{onClick:function(){O&&_()},"aria-hidden":"true",className:f().dynamic([["c9a6e3d7dcdd90a7",[it,it,K,it,K,it,We,S,R?it:"0px",L,k.TL.modalWindow]]])+" overlay"}),!M&&(0,r.BX)(r.HY,{children:[D&&(0,r.tZ)(st,{title:D.title,subtitle:D.subtitle,actionButton:z?void 0:D.actionButton,onBack:D.backLink?H:void 0,style:(0,o.Z)({},D.style),parentId:G}),(0,r.BX)(Ce.g,{flexWrap:"wrap",children:[(0,r.tZ)("div",{id:"category-select-area",className:f().dynamic([["c9a6e3d7dcdd90a7",[it,it,K,it,K,it,We,S,R?it:"0px",L,k.TL.modalWindow]]])+" categoryBox"}),(0,r.tZ)("div",{id:"ViewBoxButtonArea",className:f().dynamic([["c9a6e3d7dcdd90a7",[it,it,K,it,K,it,We,S,R?it:"0px",L,k.TL.modalWindow]]])+" buttonBox"})]})]}),(0,r.tZ)(W.x,{paddingLeft:V,paddingRight:V,children:t})]}),(0,r.tZ)(f(),{id:"c9a6e3d7dcdd90a7",dynamic:[it,it,K,it,K,it,We,S,R?it:"0px",L,k.TL.modalWindow],children:".left-navbar.__jsx-style-dynamic-selector{position:-webkit-sticky;position:sticky;top:".concat(it,";max-height:-webkit-calc(100vh - ").concat(it,");max-height:-moz-calc(100vh - ").concat(it,");max-height:calc(100vh - ").concat(it,")}.sp-left-navbar.__jsx-style-dynamic-selector{position:fixed;top:-webkit-calc(").concat(K,"px + ").concat(it,");top:-moz-calc(").concat(K,"px + ").concat(it,");top:calc(").concat(K,"px + ").concat(it,");max-height:-webkit-calc(100% - (").concat(K,"px + ").concat(it,"));max-height:-moz-calc(100% - (").concat(K,"px + ").concat(it,"));max-height:calc(100% - (").concat(K,"px + ").concat(it,"));height:100%}.transformed.__jsx-style-dynamic-selector{-webkit-transform:translateX(").concat(We,");-moz-transform:translateX(").concat(We,");-ms-transform:translateX(").concat(We,");-o-transform:translateX(").concat(We,");transform:translateX(").concat(We,");overflow-x:hidden;overflow-y:hidden}.content.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:-webkit-calc(").concat(S," - ").concat(R?it:"0px",");min-height:-moz-calc(").concat(S," - ").concat(R?it:"0px",");min-height:calc(").concat(S," - ").concat(R?it:"0px",")}.hidden.__jsx-style-dynamic-selector{visibility:hidden;-webkit-transition:visibility 0s .3s;-moz-transition:visibility 0s .3s;-o-transition:visibility 0s .3s;transition:visibility 0s .3s}.content-wrapper.__jsx-style-dynamic-selector{display:block;min-height:100%;scrollbar-width:none;width:100%;position:relative;background-color:").concat(L,";-webkit-transition:-webkit-transform.3s ease-out;-moz-transition:-moz-transform.3s ease-out;-o-transition:-o-transform.3s ease-out;transition:-webkit-transform.3s ease-out;transition:-moz-transform.3s ease-out;transition:-o-transform.3s ease-out;transition:transform.3s ease-out}.content-wrapper.no-scroll.__jsx-style-dynamic-selector{overflow-y:hidden}.content-wrapper.__jsx-style-dynamic-selector::-webkit-scrollbar{display:none}.overlay.__jsx-style-dynamic-selector{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:").concat(k.TL.modalWindow,"}")})]})]})},gt=function(e){var t=e.handleClickLogo,n=e.children,u=e.visible,f=void 0===u?{default:!0,wide:!0}:u,h=(0,l.$)(["components/templates/container/UserLayoutWrapper"]).t,m=(0,he.$Y)(h),p=(0,c.useRouter)(),b=(0,a.useCallback)((function(){return t?t():p.push(s.ZP.VIEW_HOME)}),[t,p]);return m?m.type===d.Pi.DEFAULT?(null===f||void 0===f?void 0:f.default)?(0,r.tZ)(fe,{handleClickLogo:b,children:n}):(0,r.tZ)(r.HY,{children:n}):(null===f||void 0===f?void 0:f.wide)?(0,r.tZ)(xe,{children:(0,r.tZ)(bt,(0,i.Z)((0,o.Z)({handleClickLogo:b},m),{children:n}))}):(0,r.tZ)(r.HY,{children:n}):null}},1277:function(e,t,n){n.d(t,{X:function(){return r}});var o=n(58492),i=n(27378),r=function(){var e=(0,i.useState)(0),t=e[0],n=e[1],r=(0,o.n)("others","HeaderAbove",void 0);return(0,i.useEffect)((function(){var e=function(){var e,t=document.getElementById("above-layout");n(null!==(e=null===t||void 0===t?void 0:t.clientHeight)&&void 0!==e?e:0)};e();var t=function(t){var n=null===r||void 0===r?void 0:r.url.toLowerCase().includes(t.origin);"setHeight"===t.data.type&&n&&e()};return window.addEventListener("message",t),function(){return window.removeEventListener("message",t)}}),[null===r||void 0===r?void 0:r.url]),t}},85880:function(e,t,n){n.d(t,{N:function(){return i}});var o=n(27378),i=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];(0,o.useEffect)((function(){if(e){var t=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",function(){document.body.style.overflow=t}}}),[e])}},52134:function(e,t,n){n.d(t,{z:function(){return o}});var o=function(e){return e.app.event.detail}},91745:function(e,t,n){n.d(t,{I7:function(){return c},g4:function(){return l}});var o=n(50919),i=n(87800),r=n(27378),a=(0,r.createContext)(null),c=function(e){var t=e.children,n=(0,o.Z)(e,["children"]);return(0,i.tZ)(a.Provider,{value:n,children:t})},l=function(){return(0,r.useContext)(a)}},27117:function(e,t,n){n.d(t,{K4:function(){return l},QD:function(){return c},ic:function(){return s},tv:function(){return d}});var o=n(39192),i=n(3074),r=n(69528),a=n(87358),c=function(e,t,n){return(0,a.An)(n?"/admin/group/list/post?boxId=".concat(e,"&categoryIndex=").concat(t,"&eventId=").concat(n):"/admin/group/list/post?boxId=".concat(e,"&categoryIndex=").concat(t))},l=(0,a.Vu)((function(e){return e?"/admin/post/".concat(e):null})),s=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=/^\/view\/event\/\d+\/edit$/;return t.test(e)||e===r.ZP.VIEW_EVENT_EDIT},d=function(e,t,n,a,c,l){if(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return/^\/view\/event\/\d+$/.test(e)||e===r.ZP.VIEW_EVENT_DETAIL}(c))return"/view/event/".concat(null===l||void 0===l?void 0:l.id,"/editpost?id=").concat(null===l||void 0===l?void 0:l.boxId);e===o.A&&(e=0);var s=t[e];if(!s)return"";if(a)switch(s.type){case i.ZP.index.challenge:return"/admin/challenge/add?back=1";case i.ZP.index.event:return r.ZP.ADMIN_EVENT_ADD}var d=Object.keys(n),u=t.filter((function(e){return d.some((function(t){return t===e.id}))}))[0];if(!u)return"";var f=n[s.id],h=f&&f.item.length>0?s:u;return a?"/admin/post/add/".concat(h.type,"?id=").concat(h.id,"&back=1"):"/view/editpost?id=".concat(h.id)}},39192:function(e,t,n){n.d(t,{A:function(){return o}});var o=-999}}]);
//# sourceMappingURL=9482-fbefaa39f69c7c79.js.map