https://engoo.jp/js/react/static/js/232.18f183c0.chunk.js

1"use strict";(self.webpackChunk_biboglobal_eikaiwa_core_front=self.webpackChunk_biboglobal_eikaiwa_core_front||[]).push([[232,950],{1232:(e,t,a)=>{a.r(t),a.d(t,{default:()=>A});var n=a(9060),r=a(9840),i=a.n(r),s=a(496),o=a(9088),l=a(8950),c=a(3500),d=a(5720),x=a(2496);const p=(0,n.createContext)(),m=(0,n.createContext)(),f=e=>{let{state:t,children:a}=e;const r=(0,n.useState)(0),i=(0,d.c)((()=>({tabs:0,panels:0}))),s=t||r;return(0,x.jsx)(m.Provider,{value:i,children:(0,x.jsx)(p.Provider,{value:s,children:a})})},g=(0,o.cp)({navTabsLink:{backgroundColor:"#f2f2f2",display:"block",fontSize:"14px",fontWeight:"600",lineHeight:"1",letterSpacing:".39px",padding:"13px",textAlign:"center",color:"#404040",textDecoration:"none",border:"none",marginRight:"8px",width:"224px","&:focus":{outline:"none"},"&:hover":{cursor:"pointer"},"&:last-child":{marginRight:0}},navTabsLinkActive:{background:"#029AF7",color:"#FFF",border:"none",outline:"none"}})((e=>{let{children:t,classes:a}=e;const{isActive:r,onClick:i}=(()=>{const[e,t]=(0,n.useContext)(p),a=(0,n.useContext)(m),r=(0,d.c)((()=>{const e=a.tabs;return a.tabs+=1,e})),i=(0,d.c)((()=>()=>t(r)));return(0,n.useMemo)((()=>({isActive:e===r,onClick:i})),[e,i,r])})(),s=r?a.navTabsLinkActive:null;return(0,x.jsxs)("button",{role:"button",className:"".concat(a.navTabsLink," ").concat(s),onClick:i,children:[" ",t," "]})})),h=e=>{let{children:t}=e;return(()=>{const[e]=(0,n.useContext)(p),t=(0,n.useContext)(m);return(0,d.c)((()=>{const e=t.panels;return t.panels+=1,e}))===e})()?(0,x.jsx)(x.Fragment,{children:t}):null};h.propTypes={children:i().node.isRequired};const u=e=>{let{faqList:t}=e;return(0,x.jsx)(x.Fragment,{children:t.faq.map(((e,t)=>(0,x.jsx)(g,{children:e.category},t)))})},b={content:'""',position:"absolute",backgroundColor:"#029AF7","-webkit-transition":"-webkit-transform .25s ease-out","-o-transition":"transform .25s ease-out",transition:"transform .25s ease-out, -webkit-transform .25s ease-out"},j={card:{borderBottom:"2px solid #b8b8b8",paddingBottom:"41px",paddingLeft:"40px",paddingTop:"50px","&:last-child":{paddingBottom:0,borderBottom:0}},cardHeader:{cursor:"pointer",position:"relative"},cardIcon:{display:"flex",position:"absolute",width:"14px",height:"14px",margin:"auto",top:0,bottom:0,left:"-40px","&::before":{...b,top:0,left:"50%",width:"2px",height:"100%",marginLeft:"-1px"},"&::after":{...b,top:"50%",left:0,width:"100%",height:"2px",marginTop:"-1px"}},cardTitle:{color:"#404040",fontFamily:"Hiragino Kaku Gothic Pro",fontSize:"24px",fontWeight:"300",lineHeight:"33px",margin:"0 auto",letterSpacing:"2px",border:0,padding:0,background:"#fff",width:"100%",textAlign:"left",cursor:"pointer","&:active":{outline:"none"},"&:focus":{outline:"none"}},cardBody:{"& p":{fontFamily:"Hiragino Kaku Gothic Pro",color:"#029AF7",fontSize:"20px",fontWeight:"300",lineHeight:"33px",letterSpacing:"2px",margin:"24px auto 0","& a":{color:"#029AF7"}}},rotate:{"& span":{"&::before":{transform:"rotate(90deg)"},"&::after":{transform:"rotate(180deg)"}}}},k=e=>{let{faq:t}=e;return(0,x.jsx)(x.Fragment,{children:t.faqDetail.map(((e,t)=>(0,x.jsx)(v,{faqInfo:e},t)))})},v=(0,o.cp)(j)((e=>{let{faqInfo:t,classes:a}=e;const[r,i]=(0,n.useState)("");return(0,x.jsx)("div",{className:"".concat(a.card),children:(0,x.jsx)(c.m,{trigger:(0,x.jsx)("div",{className:"".concat(a.cardHeader," ").concat(r),children:(0,x.jsxs)("button",{className:"".concat(a.cardTitle),onClick:function(){const e=""===r?a.rotate:"";i(e)},children:[(0,x.jsx)("span",{className:a.cardIcon}),t.title]})}),easing:"easeInOutCubic",duration:300,children:(0,x.jsx)("div",{className:"".concat(a.cardBody),children:(0,x.jsx)(l.default,{text:t.body})})})})})),y=(e,t)=>{const a=document.getElementById(e);return a&&(a.innerHTML=t.pageTitle),(0,x.jsxs)(s.c,{children:[(0,x.jsx)("title",{children:t.siteTitle}),(0,x.jsx)("meta",{name:"description",content:t.metaDescription})]})},w=(0,o.cp)({navsTabParent:{display:"flex",marginBottom:"30px"}})((e=>{let{faqList:t,classes:a,withCategory:n,faqTitleID:r}=e;return(0,x.jsxs)(x.Fragment,{children:[y(r,t.pageAttribute),(0,x.jsxs)(f,{children:[n&&(0,x.jsx)("div",{className:a.navsTabParent,children:(0,x.jsx)(u,{faqList:t})}),t.faq.map(((e,t)=>(0,x.jsx)(h,{id:t,children:(0,x.jsx)(k,{faq:e})},t)))]})]})}));w.propTypes={faqList:i().object.isRequired};const q=w,S=(0,o.cp)({liItem:{position:"relative",marginBottom:"15px",borderBottom:"1px solid #ddd"},question:{position:"relative",display:"flex",justifyContent:"space-between",width:"100%",fontWeight:"bold",color:"#000 !important",cursor:"pointer",paddingBottom:"15px",lineHeight:"33px","&:hover":{color:"#999 !important"}},title:{width:"90%",flexGrow:1},signIcon:{width:"30px",height:"30px",backgroundColor:"#f6a443",textAlign:"center",fontSize:"1.2em",lineHeight:"28px",color:"#fff",cursor:"pointer",borderRadius:"5px",transition:"all, 0.25s, linear"},qIcon:{marginRight:"10px",padding:"0 10px",backgroundColor:"#e7e7e7",textAlign:"center",fontWeight:"bold",color:"#000",borderRadius:"100px",height:"33px"}

1,faqBody:{border:"2px solid #ddd",borderBottom:"1px solid #ddd",padding:"20px"},"@media (max-width: 767px)":{question:{wordBreak:"break-word",fontSize:".9em"},faqBody:{padding:"10px",fontSize:".7em","& p":{margin:0}}}})((e=>{let{...t}=e;const[a,r]=(0,n.useState)("+");return(0,x.jsx)("li",{className:"".concat(t.classes.liItem," m-collapsible"),children:(0,x.jsx)(c.m,{trigger:(0,x.jsx)("div",{children:(0,x.jsxs)("a",{role:"button",className:"".concat(t.classes.question),onClick:function(){r("+"===a?"-":"+")},children:[(0,x.jsx)("span",{className:t.classes.qIcon,children:"Q"}),(0,x.jsx)("span",{className:t.classes.title,children:t.title}),(0,x.jsx)("span",{className:t.classes.signIcon,children:a})]})}),easing:"easeInOutCubic",duration:300,children:(0,x.jsx)("div",{children:(0,x.jsx)(l.default,{className:"".concat(t.classes.faqBody),text:t.body})})})})})),F=(0,o.cp)({mainFaq:{margin:0,padding:"20px",background:"#fff"},mainUl:{margin:0,padding:0,listStyle:"none"},btnDiv:{width:"220px",margin:"20px auto 0 auto",boxSizing:"border-box","& a":{textDecoration:"none",display:"block",padding:"10px",backgroundColor:"#f6a443",color:"#fff",textAlign:"center",borderRadius:"5px",fontSize:"1.2em","&:hover":{background:"#f68b0d"},"& ul":{listStyle:"none",display:"table","& li":{display:"table-cell",padding:"5px 3px",verticalAlign:"middle",lineHeight:0,fontSize:"14.4px"}}}},"@media (max-width: 767px)":{mainFaq:{padding:"10px"},btnDiv:{"& a":{padding:"5px","& li":{fontSize:".75em !important"}}}}})((e=>{let{classes:{mainFaq:t,mainUl:a,btnDiv:n},faqList:r}=e;return(0,x.jsx)("div",{className:t,children:(0,x.jsxs)("ul",{className:a,children:[r.faq[0].faqDetail.map(((e,t)=>(0,x.jsx)(S,{title:e.title,body:e.body},t))),(0,x.jsx)("div",{className:n,children:(0,x.jsx)("a",{href:"/uknow/",className:"btn-default",children:(0,x.jsxs)("ul",{children:[(0,x.jsx)("li",{children:(0,x.jsx)("img",{src:"https://image.eikaiwa.dmm.com/assets/uknow/icon_btn_default.png",alt:""})}),(0,x.jsx)("li",{children:"\u30c8\u30c3\u30d7\u3078"})]})})})]})})}));var T=a(3086),C=a(3492),R=a(996),B=a(884);const N="JapanB2B",A=()=>{const[e,t]=(0,n.useState)({}),{faq:a,target:r,faqTitleID:i}=(0,B.e)();return(0,n.useEffect)((()=>{a.get().then((e=>{const a=e.data?e.data.faqs[0]:{};t(a)})).catch((e=>(0,R.E)(e)))}),[a]),Object.keys(e).length?"Uknow"===r?(0,x.jsx)(F,{faqList:e}):r===N||"JapanB2S"===r?(0,x.jsx)(q,{faqTitleID:i,faqList:e,withCategory:r===N}):(0,x.jsx)(C.c,{error:"target invalid",children:"Please check target"}):(0,x.jsx)(T.c,{})}},3492:(e,t,a)=>{a.d(t,{c:()=>o});a(9060);var n=a(996),r=a(3120),i=a(2496);const s={margin:0,padding:"80px 0",textAlign:"center"},o=e=>{let{error:t,children:a,fontSize:o="14px",dataTestid:l=r._b}=e;return(0,n.E)(t),(0,i.jsx)("div",{style:{...s,fontSize:o},"data-testid":l,children:a})}},3086:(e,t,a)=>{a.d(t,{c:()=>l});a(9060);var n=a(3120),r=a(640),i=a(2496);const s=e=>{let{color:t,size:a=100}=e;const n={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;1",attributeName:"opacity",repeatCount:"indefinite"});return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,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",{...n,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",{...n,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",{...n,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",{...n,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",{...n,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",{...n,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",{...n,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",{...n,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",{...n,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",{...n,children:(0,i.jsx)("animate",{...r("-0.23

1076923076923078s")})})}),(0,i.jsx)("g",{transform:"rotate(300 50 50) translate(0 -30)",children:(0,i.jsx)("rect",{...n,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",{...n,children:(0,i.jsx)("animate",{...r("-0.07692307692307693s")})})})]})},o={margin:0,textAlign:"center"},l=e=>{let{size:t=100}=e;return(0,i.jsx)("div",{style:o,"data-testid":n.bW,children:(0,i.jsx)(s,{color:r.dT,size:t})})}},640:(e,t,a)=>{a.d(t,{Gq:()=>j,Ke:()=>g,Wg:()=>b,Ye:()=>i,dE:()=>d,dT:()=>r,dZ:()=>l,eM:()=>n,i:()=>u,ie:()=>h,k$:()=>f,kB:()=>o,kg:()=>c,rd:()=>s,rm:()=>p,sj:()=>m,um:()=>k,y0:()=>x});const n="#fff",r="#808080",i="#b3b3b3",s="#ccc",o="#d8d8d8",l="#eee",c="#f2f2f2",d="#333",x="#787878",p="#404040",m="#e3463d",f="#4bbcff",g="#43aae6",h="#009DFF",u="#ef871a",b="#ebc56a",j="#FFE539",k="#FFF9D5"},3120:(e,t,a)=>{a.d(t,{_Y:()=>i,_b:()=>r,bW:()=>n});const n="loading",r="error",i="success"},8950:(e,t,a)=>{a.r(t),a.d(t,{default:()=>p});a(9060);var n=a(9088),r=a(640),i=a(996),s=a(5484),o=a(2496);const l={paragraph:{...s.defaultRules.paragraph,react:(e,t,a)=>(0,o.jsx)("p",{children:t(e.content,a)},a.key)},url:s.defaultRules.url,link:{...s.defaultRules.link,react:(e,t,a)=>(0,o.jsx)("a",{href:(0,s.sanitizeUrl)(e.target),target:"_blank",children:t(e.content,a)},a.key)},image:s.defaultRules.image,simpleItalic:{...s.defaultRules.em,match:(0,s.inlineRegex)(/^_([\s\S]+?)_(?!_)/)},simpleBold:{...s.defaultRules.strong,match:(0,s.inlineRegex)(/^\*([\s\S]+?)\*(?!\*)/)},del:s.defaultRules.del,list:s.defaultRules.list,br:{...s.defaultRules.br,match:e=>/^\n/.exec(e),react:(e,t,a)=>(0,o.jsx)("br",{},a.key)},text:{...s.defaultRules.text,match:(0,s.inlineRegex)(/^[^\n]+?(?=[^0-9A-Za-z\s\u00c0-\uffff]|\n|\w+:\S|$)/)}},c=(0,s.parserFor)(l),d=(0,s.reactFor)((0,s.ruleOutput)(l,"react")),x={default:{"& p":{margin:"1em 0"},"& img":{maxWidth:"100%",height:"auto",margin:"1em 0",verticalAlign:"bottom"},"& em":{fontWeight:"normal",fontStyle:"italic"},"& strong":{fontWeight:"bold",fontStyle:"normal"},"& a":{color:r.k$},"& a:hover":{color:r.Ke},"& ul":{paddingLeft:"1.5em",margin:"1em 0",listStyleType:"disc"},"& ol":{paddingLeft:"1.5em",margin:"1em 0",listStyleType:"decimal"}}},p=(0,n.cp)(x)((e=>{let{text:t,classes:a,showError:n=!1}=e;try{const e=c("".concat(t,"\n\n"),{inline:!1}),n=d(e);return(0,o.jsx)("div",{className:a.default,"data-testid":"formatted-block-text",children:n})}catch(r){if(n){const e="RenderFormattedText received invalid rules: ".concat(r);return(0,i.E)(r),(0,o.jsx)("div",{className:a.default,"data-testid":"formatted-block-text",children:e})}return(0,o.jsx)("div",{className:a.default,"data-testid":"formatted-block-text",children:t})}}))},996:(e,t,a)=>{a.d(t,{E:()=>n});const n=e=>console.error(e)}}]);
2//# sourceMappingURL=232.18f183c0.chunk.js.map