https://shop.wordup.com.tw/_next/static/chunks/pages/search/recommendations/result-01881d7e6989570e.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="6142f598-e5b2-4840-afae-fc9d47981b23",e._sentryDebugIdIdentifier="sentry-dbid-6142f598-e5b2-4840-afae-fc9d47981b23")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[455,5843],{10860:(e,r,t)=>{"use strict";t.d(r,{$Z:()=>l,CZ:()=>d,N5:()=>p,O:()=>u,UT:()=>m,VK:()=>b,by:()=>h,jr:()=>f,o2:()=>c});var a=t(71024),n=t.n(a),o=t(76277),s=t(49511),i=t(29007);let l={subject:{label:"",value:""},catExam:{label:"",value:"",sub:{label:"",value:""}},catKind:{label:"",value:[]}},d="recommendation_filters",c="pointer-events-none border-primary-500",u="pointer-events-none bg-grayscale-50",b="select-none border border-solid border-grayscale-100 transition-colors cursor-pointer mobileUp:hover:border-primary-500 duration-200 ease-in-out break-word break-words whitespace-pre-line",m={STEP1:0,STEP2:1,STEP3:2},h=[n()(t.e(1318).then(t.bind(t,31318)),{loadableGenerated:{webpack:()=>[31318]}}),n()(t.e(8125).then(t.bind(t,28125)),{loadableGenerated:{webpack:()=>[28125]}}),n()(t.e(9036).then(t.bind(t,89036)),{loadableGenerated:{webpack:()=>[89036]}})],p=e=>{o.A.set({key:d,value:JSON.stringify(e),domain:".wordup.com.tw"}),(0,s.Al)()&&(0,i.A)({type:i.W.RECOMMENDATION_FILTERS,payload:e})},f=e=>{let{subject:r,catExam:t,catKind:a}=e,n={subject:r.value,cat_kind:a.value.join(",")},o=t.sub.value||t.value;switch(n.subject){case"english":n.cat_exam=o;break;case"japanese":case"korean":"daily"!==o&&(n.cat_exam=o)}return new URLSearchParams(n)}},23539:(e,r,t)=>{"use strict";t.d(r,{d:()=>c});var a=t(2860),n=t(26603),o=t(13623),s=t(13969),i=t(39162),l=t(84660);let d=e=>{let{percentage:r,height:t=8,color:n="peach-500",backgroundColor:o="grayscale-100"}=e;return(0,a.Y)("div",{"aria-label":"progress-bar",className:(0,l.Q)("relative w-full overflow-hidden rounded-lg",'before:absolute before:left-0 before:top-0 before:block before:h-full   before:transition-all before:duration-300 before:ease-in-out before:content-[""]',"h-[var(--wu-progress-height)] bg-[var(--wu-progress-bg-color)]","before:w-[var(--wu-progress-width)] before:bg-[var(--wu-progress-color)]"),style:{"--wu-progress-width":"string"==typeof r?r:`${Number.isFinite(r)?r:0}%`,"--wu-progress-height":"string"==typeof t?t:`${t}px`,"--wu-progress-color":i.GU[n],"--wu-progress-bg-color":i.GU[o]}})},c=e=>{if("noMui"in e&&e.noMui)return(0,a.Y)(d,{percentage:e.percentage,height:e.height,color:e.color,backgroundColor:e.backgroundColor});let{percentage:r,bgColor:t,...l}=e;return(0,a.Y)(n.A,{sx:{display:"flex",fontSize:"0.875rem",fontWeight:"bold",justifyContent:"space-between"},children:(0,a.Y)(o.A,{value:r>100?100:r,variant:"determinate",sx:{width:"100%",borderRadius:"0.5rem",height:"10px;",[`&.${s.A.colorPrimary}`]:{backgroundColor:i.GU["grayscale-200"]},[`& .${s.A.bar}`]:{backgroundColor:i.GU[t||"peach-500"]}},...l})})}},29007:(e,r,t)=>{"use strict";t.d(r,{A:()=>o,W:()=>s});var a=t(97043);let n="ReactNativeWebView is not available",o=e=>{try{var r;if(!(null==(r=window)?void 0:r.ReactNativeWebView))throw Error(n);let t=JSON.stringify(e);window.ReactNativeWebView.postMessage(t)}catch(r){if((null==r?void 0:r.message)===n)return void a.Ay.notify({err:r,context:{key:n,value:e}});a.Ay.notify({err:r,context:{key:"Error serializing value",value:e}})}},s={CLOSE:"CLOSE",TO_APP_MATERIALS:"TO_APP_MATERIALS",TO_APP_MATERIAL:"TO_APP_MATERIAL",RECOMMENDATION_FILTERS:"recommendation_filters",OPEN_TRIAL:"OPEN_TRIAL"}},45843:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>y});var a=t(2860),n=t(55729),o=t(10860),s=t(81278),i=t(32678);let l=async()=>{i.default.internal.sendEvent({name:"send_recommendations_modal"})},d=async e=>{i.default.internal.sendEvent({name:"send_recommendations_modal_progressing",params:{step:e}})};var c=t(98986),u=t(8588),b=t.n(u),m=t(33111),h=t(49511),p=t(15553),f=t(23539);let w={[o.UT.STEP1]:"subjects",[o.UT.STEP2]:"exams",[o.UT.STEP3]:"kinds"},g=e=>{var r;let{subject:t,currentStep:n}=e,{t:o}=(0,c.Bd)(),s=o("crowdin:recommendations-assistance.character-image-url"),i=null==(r=(0,m.A)(o(`crowdin:recommendations-assistance.${w[n]}-title`,{subject:t.label})))?void 0:r[(0,h.Al)()?"app":"web"];return(0,a.FD)("header",{children:[(0,a.Y)("div",{className:"mb-4 flex items-center justify-center gap-1",children:Array.from({length:3}).map((e,r)=>(0,a.Y)("div",{className:"flex-grow",children:(0,a.Y)(f.d,{noMui:!0,percentage:100*(n>=r),color:"primary-500",height:5})},r))}),(0,a.FD)("div",{className:"flex items-center justify-center gap-1",children:[s&&(0,a.Y)(b(),{src:s,alt:"recommendation character",width:74,height:70,className:"h-[70px] w-[74px]"}),i&&(0,a.Y)(p.E,{variant:"body_m_400",className:"rounded-3xl bg-white px-4 py-2 shadow-xs",dangerouslySetInnerHTML:{__html:i}})]})]})},y=(0,n.memo)(e=>{let{store:{currentStep:r,filterQuery:t},action:{updateStep:i,submit:c,onChanges:u}}=(e=>{let{onSubmit:r,initialValue:t}

