https://engoo.es/js/react/static/js/496.ba3d9445.chunk.js

1"use strict";(self.webpackChunk_biboglobal_eikaiwa_core_front=self.webpackChunk_biboglobal_eikaiwa_core_front||[]).push([[496,567],{4567:(e,t,n)=>{n.r(t),n.d(t,{AnnouncementDropdownInnerItem:()=>F,default:()=>M,defaultPropTypes:()=>W});var a=n(9060),r=n(9840),i=n.n(r),o=n(9088),s=n(848),c=n(996),d=n(2592),l=n(640),p=n(3120),h=n(5684);const g="eikaiwa-regular",u="eikaiwa-corporate";var x=n(2496);const m={verticalAlign:"middle"},f=e=>{let{width:t=30,height:n=30,color:a=l.rm}=e;return(0,x.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:n,viewBox:"0 0 30 30",style:m,children:(0,x.jsx)("path",{fill:a,fillRule:"evenodd",d:"M14.992 24.88c.606 0 1.12-.216 1.54-.65.421-.432.62-.949.595-1.55h-4.29c-.024.601.177 1.118.604 1.55.427.433.944.65 1.55.65Zm-7.384-4.147h14.748V18.21h-1.443v-4.146a7.922 7.922 0 0 0-1.19-4.233c-.793-1.289-1.922-2.078-3.389-2.366v-.938c0-.377-.13-.694-.389-.95a1.317 1.317 0 0 0-.963-.384c-.382 0-.703.128-.963.384s-.39.573-.39.95v.938c-1.441.288-2.565 1.052-3.37 2.29-.806 1.238-1.209 2.614-1.209 4.128v4.327H7.608v2.524ZM14.983 30c-2.047 0-3.982-.397-5.806-1.19a15.31 15.31 0 0 1-4.765-3.222c-1.354-1.354-2.428-2.944-3.221-4.77A14.437 14.437 0 0 1 0 15c0-2.074.398-4.023 1.193-5.847a15.365 15.365 0 0 1 3.234-4.776 15.06 15.06 0 0 1 4.767-3.209A14.546 14.546 0 0 1 14.984 0c2.075 0 4.028.39 5.86 1.168a14.895 14.895 0 0 1 4.78 3.21 15.13 15.13 0 0 1 3.204 4.782C29.61 10.988 30 12.941 30 15.02c0 2.054-.39 3.986-1.168 5.797a15.081 15.081 0 0 1-3.209 4.757 15.356 15.356 0 0 1-4.782 3.233c-1.827.795-3.78 1.193-5.858 1.193Z"})})},b="fill-width",j="horizontal-clamp";class k extends a.Component{constructor(){super(),this.state={horizontalOffset:0},this.dropdownRef=null,this.checkBoundsIntervalId=void 0,this.getDropdownRef=e=>{this.dropdownRef=e,this.dropdownRef?(this.checkBounds(),window.addEventListener("resize",this.checkBounds,!1),this.checkBoundsIntervalId=setInterval(this.checkBounds,1e3)):(window.removeEventListener("resize",this.checkBounds,!1),clearInterval(this.checkBoundsIntervalId),this.checkBoundsIntervalId=void 0)},this.checkBounds=this.checkBounds.bind(this)}checkBounds(){if(this.dropdownRef){const e=document.documentElement.clientWidth,{left:t,right:n}=this.dropdownRef.getBoundingClientRect(),a=t<0?-t:n>e?e-n:0;this.state.horizontalOffset!==a&&this.setState({horizontalOffset:a})}}render(){const{isOpen:e=!0,variant:t=b,children:n="",viewportClamp:a=j}=this.props,{horizontalOffset:r}=this.state;return e&&(0,x.jsx)("div",{ref:this.getDropdownRef,style:{zIndex:999,display:"block",position:"absolute",top:"100%",..."right-aligned"===t?{right:0}:"left-aligned"===t?{left:0}:{left:0,right:0},minWidth:"100%"},children:a?(0,x.jsx)("div",{style:{transform:"translateX(".concat(r,"px)")},"data-testid":"dropdown-overlay",children:n}):n})}}var w=n(124),v=n(5912),y=n(7532),_=n(3086);const R={wrap:{width:"70vw",maxWidth:"300px",background:l.eM,boxShadow:"0 3px 3px 0 rgba(0, 0, 0, 0.3)"},boxTitle:{padding:"14px 18px",fontSize:"16px",fontWeight:"bold",background:l.kg},unreadCount:{display:"inline-block",width:"20px",lineHeight:"20px",marginLeft:"5px",marginRight:"-5px",background:l.k$,borderRadius:"50%",color:l.eM,fontSize:"10px",textAlign:"center"},textLink:{display:"block",padding:"14px 15px 14px 18px",textAlign:"right",fontSize:"12px",textDecoration:"none",color:l.k$,transition:"all 0.3s","&:hover":{opacity:"0.6"}},loading:{textAlign:"center",padding:"20px 18px"},error:{textAlign:"center",padding:"20px 18px",fontSize:"12px"}},I=(0,o.cp)(R)((e=>{let{unreadCount:t,announcementData:n,classes:a,region:r,loadState:i}=e;return(0,x.jsx)(y.c,{children:e=>(0,x.jsx)(w.s,{children:o=>(0,x.jsxs)("div",{className:a.wrap,children:[(0,x.jsx)("div",{className:a.boxTitle,children:e("announcements.title")}),i===p.bW?(0,x.jsx)("div",{className:a.loading,"data-testid":"".concat(p.bW,"-announcement-list"),children:(0,x.jsx)(_.c,{})}):i===p._b?(0,x.jsx)("p",{className:a.error,"data-testid":p._b,children:e("announcements.error-message")}):0===n.length?(0,x.jsx)("p",{className:a.error,"data-testid":"no-data",children:e("announcements.no-message")}):(0,x.jsx)(v.M,{announcementData:n,region:r,unReadMark:!0}),(0,x.jsxs)("a",{href:o.announcements,className:a.textLink,children:[e("announcements.index-text"),(0,x.jsx)("span",{className:t>0?a.unreadCount:null,"data-testid":"unread-count",children:t>0&&t})]})]})})})}));var S=n(8432),C=n(1572);const O=e=>[g,u].includes(e),L={position:"relative"},z={[h.PC]:{width:30,height:30},[h.c]:{width:28,height:28},[h._]:{width:26,height:26}},A={border:"none",outline:"none",background:"none",cursor:"pointer"},B={defaultButton:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",...A},engooDefaultButton:{position:"relative",width:"30px",height:"30px",padding:0,...A},adminWrap:{...L,width:"40px",height:"40px",padding:0},eikaiwaMobileWrap:{...L,width:"48px",height:"54px",paddingRight:"3px",boxSizing:"border-box"},eikaiwaPcWrap:{...L,width:"49px",height:"48px","&:hover":{background:l.kg}},engooDefaultWrap:{...L,height:"74px",padding:"22px 0",margin:"-22px 0"},point:{position:"absolute",top:"50%",right:"50%",width:"12px",height:"12px",borderRadius:"50%",backgroundColor:l.sj,transform:"translate(14px, -13px)",pointerEvents:"none"}},N=e=>e.filter((e=>e.is_unread&&!e.is_important_flag));class P extends a.Component{constructor(){super(),this.state={isOpen:!1},this.clickAreaRef=a.createRef(),this.bound=(0,s.c)(this,["onIconClick","close"])}componentDidMount(){this.mounted=!0,document.body.addEventListener("click",this.bound.close)}componentDidUpdate(e,t){t.isOpen&&!this.state.isOpen&&this.postAnnouncementWasRead()}componentWillUnmount(){this.mounted=!1,document.body.removeEventListener("click",this.bound.close)}

1onIconClick(){this.setState((e=>({isOpen:!e.isOpen})))}postAnnouncementWasRead(){const{replaceId:e,target:t,result:n,load:a}=this.props;if(n&&n.data.length>0){const r=N(n.data);r.length>0&&Promise.all(r.map((n=>{let{id:a}=n;const{url:r,baseURL:i,params:o}=(0,d.Ap)({id:a,replaceId:e,target:t});(0,C.c)("".concat(i).concat(r),o).catch((e=>(0,c.E)(e)))}))).then((()=>a())).catch((e=>(0,c.E)(e)))}}close(e){if(this.mounted&&this.state.isOpen){this.clickAreaRef.current.contains(e.target)||this.setState({isOpen:!1})}}render(){const{result:e,error:t,layoutMode:n,region:a,target:r,classes:i}=this.props,{isOpen:o}=this.state;let{unreadCount:s,currentUnreadCount:c}=0,d=[];e&&(d=e.data,s=e.unread_count,c=s-N(e.data).length);const g=z[n||h.PC];return(0,x.jsxs)("div",{ref:this.clickAreaRef,className:n===h._?i.adminWrap:O(r)&&n===h.c?i.eikaiwaMobileWrap:O(r)?i.eikaiwaPcWrap:i.engooDefaultWrap,style:{background:o?l.kg:""},children:[(0,x.jsx)("button",{className:n===h._||O(r)?i.defaultButton:i.engooDefaultButton,onClick:this.bound.onIconClick,"data-testid":"bell-button",children:(0,x.jsx)(f,{width:g.width,height:g.height,color:n===h._||O(r)?l.rm:l.Ye})}),(0,x.jsx)(k,{isOpen:o,variant:"left-aligned",children:(0,x.jsx)(I,{region:a,unreadCount:c,announcementData:d,loadState:e?p._Y:t?p._b:p.bW})}),s>0&&(0,x.jsx)("span",{className:i.point,"data-testid":"unread-mark"})]})}}const W={region:i().string,target:i().string,replaceId:i().string,cutOffPeriod:i().string,lessonFees:i().string,hasLegacyPricingFlag:i().bool},F=(0,o.cp)(B)(P),M=e=>{let{layoutMode:t,region:n,target:r,replaceId:i,cutOffPeriod:o,lessonFees:s,hasLegacyPricingFlag:c}=e;const l=(0,a.useMemo)((()=>(0,d.sv)({replaceId:i,target:r,importantFlag:null,cutOffPeriod:o,lessonFees:s,hasLegacyPricingFlag:c,page:1,perPage:4})),[o,s,i,r,c]),{result:p,error:h,load:g}=(0,S.c)({request:l});return(0,x.jsx)(F,{result:p,error:h,load:g,target:r,layoutMode:t,region:n,replaceId:i})}},5912:(e,t,n)=>{n.d(t,{M:()=>p});n(9060);var a=n(9840),r=n.n(a),i=n(9088),o=n(124),s=n(7868),c=n(640),d=n(2496);const l={ul:{position:"static",display:"block",width:"100%",margin:0,padding:0,background:"#fff"},li:{margin:0,padding:0,listStyle:"none",borderBottom:"solid 1px ".concat(c.kg),textAlign:"left","& a":{display:"block",padding:"14px 34px 14px 18px",color:c.dT,textDecoration:"none","&:hover":{opacity:".6"}}},title:{margin:"0 0 10px",padding:0,color:c.rm,fontSize:"12px",lineHeight:"1.2",letterSpacing:".8px"},text:{margin:"5px 0 0",padding:0,color:c.y0,fontSize:"14px",lineHeight:"1.5",letterSpacing:".8px",wordBreak:"break-word",whiteSpace:"normal"},unread:{position:"relative","&:after":{display:"block",position:"absolute",top:"50%",right:"15px",background:c.k$,width:"10px",height:"10px",borderRadius:"50%",color:"#fff",fontSize:"10px",textAlign:"center",lineHeight:"10px",transform:"translateY(-50%)",content:'""'}}},p=(r().arrayOf(r().shape({id:r().number.isRequired,title:r().string.isRequired,start_datetime:r().string.isRequired,is_unread:r().bool.isRequired})),(0,i.cp)(l)((e=>{let{region:t,unReadMark:n,announcementData:a,classes:r}=e;const i=a.map((e=>{let{id:a,title:i,start_datetime:c,is_unread:l}=e;return(0,d.jsx)("li",{className:r.li,children:(0,d.jsx)(o.s,{children:e=>(0,d.jsxs)("a",{href:"".concat(e.announcementsDetail,"/").concat(a),className:l&&n?r.unread:null,children:[(0,d.jsx)("p",{className:r.title,children:(0,s.E)({dateTime:c,region:t})}),(0,d.jsx)("p",{className:r.text,children:i})]})})},a)}));return(0,d.jsx)("ul",{className:r.ul,"data-testid":"announcement-list-wrap",children:i})})))},9496:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var a=n(9060),r=n(9088),i=n(5684),o=n(2592),s=n(8432),c=n(2496);const d=(0,r.cp)({wrap:{display:"flex",padding:"0 15px",height:"54px",alignItems:"center",width:"calc(100% - 48px)"},name:{margin:"0 0 0 10px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontSize:"15px"}})((e=>{let{replaceId:t,region:n,classes:r}=e;const i=(0,a.useMemo)((()=>(0,o.oF)({replaceId:t,region:n})),[n,t]),{result:d}=(0,s.c)({request:i});return(0,c.jsx)("div",{className:r.wrap,children:d&&(0,c.jsx)("p",{className:r.name,children:d.data.name})})}));var l=n(4567);const p=(0,r.cp)({wrap:{position:"relative",display:"flex",justifyContent:"space-between",alignItems:"center",boxShadow:"0 0 3px 0 rgba(0, 0, 0, 0.1)",height:"54px",background:"#fff",boxSizing:"border-box",borderTop:"solid 1px #e7e7e7",borderBottom:"solid 1px #e7e7e7"}})((e=>{let{classes:t,region:n,replaceId:a,...r}=e;return(0,c.jsxs)("div",{className:t.wrap,children:[(0,c.jsx)(d,{region:n,replaceId:a}),(0,c.jsx)(l.default,{region:n,replaceId:a,layoutMode:i.c,...r})]})}))},3086:(e,t,n)=>{n.d(t,{c:()=>c});n(9060);var a=n(3120),r=n(640),i=n(2496);const o=e=>{let{color:t,size:n=100}=e;const a={y:"40",rx:"5",ry:"5",x:"46.5",width:"7",fill:t,height:"20"},r=e=>({begin:e,dur:"1s",values:"1;0",keyTimes:"0;

11",attributeName:"opacity",repeatCount:"indefinite"});return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:n,height:n,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",children:[(0,i.jsx)("g",{transform:"rotate(0 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.9230769230769231s")})})}),(0,i.jsx)("g",{transform:"rotate(30 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.8461538461538461s")})})}),(0,i.jsx)("g",{transform:"rotate(60 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.7692307692307693s")})})}),(0,i.jsx)("g",{transform:"rotate(90 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.6923076923076923s")})})}),(0,i.jsx)("g",{transform:"rotate(120 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.6153846153846154s")})})}),(0,i.jsx)("g",{transform:"rotate(150 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.5384615384615384s")})})}),(0,i.jsx)("g",{transform:"rotate(180 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.46153846153846156s")})})}),(0,i.jsx)("g",{transform:"rotate(210 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.38461538461538464s")})})}),(0,i.jsx)("g",{transform:"rotate(240 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.3076923076923077s")})})}),(0,i.jsx)("g",{transform:"rotate(270 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.23076923076923078s")})})}),(0,i.jsx)("g",{transform:"rotate(300 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.15384615384615385s")})})}),(0,i.jsx)("g",{transform:"rotate(330 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...a,children:(0,i.jsx)("animate",{...r("-0.07692307692307693s")})})})]})},s={margin:0,textAlign:"center"},c=e=>{let{size:t=100}=e;return(0,i.jsx)("div",{style:s,"data-testid":a.bW,children:(0,i.jsx)(o,{color:r.dT,size:t})})}},2592:(e,t,n)=>{n.d(t,{Ap:()=>d,WQ:()=>h,aM:()=>p,iS:()=>c,oF:()=>i,sv:()=>s,u:()=>u,uq:()=>g});const a="/core/",r="9Bqh382Hx51",i=e=>{let{replaceId:t,region:n}=e;return{method:"get",url:"members/".concat(t),baseURL:a,responseType:"json",params:{region:n,key:r}}},o="announcements",s=e=>{let{replaceId:t,target:n,importantFlag:i,hasLegacyPricingFlag:s,persistent:c,page:d,perPage:l,isRead:p,cutOffPeriod:h,lessonFees:g}=e;return{method:"get",url:o,baseURL:a,params:{replace_id:t,key:r,target:n,persistent:c,important_flag:i,has_legacy_pricing_flag:s,page:d,per_page:l,is_read:p,cut_off_period:h,lesson_fees:g}}},c=e=>{let{id:t,target:n,cutOffPeriod:i,lessonFees:s,hasLegacyPricingFlag:c}=e;return{method:"get",url:"".concat(o,"/").concat(t),baseURL:a,params:{key:r,target:n,cut_off_period:i,has_legacy_pricing_flag:c,lesson_fees:s}}},d=e=>{let{id:t,replaceId:n,target:i}=e;return{method:"post",url:"".concat(o,"/").concat(t,"/insert_read"),baseURL:a,params:{key:r,replace_id:n,target:i}}},l="achievements",p=e=>{let{replaceId:t,region:n,default_list:i}=e;const o=new URLSearchParams({key:r,region:n,replace_id:t,default_list:i}).toString();return"".concat(a).concat(l,"?").concat(o)},h=e=>{let{replaceId:t,region:n}=e;const i=new URLSearchParams({key:r,region:n,replace_id:t}).toString();return"".concat(a).concat(l,"/recent?").concat(i)},g=e=>{let{replaceId:t}=e;const n=new URLSearchParams({key:r}).toString();return{method:"post",url:"".concat(a).concat(l,"/confirm?").concat(n),body:JSON.stringify({replace_id:t}),headers:{"Content-type":"application/json"}}},u=e=>{let{replaceId:t,region:n}=e;const i=new URLSearchParams({key:r}).toString();return{method:"post",url:"".concat(a,"members/").concat(t,"/toggle_display_achievement?").concat(i),body:JSON.stringify({replace_id:t,region:n,disable:!0}),headers:{"Content-type":"application/json"}}}},640:(e,t,n)=>{n.d(t,{Gq:()=>j,Ke:()=>x,Wg:()=>b,Ye:()=>i,dE:()=>l,dT:()=>r,dZ:()=>c,eM:()=>a,i:()=>f,ie:()=>m,k$:()=>u,kB:()=>s,kg:()=>d,rd:()=>o,rm:()=>h,sj:()=>g,um:()=>k,y0:()=>p});const a="#fff",r="#808080",i="#b3b3b3",o="#ccc",s="#d8d8d8",c="#eee",d="#f2f2f2",l="#333",p="#787878",h="#404040",g="#e3463d",u="#4bbcff",x="#43aae6",m="#009DFF",f="#ef871a",b="#ebc56a",j="#FFE539",k="#FFF9D5"},5684:(e,t,n)=>{n.d(t,{PC:()=>r,_:()=>i,c:()=>a});const a="mobile",r="pc",i="admin"},3120:(e,t,n)=>{n.d(t,{_Y:()=>i,_b:()=>r,bW:()=>a});const a="loading",r="error",i="success"},7868:(e,t,n)=>{n.d(t,{E:()=>p});var a=n(5448),r=n(248),i=n.n(r),o=(n(5052),n(1236),n(624),n(3392),n(4516),n(8235),n(1456),n(9952),n(9800),n(3648),n(6328),n(6368),n(3976),n(408)),s=n.n(o);i().extend(s());const c={[a.kX]:"en",[a.KG]:"es",[a.ms]:"es-us",[a.Yr]:"id",[a._0]:"it",[a.Md]:"ja",[a.Co]:"ko",[a.ie]:"pt-br",[a.KA]:"ru",[a.uL]:"th",[a.iE]:"tr",[a.Ws]:"vi",[a.Al]:"zh-tw",[a.oN]:"zh-cn"},d=/Z|[+-]\d\d:?\d\d/gi,l=e=>

1{let{dateTime:t,region:n}=e;const a=c[n]||"en";return i()((e=>null===e||void 0===e?void 0:e.replace(d,""))(t)).locale(a)},p=e=>{let{dateTime:t,region:n}=e;return l({dateTime:t,region:n}).format("LL")}},7532:(e,t,n)=>{n.d(t,{c:()=>c});n(9060);var a=n(9840),r=n.n(a),i=n(6780),o=n(2496);const s=e=>{let{children:t}=e;const{t:n}=(0,i.gd)();return(0,o.jsx)(o.Fragment,{children:t(n)})};s.propTypes={children:r().func.isRequired};const c=s},7280:(e,t,n)=>{n.d(t,{c:()=>a});const a=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return e=>t.reduce(((e,t)=>t(e)),e)}},1572:(e,t,n)=>{n.d(t,{c:()=>o});var a=n(7280);const r=e=>Object.keys(e).filter((t=>void 0!==e[t]&&null!==e[t])).reduce(((t,n)=>(t[n]=e[n],t)),{}),i=e=>Object.keys(e).map((t=>"".concat(encodeURIComponent(t),"=").concat(encodeURIComponent(e[t])))).join("&"),o=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=(0,a.c)(r,i)(t);return await fetch("".concat(e,"?").concat(n),{method:"post",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})}},996:(e,t,n)=>{n.d(t,{E:()=>a});const a=e=>console.error(e)},8432:(e,t,n)=>{n.d(t,{c:()=>s});var a=n(9060),r=n(7280);const i=e=>Object.keys(e).filter((t=>void 0!==e[t]&&null!==e[t])).reduce(((t,n)=>(t[n]=e[n],t)),{}),o=e=>Object.keys(e).map((t=>"".concat(encodeURIComponent(t),"=").concat(encodeURIComponent(e[t])))).join("&"),s=e=>{let{request:t,onSuccess:n}=e;const[s,c]=(0,a.useState)(),[d,l]=(0,a.useState)(),[p,h]=(0,a.useState)(),g=(0,a.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;c(!0);const{baseURL:a,url:s,params:d}=t,p=(0,r.c)(i,o)(d);fetch("".concat(a).concat(s,"?").concat(p),{method:"get",signal:e}).then((e=>e.json())).then((e=>{h(e),"function"===typeof n&&n()})).catch((e=>l(e))).finally((()=>c(!1)))}),[n,t]);return(0,a.useEffect)((()=>{const e=new AbortController,t=e.signal;return g(t),()=>e.abort()}),[g]),{result:p,error:d,isLoading:s,load:g}}}}]);
2//# sourceMappingURL=496.ba3d9445.chunk.js.map