https://www.jjpan.com/_next/static/chunks/pages/about/career-6816175f4f751adc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[580],{88114:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/about/career",function(){return t(64968)}])},67902:function(e,o,t){"use strict";t.d(o,{t:function(){return c}});var r=t(73235);function _(){let e=(0,r._)(["\n    fragment Vacancy on Vacancy {\n  id\n  alias\n  type\n  works {\n    id\n    name\n  }\n  departmentRequirement\n  experienceRequirement\n  languages {\n    id\n    language\n    listening\n    speaking\n    reading\n    writing\n  }\n  skills {\n    id\n    level\n    name\n  }\n  others {\n    id\n    name\n  }\n  createdAt\n  updatedAt\n  releasedAt\n  name\n  salaryType\n  headCount\n  vacationType\n  onBoardRemark\n  education\n  placements\n  placementGroup {\n    id\n    placements {\n      id\n      name\n    }\n    name\n  }\n}\n    "]);return _=function(){return e},e}let c=(0,t(89130).Ps)(_())},64968:function(e,o,t){"use strict";t.r(o),t.d(o,{default:function(){return W}});var r=t(52322),_=t(2784),c=t(23233),n=t(40489),a=t(93443),i=t(63756),s=t(95967),l=t.n(s),g=()=>{let{t:e,ready:o}=(0,c.$G)("career");return(0,_.useEffect)(()=>{let e=a.ZP.to(".".concat(l()["root__content-container"]),{scrollTrigger:{trigger:".".concat(l()["root__content-container"]),start:"top 70%",once:!0,toggleClass:"".concat(l()["root__content-container--active"])}}),o=a.ZP.to(".".concat(l().root__mask),{scrollTrigger:{trigger:".".concat(l().root__mask),start:"top 70%",once:!0,toggleClass:"".concat(l()["root__mask--active"])}}),t=a.ZP.to(".".concat(l().root__img__cover),{scrollTrigger:{trigger:".".concat(l().root__img__cover),start:"top 70%",once:!0,toggleClass:"".concat(l()["root__img__cover--active"])}});return()=>{e&&(e.kill(),e.scrollTrigger&&e.scrollTrigger.kill()),o&&(o.kill(),o.scrollTrigger&&o.scrollTrigger.kill()),t&&(t.kill(),t.scrollTrigger&&t.scrollTrigger.kill())}},[o]),(0,r.jsxs)("div",{className:l().root,children:[(0,r.jsxs)("div",{className:l()["root__img-container"],children:[(0,r.jsx)(i.DG,{src:"/career/career_img1.webp",alt:"JJP career chance",aspectRatio:"2 / 3",className:l().root__img,imgClassName:l().root__img__cover}),(0,r.jsx)("div",{className:l().root__mask})]}),o&&(0,r.jsxs)("div",{className:l()["root__content-container"],children:[(0,r.jsx)("h2",{className:l().root__title,children:e("jobs")}),(0,r.jsxs)("p",{className:l().root__desc,children:[e("desc_1"),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),e("desc_2"),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),e("desc_3")]})]})]})},m=t(49942),d=t.n(m),v=e=>{let{title:o,content:t}=e;return(0,_.useEffect)(()=>{a.ZP.utils.toArray(".".concat(d().root)).forEach(e=>{a.ZP.to(e,{scrollTrigger:{trigger:e,start:"top 85%",once:!0,toggleClass:"".concat(d()["root--active"])}})}),a.ZP.utils.toArray(".".concat(d().root__title)).forEach(e=>{a.ZP.to(e,{scrollTrigger:{trigger:e,start:"top 70%",once:!0,toggleClass:"".concat(d()["root__title--active"])}})}),a.ZP.utils.toArray(".".concat(d().root__content)).forEach(e=>{a.ZP.to(e,{scrollTrigger:{trigger:e,start:"top 70%",once:!0,toggleClass:"".concat(d()["root__content--active"])}})})},[]),(0,r.jsxs)("div",{className:d().root,children:[(0,r.jsx)("p",{className:d().root__title,children:o}),(0,r.jsx)("p",{className:d().root__content,children:t})]})},u=t(26475),p=t.n(u),h=()=>{let{t:e,ready:o}=(0,c.$G)("career");return(0,_.useEffect)(()=>{let e=a.ZP.to(".".concat(p().root__title),{scrollTrigger:{trigger:".".concat(p().root__title),start:"top 70%",once:!0,toggleClass:"".concat(p()["root__title--active"])}});return()=>{e&&(e.kill(),e.scrollTrigger&&e.scrollTrigger.kill())}},[o]),(0,r.jsx)("div",{className:p().root,children:o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("h2",{className:p().root__title,children:e("welfares")}),(0,r.jsxs)("div",{className:p().root__grid,children:[(0,r.jsx)(v,{title:e("insurance"),content:e("insurance_value")}),(0,r.jsx)(v,{title:e("diet"),content:e("diet_value")}),(0,r.jsx)(v,{title:e("general_allowance"),content:e("general_allowance_value")}),(0,r.jsx)(v,{title:e("living"),content:e("living_value")}),(0,r.jsx)(v,{title:e("recreation"),content:e("recreation_value")}),(0,r.jsx)(v,{title:e("bonus_gift"),content:e("bonus_gift_value")}),(0,r.jsx)(v,{title:e("training"),content:e("training_value")}),(0,r.jsx)(v,{title:e("others"),content:e("others_value")})]})]})})},f=t(11031),x=t(73235),j=t(89130),y=t(67902),N=t(40794);function k(){let e=(0,x._)(["\n    query Vacancies($searchTerm: String, $office: VacancyPlacementGroup, $type: VacancyType) {\n  vacancies(searchTerm: $searchTerm, office: $office, type: $type) {\n    ...Vacancy\n  }\n}\n    ",""]);return k=function(){return e},e}let T={},b=(0,j.Ps)(k(),y.t);function w(){let e=(0,x._)(["\n    query VacancyPlacementGroups {\n  placementGroups {\n    id\n    name\n  }\n}\n    "]);return w=function(){return e},e}let P={},Z=(0,j.Ps)(w());var C=t(23686),E=t(86494),G=t(52847),A=t(63955),M=t(48601),Y=t(61788),D=t(6812),F=t(39097),V=t.n(F),L=t(54764),R=t.n(L),$=t(75694),I=t(919),S=t.n(I),X=e=>{let{vacancy:o}=e,{t,ready:a,i18n:i}=(0,c.$G)(["common","career"]),[s,l]=(0,_.useState)(!1),[g,m]=(0,_.useState)(!1),d=(0,_.useCallback)(()=>{s||(l(!0),m(!1))},[s]),v=(0,_.useCallback)(()=>{s&&(l(!1),m(!0))},[s]);return(0,r.jsxs)(V(),{href:"".concat($.o.ABOUT_CAREER,"/").concat(o.alias),className:(0,n.Z)(S().root,{[S()["root--in"]]:s,[S()["root--out"]]:g}),target:"_blank",rel:"noreferrer",onMouseEnter:d,onMouseLeave:v,children:[(0,r.jsxs)("div",{className:S()["root__type-container"],children:[(0,r.jsx)("p",{className:S().root__type,children:t((0,C.fg)(o.type),{ns:"career"})}),(0,r.jsx)("p",{className:S().root__date,children:"en"===i.language?R()(o.releasedAt).format("MMM DD, YYYY"):R()(o.releasedAt).format("YYYY.MM.DD")}

