https://pasartrainer.com/_next/static/chunks/pages/homepage/%5Bcategory%5D-c3f70a128b73dbb4.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="ec662f47-0bf5-441f-ab45-e5d16499eb0b",e._sentryDebugIdIdentifier="sentry-dbid-ec662f47-0bf5-441f-ab45-e5d16499eb0b")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9218,3773,6910,287],{32869:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/homepage/[category]",function(){return t(96259)}])},41145:function(e,l,t){"use strict";var a=t(85893),s=(t(63448),t(63863)),r=t(67294);let n=(0,r.forwardRef)((e,l)=>{let{inline:t,label:r,placeholder:i,onChange:o,value:c,name:d,labelTooltips:u,type:m,disabled:g,maxLength:x,success:h,error:p,message:f,labelSize:v="medium",maxNumber:b,defaultValue:y,noBorder:j=!1,size:w="medium",placehoderSize:_="small",padding:N="default",onFocus:C,onBlur:S,onInvalid:k,onClick:Z,onKeyDown:z,autoComplete:L="off"}=e;n.displayName="InputHomeSearch";let q="",I="placeholder:text-xs";switch(w){case"small":q="text-xs";break;case"large":q="text-lg"}switch(_){case"medium":I="placeholder:text-base";break;case"large":I="placeholder:text-lg"}return(0,a.jsxs)("div",{className:"flex ".concat("flex-col"," w-full"),children:[(0,a.jsxs)("div",{className:"relative flex-1",children:[(0,a.jsx)("input",{className:"".concat(g?"bg-neutral-30":"bg-white"," w-full rounded ").concat(q," ").concat("border-0"," ").concat("border-neutral-30"," ").concat("default"===N&&"p-1.5"," focus:outline-none focus:").concat("border-neutral-50"," ").concat(I),placeholder:i,onChange:o,onInvalid:k,value:c,name:d,disabled:g,type:m,maxLength:x,ref:l,defaultValue:y,max:b,onWheel:e=>{e.currentTarget.blur()},autoComplete:L,onBlur:S,onFocus:C,onClick:Z,onKeyDown:z}),""]}),p&&(0,a.jsx)("div",{className:"mt-2",children:(0,a.jsx)(s.default,{type:"small-body",color:"danger",children:f})})]})});l.Z=n},48394:function(e,l,t){"use strict";t.d(l,{CN:function(){return o},W1:function(){return i}});var a=t(85893),s=t(25132),r=t(4695),n=t(74481);function i(){return(0,a.jsxs)(s.Z,{layout:"row",gap:"normal",customClass:"mt-2",children:[(0,a.jsx)(r.Z,{classSize:"h-16 w-24 lg:w-32",rounded:"md"}),(0,a.jsxs)(s.Z,{layout:"column",gap:"small",children:[(0,a.jsxs)(s.Z,{layout:"row",gap:"small",children:[(0,a.jsx)(r.Z,{classSize:"h-4 w-16 lg:w-20",rounded:"md"}),(0,a.jsx)(r.Z,{classSize:"h-4 w-20",rounded:"md"})]}),(0,a.jsxs)(s.Z,{layout:"column",gap:"normal",children:[(0,a.jsx)(r.Z,{classSize:"h-4 w-28 lg:w-32",rounded:"md"}),(0,a.jsx)(r.Z,{classSize:"h-2 w-24 lg:w-32",rounded:"md"})]}),(0,a.jsx)(s.Z,{layout:"column",gap:"normal",customClass:"mt-2",children:(0,a.jsx)(r.Z,{classSize:"h-4 w-20 lg:w-32",rounded:"md"})})]})]})}function o(){return(0,a.jsxs)(s.Z,{justify:"start",items:"start",layout:"column",gap:"normal",customClass:"bg-white w-full h-72",children:[(0,a.jsx)(r.Z,{classSize:"w-full h-32",bgColor:"gray",rounded:"lg"}),(0,a.jsx)(r.Z,{classSize:"w-44 lg:w-44 h-4",bgColor:"gray",rounded:"lg"}),(0,a.jsx)(r.Z,{classSize:"w-32 lg:w-32 h-4",bgColor:"gray",rounded:"lg"}),(0,a.jsx)(r.Z,{classSize:"w-24 lg:w-24 h-4",bgColor:"gray",rounded:"lg"}),(0,a.jsx)(r.Z,{classSize:"w-32 lg:w-32 h-4",bgColor:"gray",rounded:"lg"})]})}function c(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(s.Z,{justify:"between",items:"center",layout:"row",customClass:"container mx-auto px-2 mt-10",children:[(0,a.jsx)(r.Z,{classSize:"w-20 lg:w-56 h-6",bgColor:"gray",rounded:"lg"}),(0,a.jsx)(r.Z,{classSize:"w-20 lg:w-32 h-4",bgColor:"gray",rounded:"lg"})]}),(0,a.jsxs)(s.Z,{justify:"between",gap:"medium",items:"center",layout:"row",customClass:"container mx-auto px-2 mt-8 overflow-scroll",children:[(0,a.jsx)(o,{}),(0,a.jsx)(o,{}),(0,a.jsx)(o,{}),(0,a.jsx)(o,{}),(0,a.jsx)(o,{})]})]})}l.ZP=function(){return(0,a.jsxs)("section",{className:"mt-16 lg:mt-8 px-4",children:[(0,a.jsx)(n.QO,{}),(0,a.jsxs)("div",{className:"lg:block hidden w-full",children:[(0,a.jsx)(c,{}),(0,a.jsx)(c,{}),(0,a.jsx)(c,{})]}),(0,a.jsx)("div",{children:(0,a.jsxs)("div",{className:"lg:hidden flex gap-4 flex-col w-full",children:[(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{}),(0,a.jsx)(i,{})]})})]})}},36910:function(e,l,t){"use strict";t.r(l);var a=t(85893),s=t(67294),r=t(73723),n=t(21127),i=t(7334),o=t(53204);l.default=function(e){let{handleSubmit:l,handleReset:t}=e,c=(0,n.Z)(),{useTranslation:d}