1=e,a=(0,s.useRouter)(),[i,c]=(0,n.useState)(o.UT.STEP1),[u,b]=(0,n.useState)(o.$Z),m=(0,n.useMemo)(()=>({onSubjectChange:e=>{b(r=>({...r,subject:e,catExam:o.$Z.catExam}))},onExamChange:e=>{b(r=>({...r,catExam:e,catKind:o.$Z.catKind}))},onKindChange:e=>{b(r=>({...r,catKind:e}))}}),[]),h=(0,n.useCallback)(e=>{c(Math.max(o.UT.STEP1,Math.min(e,o.UT.STEP3)))},[]);return(0,n.useEffect)(()=>{a.isReady&&t&&b(t)},[a.isReady]),(0,n.useEffect)(()=>{d(i+1)},[i]),{store:{currentStep:i,filterQuery:u},action:{updateStep:h,submit:()=>{(0,o.N5)(u),l(),r((0,o.jr)(u))},onChanges:m}}})(e),b=o.by[r];return(0,a.FD)("div",{className:"flex h-full flex-col gap-4",children:[(0,a.Y)(g,{currentStep:r,subject:t.subject}),(0,a.Y)(b,{...u,filterQuery:t,updateStep:i,onSubmit:c})]})})},50624:(e,r,t)=>{"use strict";t.d(r,{v:()=>n});var a=t(63581);let n=()=>(0,a.A)("(min-width:992px)")},75695:(e,r,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/search/recommendations/result",function(){return t(83182)}])},83182:(e,r,t)=>{"use strict";t.r(r),t.d(r,{__N_SSP:()=>C,default:()=>O});var a=t(2860),n=t(43904),o=t(79516),s=t(98986),i=t(51652),l=t(5415),d=t(47126),c=t(26732),u=t(84660),b=t(92581),m=t(41642),h=t(92836),p=t(68552),f=t(71024),w=t.n(f),g=t(55729),y=t(76277),v=t(50624),x=t(10860),E=t(45843),_=t(68106);let A=w()(t.e(3665).then(t.bind(t,83665)),{loadableGenerated:{webpack:()=>[83665]}}),T=w()(t.e(7160).then(t.bind(t,77160)),{loadableGenerated:{webpack:()=>[77160]},ssr:!1}),N=e=>{let{children:r,onSubmit:t}=e,n=(0,v.v)(),{store:o,action:s}=(()=>{let[e,r]=(0,g.useState)(!1),t=(0,g.useMemo)(()=>({onOpen:()=>r(!0),onClose:()=>r(!1)}),[]);return(0,g.useEffect)(()=>((0,_.Dj)(!e),()=>(0,_.Dj)(!0)),[e]),{store:{isModalOpened:e},action:t}})(),i=(0,g.useMemo)(()=>(0,a.Y)(E.default,{onSubmit:e=>{t(e),s.onClose()},initialValue:y.A.get(x.CZ,!0)||void 0},`recommendations-${o.isModalOpened}`),[t,s,o.isModalOpened]);return(0,a.FD)(a.FK,{children:[n&&(0,a.Y)(A,{open:o.isModalOpened,onClose:s.onClose,maxWidth:"500px",maxHeight:"90%",padding:"1.25rem",mainBlockStyles:{height:"564px"},children:(0,a.Y)(a.FK,{children:i})}),!n&&(0,a.Y)(T,{isOpened:o.isModalOpened,onClose:s.onClose,bgClasses:"max-h-[80vh] h-full",children:(0,a.Y)("div",{className:"flex-grow overflow-hidden rounded-t-2xl bg-white px-4 py-5 shadow-xl",children:i})}),r(s)]})};var S=t(56104),k=t(1586),Y=t(94308),P=t(71465),C=!0;let O=()=>{let e=(0,P.r)(),r=(0,h.$)(),t=(0,l.BR)("pageKey"),{t:f}=(0,s.Bd)("feature-search"),{products:w,setSize:g,isEmpty:y,isLoadingMore:v,isPending:x,hasReachedEnd:E}=(0,b.A)({query:e.query});return(0,a.FD)(a.FK,{children:[(0,a.Y)(i.bV,{...(0,Y.H)(f("crowdin:recommendations-result.seo-title")),canonical:(0,Y.T)(f,"https://shop.wordup.com.tw"+e.asPath)}),(0,a.Y)(N,{onSubmit:r=>{e.replace({query:(0,n.A)(Object.fromEntries(r.entries()),o.A)},void 0,{shallow:!0,scroll:!0})},children:e=>{let{onOpen:t}=e;return(0,a.Y)("div",{className:(0,u.Q)("from-peach-300 to-peach-500 mobileUp:px-0 sticky left-0 z-[99] bg-linear-to-tl px-4 py-2 text-white",r),children:(0,a.FD)("div",{className:"mx-auto flex h-full w-full max-w-[806px] items-center justify-between",children:[(0,a.Y)(d.I,{type:"auto_awesome"}),(0,a.Y)("span",{className:"ml-1 flex-grow",children:f("crowdin:recommendations-assistance.update-hint")}),(0,a.Y)("div",{role:"button","aria-describedby":"recommendations update button",onClick:t,className:"cursor-pointer rounded-full border border-solid border-white px-3",children:f("crowdin:recommendations-assistance.update-hint-btn")})]})})}}),(0,a.FD)("section",{className:"min-h-[calc(100vh - 90px)] mobileUp:px-0 mx-auto max-w-[806px] p-5",children:[(0,a.Y)("header",{className:"mb-4",children:(0,a.Y)(c.Y,{showPrevButton:!1,breadcrumbItems:[{text:f("common:common.to_homepage"),href:m.H.HOME(t)},{text:f("breadcrumb_title"),href:m.H.SEARCH_TEMPLATE}]})}),!y&&(0,a.Y)(S.A,{products:w}),(0,a.Y)(k.A,{onInView:()=>g(e=>e+1),isEmpty:y,hasReachedEnd:E,isLoading:v||x})]}),(0,a.Y)(p.wi,{})]})}}},e=>{e.O(0,[8004,7761,4664,4980,7522,636,6593,8792],()=>e(e.s=75695)),_N_E=e.O()}]);