1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5200a88e-b17a-46d4-ac5e-d3efa339d526",e._sentryDebugIdIdentifier="sentry-dbid-5200a88e-b17a-46d4-ac5e-d3efa339d526")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2721,3665],{2443:(e,t,r)=>{"use strict";r.d(t,{A:()=>y});var l=r(2860),a=r(55729),n=r(34817),i=r(84903),o=r(58650),s=r(68106),c=r(15553),d=r(39477),u=r(58472),p=r(84660),m=r(16619),f=r.n(m),h=r(62869),b=r(44883);r(80014);var g=r(44254),v=r(76369);let x=e=>{let{className:t,children:r}=e;return t?(0,l.Y)("div",{className:t,children:r}):r};function y(e){let{open:t,contents:r,initialIndex:m=0,contentWrapperClassName:f="",shouldShowBackdrop:h=!1,VideoSlide:b}=e,{closeModal:g}=(0,o.U)(),v=(0,s.v2)(),[y,w]=(0,a.useState)(m),N=(0,a.useRef)(null),Y=1===r.length,_="bg-grayscale-100 absolute top-[calc(50%-13px)] flex cursor-pointer items-center justify-center rounded-full border-none px-[5px] py-[5px] z-10";return(0,l.Y)(n.WuModal,{open:t,onClose:g,maxWidth:v?"60vw":"100vw",maxHeight:"90vh",...!h&&{componentsProps:{backdrop:{style:{backgroundColor:"transparent"}}}},outerDivStyles:{padding:"0px"},mainBlockClassName:"p-0 overflow-visible bg-transparent",padding:"0px",children:(0,l.FD)("div",{className:"relative",children:[(0,l.Y)(i.RC,{initialSlide:m,className:(0,p.Q)("mobileUp:rounded-[8px] mobileUp:h-[calc(60vw/1.723)] h-[calc(100vw/1.723)] rounded-[0px]",f&&"h-[70vh]"),onSlideChangeTransitionEnd:e=>{w(e.realIndex)},ref:N,loop:!0,children:r.map((e,t)=>(0,l.Y)(i.qr,{className:"relative",children:(0,l.Y)(x,{className:f,children:"image"===e.type?(0,l.Y)("img",{src:e.url,alt:e.title,className:(0,p.Q)("h-full w-full object-cover object-center",e.className)}):(0,l.Y)(k,{url:e.url,VideoSlide:b})})},t))}),!Y&&(0,l.Y)("button",{onClick:()=>{var e;null==(e=N.current)||e.swiper.slideNext()},className:`${_} mobileUp:right-[calc(-16px-26px)] right-[16px]`,children:(0,l.Y)(d.A,{size:16,color:"#383B3D"})}),!Y&&(0,l.Y)("button",{onClick:()=>{var e;null==(e=N.current)||e.swiper.slidePrev()},className:`${_} mobileUp:left-[calc(-16px-26px)] left-[16px]`,children:(0,l.Y)(u.A,{size:16,color:"#383B3D"})}),(0,l.Y)("div",{className:"absolute bottom-[-29px] left-0 right-0 text-center text-white",children:(0,l.Y)(c.E,{variant:"label_s_500",color:"singletone-white",children:r[y].title})})]})})}let w=e=>{let{url:t,isActive:r}=e,{resolvePlaybackUrl:n}=(0,v.$)(),{url:i}=(0,g.q)(t,n),o=(0,a.useMemo)(()=>(0,b.F5)(h.A,i),[i]);return r&&i?(0,l.Y)(f(),{config:o,url:i,controls:!0,width:"100%",height:"100%",playing:!0,playsinline:!0}):null},k=e=>{let{url:t,VideoSlide:r=w}=e,a=(0,i.JO)();return(0,l.Y)(r,{url:t,isActive:a.isActive})}},3388:(e,t,r)=>{"use strict";r.d(t,{V:()=>m});var l=r(60640),a=r(10764),n=r(74395),i=r(32678),o=r(76277),s=r(83855),c=r(42011),d=r(90310),u=r(42874);let p=["newebpay_cvs","newebpay_vacc"],m=async e=>{let{lineItems:t,paymentMethod:r,paymentDetails:m,address:f,taxIdNumber:h,companyName:b,couponCode:g,totalPrice:v,guestEmail:x,guestMobile:y,tracking:w}=e,k=x?(e=>{let{guestEmail:t,guestMobile:r,lineItems:l,couponCode:s,currency:c="TWD",paymentMethod:d,paymentDetails:u={},b2bReceipt:p={},utm:m={}}=e;return{url:"/v1/shop/guest_checkouts",method:"POST",data:{data:{guest:{email:t,mobile:r},line_items:l,coupon_code:s,currency:c,payment_method:d,payment_details:u,b2b_receipt:{address:null==p?void 0:p.address,tax_id_number:null==p?void 0:p.taxIdNumber,company_name:null==p?void 0:p.companyName},utm:m,wu_referral:window.sessionStorage.getItem(a.aO),event_meta:{utm:m,fbp:o.A.get("_fbp",void 0,!1),fbc:o.A.get("_fbc",void 0,!1)||o.A.get(n.PIXEL_CONVERSION_API_PARAMS),event_source_url:`https://shop.wordup.com.tw${window.location.pathname}`,...o.A.get(i.GOOGLE_CONVERSION_API.KEY,!0)}}}}})({guestEmail:x,guestMobile:y,lineItems:t,paymentMethod:r,paymentDetails:m,b2bReceipt:{address:f,taxIdNumber:h,companyName:b},couponCode:g,utm:c.$d.getFromCookie()}):(0,l.Pt)({lineItems:t,paymentMethod:r,paymentDetails:m,b2bReceipt:{address:f,taxIdNumber:h,companyName:b},couponCode:g,utm:c.$d.getFromCookie()}),{data:N}=await (0,s.A)(k),{meta:{lineItemsSummary:Y,eventId:_,externalId:A},data:{id:C}}=N;if(await i.default.ec.purchase({orderId:C,totalPrice:v,currency:"TWD",coupon:g,extras:w,lineItems:Y}),!p.includes(r)){let e={content_type:"product",currency:"TWD",value:v,contents:Y.map(e=>({id:e.productId,quantity:e.qty})),content_ids:Y.map(e=>e.productId),collection_offer_ids:[...new Set(Y.filter(e=>e.collectionOfferId).map(e=>e.collectionOfferId))]};_&&A?(e.external_id=A,n.default.internal.trackSingle("Purchase",e,{eventID:_,test_event_code:"TEST4423"})):n.default.internal.trackSingle("Purchase",e,{test_event_code:"TEST4423"})}return(e=>{let{orderId:t,lineItems:r}=e;(e=>{let{lineItems:t}=e;Object.entries((0,d.A)(t.filter(e=>e.extraTrackingPixel),e=>
1e.extraTrackingPixel)).forEach(e=>{let[t,r]=e,l={content_ids:r.map(e=>e.productId),content_type:"product",contents:r.map(e=>({id:e.productId,quantity:e.qty})),currency:"TWD",value:r.reduce((e,t)=>e+parseInt(t.revenue,10),0)};n.default.initPixel(t),n.default.external.trackSingle(t,"Purchase",l)})})({lineItems:r}),(e=>{let{orderId:t,lineItems:r}=e;Object.entries((0,d.A)(r.filter(e=>{var t;return null==(t=e.extraTrackingGoogleAds)?void 0:t.purchase}),e=>{var t;return null==(t=e.extraTrackingGoogleAds)?void 0:t.purchase})).forEach(e=>{let[r,l]=e;(0,i.adsConversionTracking)({transactionId:t,trackingId:r,isThirdParty:!0,items:l,value:l.reduce((e,t)=>e+parseInt(t.revenue,10),0)})})})({lineItems:r,orderId:t}),(e=>{let{orderId:t,lineItems:r}=e;Object.entries((0,d.A)(r.filter(e=>e.extraTrackingGa),e=>e.extraTrackingGa)).forEach(e=>{let[r,l]=e;i.default.ec.purchase({orderId:t,totalPrice:l.reduce((e,t)=>e+parseInt(t.revenue,10),0),currency:"TWD",coupon:void 0,lineItems:l,thirdPartyTrackingId:r})})})({lineItems:r,orderId:t})})({lineItems:Y,orderId:C}),(0,u.sendDcardAdsPurchaseEvent)({payload:{contentType:"product",currency:"NTD",value:v,numItems:Y.length,contentIds:Y.map(e=>`${e.productId}`),contents:Y.map(e=>({[e.productId]:e.qty}))}}),N}},10764:(e,t,r)=>{"use strict";r.d(t,{G6:()=>i,aO:()=>l,tV:()=>a,zV:()=>n});let l="wu_referral",a="product-id",n="variant-id",i="coupon-code"},13768:(e,t,r)=>{"use strict";r.d(t,{A:()=>u});var l=r(2860),a=r(55729),n=r(98986),i=r(47126),o=r(49511),s=r(84660),c=r(41090),d=r(96848);function u(e){let{className:t,showWarningDescription:r,isGuestCheckout:u,onLoginClick:p}=e,{t:m}=(0,n.Bd)(),{userInfo:f,isLoggedIn:h,logout:b,openAuthModal:g}=(0,d.As)(),v=(0,a.useMemo)(()=>(0,o.Al)(),[]),x=async e=>{e.preventDefault(),h&&await b(),p?p():g({layout:"sign-in"})},y=m(h?"common:auth.switch_account":"common:auth.login_or_signup");return(0,l.FD)("div",{className:(0,s.Q)("flex flex-col gap-y-300",t),children:[(0,l.Y)("h5",{className:"text-heading-s text-content-primary",children:m("common:auth.account_info")}),h?(0,l.FD)(l.FK,{children:[(0,l.FD)("p",{className:"text-body-s text-content-primary",children:[m("common:auth.current_account"),f.email]}),r?(0,l.FD)("p",{className:"bg-background-secondary flex items-center gap-x-200 rounded-500 px-300 py-200 text-body-s text-content-primary",children:[(0,l.Y)(i.I,{type:"error"}),m("cart:warning_text.send_to_account")]}):null]}):u?(0,l.Y)("p",{className:"text-body-s text-content-secondary",children:m("crowdin:guest-checkout.guest-description","å
註åå³å¯è³¼è²·ï¼å®æä»æ¬¾å¾å°å¯éææå
æ碼è³æ¨çä¿¡ç®±ã")}):(0,l.FD)("p",{className:"text-body-s text-content-primary",children:[m("common:auth.current_account"),m("common:auth.not_logged_in")]}),v?null:(0,l.Y)(c.$n,{variant:"outlined",color:"primary",size:"lg",fullWidth:!0,"aria-label":"cart-login-button",onClick:x,children:y})]})}},17291:(e,t,r)=>{"use strict";r.d(t,{n:()=>o});var l=r(55729),a=r(29497),n=r(60227),i=r(77235);let o=()=>{var e;let{apiData:t,variants:r}=(0,a.A)(),o=t.data,s=(0,n.w2)(o.id),c=(0,i.Rk)(t.meta),d=(0,l.useMemo)(()=>{var e;return s&&c?(0,i.AM)(null==(e=o.attributes.childrenProducts)?void 0:e.data,c):[]},[s,c,null==(e=o.attributes.childrenProducts)?void 0:e.data]),u=d.length>0,p=(0,l.useMemo)(()=>{if(!u||!r)return r;let e=(0,i.wO)(d);return r.filter(t=>e.has(t.id))},[u,d,r]);return{isAiTierPdp:u,catalogVariants:p}}},19240:(e,t,r)=>{"use strict";r.d(t,{HL:()=>l,d3:()=>n,nZ:()=>a});let l="course_already_redeemed",a="already_trial",n="subscription_already_renewing"},21712:(e,t,r)=>{"use strict";r.d(t,{qq:()=>o,SN:()=>i,VT:()=>l.V,a8:()=>s,BI:()=>n});var l=r(3388),a=r(19240);let n=e=>!!e&&["already_claimed","already_trial","course_already_redeemed","payment_gateway_failed","subscription_already_renewing"].includes(e),i=e=>{let{errorCode:t,fallbackMessage:r,t:l}=e;return t===a.d3?l("crowdin:subscription-purchase.already-renewing-error","ä½ å·²è¨é±æ¤æ¹æ¡ä¸å°èªåçºç´ï¼ç¡ééè¤è³¼è²·ãå¦éè®æ´æ¹æ¡ï¼è«åå¾å¸³æ¶é ã"):r},o=e=>Error("CHECKOUT_TOAST_ONLY_ERROR",e?{cause:e}:void 0),s=e=>"CHECKOUT_TOAST_ONLY_ERROR"===e.message},22114:(e,t,r)=>{"use strict";r.d(t,{A:()=>Z});var l=r(2860),a=r(43072),n=r(98986),i=r(71024),o=r.n(i),s=r(99670),c=r(53186),d=r(29497),u=r(27582),p=r(80918),m=r(42921),f=r(97176),h=r(84660),b=r(92836),g=r(37789),v=r(55729),x=r(9346),y=r(77235),w=r(85494);let k=()=>{var e;let{tiers:t,tierViews:r,billing:a,setBilling:n,annualSavePercent:i,hasTiers:o}=(0,x.u)(),{clickedVariantId:s,openVariantsPicker:c}
1=(0,m.sL)(),d=null==(e=(0,y.V9)(t,s))?void 0:e.billing;if((0,v.useEffect)(()=>{d&&d!==a&&n(d)},[d,a,n]),!o)return null;let u=r.map(e=>{var t;return{...e,selected:!!s&&(null==(t=(0,y.I5)(e.tier,a))?void 0:t.id)===s}});return(0,l.FD)("div",{className:"flex flex-col gap-4",children:[(0,l.Y)(w.Ay,{tierViews:u,billing:a,onBillingChange:n,annualSavePercent:i,onTierSelect:e=>{let t=(0,y.I5)(e,a);t&&c({selectedVariantId:t.id})}}),(0,l.Y)(w.Gx,{billing:a})]})};var N=r(17291),Y=r(25973);let _=()=>{let{t:e}=(0,n.Bd)();return(0,l.FD)("div",{className:"bg-background-secondary flex flex-col gap-100 rounded-500 p-400",children:[(0,l.Y)("p",{className:"text-heading-xs text-content-primary tracking-(--typo-letter-spacing-heading)",children:e("crowdin:product-detail-page.business-inquiry.title")}),(0,l.Y)("p",{className:"text-body-s text-content-secondary tracking-(--typo-letter-spacing-body) [&_a]:text-content-brand [&_a]:underline",dangerouslySetInnerHTML:{__html:e("crowdin:product-detail-page.business-inquiry.desc")}})]})};var A=r(81278),C=r(8588),D=r.n(C),T=r(26689),I=r(69195),F=r(33111),E=r(54328),P=r(15553),S=r(67789),M=r(31430),L=r(57165);let R=async()=>{let{data:e}=await (0,M.c)({url:"/v1/shop/detail_page_campaign_banners"});return e.data.map(e=>e.attributes)},$=(e,t)=>{let{orgId:r,productId:l,collectionOfferId:a}=t;return e.find(e=>{if(e.orgId&&e.orgId!==r)return!1;if(l){if(e.productIds.length)return e.productIds.includes(l);if(e.collectionOfferIds.length)return!1}if(a){if(e.collectionOfferIds.length)return e.collectionOfferIds.includes(a);if(e.productIds.length)return!1}return!0})},O=(0,v.memo)(e=>{let{orgId:t}=e,r=(0,A.useRouter)(),{t:a}=(0,n.Bd)(),{data:i}=(0,L.Ay)("detail_page_campaign_banners",R,{keepPreviousData:!0}),o=r.pathname.includes("/product/")&&r.query.id,s=r.pathname.includes("/collection-offers/")&&r.query.id,c={orgId:t,productId:"string"==typeof o&&o,collectionOfferId:"string"==typeof s&&s},d=((null==i?void 0:i.length)?$(i,c):void 0)??(()=>{let e=new Date;return $(((0,F.A)(a(`crowdin:product-detail-page.detail-page-campaign-banners${I.O_?"":"-staging"}`))||[]).filter(t=>!(t.startAt&&e<new Date(t.startAt))&&!(t.endAt&&e>new Date(t.endAt))).map(e=>({...e,productIds:e.productId?[e.productId]:[],collectionOfferIds:e.collectionOfferId?[e.collectionOfferId]:[]})),c)})();if(!d)return null;let{title:u,description:p,adUrl:m,adImageAlt:f,adImageUrl:h}=d;return(0,l.FD)(l.FK,{children:[(0,l.Y)(T.A,{}),(0,l.FD)("div",{className:"flex flex-col items-start justify-center gap-1",children:[u&&(0,l.Y)(P.E,{className:"font-bold",variant:"body_m_500",children:u}),p&&(0,l.Y)(P.E,{variant:"body_m_400",children:p}),(0,l.Y)("div",{children:(0,l.Y)(E.N,{href:m,onClick:()=>(0,S.rl)({adUrl:m}),prefetch:!1,children:(0,l.Y)(D(),{src:h,alt:f,width:811,height:237,className:"h-auto min-w-full max-w-full rounded-lg"})})})]})]})});var q=r(5415),z=r(31218),B=r(802),G=r(94656),U=r(26766),j=r(92880),Q=r(54252),V=r(54980),W=r(26687),H=r(23281);let K=o()(()=>Promise.resolve().then(r.bind(r,30479)).then(e=>e.CollectionOfferSavedDesc),{loadableGenerated:{webpack:()=>[30479]},loading:()=>(0,l.Y)("div",{className:"h-[116px]"})}),J=o()(()=>r.e(1030).then(r.bind(r,31030)),{loadableGenerated:{webpack:()=>[31030]},loading:()=>(0,l.Y)("div",{className:"h-[225px] "})}),X=()=>(0,l.Y)("div",{className:"flex flex-col gap-4",children:[1,2,3].map(e=>(0,l.Y)(H.A,{variant:"rectangular",className:"h-28 w-full rounded-xl"},e))}),Z=(0,v.memo)(()=>{let{t:e}=(0,n.Bd)(),{apiData:t,variants:r,onCollectionOfferAddToCart:i,isCollectionOffer:o}=(0,d.A)(),{openVariantsPicker:v,clickedVariantId:x}=(0,m.sL)(),{data:y}=(0,z.A)(t.data.id,(0,U.Ve)()?(0,q.Gy)("orgId")??void 0:void 0,o),{ready:w,hasVariantExperiments:A}=(0,V.Hj)(),C=(0,W.m_)(t.data.id),D=(0,W.wS)(),T=(0,c.Xr)(Y.L),I=t.data,F=t.data.id,E=(0,u.A)(e,F),P=(0,G.H5)(F),{isAiTierPdp:S}=(0,N.n)(),M=(0,b.$)(),{dripMarketingInfo:L}=(0,Q.e)(),R=L&&L.showTriggerButton,{allowTrial:$,salePrice:H,orgId:Z}=t.data.attributes,{products:ee,totalSalePrice:et,discount:er}=t.data.attributes,el=(null==ee?void 0:ee.length)>0&&Number.isFinite(+er);return(0,l.FD)(a.pL,{className:(0,h.Q)("mx-auto grid grid-cols-1 gap-600 px-4 py-0 md:max-w-[720px] md:p-0",S&&`lg:sticky ${M} lg:pt-[var(--pdp-sticky-tabs-clearance,0px)] lg:transition-[padding-top] lg:duration-200 lg:ease-linear`),onChange:e=>T(e),children:[S?(0,l.Y)("div",{className:"mobileUp:flex hidden flex-col",children:(0,l.Y)(k,{})}):(0,l.FD)(l.FK,{children:[(0,l.Y)(O,{orgId:Z}),(0,l.Y)("div",{className:"mobileUp:flex hidden flex-col",children:(0,l.Y)(g.g,{isHiddenInCollectionOffer:!0,children:E&&(null==r?void 0:r.length)>0&&(()=>
1{let e="LiveCourse"===I.attributes.productableType,t=[...r].sort((t,r)=>e?(t.sessionCount??0)-(r.sessionCount??0):0).map(t=>{let r=(0,B.Ze)(t),l=null==C?void 0:C[t.id],a=void 0!==l?{...r,salePrice:String(l)}:r;return e&&(t.sessionCount&&(a.description=`${t.sessionCount} å 課ç¨`),null!=a.copiesSold&&a.copiesSold<10&&(a.copiesSold=null)),a});return A&&!w||D?(0,l.Y)(X,{}):(0,l.Y)(B.lJ,{variants:t,selectedVariantId:x,onVariantPress:e=>{v({selectedVariantId:e})},onCreateBuyingGroupPress:P})})()})}),(0,l.Y)(g.g,{isHiddenInSaleableProduct:!0,children:el&&(0,l.Y)(K,{totalPriceText:e("crowdin:wu-components.collection-offer-info.total-price",{totalPrice:(0,s.u)(et-er)}),handleAddToCart:i,productCountText:e("crowdin:wu-components.collection-offer-info.variant-count",{variantCount:null==ee?void 0:ee.length}),savedPriceText:e("crowdin:wu-components.collection-offer-info.saved",{savedPrice:(0,s.u)(+er)}),addToCartText:e("crowdin:wu-components.add-to-cart")})}),$&&Number(H)>=0&&(0,l.Y)(p.A,{enrolmentArchived:!!(null==y?void 0:y.data.meta.enrolmentArchived),productId:F,salePrice:+H,variant:"outlined",color:"primary",fullWidth:!0,className:"mobileUp:block hidden"}),R?(0,l.Y)(j.A,{fullWidth:!0,className:"mobileUp:block hidden"}):null,(0,l.Y)(g.g,{isHiddenInCollectionOffer:!0,children:(0,l.Y)("div",{className:"mobileUp:block hidden p-1",children:(0,l.Y)(_,{})})}),(0,l.Y)(g.g,{isHiddenInSaleableProduct:!0,children:(0,l.Y)(J,{collectionOffer:t})})]}),(0,l.Y)(g.g,{isHiddenInCollectionOffer:!0,children:(0,l.Y)(f.A,{product:I,variants:r,isAiTierPdp:S})})]})})},25231:(e,t,r)=>{"use strict";r.d(t,{v:()=>i});var l=r(98986),a=r(55729),n=r(77903);let i=e=>{let{t}=(0,l.Bd)();return(0,a.useMemo)(()=>{if(e)return(0,n.A)(t("crowdin:product-management.prices.stages"),[]).reduce((e,t)=>(e[t.value]=t.name,e),{})[e.style]},[e,t])}},25973:(e,t,r)=>{"use strict";r.d(t,{L:()=>l});let l=(0,r(53186).eU)(!0)},27582:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var l=r(69195),a=r(77903);let n=(e,t)=>!(0,a.A)(e(`crowdin:product-detail-page.hide-variants-list-and-purchase-button-product-ids${l.O_?"":"-staging"}`),[]).includes(t)},33111:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});let l=e=>{let t;try{t=JSON.parse(e)}catch(e){t=void 0}return t}},35832:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var l=r(2860),a=r(84549),n=r(55729);let i=r(39162).GU,o=n.forwardRef((e,t)=>{let{pill:r,size:n,fullWidth:o,InputProps:s={},inputProps:c,classes:d,InputLabelProps:u,disabled:p,sx:m,...f}=e,h=r?"999px":"8px";return(0,l.Y)(a.A,{variant:"outlined",size:n??"small",fullWidth:void 0===o||o,disabled:p,InputProps:{...s,style:{padding:r?"0 16px":"0.5rem 1rem",gap:"0.5rem",height:r?"42px":"100%",backgroundColor:r?p?"var(--color-background-disabled)":"var(--color-background-primary)":i[p?"grayscale-100":"grayscale-000"],overflow:"hidden",...s.style},sx:{borderRadius:h,...s.sx,".MuiOutlinedInput-notchedOutline":{border:e.noBorder?"none":void 0,borderColor:r?"var(--color-border-subtle)":i["grayscale-200"],...r&&{"& legend":{maxWidth:0,overflow:"hidden"}}},...r&&{"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"var(--color-border-hover)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"var(--color-border-brand)",borderWidth:"1px"}},".Mui-disabled":{backgroundColor:r?"var(--color-background-disabled)":i["grayscale-100"]}},notched:!1},inputProps:{style:{padding:0,...r?{}:{height:"100%"}},sx:{"&::placeholder":{color:r?"var(--color-content-placeholder)":i["grayscale-300"],fontWeight:r?400:500,fontSize:"0.875rem",opacity:1}},...c},ref:t,...f,InputLabelProps:{shrink:!0,sx:{transform:"none",display:"flex",position:"relative",color:r?"var(--color-content-primary) !important":`${i["grayscale-800"]}!important`,fontWeight:r?400:500,fontSize:"0.875rem",lineHeight:r?"24px":"1.14",letterSpacing:r?"0px":"0.5px",marginBottom:r?"4px":"0.5rem",".MuiInputLabel-asterisk":{color:i["peach-500"]}},...u},sx:[{"& .MuiInputBase-root.Mui-disabled":{"& > fieldset":{borderColor:i["grayscale-100"]}},"& .MuiInputBase-root.Mui-focused":{"& > fieldset":{borderWidth:e.noBorder?"0px":"1px"}},"& input[type=number]":{mozAppearance:"textfield"},"& input[type=number]::-webkit-outer-spin-button":{webkitAppearance:"none",margin:0},"& input[type=number]::-webkit-inner-spin-button":{webkitAppearance:"none",margin:0},"&::placeholder":{height:"100%"}},...Array.isArray(m)?m:m?[m]:[]]})})},36154:(e,t,r)=>{"use strict";r.d(t,{A:()=>m});var l=r(2860),a=r(84660),n=r(67297),i=r(97765),o=r(51414),s=r(25231),c=r(53186),d=r(29497),u=r(70183),p=r(25973);let m=()=>{let{countdown:e}=(0,d.A)(),t=(0,s.v)(e),r=(0,c.md)(p.L);return(0,l.FD)("div",{className:(0,a.Q)("mobileUp:hidden fixed bottom-0 left-0 right-0 [filter:drop-shadow(0_4px_30px_rgba(0,0,0,0.25))]","z-50"),children:[(0,o.c)(e)&&!r&&(0,l.Y)("div",{className:(0,a.Q)("bg-background-brand flex h-8 items-center justify-center gap-x-3 rounded-tl-xl rounded-tr-xl px-4 text-white transition-transform [&_*]:!text-white","animate-from-bottom-to-top"),children:(0,l.Y)(i.P,{countdownSrc:"https://public.wordup.com.tw/shop/assets/rotate-timer-light.gif",countdownTitle:t,children:(0,l.Y)(u.A,{targetDate:(null==e?void 0:e.endsAt)??""})})}),(0,l.Y)(n.A,{})]})}},37789:(e,t,r)=>{"use strict";r.d(t,{g:()=>i});var l=r(2860),a=r(55729),n=r(29497);let i=e=>{let{children:t,...r}=e,{apiData:i}=(0,n.A)();return r[(0,a.useMemo)(()=>`isHiddenIn${i.data.type.split("_").map(e=>e[0].toUpperCase()+e.slice(1)).join("")}`,[i.data.type])]?null:(0,l.Y)(l.FK,{children:t})}},38654:(e,t,r)=>{"use strict";r.d(t,{A:()=>ed});var l=r(2860),a=r(55729),n=r(50970),i=r(98986),o=r(53031),s=r(42332),c=r(23281),d=r(19806),u=r(31218),p=r(5415),m=r(26766),f=r(54980),h=r(84296),b=r(10193),g=r(55298),v=r(9479),x=r(41642),y=r(12647),w=r(57431);let k=e=>{let{productId:t,productName:r,utmMedium:n="share_btn",iconSize:i=16,className:o}=e,s=(0,a.useCallback)(async()=>{let e={[w.x.UTM_SOURCE]:"shop_detail_page",[w.x.UTM_MEDIUM]:n},l=`https://shop.wordup.com.tw${x.H.DETAIL({productId:t,query:e})}`;await (0,y.F0)({title:r,url:l})},[t,r,n]);return(0,l.Y)("button",{type:"button",onClick:s,"aria-label":"Share",className:`flex cursor-pointer items-center border-0 bg-transparent p-0 text-fixed-content-primary ${o??""}`,children:(0,l.Y)(v.A,{size:i})})},N=e=>{let{publisherName:t,authorName:r,productName:a,slogan:n,productType:i,showRating:o,averageRating:s,ratingCount:c,productId:d,showShareButton:u,salesCountDisplayValue:p}
1=e,m=[t,r].filter(Boolean).join("ã»"),f=o&&Number.isFinite(s)&&Number.isFinite(c);return(0,l.FD)("div",{className:"flex flex-col gap-400 lg:gap-250",children:[(0,l.FD)("div",{className:"flex flex-col gap-100 text-fixed-content-primary tracking-(--typo-letter-spacing-heading)",children:[(m||u)&&(0,l.FD)("div",{className:"flex items-center justify-center gap-300 lg:justify-start",children:[u&&(0,l.Y)(k,{productId:d,productName:a}),m&&(0,l.Y)("p",{className:"text-heading-xs",children:m})]}),(0,l.Y)("p",{className:"text-heading-m text-center lg:text-left",children:a}),n&&(0,l.Y)("p",{className:"text-body-s text-center font-normal tracking-(--typo-letter-spacing-body) lg:text-left",children:n})]}),(0,l.FD)("div",{className:"flex items-center justify-center gap-300 lg:justify-start",children:[i&&(0,l.Y)("div",{className:"bg-fixed-background-secondary rounded-100 px-250 py-150",children:(0,l.Y)("span",{className:"text-label-m text-fixed-content-primary tracking-(--typo-letter-spacing-label)",children:i})}),f&&(0,l.FD)("div",{className:"flex items-center gap-100",children:[(0,l.Y)(b.A,{size:16,className:"fill-content-brand text-content-brand"}),(0,l.FD)("span",{className:"text-label-m text-fixed-content-primary tracking-(--typo-letter-spacing-label)",children:[s," (",c,")"]})]}),null!==p&&(0,l.FD)("div",{className:"flex items-center gap-[2px]",children:[(0,l.Y)(g.A,{size:14,className:"text-fixed-content-primary"}),(0,l.Y)("span",{className:"text-label-m text-fixed-content-primary tracking-(--typo-letter-spacing-label)",children:p})]})]})]})};var Y=r(51414),_=r(81278),A=r(70183),C=r(25231);let D=e=>{let{countdown:t,productName:r}=e,{t:a}=(0,i.Bd)(),n=(0,_.useRouter)(),o=(0,C.v)(t);if(!(0,Y.c)(t))return null;let s=(null==t?void 0:t.style)==="crowdfunding"||(null==t?void 0:t.style)==="crowdfunding_late_bird"||(null==t?void 0:t.style)==="limited_qty_offer",c=s&&"currentCount"in t?t.currentCount:0,d=s&&"totalCount"in t?t.totalCount:0,u=d>0?Math.min(c/d*100,100):0;return(0,l.FD)("div",{className:"flex flex-col gap-400 overflow-hidden rounded-400 border border-solid border-border-secondary bg-[#2A2B2DCC] px-400 py-500 backdrop-blur-[5px]",children:[(0,l.FD)("div",{className:"flex min-h-[28px] items-center",children:[(0,l.Y)("span",{className:"text-label-m text-fixed-content-primary tracking-(--typo-letter-spacing-label)",children:o}),(0,l.Y)("span",{className:"ml-200",children:(0,l.Y)(A.A,{targetDate:(null==t?void 0:t.endsAt)??""})})]}),s&&(0,l.FD)(l.FK,{children:[(0,l.Y)("div",{className:"bg-fixed-background-secondary h-[10px] w-full overflow-hidden rounded-999",children:(0,l.Y)("div",{className:"h-full rounded-999",style:{width:`${Math.min(u,100)}%`,backgroundImage:"linear-gradient(-6deg, rgb(54, 106, 245) 11%, rgb(94, 136, 247) 89%)"}})}),(0,l.FD)("div",{className:"flex items-center justify-between",children:[(0,l.FD)("div",{className:"bg-fixed-background-secondary flex items-center rounded-999",children:[(0,l.Y)("div",{className:"bg-fixed-background-brand flex items-center justify-center rounded-[100px] px-3.5 py-[7.5px]",children:(0,l.Y)("span",{className:"text-label-s text-fixed-content-primary font-medium tracking-(--typo-letter-spacing-label)",children:a("crowdin:product-card.crowdfunding")})}),(0,l.FD)("div",{className:"flex items-center gap-[2px] py-1.25 pl-250 pr-3.5",children:[(0,l.Y)(g.A,{size:14,className:"text-fixed-content-primary"}),(0,l.FD)("span",{className:"text-label-s text-fixed-content-primary font-medium tracking-(--typo-letter-spacing-label)",children:[c," ",a("crowdin:product-detail-page.crowdfunding.backers-unit")]})]})]}),(0,l.FD)("div",{className:"flex items-center gap-200",children:[(0,l.FD)("div",{className:"flex items-center text-label-m tracking-(--typo-letter-spacing-label)",children:[(0,l.Y)("span",{className:"text-fixed-content-primary",children:a("crowdin:product-detail-page.crowdfunding.achieved")}),d>0&&(0,l.FD)("span",{className:"text-fixed-content-brand ml-200",children:[Math.round(c/d*100),"%"]})]}),(0,l.Y)(k,{productId:n.query.id,productName:r??"",utmMedium:"crowdfunding_share_btn"})]})]})]})]})};var T=r(28717),I=r(14841),F=r(20248),E=r(64584),P=r(1668),S=r(89565),M=r(85739),L=r(34286),R=r(33504);let $={infinity:T.A,info:I.A,"layer-group":F.A,"list-alt":E.A,pencil:P.A,"pencil-ruler":S.A,"photo-video":M.A,"user-friends":L.A,video:R.A},O=e=>{let{icon:t,text:r}=e,a=$[t.toLowerCase()]??I.A;return(0,l.FD)("div",{className:"flex w-full items-center gap-200",children:[(0,l.Y)("div",{className:"bg-fixed-background-inverse flex items-center rounded-300 p-[4px]",children:(0,l.Y)(a,{size:14,className:"text-fixed-background-primary"})}),(0,l.Y)("p",{className:"text-body-s text-fixed-content-primary min-w-0 flex-1 tracking-(--typo-letter-spacing-body)",children:r})]})},q=e=>{let{factsLabels:t,title:r,leadingItem:a}=e,{t:n}=(0,i.Bd)();if(!t.length&&!a)return null;let o=r??n("crowdin:product-detail-page.hero.course-info-title");return(0,l.FD)("div",{className:"flex flex-col gap-300",children:[(0,l.Y)("div",{className:"flex items-center gap-250",children:(0,l.Y)("p",{className:"text-heading-s text-fixed-content-primary tracking-(--typo-letter-spacing-heading)",children:o})}),(0,l.FD)("div",{className:"flex flex-col gap-300",children:[a,t.map(e=>(0,l.Y)(O,{icon:e.icon,text:e.text},e.text))]})]})};var z=r(71024),B=r.n(z),G=r(96590),U=r(50624);let j=B()(()=>Promise.resolve().then(r.bind(r,83665)),{loadableGenerated:{webpack:()=>[83665]},ssr:!1}),Q=B()(()=>r.e(7160).then(r.bind(r,77160)),{loadableGenerated:{webpack:()=>[77160]},ssr:!1}),V=B()(()=>Promise.resolve().then(r.bind(r,79843)).then(e=>e.OpenCourseInfo),{loadableGenerated:{webpack:()=>[79843]}}),W=e=>{let{startsAt:t,endsOn:r,extraInfo:n}=e,{i18n:o}=(0,i.Bd)(),s=o.resolvedLanguage??"zh-TW",[c,d]=(0,a.useState)(!1),u=(0,U.v)(),p=(0,a.useMemo)(()=>new Date,[]),m=(0,a.useMemo)(()=>t?new Date(t):null,[t]),f=(0,a.useMemo)(()=>
1r?new Date(r):null,[r]),{openAt:h,formatStartsAt:b,detail:g,formatEndsOn:v,fullyOpenAt:x,fullyOpened:y}=(0,G.b)({lang:s,startsAt:t,endsOn:r,extraInfo:n});if(!m||!f)return null;let w=p<m?`${b} ${h}`:p>=m&&p<f?x.replace("{{TIME}}",v):y,k=(0,l.Y)("div",{className:"bg-background-primary rounded-t-2xl p-400",children:(0,l.Y)(V,{lang:s,startsAt:t,endsOn:r,extraInfo:n})});return(0,l.FD)(l.FK,{children:[(0,l.FD)("div",{className:"flex w-full items-center gap-200",children:[(0,l.Y)("div",{className:"flex items-center rounded-300 bg-fixed-background-brand p-[4px]",children:(0,l.Y)(I.A,{size:14,className:"text-fixed-content-primary"})}),(0,l.FD)("p",{className:"text-body-s text-fixed-content-primary min-w-0 flex-1 tracking-(--typo-letter-spacing-body)",children:[w,"ï¼",(0,l.Y)("button",{type:"button",onClick:()=>d(!0),className:"cursor-pointer border-0 bg-transparent p-0 text-inherit underline",children:g}),"ï¼"]})]}),u?(0,l.Y)(j,{open:c,onClose:()=>d(!1),maxWidth:"375px",padding:"0",children:k}):(0,l.Y)(Q,{isOpened:c,onClose:()=>d(!1),children:k})]})};var H=r(28345),K=r(40347),J=r(53186),X=r(54747),Z=r(87876);let ee=e=>{let{icon:t,text:r,highlighted:a}=e;return(0,l.FD)("div",{className:"flex w-full items-center gap-200",children:[(0,l.Y)("div",{className:`flex items-center rounded-300 p-[4px] ${a?"bg-fixed-background-brand":"bg-fixed-background-inverse"}`,children:(0,l.Y)("span",{className:a?"text-fixed-content-primary":"text-fixed-background-primary",children:t})}),(0,l.Y)("p",{className:"text-body-s text-fixed-content-primary min-w-0 flex-1 tracking-(--typo-letter-spacing-body)",children:r})]})},et=e=>{let{liveCourseId:t,factsLabels:r=[],leadingItem:a}=e,{t:n}=(0,i.Bd)("page-product-detail"),o=(0,J.md)(X.v),{teachers:s}=(0,Z.N)(t??"");if(!o)return null;let{durationMinutes:c,maxCapacity:d}=o,u=d<=1,p=(0,l.FD)(l.FK,{children:[(0,l.Y)(ee,{highlighted:!0,icon:(0,l.Y)(H.A,{size:14}),text:n("live_course_info.per_session_duration",{minutes:c})}),(0,l.Y)(ee,{icon:(0,l.Y)(K.A,{size:14}),text:u?n("live_course_info.one_on_one"):n("live_course_info.small_group",{count:d})}),s.length>0&&(0,l.Y)(ee,{icon:(0,l.Y)(g.A,{size:14}),text:n("live_course_info.teacher_count",{count:s.length})})]});return(0,l.Y)(q,{factsLabels:r,title:n("live_course_info.title"),leadingItem:(0,l.FD)(l.FK,{children:[a,p]})})};var er=r(99452),el=r(67789),ea=r(70502);let en=e=>{let{showcaseVideos:t}=e,{openAt:r}=(0,ea.zG)(t.data.length),{t:n}=(0,i.Bd)(),s=Number(n("crowdin:product-detail-page.intro.max-showcase-video-count")),c=(0,a.useMemo)(()=>Number.isFinite(s)?t.data.slice(0,s):t.data,[t.data,s]);return c.length?(0,l.Y)(er.default,{tag:"ul",title:n("crowdin:product-detail-page.intro.showcase-title"),titleRowClassName:"[&_h3]:text-fixed-content-primary [&_button]:border-fixed-border-default [&_button]:bg-transparent [&_button]:text-fixed-content-primary [&_button:disabled]:border-fixed-border-disabled [&_button:disabled]:bg-transparent [&_button:disabled]:opacity-40",slideClassName:"w-[250px]!",pagination:!1,spaceBetween:12,cssMode:!0,children:c.map((e,t)=>(0,l.FD)("div",{className:"flex cursor-pointer flex-col gap-250",onClick:()=>{r(t),(0,el.cV)()},children:[(0,l.FD)("div",{className:"relative flex items-center justify-center",children:[(0,l.Y)(o._,{src:e.thumbnailUrl,alt:e.title,width:250,height:140,className:"overflow-hidden rounded-400 object-cover"}),(0,l.Y)("div",{className:"absolute flex size-800 items-center justify-center rounded-full bg-black/80",children:(0,l.Y)("div",{className:"ml-[2px] border-solid",style:{borderWidth:"6px 0 6px 10px",borderColor:"transparent transparent transparent #fff"}})})]}),(0,l.Y)("p",{className:"text-heading-2xs text-fixed-content-primary clamp-line-2 tracking-(--typo-letter-spacing-heading)",children:e.title})]},e.title))}):null},ei=B()(()=>r.e(4022).then(r.bind(r,94022)),{loadableGenerated:{webpack:()=>[94022]},ssr:!1}),eo=e=>{let{showcaseVideos:t}=e,{activeIndex:r,setActive:a,close:n}=(0,ea.zG)(t.length);return(0,l.Y)(ei,{activeIndex:r,showcaseVideos:t,onShowcaseItemClick:a,onClose:n,forceUnMute:!0})},es="aspect-[3/4] max-h-[637px] w-full lg:mx-auto lg:aspect-auto lg:h-[810px] lg:max-h-none lg:max-w-[2160px]",ec=()=>(0,l.Y)("div",{className:"bg-fixed-background-primary w-full",children:(0,l.Y)("div",{className:`relative ${es}`,children:(0,l.Y)(c.A,{variant:"rectangular",className:"h-full w-full"})})}),ed=(0,a.memo)(()=>{var e;let{apiData:t}=(0,d.q)(),{ready:r}=(0,f.Hj)(),c="collection_offer"===t.data.type,{data:b}=(0,u.A)(t.data.id,(0,m.Ve)()?(0,p.Gy)("orgId")??void 0:void 0,c),{t:g,i18n:v}=(0,i.Bd)(),x=(0,f.Fs)(),y=(null==b?void 0:b.data)?x(b.data):null,w=null==y?void 0:y.data.attributes.copiesSold,k=(0,a.useMemo)(()=>{let e=+g("crowdin:product-card.rating.min-copies-sold");return Number.isFinite(e)?e:void 0},[g]),_=(0,h.Z)(w,{minimumCopiesSold:k});if(!r)return(0,l.Y)(ec,{});let{name:A,slogan:C,publisherName:T,authorName:I,showRating:F,averageRating:E,ratingCount:P,dpCoverImageUrlPortal:S,dpCoverImageUrlMobile:M,coverImageUrl:L,showcaseVideos:R,factsLabelsV2:$,productLine:O,crowdfundingReleaseStartsAt:z,crowdfundingReleaseEndsOn:B,crowdfundingReleaseNote:G,productableType:U,productableId:j}=t.data.attributes,Q="LiveCourse"===U,V=(null==b?void 0:b.data.data.attributes.countdown)??null,H=($??[]).filter(e=>e.text),K=`crowdin:product-line.${O}`,J=`feature-search:product_line_${O}`,X=O?v.exists(K)?g(K):v.exists(J)?g(J):"":"",Z=(null==R||null==(e=R.data)?void 0:e.length)>0,ee=(0,Y.c)(V),er=(null==V?void 0:V.style)==="crowdfunding"||(null==V?void 0:V.style)==="crowdfunding_late_bird"||(null==V?void 0:V.style)==="limited_qty_offer",el=!!z&&!!B&&new Date<new Date(B),ea=Q||!(0,n.A)(H)||el,ei=!ee&&!Z,ed=el?(0,l.Y)(W,{startsAt:z,endsOn:B,extraInfo:G}):null;return(0,l.FD)("div",{className:"bg-fixed-background-primary flex w-full flex-col items-center overflow-hidden",children:[Z&&(0,l.Y)(eo,{showcaseVideos:R.data}),(0,l.FD)("div",{className:`relative flex items-end justify-center ${es}`,children:[M||L?(0,l.Y)(o._,{src:M||L,fallbackSrc:s.L,alt:A,fill:!0,className:"object-cover object-[center_10%] lg:hidden",priority:!0}):(0,l.Y)("div",{className:"bg-fixed-background-secondary absolute inset-0 lg:hidden"}),S||L?(0,l.Y)(o._,{src:S||L,fallbackSrc:s.L,alt:A,fill:!0,className:"hidden object-cover object-[center_10%] lg:block",priority:!0}):(0,l.Y)("div",{className:"bg-fixed-background-secondary absolute inset-0 hidden lg:block"}),(0,l.Y)("div",{className:"from-fixed-background-primary pointer-events-none absolute inset-y-0 z-[1] hidden w-[120px] bg-gradient-to-r to-transparent lg:block",style:{left:"clamp(-120px, calc((100vw - 2160px) / 2), 0px)"}}),(0,l.Y)("div",{className:"from-fixed-background-primary pointer-events-none absolute inset-y-0 z-[1] hidden w-[120px] bg-gradient-to-l to-transparent lg:block",style:{right:"clamp(-120px, calc((100vw - 2160px) / 2), 0px)"}}),(0,l.FD)("div",{className:"relative z-10 flex w-full flex-col items-center justify-end px-layout-container-padding-x pb-250 pt-2000 lg:pb-1000",children:[(0,l.Y)("div",{className:"absolute inset-0 backdrop-blur-[5px] [mask-image:linear-gradient(to_bottom,transparent_0%,black_92.293%)] lg:[mask-image:linear-gradient(0deg,#000_50.064%,rgba(0,0,0,0)_100%)]"}),(0,l.Y)("div",{className:"absolute inset-0 bg-[linear-gradient(to_bottom,rgba(0,0,0,0)_0%,#0e131b_92.293%)] lg:bg-[linear-gradient(0deg,#0e131b_50.064%,rgba(0,0,0,0)_100%)]"}),(0,l.FD)("div",{className:"relative z-10 flex w-full flex-col gap-400 lg:max-w-layout-container-max-width lg:grid lg:grid-cols-[minmax(0,4fr)_minmax(0,2fr)] lg:gap-x-800",children:[(0,l.FD)("div",{className:"flex flex-col gap-600 lg:self-ce
1nter",children:[(0,l.Y)(N,{publisherName:T,authorName:I,productName:A,slogan:C??"",productType:X,showRating:F,averageRating:E,ratingCount:P,productId:t.data.id,showShareButton:!er,salesCountDisplayValue:!er&&_.shouldShow?_.displayValue:null}),Z&&(0,l.Y)("div",{className:"hidden lg:block",children:(0,l.Y)(en,{showcaseVideos:R})})]}),(0,l.FD)("div",{className:"hidden flex-col gap-600 lg:flex",children:[(0,l.Y)(D,{countdown:V,productName:A}),Q?(0,l.Y)(et,{liveCourseId:j,factsLabels:H,leadingItem:ed}):ea&&(0,l.Y)(q,{factsLabels:H,leadingItem:ed})]})]}),ei&&(0,l.Y)("div",{className:"hidden h-1000 lg:block"})]})]}),(0,l.FD)("div",{className:"flex w-full flex-col gap-600 pb-600 pt-600 lg:hidden",children:[ee&&(0,l.Y)("div",{className:"px-layout-container-padding-x",children:(0,l.Y)(D,{countdown:V,productName:A})}),Z&&(0,l.Y)("div",{className:"px-layout-container-padding-x",children:(0,l.Y)(en,{showcaseVideos:R})}),Z&&ea&&(0,l.Y)("div",{className:"border-fixed-border-default mx-layout-container-padding-x border-b"}),Q?(0,l.Y)("div",{className:"px-layout-container-padding-x",children:(0,l.Y)(et,{liveCourseId:j,factsLabels:H,leadingItem:ed})}):ea&&(0,l.Y)("div",{className:"px-layout-container-padding-x",children:(0,l.Y)(q,{factsLabels:H,leadingItem:ed})})]})]})})},44254:(e,t,r)=>{"use strict";r.d(t,{q:()=>d});var l=r(55729),a=r(44883);let n=new Map,i=new Map,o=/[?&]expires=(\d+)/,s=e=>{let t=n.get(e);return t?null!=t.expiresAtMs&&t.expiresAtMs<=Date.now()+5e3?(n.delete(e),null):t.url:null},c=(e,t)=>{n.set(e,{url:t,expiresAtMs:(e=>{var t;let r=null==(t=e.match(o))?void 0:t[1];if(!r)return null;let l=Number(r);return Number.isFinite(l)&&l>0?1e3*l:null})(t)})},d=function(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=arguments.length>1?arguments[1]:void 0,n=r&&(null==(e=(0,a.XZ)(t))?void 0:e.videoAssetId)||null,[o,d]=(0,l.useState)(()=>{if(!n)return null;let e=s(n);return e?{assetId:n,url:e}:null}),u=(0,l.useRef)(r);u.current=r;let p=(0,l.useRef)(t);p.current=t;let m=(0,l.useCallback)(async()=>{if(!n||!u.current)return;let e=await u.current(p.current);if(!e)throw Error("playback url resolve returned no url");c(n,e),d({assetId:n,url:e})},[n]);return((0,l.useEffect)(()=>{if(!n||!u.current)return;let e=!1,t=0,r=null,l=async()=>{t+=1;let a=u.current;if(a)try{let t=await ((e,t,r)=>{let l=s(e);if(l)return Promise.resolve(l);let a=i.get(e);if(a)return a;let n=Promise.resolve().then(()=>r(t)).then(t=>(t&&c(e,t),t)).finally(()=>{i.get(e)===n&&i.delete(e)});return i.set(e,n),n})(n,p.current,a);if(!t)throw Error("playback url resolve returned no url");e||d({assetId:n,url:t})}catch(a){if(e||t>3)return void console.error("playback url resolve failed",a);r=setTimeout(()=>void l(),5e3)}};return l(),()=>{e=!0,r&&clearTimeout(r)}},[n]),n)?{url:(null==o?void 0:o.assetId)===n?o.url:"",refresh:m,isPlaybackSource:!0}:{url:t,refresh:m,isPlaybackSource:!1}}},45209:(e,t,r)=>{"use strict";r.d(t,{A:()=>p});var l=r(2860),a=r(55729),n=r(84903),i=r(84660),o=r(47126);let s=e=>{let{direction:t,onClick:r,className:n}=e,s=(0,a.useMemo)(()=>(0,l.Y)(o.I,{type:"left"===t?"arrow_back":"arrow_forward",className:"z-10 flex items-center justify-center rounded-full bg-white",size:24}),[t]);return(0,l.Y)("button",{onClick:r,className:(0,i.Q)("text-grayscale-800 hover:text-grayscale-500 z-50 cursor-pointer border-none bg-transparent p-0 text-2xl outline-hidden transition-colors duration-150",n),children:s})};var c=r(98856),d=r.n(c);r(42108),r(86302);let u=(0,a.forwardRef)((e,t)=>{let{children:r,absoluteArrows:o,showArrows:c=!0,slideClassName:u,onToEdge:p,onBeforeInit:m,onAfterInit:f,onFromEdge:h,className:b,tag:g,containerClassName:v,shouldShowArrowsInMobile:x,spaceBetween:y=16,slidesPerView:w="auto",breakpoints:k,...N}=e,Y=(0,a.useId)(),_=(0,a.useRef)(null),[A,C]=(0,a.useState)(!0),[D,T]=(0,a.useState)(!0),I=g||"ul",F=c&&!(A&&D),E="auto"===w,P=(0,a.useCallback)(()=>{_.current&&_.current.slidePrev()},[]),S=(0,a.useCallback)(()=>{_.current&&_.current.slideNext()},[]),M=(0,a.useCallback)(e=>{C(e.isBeginning),T(e.isEnd)},[]),L=(0,a.useCallback)(e=>{M(e),p&&p(e)},[p,M]),R=(0,a.useCallback)(e=>{M(e),h&&h(e)},[h,M]),$=(0,a.useCallback)(e=>{M(e),f&&f(e)},[f,M]),O=(0,a.useCallback)(e=>{_.current=e,m&&m(e)},[m]);(0,a.useImperativeHandle)(t,()=>_.current||void 0);let q=(0,a.useMemo)(()=>{let e=`[data-swiper-ssr="${Y}"] .swiper:not(.swiper-initialized) .swiper-slide`,t=[],r="number"==typeof y?y:0;return"number"==typeof w&&t.push(`${e}{width:calc((100% - ${(w-1)*r}px) / ${w})!important;margin-right:${r}px!important}`),k&&Object.entries(k).sort((e,t)=>
1{let[r]=e,[l]=t;return Number(r)-Number(l)}).forEach(l=>{let[a,n]=l;if("number"==typeof n.slidesPerView){let l="number"==typeof n.spaceBetween?n.spaceBetween:r;t.push(`@media(min-width:${a}px){${e}{width:calc((100% - ${(n.slidesPerView-1)*l}px) / ${n.slidesPerView})!important;margin-right:${l}px!important}}`)}}),t.length>0?t.join(""):null},[Y,w,y,k]);return(0,l.FD)("div",{"data-swiper-ssr":Y,id:"pagination-container",className:(0,i.Q)("relative flex",v,d()["horizontal-swiper"]),children:[q&&(0,l.Y)("style",{dangerouslySetInnerHTML:{__html:q}}),(0,l.FD)("div",{className:"flex w-full items-center justify-start gap-x-2",children:[F&&!A&&(0,l.Y)(s,{direction:"left",onClick:P,className:(0,i.Q)(o?"absolute left-2":"",x?"":"mobileUp:block hidden")}),(0,l.Y)(n.RC,{spaceBetween:y,direction:"horizontal",simulateTouch:!0,...N,breakpoints:k,slidesPerView:w,tag:I,className:(0,i.Q)("m-0 list-none p-0",b),onBeforeInit:O,onAfterInit:$,onToEdge:L,onFromEdge:R,children:a.Children.map(r,e=>(0,l.Y)(n.qr,{tag:"ul"===I?"li":"div",className:u,style:E?{marginRight:y}:void 0,children:e}))}),F&&!D&&(0,l.Y)(s,{direction:"right",onClick:S,className:(0,i.Q)(o?"absolute right-2":"",x?"":"mobileUp:block hidden")})]})]})});u.displayName="HorizontalSwiperWithSideArrows";let p=u},50870:(e,t,r)=>{"use strict";r.d(t,{A:()=>e9});var l=r(2860),a=r(55729),n=r(81278),i=r(71024),o=r.n(i),s=r(83004),c=r(98986),d=r(82203),u=r.n(d),p=r(92434),m=r(2185),f=r(50970),h=r(84660),b=r(43072),g=r(29497),v=r(70502),x=r(6329),y=r(33111),w=r(47126),k=r(37789),N=r(5415),Y=r(81645),_=r(53565),A=r(43124),C=r(64650),D=r(15801),T=r(54252);let I=()=>((()=>{let e=(0,n.useRouter)().query.tab,{dripMarketingInfo:t,openModal:r}=(0,T.e)(),l=(0,a.useRef)(!1),i=(0,a.useRef)(t);(0,a.useEffect)(()=>{i.current!==t&&(l.current=!1,i.current=t)},[t]),(0,a.useEffect)(()=>{if(e&&"intro"!==e||!t||!(null==t?void 0:t.active)||l.current)return;let{scrollTriggerPercentage:a}=t,n=(0,D.A)(()=>{if(l.current)return;let e=window.scrollY||document.documentElement.scrollTop,t=document.documentElement.scrollHeight;e/(t-document.documentElement.clientHeight)*100>=a&&(r("scroll_trigger"),l.current=!0,window.removeEventListener("scroll",n))},350);return window.addEventListener("scroll",n),()=>{n.cancel(),window.removeEventListener("scroll",n)}},[e,t,r])})(),null);var F=r(42921),E=r(31430),P=r(18099);let S=o()(()=>r.e(5030).then(r.bind(r,65030)),{loadableGenerated:{webpack:()=>[65030]}}),M=o()(()=>r.e(3149).then(r.bind(r,73149)),{loadableGenerated:{webpack:()=>[73149]},loading:()=>(0,l.Y)("div",{className:"h-[400px]"})}),L=o()(()=>r.e(7037).then(r.bind(r,67037)),{loadableGenerated:{webpack:()=>[67037]}}),R=o()(()=>r.e(2724).then(r.bind(r,72724)),{loadableGenerated:{webpack:()=>[72724]},ssr:!1,loading:()=>(0,l.Y)("div",{className:"mt-4 h-[111px] w-full"})}),$=o()(()=>r.e(6041).then(r.bind(r,6041)).then(e=>e.LecturersColumnSection),{loadableGenerated:{webpack:()=>[6041]},ssr:!1,loading:()=>(0,l.Y)("div",{className:"h-[315px] w-full"})}),O=o()(()=>r.e(7687).then(r.bind(r,37687)),{loadableGenerated:{webpack:()=>[37687]},ssr:!1,loading:()=>(0,l.Y)("div",{className:"h-[405px] w-full"})}),q=o()(()=>r.e(9239).then(r.bind(r,39239)),{loadableGenerated:{webpack:()=>[39239]},ssr:!1,loading:()=>(0,l.Y)("div",{className:"h-[225px] w-full"})}),z=[{key:"suitable-block",hasBottomDivider:!1},{key:"ai-trial",hasBottomDivider:!1},{key:"info-html",hasBottomDivider:!1},{key:"testimonies",hasBottomDivider:!0},{key:"reviews",hasBottomDivider:!0},{key:"lecturers-column",hasBottomDivider:!0},{key:"tags",hasBottomDivider:!0},{key:"recommend-products",hasBottomDivider:!0}],B=x.O_?"prod":"staging",G=Object.fromEntries(Object.entries(F._0.VALUE).map(e=>{let[t,r]=e;return[r,t]})),U=e=>{var t,i,o,d;let{selectedMaterialId:D,onChangeActiveMaterialId:T,className:U}=e,j=(0,n.useRouter)(),{isCollectionOffer:Q,apiData:V}=(0,g.A)(),{i18n:W,t:H}=(0,c.Bd)(),K=(0,N.Ol)(),J=(0,C.B)(),{openVariantsPicker:X,setCollectionOfferId:Z}=(0,F.sL)(),ee=(null==(i=V.data.attributes.showcaseVideos)||null==(t=i.data)?void 0:t.length)??0,{openAt:et}=(0,v.zG)(ee),er=(0,a.useCallback)(()=>{Promise.resolve().then(r.bind(r,32678)).then(e=>{e.default.ec.expandShowMore({productId:V.data.id??""})})},[V.data.id]),el=V.data.id,ea=V.data.attributes.variants,en=j.query[F.df],ei=(0,a.useRef)(!1),eo=(0,a.useCallback)(async e=>{var t,r,l,a,n;let i;if(e.defaultPrevented||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||0!==e.button)return;let o=null==(r=e.target)||null==(t=r.closest)?void 0:t.call(r,"a");if(!o||o.target&&""!==o.target&&"_self"!==o.target)return;let s=o.getAttribute("href");if(!s)return;try{i=new URL(s,window.location.href)}catch{return}if(i.origin!==window.location.origin||(null==(l=i.pathname.match(/\/product\/([^/]+)/))?void 0:l[1])!==el)return;let c=i.searchParams.get(v.uG);if(null!=c&&ee>0){let t=Number.parseInt(c,10);if(Number.isFinite(t)){e.preventDefault(),et(t-1);return}}let d=i.searchParams.get(F._0.KEY);if(!d)return;let u=G[d]??null;if(!u||(e.preventDefault(),ei.current))return;let p=i.searchParams.get(F.df),m=i.searchParams.get(F.xQ),f=p??"";if(!f&&m){let e=(ea??[]).map(e=>e.id);if(e.length){ei.current=!0;try{f=(null==(a=(await Promise.all(e.map(e=>(0,E.c)((0,P.Cy)({productId:el,variantId:e})).then(t=>{var r;return{variantId:e,offers:(null==(r=t.data)?void 0:r.data)??[]}}).catch(()=>({variantId:e,offers:[]}))))).find(e=>e.offers.some(e=>e.id===m)))?void 0:a.variantId)??""}finally{ei.current=!1}}}f||(f=("string"==typeof en?en:"")||(null==ea||null==(n=ea[0])?void 0:n.id)||""),f&&(X({selectedVariantId:f,step:u}),m&&Z(m))},[el,ea,en,X,Z,ee,et]),es=(null==(o=(0,y.A)(H("crowdin:detail-page.intro-section.is-collapsed-product-ids")))?void 0:o[B])||[],ec=(null==(d=(0,y.A)(H("crowdin:detail-page.allow-ai-trial-ids")))?void 0:d[B])||[],ed=(0,y.A)(H(`crowdin:product-detail-page.intro.section-orders${x.O_?"":"-staging"}`))||z,{testimonial:eu,highlights:ep,suitableFor:em,infoDesktop:ef,infoMobile:eh,mobileContentFullWidth:eb,customCss:eg,crowdfundingReleaseStartsAt:ev,showRating:ex,ratingCount:ey,averageRating:ew,tags:ek,categories:eN}
1=V.data.attributes,eY="LiveCourse"===V.data.attributes.productableType;return(0,l.FD)("div",{className:(0,h.Q)("mobileUp:px-0 flex flex-col gap-1000 px-400",U),children:[eY&&(0,l.Y)(M,{productId:V.data.id,liveCourseId:V.data.attributes.productableId}),ed.map(e=>{var t,r,a,n;let{key:i}=e,o=null,c={},d={},g={hasInViewContainer:!1,minHeightClassName:""};switch(i){case"suitable-block":{if((0,f.A)(ep))break;d.isHiddenInCollectionOffer=!0;let e=(null==ep||null==(t=ep[0])?void 0:t.text)??!1,a=(null==em||null==(r=em[0])?void 0:r.title)??!1;if(!e&&!a)break;o=(0,l.Y)(_.F,{highlights:ep,suitableFor:em,lang:W.resolvedLanguage});break}case"ai-trial":if(!ec.includes(V.data.id))break;o=(0,l.Y)("div",{className:"mx-auto",children:(0,l.Y)(O,{})});break;case"info-html":{if(!ef&&!eh)break;eb&&(c.className="-mx-400 mobileUp:mx-0");let e=es.includes(V.data.id)?(0,l.Y)(Y.f,{minHeight:"2400px",displayedBtn:"ShowMore",sendEvent:er,defaultOpen:!!(ev&&(0,p.Y)(new Date,(0,m.H)(ev))),children:(0,l.Y)(A.Ay,{desktopHtml:ef,mobileHtml:eh,customCss:eg,trackDpBlocks:J})}):(0,l.Y)(A.Ay,{desktopHtml:ef,mobileHtml:eh,customCss:eg,trackDpBlocks:J});o=(0,l.Y)("div",{onClick:eo,children:e});break}case"testimonies":if((0,f.A)(eu))break;d.isHiddenInCollectionOffer=!0,g.hasInViewContainer=!0,g.minHeightClassName="min-h-[116px]",o=(0,l.Y)(R,{testimonies:eu});break;case"reviews":if(!ex||!ew||!ey)break;d.isHiddenInCollectionOffer=!0,o=(0,l.FD)("div",{className:"flex flex-col gap-300",children:[(0,l.FD)(u(),{href:{query:{...j.query,tab:"reviews"}},replace:!0,shallow:!0,scroll:!1,prefetch:!1,className:"flex items-center gap-100 no-underline",children:[(0,l.Y)("h3",{className:"text-heading-s text-content-primary tracking-(--typo-letter-spacing-heading)",children:H("feature-product:rating.title")}),(0,l.Y)(w.I,{type:"keyboard_arrow_right",size:16,className:"text-content-primary pt-[3px]"})]}),(0,l.Y)(L,{materialId:D,perPage:3,simpleMode:!0,shouldShowRelatedFeedbacksIfEnoughFeedbacks:!1,className:"gap-0"})]});break;case"lecturers-column":if((0,f.A)(null==(a=V.data.attributes.articleLinks)?void 0:a.data))break;g.hasInViewContainer=!0,g.minHeightClassName="min-h-[344px]",o=(0,l.Y)($,{articleLinkData:null==(n=V.data.attributes.articleLinks)?void 0:n.data});break;case"tags":if(K||(0,f.A)(ek)&&(0,f.A)(eN))break;g.hasInViewContainer=!0,g.minHeightClassName="min-h-[83px]",o=(0,l.FD)("div",{className:"flex flex-col gap-300",children:[(0,l.Y)("h3",{className:"text-heading-s text-content-primary tracking-(--typo-letter-spacing-heading)",children:H("crowdin:product-page.relational-tags")}),(0,l.Y)(q,{tags:ek,categories:eN})]});break;case"recommend-products":g.hasInViewContainer=!0,g.minHeightClassName="min-h-[330px]",o=(0,l.Y)(S,{isCollectionOffer:Q,materialOrCollectionOfferId:V.data.id})}return o?(0,s.n)(k.g,{...d,key:i},g.hasInViewContainer?(0,l.Y)(b.pL,{triggerOnce:!0,children:e=>{let{inView:t,ref:r}=e;return(0,l.Y)("div",{ref:r,className:(0,h.Q)(!t&&g.minHeightClassName,c.className),children:t&&o})}}):(0,l.Y)("div",{className:c.className,children:o})):null}),(0,l.Y)(I,{})]})};var j=r(49511),Q=r(29007),V=r(57165),W=r(83855);let H=async e=>(await (0,W.A)({url:e})).data;var K=r(68106),J=r(67789);let X=e=>e.children.reduce((e,t)=>e+t.children.length,0),Z=e=>e?Array.isArray(e)?e.reduce((e,t)=>e+t.children.reduce((e,t)=>e+X(t),0),0):e.children.reduce((e,t)=>e+X(t),0):0,ee=e=>null==e?void 0:e.map(e=>{var t;return{chapterCounts:(null==(t=e.children)?void 0:t.reduce((e,t)=>e+=t.children.length,0))??0,unitCounts:Z(e),unitComposableTypes:(e=>e?Array.isArray(e)?e.flatMap(e=>e.children.flatMap(e=>e.children.flatMap(e=>e.children.flatMap(e=>e.composableType)))):e.children.flatMap(e=>e.children.flatMap(e=>e.children.flatMap(e=>e.composableType))):[])(e)}});var et=r(58650),er=r(2443),el=r(83497),ea=r(77304);let en=e=>{let{url:t,isActive:r}=e,n=(0,ea.M)(r?t:null),[i,o]=(0,a.useState)(!0);return r&&t?(0,l.Y)(el.A,{url:t,subtitleTracks:n.length?n:void 0,isPlaying:i,onPlay:()=>o(!0),onPause:()=>o(!1),className:"mobileUp:rounded-[8px] mobileUp:[&_video]:rounded-[8px] h-full overflow-hidden bg-black pt-0 [&:fullscreen_video]:rounded-none [&:fullscreen]:rounded-none"},n.length?`tracks-${n.map(e=>e.srcLang).sort().join(",")}`:"no-tracks"):null};var ei=r(34817),eo=r(15553),es=r(59006),ec=r(40545);let ed=e=>{let{open:t,shouldShowBackdrop:r,onDownloadClick:a}=e,{closeModal:n}=(0,et.U)();
1return(0,l.Y)(ei.WuModal,{open:t,onClose:n,maxWidth:"353px",maxHeight:"90vh",...!r&&{componentsProps:{backdrop:{style:{backgroundColor:"transparent"}}}},outerDivStyles:{padding:"0px"},mainBlockClassName:"overflow-visible bg-white",padding:"20px",children:(0,l.FD)("div",{className:"relative flex flex-col gap-5",children:[(0,l.FD)("div",{className:"flex flex-col gap-3",children:[(0,l.Y)(eo.E,{variant:"body_l_500",color:"grayscale-800",children:(0,ec.t)("crowdin:product-detail-page.toc-app-only")}),(0,l.Y)(eo.E,{variant:"body_s_400",color:"grayscale-800",children:(0,ec.t)("crowdin:product-detail-page.toc-app-support-desc")})]}),(0,l.FD)("div",{className:"flex flex-row gap-3",children:[(0,l.Y)(es.$n,{className:"bg-grayscale-100 text-grayscale-800 w-full rounded-full px-[20px] py-[7.5px]",onClick:n,children:(0,ec.t)("crowdin:common.know-it")}),(0,l.Y)(es.$n,{className:"bg-peach-500 w-full rounded-full px-[20px] py-[7.5px] text-white",onClick:()=>{null==a||a(),window.open("http://onelink.to/j52464","_blank"),n()},children:(0,ec.t)("crowdin:common.download-app")})]})]})})};var eu=r(16448);let ep={en:{toc:{all_units:"All units",trial_units:"Trial units",expiration_date:"Expiration date",publisher:"Publisher",material_unit:"unit(s)",preview:"Preview",extra_previewable_info:"Additional previewable info"}},"zh-TW":{toc:{all_units:"ææå®å
",trial_units:"試é±",expiration_date:"使ç¨æé",publisher:"åºç社",material_unit:"å®å
",preview:"試é±",extra_previewable_info:"ææç¸éè³è¨(ä¸å¨ææå
§çé¡å¤è©¦é±)"}}},em=a.createContext(ep["zh-TW"]),ef=e=>{let{defaultLang:t,locales:r=ep,children:n}=e,[i,o]=a.useState(t);return a.useEffect(()=>{o(t)},[t]),(0,l.Y)(em.Provider,{value:r[i],children:n})},eh=e=>{let{children:t}=e;return(0,l.Y)(eo.E,{variant:"label_s_400",component:"h4",color:"grayscale-500",children:t})};var eb=r(34416),eg=r(12201),ev=r(88607),ex=r(1686),ey=r(24150),ew=r(9428),ek=r(95256);let eN={src:"/_next/static/media/general_app_download_qrcode.02ac8209.webp"},eY=e=>{let{children:t,isAppOnlyTrialAllowed:r}=e,a=(0,K.v2)();return r&&a?(0,l.Y)(eD,{title:(0,l.FD)("div",{className:"flex flex-col items-center",children:[(0,l.Y)("span",{className:"text-grayscale-800 mb-1 text-[16px] font-medium leading-[24px]",children:(0,ec.t)("crowdin:product-detail-page.toc-app-only")}),(0,l.Y)("span",{className:"text-grayscale-400 mb-4 text-[12px] font-medium leading-[18px]",children:(0,ec.t)("crowdin:product-detail-page.toc-app-support")}),(0,l.Y)("img",{src:eN.src,alt:"qr-code"})]}),followCursor:!0,children:t}):t},e_=e=>{let{onPreviewUnitClick:t,materialId:r,units:a,section:n,t:i,subjectLanguage:o}=e;return(0,l.Y)(eA,{children:a.map((e,a)=>{let{isTrialAllowed:s,isAppOnlyTrialAllowed:c,...d}=e,{name:u,previewable:p}=d,m=c||s;return(0,l.Y)(eC,{clickable:p,onClick:()=>{t&&t({unit:d,section:n,materialId:r,subjectLanguage:o})},children:(0,l.Y)(eY,{isAppOnlyTrialAllowed:c,children:(0,l.FD)("div",{className:"mobileUp:hover:bg-focused-primary flex flex-1 flex-row items-start justify-between pl-300 pr-400 py-200",children:[(0,l.FD)("div",{className:"flex flex-row items-center gap-100 pr-100 py-100",children:[(0,l.Y)(ek.A,{size:16,color:"var(--color-grayscale-800)"}),(0,l.Y)("span",{className:"text-body-s text-content-primary text-start",children:u}),"video"===d.composableType&&"number"==typeof d.durationSeconds&&d.durationSeconds>0&&(0,l.Y)("span",{className:"text-caption-m text-content-secondary shrink-0 whitespace-nowrap",children:`(${(e=>{if(!Number.isFinite(e)||e<0)return"0:00";let t=Math.floor(e),r=Math.floor(t/3600),l=Math.floor(t%3600/60),a=t%60,n=e=>String(e).padStart(2,"0");return r>0?`${r}:${n(l)}:${n(a)}`:`${l}:${n(a)}`})(d.durationSeconds)})`})]}),m&&(0,l.Y)("span",{style:{opacity:+!!p,transition:"opacity 0.15s ease-in-out"},className:"text-body-s shrink-0 whitespace-nowrap break-keep text-content-brand underline",children:i(c?"crowdin:common.trial-immediately-app":"crowdin:common.trial-immediately")})]})})},`${u}-${a}`)})})},eA=(0,ey.A)("div",{target:"e1cyvjq80"})("display:flex;flex-direction:column;font-size:",ew.A.fontSize.sm,";"),eC=(0,ey.A)("button",{target:"e1cyvjq81"})("display:flex;align-items:center;line-height:1.5;border:none;padding:0;cursor:",e=>{let{clickable:t}=e;return t?"pointer":"auto"},";background-color:transparent;"),eD=(0,ex.Ay)(e=>{let{className:t,...r}=e;return(0,l.Y)(eg.A,{...r,classes:{popper:t}})})(e=>{let{theme:t}=e;return{[`& .${ev.A.tooltip}`]:{backgroundColor:"#ffffff",color:ew.A.color.palette["grayscale-800"],maxWidth:273,borderRadius:"8px",border:"0px",boxShadow:"0px 0px 10px 0px rgba(14, 16, 16, 0.10)",padding:"20px"}}}),eT=e=>{let{chapter:t,numberOfSectionsDefaultOpen:r,onPreviewUnitClick:n,t:i,materialId:o,subjectLanguage:s,stickyTopClassName:c,onSummaryClick:d}=e,u=(0,a.useMemo)(()=>t.children.map(e=>{let t=!1,r=e.children.map(e=>{let r=(e=>{if(!e.previewable)return!1;let{composableType:t,videoUrl:r,id:l}=e;switch(t){case"video":return!!r;case"question_group":return!!l&&"App-Only";default:return"App-Only"}})(e);return r&&!t&&(t=!0),{...e,isTrialAllowed:!!r,isAppOnlyTrialAllowed:"App-Only"===r}});return{...e,children:r,isTrialAllowed:t}}),[t.children]);return(0,l.Y)("div",{className:"border-border-subtle relative w-full overflow-clip rounded-500 border border-solid bg-background-primary",children:u.map((e,t)=>{let{name:a,children:u}=e;return(0,l.Y)(eb.n,{title:(0,l.Y)("span",{className:"text-heading-2xs tracking-[var(--typo-letter-spacing-heading)] text-content-primary",children:a}),className:"group",summaryClassName:(0,h.Q)("bg-gradient-to-r from-[#f3f3f4] to-[#fbfbfc] px-400 py-300 w-auto border-b border-solid border-t-0 border-r-0 border-l-0 border-b-border-subtle group-last:border-b-0 sticky",c),onSummaryClick:e=>null==d?void 0:d({tocSectionName:a,isOpened:e}),defaultOpen:t<r,bodyClassName:"mt-0",children:(0,l.Y)(e_,{t:i,units:u,section:e,materialId:o,onPreviewUnitClick:n,subjectLanguage:s})},`${a}-${t}`)})})},eI=e=>{let{materialsToc:t,className:r,numberOfSectionsDefaultOpen:n=0,onPreviewUnitClick:i,t:o,tocType:s,stickySection:c,disableSectionImages:d,onSummaryClick:u}=e,p=(0,a.useMemo)(()=>ee(t||[]),[t]),m=(0,a.useMemo)(()=>c?((0,j.Al)()?"top-[calc(calc(var(--app-nav-height,44px)+var(--referral-header-height,0px)-0px)+44px)]":"top-[calc(calc(var(--nav-top,var(--browser-main-nav-height))+var(--referral-header-height,0px)-0px)+44px)]")+" transition-top ease-linear":"",[c]);if(!t||!p)return null;let f=t&&t.length>1;return(0,l.Y)("ul",{className:"m-0 flex list-none flex-col gap-300 p-0 leading-[1.5]",children:t.map((e,t)=>(0,l.Y)(eE,{material:e,index:t,className:r,tocType:s,t:o,allChapterAndSectionCount:p,isBundleToc:f,onPreviewUnitClick:i,numberOfSectionsDefaultOpen:n,stickyTopClassName:m,disableSectionImages:d,onSummaryClick:u},e.id))})},eF=e=>{let{lang:t="zh-TW",...r}=e;return(0,l.Y)(ef,{defaultLang:t,children:(0,l.Y)(eI,{...r})})},eE=e=>{let{material:t,index:r,className:n,tocType:i,t:o,allChapterAndSectionCount:s,isBundleToc:c,onPreviewUnitClick:d,numberOfSectionsDefaultOpen:u,stickyTopClassName:p,disableSectionImages:m,onSummaryClick:f}=e,{name:b,children:g,subjectLanguage:v}=t,x=o("crowdin:product-detail-page.toc-chapter-and-section-counts",{chapters:s[r].chapterCounts,sections:s[r].unitCounts}),[y,w]=(0,a.useState)(!1),{openModal:k}=(0,et.U)();return(0,a.useEffect)(()=>{var e;let r=()=>{var e;
1let r=null==(e=document.getElementById(`${t.id}-content-container-${i}`))?void 0:e.querySelectorAll("details");r&&0!==r.length&&w(Array.from(r).every(e=>e.open))},l=new AbortController;return null==(e=document.getElementById(`${t.id}-content-container-${i}`))||e.querySelectorAll("details").forEach(e=>{e.addEventListener("toggle",r,{signal:l.signal})}),()=>{l.abort()}},[]),(0,l.FD)("li",{className:(0,h.Q)(n,"flex flex-col gap-300"),children:["all"===i?(0,l.FD)("div",{className:"flex h-800 flex-row items-center justify-between gap-300",children:[c&&(0,l.Y)(eh,{tocType:i,children:"all"===i?`${b} | ${x}`:b}),!c&&"all"===i&&(0,l.Y)("span",{className:"text-body-s flex-1 text-content-secondary",children:x}),(0,l.Y)("button",{className:"text-label-s tracking-[var(--typo-letter-spacing-label)] cursor-pointer whitespace-nowrap rounded-999 border border-solid border-border-subtle bg-transparent px-300 py-250 text-content-primary",onClick:()=>{var e;null==(e=document.getElementById(`${t.id}-content-container-${i}`))||e.querySelectorAll("details").forEach(e=>{e.open=!y})},children:y?"å
¨é¨éé":"å
¨é¨å±é"})]}):null,(0,l.Y)("ul",{className:(0,h.Q)("m-0 flex list-none flex-col gap-1000 p-0"),id:`${t.id}-content-container-${i}`,children:g.map((e,r)=>{let{name:a}=e,n=e.children.filter(e=>e.imageUrl).map(e=>({name:e.name,url:e.imageUrl}));return(0,l.Y)("li",{children:(0,l.FD)("div",{className:"flex flex-col items-start gap-300",children:[(0,l.Y)("h5",{className:"text-heading-s tracking-[var(--typo-letter-spacing-heading)] m-0 w-full text-content-primary",children:a}),!m&&n&&n.length>0&&(0,l.Y)("div",{className:"w-full overflow-x-auto",children:(0,l.Y)("div",{className:"mb-[8px] flex flex-row gap-3",children:n.map((e,t)=>(0,l.FD)("div",{onClick:()=>{k(er.A,{initialIndex:t,contents:n.map(e=>({title:e.name,type:"image",url:e.url}))})},className:"relative h-[130px] w-[224px] shrink-0 cursor-pointer overflow-hidden rounded-[4px]",children:[(0,l.Y)("img",{className:"h-[130px] w-[224px] object-cover",src:e.url,alt:e.name}),(0,l.Y)("div",{className:"absolute bottom-0 left-0 right-0 top-0 bg-linear-to-t from-[rgba(0,0,0,0.2)] via-[rgba(0,0,0,0.2)] to-[rgba(0,0,0,0)]"}),(0,l.Y)("div",{className:" absolute bottom-[8px] left-[12px]",children:(0,l.Y)(eo.E,{variant:"label_s_500",color:"grayscale-000",children:e.name})})]},e.url))})}),(0,l.Y)(eT,{materialId:t.id,chapter:e,numberOfSectionsDefaultOpen:u,onPreviewUnitClick:d,t:o,subjectLanguage:v,stickyTopClassName:p,onSummaryClick:f},`${a}-${r}`)]})},`${a}_${r}`)})})]},b)},eP=e=>{let{materialsToc:t,lang:r,onPreviewUnitClick:a,t:n,numberOfSectionsDefaultOpen:i,onSummaryClick:o}=e;return t&&(null==t?void 0:t.length)!==0?(0,l.Y)(eF,{t:n,materialsToc:t,lang:r,numberOfSectionsDefaultOpen:i,onPreviewUnitClick:a,tocType:"all",stickySection:!0,onSummaryClick:o}):null},eS=()=>(0,l.Y)("div",{children:Array.from({length:12},(e,t)=>(0,l.Y)("div",{className:"bg-grayscale-200 mb-4 h-20 animate-pulse"},t))});var eM=r(8588),eL=r.n(eM),eR=r(52106);let e$=e=>{let{style:t,title:r,description:a,imgUrl:n,imgAlt:i,showAppDownloadLink:o,showOnlyPreviewableOnAppText:s}=e,{t:d}=(0,c.Bd)("common");return(0,l.FD)("div",{className:"w-full",style:t,children:[(0,l.FD)("div",{className:"relative aspect-[882/888] w-full",children:[(0,l.Y)(eL(),{src:n,alt:i,width:515,height:518.5,className:"h-auto min-w-full max-w-full"}),s&&(0,l.Y)("div",{className:"bg-grayscale-300/30 text-grayscale-800 absolute bottom-0 flex w-full flex-col items-center justify-center p-1 text-center text-xs font-medium leading-[175%] tracking-[0.005em] backdrop-blur-xs",children:d("unit.only_previewable_in_app")})]}),(0,l.FD)("div",{className:"flex flex-col items-center justify-center gap-1 px-[14px] py-3 text-center",children:[(0,l.Y)("div",{className:" text-grayscale-800 text-xl font-medium leading-[150%] tracking-[0.01em]",children:r}),(0,l.Y)("div",{className:"text-grayscale-800 text-sm font-normal leading-[175%] tracking-[0.0025em]",children:a}),o&&(0,l.Y)("div",{className:"mt-2 flex flex-col gap-3 ",children:(0,l.FD)("div",{className:"flex gap-2",children:[(0,l.Y)(eR.A,{platform:"ios",sendEvent:()=>{(0,J._j)({type:"ios"})}}),(0,l.Y)(eR.A,{platform:"android",sendEvent:()=>{(0,J._j)({type:"android"})}})]})})]})]})}
1,eO=e=>{let{type:t,style:r,showAppDownloadLink:a=!1,showOnlyPreviewableOnAppText:n}=e,{t:i}=(0,c.Bd)(),o=(0,y.A)(i("crowdin:product-detail-page.toc-tab.component-introduction-data")),s=null==o?void 0:o[t];if(!s)return null;let{imgUrl:d,title:u,description:p}=s;return(0,l.Y)(e$,{imgUrl:d,imgAlt:`${t} unit`,title:u,description:p,style:r,showAppDownloadLink:a,showOnlyPreviewableOnAppText:n})};var eq=r(83665);let ez=e=>{let{type:t,onClose:r,showOnlyPreviewableOnAppText:n,open:i}=e,o=(0,a.useMemo)(()=>i?Date.now():0,[i]);return(0,l.Y)(eq.default,{open:i,onClose:()=>{if(0!==o){let e=Date.now();(0,J.VY)({duration:e-o})}r()},padding:"0",maxWidth:"547px",children:(0,l.Y)(eO,{type:t,showAppDownloadLink:!0,showOnlyPreviewableOnAppText:n})})};var eB=r(41090),eG=r(9964),eU=r(55259),ej=r(59018),eQ=r.n(ej),eV=r(91632);let eW=e=>{let{title:t,onClose:r,className:a,showCloseButton:n}=e;return(0,l.FD)("div",{className:(0,h.Q)("border-b-grayscale-100 flex flex-row items-center justify-between border-0 border-b-[1px] border-solid px-5 py-4",a),children:[(0,l.Y)("div",{className:"col-start-1 col-end-3 row-start-1 text-center",children:(0,l.Y)(eo.E,{variant:"heading_m_500",children:t})}),n&&(0,l.Y)("div",{className:"col-start-2 col-end-3 row-start-1 text-right",children:(0,l.Y)(w.I,{type:"close",color:"grayscale-800",onClick:r})})]})};var eH=r(58429);function eK(e){let{isOpen:t,onClose:r,children:a,title:n}=e,i=(0,K.v2)();return i?(0,l.FD)(ei.WuModal,{open:t,onClose:r,maxWidth:"60vw",maxHeight:"90vh",padding:"0px",outerDivStyles:{padding:0},mainBlockClassName:"overflow-y-hidden flex flex-col rounded-[20px]",componentsProps:{backdrop:{style:{backgroundColor:"transparent"}}},children:[n&&(0,l.Y)(eW,{title:n,onClose:r,showCloseButton:!i}),(0,l.Y)("div",{className:"h-full overflow-y-auto px-5 py-4",children:a})]}):(0,l.FD)(eH.P.div,{className:"fixed inset-0 z-[1003] flex flex-col bg-white",initial:{opacity:0,y:100},animate:{opacity:1,y:0},exit:{opacity:0,y:100},transition:{duration:.2},children:[n&&(0,l.Y)(eW,{title:n,onClose:r,showCloseButton:!i}),(0,l.Y)("div",{className:"h-full overflow-y-auto overscroll-y-contain p-5",children:a})]})}function eJ(e){let{open:t,t:r,materialsToc:a,lang:n,onPreviewUnitClick:i,title:o,onSummaryClick:s}=e,{closeModal:c}=(0,et.U)();return(0,l.FD)(eK,{isOpen:t,onClose:c,title:o,children:[(0,l.FD)("div",{className:"mb-700 flex flex-row items-start gap-200 rounded-500 px-300 py-200",style:{backgroundImage:"linear-gradient(-5.6deg, rgb(252, 158, 124) 5.23%, rgb(250, 110, 59) 92.79%)"},children:[(0,l.Y)("div",{className:"shrink-0 py-050",children:(0,l.Y)(eV.A,{size:20,color:"white"})}),(0,l.Y)("span",{className:"text-body-s text-content-on-color",children:r("crowdin:product-detail-page.toc-preview-download")})]}),(0,l.Y)(eF,{t:r,materialsToc:a,lang:n,numberOfSectionsDefaultOpen:10,onPreviewUnitClick:i,tocType:"free",disableSectionImages:!0,onSummaryClick:s})]})}let eX=e=>{let{materialsToc:t,lang:r,onPreviewUnitClick:n,t:i,title:o,onClick:s,onSummaryClick:c}=e,{openModal:d}=(0,et.U)(),u=(0,a.useMemo)(()=>{let e=ee(t||[]);return{totalUnitCount:null==e?void 0:e.reduce((e,t)=>e+t.unitCounts,0),allUnitComposableTypes:eQ()(null==e?void 0:e.flatMap(e=>e.unitComposableTypes))}},[t]);return t&&(null==t?void 0:t.length)!==0?(0,l.FD)("div",{className:"flex cursor-pointer flex-row items-center gap-500 rounded-200 px-300 py-200",style:{backgroundImage:"linear-gradient(-10deg, rgb(94, 136, 247) 5.23%, rgb(0, 51, 187) 92.79%)"},onClick:()=>{null==s||s(),d(eJ,{t:i,materialsToc:t,lang:r,onPreviewUnitClick:n,title:`${o} (${u.totalUnitCount})`,onSummaryClick:c},{isModalDrawer:!0})},children:[(0,l.FD)("div",{className:"flex flex-1 flex-col gap-100",children:[(0,l.FD)("div",{className:"flex items-center gap-100",children:[(0,l.Y)(eG.A,{size:16,color:"white"}),(0,l.Y)("span",{className:"text-heading-2xs tracking-[var(--typo-letter-spacing-heading)] text-content-on-color",children:o})]}),(0,l.Y)("span",{className:"text-caption-m tracking-[var(--typo-letter-spacing-label)] text-content-on-color",children:i("crowdin:product-detail-page.toc-unit-counts-and-types",{units:u.totalUnitCount,types:u.allUnitComposableTypes.map(e=>i(`crowdin:product-detail-page.toc.preview_types.${e}`)).join("ã")})})]}),(0,l.Y)(eU.A,{size:16,color:"white"})]}):null},eZ=(0,a.memo)(e=>{let{selectedMaterialId:t,onChangeActiveMaterialId:r,defaultProductVariantId:n,className:i,tocPreloadData:o}=e,{i18n:s,t:d}=(0,c.Bd)("page-product-detail"),{productOptions:u,isBundleProduct:p}=(0,g.A)(),[m,f]=(0,a.useState)(!1),[b,v]=(0,a.useState)(""),x=!!b,{data:y,error:w}=(e=>{let{materialId:t,isPreview:r,preloadData:l}=e;return(0,V.Ay)(t?`/v1/shop/products/${t}/toc?previewable_only=${r}`:null,H,{keepPreviousData:!0,fallbackData:l?{materialsToc:l}:void 0})})({materialId:p?"":t,isPreview:!1,preloadData:p?void 0:o}),k=(0,a.useMemo)(()=>p?{materialsToc:(o??[]).filter(e=>String(e.id)===t)}:y,[p,y,o,t]),N=p?void 0:w,Y=(0,a.useMemo)(()=>(null==k?void 0:k.materialsToc)?{materialsToc:k.materialsToc.reduce((e,t)=>
1{let r=t.children.reduce((e,t)=>{let r=t.children.reduce((e,t)=>{let r=(t.children||[]).reduce((e,t)=>(!0===t.previewable&&e.push(t),e),[]);return r.length>0&&e.push({...t,children:r}),e},[]);return r.length>0&&e.push({...t,children:r}),e},[]);return r.length>0&&e.push({...t,children:r}),e},[])}:null,[k]),_=!k&&!N,A=(0,a.useMemo)(()=>Z(null==Y?void 0:Y.materialsToc),[null==Y?void 0:Y.materialsToc]),C=(0,a.useMemo)(()=>1===(e=>e?e.reduce((e,t)=>e+t.children.reduce((e,t)=>e+t.children.length,0),0):0)(null==k?void 0:k.materialsToc)?1:A<=10?0:3,[null==k?void 0:k.materialsToc,A]),{openModal:D,closeAllModals:T}=(0,et.U)();(0,K.v2)();let I=async e=>{let{unit:r,materialId:l,subjectLanguage:a,materialsToc:i}=e;try{let e=r.composableType;if(!r.previewable)return;switch(f(!0),e){case"video":{let e=i.flatMap(e=>e.children.flatMap(e=>e.children.flatMap(e=>e.children.flatMap(e=>"video"===e.composableType?e:[])))).filter(e=>!!e.videoUrl),t=e.findIndex(e=>e.id===r.id);D(er.A,{initialIndex:Math.max(0,t),contents:e.map(e=>({title:e.name,type:"video",url:e.videoUrl})),VideoSlide:en});break}case"question_group":if(!r.id)break;if((0,j.Al)()){if(!(l&&r.composableId&&r.composableType))break;(0,Q.A)({type:Q.W.OPEN_TRIAL,payload:{materialId:String(l),componentId:String(r.id),composableId:String(r.composableId),composableType:r.composableType,name:r.name,productVariantId:n}});break}T(),D(ed,{onDownloadClick:()=>{(0,J.wt)({productId:t})}});break;default:if((0,j.Al)()){var o;(0,eu.ru)({productId:t,onSuccessRedirect:{materialId:l,title:(null==(o=i.find(e=>e.id===l))?void 0:o.name)||""}});break}D(ed,{onDownloadClick:()=>{(0,J.wt)({productId:t})}})}}finally{f(!1)}},F=(e,r)=>l=>{let{section:a,unit:n,materialId:i,subjectLanguage:o}=l,s=n.composableType;I({unit:n,materialId:i,subjectLanguage:o,materialsToc:r}),(0,J.NX)({type:s,isTrialChapter:a.isTrialAllowed,materialId:t,unitPreviewable:!!n.previewable,eventLabel:e,unitName:n.name})};(0,K.F5)({shouldHideIntercom:x});let E=(0,a.useMemo)(()=>(0,J.rV)(t),[t]);return Y||k?(0,l.FD)("div",{className:(0,h.Q)("px-400 mobileUp:px-0",i),children:[u.length?(0,l.Y)(eB.l6,{className:"mb-4",value:t,options:u,onChange:r}):null,_||m?(0,l.Y)(eS,{}):(0,l.FD)("div",{className:"flex flex-col gap-300",children:[(0,l.Y)(eX,{materialsToc:null==Y?void 0:Y.materialsToc,title:`${d("crowdin:product-detail-page.toc-free-trial")}`,t:d,lang:s.resolvedLanguage,onPreviewUnitClick:F("free",(null==Y?void 0:Y.materialsToc)||[]),onClick:()=>(0,J.k7)({productId:t}),onSummaryClick:E}),(0,l.Y)(eP,{materialsToc:null==k?void 0:k.materialsToc,lang:s.resolvedLanguage,onPreviewUnitClick:F("toc",(null==k?void 0:k.materialsToc)||[]),t:d,numberOfSectionsDefaultOpen:C,onSummaryClick:E})]}),x&&(0,l.Y)(ez,{open:x,showOnlyPreviewableOnAppText:!0,type:b,onClose:()=>{v("")}})]}):null}),e0=o()(()=>r.e(445).then(r.bind(r,40445)).then(e=>{let{ReviewsContent:t}=e;return t}),{loadableGenerated:{webpack:()=>[40445]}}),e1=o()(()=>r.e(2225).then(r.bind(r,82225)).then(e=>{let{MoneyBackContent:t}=e;return t}),{loadableGenerated:{webpack:()=>[82225]}}),e2=o()(()=>r.e(7768).then(r.bind(r,47768)).then(e=>{let{FaqContent:t}=e;return t}),{loadableGenerated:{webpack:()=>[47768]}}),e5=o()(()=>Promise.all([r.e(9514),r.e(6830)]).then(r.bind(r,56830)).then(e=>{let{OutcomesContent:t}=e;return t}),{loadableGenerated:{webpack:()=>[56830]}}),e4=o()(()=>r.e(4289).then(r.bind(r,64289)).then(e=>{let{CommentsContent:t}=e;return t}),{loadableGenerated:{webpack:()=>[64289]}}),e3=o()(()=>Promise.all([r.e(9514),r.e(9553)]).then(r.bind(r,49553)).then(e=>{let{ExemplarContent:t}=e;return t}),{loadableGenerated:{webpack:()=>[49553]}}),e8=o()(()=>r.e(9579).then(r.bind(r,29579)).then(e=>{let{AiTutorContent:t}=e;return t}),{loadableGenerated:{webpack:()=>[29579]}}),e6=["intro","toc","reviews","moneyback","faq","outcomes","comments","exemplar","ai_tutor"],e9=(0,a.memo)(e=>{let{initialMaterialId:t,defaultProductVariantId:r,tocPreloadData:i}=e,o=(0,n.useRouter)(),s=e6.find(e=>e===o.query.tab)||"intro",c=(e=>{var t;let{currentTab:r,initialMaterialId:l}=e,{isBundleProduct:n,productOptions:i}=(0,g.A)(),[o,s]=(0,a.useState)(l),[c,d]=(0,a.useState)(null==(t=i[0])?void 0:t.value),u=n?c:o,p=(0,a.useCallback)(e=>{if(n)return d(e);s(e)},[n]);return(0,a.useEffect)(()=>{s(l)},[r]),{selectedMaterialId:u,activeMaterialId:o,activeMaterialIdInBundle:c,onChangeActiveMaterialId:p}})({currentTab:s,initialMaterialId:t});return(0,l.FD)(l.FK,{children:[(0,l.Y)(U,{...c,className:"intro"===s?"":"hidden"}),(0,l.Y)(eZ,{...c,defaultProductVariantId:r,className:"toc"===s?"":"hidden",tocPreloadData:i}),"reviews"===s?(0,l.Y)(e0,{...c}):"moneyback"===s?(0,l.Y)(e1,{...c}):"faq"===s?(0,l.Y)(e2,{...c}):"outcomes"===s?(0,l.Y)(e5,{...c}):"comments"===s?(0,l.Y)(e4,{...c}):"exemplar"===s?(0,l.Y)(e3,{...c}):"ai_tutor"===s?(0,l.Y)(e8,{...c}):null]})})},51414:(e,t,r)=>{"use strict";r.d(t,{c:()=>a});var l=r(92434);let a=e=>!(!e||!(null==e?void 0:e.endsAt)||(0,l.Y)(new Date(null==e?void 0:e.endsAt),new Date))},53921:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});var l=r(12647);let a={basic:e=>{let{apiData:t,uri:r,referralCode:a}=e,n=t.data.attributes,i=a&&n.referralName?n.referralName:n.seoTitle||n.name,o=a&&n.referralDescription?n.referralDescription:`${n.description} | WORD UP`,s=n.squareImageUrl||n.ogImageUrl||n.productCardThumbnailUrl,c=`${i}-og`;return{title:i,titleTemplate:`${(null==n?void 0:n.productLine)==="ebook"?"[App äºåç]":""} %s | WORD UP`,description:o,openGraph:{title:i,description:o,url:(0,l.$i)(r),images:[{url:s,alt:c}],book:{isbn:n.isbn,authors:[n.authorName],releaseDate:n.publishedAt}},canonical:(0,l.$i)(r)}},breadcrumbJsonLd:e=>{let{id:t,breadcrumbItems:r}=e,l=r.length-1;return r.map((e,r)=>0===r?{position:1,name:"è°æå¸ç¿ | WORD UP",item:"https://shop.wordup.com.tw"}:{position:r+1,name:e.text,item:r===l?`https://shop.wordup.com.tw/product/${t}`:`https://shop.wordup.com.tw${e.href||""}`})},productJsonLd:e=>{let{id:t,name:r,coverImageUrl:l,description:a,publisherName:n,salePrice:i,currency:o}=e;return{productName:r,images:l?[l]:[],description:a,brand:n,offers:{price:i||"",priceCurrency:o,itemCondition:"https://schema.org/NewCondition",availability:"https://schema.org/InStock",seller:{name:"WORD UP"},priceValidUntil:`${new Date().getFullYear()}-12-31`,url:`https://shop.wordup.com.tw/${t}`},productID:t,sku:t}},videoJsonLd:e=>{let{name:t,description:r,startsAt:l,updatedAt:a,publishedAt:n,carouselItems:i}=e;if(!Array.isArray(i))return null;let o=i.findIndex(e=>"youtube"===e.type);if(-1===o)return null;let s=i[o];if(!s)return null;let{thumbnailUrl:c,url:d}=s;return{name:t,description:r,contentUrl:d,thumbnailUrls:[c||null],uploadDate:n||l||a}},faqJsonLd:e=>Array.isArray(e)?e.map(e=>
1({questionName:e.question.replace(/\n/gm,""),acceptedAnswerText:e.answer.replace(/"/gm,"'").replace(/\n/gm,"")})):[]}},54713:(e,t,r)=>{"use strict";r.d(t,{A:()=>c});var l=r(2860),a=r(82203),n=r.n(a),i=r(81278),o=r(43072),s=r(47126);let c=e=>{let{tabs:t}=e,r=(0,i.useRouter)(),a=r.query.tab;return(0,l.Y)(o.pL,{as:"ul",className:"mobileUp:px-0 m-0 flex list-none flex-col gap-200 p-0 px-3",children:t.map((e,t)=>{let{key:i,icon:o,description:c}=e;return(a||0!==t)&&i!==a?(0,l.Y)("li",{children:(0,l.FD)(n(),{"data-testid":`navigation-link-${i}`,href:{query:{...r.query,tab:i}},replace:!0,shallow:!0,scroll:!1,className:"text-content-primary flex items-center gap-200 rounded-999 bg-gradient-to-r from-[#f3f3f4] to-[#fbfbfc] py-150 pr-150 pl-300 no-underline",children:[(0,l.Y)(s.I,{type:o,size:16,color:"kiao-blue-500",className:"shrink-0"}),(0,l.Y)("span",{className:"text-label-m flex-1",children:c}),(0,l.Y)("div",{className:"bg-background-secondary flex size-[28px] items-center justify-center rounded-full",children:(0,l.Y)(s.I,{type:"arrow_forward",size:14})})]})},i):null})})}},54747:(e,t,r)=>{"use strict";r.d(t,{v:()=>l});let l=(0,r(53186).eU)(null)},60640:(e,t,r)=>{"use strict";r.d(t,{$W:()=>c,Pt:()=>s,y3:()=>d});var l=r(50970),a=r(10764),n=r(74395),i=r(32678),o=r(76277);let s=e=>{let{lineItems:t,couponCode:r,currency:s="TWD",paymentMethod:c,paymentDetails:d={},b2bReceipt:u={},b2bOrderInfo:p,utm:m={},usermobile:f}=e,h={line_items:t,coupon_code:r,currency:s,payment_method:c,payment_details:d,b2b_receipt:{address:null==u?void 0:u.address,tax_id_number:null==u?void 0:u.taxIdNumber,company_name:null==u?void 0:u.companyName},utm:m,user_mobile:f,[a.aO]:window.sessionStorage.getItem(a.aO),event_meta:{utm:m,fbp:o.A.get("_fbp",void 0,!1),fbc:o.A.get("_fbc",void 0,!1)||o.A.get(n.PIXEL_CONVERSION_API_PARAMS),event_source_url:`https://shop.wordup.com.tw${window.location.pathname}`,...o.A.get(i.GOOGLE_CONVERSION_API.KEY,!0)}};return(0,l.A)(p)||(h.b2b_order_info={org_id:p.orgId,staff_code:p.staffCode,staff_name:p.staffName,department_name:p.departmentName,mobile:p.mobile}),{url:"/v1/shop/checkout",method:"POST",data:{data:h}}},c=()=>({url:"/v1/payment_methods/default",method:"GET"}),d=e=>{let{materialId:t}=e;return{url:"/v1/shop/checkout",method:"POST",data:{data:{material_id:t,payment_method:"free"}}}}},62869:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});let l={file:{attributes:{controlsList:"nodownload"}},vimeo:{playerOptions:{responsive:!0,playsinline:!0}},youtube:{playerVars:{modestbranding:1,rel:0,enablejsapi:1}}}},67297:(e,t,r)=>{"use strict";r.d(t,{A:()=>Y});var l=r(2860);r(55729);var a=r(98986),n=r(84660),i=r(99670),o=r(49511),s=r(67789),c=r(29497),d=r(42921),u=r(80918),p=r(41090),m=r(27582),f=r(31218),h=r(5415),b=r(26766),g=r(71024),v=r.n(g),x=r(92880),y=r(54252),w=r(17291),k=r(11859);let N=v()(()=>r.e(7994).then(r.bind(r,97994)),{loadableGenerated:{webpack:()=>[97994]},ssr:!1}),Y=e=>{let{className:t,compact:r}=e,{apiData:g,isSubscription:v,isCollectionOffer:Y,onCollectionOfferAddToCart:_}=(0,c.A)(),{catalogVariants:A}=(0,w.n)(),{data:C}=(0,f.A)(g.data.id,(0,b.Ve)()?(0,h.Gy)("orgId")??void 0:void 0,Y),{t:D}=(0,a.Bd)(),{openVariantsPicker:T}=(0,d.sL)(),{dripMarketingInfo:I,dripMarketingInfoLoading:F}=(0,y.e)(),E=!!(I&&I.showTriggerButton),P=E?(null==I?void 0:I.triggerButtonMobileReplaces)??null:null,S=g.data.id,M=(0,m.A)(D,S),{allowTrial:L,salePrice:R}=g.data.attributes,$=0>=Number(R),O=(()=>{if(Y){let{attributes:e}=g.data,t=+e.totalSalePrice;return{listPrice:t,salePrice:t-e.discount}}if(!(null==A?void 0:A.length))return;let e=v?"salePricePerMonth":"salePrice",t=A.reduce((t,r)=>(t.push({listPrice:Number(r.listPrice),salePrice:Number(r[e]),variantId:r.id,isGroupBuy:!1}),r.buyingGroup&&t.push({listPrice:Number(r.listPrice),salePrice:Number(r.buyingGroup.salePrice),variantId:r.id,isGroupBuy:!0}),t),[]),r=t.reduce((e,t)=>e.salePrice>t.salePrice?t:e),l=t.length>1&&t.some(e=>e.salePrice>r.salePrice);return{listPrice:r.listPrice,salePrice:r.salePrice,isGroupBuy:r.isGroupBuy,variantId:r.variantId,hasHigherSalePrice:l}})(),q=A.filter(e=>null===e.availableQty||e.availableQty>0)[0],z=M&&(Y||!!q),B=null!==P,G=B?(0,l.Y)(x.A,{variant:"plan"===P?"filled":"outlined",color:"primary",size:"lg",fullWidth:!0,className:"min-w-0 px-300"}):null;return(0,l.Y)(l.FK,{children:(0,l.FD)("div",{className:(0,n.Q)("flex w-full items-center gap-300 overflow-hidden bg-white/90 px-layout-container-padding-x py-300 relative backdrop-blur-[5px]",(0,o.Al)()?"":"py-[23px] pr-[78px]","z-50",t),children:[M&&O&&(0,l.FD)("div",{role:"button",className:(0,n.Q)("flex shrink-0 cursor-pointer flex-col items-center justify-center whitespace-nowrap break-keep",r&&"gap-050 pt-100"),onClick:()=>{(0,s.Gr)({type:"prices"}),T({selectedVariantId:q.id})},children:[O.listPrice>O.salePrice&&(0,l.Y)("span",{className:"text-label-m text-content-secondary line-through",children:(0,i.u)(O.listPrice)}),(0,l.FD)("span",{className:r?"text-heading-xs font-bold text-content-brand":"text-heading-s text-content-brand",children:[(0,i.u)(O.salePrice)," ",v?D("subscription.unit_month"):O.hasHigherSalePrice&&D("crowdin:product-detail-page.mobile-footer.price-starting-from")]})]}),(0,l.Y)("div",{className:"flex flex-1 items-center gap-200 min-h-px min-w-px",children:$?F?(0,l.Y)("div",{className:(0,n.Q)("flex w-full items-center justify-center min-h-1000"),children:(0,l.Y)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,l.Y)(k.A,{size:30})})}):E?(0,l.Y)(x.A,{color:"primary",size:"lg",fullWidth:!0}):v?L?(0,l.Y)(u.A,{enrolmentArchived:!!(null==C?void 0:C.data.meta.enrolmentArchived),productId:S,salePrice:+R,color:"primary",size:"lg",fullWidth:!0}):null:(0,l.Y)(N,{materialId:S}):(0,l.FD)(l.FK,{children:["trial"===P&&G,!Y&&L&&"trial"!==P&&(0,l.Y)(u.A,{enrolmentArchived:!!(null==C?void 0:C.data.meta.enrolmentArchived),productId:S,salePrice:+R,variant:"outlined",color:"primary",size:"lg",fullWidth:!B,className:B?"shrink-0":void 0}),z&&"plan"!==P&&(0,l.Y)(p.$n,{color:"primary",size:"lg",fullWidth:!B,className:B?"shrink-0":void 0,onClick:()=>{Y?_():(T({selectedVariantId:q.id}),(0,s.Gr)({type:"check_variants"}))},children:D(Y?"crowdin:wu-components.add-to-cart":"crowdin:product-detail-page.mobile-footer.purchase")}),"plan"===P&&G]})})]})})}},68071:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});let l=e=>/<\/?[a-z][\s\S]*>/i.test(e)},68788:(e,t,r)=>{"use strict";r.d(t,{NT:()=>s,_2:()=>p,bY:()=>u,dB:()=>c,kY:()=>d,nl:()=>f,tX:()=>m});
1var l=r(93129),a=r(12383),n=r(65156),i=r(66092);let o="Asia/Taipei",s=[{value:"Asia/Taipei",label:"å°å GMT+08:00"},{value:"Asia/Tokyo",label:"æ±äº¬ GMT+09:00"},{value:"Asia/Seoul",label:"é¦ç¾ GMT+09:00"},{value:"Asia/Shanghai",label:"ä¸æµ· GMT+08:00"},{value:"Asia/Hong_Kong",label:"é¦æ¸¯ GMT+08:00"},{value:"Asia/Singapore",label:"æ°å å¡ GMT+08:00"},{value:"Asia/Bangkok",label:"æ¼è°· GMT+07:00"},{value:"Asia/Kolkata",label:"å°åº¦ GMT+05:30"},{value:"Asia/Dubai",label:"ææ GMT+04:00"},{value:"Europe/London",label:"å«æ¦ GMT+00:00"},{value:"Europe/Paris",label:"å·´é» GMT+01:00"},{value:"Europe/Berlin",label:"ææ GMT+01:00"},{value:"America/New_York",label:"ç´ç´ GMT-05:00"},{value:"America/Chicago",label:"èå å¥ GMT-06:00"},{value:"America/Los_Angeles",label:"æ´æ磯 GMT-08:00"},{value:"America/Vancouver",label:"溫å¥è¯ GMT-08:00"},{value:"Australia/Sydney",label:"éªæ¢¨ GMT+11:00"},{value:"Pacific/Auckland",label:"奧å
è GMT+13:00"}],c=()=>{try{return Intl.DateTimeFormat().resolvedOptions().timeZone||o}catch{return o}},d=(e,t)=>{let r={};for(let a of e){let e=(0,n.L_)(new Date(a.startsAt),t),i=(0,l.GP)(e,"yyyy-MM-dd");r[i]||(r[i]=[]),r[i].push(a)}for(let e of Object.keys(r))r[e].sort((e,t)=>new Date(e.startsAt).getTime()-new Date(t.startsAt).getTime());return r},u=(e,t)=>(0,n.qD)(new Date(e),t,"HH:mm"),p=e=>Array.from({length:7},(t,r)=>(0,a.f)(e,r)),m=(e,t)=>`${(0,l.GP)(e,"yyyy/MM/dd")} â ${(0,l.GP)(t,"yyyy/MM/dd")}`,f=e=>({dayName:(0,l.GP)(e,"EEEEE",{locale:i.G}),dateNum:(0,l.GP)(e,"d")})},70183:(e,t,r)=>{"use strict";r.d(t,{A:()=>u});var l=r(2860),a=r(49007),n=r(33481),i=r(40427),o=r(98986),s=r(55729),c=r(68106);let d=e=>{let{value:t,timeFormat:r}=e;return(0,l.FD)("div",{className:"flex items-center gap-1",children:[(0,l.Y)("div",{className:"text-fixed-content-brand text-base font-medium leading-[28px] tracking-[0.08px]",children:t}),(0,l.Y)("div",{className:"text-fixed-content-primary leading-[21px] tracking-[0.06px]",children:r})]})},u=e=>{let{onEnd:t,targetDate:r}=e,{t:u}=(0,o.Bd)(),{duration:p=(0,l.Y)("div",{className:"h-3/4 min-w-[190px] animate-pulse rounded-full bg-gray-100"}),startTimer:m}=(0,c.L4)({renderDuration:e=>{let{days:t,hours:r,minutes:a,seconds:n}=e.getTimeValues();return(0,l.FD)("div",{className:"animate-fade-in flex items-center gap-3",children:[(0,l.Y)(d,{value:(0,i.A)(String(t),2,"0"),timeFormat:u("crowdin:common.unit.days.short")}),(0,l.Y)(d,{value:(0,i.A)(String(r),2,"0"),timeFormat:u("crowdin:common.unit.hours.short")}),(0,l.Y)(d,{value:(0,i.A)(String(a),2,"0"),timeFormat:u("crowdin:common.unit.minutes.short")}),(0,l.Y)(d,{value:(0,i.A)(String(n),2,"0"),timeFormat:u("crowdin:common.unit.seconds.short")})]})}});(0,s.useEffect)(()=>{m((0,a.O)(new Date(r),new Date),t)},[r]);let f=new Date,h=new Date(r);return(0,n.d)(f,h)||(null==h?void 0:h.getFullYear())>=9e3?null:p}},70502:(e,t,r)=>{"use strict";r.d(t,{uG:()=>o,zG:()=>d});var l=r(55729),a=r(81136),n=r(81278),i=r(53186);let o="preview-video",s=(0,i.eU)(!1),c=(e,t)=>!Number.isFinite(e)||t<=0||e<0?-1:Math.min(e,t-1),d=e=>{let t=(0,n.useRouter)(),[r,d]=(0,i.fp)(s),[u,p]=(0,a.ZA)(o,a.GJ.withOptions({history:"push"})),m=((e,t)=>null==e?-1:c(e-1,t))(u,e),f=(0,l.useCallback)(t=>{let r=c(t,e);r<0||(d(!0),p(r+1))},[e,d,p]);return{activeIndex:m,openAt:f,setActive:(0,l.useCallback)(t=>{let r=c(t,e);r<0||p(r+1,{history:"replace"})},[e,p]),close:(0,l.useCallback)(async()=>{await p(null,{history:"replace"}),r&&(d(!1),t.back())},[t,p,r,d])}}},77304:(e,t,r)=>{"use strict";r.d(t,{M:()=>s});var l=r(57165),a=r(85486),n=r(21041),i=r(31430);let o=[],s=e=>{let t=(0,a.XZ)(e),{data:r}=(0,l.Ay)(t?["video-asset-subtitles",t.videoAssetId,t.productId,t.orgId,t.materialId]:null,async()=>{if(!t)return o;let e=await (e=>{let{videoAssetId:t,productId:r,orgId:l,materialId:a}=e,n=new URLSearchParams({video_asset_id:t});return r&&n.set("product_id",r),l&&n.set("org_id",l),a&&n.set("material_id",a),(0,i.c)({url:`/v1/subtitles?${n.toString()}`,method:"GET"})})(t);return(0,n.Ky)(e.data.data.map(e=>{let{attributes:t}=e;return t}))});return r??o}},80014:(e,t,r)=>{"use strict";var l=r(85511);window.Hls=l.Ay},80918:(e,t,r)=>{"use strict";r.d(t,{A:()=>u});var l=r(2860),a=r(98986),n=r(55729),i=r(41090),o=r(77903),s=r(96848),c=r(16448),d=r(23261);let u=e=>{let{t}=(0,a.Bd)(),{isLoggedIn:u,openAuthModal:p}=(0,s.As)(),{startLoading:m,stopLoading:f}=(0,d.A)(),{productId:h,salePrice:b,enrolmentArchived:g,...v}=e,x=(0,n.useCallback)(()=>{(0,c.ru)({productId:h,onSuccess:()=>{Promise.resolve().then(r.bind(r,32678)).then(e=>{e.default.ec.receiveTrial({productId:h})}),Promise.resolve().then(r.bind(r,74395)).then(e=>{e.default.internal.trackSingle("StartTrial",{content_type:"product",content_ids:[h],currency:"TWD",contents:[{id:h,quantity:1}]})})},onRequest:()=>{m(),Promise.resolve().then(r.bind(r,32678)).then(e=>{e.default.ec.requestTrial({productId:h})}),Promise.resolve().then(r.bind(r,74395)).then(e=>{e.default.internal.trackSingle("RequestTrial",{content_type:"product",content_ids:[h],currency:"TWD",contents:[{id:h,quantity:1}]})}),Promise.resolve().then(r.bind(r,42874)).then(e=>{let{sendDcardAdsStartTrialEvent:t}=e;t({payload:{currency:"NTD",predictedLtv:b,value:b}})})},onFinish:f})},[h,m,f]),y=(0,n.useMemo)(()=>g?t("common.restore_material"):(0,o.A)(t("crowdin:product-detail-page.wording-control-ids.free-down-btn"),[]).includes(h)?t("crowdin:common.free-download"):t("crowdin:common.trial"),[g,t]);return(0,l.Y)(i.$n,{...v,onClick:()=>{u?x():p({layout:"sign-in",onSuccess:x})},children:y})}},81645:(e,t,r)=>{"use strict";r.d(t,{f:()=>p});var l={};r.r(l),r.d(l,{Expand:()=>d,ShowMore:()=>u});var a=r(2860),n=r(84660),i=r(98986),o=r(55729),s=r(5325),c=r(47126);let d=e=>{let{t,toggleExpand:r,isExpanded:l}=e,n=(0,o.useMemo)(()=>l?(0,a.Y)(c.I,{type:"keyboard_arrow_up",className:"m-0"}):(0,a.Y)(c.I,{type:"keyboard_arrow_down",className:"m-0"}),[l]);return(0,a.FD)(s.$,{onClick:r,className:"hover:bg-grayscale-50 flex items-center gap-2 rounded px-2 py-[6px]",children:[t(l?"common.collapse":"common.expand")," ",n]})},u=e=>{let{t,toggleExpand:r,isExpanded:l}=e;return(0,a.FD)(s.$,{className:(0,n.Q)("flex items-center justify-center","text-sm text-white","h-10 rounded-[20px] px-5 py-[7.5px]","bg-gradient-from-t from-wu-blue-500 bg-linear-to-r to-purple-300"),onClick:r,children:[(0,a.Y)(c.I,{type:"auto_awesome",style:{marginRight:"4px"}}),t(l?"common.collapse":"common.show_more_content")]})},p=e=>{let{children:t,defaultOpen:r=!1,minHeight:s="500px",bg:c,onExpandToggle:d,sendEvent:u,displayedBtn:p="Expand",className:m,shouldHideScrollbar:f=!1,as:h="div"}=e,{t:b}=(0,i.Bd)(),[g,v]=(0,o.useState)(r),x=(0,o.useCallback)(()=>{g||"function"!=typeof u||u(),v(e=>("function"==typeof d&&d(!e),!e))},[g,d,u]),y=(0,o.useMemo)(()=>{let e=l[p];return(0,a.Y)(e,{t:b,toggleExpand:x,isExpanded:g})},[p,g,x,b]);return(0,o.useEffect)(()=>{v(r)},[r]),(0,a.FD)(h,{className:(0,n.Q)("flex flex-col",m),children:[(0,a.FD)("div",{className:(0,n.Q)("relative flex flex-col overflow-x-hidden",g?"h-auto overflow-y-visible":`h-${s} overflow-y-hidden`,c?`bg-${c}`:"",f?"hide-scrollbar":""),style:{maxHeight:g?"unset":s},children:["function"==typeof t?t(x):t,!g&&(0,a.Y)("div",{className:"to-grayscale-000 pointer-events-none absolute bottom-0 left-0 right-0 block h-[100px] w-full bg-linear-to-b from-transparent"})]}),!g&&(0,a.Y)("div",{className:"relative mt-4 flex items-center justify-center",children:y})]})}},83497:(e,t,r)=>{"use strict";r.d(t,{A:()=>ex});var l=r(2860),a=r(55729),n=r(16619),i=r.n(n),o=r(98986),s=r(84660),c=r(44883);r(80014);var d=r(76049);let u=[{key:.5,text:"0.5x",value:.5},{key:.8,text:"0.8x",value:.8},{key:1,text:"1.0x",value:1},{key:1.2,text:"1.2x",value:1.2},{key:1.5,text:"1.5x",value:1.5},{key:2,text:"2.0x",value:2}].map(e=>({label:e.text,value:e.value})),p="bottom-[calc(1.37cqw+clamp(36px,4.32cqw,63px)+clamp(12px,2.33cqw,34px)+12px)]",m=(e,t,r)=>
1Math.min(Math.max(e,t),r),f=e=>("subtitles"===e.kind||"captions"===e.kind)&&!!(e.language&&e.language.trim()||e.label&&e.label.trim()),h=e=>Array.from(e.textTracks??[]).filter(f),b=e=>{if(!Number.isFinite(e)||e<0)return"0:00";let t=Math.floor(e),r=Math.floor(t/3600),l=Math.floor(t%3600/60),a=String(t%60).padStart(2,"0");return r>0?`${r}:${String(l).padStart(2,"0")}:${a}`:`${l}:${a}`},g=e=>{let{playerRef:t,seconds:r}=e;(null==t?void 0:t.current)&&t.current.seekTo(0===r?.001:r,"seconds")};var v=r(87883);let x=e=>{let{playerBtnClassName:t}=e;return(0,l.Y)("button",{type:"button",className:(0,s.Q)("bg-background-brand relative flex cursor-pointer size-[clamp(43px,11.3cqw,165px)] items-center justify-center rounded-full text-white shadow-lg transition-all duration-150 hover:scale-105",t),children:(0,l.Y)(v.A,{"aria-hidden":!0,className:"ml-[4%] size-[40%] fill-current"})})};var y=r(49538),w=r(81199),k=r(83005),N=r(20914),Y=r(10389),_=r(76552),A=r(69706),C=r(14318),D=r(97472),T=r(5783),I=r(2893),F=r(33403),E=r(41090);let P={playing:!1,currentTime:0,duration:0,bufferedEnd:0,volume:1,muted:!1,isPip:!1,subtitleTracks:[],activeSubtitleLanguage:null},S=["play","pause","ended","timeupdate","durationchange","loadedmetadata","progress","volumechange","seeking","seeked","enterpictureinpicture","leavepictureinpicture","webkitpresentationmodechanged"],M={compact:!1,requiredWidth:null},L=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],[l,n]=(0,a.useState)(M);return(0,a.useEffect)(()=>{let r=e.current,l=t.current;if(!r||!l)return;let a=()=>n(e=>((e,t)=>{let{scrollWidth:r,clientWidth:l}=t;return 0===l?e:e.compact?null!==e.requiredWidth&&l>=e.requiredWidth?{compact:!1,requiredWidth:null}:e:r>l+1?{compact:!0,requiredWidth:r}:e})(e,{scrollWidth:l.scrollWidth,clientWidth:l.clientWidth}));if(a(),"undefined"==typeof ResizeObserver)return;let i=new ResizeObserver(a);return i.observe(r),()=>i.disconnect()},[e,t,...r]),l.compact},R=(0,a.memo)(e=>{let{video:t,subtitleTracks:r,barVisible:n,fullscreen:i}=e,[o,c]=(0,a.useState)([]);return((0,a.useEffect)(()=>{var e;if(!t)return;let r=()=>{c(h(t).filter(e=>"disabled"!==e.mode).flatMap(e=>Array.from(e.activeCues??[])).map(e=>(e.text??"").replace(/<[^>]*>/g,"")).filter(Boolean))};r();let l=Array.from(t.textTracks??[]);l.forEach(e=>e.addEventListener("cuechange",r));let a=t.textTracks;return null==a||null==(e=a.addEventListener)||e.call(a,"change",r),t.addEventListener("seeked",r),()=>{var e;l.forEach(e=>e.removeEventListener("cuechange",r)),null==a||null==(e=a.removeEventListener)||e.call(a,"change",r),t.removeEventListener("seeked",r)}},[t,r]),0===o.length)?null:(0,l.Y)("div",{"data-testid":"player-captions",className:(0,s.Q)("pointer-events-none absolute inset-x-0 flex flex-col items-center gap-1 px-4 text-center transition-all duration-200",n?p:"bottom-2"),children:o.map((e,t)=>(0,l.Y)("span",{className:(0,s.Q)("whitespace-pre-line rounded bg-black/75 px-[0.5em] py-[0.15em] leading-snug text-white",i?"text-[clamp(18px,min(3.2vh,1.8vw),32px)]":"text-[max(14px,2.5cqw)]"),children:e},t))})});var $=r(55259),O=r(53662),q=r(49279);let z=e=>{let{viewKey:t,children:r}=e,[n,i]=(0,a.useState)(!0),o=(0,a.useRef)(!0);return(0,a.useEffect)(()=>{if(o.current){o.current=!1;return}i(!1);let e=0,t=requestAnimationFrame(()=>{e=requestAnimationFrame(()=>i(!0))});return()=>{cancelAnimationFrame(t),cancelAnimationFrame(e)}},[t]),(0,l.Y)("div",{className:(0,s.Q)("transition-[opacity,transform] duration-150 ease-out motion-reduce:transition-none",n?"translate-y-0 opacity-100":"translate-y-1 opacity-0"),children:r})},B=e=>{let{open:t,onClose:r,anchorRef:n,children:i}=e,o=(0,a.useRef)(null),{mounted:c,shown:d}=(e=>{let[t,r]=(0,a.useState)(e),[l,n]=(0,a.useState)(e);return(0,a.useEffect)(()=>{if(e){r(!0);let e=0,t=requestAnimationFrame(()=>{e=requestAnimationFrame(()=>n(!0))});return()=>{cancelAnimationFrame(t),cancelAnimationFrame(e)}}n(!1);let t=setTimeout(()=>r(!1),150);return()=>clearTimeout(t)},[e]),{mounted:t,shown:l}})(t);return((0,a.useEffect)(()=>{if(!t)return;let e=e=>{"Escape"===e.key&&(e.stopPropagation(),r())},l=e=>{var t,l;let a=e.target;(null==(t=n.current)?void 0:t.contains(a))||(null==(l=o.current)?void 0:l.contains(a))||r()};return window.addEventListener("keydown",e),window.addEventListener("mousedown",l),window.addEventListener("touchstart",l),()=>{window.removeEventListener("keydown",e),window.removeEventListener("mousedown",l),window.removeEventListener("touchstart",l)}},[t,r,n]),c)?(0,l.FD)(l.FK,{children:[(0,l.Y)("div",{"aria-hidden":!0,"data-testid":"player-settings-backdrop",onClick:r,className:(0,s.Q)("pointer-events-auto absolute inset-0 hidden bg-black/30 transition-opacity duration-150 motion-reduce:transition-none @max-md:block",d?"opacity-100":"opacity-0")}),(0,l.Y)("div",{ref:o,role:"menu",className:(0,s.Q)("pointer-events-auto absolute right-[1.6cqw] max-h-[70%] w-max min-w-[240px] overflow-y-auto rounded-2xl bg-black/50 p-1.5 backdrop-blur-md @max-md:inset-x-0 @max-md:bottom-0 @max-md:top-auto @max-md:w-full @max-md:min-w-0 @max-md:rounded-b-none @max-md:rounded-t-2xl",p,"origin-bottom-right transition-[opacity,transform] duration-150 ease-out motion-reduce:transition-none",d&&"translate-y-0 scale-100 opacity-100",!d&&(t?"translate-y-1.5 scale-95 opacity-0 @max-md:translate-y-4 @max-md:scale-100":"scale-[0.98] opacity-0 @max-md:translate-y-4 @max-md:scale-100")),children:i})]}):null},G=e=>{let{label:t,options:r,selected:a,onSelect:n,onBack:i,backLabel:o}=e;return(0,l.FD)("div",{role:"group","aria-label":t,children:[i?(0,l.FD)("button",{type:"button","aria-label":o,onClick:i,className:"mb-1 flex w-full cursor-pointer items-center gap-2 rounded-xl px-4 py-3 text-left text-sm font-medium text-white hover:bg-[#FFFDF9]/20",children:[(0,l.Y)(O.A,{"aria-hidden":!0,
1className:"size-4 shrink-0"}),t]}):(0,l.Y)("div",{className:"px-4 py-2 text-sm font-medium text-white/60",children:t}),r.map(e=>(0,l.FD)("button",{type:"button",role:"menuitemradio","aria-checked":a===e.value,onClick:()=>n(e.value),className:"flex w-full cursor-pointer items-center gap-2 rounded-xl px-4 py-2.5 text-left text-sm text-white hover:bg-[#FFFDF9]/20",children:[(0,l.Y)(q.A,{"aria-hidden":!0,className:(0,s.Q)("size-4 shrink-0",a!==e.value&&"invisible")}),e.label]},String(e.value)))]})},U=(e,t,r)=>[{label:r,value:null},...e.map(e=>({label:((e,t)=>{let r=e.label.trim();if(r&&r.toLowerCase()!==e.language.trim().toLowerCase())return r;let l=e.language.trim()||r;if(!l)return e.label;try{return new Intl.DisplayNames([t],{type:"language"}).of(l)??l}catch{return l}})(e,t),value:e.language}))],j=e=>{let{label:t,value:r,onClick:a}=e;return(0,l.FD)("button",{type:"button",role:"menuitem",onClick:a,className:"flex w-full cursor-pointer items-center justify-between gap-4 rounded-xl px-4 py-3 text-left text-sm text-white hover:bg-[#FFFDF9]/20",children:[t,(0,l.FD)("span",{className:"flex items-center gap-1.5 text-white/90",children:[r,(0,l.Y)($.A,{"aria-hidden":!0,className:"size-4 shrink-0 text-white/50"})]})]})},Q=(0,a.memo)(e=>{var t,r,n;let{open:i,onClose:s,anchorRef:c,playbackRate:d,rateOptions:u,onRateChange:p,quality:m=-1,qualityOptions:f,onQualityChange:h,compact:b=!1,subtitleTracks:g=[],activeSubtitleLanguage:v=null,onSelectSubtitle:x,pipSupported:y=!1,isPip:w=!1,onTogglePip:k}=e,{t:N,i18n:Y}=(0,o.Bd)(),[_,A]=(0,a.useState)("root");(0,a.useEffect)(()=>{i&&A("root")},[i]);let C=!!(null==f?void 0:f.length)&&!!h,D=null==f||null==(t=f.find(e=>e.value===m))?void 0:t.label,I=(null==(r=u.find(e=>e.value===d))?void 0:r.label)??`${d}x`,F=U(g,(null==Y?void 0:Y.language)||"zh-TW",N("video_player.subtitles_off","éé")),E=b&&g.length>0&&!!x,P=b&&y&&!!k,S=null==(n=F.find(e=>e.value===v))?void 0:n.label;return(0,l.Y)(B,{open:i,onClose:s,anchorRef:c,children:(0,l.FD)(z,{viewKey:_,children:["root"===_&&(0,l.FD)(l.FK,{children:[E&&(0,l.Y)(j,{label:N("video_player.subtitles","åå¹"),value:S,onClick:()=>A("subtitles")}),P&&(0,l.FD)("button",{type:"button",role:"menuitem",onClick:()=>{null==k||k(),s()},className:"flex w-full cursor-pointer items-center justify-between gap-4 rounded-xl px-4 py-3 text-left text-sm text-white hover:bg-[#FFFDF9]/20",children:[w?N("video_player.exit_pip","çµæåæ¯ç«é¢"):N("video_player.pip","åæ¯ç«é¢"),(0,l.Y)(T.A,{"aria-hidden":!0,className:"size-4 shrink-0 text-white/50"})]}),C&&(0,l.Y)(j,{label:N("video_player.quality","ç«è³ª"),value:D,onClick:()=>A("quality")}),(0,l.Y)(j,{label:N("video_player.playback_rate","ææ¾é度"),value:I,onClick:()=>A("rate")})]}),"subtitles"===_&&E&&(0,l.Y)(G,{label:N("video_player.subtitles","åå¹"),backLabel:N("video_player.back","è¿å"),options:F,selected:v,onSelect:e=>{null==x||x(e),A("root")},onBack:()=>A("root")}),"quality"===_&&C&&(0,l.Y)(G,{label:N("video_player.quality","ç«è³ª"),backLabel:N("video_player.back","è¿å"),options:f,selected:m,onSelect:e=>{h(e),A("root")},onBack:()=>A("root")}),"rate"===_&&(0,l.Y)(G,{label:N("video_player.playback_rate","ææ¾é度"),backLabel:N("video_player.back","è¿å"),options:u,selected:d,onSelect:e=>{p(e),A("root")},onBack:()=>A("root")})]})})}),V=(0,a.memo)(e=>{let{open:t,onClose:r,anchorRef:a,tracks:n,activeLanguage:i,onSelect:s}=e,{t:c,i18n:d}=(0,o.Bd)(),u=U(n,(null==d?void 0:d.language)||"zh-TW",c("video_player.subtitles_off","éé"));return(0,l.Y)(B,{open:t,onClose:r,anchorRef:a,children:(0,l.Y)(G,{label:c("video_player.subtitles","åå¹"),options:u,selected:i,onSelect:e=>{s(e),r()}})})}),W="size-[clamp(36px,4.32cqw,63px)]",H="h-[clamp(36px,4.32cqw,63px)]",K="size-[clamp(20px,2.2cqw,32px)]",J=e=>{let{value:t,max:r,step:n,ariaLabel:i,ariaValueText:o,onScrub:c,onScrubStart:d,onScrubEnd:u,bufferedEnd:p=0,accentClassName:f="bg-background-brand",className:h,trackClassName:b="h-1 transition-[height] duration-150 group-hover/slider:h-1.5 group-focus-visible/slider:h-1.5",thumbClassName:g="size-3 opacity-0 transition-opacity duration-150 group-hover/slider:opacity-100 group-focus-visible/slider:opacity-100"}=e,v=(0,a.useRef)(null),x=(0,a.useRef)(!1);(0,a.useEffect)(()=>{let e=v.current;if(!e)return;let t=e=>{x.current&&e.preventDefault()};return e.addEventListener("touchmove",t,{passive:!1}),()=>e.removeEventListener("touchmove",t)},[]);let y=e=>{var t;let l=null==(t=v.current)?void 0:t.getBoundingClientRect();return l&&0!==l.width?m((e-l.left)/l.width,0,1)*r:0},w=e=>{var t,r;x.current&&(x.current=!1,null==(r=v.current)||null==(t=r.releasePointerCapture)||t.call(r,e.pointerId),null==u||u())},k=r>0?m(t/r,0,1):0,N=r>0?m(p/r,0,1):0;return(0,l.FD)("div",{ref:v,role:"slider",tabIndex:0,"aria-label":i,"aria-valuemin":0,"aria-valuemax":Math.round(100*r)/100,"aria-valuenow":Math.round(100*t)/100,"aria-valuetext":o,"aria-orientation":"horizontal",onPointerDown:e=>{var t,l;r<=0||(e.preventDefault(),x.current=!0,null==(l=v.current)||null==(t=l.setPointerCapture)||t.call(l,e.pointerId),null==d||d(),c(y(e.clientX)))},onPointerMove:e=>{x.current&&c(y(e.clientX))},onPointerUp:w,onPointerCancel:w,onKeyDown:e=>{if(r<=0)return;let l=null;"ArrowRight"===e.key||"ArrowUp"===e.key?l=m(t+n,0,r):"ArrowLeft"===e.key||"ArrowDown"===e.key?l=m(t-n,0,r):"Home"===e.key?l=0:"End"===e.key&&(l=r),null!==l&&(e.preventDefault(),c(l))}
1,className:(0,s.Q)("group/slider relative flex h-4 cursor-pointer touch-none items-center focus-visible:outline-none",h),children:[(0,l.FD)("div",{className:(0,s.Q)("relative w-full overflow-hidden rounded-full bg-white/30",b),children:[N>0&&(0,l.Y)("div",{"data-testid":"player-slider-buffered",className:"absolute inset-y-0 left-0 bg-white/40",style:{width:`${100*N}%`}}),(0,l.Y)("div",{"data-testid":"player-slider-fill",className:(0,s.Q)("absolute inset-y-0 left-0",f),style:{width:`${100*k}%`}})]}),(0,l.Y)("div",{"aria-hidden":!0,className:(0,s.Q)("pointer-events-none absolute -translate-x-1/2 rounded-full",g,f),style:{left:`${100*k}%`}})]})},X=(0,a.forwardRef)(function(e,t){let{label:r,children:a,className:n,shortcut:i,tooltipAlign:o="center",...c}=e;return(0,l.FD)(E.K0,{ref:t,hierarchy:"tertiary",scheme:"neutral",size:"md","aria-label":r,className:(0,s.Q)("group/btn relative cursor-pointer h-[clamp(32px,3.63cqw,53px)] w-[clamp(40px,4.52cqw,66px)] shrink-0 rounded-full p-0 text-white hover:bg-[#FFFDF9]/20 active:bg-[#FFFDF9]/20 focus-visible:ring-white/70 focus-visible:ring-offset-0",n),...c,children:[a,(0,l.FD)("span",{"aria-hidden":!0,className:(0,s.Q)("pointer-events-none absolute bottom-[calc(100%+0.35cqw+clamp(12px,2.33cqw,34px)+12px)] z-30 flex items-center gap-1.5 whitespace-nowrap rounded-lg bg-black/50 px-2.5 py-1.5 text-xs font-medium text-white opacity-0 backdrop-blur-md transition-opacity duration-100 group-hover/btn:opacity-100 group-hover/btn:delay-300 group-aria-expanded/btn:hidden motion-reduce:transition-none","end"===o&&"right-0","start"===o&&"left-0","center"===o&&"left-1/2 -translate-x-1/2"),children:[r,i&&(0,l.Y)("kbd",{className:"rounded border border-white/40 px-1 font-sans text-[10px] leading-4",children:i})]})]})}),Z=(0,a.memo)(e=>{let{getVideoEl:t,readySignal:r,containerRef:n,playbackRate:i,rateOptions:c,onRateChange:d,quality:u=-1,qualityOptions:p,onQualityChange:f,loop:g=!1,onLoopChange:x}=e,{t:E}=(0,o.Bd)(),{video:M,playing:$,currentTime:O,duration:q,bufferedEnd:z,volume:B,muted:G,isPip:U,subtitleTracks:j,activeSubtitleLanguage:Z}=(e=>{let{getVideoEl:t,readySignal:r}=e,[l,n]=(0,a.useState)(null),[i,o]=(0,a.useState)(P);return(0,a.useEffect)(()=>{let e=t();if(e)return void n(e);let r=0,l=setInterval(()=>{let e=t();(e||++r>=50)&&(e&&n(e),clearInterval(l))},100);return()=>clearInterval(l)},[t,r]),(0,a.useEffect)(()=>{var e,t,r;if(!l)return;let a=()=>o((e=>{var t;let r=e.buffered,l=h(e),a="undefined"!=typeof document?document.pictureInPictureElement:null,n=e.webkitPresentationMode;return{playing:!e.paused&&!e.ended,currentTime:e.currentTime,duration:Number.isFinite(e.duration)?e.duration:0,bufferedEnd:r&&r.length>0?r.end(r.length-1):0,volume:e.volume,muted:e.muted,isPip:a===e||"picture-in-picture"===n,subtitleTracks:l.map(e=>({label:e.label||e.language,language:e.language})),activeSubtitleLanguage:(null==(t=l.find(e=>"disabled"!==e.mode))?void 0:t.language)??null}})(l));a(),S.forEach(e=>l.addEventListener(e,a));let n=l.textTracks;return null==n||null==(e=n.addEventListener)||e.call(n,"change",a),null==n||null==(t=n.addEventListener)||t.call(n,"addtrack",a),null==n||null==(r=n.addEventListener)||r.call(n,"removetrack",a),()=>{var e,t,r;S.forEach(e=>l.removeEventListener(e,a)),null==n||null==(e=n.removeEventListener)||e.call(n,"change",a),null==n||null==(t=n.removeEventListener)||t.call(n,"addtrack",a),null==n||null==(r=n.removeEventListener)||r.call(n,"removetrack",a)}},[l]),{video:l,...i}})({getVideoEl:t,readySignal:r}),[ee,et]=(0,a.useState)(!1),[er,el]=(0,a.useState)(!1),[ea,en]=(0,a.useState)(!1),[ei,eo]=(0,a.useState)(0),[es,ec]=(0,a.useState)(!1),[ed,eu]=(0,a.useState)(!1),[ep,em]=(0,a.useState)(!1),[ef,eh]=(0,a.useState)(null),eb=(0,a.useRef)(null),[eg,ev]=(0,a.useState)(null),ex=(0,a.useRef)(null),ey=(0,a.useRef)(null),ew=(0,a.useRef)(null),ek=(0,a.useRef)(null),eN=(0,a.useRef)(null),eY=(0,a.useRef)(null),e_=(0,a.useRef)(!1),eA=(0,a.useRef)("mouse"),eC=(0,a.useRef)(null),eD=(0,a.useRef)(null),eT=(0,a.useRef)(!1),eI=(0,a.useCallback)(()=>{eu(!0),eY.current&&clearTimeout(eY.current),eY.current=setTimeout(()=>eu(!1),3e3)},[]);(0,a.useEffect)(()=>{let e=n.current;if(!e)return;let t=e=>{("touch"!==e.pointerType||e.target!==eN.current)&&eI()};return e.addEventListener("pointermove",t),e.addEventListener("pointerdown",t),e.addEventListener("keydown",t),e.addEventListener("focusin",t),()=>{e.removeEventListener("pointermove",t),e.removeEventListener("pointerdown",t),e.removeEventListener("keydown",t),e.removeEventListener("focusin",t),eY.current&&clearTimeout(eY.current)}},[n,eI]),(0,a.useEffect)(()=>()=>{eD.current&&clearTimeout(eD.current),eb.current&&clearTimeout(eb.current),ex.current&&clearTimeout(ex.current)},[]),(0,a.useEffect)(()=>{let e=()=>{let e=document;ec(!!(document.fullscreenElement??e.webkitFullscreenElement))};return document.addEventListener("fullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e)}},[]);let{selectLanguage:eF,toggle:eE}=(e=>((0,a.useEffect)(()=>{var t;if(!e)return;let r=!1,l=()=>
1{h(e).forEach(e=>{r?"hidden"===e.mode&&(e.mode="showing"):"showing"===e.mode&&(e.mode="hidden")})},a=()=>{r=!0,l()},n=()=>{r=!1,l()};l();let i=e.textTracks;return null==i||null==(t=i.addEventListener)||t.call(i,"change",l),e.addEventListener("webkitbeginfullscreen",a),e.addEventListener("webkitendfullscreen",n),()=>{var t;null==i||null==(t=i.removeEventListener)||t.call(i,"change",l),e.removeEventListener("webkitbeginfullscreen",a),e.removeEventListener("webkitendfullscreen",n)}},[e]),{selectLanguage:(0,a.useCallback)(t=>{e&&h(e).forEach(e=>{e.mode=null!==t&&e.language===t?"hidden":"disabled"})},[e]),toggle:(0,a.useCallback)(()=>{if(!e)return;let t=h(e);if(0===t.length)return;let r=t.some(e=>"disabled"!==e.mode);t.forEach((e,t)=>{e.mode=r||0!==t?"disabled":"hidden"})},[e])}))(M),eP=()=>{if(M)if(M.paused||M.ended){var e,t;null==(t=M.play())||null==(e=t.catch)||e.call(t,()=>{})}else M.pause()},eS=()=>{if(!M)return;let e=M.paused||M.ended;eP(),ev(t=>({playing:e,key:((null==t?void 0:t.key)??0)+1})),ex.current&&clearTimeout(ex.current),ex.current=setTimeout(()=>ev(null),600)},eM=(0,a.useCallback)(()=>{let e=document;if(document.fullscreenElement??e.webkitFullscreenElement){var t;document.exitFullscreen?document.exitFullscreen().catch(()=>{}):null==(t=e.webkitExitFullscreen)||t.call(e);return}let r=n.current;if(null==r?void 0:r.requestFullscreen)return void r.requestFullscreen().catch(()=>{});if(null==r?void 0:r.webkitRequestFullscreen)return void r.webkitRequestFullscreen();if((null==M?void 0:M.webkitEnterFullscreen)&&!1!==M.webkitSupportsFullscreen)try{M.webkitEnterFullscreen()}catch{}},[n,M]);(e=>{let{containerRef:t,video:r,rateOptions:l,playbackRate:n,onRateChange:i,toggleFullscreen:o,toggleCaptions:s}=e;(0,a.useEffect)(()=>{let e=t.current;if(!e||!r)return;let a=e=>{var t;if(e.metaKey||e.ctrlKey||e.altKey)return;let a=e.target;if((null==(t=a.getAttribute)?void 0:t.call(a,"role"))==="slider")return;let c="BUTTON"===a.tagName,d=e=>{r.currentTime=m(r.currentTime+e,0,r.duration||0)},u=e=>{r.currentTime=m(e,0,r.duration||0)},p=e=>{r.volume=m(r.volume+e,0,1),e>0&&(r.muted=!1)},f=()=>{var e,t;r.paused||r.ended?null==(t=r.play())||null==(e=t.catch)||e.call(t,()=>{}):r.pause()},h=e=>{let t=l.findIndex(e=>e.value===n),r=l[(-1===t?l.length-1:t)+e];r&&i(r.value)};if(/^[0-9]$/.test(e.key)){e.preventDefault(),u((r.duration||0)*Number(e.key)/10);return}switch(e.key){case" ":case"Enter":if(c)return;f();break;case"k":case"K":f();break;case"ArrowLeft":d(-5);break;case"ArrowRight":d(5);break;case"j":case"J":d(-10);break;case"l":case"L":d(10);break;case"ArrowUp":p(.05);break;case"ArrowDown":p(-.05);break;case"Home":u(0);break;case"End":u(r.duration||0);break;case"m":case"M":r.muted=!r.muted;break;case"c":case"C":s();break;case"f":case"F":o();break;case"<":h(-1);break;case">":h(1);break;default:return}e.preventDefault()};return e.addEventListener("keydown",a),()=>e.removeEventListener("keydown",a)},[t,r,l,n,i,o,s])})({containerRef:n,video:M,rateOptions:c,playbackRate:i,onRateChange:d,toggleFullscreen:eM,toggleCaptions:eE});let eL=(0,a.useMemo)(()=>!!M&&!M.disablePictureInPicture&&(!!document.pictureInPictureEnabled&&"function"==typeof M.requestPictureInPicture||"function"==typeof M.webkitSupportsPresentationMode&&M.webkitSupportsPresentationMode("picture-in-picture")),[M]),eR=L(n,ek,[j.length,eL]),e$=()=>{var e;if(M){if(document.pictureInPictureEnabled&&"function"==typeof M.requestPictureInPicture)return void(document.pictureInPictureElement===M?document.exitPictureInPicture().catch(()=>{}):M.requestPictureInPicture().catch(()=>{}));null==(e=M.webkitSetPresentationMode)||e.call(M,U?"inline":"picture-in-picture")}},eO=ea?ei:O,eq=ee||er,ez=!$||eq||ea||ed||ep;(0,a.useEffect)(()=>{e_.current=ez},[ez]);let eB=$?E("video_player.pause","æ«å"):E("video_player.play","ææ¾"),eG=G||0===B;return(0,l.FD)("div",{className:"pointer-events-none absolute inset-0 z-20","data-open":eq||void 0,children:[(0,l.Y)("button",{ref:eN,type:"button",tabIndex:-1,"aria-label":eB,onPointerDown:e=>{eA.current=e.pointerType,"touch"===e.pointerType&&(eT.current=e_.current)},onPointerUp:e=>{if("touch"!==e.pointerType)return;let t=e.currentTarget.getBoundingClientRect(),r=t.width?(e.clientX-t.left)/t.width:.5,l=r<.4?"left"
1:r>.6?"right":"center",a=Date.now(),n=eC.current;if(n&&"center"!==l&&n.side===l&&a-n.time<280){eD.current&&clearTimeout(eD.current),eD.current=null,eC.current=null,M&&(M.currentTime=m(M.currentTime+("left"===l?-5:5),0,M.duration||0),eh(e=>({side:l,seconds:e&&e.side===l?e.seconds+5:5,key:((null==e?void 0:e.key)??0)+1})),eb.current&&clearTimeout(eb.current),eb.current=setTimeout(()=>eh(null),700));return}eC.current={time:a,side:l};let i=eT.current;eD.current&&clearTimeout(eD.current),eD.current=setTimeout(()=>{eD.current=null,eC.current=null,"center"===l?eS():i?(eY.current&&clearTimeout(eY.current),eu(!1)):eI()},280)},onClick:()=>{"touch"!==eA.current&&eS()},onDoubleClick:()=>{"touch"!==eA.current&&eM()},"data-testid":"player-click-layer",className:"pointer-events-auto absolute inset-0 cursor-default appearance-none outline-none"}),ef&&(0,l.FD)("div",{"data-testid":"player-seek-flash",className:(0,s.Q)("pointer-events-none absolute inset-y-0 z-10 flex w-[35%] flex-col items-center justify-center gap-1 bg-white/15 text-white animate-[player-seek-flash_700ms_ease-out_both] motion-reduce:animate-none","left"===ef.side?"left-0 rounded-r-[100%]":"right-0 rounded-l-[100%]"),children:["left"===ef.side?(0,l.Y)(y.A,{"aria-hidden":!0,className:"size-8 fill-current"}):(0,l.Y)(w.A,{"aria-hidden":!0,className:"size-8 fill-current"}),(0,l.FD)("span",{className:"text-sm font-medium",children:[ef.seconds," ",E("video_player.seconds","ç§")]})]},ef.key),eg&&(0,l.Y)("div",{"data-testid":"player-play-flash",className:"pointer-events-none absolute inset-0 z-10 flex items-center justify-center",children:(0,l.Y)("div",{className:"flex size-16 items-center justify-center rounded-full bg-black/50 text-white animate-[player-play-flash_600ms_ease-out_both] motion-reduce:animate-none",children:eg.playing?(0,l.Y)(v.A,{"aria-hidden":!0,className:"ml-1 size-7 fill-current"}):(0,l.Y)(k.A,{"aria-hidden":!0,className:"size-7 fill-current"})})},eg.key),(0,l.Y)(R,{video:M,subtitleTracks:j,barVisible:ez,fullscreen:es}),(0,l.FD)("div",{"data-testid":"player-control-bar",onPointerEnter:()=>em(!0),onPointerLeave:()=>em(!1),className:(0,s.Q)("absolute inset-x-0 bottom-0 flex flex-col gap-1.5 px-[1.6cqw] pb-[1.37cqw] transition-opacity duration-300",ez?"pointer-events-auto opacity-100":"pointer-events-none opacity-0"),children:[(0,l.Y)(J,{value:eO,max:q,step:5,bufferedEnd:z,ariaLabel:E("video_player.progress","å½±çé²åº¦"),ariaValueText:`${b(eO)} / ${b(q)}`,onScrubStart:()=>{eo(O),en(!0)},onScrub:e=>{eo(e),M&&(M.currentTime=e)},onScrubEnd:()=>en(!1),className:"h-[clamp(12px,2.33cqw,34px)]",trackClassName:"h-[clamp(4px,0.55cqw,8px)]",thumbClassName:"size-3 transition-[width,height] duration-150 group-hover/slider:size-[clamp(12px,2.33cqw,34px)] group-focus-visible/slider:size-[clamp(12px,2.33cqw,34px)] pointer-coarse:size-[clamp(12px,2.33cqw,34px)]"}),(0,l.FD)("div",{ref:ek,className:"flex items-center justify-between gap-2",children:[(0,l.FD)("div",{className:"flex items-center gap-[clamp(8px,1.3cqw,19px)] @max-md:gap-0 @max-md:rounded-full @max-md:bg-black/50 @max-md:backdrop-blur-md",children:[(0,l.Y)(X,{label:eB,onClick:eP,shortcut:"K",tooltipAlign:"start",className:(0,s.Q)(W,"bg-black/50 backdrop-blur-md @max-md:bg-transparent @max-md:backdrop-blur-none"),children:$?(0,l.Y)(k.A,{className:K,fill:"currentColor"}):(0,l.Y)(v.A,{className:K,fill:"currentColor"})}),(0,l.FD)("div",{className:"group/volume flex items-center rounded-full bg-black/50 backdrop-blur-md @max-md:bg-transparent @max-md:backdrop-blur-none",children:[(0,l.Y)(X,{label:eG?E("video_player.unmute","åæ¶éé³"):E("video_player.mute","éé³"),onClick:()=>{M&&(M.muted=!M.muted)},shortcut:"M",className:W,children:eG?(0,l.Y)(N.A,{className:K}):B<.5?(0,l.Y)(Y.A,{className:K}):(0,l.Y)(_.A,{className:K})}),(0,l.Y)("div",{className:"w-0 overflow-hidden transition-[width] duration-200 pointer-coarse:hidden group-focus-within/volume:w-[96px] group-hover/volume:w-[96px] @max-md:hidden",children:(0,l.Y)(J,{value:eG?0:B,max:1,step:.1,ariaLabel:E("video_player.volume","é³é"),ariaValueText:`${Math.round((eG?0:B)*100)}%`,onScrub:e=>{M&&(M.volume=m(e,0,1),e>0&&M.muted&&(M.muted=!1))},accentClassName:"bg-white",className:"ml-2 mr-6 w-16"})})]}),(0,l.Y)("div",{className:(0,s.Q)(H,"flex items-center rounded-full bg-black/50 px-[clamp(10px,1.5cqw,22px)] backdrop-blur-md @max-md:bg-transparent @max-md:pl-2 @max-md:pr-3.5 @max-md:backdrop-blur-none"),children:(0,l.FD)("span",{className:"select-none whitespace-nowrap text-[clamp(12px,1.65cqw,24px)] font-medium tabular-nums text-white",children:[b(eO)," / ",b(q)]})})]}),(0,l.FD)("div",{className:(0,s.Q)(H,"flex items-center gap-[clamp(4px,0.8cqw,12px)] rounded-full bg-black/50 px-[clamp(6px,1.37cqw,20px)] backdrop-blur-md"),children:[!eR&&j.length>0&&(0,l.Y)(X,{ref:ew,label:E("video_player.subtitles","åå¹"),"aria-haspopup":"menu","aria-expanded":er,onClick:()=>{et(!1),el(e=>!e)},shortcut:"C",className:(0,s.Q)(null===Z&&"text-[#B5B5B5]",er&&"bg-[#FFFDF9]/20"),children:(0,l.Y)(A.A,{className:K})}),x&&(0,l.Y)(X,{label:E("video_player.loop","éè¤ææ¾"),"aria-pressed":g,onClick:()=>
1x(!g),className:(0,s.Q)(!g&&"text-[#B5B5B5]"),children:(0,l.Y)(C.A,{className:K})}),(0,l.Y)(X,{ref:ey,label:E("video_player.settings","ææ¾è¨å®"),"aria-haspopup":"menu","aria-expanded":ee,onClick:()=>{el(!1),et(e=>!e)},className:(0,s.Q)(ee&&"bg-[#FFFDF9]/20"),children:(0,l.Y)(D.A,{className:K})}),!eR&&eL&&(0,l.Y)(X,{label:U?E("video_player.exit_pip","çµæåæ¯ç«é¢"):E("video_player.pip","åæ¯ç«é¢"),onClick:e$,children:(0,l.Y)(T.A,{className:K})}),(0,l.Y)(X,{label:es?E("video_player.exit_fullscreen","çµæå
¨è¢å¹"):E("video_player.fullscreen","å
¨è¢å¹"),onClick:eM,shortcut:"F",tooltipAlign:"end",children:es?(0,l.Y)(I.A,{className:K}):(0,l.Y)(F.A,{className:K})})]})]})]}),(0,l.Y)(Q,{open:ee,onClose:()=>et(!1),anchorRef:ey,playbackRate:i,rateOptions:c,onRateChange:d,quality:u,qualityOptions:p,onQualityChange:f,compact:eR,subtitleTracks:j,activeSubtitleLanguage:Z,onSelectSubtitle:eF,pipSupported:eL,isPip:U,onTogglePip:e$}),!eR&&j.length>0&&(0,l.Y)(V,{open:er,onClose:()=>el(!1),anchorRef:ew,tracks:j,activeLanguage:Z,onSelect:eF})]})}),ee=e=>{let{email:t}=e,{t:r}=(0,o.Bd)(),[n,i]=(0,a.useState)(""),[s,c]=(0,a.useState)(14),d=(0,a.useRef)(null);(0,a.useEffect)(()=>{i(new Date().toLocaleDateString("zh-TW"))},[]),(0,a.useEffect)(()=>{let e=()=>{d.current&&c(Math.max(16,Math.min(32,d.current.offsetWidth/25)))};e(),window.addEventListener("resize",e);let t=new ResizeObserver(e);return d.current&&t.observe(d.current),()=>{window.removeEventListener("resize",e),t.disconnect()}},[]);let u=`${t} \xb7 ${n} \xb7 ${r("common.do_not_record")}`;return(0,l.Y)("div",{ref:d,className:"pointer-events-none absolute inset-0 z-10 select-none overflow-hidden",children:(0,l.Y)("div",{className:"absolute left-1/2 top-1/2 whitespace-nowrap text-white/20",style:{fontSize:`${s}px`,fontWeight:900,transform:"translate(-50%, -50%) rotate(-30deg)",textShadow:"1px 1px 2px rgba(0,0,0,0.3)"},children:u})})},et=["token","expires","token_path"],er=/^(https?:\/\/[^/?#]+)\/(bcdn_token=[^/?#]+)(\/.*)$/,el=e=>{try{return new URL(e)}catch{return null}},ea=e=>{var t,r,l;if(!e)return null;let a=(null==(t=el(e))?void 0:t.searchParams.get("expires"))??(null==(l=e.match(er))||null==(r=l[2].match(/(?:^|&)expires=(\d+)/))?void 0:r[1]);if(!a)return null;let n=Number(a);return!Number.isFinite(n)||n<=0?null:1e3*n},en=e=>{var t;let r=el(e);if(!r)return{};let l={};for(let e of et){let t=r.searchParams.get(e);null!==t&&(l[e]=t)}let a=null==(t=e.match(er))?void 0:t[2];return a&&(l.pathSignature=a),l},ei=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.8,l=e-t;return l<=0?0:l*r},eo=e=>{try{let t=new URL((e=>{let t=e.match(er);return t?`${t[1]}${t[3]}`:e})(e));return et.forEach(e=>t.searchParams.delete(e)),t.toString()}catch{return e}};var es=r(44254),ec=r(76369),ed=r(37193),eu=r(24706);let ep=(0,a.forwardRef)((e,t)=>{let{url:r,className:n,playing:i=!1,muted:c,controls:d=!0,playbackRate:u,startTime:p,loop:m=!1,light:f,playIcon:h,onReady:b,onPlay:g,onPause:v,onProgress:x,onDuration:y,onError:w,onUnplayable:k,onEnded:N,onSeek:Y,onPlaybackRateChange:_}=e,A=(0,a.useRef)(null),C=(0,a.useRef)(null),D=(0,a.useRef)(0),T=(0,a.useRef)(0),I=(0,a.useRef)(!1),[F,E]=(0,a.useState)(!!f),[P,S]=(0,a.useState)(!1),{t:M}=(0,o.Bd)(),L={onReady:b,onPlay:g,onPause:v,onProgress:x,onDuration:y,onError:w,onUnplayable:k,onEnded:N,onSeek:Y,onPlaybackRateChange:_},R=(0,a.useRef)(L);R.current=L;let $=(0,a.useMemo)(()=>(e=>{let t="string"==typeof e?Number(e):e;if(t&&Number.isFinite(t)&&!(t<=0))return Math.floor(t)})(p),[p]);return(0,a.useEffect)(()=>{E(!!f)},[f,r]),(0,a.useEffect)(()=>{if(!A.current||!r||F)return;S(!1);let e=i&&!0!==c,t=new ed.A(A.current,{url:r,controls:d,responsive:!0,playsinline:!0,autoplay:i,muted:!!e||c,loop:m,start_time:$});C.current=t,T.current=$??0,void 0!==u&&1!==u&&t.setPlaybackRate(u).catch(()=>{});let l=!1,a=!1;return t.ready().then(()=>{var e,t;l||null==(e=(t=R.current).onReady)||e.call(t)},()=>{var e,r,a,n;l||(S(!0),t.destroy().catch(()=>{}),null==(e=(r=R.current).onUnplayable)||e.call(r),null==(a=(n=R.current).onError)||a.call(n))}),t.on("play",()=>{var r,l;e&&!a&&(a=!0,t.setMuted(!1).catch(()=>{})),null==(r=(l=R.current).onPlay)||r.call(l)}),t.on("pause",()=>{var e,t;return null==(e=(t=R.current).onPause)?void 0:e.call(t)}),t.on("ended",()=>{var e,t;return null==(e=(t=R.current).onEnded)?void 0:e.call(t)}),t.on("error",()=>{var e,t;return null==(e=(t=R.current).onError)?void 0:e.call(t)}),t.on("loadedmetadata",e=>{var t,r;let{duration:l}=e;D.current=l,null==(t=(r=R.current).onDuration)||t.call(r,l)}),t.on("timeupdate",e=>{var t,r;let{duration:l,percent:a,seconds:n}=e;D.current=l,T.current=n,null==(t=(r=R.current).onProgress)||t.call(r,{played:a,playedSeconds:n,loaded:0,loadedSeconds:0})}),t.on("seeked",e=>{var t,r;let{seconds:l}=e;T.current=l,null==(t=(r=R.current).onSeek)||t.call(r)}),t.on("playbackratechange",e=>{var t,r;let{playbackRate:l}=e;null==(t=(r=R.current).onPlaybackRateChange)||t.call(r,l)}),()=>{l=!0,C.current=null,D.current=0,T.current=0,t.destroy().catch(()=>{})}},[r,F,d]),(0,a.useEffect)(()=>
1{if(!I.current){I.current=!0;return}let e=C.current;e&&(i?e.play().catch(()=>{}):e.pause().catch(()=>{}))},[i]),(0,a.useEffect)(()=>{let e=C.current;e&&void 0!==c&&e.setMuted(c).catch(()=>{})},[c]),(0,a.useEffect)(()=>{let e=C.current;e&&void 0!==u&&e.setPlaybackRate(u).catch(()=>{})},[u]),(0,a.useEffect)(()=>{let e=C.current;e&&e.setLoop(m).catch(()=>{})},[m]),(0,a.useImperativeHandle)(t,()=>({seekTo:e=>{let t=C.current;if(!t)return;let r=0===e?.001:e;T.current=r,t.setCurrentTime(r).catch(()=>{})},getCurrentTime:()=>T.current,getDuration:()=>D.current,getInternalPlayer:e=>"hls"===e?null:C.current}),[]),(0,l.FD)("div",{className:(0,s.Q)("absolute left-0 top-0 h-full w-full",n),children:[F&&f?(0,l.Y)("button",{type:"button",onClick:()=>{var e,t;E(!1),null==(e=(t=R.current).onPlay)||e.call(t)},className:"absolute inset-0 z-10 flex items-center justify-center bg-cover bg-center",style:"string"==typeof f?{backgroundImage:`url(${f})`}:void 0,"aria-label":"Play video",children:h}):null,P?(0,l.FD)("div",{"data-testid":"vimeo-player-error",className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-200 bg-grayscale-100 px-400 text-center",children:[(0,l.Y)(eu.A,{className:"h-8 w-8 text-content-secondary"}),(0,l.Y)("p",{className:"text-label-m font-medium text-content-primary",children:M("video_player.unplayable","å½±çç®åç¡æ³ææ¾ï¼è«è¯ç¹«å®¢æ")})]}):null,(0,l.Y)("div",{ref:A,className:"absolute inset-0 [&>div]:!h-full [&>div]:!pt-0 [&_iframe]:!h-full [&_iframe]:!w-full"})]})});ep.displayName="VimeoPlayer";var em=r(40545),ef=r(67549);let eh=(0,em.E3x)("vimeoTextTrack",""),eb=(0,em.E3x)("playbackSpeed",1),eg="vimeoTextTrack",ev=a.forwardRef((e,t)=>{let{className:r,style:n,url:p="",imageUrl:m="",muted:f=!1,onPlay:h,onProgress:b,onDuration:v,onEnd:y,onError:w,onReady:k,onRefreshNeeded:N,onPause:Y,onSeek:_,isPlaying:A,loop:C=!1,onLoopChange:D,initialStartTime:T,enableWatermark:I,watermarkEmail:F,subtitleTracks:E}=e,{t:P}=(0,o.Bd)(),S=a.useRef(null),{resolvePlaybackUrl:M}=(0,ec.$)(),L=(0,es.q)(p,M),R=L.url,$=(e=>{let t=(0,a.useRef)(e);return e!==t.current&&eo(e)!==eo(t.current)&&(t.current=e),t.current})(R),O=L.isPlaybackSource?L.refresh:N,q=(e=>{let{rawUrl:t,stableUrl:r,playerRef:l,onRefreshNeeded:n,enabled:i}=e,o=a.useRef(en(t)),s=a.useRef(null),c=a.useRef(!1),d=a.useRef(!1),u=a.useRef(0),p=a.useRef(!1),m=a.useRef(null),f=a.useRef(null),h=a.useRef(null),[b,g]=a.useState(r),v=a.useCallback(async e=>{if(i&&n&&!d.current){d.current=!0,p.current=(null==e?void 0:e.forceSwap)===!0||"hls"!==s.current||!c.current;try{await n(),u.current=0}catch{u.current<3&&(u.current+=1,f.current&&clearTimeout(f.current),f.current=setTimeout(()=>void v(e),5e3))}finally{d.current=!1}}},[i,n]),x=a.useRef(v);a.useEffect(()=>{x.current=v},[v]),a.useEffect(()=>{if(i&&(o.current=en(t),p.current)){var e,r;p.current=!1,m.current=(null==(r=l.current)||null==(e=r.getCurrentTime)?void 0:e.call(r))??null,g(t)}},[t,i,l]),a.useEffect(()=>{s.current=null,c.current=!1,p.current=!1,m.current=null,u.current=0,g(r)},[r]),a.useEffect(()=>{if(!i)return;let e=ea(t);if(null==e)return;let r=()=>{h.current&&clearTimeout(h.current),("undefined"==typeof document||"hidden"!==document.visibilityState)&&(h.current=setTimeout(()=>void x.current(),Math.min(ei(e,Date.now()),0x7fffffff)))};r();let l=()=>{"visible"===document.visibilityState?r():h.current&&clearTimeout(h.current)};return document.addEventListener("visibilitychange",l),()=>{h.current&&clearTimeout(h.current),document.removeEventListener("visibilitychange",l)}},[t,i]),a.useEffect(()=>()=>{f.current&&clearTimeout(f.current)},[]);let y=a.useCallback((e,t)=>{var r;if(!i)return;let l=(null==t||null==(r=t.response)?void 0:r.code)===403,a=(null==t?void 0:t.fatal)===!0,n=null==t&&"hls"!==s.current;l&&!a?v():(l||a||n)&&v({forceSwap:!0})},[i,v]),w=a.useRef(null),[k,N]=a.useState(null),Y=a.useCallback(()=>{var e,t;if(w.current)return w.current;let r=null==(t=globalThis.Hls)||null==(e=t.DefaultConfig)?void 0:e.loader;if(r)return w.current=class extends r{load(e,t,r){(null==e?void 0:e.url)&&(e.url=((e,t)=>{let r=el(e);
1if(!r)return e;for(let e of et){let l=t[e];void 0===l?r.searchParams.delete(e):r.searchParams.set(e,l)}let l=r.toString();return t.pathSignature&&(l=l.replace(er,(e,r,l,a)=>`${r}/${t.pathSignature}${a}`)),l})(e.url,o.current)),super.load(e,t,r)}},w.current},[]);return{playerUrl:b||r,hlsOptions:a.useMemo(()=>{if(!i)return{};let e=k??Y();return e?{loader:e}:{}},[i,Y,k]),onPlayerError:y,onPlayerReady:a.useCallback(()=>{var e,t,r,a,n;let i=null==(t=l.current)||null==(e=t.getInternalPlayer)?void 0:e.call(t,"hls");s.current=i?"hls":"native";let o=Y();if(o&&N(()=>o),c.current=!!o&&(null==i||null==(r=i.config)?void 0:r.loader)===o,null!=m.current){let e=m.current;return m.current=null,null==(n=l.current)||null==(a=n.seekTo)||a.call(n,e,"seconds"),!0}return!1},[l,Y])}})({rawUrl:R,stableUrl:$,playerRef:S,onRefreshNeeded:O,enabled:!!O&&null!=ea(R)&&!(0,d.Ty)($)&&!(0,d.QN)($)}),z=q.playerUrl,[B,G]=a.useState(!1),{forceReloadTracks:U}=(e=>{let{playerRef:t,subtitleTracks:r,ready:l}=e;(e=>{let{playerRef:t,ready:r,enabled:l}=e;(0,a.useEffect)(()=>{var e;if(!r||!l)return;let a=null==(e=t.current)?void 0:e.getInternalPlayer();if(!a||"function"!=typeof a.querySelectorAll)return;let n=Array.from(a.textTracks);if(0===n.length)return;let i=(()=>{try{return em.IGN.getJSON(eg)??""}catch{return""}})();if(i){let e=n.find(e=>e.language===i);e&&n.forEach(t=>{t.mode=t===e?"showing":"disabled"})}let o=()=>{let e=Array.from(a.textTracks).find(e=>("subtitles"===e.kind||"captions"===e.kind)&&("showing"===e.mode||"hidden"===e.mode));var t=(null==e?void 0:e.language)??"";try{em.IGN.setJSON(eg,t)}catch{}};return a.textTracks.addEventListener("change",o),()=>{a.textTracks.removeEventListener("change",o)}},[r,l,t])})({playerRef:t,ready:l,enabled:!!(null==r?void 0:r.length)});let n=(0,a.useCallback)(()=>{var e;if(!(null==r?void 0:r.length)||"undefined"!=typeof navigator&&!/Chrome|Chromium/.test(navigator.userAgent))return;let l=null==(e=t.current)?void 0:e.getInternalPlayer();l&&"function"==typeof l.querySelectorAll&&l.querySelectorAll("track").forEach(e=>{let t=e.src;t&&(e.removeAttribute("src"),setTimeout(()=>{e.src=t},0))})},[r,t]);return(0,a.useEffect)(()=>{l&&n()},[l,n]),{forceReloadTracks:n}})({playerRef:S,subtitleTracks:E,ready:B}),[j,Q]=a.useState("shown"),V=!!m&&"gone"!==j&&!(0,d.Ty)(z)&&!(0,d.QN)(z),W=a.useCallback(()=>{Q(e=>"shown"===e?"closing":e)},[]);a.useEffect(()=>{if("closing"!==j)return;let e=setTimeout(()=>Q("gone"),400);return()=>clearTimeout(e)},[j]),a.useEffect(()=>{A&&W()},[A,W]);let{onRateChange:H,playbackSpeed:K,applyPlaybackRate:J}=(e=>{let{url:t,playerRef:r}=e,[l,n]=(0,ef.fp)(eb),i=(0,a.useCallback)(e=>{n(e)},[n]),o=(0,a.useMemo)(()=>(0,d.QN)(t)&&[.25,1.75].includes(l)?l+.25:l,[l,t]),s=(0,a.useCallback)(()=>{var e;1!==o&&((e,t)=>{if(e){if("function"==typeof e.setPlaybackRate){try{let r=e.setPlaybackRate(t);r&&"function"==typeof r.catch&&r.catch(()=>{})}catch{}return}if("playbackRate"in e)try{e.playbackRate=t}catch{}}})(null==r||null==(e=r.current)?void 0:e.getInternalPlayer(),o)},[o,r]);return{onRateChange:i,playbackSpeed:o,applyPlaybackRate:s}})({url:z,playerRef:S}),{containerRef:X,readySignal:ed,quality:eu,qualityOptions:ev,getVideoEl:ex,changeResolution:ey,refreshQualityOptions:ew,notifyReady:ek}=(e=>{let{playerRef:t,autoQualityLabel:r}=e,l=(0,a.useRef)(null),[n,i]=(0,a.useState)(0),[o,s]=(0,a.useState)(-1),[c,d]=(0,a.useState)(),u=(0,a.useRef)(!1),p=(0,a.useCallback)(()=>{var e;return(null==(e=t.current)?void 0:e.getInternalPlayer())??null},[t]),m=(0,a.useCallback)(e=>{var r;s(e);let l=null==(r=t.current)?void 0:r.getInternalPlayer("hls");l&&(l.currentLevel=e,l.nextLevel=e)},[t]),f=(0,a.useCallback)(function(){var e,l;let{force:a}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(u.current&&!a)return;let n=((e,t)=>{if(null==e?void 0:e.length)return[{label:t,value:-1},...e.map((e,t)=>({label:e.height?`${e.height}p`:`${t+1}`,value:t}))]})(null==(l=t.current)||null==(e=l.getInternalPlayer("hls"))?void 0:e.levels,r);n&&(u.current=!0,d(e=>a?n:e??n))},[t,r]),h=(0,a.useCallback)(()=>{i(e=>e+1),f({force:!0})},[f]);
1return{containerRef:l,readySignal:n,quality:o,qualityOptions:c,getVideoEl:p,changeResolution:m,refreshQualityOptions:f,notifyReady:h}})({playerRef:S,autoQualityLabel:P("video_player.auto_quality","èªå")}),eN=(0,d.Ty)(z),eY=(0,d.QN)(z),e_=a.useMemo(()=>{let e=(e=>(null==e?void 0:e.length)?{attributes:{crossOrigin:"anonymous"},tracks:e}:{})(E);return(0,c.F5)({...eN&&T?{youtube:{playerVars:{start:Math.floor(T)}}}:{},file:{attributes:{controlsList:"nodownload noplaybackrate",playsInline:!0,...e.attributes},hlsOptions:q.hlsOptions,...e.tracks?{tracks:e.tracks}:{}}},z)},[z,eN,E]),eA=e=>{"function"==typeof b&&b(e),ew()},eC=e=>{"function"==typeof v&&v(e)};a.useImperativeHandle(t,()=>({seekTo:e=>{(null==S?void 0:S.current)&&(g({playerRef:S,seconds:e}),W())}}));let eD=e=>{H(e)},{onLoaded:eT}=(e=>{let{playerRef:t,url:r,disableTextTracks:l=!1}=e,[n,i]=(0,ef.fp)(eh);return{onLoaded:(0,a.useCallback)(()=>{if(!t.current)return;let e=(0,d.QN)(r)?"vimeo":(0,d.Ty)(r)?"youtube":"hls",a=t.current.getInternalPlayer();if("vimeo"===e){if(l)return void a.disableTextTrack();n&&Promise.resolve(a.enableTextTrack(n)).catch(()=>{}),a.on("texttrackchange",e=>{i(e.language)})}},[t,r,l])}})({playerRef:S,url:z}),eI=()=>{eT(),G(!0),ek(),q.onPlayerReady()||eN||eY||!T||g({playerRef:S,seconds:T}),J(),U(),k&&k()};return(0,l.FD)("div",{ref:X,style:n,className:(0,s.Q)("group @container relative pt-[56.25%] [&:fullscreen]:pt-0",r),children:[I&&F&&(0,l.Y)(ee,{email:F}),!!z&&!eN&&!eY&&!V&&(0,l.Y)(Z,{getVideoEl:ex,readySignal:ed,containerRef:X,playbackRate:K,rateOptions:u,onRateChange:H,quality:eu,qualityOptions:ev,onQualityChange:ey,loop:C,onLoopChange:D}),eY?(0,l.Y)(ep,{ref:S,url:z,className:"absolute left-0 top-0",playing:A,muted:f,playbackRate:K,startTime:T,loop:C,light:m,playIcon:(0,l.Y)(x,{}),onPause:Y,onPlay:h,onProgress:eA,onDuration:eC,onError:w,onEnded:y,onPlaybackRateChange:eD,onReady:eI}):(0,l.FD)(l.FK,{children:[!!z&&(0,l.Y)(i(),{ref:S,playbackRate:K,url:z,controls:!!eN,pip:!0,width:"100%",height:"100%",className:"absolute left-0 top-0",playing:A,loop:C,onPause:Y,onPlay:h,onProgress:eA,onDuration:eC,onError:(e,t)=>{q.onPlayerError(e,t),null==w||w()},onEnded:y,onSeek:_,onPlaybackRateChange:eD,muted:f,config:e_,onReady:eI}),V&&(0,l.Y)("button",{type:"button",onClick:()=>{"shown"===j&&(W(),null==h||h())},"aria-label":"Play video",className:(0,s.Q)("absolute inset-0 z-10 flex items-center justify-center bg-cover bg-center transition-opacity duration-400 motion-reduce:transition-none","closing"===j&&"pointer-events-none opacity-0"),style:{backgroundImage:`url(${m})`},children:(0,l.Y)(x,{})})]})]})});ev.displayName="UncontrolledVideoPlayer";let ex=ev},83665:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>o});var l=r(2860),a=r(34817),n=r(6329);let i=!1,o=e=>(n.O_||i||(console.warn("Kiao: The Modal component does not need to be wrapped at this level.\n\nYou should use `import { WuModal } from '@libs-components/components/modal'`\n\n"),i=!0),(0,l.Y)(a.WuModal,{...e}))},87876:(e,t,r)=>{"use strict";r.d(t,{C:()=>s,N:()=>c});var l=r(55729),a=r(93129),n=r(57165),i=r(31430),o=r(68788);let s=(e,t,r,s,c)=>{let d=(0,a.GP)(t,"yyyy-MM-dd"),u=(0,a.GP)(r,"yyyy-MM-dd"),{data:p,isLoading:m,error:f}=(0,n.Ay)(`live-course-slots-${e}-${d}-${u}-${s??"all"}`,()=>(e=>(0,i.c)({url:`/v1/shop/live_courses/${e.liveCourseId}/available_slots`,method:"GET",params:{start_date:e.startDate,end_date:e.endDate,...e.teacherId?{teacher_id:e.teacherId}:{}}}))({liveCourseId:e,startDate:d,endDate:u,teacherId:s}),{revalidateOnFocus:!1,dedupingInterval:2e3});return{slotsByDay:(0,l.useMemo)(()=>{if(!p)return{};let e=null==p?void 0:p.data,t=(null==e?void 0:e.data)??e,r=null==t?void 0:t.slots;return r?(0,o.kY)(r,c):{}},[p,c]),...(0,l.useMemo)(()=>{if(!p)return{durationMinutes:0,maxCapacity:1};let e=null==p?void 0:p.data,t=(null==e?void 0:e.data)??e;return{durationMinutes:(null==t?void 0:t.durationMinutes)??(null==t?void 0:t.duration_minutes)??0,maxCapacity:(null==t?void 0:t.maxCapacity)??(null==t?void 0:t.max_capacity)??1}},[p]),isLoading:m,error:f}},c=e=>{let{data:t,isLoading:r}=(0,n.Ay)(`live-course-teachers-${e}`,()=>(0,i.c)({url:`/v1/shop/live_courses/${e}/teachers`,method:"GET"}),{revalidateOnFocus:!1,revalidateIfStale:!1}),l=null==t?void 0:t.data;return{teachers:Array.isArray(null==l?void 0:l.data)?l.data:Array.isArray(l)?l:[],isLoading:r}}},92880:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var l=r(2860);r(55729);
1var a=r(41090),n=r(98986),i=r(54252),o=r(12828);function s(e){var t;let{openModal:r,productInfo:s,dripMarketingInfo:c}=(0,i.e)(),{t:d}=(0,n.Bd)(),u=(null==c||null==(t=c.triggerButtonText)?void 0:t.trim())||d("crowdin:product-detail-page.free-registration");return(0,l.Y)(a.$n,{...e,onClick:()=>{s&&(0,o.Ww)({promotionId:s.productId,promotionName:s.productName}),r("button_trigger")},children:(0,l.Y)("span",{className:"block min-w-0 truncate",children:u})})}},93530:(e,t,r)=>{"use strict";r.d(t,{A:()=>w});var l=r(2860),a=r(84660),n=r(92836),i=r(40545),o=r(55729),s=r(41090),c=r(81278),d=r(32678),u=r(75185),p=r(33136);let m=async e=>{let{key:t,productId:r}=e;d.default.internal.sendEvent({name:`detail_page_${t}_tab_clicked`}),r&&"toc"===t&&(0,p.E)(r)&&(0,u.h)("toc")};function f(e){var t;let{tabs:r,productId:l}=e,a=(0,c.useRouter)(),n=a.query.tab||(null==(t=r[0])?void 0:t.key),[i,s]=(0,o.useState)(null);return(0,o.useEffect)(()=>{s(null)},[n]),{currentTab:i??n,onValueChange:(0,o.useCallback)(e=>{e&&(s(e),m({key:e,productId:l}),a.replace({query:{...a.query,tab:e}},void 0,{shallow:!0,scroll:!1}))},[a,l])}}let h=e=>{let{tabs:t,productId:r}=e,{currentTab:a,onValueChange:n}=f({tabs:t,productId:r});return(0,l.Y)(s.tU,{value:a,onValueChange:n,className:"border-b border-border-subtle lg:pt-300",children:(0,l.Y)(s.wb,{className:"hide-scrollbar overflow-x-auto overflow-y-hidden touch-pan-x border-b-0 px-400",children:t.map(e=>{let{key:t,title:r}=e;return(0,l.Y)(s.oz,{value:t,className:"cursor-pointer whitespace-nowrap",children:r},t)})})})};var b=r(58429),g=r(95722),v=r(67297);let x="--pdp-sticky-tabs-clearance",y=e=>{let{stickyTopClassName:t,isSticky:r,tabs:n,productId:i}=e,{currentTab:c,onValueChange:d}=f({tabs:n,productId:i}),u=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let e=u.current;if(!e)return;let t=()=>{document.documentElement.style.setProperty(x,r?`calc(${e.offsetHeight}px + var(--spacing-300))`:"0px")};t();let l="undefined"==typeof ResizeObserver?null:new ResizeObserver(t);return null==l||l.observe(e),()=>{null==l||l.disconnect(),document.documentElement.style.removeProperty(x)}},[r]),(0,l.Y)(b.P.div,{ref:u,className:(0,a.Q)("bg-background-primary fixed left-0 right-0 top-0 z-10 hidden overflow-clip border-b border-border-subtle lg:block",t),initial:"hidden",animate:r?"sticky":"hidden",variants:{sticky:{y:0,opacity:1,transition:{type:"tween",ease:"linear",duration:.2}},hidden:{y:-60,opacity:0,transition:{type:"tween",ease:"linear",duration:.2}}},children:(0,l.FD)("div",{className:(0,a.Q)("mx-auto",g.G),children:[(0,l.Y)(s.tU,{value:c,onValueChange:d,className:"overflow-clip pt-300 px-400 translate-y-px",children:(0,l.Y)(s.wb,{className:"border-border-subtle",children:n.map(e=>{let{key:t,title:r}=e;return(0,l.Y)(s.oz,{value:t,className:"cursor-pointer whitespace-nowrap",children:r},t)})})}),(0,l.Y)(v.A,{className:"items-center py-200 pl-0 pr-0",compact:!0})]})})},w=e=>{let{tabs:t,productId:r,tabsBarTopRef:s,children:c}=e,d=(0,n.$)(),{tabContainerRef:u,isTabSticky:p}=(()=>{let e=(0,o.useRef)(null),[t,r]=(0,o.useState)(!1),l=(0,i.FTe)(t);return(0,o.useEffect)(()=>{let t=new AbortController,a=t.signal;return window.addEventListener("scroll",()=>{if(e.current){var t;let a=(null==(t=e.current)?void 0:t.getBoundingClientRect().top)<=0;l.current!==a&&r(a)}},{signal:a}),()=>{t.abort()}},[l]),{tabContainerRef:e,isTabSticky:t}})();return(0,l.FD)("div",{className:"flex h-full w-full flex-col gap-1000 md:mx-auto md:max-w-[720px]",ref:u,children:[(0,l.FD)("div",{className:(0,a.Q)("sticky z-[49] flex flex-col bg-background-primary lg:static",d),children:[s&&(0,l.Y)("div",{ref:s}),(0,l.Y)(y,{stickyTopClassName:d,isSticky:p,tabs:t,productId:r}),(0,l.Y)(h,{tabs:t,productId:r})]}),c]})}},95722:(e,t,r)=>{"use strict";r.d(t,{G:()=>l});let l="grid w-full grid-cols-1 lg:max-w-[960px] lg:grid-cols-[minmax(0px,_5fr)_minmax(0px,_3fr)] lg:grid-rows-[fit-content(0px)_fit-content(0px)_1fr] lg:gap-x-5 lg:px-10 xl:max-w-[1200px] xl:grid-cols-[minmax(0px,_2fr)_minmax(0px,_1fr)]"},98856:e=>{e.exports={"horizontal-swiper":"styles_horizontal-swiper__S5SN3"}},99452:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>m});var l=r(2860),a=r(93493),n=r(55729),i=r(84660),o=r(15553),s=r(47126),c=r(5325),d=r(39977),u=r(68071),p=r(45209);let m=e=>{let{title:t,description:r,slideClassName:m,pagination:f,titleRowClassName:h,modules:b,handleArrowClick:g,className:v,activeIndex:x,showSkeleton:y,...w}
1=e,k=(0,n.useRef)(null),[N,Y]=(0,n.useState)(!0),[_,A]=(0,n.useState)(!0),C=!(N&&_),D=(0,n.useCallback)(()=>{k.current&&k.current.slidePrev()},[]),T=(0,n.useCallback)(()=>{k.current&&k.current.slideNext()},[]),I=(0,n.useCallback)(e=>{Y(e.isBeginning),A(e.isEnd)},[]),F=(0,n.useCallback)(e=>{Y(e.isBeginning),A(e.isEnd)},[]),E=(0,n.useCallback)(e=>{Y(e.isBeginning),A(e.isEnd)},[]);return(0,n.useEffect)(()=>{"number"==typeof x&&Number.isFinite(x)&&k.current&&(k.current[w.loop?"slideToLoop":"slideTo"](x),k.current.update())},[x,w.loop]),(0,l.FD)("div",{className:"flex w-full flex-col gap-3",children:[(0,l.FD)("div",{className:"flex flex-col gap-1",children:[(0,l.FD)("div",{className:(0,i.Q)("flex w-full justify-between",h),children:[t?(0,l.Y)("h3",{className:"text-heading-s tracking-[var(--typo-letter-spacing-heading)] text-content-primary",children:t}):y&&(0,l.Y)(d.E,{className:"h-8 w-[25%]"}),C&&(0,l.FD)("div",{className:"ml-auto flex items-center justify-center gap-200",children:[(0,l.Y)(c.$,{"aria-label":"to previous slide button",onClick:D,className:"flex items-center justify-center rounded-full bg-background-secondary p-200 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:text-content-disabled disabled:opacity-50",disabled:N,children:(0,l.Y)(s.I,{type:"arrow_back",size:14})}),(0,l.Y)(c.$,{"aria-label":"to next slide button",onClick:T,className:"flex items-center justify-center rounded-full bg-background-secondary p-200 disabled:cursor-not-allowed disabled:bg-background-disabled disabled:text-content-disabled disabled:opacity-50",disabled:_,children:(0,l.Y)(s.I,{type:"arrow_forward",size:14})})]})]}),r?(0,u.A)(r)?(0,l.Y)("span",{dangerouslySetInnerHTML:{__html:r},className:"break-words [&_*]:m-0"}):(0,l.Y)(o.E,{variant:"body_m_400",className:"break-words",children:r}):y&&(0,l.Y)(d.E,{className:"h-8 w-[75%]"})]}),(0,l.Y)(p.A,{ref:k,showArrows:!1,absoluteArrows:!1,slideClassName:(0,i.Q)("flex overflow-hidden",m),className:(0,i.Q)("w-full",v),modules:f?[a.dK,...b??[]]:b,pagination:!!f&&{clickable:!0},watchSlidesProgress:!0,onToEdge:I,onFromEdge:F,onAfterInit:E,...w})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.