{"version":3,"file":"static/chunks/pages/bimbel/user-d41522fa777550ad.js","mappings":"sFACA,CAAAA,OAAAC,QAAA,CAAAD,OAAAC,QAAA,MAAAC,IAAA,EACA,eACA,WACA,OAAeC,EAAQ,MACvB,EACA,gMC+BAC,EAhC0B,SAQtBC,EAAAA,EAaWC,EACGA,EArBhB,GAAM,CAAED,iBAAAA,CAAgB,CAAE,CAAGE,CAAAA,EAAAA,EAAAA,EAAAA,IACvBD,EAAeE,CAAAA,EAAAA,EAAAA,EAAAA,EACnBC,EAAAA,CAAkBA,CAACC,cAAc,CACjC,MAGIC,EACJN,CAAAA,OAAAA,CAAAA,EAAAA,EAAiBO,kBAAkB,GAAnCP,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CAAAA,EAAAA,EAAqCQ,iBAAiB,GAAtDR,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAwDS,GAAG,CACzD,OAAC,CAAEC,SAAAA,CAAQ,CAAE,CAAAC,SAAKD,MACf,EAAE,CAiBT,MAAO,CACLE,sBAT4BC,GAL3B,EAACZ,EAAaa,mBAAmB,EAChCR,EAAoBS,KAAK,CACvB,QAAgBd,QAAF,CAAC,SAACA,CAAAA,EAAAA,EAAaa,mBAAmB,GAAhCb,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAkCe,QAAQ,CAACN,EAAAA,KAI7D,CACEO,MAAOhB,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CAAAA,EAAAA,EAAcgB,KAAK,GAAnBhB,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAqBiB,EAAE,CAACC,OAAO,CAAC,KAAM,YAAa,GAC1DC,SAAUnB,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CAAAA,EAAAA,EAAcmB,QAAQ,GAAtBnB,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAwBiB,EAAE,CAACC,OAAO,CAAC,KAAM,YAAa,GAChEE,MAAOpB,MAAAA,EAAAA,KAAAA,EAAAA,EAAcqB,gBAAgB,EAEvCC,KAAAA,CAIJ,CACF,+BCjCO,IAAMC,EAAgBC,EAAAA,EAAMA,CAACC,GAAG,CAAAC,UAAA,oFAM1BC,EAA8BH,EAAAA,EAAMA,CAACC,GAAG,CAAAC,UAAA,uTAK/B,OAAC,CAAEE,MAAAA,CAAK,CAAE,CAAAlB,SAAKkB,EAAMC,MAAM,CAACC,KAAK,GAa1CC,EAAmBP,EAAAA,EAAMA,CAACQ,CAAC,CAAAN,UAAA,+HACvB,OAAC,CAAEE,MAAAA,CAAK,CAAE,CAAAlB,SAAKkB,EAAMK,KAAK,CAACC,OAAO,EACpC,OAAC,CAAEN,MAAAA,CAAK,CAAE,CAAAlB,SAAKkB,EAAMO,SAAS,CAAC,MAAM,GAOvCC,EAAyBZ,EAAAA,EAAMA,CAACQ,CAAC,CAAAN,UAAA,qJAKxB,OAAC,CAAEE,MAAAA,CAAK,CAAE,CAAAlB,SAAKkB,EAAMC,MAAM,CAACQ,MAAM,CAAC,MAAM,kBCxCxD,ICYDjC,EAAgD,OAAC,CACrDY,MAAAA,CAAK,CACLsB,YAAAA,CAAW,CACXlB,MAAAA,CAAK,CACN,CAAAV,EAMC,MALA6B,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACRC,CAAAA,EAAAA,EAAAA,EAAAA,EAAW,CACTC,UDlBQ,wBCmBV,EACF,EAAG,EAAE,EAEH,GAAAC,EAAAC,IAAA,EAACpB,EAAaA,WACZ,GAAAmB,EAAAE,GAAA,EAACC,IAAKA,CACJC,IAAI,yBACJC,IAAK3B,GAAS,iDACd4B,OAAO,OACPC,UAAU,UAGZ,GAAAP,EAAAC,IAAA,EAAChB,EAA2BA,WAC1B,GAAAe,EAAAE,GAAA,EAACb,EAAgBA,CAACmB,wBAAyB,CAAEC,OAAQnC,CAAM,IAC3D,GAAA0B,EAAAE,GAAA,EAACR,EAAsBA,CACrBc,wBAAyB,CAAEC,OAAQb,CAAY,SAKzD,4BC3BA,IAAMc,EAAgB,SAQErD,EAPtB,GAAM,CAAEA,iBAAAA,CAAgB,CAAEsD,KAAAA,CAAI,CAAE,CAAGpD,CAAAA,EAAAA,EAAAA,EAAAA,IAC7B,CAAEU,sBAAAA,CAAqB,CAAE,CAAG2C,IAC5BC,EAAcF,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAMG,QAAQ,CAACC,YAAY,GAAI,KAC7C,CAAEnD,mBAAAA,CAAkB,CAAEoD,wBAAAA,CAAuB,CAAE,CACnD3D,GAAoB,CAAC,EAEjB4D,EACJ5D,GAAoBA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CAAAA,EAAAA,EAAkBO,kBAAkB,GAApCP,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAsC4D,gBAAgB,EACtEC,EAAWC,CAAAA,EAAAA,EAAAA,CAAAA,EAAc,gBAO/B,CALAtB,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACJgB,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAaO,YAAY,GAC3BJ,EAAwBH,MAAAA,EAAAA,KAAAA,EAAAA,EAAaO,YAAY,CACrD,EAAG,CAACP,EAAY,EAEZ5C,GAAyBgD,IAAqBI,EAAAA,CAAgBA,CAACC,IAAI,EAEnE,GAAAtB,EAAAC,IAAA,EAAAD,EAAAuB,QAAA,YACE,GAAAvB,EAAAE,GAAA,EAACsB,IAAIA,UACH,GAAAxB,EAAAE,GAAA,EAAC5B,QAAAA,UAAM,uBAER4C,EACC,GAAAlB,EAAAE,GAAA,EAACxC,EAAcA,CACbY,MAAOL,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAuBK,KAAK,GAAI,GACvCsB,YAAa3B,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAuBQ,QAAQ,GAAI,GAChDC,MAAOT,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAuBS,KAAK,GAAI,KAGzC,GAAAsB,EAAAE,GAAA,EAACuB,EAAAA,CAAcA,CAAAA,CAACZ,YAAaA,OAOnCjD,GACAiD,GACCI,CAAAA,IAAqBI,EAAAA,CAAgBA,CAACC,IAAI,EACzCL,IAAqBI,EAAAA,CAAgBA,CAACK,MAAM,EAG5C,GAAA1B,EAAAC,IAAA,EAAAD,EAAAuB,QAAA,YACE,GAAAvB,EAAAE,GAAA,EAACsB,IAAIA,UACH,GAAAxB,EAAAE,GAAA,EAAC5B,QAAAA,UAAM,uBAET,GAAA0B,EAAAE,GAAA,EAACyB,EAAAA,EAAeA,CAAAA,CACdd,YAAaA,EACbe,uBAAwBhE,IAEzBqD,IAAqBI,EAAAA,CAAgBA,CAACK,MAAM,EAAI,GAAA1B,EAAAE,GAAA,EAAC2B,EAAAA,CAAUA,CAAAA,CAAAA,MAMhE,CAACZ,IAAqBI,EAAAA,CAAgBA,CAACS,KAAK,EAC1Cb,IAAqBI,EAAAA,CAAgBA,CAACU,eAAe,EACrDd,IAAqBI,EAAAA,CAAgBA,CAACW,gBAAgB,GACxDnB,GACAjD,EAGE,GAAAoC,EAAAC,IAAA,EAAAD,EAAAuB,QAAA,YACE,GAAAvB,EAAAE,GAAA,EAACsB,IAAIA,UACH,GAAAxB,EAAAE,GAAA,EAAC5B,QAAAA,UAAM,uBAET,GAAA0B,EAAAE,GAAA,EAAC+B,EAAAA,EAAeA,CAAAA,CACdL,uBAAwBhE,EACxBiD,YAAaA,IAEf,GAAAb,EAAAE,GAAA,EAAC2B,EAAAA,CAAUA,CAAAA,CAAAA,MAIV,IACT,EAEA,IAAAlB,EAAeD,CAEfA,CAAAA,EAAcwB,WAAW,CAAG","sources":["webpack://_N_E/?2088","webpack://_N_E/./src/hooks/use-vacation-period/use-vacation-period.tsx","webpack://_N_E/./src/components/vacation-period/vacation-period.styles.tsx","webpack://_N_E/./src/services/mixpanel/vacation-period-events.ts","webpack://_N_E/./src/components/vacation-period/vacation-period.tsx","webpack://_N_E/./src/pages/bimbel/user/index.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/bimbel/user\",\n      function () {\n        return require(\"private-next-pages/bimbel/user/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/bimbel/user\"])\n      });\n    }\n  ","import { useFeatureValue } from \"@growthbook/growthbook-react\";\nimport { IFeatureValue, IUseVacationPeriod } from \"./use-vacation-period.types\";\nimport { GrowthbookFeatures } from \"components/growthbook/growthbook.types\";\nimport { useKelasLiveContext } from \"stores/kelas-live/kelas-live-context\";\n\nconst useVacationPeriod = (): IUseVacationPeriod => {\n  const { userSubscription } = useKelasLiveContext();\n  const featureValue = useFeatureValue<IFeatureValue | null>(\n    GrowthbookFeatures.VacationPeriod,\n    null\n  );\n\n  const subscribedCourseIds =\n    userSubscription.subscriptionStatus?.subscribedCourses?.map(\n      ({ courseId }) => courseId\n    ) || [];\n\n  const showVacationPeriod =\n    !!featureValue &&\n    (!featureValue.eligible_course_ids ||\n      subscribedCourseIds.every(\n        (courseId) => !!featureValue.eligible_course_ids?.includes(courseId)\n      ));\n\n  const vacationPeriodContent = showVacationPeriod\n    ? {\n        title: featureValue?.title?.id.replace(\"\\n\", \"<br />\") || \"\",\n        subtitle: featureValue?.subtitle?.id.replace(\"\\n\", \"<br />\") || \"\",\n        bgImg: featureValue?.header_image_web\n      }\n    : undefined;\n\n  return {\n    vacationPeriodContent\n  };\n};\n\nexport default useVacationPeriod;\n","import styled from \"styled-components\";\n\nexport const PageContainer = styled.div`\n  width: 100%;\n  min-height: 454px;\n  position: relative;\n`;\n\nexport const VacationPeriodInfoContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: ${({ theme }) => theme.colors.white};\n  box-shadow: 0px 0px 32px 0px #00000029;\n  padding: 32px;\n  border-radius: 16px;\n  min-width: 496px;\n  min-height: 168px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-items: center;\n  gap: 24px;\n`;\n\nexport const NewSemesterTitle = styled.p`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n  font-weight: 700;\n  text-align: center;\n  line-height: 42px;\n  margin: 0;\n`;\n\nexport const NewSemesterDescription = styled.p`\n  margin: 0;\n  text-align: center;\n  width: 285px;\n  padding: 8px 16px;\n  background-color: ${({ theme }) => theme.colors.yellow[\"100\"]};\n  border-radius: 6px;\n  line-height: 22px;\n`;\n","export const vacationPeriodEventNames = {\n  pageViewed: \"vacation period viewed\"\n};\n","import Image from \"next/legacy/image\";\nimport React, { useEffect } from \"react\";\nimport {\n  NewSemesterDescription,\n  NewSemesterTitle,\n  PageContainer,\n  VacationPeriodInfoContainer\n} from \"./vacation-period.styles\";\nimport { VacationPeriodProps } from \"./vacation-period.types\";\nimport trackEvent from \"services/mixpanel/mixpanel\";\nimport { vacationPeriodEventNames } from \"services/mixpanel/vacation-period-events\";\n\nconst VacationPeriod: React.FC<VacationPeriodProps> = ({\n  title,\n  description,\n  bgImg\n}) => {\n  useEffect(() => {\n    trackEvent({\n      eventName: vacationPeriodEventNames.pageViewed\n    });\n  }, []);\n  return (\n    <PageContainer>\n      <Image\n        alt=\"vacation-period-bg.png\"\n        src={bgImg || \"/assets/vacation-period/vacation-period-bg.png\"}\n        layout=\"fill\"\n        objectFit=\"cover\"\n      />\n\n      <VacationPeriodInfoContainer>\n        <NewSemesterTitle dangerouslySetInnerHTML={{ __html: title }} />\n        <NewSemesterDescription\n          dangerouslySetInnerHTML={{ __html: description }}\n        />\n      </VacationPeriodInfoContainer>\n    </PageContainer>\n  );\n};\n\nexport { VacationPeriod };\n","import React, { useEffect } from \"react\";\nimport { FreeUserLanding, PaidUserLanding } from \"components/kelas-live\";\nimport { SubscriptionType } from \"services/api/sessions/sessionService.types\";\n\nimport { useKelasLiveContext } from \"stores/kelas-live/kelas-live-context\";\nimport { CallMeBack } from \"components/call-me-back/call-me-back\";\nimport Head from \"next/head\";\nimport useVacationPeriod from \"hooks/use-vacation-period/use-vacation-period\";\nimport { VacationPeriod } from \"components/vacation-period/vacation-period\";\nimport { PaidUserMobile } from \"components/kelas-live/paid-user-landing/paid-user-mobile\";\nimport { useMediaQuery } from \"hooks/use-media-query/use-media-query\";\n\nconst KelasLiveUser = (): JSX.Element | null => {\n  const { userSubscription, user } = useKelasLiveContext();\n  const { vacationPeriodContent } = useVacationPeriod();\n  const primaryUser = user?.userData.primary_user || null;\n  const { subscriptionStatus, fetchSubscriptionStatus } =\n    userSubscription || {};\n\n  const subscriptionType =\n    userSubscription && userSubscription?.subscriptionStatus?.subscriptionType;\n  const isLaptop = useMediaQuery(\"laptop\");\n\n  useEffect(() => {\n    if (primaryUser?.access_token)\n      fetchSubscriptionStatus(primaryUser?.access_token);\n  }, [primaryUser]);\n\n  if (vacationPeriodContent && subscriptionType === SubscriptionType.PAID) {\n    return (\n      <>\n        <Head>\n          <title>Bimbel | CoLearn</title>\n        </Head>\n        {isLaptop ? (\n          <VacationPeriod\n            title={vacationPeriodContent?.title || \"\"}\n            description={vacationPeriodContent?.subtitle || \"\"}\n            bgImg={vacationPeriodContent?.bgImg || \"\"}\n          />\n        ) : (\n          <PaidUserMobile primaryUser={primaryUser} />\n        )}\n      </>\n    );\n  }\n\n  if (\n    subscriptionStatus &&\n    primaryUser &&\n    (subscriptionType === SubscriptionType.PAID ||\n      subscriptionType === SubscriptionType.PAUSED)\n  ) {\n    return (\n      <>\n        <Head>\n          <title>Bimbel | CoLearn</title>\n        </Head>\n        <PaidUserLanding\n          primaryUser={primaryUser}\n          userSubscriptionStatus={subscriptionStatus}\n        />\n        {subscriptionType === SubscriptionType.PAUSED && <CallMeBack />}\n      </>\n    );\n  }\n\n  if (\n    (subscriptionType === SubscriptionType.TRIAL ||\n      subscriptionType === SubscriptionType.FREE_AFTER_PAID ||\n      subscriptionType === SubscriptionType.FREE_AFTER_TRIAL) &&\n    primaryUser &&\n    subscriptionStatus\n  ) {\n    return (\n      <>\n        <Head>\n          <title>Bimbel | CoLearn</title>\n        </Head>\n        <FreeUserLanding\n          userSubscriptionStatus={subscriptionStatus}\n          primaryUser={primaryUser}\n        />\n        <CallMeBack />\n      </>\n    );\n  }\n  return null;\n};\n\nexport default KelasLiveUser;\n\nKelasLiveUser.requireAuth = true;\n"],"names":["window","__NEXT_P","push","__webpack_require__","use_vacation_period","userSubscription","featureValue","useKelasLiveContext","useFeatureValue","GrowthbookFeatures","VacationPeriod","subscribedCourseIds","subscriptionStatus","subscribedCourses","map","courseId","param","vacationPeriodContent","showVacationPeriod","eligible_course_ids","every","includes","title","id","replace","subtitle","bgImg","header_image_web","undefined","PageContainer","styled","div","withConfig","VacationPeriodInfoContainer","theme","colors","white","NewSemesterTitle","p","fonts","primary","fontSizes","NewSemesterDescription","yellow","description","useEffect","trackEvent","eventName","jsx_runtime","jsxs","jsx","Image","alt","src","layout","objectFit","dangerouslySetInnerHTML","__html","KelasLiveUser","user","useVacationPeriod","primaryUser","userData","primary_user","fetchSubscriptionStatus","subscriptionType","isLaptop","useMediaQuery","access_token","SubscriptionType","PAID","Fragment","Head","PaidUserMobile","PAUSED","PaidUserLanding","userSubscriptionStatus","CallMeBack","TRIAL","FREE_AFTER_PAID","FREE_AFTER_TRIAL","FreeUserLanding","requireAuth"],"sourceRoot":""}