1=(0,s.useContext)(i.AZ),[u,m]=(0,s.useState)(null),g=(0,s.useMemo)(()=>[{value:"discount_price:asc",label:d("low_to_high")},{value:"discount_price:desc",label:d("high_to_low")}],[d]),x=null==c?void 0:c.get("sort");return(0,s.useEffect)(()=>{x&&m(g.find(e=>e.value===x).value)},[x,g]),(0,a.jsx)("section",{className:"top-0 left-0 right-0 bottom-0 flex h-full w-full overflow-y-auto bg-opacity-80 lg:p-4",children:(0,a.jsxs)("div",{className:"flex w-full flex-col justify-between rounded-md bg-white border lg:shadow-lg",children:[(0,a.jsx)("div",{className:"px-3 pt-3 lg:block hidden",children:(0,a.jsx)("p",{className:"font-bold text-sm leading-5",children:d("sort_price")})}),(0,a.jsx)("div",{className:"flex flex-row space-x-4 overflow-hidden lg:pt-0 lg:px-3 pt-3",children:(0,a.jsx)("div",{className:"flex flex-col",children:(0,a.jsx)("div",{className:"flex flex-col w-full gap-2",children:(0,a.jsx)(o.Z,{isHorizontalChild:!0,label:"",onChange:e=>{m(e.target.value)},value:u,options:g,name:""})})})}),(0,a.jsxs)("div",{className:"mt-3 flex-row items-center border-t px-3 py-3 flex",children:[(0,a.jsx)(r.default,{variant:"text",color:"white",colorText:"muted",fontWeight:"semibold",onClick:()=>{m(null),t()},disabled:!u,customClass:"w-10 ".concat(u&&"!text-danger"),children:d("reset")}),(0,a.jsx)("div",{className:"flex w-full items-end justify-end",children:(0,a.jsx)(r.default,{variant:"contained",color:"primary",rounded:"large",disabled:!u,onClick:()=>l(u),customClass:"flex flex-wrap justify-center w-28 px-4 py-2.5 hover:bg-primary font-medium text-base text-white border border-primary rounded-md shadow-button",children:d("apply")})})]})]})})}},46352:function(e,l,t){"use strict";t.r(l);var a=t(85893),s=t(67294),r=t(73723),n=t(21127),i=t(7334),o=t(56992);l.default=function(e){let{handleSubmit:l,handleReset:t}=e,c=(0,n.Z)(),{useTranslation:d}=(0,s.useContext)(i.AZ),[u,m]=(0,s.useState)(["inhouse","public_class","skill_booster","certification"]),g=(0,s.useMemo)(()=>[{label:"In-house Program",value:"inhouse"},{label:d("public_class"),value:"public_class"},{label:"Skill Booster",value:"skill_booster"},{label:d("certification"),value:"certification"}],[d]),x=null==c?void 0:c.get("type");(0,s.useEffect)(()=>{if(x){let e=(null==x?void 0:x.split(","))||[];m(g.filter(l=>e.includes(l.value)).map(e=>e.value))}},[x,g]);let h=e=>{m(()=>e.target.checked?(null==u?void 0:u.length)>0?[...u.filter(l=>l!==e.target.value),e.target.value]:[e.target.value]:[...u.filter(l=>l!==e.target.value)])};return(0,a.jsx)("section",{className:"top-0 left-0 right-0 bottom-0 flex h-full w-full overflow-y-auto bg-opacity-80 lg:p-4",children:(0,a.jsxs)("div",{className:"flex w-full flex-col justify-between rounded-md bg-white border lg:shadow-lg",children:[(0,a.jsx)("div",{className:"px-3 pt-3 lg:block hidden",children:(0,a.jsx)("p",{className:"font-bold text-sm leading-5",children:d("program_and_class_type")})}),(0,a.jsx)("div",{className:"flex flex-row space-x-4 overflow-hidden lg:pt-0 lg:px-3 pt-3",children:(0,a.jsx)("div",{className:"flex flex-col",children:(0,a.jsx)("div",{className:"flex flex-col w-full gap-2 pt-3",children:g.map((e,l)=>(0,a.jsx)(s.Fragment,{children:(0,a.jsx)(o.Z,{label:e.label,onChange:h,value:e.value,checked:null==u?void 0:u.includes(e.value)})},l))})})}),(0,a.jsxs)("div",{className:"mt-3 flex-row items-center border-t px-3 py-3 flex",children:[(0,a.jsx)(r.default,{variant:"text",color:"white",colorText:"muted",fontWeight:"semibold",onClick:()=>{m([]),t()},disabled:0===u.length,customClass:"w-10 ".concat(u.length>0&&"!text-danger"),children:d("reset")}),(0,a.jsx)("div",{className:"flex w-full items-end justify-end",children:(0,a.jsx)(r.default,{variant:"contained",color:"primary",rounded:"large",disabled:0===u.length,onClick:()=>l(u),customClass:"flex flex-wrap justify-center w-28 px-4 py-2.5 hover:bg-primary font-medium text-base text-white border border-primary rounded-md shadow-button",children:d("apply")})})]})]})})}},77449:function(e,l,t){"use strict";var a=t(85893),s=t(63863),r=t(20830),n=t(63448);l.Z=function(e){let{schedule:l,label:t,dataDelivery:i,iconSize:o=20,size:c="2extra-small",fontWeight:d}=e,u="";switch(d){case"medium":default:u="font-medium";break;case"semibold":u="font-semibold";break;case"bold":u="font-bold"}return(0,a.jsxs)("div",{className:"flex space-x-4 items-center",children:[(null==i?void 0:i.offline_delivery)&&(0,a.jsx)(r.Z,{weight:u,label:"offline class",customClass:"text-primary-hover bg-primary-surface h-6"}),(null==i?void 0:i.online_delivery)&&(0,a.jsx)(r.Z,{weight:u,label:"online class",customClass:"text-pink-700 bg-pink-100 h-6"}),t&&(0,a.jsx)(r.Z,{size:"text-xs",weight:u,label:t,customClass:"text-indigo-700 bg-indigo-100 h-6"}),l&&(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)(n.Z,{height:o,width:o,styles:"relative top-1 text-primary",iconName:"date"}),(0,a.jsx)(s.default,{size:c,weight:d,color:"primary",customClass:"leading-4",children:l})]})]})}},47235:function(e,l,t){"use strict";var a=t(85893),s=t(20830),r=t(13592),n=t(63863),i=t(7334),o=t(67294),c=t(42444);t(81001),l.Z=function(e){let{index:l,category:t,type:d="public",position:u="absolute",paddingContainer:m="p-3",isSkillBooster:g=!1,isNewStyle:x=!1}=e,{useTranslation:h}=(0,o.useContext)(i.AZ),p=(0,o.useId)().replace(/:/g,""),f="type-".concat(p),v="category-".concat(p),b={public:"bg-secondary-surface text-secondary",skill_booster:"bg-warning-surface text-warning-hover",inhouse:x?"bg-danger-surface text-danger":"bg-primary-surface text-primary-hover",certification:"bg-accent-purple-surface text-accent-purple"},y=d;return y=x&&"public"===d?"Public Class":x&&"inhouse"===d?"In-house":d,(0,a.jsxs)("div",{className:"".concat(u," ").concat(m," justify-start items-center top-0 lg:flex hidden"),children:[(0,a.jsx)("span",{id:f,children:(0,a.jsx)(s.Z,{label:g?"Skill Booster":y,containerPadding:"py-0 px-2",customClass:"".concat(g?b.skill_booster:b[d]," rounded truncate")})}),(0,a.jsx)(c.u,{style:{width:"100%",zIndex:100},place:"top",anchorSelect:"#".concat(f),children:(0,a.jsx)(n.default,{size:"extra-small",children:h("what_is_".concat(d.toLowerCase(),"_class"))})}),(0,a.jsx)("span",{id:v,children:(0,a.jsx)(n.default,{weight:"semibold",color:"gray",size:"2extra-small",customClass:"ml-2 bg-neutral-20 rounded px-2 capitalize truncate",children:(0,r.bv)((0,r.kC)(t.name,"-"),24)})}),(0,a.jsx)(c.u,{style:{width:"100%",zIndex:100},place:"top",anchorSelect:"#".concat(v),children:(0,a.jsx)(n.default,{size:"extra-small",children:t.description})})]})}},40287:function(e,l,t){"use strict";t.r(l);var a=t(85893),s=t(73723),r=t(80310),n=t(63863);

1l.default=function(e){let{title:l,subtitle:t,image:i="/assets/images/empty_table.png",buttonClick:o,buttonName:c,customButton:d,width:u,height:m,titleClassName:g="font-medium",subtitleClassName:x,className:h="mt-12 p-4 sm:p-0"}=e;return(0,a.jsxs)("div",{className:"".concat(h," flex flex-col items-center justify-center"),children:[(0,a.jsx)(r.default,{src:i,alt:"not-available",width:u||406,height:m||306,objectFit:"cover"}),(0,a.jsx)(n.default,{customClass:g,alignText:"center",children:l}),t&&(0,a.jsx)(n.default,{customClass:x,alignText:"center",children:t}),c&&(0,a.jsx)(s.default,{customClass:"mt-4",variant:"contained",color:"primary",onClick:o,children:c}),d]})}},53204:function(e,l,t){"use strict";var a=t(85893),s=t(63863),r=t(80957),n=t(67294);let i=(0,n.forwardRef)((e,l)=>{let{onChange:t=()=>{r.ZP.info("on change not set!")},error:n,label:o,options:c,name:d,message:u,isHorizontal:m=!1,isHorizontalChild:g=!1,value:x,labelColor:h="gray",disabled:p=!1,size:f="large"}=e;i.displayName="Radio";let v="text-neutral-40",b="scale-150",y=(0,a.jsx)("div",{});switch(n&&(v="text-danger"),o&&(y=o.includes("*")?(0,a.jsxs)("div",{className:"flex gap-x-1",children:[(0,a.jsx)(s.default,{type:"small-body",color:h,children:o.replace(" *","")}),(0,a.jsx)(s.default,{weight:"bold",type:"small-body",color:"danger",children:"*"})]}):(0,a.jsx)(s.default,{type:"small-body",color:h,children:o})),f){case"small":b="scale-90";break;case"default":b="scale-100";break;case"medium":b="scale-125"}return(0,a.jsxs)("div",{children:[o&&(0,a.jsx)("div",{className:"mb-2",children:y}),(0,a.jsx)("div",{className:"flex ".concat(m?"mt-3.5 flex-row gap-x-6 sm:gap-x-8":"mt-2 flex-col gap-y-2"),children:c.map((e,s)=>(0,a.jsxs)("div",{className:"flex ".concat(g?"flex-row gap-y-2 gap-x-3":"flex-col gap-x-3 gap-y-2"," items-center"),children:[(0,a.jsx)("input",{className:"".concat(v," ").concat(b),type:"radio",name:d,value:e.value,onChange:e=>t(e),ref:l,checked:e.value===x,disabled:p}),e.label&&(0,a.jsx)("div",{role:"button",tabIndex:0,className:"flex flex-col",onClick:()=>{t({target:{value:e.value}})},children:e.label})]},s))}),n&&(0,a.jsx)("div",{className:"mt-1",children:(0,a.jsx)(s.default,{type:"small-body",color:"danger",children:u})})]})});l.Z=i},96259:function(e,l,t){"use strict";t.r(l),t.d(l,{__N_SSP:function(){return q}});var a=t(85893),s=t(14543),r=t(86790),n=t(73772),i=t(48394),o=t(79289),c=t(13592),d=t(21127),u=t(73723),m=t(63448),g=t(63863),x=t(7334),h=t(74296),p=t(12253),f=t(2962),v=t(11163),b=t(67294),y=t(59734),j=t(85518),w=t(41145),_=t(59341),N=t(87673),C=t(77072),S=t(46352),k=t(36910),Z=t(37122),z=t(91534);function L(e){let{loading:l,programData:t,type:s,pathUrl:r,hideViewAll:n=!1}=e,{useTranslation:i}=(0,b.useContext)(x.AZ);return(0,b.useEffect)(()=>{var e,l;(null==t?void 0:null===(e=t.data)||void 0===e?void 0:null===(l=e.programs)||void 0===l?void 0:l.length)>0&&((0,p.mL)({ecommerce:null}),(0,p.mL)({event:"view_item_list",ecommerce:{items:t.data.programs.map((e,l)=>({item_list_id:e.type.toLowerCase().replace(/ /g,"-"),item_list_name:(0,c.kC)(e.type),item_id:e.id,item_name:e.program_name,item_brand:e.tp_name,item_category:(0,c.kC)(e.category_slug,"-"),item_variant:"".concat((0,c.kC)(e.type)," Program"),index:l+1,currency:"IDR",price:e.price,discount:Math.round(e.price*(e.discount/100)),quantity:1}))}}))},[t]),(0,a.jsxs)("div",{className:"my-4 lg:my-10 flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)(g.default,{size:"extra-large",weight:"semibold",color:"gray-darkest",customClass:"leading-8",children:s}),!n&&(0,a.jsx)("a",{href:r,children:(0,a.jsx)(g.default,{size:"medium",weight:"medium",color:"primary",customClass:"hover:underline",children:i("view_all")})})]}),(0,a.jsx)(Z.default,{sectionName:"".concat(s," Programs"),programs:t&&t.data&&t.data.programs,loading:l})]})}var q=!0;l.default=function(e){var l,t,p,Z;let q,I,E,P,D;let{metaTitle:R,descriptionName:T,initialNewest:F,initialNewestPublic:B}=e,{useTranslation:O,language:M}=(0,b.useContext)(x.AZ),{toggleHeaderSearch:A}=(0,b.useContext)(h.L),V=(0,v.useRouter)(),U=(0,b.useRef)(null),W=(0,d.Z)(),H=W.get("sort_by"),{category:K,date_range:X,min_price:Q,max_price:G,type:J}=V.query,Y=(0,b.useRef)(),$=(0,b.useRef)(),ee=(0,b.useRef)(),el=(0,b.useRef)(),et=(0,b.useRef)(null),[ea,es]=(0,b.useState)(!1),[er,en]=(0,b.useState)(!1),[ei,eo]=(0,b.useState)((null==W?void 0:W.get("keyword"))||""),[ec,ed]=(0,b.useState)(""),[eu,em]=(0,b.useState)([]),[eg,ex]=(0,b.useState)(!1),[eh,ep]=(0,b.useState)(!1),[ef,ev]=(0,b.useState)([]),[eb,ey]=(0,b.useState)(!1),[ej,ew]=(0,b.useState)(!1),[e_,eN]=(0,b.useState)(!1),[eC,eS]=(0,b.useState)(!1),[ek,eZ]=(0,b.useState)(null),[ez,eL]=(0,b.useState)(null),[eq,eI]=(0,b.useState)(null),[eE,eP]=(0,b.useState)(null),{data:eD,isLoading:eR}=(0,y.ZP)(eE,o.Z,{fallbackData:null!=B?B:void 0}),{data:eT,isLoading:eF}=(0,y.ZP)(eq,o.Z,{fallbackData:null!=F?F:void 0});function eB(e,l){W.set(e,l)}function eO(e){W.delete(e)}(0,b.useEffect)(()=>{var e,l,t,a,s,r,n,i,o,c;let d;let u=[],m={};if((null===(e=V.query)||void 0===e?void 0:e.category)&&u.push({filterName:"category",value:V.query.category}),null===(l=V.query)||void 0===l?void 0:l.categories){u.push({filterName:"categories",value:V.query.categories});let e=V.query.categories.toString().split(",");Object.assign(m,{categories:e})}if(null===(t=V.query)||void 0===t?void 0:t.date_range){u.push({filterName:"date_range",value:V.query.date_range});let e=V.query.date_range.toString().split(",");Object.assign(m,{date:e})}

1if((null===(a=V.query)||void 0===a?void 0:a.user_id)&&u.push({filterName:"user_id",value:V.query.user_id}),(null===(s=V.query)||void 0===s?void 0:s.max_price)&&(u.push({filterName:"max_price",value:V.query.max_price}),Object.assign(m,{maxPrice:V.query.max_price})),(null===(r=V.query)||void 0===r?void 0:r.min_price)&&(u.push({filterName:"min_price",value:V.query.min_price}),Object.assign(m,{minPrice:V.query.min_price})),(null===(n=V.query)||void 0===n?void 0:n.sort_by)&&(u.push({filterName:"sort_by",value:V.query.sort_by}),Object.assign(m,{sortBy:V.query.sort_by})),null===(i=V.query)||void 0===i?void 0:i.type){u.push({filterName:"type",value:V.query.type});let e=V.query.type.toString().split(",");Object.assign(m,{classType:e})}(null===(o=V.query)||void 0===o?void 0:o.keyword)&&(u.push({filterName:"keyword",value:V.query.keyword}),eo(V.query.keyword)),eL((c=V.query,d=0,["date_range","max_price","min_price","sort_by","type"].forEach(e=>{c[e]&&(d+=1)}),d));let g=u.map(e=>"".concat(e.filterName,"=").concat(e.value)),x="/api/homepage/newest",h="/api/homepage/newest-public";return g.length>0&&(x+="?".concat(g.join("&")),h+="?".concat(g.join("&"))),eI(x),eP(h),()=>{eo(""),eI(""),eP("")}},[V.query,ez]);let eM=()=>{let{scrollY:e}=window;e>14?(ep(!0),A(!0),en(!1)):(ep(!1),A(!1),en(!0))};(0,b.useEffect)(()=>(window.addEventListener("scroll",eM),()=>{window.removeEventListener("scroll",eM),A(!1)}),[]);let eA=(e,l,t,a)=>{ey(e),ew(l),eN(t),eS(a)},eV=e=>{var l,t,a,s;(null==Y?void 0:null===(l=Y.current)||void 0===l?void 0:l.contains(e.target))||ey(!1),(null==$?void 0:null===(t=$.current)||void 0===t?void 0:t.contains(e.target))||ew(!1),(null==ee?void 0:null===(a=ee.current)||void 0===a?void 0:a.contains(e.target))||eN(!1),(null==el?void 0:null===(s=el.current)||void 0===s?void 0:s.contains(e.target))||eS(!1)};(0,b.useEffect)(()=>(document.addEventListener("mousedown",eV),()=>document.removeEventListener("mousedown",eV)),[]),(0,b.useEffect)(()=>{eA(!1,!1,!1,!1)},[V.query]);let{data:eU,isLoading:eW}=(0,y.ZP)("/api/categories",o.Z);(0,b.useEffect)(()=>{var e;if((null==eU?void 0:null===(e=eU.program_category)||void 0===e?void 0:e.length)>0){let e="category_name";"ID"===M&&(e="category_name_indo");let l=eU.program_category||[],t=l.filter(e=>0===e.categories.length).map(e=>e.slug),a=[...l.filter(e=>

10===e.categories.length).map(l=>({label:l[e]||l.category_name,value:l.slug,description:l.category_description})),...l.filter(e=>e.categories.length>0).map(l=>({label:l[e]||l.category_name,value:l.slug,description:l.category_description}))].sort((e,l)=>e.label.localeCompare(l.label));a.unshift({value:"all",label:O("all_categories"),description:"All categories"});let s=[],r=new URLSearchParams(window.location.search),n=r.get("categories");"all"===K?n?s.push(...n.split(",")):s.push(...t):"string"==typeof K&&s.push(K);let i=t.every(e=>s.includes(e)),o=[];if(i)o=a;else{let e=a.filter(e=>s.includes(e.value));o=e.length>0?e:[]}em(o),ev(a)}return()=>{ev([])}},[eU,M,O,K]);let eH=(0,b.useMemo)(()=>[{label:"In-house Program",value:"inhouse"},{label:O("public_class"),value:"public_class"},{label:"Skill Booster",value:"skill_booster"},{label:O("certification"),value:"certification"}],[O]),eK=(0,b.useMemo)(()=>[{value:"discount_price:asc",label:O("price_low_to_high")},{value:"discount_price:desc",label:O("price_high_to_low")}],[O]);(0,b.useEffect)(()=>{if(H){let e=eK.find(e=>e.value===H);eZ(e||O("sort_by"))}else eZ(null)},[H,O,eK]),(0,b.useEffect)(()=>{er?document.body.className+="body_hide_scroll":document.body.classList.remove("body_hide_scroll")},[er]);let eX=null==W?void 0:W.get("keyword");function eQ(){var e,l,t;return ei?V.push("/homepage/".concat(eu.length>0?null===(t=eu[0])||void 0===t?void 0:t.value:K,"?keyword=").concat(ei)):(en(!1),null==U||null===(e=U.current)||void 0===e||e.blur(),V.push("/homepage/".concat(eu.length>0?null===(l=eu[0])||void 0===l?void 0:l.value:K)))}(0,b.useEffect)(()=>{eX&&eo(eX)},[eX]);let eG=(e,l)=>{if(e.length>0){let t="",a=e.map(e=>e.value);1===a.length&&"all"!==a[0]?(t="/homepage/".concat(a[0]),eO("categories")):(t="/homepage/all",a.includes("all")&&e.length===l?eO("categories"):eB("categories",a.join(",")));let s=W.toString(),r=s.length?"".concat(t,"?").concat(s):t;V.push(r)}},eJ=()=>{eO("date_range");let e=W.toString(),l=e.length?"/homepage/".concat(K,"?").concat(e):"/homepage/".concat(K);V.push(l)},eY=()=>{eO("min_price"),eO("max_price");let e=W.toString(),l=e.length?"/homepage/".concat(K,"?").concat(e):"/homepage/".concat(K);V.push(l)},e$="z-0";er&&(e$="z-10");let e0=(0,a.jsx)(f.PB,{title:"".concat(R," | PasarTrainer"),description:T,canonical:"".concat("https://pasartrainer.com","/programs/").concat(K)});return eD||eT?(0,a.jsxs)("div",{className:"flex flex-col relative",children:[e0,(0,a.jsx)("h1",{className:"sr-only",children:O("all_training_program")}),(0,a.jsx)("section",{className:"hidden lg:flex bg-white pt-6 mb-3",children:(0,a.jsx)("div",{className:"".concat(e$," container mx-auto px-4 lg:px-0"),children:(0,a.jsxs)("div",{className:"border border-neutral-40 rounded-md p-2 pl-4 flex flex-row items-center justify-between gap-4 h-[52px]",children:[(0,a.jsxs)("div",{className:"relative w-full h-full flex",children:[(0,a.jsx)("div",{className:"w-full flex flex-1 items-center",children:(0,a.jsx)(w.Z,{ref:U,noBorder:!0,name:"search",type:"text",placeholder:O("what_do_you_want_to_learn"),placehoderSize:"medium",padding:"no-padding",value:ec||ei,onChange:e=>{ed(e.target.value),eo(e.target.value),en(!0)},onFocus:()=>en(!0),onBlur:()=>en(!1),onKeyDown:e=>{"Enter"===e.key&&eQ()}})}),j.nI&&(null==ei?void 0:ei.length)>0&&er&&(0,a.jsx)("div",{className:"block absolute -top-2 left-0 w-full",children:(0,a.jsx)(r.Z,{inputSearchRef:U,onFocus:()=>en(!0),onLeft:()=>en(!1),searchValue:ei.toLocaleLowerCase(),navigateSearch:async e=>{!function(){var e,l;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;en(!1),null==U||null===(e=U.current)||void 0===e||e.blur(),V.push("/homepage/".concat(eu.length>0?null===(l=eu[0])||void 0===l?void 0:l.value:K,"?keyword=").concat(t))}(e)},onArrowKey:e=>{ed(e),en(!1)},isSuggestionSearch:er})})]}),(0,a.jsx)("div",{className:"flex items-center justify-end",children:(0,a.jsx)(u.default,{ariaLabel:"search",customClass:"w-9 h-9",variant:"contained",color:"primary",rounded:"medium",loading:ea,onClick:()=>{es(!eW),eQ()},children:(0,a.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})})]})})}),(0,a.jsx)("section",{className:"hidden lg:flex bg-white pb-6 top-[80px] ".concat(eh?"sticky z-10 shadow-[0px_4px_6px_rgba(0,0,0,0.05)]":""),children:(0,a.jsx)("div",{className:"container mx-auto px-4 lg:px-0",children:(0,a.jsxs)("div",{className:"grid grid-cols-5 ga

1p-3",children:[(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)(_.Z,{isMulti:!0,variant:"checkbox",ref:et,label:"",value:eu,onChange:e=>{var l;let t=[...e],a=t.some(e=>"all"===e.value),s=eu.some(e=>"all"===e.value),r=eu.length===ef.length;if(a&&!s)t=ef;else if(!a&&s)t=[];else if(a||s||!(t.length>1)){if(a&&s&&r){let l=eu.filter(l=>!e.some(e=>e.value===l.value));t=l}else s||0!==t.length||(t=[])}else t=t.filter(e=>"all"!==e.value);eG(t,ef.length),em(t),null==et||null===(l=et.current)||void 0===l||l.blur()},placeholder:O("select_category"),options:ef,customCss:{borderRadius:"4px",minHeight:39},noOptionsMessage:O("not_available")})}),(0,a.jsxs)("div",{ref:Y,className:"relative border w-full ".concat((null==X?void 0:X.length)>0?"border-primary":"border-neutral-40"," font-heading group flex-auto items-center rounded bg-white text-sm font-medium"),children:[(0,a.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>{eA(!eb,!1,!1,!1)},className:"relative flex h-[37px] w-full items-center justify-between pr-2 pl-4 rounded",children:[(0,a.jsx)(g.default,{color:(null==X?void 0:X.length)>0?"gray":"muted",weight:"medium",size:"small",customClass:"leading-5",children:"".concat((null==X?void 0:X.length)>0?(0,c.ke)(new Date(null===(l=null==X?void 0:X.toString().split(","))||void 0===l?void 0:l[0]),new Date(null===(t=null==X?void 0:X.toString().split(","))||void 0===t?void 0:t[1])):""," ").concat(X?"":O("range_date"))}),(0,a.jsxs)("div",{className:"flex flex-row items-center gap-x-1.5",children:[(0,a.jsx)("div",{className:"w-px h-5 bg-neutral-40"}),(0,a.jsx)(m.Z,{iconName:"arrowBottom",styles:"transition ".concat(eb?"rotate-180":"rotate-0"),color:s.TV.neutral[40]})]})]}),(0,a.jsx)(n.Z,{type:"show",isLoading:!eb,className:"absolute -left-4 z-10 ".concat(eb?"top-9":"hidden"),children:(0,a.jsx)("div",{ref:Y,children:(0,a.jsx)(N.default,{applyFilterDate:e=>{eB("date_range",null==e?void 0:e.toString());let l=W.toString(),t=l.length?"/homepage/".concat(K,"?").concat(l):"/homepage/".concat(K);V.push(t)},resetFilterDate:eJ})})})]}),(0,a.jsxs)("div",{ref:$,className:"relative border w-full ".concat((null==Q?void 0:Q.length)>0||(null==G?void 0:G.length)>0?"border-primary":"border-neutral-40"," font-heading group flex-auto items-center rounded bg-white text-sm font-medium"),children:[(0,a.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>{eA(!1,!ej,!1,!1)},className:"relative flex h-[37px] w-full items-center justify-between pr-2 pl-4",children:[(0,a.jsx)(g.default,{color:(null==Q?void 0:Q.length)>0||(null==G?void 0:G.length)>0?"gray":"muted",weight:"medium",size:"small",customClass:"leading-5",children:(q="",I="",E="",P="",D="",Q>0&&G>0&&(P="Rp",q=parseInt(Q.toString(),10).toLocaleString("id-ID"),I=parseInt(G.toString(),10).toLocaleString("id-ID"),E="-"),Q>0&&!G&&(P="Rp",q=parseInt(Q.toString(),10).toLocaleString("id-ID"),E=""),G>0&&!Q&&(P="Rp",I=parseInt(G.toString(),10).toLocaleString("id-ID"),q="0",E="-"),Q||G||(D=O("range_price")),"".concat(P," ").concat(q," ").concat(E," ").concat(I," ").concat(D))}),(0,a.jsxs)("div",{className:"flex flex-row items-center gap-x-1.5",children:[(0,a.jsx)("div",{className:"w-px h-5 bg-neutral-40"}),(0,a.jsx)(m.Z,{iconName:"arrowBottom",styles:"transition ".concat(ej?"rotate-180":"rotate-0"),color:s.TV.neutral[40]})]})]}),(0,a.jsx)(n.Z,{type:"show",isLoading:!ej,className:"absolute -left-4 z-20 w-px-390 ".concat(ej?"top-9":"hidden"),children:(0,a.jsx)("div",{className:"w-px-390",children:(0,a.jsx)(C.default,{handleSubmitFilterPrices:(e,l)=>{e?eB("min_price",null==e?void 0:e.toString()):eO("min_price"),l?eB("max_price",null==l?void 0:l.toString()):eO("max_price");let t=W.toString(),a=t.length?"/homepage/".concat(K,"?").concat(t):"/homepage/".concat(K);V.push(a)},handleResetPrice:eY,withRangeLine:!1})})})]}),(0,a.jsxs)("div",{ref:ee,className:"relative border w-full ".concat(J?"border-primary":"border-neutral-40"," font-heading group flex-auto items-center rounded bg-white text-sm font-medium"),children:[(0,a.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>{eA(!1,!1,!e_,!1)},className:"relative flex h-full w-full items-center justify-between pr-2 ".concat(J?"pl-2":"pl-4"),children:[(0,a.jsxs)("div",{className:"flex w-full gap-x-2 ".concat(J?"text-neutral-70":"text-muted"),children:[J?J.toString().split(",").map((e,l)=>{let t=eH.find(l=>l.value===e);

1return 0===l?(0,a.jsx)("div",{className:"text-[10px] bg-primary-surface border rounded p-1",children:t?t.label:e},l):null}):O("all_program_&_class"),J&&J.toString().split(",").length>1&&(0,a.jsxs)("div",{className:"text-[10px] bg-primary-surface border rounded py-1 px-2",children:["+",J.toString().split(",").length-1]})]}),(0,a.jsxs)("div",{className:"flex flex-row items-center gap-x-1.5",children:[(0,a.jsx)("div",{className:"w-px h-5 bg-neutral-40"}),(0,a.jsx)(m.Z,{iconName:"arrowBottom",styles:"transition ".concat(e_?"rotate-180":"rotate-0"),color:s.TV.neutral[40]})]})]}),(0,a.jsx)(n.Z,{type:"show",isLoading:!e_,className:"absolute -left-4 z-20 w-[265px] ".concat(e_?"top-9":"hidden"),children:(0,a.jsx)("div",{className:"w-[265px]",children:(0,a.jsx)(S.default,{handleSubmit:e=>{eB("type",null==e?void 0:e.toString());let l=W.toString(),t=l.length?"/homepage/".concat(K,"?").concat(l):"/homepage/".concat(K);V.push(t)},handleReset:()=>{eO("type");let e=W.toString(),l=e.length?"/homepage/".concat(K,"?").concat(e):"/homepage/".concat(K);V.push(l)}})})})]}),(0,a.jsxs)("div",{ref:el,className:"relative border w-full ".concat(ek?"border-primary-hover":"border-neutral-40"," font-heading group flex-auto items-center rounded bg-white text-sm font-medium"),children:[(0,a.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>{eA(!1,!1,!1,!eC)},className:"relative flex flex-row h-[37px] w-full items-center justify-between pr-2 pl-4",children:[(0,a.jsx)(g.default,{color:ek?"gray":"muted",weight:"medium",size:"small",customClass:"leading-5",children:ek?null==ek?void 0:ek.label:O("sort_price")}),(0,a.jsxs)("div",{className:"flex flex-row items-center gap-x-1.5",children:[(0,a.jsx)("div",{className:"w-px h-5 bg-neutral-40"}),(0,a.jsx)(m.Z,{iconName:"arrowBottom",styles:"transition ".concat(eC?"rotate-180":"rotate-0"),color:s.TV.neutral[40]})]})]}),(0,a.jsx)(n.Z,{type:"show",isLoading:!eC,className:"absolute -left-4 z-20 w-[265px] ".concat(eC?"top-9":"hidden"),children:(0,a.jsx)("div",{className:"w-[265px]",children:(0,a.jsx)(k.default,{handleSubmit:e=>{eB("sort_by",null==e?void 0:e.toString());let l=W.toString(),t=l.length?"/homepage/".concat(K,"?").concat(l):"/homepage/".concat(K);V.push(t)},handleReset:()=>{eO("sort_by");let e=W.toString(),l=e.length?"/homepage/".concat(K,"?").concat(e):"/homepage/".concat(K);V.push(l)}})})})]})]})})}),(0,a.jsxs)("section",{className:"mt-4 px-4 relative flex flex-row items-center justify-between lg:hidden",children:[(0,a.jsx)(g.default,{size:"large",weight:"semibold",customClass:"lg:text-2xl lg:mb-3",children:O("all_training_program")}),(0,a.jsxs)("div",{role:"button",tabIndex:0,className:"flex lg:hidden bg-white p-1.5 items-center justify-center border ".concat(ez>0?"border-primary":"border-neutral-30"," rounded"),onClick:()=>{ex(!eg),document.body.style.overflow="hidden"},children:[(0,a.jsx)(m.Z,{iconName:"filter",width:16,height:16,color:ez>0?s.TV.primary.DEFAULT:"#000"}),(0,a.jsx)(g.default,{size:"small",customClass:"ml-2",color:ez>0?"primary":"dark",children:O("filter")})]}),ez>0&&(0,a.jsx)("div",{className:"absolute lg:hidden top-[-8px] right-1 h-4 w-4 bg-primary rounded-full flex items-center justify-center text-white",children:(0,a.jsx)("span",{className:"text-[10px] font-medium",children:ez})})]}),(0,a.jsx)("section",{className:"bg-white lg:bg-[#F9FBFF]",children:(0,a.jsxs)("div",{className:"container mx-auto px-4 lg:px-0",children:[(null==eD?void 0:null===(p=eD.data)||void 0===p?void 0:null===(Z=p.programs)||void 0===Z?void 0:Z.length)>0&&(0,a.jsx)(L,{type:O("new_public_programs"),programData:eD,loading:eR,pathUrl:"/programs/all?type=public_class%2Cskill_booster"}),(0,a.jsx)(L,{type:"certification"===J?O("certifications"):O("newest_programs"),programData:eT,loading:eF,pathUrl:"/programs/all"})]})}),eg&&(0,a.jsx)(z.default,{pathUrl:"/homepage",isOpen:eg,onClose:()=>{document.body.style.overflow="auto",ex(!eg)},categorySelectType:"single",resetFilterPrice:eY,resetFilterDate:eJ})]}):(0,a.jsxs)(a.Fragment,{children:[e0,(0,a.jsx)("h1",{className:"sr-only",children:O("all_training_program")}),(0,a.jsx)(i.ZP,{})]})}}},function(e){e.O(0,[7549,3863,246,9341,7122,1534,4770,9774,6535,2888,179],function(){return e(e.s=32869)}),_N_E=e.O()}]);
2//# sourceMappingURL=[category]-c3f70a128b73dbb4.js.map