https://careerpark.jp/app-packs/chunk.1672.31429a9a7a9089199702.js

1"use strict";(self.webpackChunkchai_app=self.webpackChunkchai_app||[]).push([[1672],{18258(e,t,s){s.r(t),s.d(t,{ScheduleList:()=>B,default:()=>C});var l=s(74848),c=s(22776),a=s(34164),i=s(53321),r=s(96540),n=s(34666),d=s(93905),o=s(6746),u=s(36824),m=s(44244),h=s(86017),p=s(74353),x=s.n(p),f=s(55044),S=s(63325),j=s(55774);const y={headingMessage:"headingMessage-Ql84r",header:"header-SyWVr",list:"list-iTWpP",scheduleDayItem:"scheduleDayItem-IYlSr",dateText:"dateText--1Cqf"},v={headingMessage:"headingMessage-dY0Mt",header:"header-jJ+4j",list:"list-k7t7L",scheduleDayItem:"scheduleDayItem-tuF+l",dateText:"dateText-oIUI1"};var g=s(26281);const I=({schedulesByDay:e,day:t})=>{const s=(0,j.GO)(y,v),c=x()(e[t][0].open_at),{target:a}=(0,j.Y0)();return(0,l.jsx)(g.$x,{as:"p",className:s.dateText,m:0,children:(0,l.jsxs)("span",{children:["sp"===a?c.format("M/D"):c.format("M月D日")," ",(0,l.jsx)("i",{"data-day":c.get("day"),children:c.format("ddd")})]})})},_=({schedule:e,onSelectSchedule:t,selectedScheduleId:s})=>{const c=(0,r.useCallback)((()=>{t?.(e)}),[t,e]),{target:a}=(0,j.Y0)();return(0,l.jsx)(n.Rt,{checked:e.id.toString()===s,disabled:e.is_fulled,id:`schedule-${e.id}`,subText:e.is_fulled?"×":"◎",text:"pc"===a?`${x()(e.open_at).format("H:mm")}〜${x()(e.close_at).format("H:mm")}`:`${x()(e.open_at).format("H:mm")}-\n${x()(e.close_at).format("H:mm")}`,onChange:c},e.id)},w=({schedules:e,onSelectSchedule:t,selectedScheduleId:s})=>{const c=(0,j.GO)(y,v),i=L({schedules:e}),n=Object.keys(i).length,d=n>5,o=d?5:n,[u,m]=(0,r.useState)(),[h,p]=(0,r.useState)(),x=(0,r.useMemo)((()=>Object.keys(i)),[i]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:c.header,children:[d&&(0,l.jsx)(T,{}),(0,l.jsx)(S.RC,{allowTouchMove:!1,controller:{control:h},modules:[f.Vx,f.dK,f.xI],slidesPerGroup:o,slidesPerView:o,onSwiper:m,children:x.map((e=>(0,l.jsx)(S.qr,{children:(0,l.jsx)(I,{day:e,schedulesByDay:i})},e)))})]}),(0,l.jsx)("div",{className:c.list,children:(0,l.jsx)(S.RC,{allowTouchMove:!1,className:(0,a.$)("schedule-swiper",c.swiper),controller:{control:u},modules:[f.Vx,f.dK,f.xI],navigation:d&&{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},pagination:d&&{clickable:!0},slidesPerGroup:o,slidesPerView:o,onSwiper:p,children:x.map((e=>(0,l.jsx)(S.qr,{className:c.scheduleSwiperSlide,children:i[e].map((e=>(0,l.jsx)("div",{className:c.ScheduleDayItem,children:(0,l.jsx)(_,{schedule:e,selectedScheduleId:s,onSelectSchedule:t})},e.id)))},e)))})})]})},T=()=>(0,l.jsxs)("div",{className:"schedule-swiper-nav",children:[(0,l.jsxs)("div",{className:"swiper-button-prev",children:[(0,l.jsx)(n.rP,{fontSize:1,mr:1,name:"pagerPrev"}),(0,l.jsx)("span",{children:"前の日程"})]}),(0,l.jsxs)("div",{className:"swiper-button-next",children:[(0,l.jsx)("span",{children:"次の日程"}),(0,l.jsx)(n.rP,{fontSize:1,ml:1,name:"pagerNext"})]})]}),L=({schedules:e})=>{const t={};return e.forEach((e=>{const s=e.open_at,l=x()(s).format("M月D日");t[l]=t[l]||[],t[l].push(e)})),t},N={selectPrefecture:"selectPrefecture-bX-4Q",prefectureList:"prefectureList-yO50n",prefectureItem:"prefectureItem-StTSo",scheduleList:"scheduleList-icFA1",scheduleDayList:"scheduleDayList-y5as+",scheduleListScroll:"scheduleListScroll-tAD0K",scheduleListScrollContent:"scheduleListScrollContent-0ipnT",list:"list-k1vKN",listItem:"listItem-ufRjX",moreButton:"moreButton-XMIj2",isActive:"isActive-rJlwl",moreButtonInner:"moreButtonInner-rIewu",moreButtonArrow:"moreButtonArrow-u2yYK"},D={selectPrefecture:"selectPrefecture-WpgQF",prefectureList:"prefectureList-71cSG",prefectureItem:"prefectureItem-bZwqE",scheduleList:"scheduleList-7cZvw",scheduleDayList:"scheduleDayList-2V5rC",scheduleListScroll:"scheduleListScroll-jxdD2",scheduleListScrollContent:"scheduleListScrollContent-gsEeJ",list:"list-PgiBS",listItem:"listItem-Ngcvb",moreButton:"moreButton--NpgU",isActive:"isActive-0Y5YW",moreButtonInner:"moreButtonInner-jsajO",moreButtonArrow:"moreButtonArrow-1Q8A2",scheduleStepInit:"scheduleStepInit-Qgffu",scheduleStep:"scheduleStep-Yl2cJ"};var P=s(94137);const b={liShow:{opacity:1,transition:{duration:.4,ease:o.U.md}},liHideen:{opacity:0}

1},$={animate:(e=0)=>({opacity:1,y:0,transition:{delay:.035*e,duration:.5,ease:o.U.easeOutExpo}}),initial:{opacity:0,y:40},exit:{opacity:0}},B=({schedules:e,selectedScheduleId:t,onSelectSchedule:s,className:o="",htmlForPrefix:p="",selectType:x="default",dense:f=!1,isSwiperDisplay:S=!1,initialIsShowPrefectureList:j=!1})=>{const y=(0,d.GO)(N,D),[v,g]=(0,r.useState)(!1),[I,_]=(0,r.useState)(0),[T,L]=(0,r.useState)(j),[B,C]=(0,r.useState)(null),[M,Y]=(0,r.useState)(null),A=(0,r.useRef)(null),k=(0,r.useRef)(null),{ref:H,setRef:E,handleCanBeScroll:O,isScrollable:F}=function(){const[e,t]=(0,r.useState)(!1),s=(0,r.useRef)(),l=()=>{s.current?t(s.current.clientHeight+50<=s.current.scrollHeight):t(!1)},c=(0,r.useCallback)((e=>{s.current=e,l()}),[]),a=(0,r.useCallback)((()=>{if(!s.current)return;const l=Math.max(s.current.scrollTop,0)+s.current.clientHeight+50>=s.current.scrollHeight;!l!==e&&t(!l)}),[s,e]);return(0,r.useEffect)((()=>{const e=s.current;return e?.addEventListener("scroll",a,P.Y),()=>{e?.removeEventListener("scroll",a)}}),[s,a]),{ref:s,setRef:c,handleCanBeScroll:l,isScrollable:e}}(),R=e.filter((e=>!M||e.place_id===M)),G=(0,r.useMemo)((()=>Object.values(e.reduce(((e,t)=>{const s=e[t.place_id];return s?{...e,[t.place_id]:{...s,count:s.count+1}}:{...e,[t.place_id]:{name:t.place.prefecture,place_id:t.place_id,place_name:t.place.name,station:t.place.station,count:1,place_prefecture_id:t.place.prefecture_id,is_online:t.is_online}}}),{}))),[e]);(0,r.useEffect)((()=>{if(S&&G.length>=1){const e=[13,14,27,23,11,12,28,1,40,22,8,34,26,4,15,20,21,7,33,43,9,10,24,46,47,42,3,38,2,35,29,25,44,45,6,16,17,30,37,39,36,18,19,41,5,32,31,48],t=G.sort(((t,s)=>t.is_online!==s.is_online?t.is_online?-1:1:e.indexOf(t.place_prefecture_id)-e.indexOf(s.place_prefecture_id))),[s]=t;"selectbox"===x?Y(s.place_id??null):(C(s?s.name:null),Y(s?s.place_id:null),L(!1))}}),[G,x]);const K=e=>{s?.(null),C(e?e.name:null),Y(e?e.place_id:null),L(!1)};(0,r.useEffect)((()=>{I?async function(){_(H.current?.clientHeight??0),g(!0),await(0,m.y)(500),g(!1)}():(0,u.d)((()=>_(H.current?.clientHeight??0))),O()}),[M,H]);const z=(e,t=1)=>{const s=e.station||e.place_name;let l=s;return 1===t?l=`${e.name} / ${s}`:2===t&&(l=`${e.name} (${s})`),l};return(0,l.jsxs)(l.Fragment,{children:[(G.length>=2||S&&G.length>=1)&&(0,l.jsx)(l.Fragment,{children:S&&"button"===x?(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:y.scheduleStepInit,children:"ご希望の会場を選択の上、参加可能な日程からイベントエントリーをお願いします。"}),(0,l.jsx)("div",{className:y.scheduleStep,children:"STEP1 会場選択"}),(0,l.jsx)("div",{children:G.map((e=>(0,l.jsx)(n.zg,{"data-testid":"selectPrefectureItem",isActive:M===e.place_id,text:z(e,2),onClick:()=>K(e)},e.place_id)))})]}):"selectbox"===x?(0,l.jsx)(n.v8,{className:y.selectPrefecture,"data-testid":"selectPrefecture",prefix:(0,l.jsx)(n.In,{fontSize:"iconSmall",name:"LocationFilled"}),prefixType:"filled",ref:A,value:M||void 0,onChange:()=>{return e=Number(A.current?.value),s?.(null),void Y(e);var e},children:G.map((e=>(0,l.jsx)("option",{value:e.place_id,children:z(e)},e.place_id)))}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.Nl,{className:y.selectPrefecture,"data-testid":"selectPrefecture",prefix:(0,l.jsx)(n.In,{color:"accent",fontSize:"iconSmall",name:"LocationFilled"}),suffix:(0,l.jsx)(n.rP,{color:"accent",fontSize:"bodyText",name:"arrowBottom"}),value:B??"会場から絞り込む",readOnly:!0,onClick:()=>{s?.(null),L(!T)}}),T&&(0,l.jsx)("div",{className:y.prefectureList,children:G.map(((e,t)=>(0,l.jsx)(i.P.div,{animate:"animate",className:y.prefectureItem,custom:t,exit:"exit",initial:"initial",variants:$,children:(0,l.jsx)(n.qJ,{"data-testid":"selectPrefectureItem",isActive:B===e.name,subText:z(e,0),subText2:`${e.count}件の日程`,text:e.name,onClick:()=>K(e)})},e.place_id)))})]})}),!T&&(S?(0,l.jsxs)("div",{children:["button"===x&&(0,l.jsx)("div",{className:y.scheduleStep,children:"STEP2 日程選択"}),(0,l.jsx)(i.P.div,{className:o,"data-specid":"scheduleDayList",children:(0,l.jsx)("div",{children:v?(0,l.jsx)(i.P.div,{animate:{o

1pacity:1},initial:{opacity:0},style:{height:`${I}px`,overflow:"hidden"},children:[...Array(4).keys()].map((e=>(0,l.jsx)(h.Kc,{},e)))}):(0,l.jsx)(w,{schedules:R,selectedScheduleId:t,onSelectSchedule:s})})},"scheduleDayList")]}):(0,l.jsxs)(i.P.div,{className:(0,a.$)(y.scheduleList,o),"data-specid":"scheduleList",children:[(0,l.jsx)("div",{className:y.scheduleListScroll,ref:E,children:v?(0,l.jsx)(i.P.div,{animate:{opacity:1},initial:{opacity:0},style:{height:`${I}px`,overflow:"hidden"},children:[...Array(4).keys()].map((e=>(0,l.jsx)(h.Kc,{},e)))}):(0,l.jsx)("ul",{className:y.list,ref:k,children:R.map(((e,c)=>(0,l.jsx)(i.P.li,{animate:"liShow",className:y.listItem,custom:c,"data-testid":"scheduleItem",initial:!!I&&"liHideen",variants:b,children:(0,l.jsx)(h.v_,{dense:f,htmlForPrefix:p,schedule:e,selectedScheduleId:t,onSelectSchedule:s})},c)))})}),(0,l.jsx)("div",{className:(0,a.$)(y.moreButton,!v&&F&&y.isActive),children:(0,l.jsxs)("button",{className:y.moreButtonInner,type:"button",onClick:()=>{H.current&&(0,c.A)({targets:H.current,scrollTop:H.current.scrollTop+H.current.clientHeight,duration:500,easing:"easeInOutQuart"})},children:["続きを見る",(0,l.jsx)(n.rP,{className:y.moreButtonArrow,name:"arrowBottom"})]})})]},"scheduleList"))]})},C=B},44244(e,t,s){s.d(t,{y:()=>l});const l=e=>new Promise((t=>setTimeout(t,e)))},71041(e,t,s){s.d(t,{J:()=>o});var l=s(74848),c=s(34164),a=(s(96540),s(26281)),i=s(93905),r=s(63046);const n={supText:"supText-lbz0G",dateText:"dateText-wSHe7",dateSameDayText:"dateSameDayText--6nLm",isDense:"isDense-WSJ7E"},d={supText:"supText-Qmmxi",dateText:"dateText-U1jp6",dateSameDayText:"dateSameDayText-K+UMM"},o=({open_at:e,close_at:t,supplementary_words:s,className:o="",dense:u=!1,...m})=>{const h=(0,i.GO)(n,d);if(!e||!t)return(0,l.jsx)(a.$x,{className:(0,c.$)(h.supText,o,u&&h.isDense),m:0,...m,children:s||"エントリー"});const p=(0,r.y)(e),x=(0,r.y)(t),f=p.isSame(x,"day"),S=p.isSame((0,r.y)(),"year");

1if(!f){const e=x.isAfter(p,"month"),t=x.isAfter(p,"year");return(0,l.jsxs)(a.$x,{as:"p",className:(0,c.$)(h.dateText,o,u&&h.isDense),m:0,...m,children:[(0,l.jsx)("span",{children:S?p.format("M月D日(ddd) H:mm ~"):p.format("YYYY年M月D日(ddd) H:mm ~")}),(0,l.jsx)("span",{children:x.format(`${t?"YYYY年":""}${e?"M月":""}D日(ddd) H:mm`)})]})}return(0,l.jsxs)(a.$x,{as:"p",className:(0,c.$)(h.dateSameDayText,o,u&&h.isDense),m:0,...m,children:[(0,l.jsxs)("span",{children:[S?p.format("M月D日"):p.format("YYYY年M月D日")," ",(0,l.jsx)("i",{"data-day":p.get("day"),children:p.format("ddd")})]}),(0,l.jsxs)("span",{children:[p.format("H:mm"),"~",x.format("H:mm")]})]})}}}]);
2//# sourceMappingURL=chunk.1672.31429a9a7a9089199702.js.map