https://xpeducacao.com.br/_next/static/chunks/3715.23a49126f54fa95c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3715],{93715:function(e,l,t){t.r(l),t.d(l,{ModulesSection:function(){return j}});var n=t(57437),r=t(2265),i=t(6552),s=t(40231);let a=e=>{let{children:l,isActive:t=!1,onClick:r,className:i,theme:a="darkBg"}=e;return(0,n.jsx)("button",{onClick:r,className:(0,s.cn)("inline-flex items-center gap-2 px-4 h-9 rounded-lg text-sm font-semibold transition-all duration-200","focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2","lightBg"===a?t?"bg-secondary-green-50 text-secondary-green-700 border border-secondary-green-200":"bg-transparent text-gray-700 hover:text-gray-900 hover:bg-gray-50":t?"bg-[#161B26] text-[#CECFD2]":"bg-transparent text-gray-500 hover:text-gray-400",i),children:l})},o=e=>{let{categories:l,activeCategory:t,onCategoryChange:r,className:i,theme:o="lightBg"}=e;return(0,n.jsx)("div",{className:(0,s.cn)("flex flex-wrap gap-3 py-2 md:py-0",i),children:l.map(e=>(0,n.jsxs)(a,{isActive:t===e.id,onClick:()=>null==r?void 0:r(e.id),theme:o,children:[(0,n.jsx)("span",{children:e.name}),(0,n.jsx)("span",{className:(0,s.cn)("w-6 h-6 rounded-full flex items-center justify-center text-xs font-mediun border","lightBg"===o?t===e.id?"bg-secondary-green-100 text-secondary-green-700 border-secondary-green-300":"bg-gray-100 text-gray-600 border-gray-300":t===e.id?"bg-secondary-green-950 text-secondary-green-300 border-secondary-green-800":"bg-primary-dark-900 text-primary-dark-300 border-primary-dark-700"),children:e.numberOfModules})]},e.id))})};var d=t(57218),c=t(28879),u=t(81757),g=t(63158);let x=e=>{let{title:l,description:t,isOpen:r,onToggle:i,theme:a="darkBg"}=e,o=(null==t?void 0:t.includes("•"))?"•":";",x=null==t?void 0:t.split(o).map(e=>e.trim()).filter(Boolean);return(0,n.jsxs)("div",{className:(0,s.cn)("flex flex-col gap-2 cursor-pointer rounded-xl p-4 border","darkBg"===a?"bg-[#161B26] border-[#333741]":"bg-white border-gray-200"),children:[(0,n.jsxs)("div",{onClick:i,className:"w-full flex items-center justify-between text-left gap-2",children:[(0,n.jsx)(u.N,{theme:a,text:l,className:"font-medium !text-lg"}),r?(0,n.jsx)(g.S,{}):(0,n.jsx)(d.F,{})]}),r&&(x.length>1?(0,n.jsx)("ul",{className:"mt-2 list-disc pl-5 space-y-1",children:x.map((e,l)=>(0,n.jsx)(c.V,{theme:a,text:e,className:"!text-[16px]"},l))}):1===x.length&&(0,n.jsx)(c.V,{theme:a,text:x[0],className:"!text-[16px]"}))]})};var m=t(80974),h=t(72784),f=t(14006),p=t(81389),v=t(16463),y=t(49354),b=t(51207);let j=e=>{var l,t,s;let{content:a,onOpenModal:d}=e,{trackEvent:c,trackButtonClick:u}=(0,p.Z)({component:"modules_section"}),{header:g,display:j,actions:k,categories:N=[],modules:w}=a||{},B=(0,v.useRouter)(),[_,C]=(0,r.useState)(null===(l=N[0])||void 0===l?void 0:l.id),[S,z]=(0,r.useState)(null),E=N.length>0?w.filter(e=>e.categoryId===_):w,M=e=>{z(l=>l===e?null:e)};return((0,r.useEffect)(()=>{S&&c({action:"open_module_description_button_click",extra:{moduleTitle:E[S].title}})},[E,S,c]),w.length&&g.title)?(0,n.jsx)(b.S,{theme:null==j?void 0:j.theme,children:(0,n.jsxs)(f.Z,{className:"w-full",children:[(0,n.jsxs)("div",{className:"flex flex-col lg:flex-row lg:justify-between lg:items-start gap-6 lg:gap-8",children:[(0,n.jsx)(i.M,{theme:(null==j?void 0:j.theme)||"lightBg",subHeading:null==g?void 0:g.subHeading,title:null==g?void 0:g.title,subtitle:null==g?void 0:g.subtitle,textAlign:"left",className:"flex-1 text-left items-start max-w-5xl !px-0"}),(0,n.jsxs)(h.Z,{className:"lg:ml-8 max-lg:!flex-col max-lg:w-full",children:[(null==k?void 0:null===(t=k.primary)||void 0===t?void 0:t.link)&&(0,n.jsx)(m.z,{action:k.primary.link,onClick:()=>{let e=null==k?void 0:k.primary;u("primary_button_click",{action:null==e?void 0:e.text}),(0,y.qk)(null==e?void 0:e.link,B,d)},variant:"primary",size:"lg",className:"w-full md:w-auto",children:k.primary.text}),(null==k?void 0:null===(s=k.secondary)||void 0===s?void 0:s.link)&&(0,n.jsx)(m.z,{action:k.secondary.link,onClick:()=>{let e=null==k?void 0:k.secondary;u("secondary_button_click",{action:null==e?void 0:e.text}),(0,y.qk)(null==e?void 0:e.link,B,d)},variant:(null==j?void 0:j.theme)==="darkBg"?"secondaryGray":"secondaryLight",size:"lg",className:"w-full md:w-auto",children:k.secondary.text})]})]}),(0,n.jsxs)("div",{className:"flex flex-col gap-4 w-full",children:[N.length>0&&(0,n.jsx)("div",{className:"flex justify-start overflow-x-auto -mx-4 px-4 md:mx-0 md:px-0 md:overflow-visible",children:(0,n.jsx)(o,{categories:N,activeCategory:_,onCategoryChange:e=>{C(e),z(null)},className:"md:flex-wrap",theme:(null==j?void 0:j.theme)||"lightBg"})}),E.map((e,l)=>

1(0,n.jsx)(x,{title:e.title,description:(null==e?void 0:e.description)||"",isOpen:S===l,onToggle:()=>M(l),theme:(null==j?void 0:j.theme)||"lightBg"},l))]})]})}):null}}}]);