{"version":3,"file":"static/chunks/8155-733bc12eaab50192.js","mappings":"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","sources":["webpack://_N_E/./src/components/Icon/IconFilter.tsx","webpack://_N_E/./src/components/Icon/IconShare.tsx","webpack://_N_E/./src/components/PageHeader/ShareButton.tsx","webpack://_N_E/./src/components/PageHeader/PageHeader.tsx","webpack://_N_E/./src/modules/Course/courseAssignmentStore.ts","webpack://_N_E/./src/modules/Course/courseQuizStore.ts"],"sourcesContent":["import { useSystemStore } from \"components/PageHeader/systemStore\";\n\ntype Props = {\n  size?: number;\n  color?: string;\n  className?: string;\n};\n\nexport const IconFilter: React.FC<Props> = ({\n  size = 20,\n  color = \"#19093A\",\n  className = \"fill-purple80_to_white\",\n}) => {\n  const theme = useSystemStore((state) => state.theme);\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 16 16\"\n      // fill={color}\n      className={className}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g id=\"Frame\">\n        <path\n          id=\"Vector\"\n          d=\"M7 4H13.5M7 4C7 4.26522 6.89464 4.51957 6.70711 4.70711C6.51957 4.89464 6.26522 5 6 5C5.73478 5 5.48043 4.89464 5.29289 4.70711C5.10536 4.51957 5 4.26522 5 4M7 4C7 3.73478 6.89464 3.48043 6.70711 3.29289C6.51957 3.10536 6.26522 3 6 3C5.73478 3 5.48043 3.10536 5.29289 3.29289C5.10536 3.48043 5 3.73478 5 4M5 4H2.5M7 12H13.5M7 12C7 12.2652 6.89464 12.5196 6.70711 12.7071C6.51957 12.8946 6.26522 13 6 13C5.73478 13 5.48043 12.8946 5.29289 12.7071C5.10536 12.5196 5 12.2652 5 12M7 12C7 11.7348 6.89464 11.4804 6.70711 11.2929C6.51957 11.1054 6.26522 11 6 11C5.73478 11 5.48043 11.1054 5.29289 11.2929C5.10536 11.4804 5 11.7348 5 12M5 12H2.5M11 8H13.5M11 8C11 8.26522 10.8946 8.51957 10.7071 8.70711C10.5196 8.89464 10.2652 9 10 9C9.73478 9 9.48043 8.89464 9.29289 8.70711C9.10536 8.51957 9 8.26522 9 8M11 8C11 7.73478 10.8946 7.48043 10.7071 7.29289C10.5196 7.10536 10.2652 7 10 7C9.73478 7 9.48043 7.10536 9.29289 7.29289C9.10536 7.48043 9 7.73478 9 8M9 8H2.5\"\n          stroke={theme == \"dark\" ? \"#FFFFFF\" : \"#551FC1\"}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </g>\n    </svg>\n  );\n};\n","import React from \"react\";\n\ntype Props = {\n  size?: number;\n  color?: string;\n};\n\n// 817E8C\n// 19093A\n\nexport const IconShare: React.FC<Props> = ({\n  size = 24,\n  color = \"#5D586C\",\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 20 21\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M16.0013 12.9807C15.4107 12.9846 14.8282 13.1191 14.2959 13.3746C13.7635 13.6301 13.2944 14.0002 12.9223 14.4583L7.82395 12.1121C8.06366 11.379 8.06366 10.5888 7.82395 9.85574L12.9223 7.50954C13.5237 8.23433 14.3622 8.72365 15.2897 8.89114C16.2172 9.05863 17.1741 8.89352 17.9916 8.42496C18.8091 7.95639 19.4345 7.21449 19.7576 6.33019C20.0807 5.44588 20.0806 4.47602 19.7574 3.59178C19.4341 2.70753 18.8085 1.96574 17.991 1.49733C17.1734 1.02891 16.2164 0.863976 15.289 1.03163C14.3615 1.19929 13.5231 1.68877 12.9218 2.41367C12.3205 3.13857 11.995 4.0523 12.0026 4.9936C12.0056 5.23145 12.029 5.4686 12.0726 5.70246L6.79429 8.12853C6.23155 7.579 5.51895 7.20754 4.74576 7.06069C3.97257 6.91384 3.17319 6.99813 2.44775 7.303C1.72232 7.60787 1.1031 8.11977 0.667681 8.77455C0.23226 9.42933 0 10.1979 0 10.9839C0 11.7699 0.23226 12.5385 0.667681 13.1933C1.1031 13.8481 1.72232 14.36 2.44775 14.6648C3.17319 14.9697 3.97257 15.054 4.74576 14.9071C5.51895 14.7603 6.23155 14.3888 6.79429 13.8393L12.0726 16.2654C12.029 16.4992 12.0056 16.7364 12.0026 16.9742C12.0026 17.7641 12.2371 18.5362 12.6765 19.1929C13.1159 19.8497 13.7404 20.3615 14.4711 20.6638C15.2017 20.966 16.0057 21.0451 16.7814 20.891C17.5571 20.7369 18.2696 20.3566 18.8288 19.7981C19.388 19.2396 19.7689 18.528 19.9232 17.7533C20.0775 16.9787 19.9983 16.1757 19.6956 15.446C19.393 14.7162 18.8804 14.0925 18.2229 13.6537C17.5653 13.2149 16.7922 12.9807 16.0013 12.9807ZM16.0013 2.99683C16.3967 2.99683 16.7833 3.11394 17.1121 3.33335C17.4409 3.55276 17.6971 3.86461 17.8485 4.22947C17.9998 4.59434 18.0394 4.99582 17.9622 5.38315C17.8851 5.77049 17.6947 6.12628 17.4151 6.40553C17.1354 6.68479 16.7792 6.87496 16.3914 6.95201C16.0035 7.02905 15.6015 6.98951 15.2362 6.83838C14.8708 6.68725 14.5586 6.43132 14.3389 6.10295C14.1192 5.77458 14.0019 5.38853 14.0019 4.9936C14.0019 4.46403 14.2126 3.95614 14.5875 3.58167C14.9625 3.20721 15.471 2.99683 16.0013 2.99683ZM4.0052 12.9807C3.60976 12.9807 3.22321 12.8636 2.89442 12.6442C2.56563 12.4248 2.30936 12.1129 2.15804 11.748C2.00671 11.3832 1.96712 10.9817 2.04426 10.5944C2.12141 10.207 2.31183 9.85124 2.59144 9.57199C2.87106 9.29273 3.22731 9.10256 3.61514 9.02551C4.00298 8.94847 4.40498 8.98801 4.77031 9.13914C5.13565 9.29027 5.4479 9.5462 5.66759 9.87457C5.88729 10.2029 6.00455 10.589 6.00455 10.9839C6.00455 11.5135 5.7939 12.0214 5.41895 12.3958C5.044 12.7703 4.53546 12.9807 4.0052 12.9807ZM16.0013 18.971C15.6059 18.971 15.2193 18.8539 14.8905 18.6345C14.5617 18.4151 14.3055 18.1032 14.1541 17.7384C14.0028 17.3735 13.9632 16.972 14.0404 16.5847C14.1175 16.1973 14.3079 15.8416 14.5875 15.5623C14.8672 15.283 15.2234 15.0929 15.6112 15.0158C15.9991 14.9388 16.4011 14.9783 16.7664 15.1295C17.1318 15.2806 17.444 15.5365 17.6637 15.8649C17.8834 16.1932 18.0006 16.5793 18.0006 16.9742C18.0006 17.5038 17.79 18.0117 17.4151 18.3862C17.0401 18.7606 16.5316 18.971 16.0013 18.971Z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n","import React from \"react\";\nimport { IconShare } from \"components/Icon/IconShare\";\n\ninterface SProps {\n  size?: number;\n  onShare?(): void;\n}\n\nexport const ShareButton: React.FC<SProps> = ({ size = 24, onShare }) => {\n  return (\n    <a\n      href=\"#\"\n      className=\"mr-0 ml-auto my-auto cursor-pointer\"\n      onClick={onShare}\n    >\n      <IconShare size={size} />\n    </a>\n  );\n};\n","import { Route } from \"nextjs-routes\";\nimport React, { ReactNode, useEffect, useState } from \"react\";\n\nimport { BackButton } from \"./BackButton\";\nimport { ShareButton } from \"./ShareButton\";\nimport { IconArrow } from \"components/Icon/IconArrow\";\nimport { useRouter } from \"next/router\";\nimport { useRedirectPreviousPath } from \"modules/Auth/authHooks\";\nimport { IconFilter } from \"components/Icon/IconFilter\";\n\nimport { Step } from \"react-joyride\";\nimport { useSetState } from \"react-use\";\nimport dynamic from \"next/dynamic\";\nimport useTranslation from \"next-translate/useTranslation\";\nimport { useCourseQuizStore } from \"modules/Course/courseQuizStore\";\nimport { useAssignmentStore } from \"modules/Course/courseAssignmentStore\";\n\nconst JoyRideNoSSR = dynamic(() => import(\"react-joyride\"), { ssr: false });\n\nexport type Props = {\n  isQuizOrIsAssignment?: boolean;\n  isLeaderboard?: boolean;\n  title?: ReactNode;\n  titleLesson?: string;\n  children?: ReactNode;\n  className?: string;\n  titleClassName?: string;\n  withBackButton?: boolean;\n  backTo?: Route;\n  quizBackToCourse?: boolean;\n  assignmentBackToCourse?: boolean;\n  // assignmentBackToCourse?: Route;\n  // quizBackToCourse?: Route;\n  onShare?(): void;\n  onBackClick?(): void;\n  onFilter?(): void;\n  withArrowButton?: boolean;\n};\n\ninterface State {\n  run: boolean;\n  steps: Step[];\n}\n\nexport const PageHeader: React.FC<Props> = (props) => {\n  const {\n    isQuizOrIsAssignment = false,\n    isLeaderboard = false,\n    title,\n    titleLesson = null,\n    children,\n    className = \"\",\n    titleClassName = \"\",\n    withBackButton,\n    backTo,\n    quizBackToCourse = false,\n    assignmentBackToCourse = false,\n    onShare,\n    onBackClick,\n    onFilter,\n    withArrowButton,\n  } = props;\n\n  const router = useRouter();\n  const { previousPath } = useRedirectPreviousPath();\n  const { t } = useTranslation(\"tags\");\n  const { onCloseModal } = useCourseQuizStore();\n  const { onCloseModal: onCloseModalAssignment } = useAssignmentStore();\n\n  const onClickArrow = () => {\n    if (backTo) {\n      router.replace(backTo);\n    } else if (quizBackToCourse) {\n      onCloseModal(router);\n      // (router as any).push(quizBackToCourse);\n    } else if (assignmentBackToCourse) {\n      onCloseModalAssignment(router);\n      // (router as any).push(assignmentBackToCourse);\n    } else {\n      // If any trigger from my-class and user not logged in\n      var isUsingLoginAuthorize = [\"my-class\"].includes(previousPath);\n\n      // Kursus terbaik tentang\n      var isHomeUrl = previousPath === \"home\";\n\n      router.push({\n        pathname: isUsingLoginAuthorize || isHomeUrl ? \"/\" : previousPath,\n      });\n    }\n  };\n\n  const [{ run, steps }, setState] = useSetState<State>({\n    run: false,\n    steps: [\n      {\n        content: (\n          <div className=\"text-left\">\n            <div className=\"text-b2 text-neutral-70 font-medium\">\n              Pasang filter sesuai kebutuhanmu\n            </div>\n            <div className=\"text-c1 text-neutral-70 font-light\">\n              Sekarang kamu bisa mencari kursus yang kamu butuhkan dengan filter\n            </div>\n          </div>\n        ),\n        floaterProps: {\n          disableAnimation: true,\n        },\n        placement: \"bottom-end\",\n        styles: {\n          options: {\n            width: 300,\n            zIndex: 1000,\n          },\n          tooltipContent: {\n            padding: \"unset\",\n          },\n        },\n        offset: 1,\n        spotlightPadding: 5,\n        target: \".filter-popup\",\n        hideFooter: true,\n        disableBeacon: true,\n      },\n    ],\n  });\n\n  useEffect(() => {\n    const isClosedGuide = localStorage.getItem(\"isCloseGuide\");\n    if (onFilter && isClosedGuide) {\n      setState({ run: false });\n    } else if (onFilter && !isClosedGuide) {\n      localStorage.setItem(\"isCloseGuide\", \"true\");\n      setState({ run: true });\n    }\n  }, []);\n\n  const month = new Date().toLocaleString(\"default\", { month: \"long\" });\n\n  return (\n    <div\n      className={`z-10 h-60 px-16 flex items-center gap-16 border-b border-neutral20_to_dark30 sticky top-0 bg-white ${className}`}\n    >\n      {onBackClick && (\n        <div onClick={onBackClick} className=\"cursor-pointer\">\n          <IconArrow size={24} />\n        </div>\n      )}\n\n      {/*@ts-ignore */}\n      {withBackButton ? <BackButton backTo={() => router.back()} /> : null}\n      {withArrowButton ? (\n        <div onClick={() => router.back()} className=\"cursor-pointer\">\n          <IconArrow isCaret={true} direction=\"left\" color=\"#000\" size={24} />\n        </div>\n      ) : null}\n      {title ? (\n        <h3 className={`text-h4 font-medium ${titleClassName}`}>\n          {t(title.toString())}\n        </h3>\n      ) : null}\n      {isQuizOrIsAssignment && (\n        <h3 className={`text-h4 font-medium ${titleClassName}`}>\n          {titleLesson}\n        </h3>\n      )}\n      {isLeaderboard && (\n        <h3 className={`text-h4 font-medium ${titleClassName}`}>\n          {month} Leaderboard\n        </h3>\n      )}\n      {children ? children : null}\n      {onShare && <ShareButton onShare={onShare} />}\n      {onFilter && (\n        <>\n          <JoyRideNoSSR run={run} steps={steps} />\n          <div\n            onClick={onFilter}\n            className=\"filter-popup cursor-pointer my-auto mr-0 ml-auto rounded-md p-8 bg-purple-05\"\n          >\n            <IconFilter color=\"#2A1060\" />\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n","import createStore from \"zustand\";\nimport { Course, CourseAI, Lesson } from \"./courseStore\";\nimport { SetStateAction } from \"react\";\nimport { NextRouter } from \"next/router\";\n\nexport type Assignment = {\n  id?: number;\n  assignment_question?: string;\n  assignment_answers?: string;\n};\n\nexport type AssignmentStore = {\n  // state\n  userAnswer: CourseAI | null;\n  isAssignmentDone: boolean;\n  showAlertAssignment: boolean;\n  localAnswers: Record<number, string>;\n  isFinished: boolean;\n  isRetakeAssignment: boolean;\n  assignments: Assignment[];\n  currentLesson: Lesson;\n  currentCourse: Course;\n\n  // actions\n  setUserAnswer: (userAnswer: SetStateAction<CourseAI | null>) => void;\n  setIsAssignmentDone: (isAssignmentDone: boolean) => void;\n  setShowAlertAssignment: (\n    showAlertAssignment: SetStateAction<boolean>\n  ) => void;\n  setLocalAnswers: (\n    localAnswers: SetStateAction<Record<number, string>>\n  ) => void;\n  setIsFinished: (isFinished: SetStateAction<boolean>) => void;\n  setIsRetakeAssignment: (isRetakeAssignment: SetStateAction<boolean>) => void;\n  onCloseAlertAssignment: (router: NextRouter) => void;\n  onCloseModal: (router: NextRouter) => void;\n  onResumeAssignment: () => void;\n  setAssignments: (assignments: Assignment[]) => void;\n  setCurrentLesson: (item: Lesson) => void;\n  setCurrentCourse: (item: Course) => void;\n};\n\nexport const useAssignmentStore = createStore<AssignmentStore>((set, get) => ({\n  // state\n  userAnswer: null,\n  isAssignmentDone: false,\n  showAlertAssignment: false,\n  localAnswers: {},\n  isFinished: false,\n  isRetakeAssignment: false,\n  assignments: [],\n  currentLesson: {},\n  currentCourse: {},\n\n  // actions\n  setUserAnswer(userAnswer) {\n    set((state) => ({\n      userAnswer:\n        typeof userAnswer === \"function\"\n          ? userAnswer(state.userAnswer)\n          : userAnswer,\n    }));\n  },\n  setIsAssignmentDone(item) {\n    set({\n      isAssignmentDone: item,\n    });\n  },\n  setShowAlertAssignment(showAlertAssignment) {\n    set((state) => ({\n      showAlertAssignment:\n        typeof showAlertAssignment === \"function\"\n          ? showAlertAssignment(state.showAlertAssignment)\n          : showAlertAssignment,\n    }));\n  },\n  setLocalAnswers(localAnswers) {\n    set((state) => ({\n      localAnswers:\n        typeof localAnswers === \"function\"\n          ? localAnswers(state.localAnswers)\n          : localAnswers,\n    }));\n  },\n  setIsFinished(isFinished) {\n    set((state) => ({\n      isFinished:\n        typeof isFinished === \"function\"\n          ? isFinished(state.isFinished)\n          : isFinished,\n    }));\n  },\n  setIsRetakeAssignment(isRetakeAssignment) {\n    set((state) => ({\n      isRetakeAssignment:\n        typeof isRetakeAssignment === \"function\"\n          ? isRetakeAssignment(state.isRetakeAssignment)\n          : isRetakeAssignment,\n    }));\n  },\n  onCloseModal(router) {\n    const {\n      setIsFinished,\n      setIsRetakeAssignment,\n      localAnswers,\n      setLocalAnswers,\n      setShowAlertAssignment,\n      assignments,\n      currentCourse,\n      currentLesson,\n    } = get();\n\n    if (\n      localAnswers[assignments[0]?.id] == \"\" ||\n      Object.keys(localAnswers).length === 0\n    ) {\n      setIsFinished(false);\n      setIsRetakeAssignment(false);\n      setLocalAnswers({});\n      // TODO: onClose();\n      router.push({\n        pathname: \"/course/[courseSlug]\",\n        query: {\n          courseSlug: currentCourse?.slug,\n          lesson: currentLesson?.slug,\n        },\n      });\n    } else {\n      setShowAlertAssignment(true);\n    }\n  },\n  onCloseAlertAssignment(router) {\n    const {\n      setIsFinished,\n      setIsRetakeAssignment,\n      setLocalAnswers,\n      currentCourse,\n      currentLesson,\n    } = get();\n\n    setIsFinished(false);\n    setIsRetakeAssignment(false);\n    setLocalAnswers({});\n    // TODO: onClose();\n    router.push({\n      pathname: \"/course/[courseSlug]\",\n      query: {\n        courseSlug: currentCourse?.slug,\n        lesson: currentLesson?.slug,\n      },\n    });\n  },\n  onResumeAssignment() {\n    const { setShowAlertAssignment } = get();\n    setShowAlertAssignment(false);\n  },\n  setAssignments(item) {\n    set({\n      assignments: item,\n    });\n  },\n  setCurrentLesson(item) {\n    set({ currentLesson: item });\n  },\n  setCurrentCourse(item) {\n    set({ currentCourse: item });\n  },\n}));\n","import { SetStateAction } from \"react\";\nimport createStore from \"zustand\";\nimport { Course, Lesson } from \"./courseStore\";\nimport { NextRouter } from \"next/router\";\n\nexport type CourseQuizStore = {\n  // state\n  isQuizDone: boolean;\n  isTimeOut: boolean;\n  step: any;\n  quizNumber: number;\n  isRetakeQuiz: boolean;\n  showResults: boolean;\n  quizScorePassedState: any;\n  showAlertQuiz: boolean;\n  currentLesson: Lesson;\n  currentCourse: Course;\n  runTimer: boolean;\n\n  // actions\n  setIsQuizDone: (item: boolean) => void;\n  setIsTimeOut: (item: boolean) => void;\n  setStep: (item: SetStateAction<number>) => void;\n  setNum: (item: SetStateAction<number>) => void;\n  setIsRetakeQuiz: (item: SetStateAction<boolean>) => void;\n  setShowResults: (item: SetStateAction<boolean>) => void;\n  setQuizScorePassedState: (item: any) => void;\n  setShowAlertQuiz: (item: SetStateAction<boolean>) => void;\n  onCloseAlertQuiz: (router: NextRouter) => void;\n  onCloseModal: (router: NextRouter) => void;\n  onResumeQuiz: () => void;\n  setCurrentLesson: (item: Lesson) => void;\n  setCurrentCourse: (item: Course) => void;\n  setRunTimer: (item: boolean) => void;\n};\n\nexport const useCourseQuizStore = createStore<CourseQuizStore>((set, get) => ({\n  // state\n  isQuizDone: false,\n  isTimeOut: false,\n  step: 1,\n  quizNumber: 0,\n  isRetakeQuiz: false,\n  showResults: false,\n  quizScorePassedState: null,\n  showAlertQuiz: false,\n  currentLesson: {},\n  currentCourse: {},\n  runTimer: false,\n\n  // actions\n  setIsQuizDone(item) {\n    set({ isQuizDone: item });\n  },\n  setIsTimeOut(item) {\n    set({ isTimeOut: item });\n  },\n  setStep(item) {\n    set((state) => ({\n      step: typeof item === \"function\" ? item(state.step) : item,\n    }));\n  },\n  setNum(item) {\n    set((state) => ({\n      quizNumber: typeof item === \"function\" ? item(state.quizNumber) : item,\n    }));\n  },\n  setIsRetakeQuiz(item) {\n    set((state) => ({\n      isRetakeQuiz:\n        typeof item === \"function\" ? item(state.isRetakeQuiz) : item,\n    }));\n  },\n  setShowResults(item) {\n    set((state) => ({\n      showResults: typeof item === \"function\" ? item(state.showResults) : item,\n    }));\n  },\n  setQuizScorePassedState(item) {\n    set({ quizScorePassedState: item });\n  },\n  setCurrentLesson(item) {\n    set({ currentLesson: item });\n  },\n  setCurrentCourse(item) {\n    set({ currentCourse: item });\n  },\n  setShowAlertQuiz(item) {\n    set((state) => ({\n      showAlertQuiz:\n        typeof item === \"function\" ? item(state.showAlertQuiz) : item,\n    }));\n  },\n  onCloseModal(router) {\n    const {\n      setIsRetakeQuiz,\n      setShowResults,\n      setNum,\n      step,\n      setStep,\n      quizScorePassedState,\n      showResults,\n      currentLesson,\n      setShowAlertQuiz,\n      currentCourse,\n    } = get();\n\n    if (step === 0 || step === 1 || step === 3) {\n      setIsRetakeQuiz(false);\n      setShowResults(false);\n      setNum(0);\n      // trackCloseBtn();\n      if (quizScorePassedState && showResults) {\n        setStep(3);\n      } else {\n        if (currentLesson?.duration) {\n          setStep(1);\n        }\n        setStep(2);\n      }\n      // TODO : onClose();\n      router.push({\n        pathname: \"/course/[courseSlug]\",\n        query: {\n          courseSlug: currentCourse?.slug,\n          lesson: currentLesson?.slug,\n        },\n      });\n    } else {\n      setShowAlertQuiz(true);\n    }\n  },\n  onCloseAlertQuiz(router) {\n    const {\n      setIsRetakeQuiz,\n      setShowResults,\n      setNum,\n      setStep,\n      quizScorePassedState,\n      showResults,\n      currentLesson,\n      currentCourse,\n    } = get();\n\n    setIsRetakeQuiz(false);\n    setShowResults(false);\n    setNum(0);\n    // trackCloseBtn();\n\n    if (quizScorePassedState && showResults) {\n      setStep(3);\n    } else {\n      if (currentLesson?.duration) {\n        setStep(1);\n      }\n      setStep(2);\n    }\n    // TODO : onClose();\n    router.push({\n      pathname: \"/course/[courseSlug]\",\n      query: {\n        courseSlug: currentCourse?.slug,\n        lesson: currentLesson?.slug,\n      },\n    });\n  },\n\n  onResumeQuiz() {\n    const { setShowAlertQuiz } = get();\n    setShowAlertQuiz(false);\n  },\n  setRunTimer(item) {\n    set({ runTimer: item });\n  },\n}));\n"],"names":["IconFilter","size","color","className","theme","useSystemStore","state","svg","width","height","viewBox","xmlns","g","id","path","d","stroke","strokeLinecap","strokeLinejoin","IconShare","fill","ShareButton","onShare","a","href","onClick","JoyRideNoSSR","dynamic","ssr","PageHeader","props","isQuizOrIsAssignment","isLeaderboard","title","titleLesson","children","titleClassName","withBackButton","backTo","quizBackToCourse","assignmentBackToCourse","onBackClick","onFilter","withArrowButton","router","useRouter","previousPath","useRedirectPreviousPath","t","useTranslation","onCloseModal","useCourseQuizStore","onCloseModalAssignment","useAssignmentStore","run","steps","setState","useSetState","content","div","floaterProps","disableAnimation","placement","styles","options","zIndex","tooltipContent","padding","offset","spotlightPadding","target","hideFooter","disableBeacon","useEffect","isClosedGuide","localStorage","getItem","setItem","month","Date","toLocaleString","IconArrow","BackButton","back","isCaret","direction","h3","toString","createStore","set","get","userAnswer","isAssignmentDone","showAlertAssignment","localAnswers","isFinished","isRetakeAssignment","assignments","currentLesson","currentCourse","setUserAnswer","setIsAssignmentDone","item","setShowAlertAssignment","setLocalAnswers","setIsFinished","setIsRetakeAssignment","Object","keys","length","push","pathname","query","courseSlug","slug","lesson","onCloseAlertAssignment","onResumeAssignment","setAssignments","setCurrentLesson","setCurrentCourse","isQuizDone","isTimeOut","step","quizNumber","isRetakeQuiz","showResults","quizScorePassedState","showAlertQuiz","runTimer","setIsQuizDone","setIsTimeOut","setStep","setNum","setIsRetakeQuiz","setShowResults","setQuizScorePassedState","setShowAlertQuiz","duration","onCloseAlertQuiz","onResumeQuiz","setRunTimer"],"sourceRoot":""}