(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[109],{95379:function(e,a,n){Promise.resolve().then(n.bind(n,87864)),Promise.resolve().then(n.bind(n,15282)),Promise.resolve().then(n.bind(n,1036)),Promise.resolve().then(n.bind(n,11956)),Promise.resolve().then(n.bind(n,35703)),Promise.resolve().then(n.t.bind(n,83950,23)),Promise.resolve().then(n.t.bind(n,16340,23))},1036:function(e,a,n){"use strict";n.d(a,{JobSearchResultSummary:function(){return v}});var s=n(27573),l=n(53857),t=n.n(l),r=n(88146);n(7653);var i=n(21576);function c(e){let{searchParams:a}=e,n=i.j.create(a);t()(n.isSuccess);let l=n.value;return(0,s.jsxs)("nav",{className:"inline-flex p-1 rounded bg-gray-pale",children:[(0,s.jsx)(o,{href:"/jobs?".concat(l.changeView(l.view.switch("jobs")).toQueryString({as:"external"})),name:"求人票",isActive:l.view.isJobs()}),(0,s.jsx)(o,{href:"/jobs?".concat(l.changeView(l.view.switch("companies")).toQueryString({as:"external"})),name:"企業",isActive:l.view.isCompanies()})]})}function o(e){let{name:a,href:n,isActive:l}=e;return(0,s.jsx)(r.default,{href:n,className:"".concat(l?"bg-white":"hover:text-gray-dark"," rounded px-2 py-1 text-xs text-black"),onClick:e=>{l&&e.preventDefault()},children:a})}var d=n(95020);function u(e){let{condition:a,unitType:n}=e,l=function(e){let{condition:a}=e,n=[];return""!==a.keyword.value&&(n=[...n,a.keyword.value]),a.salary.equals(d.Z.create(void 0))||(n=[...n,a.salary.label]),a.remotework.value&&(n=[...n,"リモート可"]),0!==a.employeeRanges.value.length&&(n=[...n,"従業員数 ".concat(a.employeeRanges.toLabelString())]),n.join(" ")}({condition:a}),t=function(e){let{unitType:a}=e;switch(a){case"jobs":return"を含む求人一覧";case"companies":return"を含む企業一覧";default:return a}}({unitType:n});return""===l?(0,s.jsx)(s.Fragment,{}):(0,s.jsxs)("div",{className:"text-xs text-gray-base",children:[(0,s.jsx)("span",{className:"font-semibold",children:l}),(0,s.jsx)("span",{className:"ml-1",children:t})]})}var h=n(82932);let x=e=>{switch(e.value){case"companies":return"社";case"jobs":return"件";default:return e.value}};function v(e){let{searchParams:a,resultCount:n,totalCount:l}=e,r=i.j.create(a);t()(r.isSuccess);let o=r.value,d=n+(0,h.QX)()(o).jobs.length,v=x(o.view);return(0,s.jsx)(g,{left:(0,s.jsxs)("div",{className:"flex flex-col justify-center text-gray-base text-xs w-2/3",children:[(0,s.jsx)(u,{condition:o,unitType:o.view.value}),(0,s.jsx)("div",{children:(0,s.jsxs)("span",{className:"inline-flex text-gray-base items-center",children:[(0,s.jsx)("span",{"aria-label":"表示中の求人または企業数",children:d})," ",v," /"," ",(0,s.jsx)("span",{"aria-label":"条件に一致する求人または企業数",children:l})," ",v]})})]}),right:(0,s.jsx)("div",{className:"flex items-center justify-end w-1/3",children:(0,s.jsx)(c,{searchParams:a})})})}function g(e){let{left:a,right:n}=e;return(0,s.jsx)("div",{className:"bg-white border-b border-gray-light pb-2",children:(0,s.jsxs)("div",{className:"flex flex-row justify-between text-xs",children:[a,n]})})}},1478:function(e,a,n){"use strict";n.d(a,{e:function(){return i}});var s=n(27573);n(7653);var l=n(4482),t=n(53412),r=n(61682);function i(e){let{checkedEmployeeRanges:a,isLoading:n,onChange:i}=e;return(0,s.jsxs)("div",{className:"flex flex-col gap-y-2",children:[(0,s.jsx)(l.xv,{size:"sm",bold:"semibold",children:"従業員数"}),(0,s.jsx)("div",{children:(0,s.jsx)("div",{className:"flex flex-col w-full gap-2",children:r.w.options.map(e=>{let l=r.w.createSafely(e.value),c=a.has(l);return(0,s.jsx)(t.X,{label:e.label,value:e.value,checked:c,disabled:n,onChange:async()=>{let a=r.w.createSafely(e.value);await i(a)}},e.value)})})})]})}},20932:function(e,a,n){"use strict";n.d(a,{a:function(){return r}});var s=n(27573),l=n(68602),t=n(10607);function r(e){let{keyword:a,handleKeyDown:n,handleChange:r,handleBlur:i,isLoading:c,leftElement:o}=e;return(0,s.jsxs)("div",{className:"relative",children:[!c&&(0,s.jsx)("div",{className:"absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none",children:(0,s.jsx)(l.Z,{className:"size-4 text-gray-base"})}),c&&(0,s.jsx)("div",{className:"absolute inset-y-0 top-3 left-3 flex animate-spin size-4 border-[3px] border-current border-t-transparent text-blue-base rounded-full",role:"status","aria-label":"loading",children:(0,s.jsx)("span",{className:"sr-only",children:"Loading..."})}),(0,s.jsx)("input",{type:"search",className:(0,t.Z)(["block w-full p-2 pl-10 text-sm text-gray-dark border rounded-lg bg-white focus:outline-none focus:ring-blue-light focus:border-blue-light",""===a?"border-gray-light":"border-blue-light"]),placeholder:"職種 キーワード",disabled:c,value:a,onKeyDown:n,onChange:r,onBlur:i,required:!0}),null!=o&&(0,s.jsx)("div",{className:"absolute inset-y-0 right-0 flex items-center pr-2",children:o})]})}n(7653)},87864:function(e,a,n){"use strict";n.r(a),n.d(a,{PCPanel:function(){return b}});var s=n(27573),l=n(53857),t=n.n(l),r=n(7653),i=n(1478),c=n(20932),o=n(11295),d=n(73059),u=n(69806),h=n(37032),x=n(72453),v=n(4482),g=n(53412),f=n(21576),m=n(82932);function b(e){let{searchParams:a}=e,n=f.j.create(a);t()(n.isSuccess);let l=n.value,[b,j]=(0,r.useState)(!1),y=(0,m.d$)(),{keyword:p,handleChange:w,handleKeyDown:N,handleBlur:k}=(0,u.x)(l,j),{salary:C,handleChangeAndNavigate:S}=(0,x.s)(l,j),{remotework:R,handleChangeAndNavigate:Z}=(0,h.V)(l,j),{employeeRanges:P,handleChangeAndNavigate:q}=(0,d.Y)(l,j);return(0,s.jsxs)("div",{className:"flex flex-col gap-y-6",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-y-2",children:[(0,s.jsx)("div",{children:(0,s.jsx)(v.xv,{size:"sm",bold:"semibold",children:"職種・キーワード検索"})}),(0,s.jsx)("div",{className:"flex",children:(0,s.jsx)("div",{className:"flex-1",children:(0,s.jsx)(c.a,{keyword:p,isLoading:b||y,handleChange:w,handleKeyDown:N,handleBlur:k})})})]}),(0,s.jsx)(o.p,{salary:C,isLoading:b||y,onChangeSalary:S}),(0,s.jsxs)("div",{className:"flex flex-col gap-y-2",children:[(0,s.jsx)("div",{children:(0,s.jsx)(v.xv,{size:"sm",bold:"semibold",children:"リモート勤務"})}),(0,s.jsx)("div",{className:"flex",children:(0,s.jsx)("div",{className:"flex-1",children:(0,s.jsx)(g.X,{label:"リモート可",checked:R,disabled:b||y,onChange:()=>{Z(!R)}})})})]}),(0,s.jsx)(i.e,{checkedEmployeeRanges:P,isLoading:b||y,onChange:q})]})}},15282:function(e,a,n){"use strict";n.r(a),n.d(a,{SPPanel:function(){return S}});var s=n(27573),l=n(57293),t=n(53857),r=n.n(t),i=n(81695),c=n(7653),o=n(1478),d=n(20932),u=n(11295),h=n(73059),x=n(69806),v=n(37032),g=n(72453),f=n(4482),m=n(53412),b=n(26763),j=n(10607);function y(e){let{open:a,setOpen:n,children:l}=e;return(0,s.jsx)(b.Vq,{open:a,className:"relative z-30",onClose:n,children:(0,s.jsx)("div",{className:"fixed inset-0 w-screen overflow-y-auto",children:(0,s.jsx)("div",{className:"flex h-full",children:(0,s.jsx)(b.EM,{transition:!0,className:(0,j.Z)(["relative overflow-hidden bg-white w-full","data-[closed]:opacity-0 data-[closed]:translate-y-4","data-[enter]:duration-300 data-[enter]:ease-out","data-[leave]:duration-200 data-[leave]:ease-in"]),children:l})})})})}var p=n(56592),w=n(68862),N=n(95020),k=n(21576),C=n(82932);function S(e){let{searchParams:a}=e,n=k.j.create(a);r()(n.isSuccess);let t=n.value,[b,j]=(0,c.useState)(!1),[S,R]=(0,c.useState)(!1),Z=(0,C.d$)(),P=(0,i.useRouter)(),{keyword:q,handleChange:E,handleKeyDown:Q,handleBlur:z}=(0,x.x)(t,j),{salary:K,handleChange:A}=(0,g.s)(t,j),{remotework:L,handleChange:D}=(0,v.V)(t,j),{employeeRanges:V,handleChange:B}=(0,h.Y)(t,j),_=()=>{let e=N.Z.create(K),a=p.Z.create(q),n=w.Q.create(L);r()(a.isSuccess);let s=a.value;if(t.salary.equals(e)&&t.keyword.equals(s)&&t.remotework.equals(n)&&t.employeeRanges.equals(V)){R(!1);return}P.push("/jobs?".concat(t.changeSalary(e).changeKeyword(s).changeRemotework(n).changeEmployeeRanges(V.value).toQueryString({as:"external"})))};return(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("div",{className:"flex",children:(0,s.jsx)("div",{className:"flex-1",children:(0,s.jsx)(d.a,{keyword:q,isLoading:b||Z,handleChange:E,handleKeyDown:Q,handleBlur:z,leftElement:(0,s.jsx)("button",{type:"button",className:"text-xs bg-white text-gray-dark font-semibold py-1 px-2 border border-black rounded shadow-sm hover:bg-gray-pale",onClick:()=>{R(!0)},children:"詳細検索"})})})}),(0,s.jsx)(y,{open:S,setOpen:R,children:(0,s.jsxs)("div",{className:"p-3 flex flex-col",children:[(0,s.jsx)("div",{className:"flex justify-end items-center",children:(0,s.jsx)("button",{type:"button",onClick:()=>{_()},children:(0,s.jsx)(l.Z,{className:"w-6 h-6 text-gray-base"})})}),(0,s.jsxs)("div",{className:"flex flex-col gap-y-6",children:[(0,s.jsx)("div",{children:(0,s.jsx)(u.p,{salary:K,isLoading:b||Z,onChangeSalary:A})}),(0,s.jsxs)("div",{className:"flex flex-col gap-y-2",children:[(0,s.jsx)(f.xv,{size:"sm",bold:"semibold",children:"リモート勤務"}),(0,s.jsx)("div",{className:"flex",children:(0,s.jsx)("div",{className:"flex-1",children:(0,s.jsx)(m.X,{label:"リモート可",checked:L,disabled:b||Z,onChange:D})})})]}),(0,s.jsx)(o.e,{checkedEmployeeRanges:V,isLoading:b||Z,onChange:B})]})]})})]})}},11295:function(e,a,n){"use strict";n.d(a,{p:function(){return c}});var s=n(27573),l=n(95820),t=n(4482),r=n(28728),i=n(95020);function c(e){let{salary:a,isLoading:n,onChangeSalary:c}=e;return(0,s.jsxs)("div",{className:"flex flex-col gap-y-2",children:[(0,s.jsx)("div",{children:(0,s.jsx)(r.x,{size:"sm",bold:"semibold",children:"年収"})}),(0,s.jsx)("div",{className:"bg-white",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:"absolute inset-y-0 right-4 flex items-center pl-3 pointer-events-none",children:(0,s.jsx)(l.Z,{className:"w-4 h-4 text-gray-base"})}),(0,s.jsx)(t.Ph,{name:"salary",value:a,defaultOptionValue:void 0,onChange:async e=>{let a=Number(e.target.value);await c(isNaN(a)?void 0:a)},options:i.Z.options.map(e=>({...e,value:e.value?"".concat(e.value):""})),disabled:n})]})})]})}},73059:function(e,a,n){"use strict";n.d(a,{Y:function(){return t}});var s=n(81695),l=n(7653);function t(e,a){let[n,t]=(0,l.useState)(e.employeeRanges),r=(0,s.useRouter)();return{employeeRanges:n,handleChangeAndNavigate:n=>{e.employeeRanges.has(n)?(a(!0),r.push("/jobs?".concat(e.changeEmployeeRanges(e.employeeRanges.value.filter(e=>!n.equals(e))).toQueryString({as:"external"})))):(a(!0),r.push("/jobs?".concat(e.changeEmployeeRanges([...e.employeeRanges.value,n]).toQueryString({as:"external"}))))},handleChange:e=>{n.has(e)?t(n.delete(e)):t(n.add(e))}}}},69806:function(e,a,n){"use strict";n.d(a,{x:function(){return r}});var s=n(81695),l=n(7653),t=n(56592);function r(e,a){let[n,r]=(0,l.useState)(e.keyword.value),i=(0,s.useRouter)();return{keyword:n,handleChange:e=>{r(e.target.value)},handleKeyDown:s=>{let l=t.Z.create(n),r=l.isFailure?t.Z.initialize():l.value;s.nativeEvent.isComposing||"Enter"!==s.key||e.keyword.equals(r)||(a(!0),i.push("/jobs?".concat(e.changeKeyword(r).toQueryString({as:"external"}))))},handleBlur:s=>{let l=t.Z.create(n),r=l.isFailure?t.Z.initialize():l.value;e.keyword.equals(r)||(a(!0),i.push("/jobs?".concat(e.changeKeyword(r).toQueryString({as:"external"}))))}}}},37032:function(e,a,n){"use strict";n.d(a,{V:function(){return r}});var s=n(81695),l=n(7653),t=n(68862);function r(e,a){let[n,r]=(0,l.useState)(e.remotework.value),i=(0,s.useRouter)();return{remotework:n,handleChangeAndNavigate:n=>{let s=t.Q.create(n);e.remotework.equals(s)||(a(!0),i.push("/jobs?".concat(e.changeRemotework(s).toQueryString({as:"external"}))))},handleChange:()=>{r(e=>!e)}}}},72453:function(e,a,n){"use strict";n.d(a,{s:function(){return r}});var s=n(81695),l=n(7653),t=n(95020);function r(e,a){let[n,r]=(0,l.useState)(e.salary.value),i=(0,s.useRouter)();return{salary:n,handleChangeAndNavigate:n=>{let s=t.Z.create(n);e.salary.equals(s)||(a(!0),i.push("/jobs?".concat(e.changeSalary(s).toQueryString({as:"external"}))))},handleChange:e=>{r(e)}}}},53412:function(e,a,n){"use strict";n.d(a,{X:function(){return t}});var s=n(27573),l=n(10607);function t(e){let{label:a,...n}=e,t=!0===n.checked?"border-blue-light":"border-gray-light";return(0,s.jsxs)("label",{className:(0,l.Z)(["cursor-pointer flex p-2 w-full bg-white border rounded-lg text-sm focus:border-blue-light focus:ring-blue-light",t]),children:[(0,s.jsx)("input",{className:"rounded focus:outline-none focus:ring-0 disabled:opacity-50 disabled:pointer-events-none",...n,type:"checkbox"}),(0,s.jsx)("span",{className:"text-sm text-gray-dark ml-2",children:a})]})}}},function(e){e.O(0,[44,340,950,964,883,339,916,956,293,528,744],function(){return e(e.s=95379)}),_N_E=e.O()}]);