https://www.dropout.tv/_next/static/chunks/6346.f4ca64b0958463dd.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6346],{6346:(e,t,i)=>{i.r(t),i.d(t,{default:()=>u});var a=i(17023),l=i(25711),r=i(21097),n=i(20872),s=i(76450),d=i(57440),o=i(41061),c=i(77509),m=i(45111);let u=e=>{var t;let{slice:i}=e,{nextStep:u,profile:f}=(0,n.useOnboarding)(),[x,g]=(0,m.useState)([]);(0,m.useEffect)(()=>{(null==f?void 0:f.topic_interests.length)&&g(f.topic_interests.map(e=>e.external_id))},[null==f?void 0:f.topic_interests]);let h=null==(t=i.primary.interest)?void 0:t.map(e=>({id:e.name,name:e.name,icon:(0,a.jsx)(s.DropoutImage,{field:e.emoji_image,className:"h-full w-full object-contain"})}));return h?(0,a.jsx)(l.C,{"data-slice-type":i.slice_type,"data-slice-variation":i.variation,className:"relative",ctaButton:x.length>0?(0,a.jsx)(o.$,{size:"lg",className:"w-full",onClick:()=>{x.length>0?u({topic_interests:x}):i.primary.is_skippable&&u()},children:i.primary.cta_label}):null,children:(0,a.jsxs)(r.W,{className:"h-full space-y-10 overflow-auto",children:[(0,a.jsx)(d.TextBlock,{size:"lg",title:i.primary.title,body:i.primary.description,titleElement:"h1",className:"md:max-w-full"}),(0,a.jsx)("div",{className:"px-2 md:mx-auto md:max-w-[90%] md:px-0",children:(0,a.jsx)(c.CategorySelector,{categories:h,selectedCategories:x,onSelect:e=>{g(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])}})})]})}):(0,a.jsx)(d.TextBlock,{title:"There was an error loading the categories",body:"Please try again later."})}},12480:(e,t,i)=>{i.d(t,{C:()=>o});var a=i(17023),l=i(80866),r=i(70411),n=i(45111),s=i(26978);let d=(0,r.F)("rounded-full border border-2 border-black bg-dropout-yellow text-black flex items-center justify-center",{variants:{size:{sm:"h-6 w-6",md:"h-8 w-8",lg:"h-10 w-10"}},defaultVariants:{size:"md"}}),o=n.forwardRef((e,t)=>{let{className:i,children:r,size:n="md",iconName:o="CheckThick",...c}=e;return(0,a.jsx)("div",{ref:t,className:(0,l.cn)(d({size:n}),i),...c,children:o&&(0,a.jsx)(s.I,{iconName:o,size:"lg"!==n?n:"default"})})});o.displayName="Indicator"},21097:(e,t,i)=>{i.d(t,{W:()=>r});var a=i(17023),l=i(80866);function r(e){let{children:t,className:i,...r}=e;return(0,a.jsx)("div",{"data-type":"step-content",className:(0,l.cn)("flex flex-1 flex-col md:items-center",i),...r,children:t})}},25711:(e,t,i)=>{i.d(t,{C:()=>s});var a=i(17023),l=i(80866),r=i(56643),n=i(82242);function s(e){let{children:t,className:i,ctaButton:s,...d}=e;return(0,a.jsxs)("div",{className:(0,l.cn)("mx-auto flex h-full w-full flex-1 flex-col justify-between space-y-6 p-4 pt-[53px] md:max-w-[80%] md:p-0 md:pt-12",i),...d,children:[t,(0,a.jsx)(r.AnimatePresence,{children:s&&(0,a.jsx)(n.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.3},className:"bg-linear-to-t fixed bottom-0 left-0 right-0 z-[40] from-black/80 via-black/40 to-transparent p-4 pt-8 md:relative md:bottom-auto md:left-auto md:right-auto md:mt-auto md:bg-none md:p-0 md:pb-10",children:s})})]})}},38042:(e,t,i)=>{i.d(t,{a:()=>l});var a=i(45111);function l(){let[e,t]=a.useState(!1);return a.useEffect(()=>{let e=window.matchMedia("(max-width: ".concat(767,"px)")),i=()=>t(!!e.matches);return i(),e.addEventListener("change",i),()=>e.removeEventListener("change",i)},[]),e}},57440:(e,t,i)=>{i.r(t),i.d(t,{TextBlock:()=>d});var a=i(17023),l=i(45111),r=i(38042),n=i(80866),s=i(56993);let d=l.forwardRef((e,t)=>{let{className:i,title:l,body:d,titleElement:o,bodyElement:c,size:m,titleVariantOverride:u,titleClassName:f,bodyVariantOverride:x,bodyClassName:g,eyebrow:h,eyebrowClassName:p,...v}=e,y=(0,r.a)();return(0,a.jsxs)("div",{ref:t,className:(0,n.cn)("flex flex-col gap-1",i),...v,children:[h&&(0,a.jsx)(s.o,{weight:"bold",font:"vulf",className:(0,n.cn)("text-primary-foreground text-2xl lg:text-2xl",p),children:h}),l&&(0,a.jsx)(s.o,{as:o,variant:u||("sm"===m?"body-regular":"md"===m?"title-4":"lg"===m?y?"title-2":"title-3":"body-regular"),weight:"sm"===m?"extrabold":"md"===m||"lg"===m?"bold":void 0,className:(0,n.cn)(f),children:l}),d&&(0,a.jsx)(s.o,{as:c,variant:x||("sm"===m?"meta-2":"md"===m?"body-small":"body-regular"),weight:(()=>

