!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="924d77a8-235e-45e7-a39d-6bd0ba2898d6",e._sentryDebugIdIdentifier="sentry-dbid-924d77a8-235e-45e7-a39d-6bd0ba2898d6")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1368],{31930:function(e,n,r){r.d(n,{E:function(){return M},Z:function(){return N}});var a=r(52322),t=r(2784),i=r(28535),o=r(17190),s=r(74409),u=r(20437),l=r(4759),c=r(42822),d=r(62614),g=r(36e3),p=r(36008),h=r(39097),f=r.n(h),x=r(5632),b=r(11122),m=r(73205),v=r(52658),C=r(64048),j=r(64064),y=r(89130),_=r(35200);let P=(0,y.Ps)`
    fragment CourseListContainer_Course on Course {
  id
  ...CourseCard_Course
}
    ${_.p}`;var S=r(40794),k=r(85186);let w={},Z=(0,y.Ps)`
    query CourseListContainer($subdomain: String!, $page: Int, $perPage: Int) {
  courses(subdomain: $subdomain, page: $page, perPage: $perPage) {
    nodesCount
    nodes {
      ...CourseListContainer_Course
    }
  }
}
    ${P}`;var $=r(67109),I=r(84010),T=()=>(0,a.jsx)(i.xu,{children:(0,a.jsxs)(o.W,{centerContent:!0,maxW:v.kA,pt:{base:8,sm:12},pb:8,children:[(0,a.jsx)(i.xu,{mb:8,width:"100%",children:(0,a.jsx)($.O,{height:"36px",width:"200px",mx:"auto"})}),(0,a.jsx)(u.M,{columns:{base:1,md:2,lg:3},spacing:6,width:"100%",children:[...Array(v.iH)].map((e,n)=>(0,a.jsxs)(i.xu,{borderWidth:1,borderRadius:"lg",overflow:"hidden",children:[(0,a.jsx)($.O,{height:"200px"}),(0,a.jsxs)(i.xu,{p:6,children:[(0,a.jsx)(I.N,{mt:"4",noOfLines:3,spacing:"4"}),(0,a.jsx)($.O,{height:"40px",mt:4})]})]},n))})]})});let z=e=>{let{data:n,error:r,showPagination:t=!0,pageTitle:h}=e,m=(0,x.useRouter)(),{t:C}=(0,b.$G)(["custom","general"]);return!n?.courses?.nodes||r?null:(0,a.jsxs)(i.xu,{children:[(0,a.jsxs)(o.W,{centerContent:!0,maxW:v.kA,pt:{base:8,sm:12},pb:8,children:[(0,a.jsx)(i.xu,{mb:8,children:(0,a.jsx)(s.X,{as:"h2",fontSize:{base:"xl",md:"2xl"},color:"brand.titleColor",children:h})}),n.courses.nodes.length>0?(0,a.jsx)(u.M,{columns:{base:1,md:2,lg:3},spacing:6,children:n.courses.nodes.map(e=>(0,a.jsx)(g.Z,{course:e,buttonText:C("general:details"),discountPriceText:C("general:discount_price"),preOrderPriceText:C("general:pre_order_price"),groupBuyPriceText:C("general:group_buy_price"),perPersonText:C("general:person_unit"),freeText:C("general:free"),badgeText:C("general:fundraising")},e.id))}):(0,a.jsxs)(i.xu,{textAlign:"center",mb:24,children:[(0,a.jsx)(l.E,{src:"/images/svg/coming-soon.svg",alt:C("general:about_to_opening"),w:"300",h:"300"}),(0,a.jsx)(s.X,{as:"h3",fontSize:"2xl",color:"gray.600",mt:2,children:C("general:about_to_opening")})]})]}),n.courses.nodesCount>v.iH&&(t?(0,a.jsx)(c.M,{mb:16,mt:16,children:(0,a.jsx)(p.Z,{currentPage:(0,j.Z)(m.query),siblingCount:1,totalCount:n.courses.nodesCount,pageSize:v.iH,variant:"outline",onPageChange:e=>m.push({pathname:"/courses",query:{page:e}})})}):(0,a.jsx)(c.M,{my:2,children:(0,a.jsx)(d.z,{colorScheme:"brand.primary",children:(0,a.jsx)(f(),{href:"/courses",children:C("general:read_more")})})}))]})},M=e=>{let{showPagination:n=!0}=e,[r,i]=(0,t.useState)(!0),o=(0,x.useRouter)(),s=(0,m.Z)(),{t:u}=(0,b.$G)(["custom","general"]),l=(0,C.k)(s.navs),c=(0,C.p)(l,o.asPath,u("custom:all_courses")),{data:d,error:g}=function(e){let n={...w,...e};return k.kJ(Z,n)}({variables:{subdomain:s.subdomain,page:(0,j.Z)(o.query),perPage:v.iH},fetchPolicy:"cache-and-network"});return((0,t.useEffect)(()=>{d&&i(!1)},[d]),r)?(0,a.jsx)(T,{}):!d?.courses?.nodes||g?null:(0,a.jsx)(t.Suspense,{fallback:(0,a.jsx)(T,{}),children:(0,a.jsx)(z,{data:d,error:g,showPagination:n,pageTitle:c})})};var N=e=>{let{showPagination:n=!0}=e,r=(0,m.Z)(),t=(0,x.useRouter)(),{t:i}=(0,b.$G)(["custom","general"]),o=(0,C.k)(r.navs),s=(0,C.p)(o,t.asPath,i("custom:all_courses")),{data:u,loading:l,error:c}=function(e){let n={...w,...e};return S.aM(Z,n)}({variables:{subdomain:r.subdomain,page:(0,j.Z)(t.query),perPage:v.iH},fetchPolicy:"cache-and-network"});return!u?.courses?.nodes||c?null:(0,a.jsx)(z,{data:u,error:c,showPagination:n,pageTitle:s})}},35200:function(e,n,r){r.d(n,{p:function(){return t}});var a=r(89130);let t=(0,a.Ps)`
    fragment CourseCard_Course on Course {
  id
  name
  slug
  courseType
  image
  isPurchased
  displayStudentsCount
  courseFeatures {
    studentsCount
  }
  plans {
    id
    amount
    planType
    releaseAt
    currencySymbol
    compareAtPrice
  }
  lecturers {
    name
    avatar
  }
  rating {
    average
    total
  }
  preOrderInfo {
    achievedPercentage
    endedAt
    buyersPledged
  }
}
    `},18900:function(e,n,r){r.d(n,{Lh:function(){return s},M3:function(){return a},Vd:function(){return i},aS:function(){return o},hS:function(){return u},rI:function(){return t}});let a=[{value:"8957282",label:"財團法人流浪動物之家基金會（8957282）"},{value:"7505",label:"中華社會福利聯合勸募協會（7505）"},{value:"25885",label:"財團法人伊甸社會福利基金會（25885）"},{value:"978",label:"台灣之心愛護動物協會（978)"}],t=[{value:1},{value:2},{value:3}],i=[{value:"member"},{value:"certificate"},{value:"mobile"}],o=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30;return e?e.length>n?`${e.substring(0,n)}...`:e:null},s=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30;return e?o(e.replace(/<\/?[^>]+(>|$)/g,"").replace(/\n/g,"").replace(/\s+/,"").replace(/&nbsp;/g,""),n):null},u=e=>{let{user:n,defaultValues:r}=e;return n&&n.hiddenFields?Object.entries(r).reduce((e,r)=>{let[a,t]=r;return n.hiddenFields.includes(a)||(e[a]=t),e},{}):r}},48765:function(e,n,r){var a=r(52322),t=r(55351),i=r(18900),o=r(37910);n.Z=function(e){let{canonicalPath:n="/",title:r=""}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=(0,o.HR)(e,n);return(0,a.jsx)(t.PB,{title:r?`${r} - ${e.name}`:e.name,description:(0,i.aS)(e.description)||e.name,canonical:s,openGraph:{type:"website",site_name:e.name,url:s,images:e.ogImage?[{url:e.ogImage,alt:e.name}]:void 0}})}},64064:function(e,n){n.Z=e=>parseInt(e.page,10)||1},36008:function(e,n,r){r.d(n,{Z:function(){return j}});var a=r(52322),t=r(91148),i=r(24772),o=r(38035),s=r(32899),u=r(28535),l=r(62614),c=r(65781),d=r(79932),g=r(22508),p=r(83732),h=r(41493),f=r(51171),x=r(2784),b="．．．",m=function(e,n){return Array.from({length:n-e+1},function(n,r){return r+e})},v=function(e){var n=e.totalCount,r=e.pageSize,a=e.currentPage,t=e.siblingCount;return(0,x.useMemo)(function(){var e=Math.ceil(n/r);if(t+5>=e)return m(1,e);var i=Math.max(a-t,1),o=Math.min(a+t,e),s=i>2,u=o<e-2;if(!s&&u){var l=m(1,3+2*t);return[].concat((0,f.Z)(l),[b,e])}if(s&&!u){var c=m(e-(3+2*t)+1,e);return[1,b].concat((0,f.Z)(c))}if(s&&u){var d=m(i,o);return[1,b].concat((0,f.Z)(d),[b,e])}return[]},[n,r,a,t])},C={OUTLINE:"outline"},j=function(e){var n=e.totalCount,r=e.pageSize,f=e.siblingCount,x=e.currentPage,m=void 0===x?1:x,j=e.className,y=e.variant,_=void 0===y?C.OUTLINE:y,P=e.onPageChange;(0,t.F)();var S=(0,i.S)({base:"none",md:"inherit"}),k=v({totalCount:n,pageSize:r,currentPage:m,siblingCount:void 0===f?2:f});if(0===r||k.length<2)return null;var w=k[k.length-1];return(0,a.jsxs)(o.k,{as:"nav",className:"".concat(j," pagination"),sx:{"button:active, button.is-active":{backgroundColor:"brand.primaryColor",color:"#fff"}},children:[(0,a.jsx)(s.h,{fontSize:"20px",icon:(0,a.jsx)(c.Z,{width:"18px"}),variant:_,mx:1,_hover:{bg:"brand.primaryColor",color:"#fff"},isDisabled:1===m,onClick:function(){return P(1)},"aria-label":"first",borderRadius:"md",display:{base:"inherit",md:"none"}}),(0,a.jsx)(s.h,{fontSize:"20px",icon:(0,a.jsx)(d.Z,{width:"18px"}),variant:_,mx:1,_hover:{bg:"brand.primaryColor",color:"#fff"},isDisabled:1===m,onClick:function(){P(m-1)},"aria-label":"prev",borderRadius:"md"}),(0,a.jsx)(o.k,{as:"ol",listStyleType:"none",children:k.map(function(e,n){var r=e===m;return e===b?(0,a.jsx)(u.xu,{as:"li",className:"dots",mx:1,display:S,children:(0,a.jsx)(s.h,{fontSize:"20px",icon:(0,a.jsx)(g.Z,{width:"18px"}),variant:_,"aria-label":"dots",p:4})},"".concat(e).concat(n)):(0,a.jsx)(u.xu,{as:"li",mx:1,display:r?"inherit":S,children:(0,a.jsx)(l.z,{variant:_,className:r?"is-active":void 0,_hover:{bg:"brand.primaryColor",color:"#fff"},onClick:function(){return P(e)},children:e})},e)})}),(0,a.jsx)(s.h,{fontSize:"20px",icon:(0,a.jsx)(p.Z,{width:"18px"}),variant:_,mx:1,_hover:{bg:"brand.primaryColor",color:"#fff"},isDisabled:m===w,onClick:function(){P(m+1)},"aria-label":"next",borderRadius:"md"}),(0,a.jsx)(s.h,{fontSize:"20px",icon:(0,a.jsx)(h.Z,{width:"18px"}),variant:_,mx:1,_hover:{bg:"brand.primaryColor",color:"#fff"},isDisabled:m===w,onClick:function(){return P(w)},"aria-label":"last",borderRadius:"md",display:{base:"inherit",md:"none"}})]})}}}]);