1)]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:S().root__type__rwd,children:t((0,C.fg)(o.type),{ns:"career"})}),(0,r.jsx)("p",{className:S().root__name,children:o.name}),(0,r.jsx)("p",{className:S().root__place,children:o.placements.map(e=>(0,C.Ps)(e,i.language)).join("、")})]}),(0,r.jsx)("div",{children:a&&(0,r.jsxs)("div",{className:S()["root__more-container"],children:[(0,r.jsx)("span",{className:S().root__more,children:t("read_more")}),(0,r.jsx)(f.Z,{className:S().root__icon,icon:Y.Fj})]})})]})},H=t(79892),J=t.n(H),q=(0,_.memo)(e=>{let{vacancies:o}=e;return(0,_.useEffect)(()=>{let e=a.ZP.to(".".concat(J().root__vacancies),{scrollTrigger:{trigger:".".concat(J().root__vacancies),start:"top 70%",once:!0,toggleClass:"".concat(J()["root__vacancies--active"])}});return()=>{e&&(e.kill(),e.scrollTrigger&&e.scrollTrigger.kill())}},[]),(0,r.jsx)("div",{className:J().root__vacancies,children:o.map(e=>(0,r.jsx)(X,{vacancy:e},e.id))})});let O=M.Ry({type:M.Z_(),office:M.Z_()});var K=(0,_.memo)(()=>{let{t:e,ready:o}=(0,c.$G)(["career","common"]),{data:t}=function(e){let o={...P,...e};return N.a(Z,o)}({fetchPolicy:"cache-and-network"}),n=(0,_.useMemo)(()=>{var o;return C.ZS.map(o=>({...o,name:e(o.name,{ns:"common"})})).concat(null!==(o=null==t?void 0:t.placementGroups)&&void 0!==o?o:[]).map(e=>({id:e.id,name:e.name}))},[e,null==t?void 0:t.placementGroups]),i=(0,_.useMemo)(()=>C.ZS.map(o=>({id:o.id,name:e(o.name,{ns:"common"})})).concat(C.ol.map(o=>({id:o.id,name:e(o.name)}))),[e]),s=(0,A.cI)({resolver:(0,D.X)(O),defaultValues:{type:"",office:""}}),{data:l,loading:g}=function(e){let o={...T,...e};return N.a(b,o)}({fetchPolicy:"cache-and-network",variables:{type:s.watch("type")&&"ALL"!==s.watch("type")?s.watch("type"):void 0,office:s.watch("office")&&"ALL"!==s.watch("office")?s.watch("office"):void 0}});(0,_.useEffect)(()=>{let e=a.ZP.to(".".concat(J().root__title),{scrollTrigger:{trigger:".".concat(J().root__title),start:"top 70%",once:!0,toggleClass:"".concat(J()["root__title--active"])}}),o=a.ZP.to(".".concat(J().root__filters),{scrollTrigger:{trigger:".".concat(J().root__filters),start:"top 70%",once:!0,toggleClass:"".concat(J()["root__filters--active"])}});return()=>{e&&(e.kill(),e.scrollTrigger&&e.scrollTrigger.kill()),o&&(o.kill(),o.scrollTrigger&&o.scrollTrigger.kill())}},[o]);let m=(0,_.useMemo)(()=>{var e;return null!==(e=null==l?void 0:l.vacancies)&&void 0!==e?e:[]},[null==l?void 0:l.vacancies]);return(0,r.jsx)("div",{className:J().root,children:(0,r.jsx)(E.Z,{methods:s,children:(0,r.jsxs)("div",{className:J().root__container,children:[o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("h2",{className:J().root__title,children:e("join_us")}),(0,r.jsxs)("div",{className:J().root__filters,children:[(0,r.jsx)(G.mg,{registerName:"type",placeholder:e("types_employment"),options:i}),(0,r.jsx)(G.mg,{registerName:"office",placeholder:e("country_region"),options:n})]})]}),m.length>0?(0,r.jsx)(q,{vacancies:m}):(0,r.jsx)(r.Fragment,{children:g?null:(0,r.jsx)("div",{className:J()["root__placeholder-container"],children:(0,r.jsxs)("div",{className:J().root__placeholder,children:[(0,r.jsx)("h2",{className:J().root__placeholder__title,children:"找不到篩選結果"}),(0,r.jsx)("p",{className:J().root__placeholder__desc,children:"我們無法找到匹配的結果，請更改篩選條件。"}),(0,r.jsxs)("button",{type:"button",className:J().root__placeholder__clear,onClick:()=>s.reset(),children:["清除篩選條件",(0,r.jsx)(f.Z,{icon:Y.XH,className:J().root__placeholder__clear__icon})]})]})})})]})})})}),B=t(84026),Q=t(43423),U=t.n(Q),W=()=>{let{t:e,ready:o}=(0,c.$G)("career"),[t,s]=(0,_.useState)(!1),[l]=(0,B.i)(),m=(0,_.useCallback)(()=>l<=1279&&l>=1024?5*l/8:l<=1023&&l>=600?2*l/3:l<=599?4*l/5:9*l/16,[l]);return(0,_.useEffect)(()=>{let e=m(),o=a.ZP.fromTo(".".concat(U().root__img," span"),{scrollTrigger:{trigger:".".concat(U().root__img," span"),start:"top center",scrub:!0},transform:"matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -".concat(.05*e,", 0, 1)")},{scrollTrigger:{trigger:".".concat(U().root__img," span"),start:"top center",scrub:!0},transform:"matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, ".concat(.15*e,", 0, 1)"),ease:"power3.inOut"});return()=>{o&&(o.kill(),o.scrollTrigger&&o.scrollTrigger.kill())}},[m,o]),(0,_.useEffect)(()=>{s(!0)},[]),(0,r.jsxs)("div",{className:U().root,children:[(0,r.jsx)("div",{className:(0,n.Z)(U().root__container,U()["root__heading-container"]),children:o&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.yG,{title:e("career"),ogImage:"/career/career_banner.webp"}),(0,r.jsx)(i.X6,{children:e("career")})]})}),(0,r.jsx)(i.DG,{src:"/career/career_banner.webp",alt:"JJP career cover",aspectRatio:"16 / 9",className:U().root__img,imgClassName:(0,n.Z)(U().root__img__cover,{[U()["root__img__cover--shown"]]:t})}),(0,r.jsxs)("div",{className:(0,n.Z)(U().root__container,U()["root__info-container"]),children:[(0,r.jsx)(g,{}),(0,r.jsx)(h,{})]}),(0,r.jsx)(K,{})]})}},49942:function(e){e.exports={root:"benefits-item_root__8pVJV","root--active":"benefits-item_root--active__6Ir5u",root__title:"benefits-item_root__title__Mls_C","root__title--active":"benefits-item_root__title--active__OsapQ",root__content:"benefits-item_root__content__ozfIv","root__content--active":"benefits-item_root__content--active__7F4eK"}},26475:function(e){e.exports={root:"benefits_root__DFHwo",root__title:"benefits_root__title__GYon5","root__title--active":"benefits_root__title--active__FMByK",root__grid:"benef

1its_root__grid__SRNG0"}},95967:function(e){e.exports={root:"chance_root__Ii_1W","root__img-container":"chance_root__img-container__AL9eZ",root__img:"chance_root__img___opP4",root__img__cover:"chance_root__img__cover__2WYB7","root__img__cover--active":"chance_root__img__cover--active__GjEN2",root__mask:"chance_root__mask__Nvw9N","root__mask--active":"chance_root__mask--active__Pgpj3","root__content-container":"chance_root__content-container__svih5","root__content-container--active":"chance_root__content-container--active__o_PD0",root__title:"chance_root__title__SbUyk",root__desc:"chance_root__desc__qk9pL"}},79892:function(e){e.exports={root:"vacancies_root__9YglF",root__container:"vacancies_root__container__DyZC_",root__title:"vacancies_root__title__KiXhM","root__title--active":"vacancies_root__title--active__tEZw0",root__filters:"vacancies_root__filters__yXNZy","root__filters--active":"vacancies_root__filters--active__kHq1C",root__vacancies:"vacancies_root__vacancies__hGhol","root__vacancies--active":"vacancies_root__vacancies--active__ARo6d","root__placeholder-container":"vacancies_root__placeholder-container__s8MjD",root__placeholder:"vacancies_root__placeholder__YssY0",root__placeholder__title:"vacancies_root__placeholder__title___ygFD",root__placeholder__desc:"vacancies_root__placeholder__desc__RH0Xd",root__placeholder__clear:"vacancies_root__placeholder__clear__LCIEi",root__placeholder__clear__icon:"vacancies_root__placeholder__clear__icon__3fa2d"}},919:function(e){e.exports={root:"vacancy_root__1iyFv","root--in":"vacancy_root--in__Q8dPx","root--out":"vacancy_root--out__wL0tk","root__type-container":"vacancy_root__type-container__heHHv",root__type:"vacancy_root__type__7wdLY",root__date:"vacancy_root__date__yDMvk",root__type__rwd:"vacancy_root__type__rwd__tvFSG",root__name:"vacancy_root__name__sHrbV",root__place:"vacancy_root__place__I_eJ0","root__more-container":"vacancy_root__more-container__yNaix",root__more:"vacancy_root__more__OfIAm",root__icon:"vacancy_root__icon__fqPJ6"}},43423:function(e){e.exports={root:"career_root__7JtvE",root__container:"career_root__container__6NdhX","root__heading-container":"career_root__heading-container__Ct4or","root__info-container":"career_root__info-container__nKHAc",root__img:"career_root__img__awAuK",root__img__cover:"career_root__img__cover__VULIQ","root__img__cover--shown":"career_root__img__cover--shown__26Gdn"}}},function(e){e.O(0,[706,847,774,888,179],function(){return e(e.s=88114)}),_N_E=e.O()}]);