1{if("sm"===m||"md"===m||"lg"===m)return"medium"})(),className:(0,n.cn)("text-secondary-foreground",g),children:d})]})});d.displayName="TextBlock"},76450:(e,t,i)=>{i.r(t),i.d(t,{DropoutImage:()=>o});var a=i(17023),l=i(7218),r=i(80866),n=i(35252),s=i(37811);let d=e=>"string"==typeof e&&""===e;function o(e){let{field:t,src:i,alt:o,fallbackAlt:c,loader:m,className:u,sizes:f="(max-width: 767px) 100vw, 960px",...x}=e,g=null===f?void 0:f;return void 0!==t?(o=d(o)?o:void 0,c=d(c)?c:void 0,"true"!==s.env.IMAGE_ALT_WARNINGS_ENABLED&&void 0===o&&void 0===c&&(c=""),(0,a.jsx)(l.PrismicNextImage,{field:t,alt:d(o)?o:void 0,fallbackAlt:d(c)?c:void 0,sizes:g,className:(0,r.cn)(u),...x,...m?{loader:m}:"prismic"===s.env.NEXT_PUBLIC_IMAGE_CDN?{}:{loader:null}})):i?(0,a.jsx)(n.default,{src:i,alt:null!=o?o:"",sizes:g,loader:null===m?void 0:m,className:(0,r.cn)(u),...x}):null}},77509:(e,t,i)=>{i.r(t),i.d(t,{CategorySelector:()=>o});var a=i(17023),l=i(82242),r=i(12480),n=i(56993);let s={hidden:{},visible:{transition:{staggerChildren:.01}}},d={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:1,ease:[.6,-.05,.01,.99]}}};function o(e){let{categories:t,selectedCategories:i,onSelect:o,className:c=""}=e;return t&&0!==t.length?(0,a.jsx)(l.P.div,{variants:s,initial:"hidden",animate:"visible",className:"grid grid-cols-2 gap-4 md:flex md:flex-wrap md:justify-center md:gap-3 ".concat(c),children:t.map(e=>{let t=i.includes(e.id);return(0,a.jsxs)(l.P.div,{variants:d,className:"flex flex-col items-center space-y-2 md:block",children:[(0,a.jsxs)("button",{onClick:()=>o(e.id),className:"bg-secondary group relative flex w-full flex-col items-center justify-center md:h-14 md:w-auto md:flex-row md:gap-3 md:whitespace-nowrap ".concat(t?"md:bg-action ring-action ring-offset-action md:text-primary-inverted-foreground md:ring-0 md:ring-offset-0":"text-primary-foreground"," ").concat(t?"ring-4 ring-offset-2 md:ring-0 md:ring-offset-0":"hover:ring-4 hover:ring-white hover:ring-offset-2 md:hover:ring-0 md:hover:ring-offset-0"," focus:outline-hidden rounded-lg p-4 transition-colors focus:ring-4 focus:ring-white focus:ring-offset-2 focus:ring-offset-black md:focus:ring-0 md:focus:ring-offset-0"),children:[e.icon&&(0,a.jsx)("div",{className:"relative h-16 w-16 shrink-0 md:h-6 md:w-6",children:e.icon}),(0,a.jsx)(n.o,{variant:"body-regular",weight:t?"extrabold":"medium",className:"hidden text-center md:inline",children:e.name}),t&&(0,a.jsx)("div",{className:"absolute right-2 top-2 z-20 md:hidden",children:(0,a.jsx)(r.C,{size:"sm"})})]}),(0,a.jsx)(n.o,{variant:"body-regular",className:"text-center md:hidden",children:e.name})]},e.id)})}):null}}}]);