{"version":3,"file":"static/chunks/894-aaa6712b01cbbde1.js","mappings":"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","sources":["webpack://_N_E/./src/components/Icon/IconLesson.tsx","webpack://_N_E/./src/components/Accordion/AccordionWithImage.tsx","webpack://_N_E/./src/modules/Tenant/modalSectionStore.ts","webpack://_N_E/./src/components/Card/CardCourseWithLesson.tsx","webpack://_N_E/./src/components/Divider/Divider.tsx","webpack://_N_E/./src/components/Icon/IconAngle.tsx","webpack://_N_E/./src/components/Icon/IconArrowDown.tsx","webpack://_N_E/./src/components/Tabs/TabsCustom.tsx"],"sourcesContent":["type Props = {\n  size?: number;\n  color?: string;\n  type?:\n    | \"Video\"\n    | \"Quiz\"\n    | \"SCORM\"\n    | \"IFrame\"\n    | \"Webinar\"\n    | \"PDF\"\n    | \"Assignment\"\n    | \"Article\"\n    | \"AWS\";\n};\n\nexport const IconLesson: React.FC<Props> = ({\n  size = 24,\n  color = \"#3E3851\",\n  type = \"Video\",\n}) => {\n  if (type === \"Quiz\") {\n    return (\n      <svg\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M20.0609 23.9981H3.99554C3.24715 23.9981 2.64844 23.3981 2.64844 22.6482V3.44975C2.64844 2.69981 3.24715 2.09985 3.99554 2.09985H20.0609C20.8093 2.09985 21.408 2.69981 21.408 3.44975V22.6482C21.408 23.3481 20.8093 23.9981 20.0609 23.9981Z\"\n          fill=\"#FACAB3\"\n        />\n        <path\n          d=\"M20.058 2.04987H8.18359V2.64982C8.18359 2.94979 8.43304 3.19977 8.7324 3.19977H21.4051C21.3053 2.54983 20.7066 2.04987 20.058 2.04987Z\"\n          fill=\"#F7A983\"\n        />\n        <path\n          d=\"M15.2701 1.54987H14.2224C13.923 1.54987 13.6236 1.34989 13.5239 1.04991C13.3243 0.449962 12.7256 0 12.077 0C11.4284 0 10.8297 0.449962 10.6301 1.04991C10.5303 1.34989 10.231 1.54987 9.93163 1.54987H8.88387C8.53462 1.54987 8.28516 1.84985 8.28516 2.14983V2.94976C8.28516 3.09975 8.38494 3.19974 8.53462 3.19974H15.7191C15.8688 3.19974 15.9686 3.09975 15.9686 2.94976V2.14983C15.8688 1.79985 15.5695 1.54987 15.2701 1.54987ZM12.0271 0.999918C12.3264 0.999918 12.5759 1.2499 12.5759 1.54987H11.4783C11.4783 1.2499 11.7277 0.999918 12.0271 0.999918Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M10.3247 6.59943H7.08165C6.98187 6.59943 6.88208 6.64942 6.83219 6.69942L6.28335 7.24937C6.23346 7.29937 6.18359 7.39936 6.18359 7.49935V11.599C6.18359 11.699 6.23346 11.799 6.28335 11.849L6.83219 12.399C6.88208 12.449 6.98187 12.4989 7.08165 12.4989H10.3247C10.4244 12.4989 10.5242 12.449 10.5741 12.399L11.1229 11.849C11.1728 11.799 11.2227 11.699 11.2227 11.599V7.49935C11.2227 7.39936 11.1728 7.29937 11.1229 7.24937L10.5741 6.69942C10.5242 6.64942 10.4244 6.59943 10.3247 6.59943ZM8.0795 8.0993H9.37669C9.57626 8.0993 9.77583 8.24929 9.77583 8.49927V10.4491L8.92768 9.3992C8.82789 9.29921 8.67821 9.29921 8.57843 9.3492C8.47864 9.44919 8.47862 9.59918 8.52851 9.69918L9.22702 10.5491C9.3767 10.7491 9.22701 10.9991 9.02744 10.9991H8.0795C7.87993 10.9991 7.68037 10.8491 7.68037 10.5991V8.44928C7.68037 8.29929 7.87993 8.0993 8.0795 8.0993Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M17.8089 7.44934H13.2188V7.9493H17.8089V7.44934Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M17.8089 8.69925H13.2188V9.19921H17.8089V8.69925Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M17.8089 9.9491H13.2188V10.4491H17.8089V9.9491Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M15.6635 11.1991H13.2188V11.6991H15.6635V11.1991Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M4.88945 23.8982C7.58983 23.8982 9.77891 21.7045 9.77891 18.9986C9.77891 16.2926 7.58983 14.099 4.88945 14.099C2.18908 14.099 0 16.2926 0 18.9986C0 21.7045 2.18908 23.8982 4.88945 23.8982Z\"\n          fill=\"#551FC1\"\n        />\n        <path\n          d=\"M19.1082 23.8982C21.8086 23.8982 23.9977 21.7045 23.9977 18.9986C23.9977 16.2926 21.8086 14.099 19.1082 14.099C16.4078 14.099 14.2188 16.2926 14.2188 18.9986C14.2188 21.7045 16.4078 23.8982 19.1082 23.8982Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M18.2115 20.6483L17.8623 20.2984C17.7126 20.1484 17.7126 19.9484 17.8623 19.7984L20.307 17.3486C20.4567 17.1986 20.6562 17.1986 20.8059 17.3486L21.1552 17.6986C21.3049 17.8486 21.3049 18.0486 21.1552 18.1985L18.7104 20.6483C18.5608 20.7483 18.3612 20.7483 18.2115 20.6483Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M17.1162 19.0485L17.4654 18.6985C17.6151 18.5485 17.8147 18.5485 17.9643 18.6985L19.062 19.7984C19.2117 19.9484 19.2117 20.1484 19.062 20.2984L18.7127 20.6483C18.5631 20.7983 18.3635 20.7983 18.2138 20.6483L17.1162 19.5484C16.9665 19.3984 16.9665 19.1485 17.1162 19.0485Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M3.64511 20.6484L3.29585 20.2984C3.14617 20.1484 3.14617 19.9484 3.29585 19.7984L5.74059 17.3486C5.89027 17.1986 6.08984 17.1986 6.23952 17.3486L6.58877 17.6986C6.73845 17.8486 6.73845 18.0486 6.58877 18.1986L4.14403 20.6484C3.99435 20.7484 3.79478 20.7484 3.64511 20.6484Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M3.2389 17.6986L3.58815 17.3486C3.73783 17.1986 3.9374 17.1986 4.08708 17.3486L6.53179 19.7984C6.68147 19.9484 6.68147 20.1484 6.53179 20.2984L6.18257 20.6483C6.03289 20.7983 5.83332 20.7983 5.68364 20.6483L3.2389 18.1985C3.13912 18.0486 3.13912 17.8486 3.2389 17.6986Z\"\n          fill=\"white\"\n        />\n      </svg>\n    );\n  } else if (type === \"Article\") {\n    return (\n      <svg\n        width=\"24\"\n        height=\"22\"\n        viewBox=\"0 0 24 22\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M11.9961 22L0.345093 18.4549C0.138093 18.3916 -0.00390625 18.2014 -0.00390625 17.9854V0.491298C-0.00390625 0.142264 0.351598 -0.0952405 0.675598 0.0372035L11.9961 4.65581V22Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M11.9961 22L23.6471 18.4549C23.8541 18.3916 23.9961 18.2014 23.9961 17.9854V0.491298C23.9961 0.142264 23.6406 -0.0952405 23.3166 0.0372035L11.9961 4.65581V22Z\"\n          fill=\"#F7A983\"\n        />\n        <path\n          d=\"M21.2699 7.33803L14.7344 9.66676V8.85765L21.2699 6.52893V7.33803Z\"\n          fill=\"#FACAB3\"\n        />\n        <path\n          d=\"M21.2699 10.2374L14.7344 12.4003V11.5912L21.2699 9.42828V10.2374Z\"\n          fill=\"#FACAB3\"\n        />\n        <path\n          d=\"M21.2699 12.9963L14.7344 15.1334V14.3243L21.2699 12.1872V12.9963Z\"\n          fill=\"#FACAB3\"\n        />\n        <path\n          d=\"M9.99609 21.3916L11.9961 22V4.65634L9.99609 3.84027V21.3916Z\"\n          fill=\"#551FC1\"\n        />\n      </svg>\n    );\n  } else if (type === \"Assignment\") {\n    return (\n      <svg\n        width=\"20\"\n        height=\"24\"\n        viewBox=\"0 0 20 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M17.161 0C18.7074 0 19.9961 1.2 19.9961 2.75V21.25C19.9961 22.75 18.759 24 17.161 24H2.83114C1.28475 24 -0.00390625 22.8 -0.00390625 21.25V5.89999C-0.00390625 5.54999 0.150739 5.25 0.356924 5.05L5.20229 0.350006C5.46002 0.100006 5.76931 0 6.07859 0H17.161V0Z\"\n          fill=\"#FACAB3\"\n        />\n        <path\n          d=\"M5.25383 0.350037C5.35692 0.250037 5.51156 0.150037 5.61466 0.100037V2.85004C5.61466 4.85004 3.96517 6.45003 1.90331 6.45003H-0.00390625V5.95003C-0.00390625 5.60003 0.150739 5.30004 0.356924 5.10004L5.25383 0.350037Z\"\n          fill=\"#F7A983\"\n        />\n        <path\n          d=\"M0.148438 5.45003C0.199984 5.30003 0.303076 5.20004 0.406169 5.10004L5.25151 0.400024C5.3546 0.300024 5.50924 0.200024 5.61234 0.150024V2.75003C5.61234 4.25003 4.37522 5.50003 2.77729 5.50003H0.148438V5.45003Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M5.92451 9.25003H4.79052C4.58433 9.25003 4.42969 9.10002 4.42969 8.90002V8.25003C4.42969 8.05003 4.58433 7.90002 4.79052 7.90002H5.92451C6.1307 7.90002 6.28534 8.05003 6.28534 8.25003V8.85004C6.28534 9.10004 6.1307 9.25003 5.92451 9.25003Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M15.1984 9.25003H7.98189C7.77571 9.25003 7.62109 9.10002 7.62109 8.90002V8.25003C7.62109 8.05003 7.77571 7.90002 7.98189 7.90002H15.1984C15.4046 7.90002 15.5592 8.05003 15.5592 8.25003V8.85004C15.5592 9.10004 15.4046 9.25003 15.1984 9.25003Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M5.92451 12.2H4.79052C4.58433 12.2 4.42969 12.05 4.42969 11.85V11.25C4.42969 11.05 4.58433 10.9 4.79052 10.9H5.92451C6.1307 10.9 6.28534 11.05 6.28534 11.25V11.85C6.28534 12.05 6.1307 12.2 5.92451 12.2Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M15.1984 12.2H7.98189C7.77571 12.2 7.62109 12.05 7.62109 11.85V11.25C7.62109 11.05 7.77571 10.9 7.98189 10.9H15.1984C15.4046 10.9 15.5592 11.05 15.5592 11.25V11.85C15.5592 12.05 15.4046 12.2 15.1984 12.2Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M5.92451 15.2H4.79052C4.58433 15.2 4.42969 15.05 4.42969 14.85V14.25C4.42969 14.05 4.58433 13.9 4.79052 13.9H5.92451C6.1307 13.9 6.28534 14.05 6.28534 14.25V14.85C6.28534 15.05 6.1307 15.2 5.92451 15.2Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M15.1984 15.2H7.98189C7.77571 15.2 7.62109 15.05 7.62109 14.85V14.25C7.62109 14.05 7.77571 13.9 7.98189 13.9H15.1984C15.4046 13.9 15.5592 14.05 15.5592 14.25V14.85C15.5592 15.05 15.4046 15.2 15.1984 15.2Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M5.92451 18.2H4.79052C4.58433 18.2 4.42969 18.05 4.42969 17.85V17.25C4.42969 17.05 4.58433 16.9 4.79052 16.9H5.92451C6.1307 16.9 6.28534 17.05 6.28534 17.25V17.85C6.28534 18.05 6.1307 18.2 5.92451 18.2Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M15.1984 18.2H7.98189C7.77571 18.2 7.62109 18.05 7.62109 17.85V17.25C7.62109 17.05 7.77571 16.9 7.98189 16.9H15.1984C15.4046 16.9 15.5592 17.05 15.5592 17.25V17.85C15.5592 18.05 15.4046 18.2 15.1984 18.2Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M17.9326 12.3C17.9326 12.25 17.9326 12.15 17.8811 12.1C17.7264 11.55 17.2625 11.1 16.6955 10.95C16.1285 10.8 15.5099 10.95 15.0976 11.35L8.60271 17.65C8.19034 18.05 7.82953 18.55 7.52025 19.05V19.1C7.41716 19.3 7.26251 19.55 7.15942 19.8L6.48932 21.5C6.38623 21.75 6.54086 22 6.79859 22.05C6.85014 22.05 6.90169 22.05 6.90169 22.05C6.95324 22.05 7.00479 22.05 7.00479 22L8.13881 21.6L8.75734 21.35C9.01508 21.25 9.22127 21.15 9.47901 21H9.53054C10.046 20.7 10.5099 20.4 10.9739 19.95L15.8192 15.25L17.4687 13.65C17.7264 13.4 17.8811 13.05 17.9326 12.7C17.9326 12.65 17.9326 12.55 17.9326 12.5C17.9326 12.45 17.9326 12.4 17.9326 12.3Z\"\n          fill=\"#7447CC\"\n        />\n      </svg>\n    );\n  } else if (type === \"PDF\") {\n    return (\n      <svg\n        width=\"21\"\n        height=\"24\"\n        viewBox=\"0 0 21 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M17.5595 0C19.1059 0 20.3945 1.2 20.3945 2.75V21.25C20.3945 22.75 19.1574 24 17.5595 24H3.22958C1.68319 24 0.394531 22.8 0.394531 21.25V5.89999C0.394531 5.54999 0.549161 5.24999 0.755347 5.04999L5.60072 0.350006C5.85845 0.100006 6.16772 0 6.477 0H17.5595V0Z\"\n          fill=\"#FACAB3\"\n        />\n        <path\n          d=\"M5.65226 0.350037C5.75535 0.250037 5.90999 0.150037 6.01309 0.100037V2.85004C6.01309 4.85004 4.3636 6.45004 2.30174 6.45004H0.394531V5.95004C0.394531 5.60004 0.549161 5.30004 0.755347 5.10004L5.65226 0.350037Z\"\n          fill=\"#F7A983\"\n        />\n        <path\n          d=\"M0.546875 5.45004C0.598421 5.30004 0.701514 5.20004 0.804607 5.10004L5.64997 0.400024C5.75306 0.300024 5.9077 0.200024 6.0108 0.150024V2.75003C6.0108 4.25003 4.77368 5.50003 3.17574 5.50003H0.546875V5.45004Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M8.69137 12.45C8.69137 12.85 8.58827 13.15 8.33054 13.35C8.07281 13.55 7.76353 13.7 7.29961 13.7H7.04188V14.9H6.0625V11.35H7.35116C7.81508 11.35 8.1759 11.45 8.38209 11.65C8.58827 11.85 8.69137 12.1 8.69137 12.45ZM6.99033 12.95H7.19651C7.35115 12.95 7.45425 12.9 7.55734 12.85C7.66044 12.75 7.71198 12.65 7.71198 12.5C7.71198 12.25 7.55734 12.15 7.29961 12.15H7.04188V12.95H6.99033Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M12.2459 13.05C12.2459 13.65 12.0913 14.1 11.7304 14.45C11.3696 14.75 10.9057 14.95 10.2871 14.95H9.10156V11.4H10.3902C10.9572 11.4 11.4212 11.55 11.782 11.85C12.0913 12.05 12.2459 12.5 12.2459 13.05ZM11.215 13.1C11.215 12.75 11.1634 12.55 11.0088 12.35C10.8541 12.2 10.648 12.1 10.3902 12.1H10.0809V14.1H10.2871C10.5964 14.1 10.8026 14 10.9572 13.85C11.1634 13.7 11.215 13.45 11.215 13.1Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M13.7958 14.9H12.8164V11.35H14.9813V12.1H13.7958V12.8H14.8783V13.55H13.7958V14.9Z\"\n          fill=\"#7447CC\"\n        />\n      </svg>\n    );\n  } else if (type === \"IFrame\") {\n    return (\n      <svg\n        width=\"25\"\n        height=\"20\"\n        viewBox=\"0 0 25 20\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M22.743 20H2.84296C1.69296 20 0.792969 19.1262 0.792969 18.0097V2.03883C0.792969 0.922327 1.69296 0.0485229 2.84296 0.0485229H22.743C23.893 0.0485229 24.793 0.922327 24.793 2.03883V18.0097C24.793 19.0776 23.893 20 22.743 20Z\"\n          fill=\"#FACAB3\"\n        />\n        <path\n          d=\"M22.743 0H2.84296C1.69296 0 0.792969 0.873774 0.792969 1.99028V2.91262H24.793V1.99028C24.793 0.922318 23.893 0 22.743 0Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M3.74451 1.16498H3.14453V1.74751H3.74451V1.16498Z\"\n          fill=\"#551FC1\"\n        />\n        <path\n          d=\"M4.99451 1.16498H4.39453V1.74751H4.99451V1.16498Z\"\n          fill=\"#551FC1\"\n        />\n        <path\n          d=\"M6.24451 1.16498H5.64453V1.74751H6.24451V1.16498Z\"\n          fill=\"#551FC1\"\n        />\n        <path\n          d=\"M24.793 2.9126H0.792969V3.20385H24.793V2.9126Z\"\n          fill=\"#551FC1\"\n        />\n        <path\n          d=\"M24.793 4.6116H2.19296C1.44296 4.6116 0.792969 4.02908 0.792969 3.25238H24.793V4.6116Z\"\n          fill=\"#F7A983\"\n        />\n        <path\n          d=\"M9.50232 15.2913C9.20232 15.2913 8.90232 15.1457 8.75232 14.903L5.90234 11.3107L8.75232 7.7185C9.10232 7.33015 9.70233 7.23308 10.1023 7.52434C10.5023 7.86414 10.6023 8.44668 10.3023 8.83502L8.35233 11.3107L10.3023 13.7865C10.6523 14.1748 10.5523 14.8059 10.1023 15.0971C9.90233 15.1942 9.70232 15.2913 9.50232 15.2913Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M16.1003 15.2913C15.9003 15.2913 15.7003 15.2427 15.5003 15.0971C15.1003 14.7573 15.0003 14.1748 15.3003 13.7864L17.2503 11.3107L15.3003 8.83497C14.9503 8.44662 15.0503 7.81555 15.5003 7.52429C15.9003 7.18448 16.5503 7.28155 16.8503 7.71845L19.7003 11.3107L16.8503 14.9029C16.7003 15.1457 16.4003 15.2913 16.1003 15.2913Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M12.1444 14.9515C12.0944 14.9515 12.0944 14.9515 12.0444 14.9515C11.7944 14.903 11.5944 14.6603 11.6444 14.4175L12.8944 8.10686C12.9444 7.86414 13.1944 7.66994 13.4444 7.71849C13.6944 7.76703 13.8944 8.00977 13.8444 8.25248L12.5944 14.5632C12.5944 14.7573 12.3944 14.9515 12.1444 14.9515Z\"\n          fill=\"#7447CC\"\n        />\n      </svg>\n    );\n  } else if (type === \"Webinar\") {\n    return (\n      <svg\n        width=\"25\"\n        height=\"24\"\n        viewBox=\"0 0 25 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M17.8884 23.9954H18.9882L16.5886 12.4977H15.4389L16.6386 18.2465H8.99015L10.1899 12.4977H9.09014L6.64062 23.9954H7.7404L8.84019 18.8964H16.7886L17.8884 23.9954Z\"\n          fill=\"#551FC1\"\n        />\n        <path\n          d=\"M14.3385 0.899831H11.2891V0.799844C11.2891 0.349934 11.639 0 12.0889 0H13.5386C13.9885 0 14.3385 0.349934 14.3385 0.799844V0.899831Z\"\n          fill=\"#551FC1\"\n        />\n        <path\n          d=\"M23.2887 14.5971H2.39281C1.9429 14.5971 1.54297 14.1972 1.54297 13.7473V2.69946H24.1385V13.7473C24.1385 14.2472 23.7386 14.5971 23.2887 14.5971Z\"\n          fill=\"#FACAB3\"\n        />\n        <path\n          d=\"M24.0384 2.69956H1.54282C1.1429 2.69956 0.792969 2.34963 0.792969 1.94971V1.39981C0.792969 0.999894 1.1429 0.649963 1.54282 0.649963H24.0384C24.4383 0.649963 24.7882 0.999894 24.7882 1.39981V1.94971C24.8382 2.34963 24.4883 2.69956 24.0384 2.69956Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M24.1385 2.69946H1.54297V3.34933H24.1385V2.69946Z\"\n          fill=\"#F7A983\"\n        />\n        <path\n          d=\"M8.29237 9.29821V8.64834C8.29237 8.09845 7.99243 7.64854 7.54252 7.3486C7.09261 7.09865 6.54272 7.09865 6.04282 7.3486C5.59291 7.59855 5.29297 8.09845 5.29297 8.64834V9.29821C5.29297 9.74812 5.54291 10.198 5.94283 10.398C6.44273 10.6979 7.09261 10.6979 7.59252 10.398C8.04243 10.198 8.29237 9.79811 8.29237 9.29821Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M10.0425 15.347H3.59375V14.2972C3.59375 12.4976 5.04346 11.0479 6.84311 11.0479C8.64275 11.0479 10.0925 12.4976 10.0925 14.2972V15.347H10.0425Z\"\n          fill=\"#7447CC\"\n        />\n        <path\n          d=\"M12.2415 16.9967H1.39364C1.0937 16.9967 0.84375 16.7468 0.84375 16.4468V15.9469C0.84375 15.647 1.0937 15.397 1.39364 15.397H12.2415C12.5414 15.397 12.7914 15.647 12.7914 15.9469V16.4468C12.8414 16.7468 12.5414 16.9967 12.2415 16.9967Z\"\n          fill=\"#551FC1\"\n        />\n        <path\n          d=\"M12.1401 16.9967H1.49219V23.9953H12.1401V16.9967Z\"\n          fill=\"#551FC1\"\n        />\n      </svg>\n    );\n  }\n};\n","import { IconArrow } from \"components/Icon/IconArrow\";\nimport { IconArrowDown } from \"components/Icon/IconArrowDown\";\nimport { trackEvent } from \"lib/amplitude\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\n// import { Image } from \"components/Image/Image\";\nimport { IconQuiz } from \"components/Icon/IconQuiz\";\nimport { IconAssignment } from \"components/Icon/IconAssignment\";\nimport { IconArticle } from \"components/Icon/IconArticle\";\nimport { useRouter } from \"next/router\";\nimport useTranslation from \"next-translate/useTranslation\";\nimport { IconAngle } from \"components/Icon/IconAngle\";\nimport { useAuthStore } from \"modules/Auth/authStore\";\nimport { IconLesson } from \"components/Icon/IconLesson\";\nimport dynamic from \"next/dynamic\";\n\nconst Image = dynamic(\n  () => import(\"components/Image/Image\").then((mod) => mod.Image),\n  {\n    ssr: false,\n  }\n);\n\nconst minusIcon = \"-\";\nconst plusIcon = \"+\";\n\ntype Props = {\n  title?: string;\n  description?: string;\n  index?: number;\n  length?: number;\n  isSeparated?: boolean;\n  eventName?: any;\n  eventProperties?: any;\n  className?: string;\n  data?: any[];\n  countLesson?: any;\n};\n\nexport const AccordionWithImage: React.FC<Props> = ({\n  title,\n  description,\n  eventName = \"\",\n  eventProperties = {},\n  index = 0,\n  length = 0,\n  isSeparated = false,\n  className = \"\",\n  data,\n  countLesson = 0,\n}) => {\n  const loginState = useAuthStore((state) => state.loginState);\n  const router = useRouter();\n  const contentScrollRef = useRef<HTMLDivElement>(null);\n\n  const [currentScrollLeft, setCurrentScrollLeft] = useState(0);\n  const [currentScrollWidth, setCurrentScrollWidth] = useState(0);\n  const [currentContainerWidth, setCurrentContainerWidth] = useState(0);\n  const [currentContainerHeight, setCurrentContainerHeight] = useState(0);\n\n  const [expanded, setExpanded] = useState(false);\n  const { t } = useTranslation(\"common\");\n\n  useEffect(() => {\n    if (contentScrollRef.current) {\n      setCurrentScrollLeft(contentScrollRef.current.scrollLeft);\n      setCurrentScrollWidth(contentScrollRef.current.scrollWidth);\n\n      setCurrentContainerWidth(contentScrollRef.current.clientWidth);\n      setCurrentContainerHeight(contentScrollRef.current.clientHeight);\n\n      // @ts-ignore\n      contentScrollRef.current.addEventListener(\"scroll\", () => {\n        setCurrentScrollLeft(contentScrollRef.current.scrollLeft);\n      });\n    }\n  }, [contentScrollRef.current]);\n\n  const toggleExpanded = useCallback(() => {\n    setExpanded((current) => {\n      const status = !current ? \"open\" : \"close\";\n      const eventprops = {\n        ...eventProperties,\n        dropdown_name: title,\n        state: status,\n      };\n\n      trackEvent({\n        event: eventName,\n        property: eventprops,\n      });\n      return !current;\n    });\n  }, [eventName, eventProperties, title]);\n\n  let images = data[0]?.image ?? null;\n\n  return (\n    <div\n      className={`relative py-12 px-16 cursor-pointer bg-white ${className} ${\n        isSeparated\n          ? \"rounded-16 border border-neutral20_to_dark30\"\n          : index == 0 && length == 1\n          ? \"rounded-16\"\n          : index == 0 && length > 1\n          ? \"rounded-t-16\"\n          : index == length - 1\n          ? \"rounded-b-16\"\n          : \"\"\n      }`}\n    >\n      <div\n        className=\"text-left relative items-center select-none flex justify-between flex-row\"\n        onClick={toggleExpanded}\n      >\n        {expanded ? (\n          <h5 className=\"font-b1 font-medium text-left flex items-center pl-4\">\n            {/* {(data as any)?.length ?? 0} lessons in the course */}\n            {t(\"totalLesson\", {\n              count: countLesson,\n              additionalS: (data as any)?.length > 1 ? \"s\" : \"\",\n            })}{\" \"}\n            {t(\"thisCourse\")}\n          </h5>\n        ) : (\n          <div className=\"flex gap-8 align-center\">\n            {images ? (\n              <div className=\"rounded-8 bg-white flex\">\n                {expanded ? (\n                  <div className=\"w-[172px] h-[96px] z-0\">\n                    <Image\n                      src={images}\n                      alt=\"images\"\n                      width={172}\n                      height={96}\n                      className=\"rounded-8\"\n                    />\n                  </div>\n                ) : (\n                  <div className=\"relative\">\n                    <div className=\"w-[92px] h-[52px] z-0\">\n                      <Image\n                        src={images}\n                        alt=\"images\"\n                        width={92}\n                        height={52}\n                        className=\"rounded-8\"\n                      />\n                    </div>\n\n                    <div className=\"w-[92px] h-[52px] absolute top-0 z-4\">\n                      <Image\n                        src={images}\n                        alt=\"images\"\n                        width={92}\n                        height={52}\n                        className=\"rounded-8\"\n                      />\n                    </div>\n                  </div>\n                )}\n              </div>\n            ) : null}\n\n            <h5\n              className={`font-b1 font-medium text-left flex items-center ${\n                countLesson > 1 ? \"ml-16\" : \"\"\n              }`}\n            >\n              {t(\"totalLesson\", {\n                count: countLesson,\n                additionalS: (data as any)?.length > 1 ? \"s\" : \"\",\n              })}\n            </h5>\n          </div>\n        )}\n\n        <div className=\"flex-none pl-2\">\n          {expanded ? (\n            <IconArrow isCaret={true} direction=\"up\" />\n          ) : (\n            <IconArrowDown size={20} />\n          )}\n        </div>\n      </div>\n\n      <div className=\"relative\">\n        <div\n          className={`overflow-x-scroll relative flex gap-8 duration-500 transition-[max-height] ease-out ${\n            expanded ? \"max-h-[220px]\" : \"max-h-0\"\n          }`}\n          ref={contentScrollRef}\n        >\n          {data.map((item, index) => (\n            <div className=\"flex flex-col gap-4\">\n              <h5\n                className={`text-b2 px-4 font-medium text-left flex items-center mt-8 ${\n                  item.lessons.length === 1\n                    ? \"w-[170px] line-clamp-1\"\n                    : \"line-clamp-1\"\n                }`}\n              >\n                {item.name ?? `Chapter ${index + 1}`}\n              </h5>\n              <div className=\"flex gap-8 font-light\">\n                {item.lessons.map((lesson) => (\n                  <div\n                    className=\"grid gap-2 hover:bg-purple-20 p-4 rounded-8\"\n                    onClick={() => {\n                      router.push(\n                        loginState == \"LOGIN\"\n                          ? {\n                              pathname: \"/course/[courseSlug]\",\n                              query: {\n                                courseSlug: lesson.course_slug,\n                                lesson: lesson.slug,\n                              },\n                            }\n                          : {\n                              pathname: \"/login\",\n                              query: {\n                                url: encodeURIComponent(\n                                  `/course/${lesson.course_slug}&lesson=${lesson.slug}`\n                                ),\n                              },\n                            }\n                      );\n                    }}\n                  >\n                    {expanded ? (\n                      <div\n                        className={`w-[172px] h-[96px] z-0 mb-4 flex justify-center items-center rounded-8 ${\n                          [\"Video\", \"AWS\", \"IFrame\", \"SCORM\"].includes(\n                            lesson.type\n                          )\n                            ? \"\"\n                            : \"bg-white\"\n                        }`}\n                      >\n                        {[\"Video\", \"AWS\", \"IFrame\", \"SCORM\"].includes(\n                          lesson.type\n                        ) ? (\n                          <Image\n                            src={lesson.image}\n                            alt=\"images\"\n                            width={172}\n                            height={96}\n                            className=\"rounded-8\"\n                          />\n                        ) : (\n                          <div\n                            className={`w-[172px] h-[96px] flex justify-center items-center rounded-8`}\n                          >\n                            <div className=\"w-full bg-white bg-[url('/images/bg-lesson.png')] h-full rounded-8 bg-no-repeat bg-center bg-cover flex justify-center items-center\">\n                              <div className=\"rounded-full w-[44px] p-8 aspect-square bg-white flex justify-center items-center\">\n                                <IconLesson type={lesson.type} />\n                              </div>\n                            </div>\n                          </div>\n                        )}\n                      </div>\n                    ) : (\n                      <div className=\"w-[92px] h-[52px] z-0\">\n                        <Image\n                          src={lesson.image}\n                          alt=\"images\"\n                          width={92}\n                          height={52}\n                          className=\"rounded-8\"\n                        />\n                      </div>\n                    )}\n\n                    <span className=\"w-[172px] font-medium text-b2 text-neutral-80 truncate text-left\">\n                      {lesson.name}\n                    </span>\n                    {[\"Video\", \"AWS\", \"IFrame\", \"SCORM\"].includes(\n                      lesson.type\n                    ) &&\n                    lesson.duration &&\n                    lesson.duration !== 0 ? (\n                      <span className=\"text-c1 font-light text-neutral-50\">\n                        {lesson.duration} {t(\"minutes\")}\n                      </span>\n                    ) : null}\n                  </div>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n\n        {/* scroll left */}\n        {currentScrollLeft > 0 && expanded ? (\n          <div\n            className=\"absolute left-[-36px] top-[72px] bg-white w-32 h-32 flex justify-center items-center rounded-full cursor-pointer shadow-navigation\"\n            // style={{\n            //   // top: currentContainerHeight / 2 - 20,\n            //   top: 45 % currentContainerHeight,\n            // }}\n            onClick={(e) => {\n              if (contentScrollRef.current) {\n                contentScrollRef.current.scroll({\n                  left: contentScrollRef.current.scrollLeft - 336,\n                  behavior: \"smooth\",\n                });\n              }\n            }}\n          >\n            <IconAngle />\n          </div>\n        ) : null}\n\n        {/* scroll right */}\n        {currentScrollWidth > currentContainerWidth &&\n        expanded &&\n        currentScrollLeft < currentScrollWidth - currentContainerWidth ? (\n          <div\n            className=\"absolute right-[-36px] top-[72px] bg-white w-32 h-32 flex justify-center items-center rounded-full cursor-pointer shadow-navigation\"\n            // style={{\n            //   // top: currentContainerHeight / 2 - 20,\n            //   top: 45 % currentContainerHeight,\n            // }}\n            onClick={(e) => {\n              if (contentScrollRef.current) {\n                contentScrollRef.current.scroll({\n                  left: contentScrollRef.current.scrollLeft + 336,\n                  behavior: \"smooth\",\n                });\n              }\n            }}\n          >\n            <IconAngle direction=\"right\" />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n","import createStore from \"zustand\";\n\nexport type SectionStore = {\n  // state\n  title: string;\n  isShow: boolean;\n  isLoading: boolean;\n  data: any[];\n\n  // actions\n  setSelectedTitle: (item: string) => void;\n  setIsShow: (item: boolean) => void;\n  setDataSection: (item: any[]) => void;\n  setLoading: (item: boolean) => void;\n};\n\nexport const useModalSectionStore = createStore<SectionStore>((set) => ({\n  // state\n  title: \"\",\n  isShow: false,\n  isLoading: true,\n  data: [],\n\n  // actions\n  setSelectedTitle(item) {\n    set({ title: item });\n  },\n  setIsShow(item) {\n    set({ isShow: item });\n  },\n  setDataSection(item) {\n    set({ data: item });\n  },\n  setLoading(item) {\n    set({ isLoading: item });\n  },\n}));\n","import React, { lazy, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Course } from \"./interfaces\";\n// import { Image } from \"components/Image/Image\";\nimport Images from \"next/image\";\nimport { LogoChip } from \"components/Chip/LogoChip\";\nimport { formatRating, numberWithCommas } from \"lib/helper\";\nimport { IconStar } from \"components/Icon/IconStar\";\nimport useTranslation from \"next-translate/useTranslation\";\nimport { Chip } from \"components/Chip/Chip\";\n// import { VideoJS } from \"modules/Course/CourseVideoJs\";\nimport { useRouter } from \"next/router\";\nimport { trackEvent, trackEventGA, trackEventGTM } from \"lib/amplitude\";\nimport {\n  isGokAresURL,\n  isMenkesURL,\n  isMenpanURL,\n  isPpdsmAparaturURL,\n  isWonderfulLearningURL,\n  useIsSubdomain,\n  useIsTenant,\n} from \"lib/host\";\nimport { AccordionWithImage } from \"components/Accordion/AccordionWithImage\";\nimport Link from \"next/link\";\nimport { useAuthStore } from \"modules/Auth/authStore\";\nimport Button from \"components/Button\";\nimport { SkeletonRect } from \"components/Skeleton/Skeleton\";\nimport { IconCheckCircle } from \"components/Icon/IconCheckCircle\";\nimport { useCartStore } from \"modules/Business/Selection/cartStore\";\nimport { IconPlusCircle } from \"components/Icon/IconPlusCircle\";\nimport { IconPlayCircle } from \"components/Icon/IconPlayCircle\";\nimport dynamic from \"next/dynamic\";\nimport { useJPTrackers } from \"modules/Tenant/homeTenantApi\";\nimport { useAvatarStore } from \"components/InteractiveAvatar/avatarStore\";\nimport { CONST } from \"lib/const\";\nimport { useModalSectionStore } from \"modules/Tenant/modalSectionStore\";\n\nconst VideoJS = dynamic(\n  () => import(\"modules/Course/CourseVideoJs\").then((mod) => mod.VideoJS),\n  {\n    ssr: false,\n  }\n);\nconst Image = dynamic(\n  () => import(\"components/Image/Image\").then((mod) => mod.Image),\n  {\n    ssr: false,\n  }\n);\n\ntype PropsCard = Course & {\n  isUncheck?: boolean;\n  isHide?: boolean;\n  isRow?: boolean;\n  isMyClass?: boolean;\n  isSquare?: boolean;\n  tracker?: any;\n  wrapClass?: string;\n  isRecommendPage?: boolean;\n  onClickFunction?: () => void;\n  isModal?: boolean;\n};\n\nconst CardCourseWithLesson: React.FC<PropsCard> = ({\n  isUncheck = false,\n  isHide = false,\n  className = \"\",\n  isRow = false,\n  isMyClass = false,\n  isSquare = false,\n  tracker,\n  wrapClass = \"\",\n  isRecommendPage = false,\n  onClickFunction,\n  isModal = false,\n  ...props\n}) => {\n  const [chapters, setChapters] = useState([]);\n  const [countLesson, setCountLesson] = useState(0);\n  const [isLoading, setLoading] = useState(false);\n\n  const institutionImage = useMemo(() => {\n    if (props?.institution?.image_url) return props?.institution?.image_url;\n    if (\n      typeof props?.institution == \"string\" &&\n      (props?.institution as any).split(\"||\").length > 1 &&\n      (props?.institution as any).split(\"||\")[1].includes(\"https\")\n    )\n      return (props?.institution as any).split(\"||\")[1];\n    if (typeof props?.institution == \"object\")\n      return props?.institution?.image_url;\n    return null;\n  }, [props?.institution]);\n\n  const institutionName = useMemo(\n    () => props.institution?.name || props.institution?.split(\"||\")[0] || \"\",\n    [props.institution]\n  );\n\n  const { t } = useTranslation(\"common\");\n  const isB2B = useIsTenant() || useIsSubdomain();\n  const isBusiness = !isB2B;\n\n  const isGokAresTenant =\n    typeof window !== \"undefined\" && isGokAresURL(window.location.hostname);\n\n  const isPpdsmAparaturTenant =\n    typeof window !== \"undefined\" &&\n    isPpdsmAparaturURL(window.location.hostname);\n\n  const isMenpanTenant =\n    typeof window !== \"undefined\" && isMenpanURL(window.location.hostname);\n\n  const isWonderfulLearningTenant =\n    typeof window !== \"undefined\" &&\n    isWonderfulLearningURL(window.location.hostname);\n\n  const isKemkesTenant =\n    typeof window !== \"undefined\" && isMenkesURL(window.location.hostname);\n\n  useEffect(() => {\n    if (isRow && props?.chapters && props?.chapters.length) {\n      setLoading(true);\n\n      const newChapters = props?.chapters.map((el: any) => {\n        const allLesson =\n          el?.lessons && el?.lessons.length\n            ? el?.lessons.map((items: any) => ({\n                image: props?.image_cover_url,\n                course_slug: props.slug,\n                ...items,\n              }))\n            : [];\n\n        return {\n          name: el.name,\n          image: props?.image_cover_url,\n          lessons: allLesson,\n        };\n      });\n\n      let counting: any = props?.chapters.flatMap(\n        (el: any) => el?.lessons && el?.lessons.length\n      );\n\n      setCountLesson(counting.length);\n      setChapters(newChapters);\n      setLoading(false);\n    }\n  }, [props.chapters, isRow]);\n\n  const events = useMemo(\n    () => ({\n      event: \"course_hover_a\",\n      property: {\n        course_name: props?.name ?? \"\",\n        course_slug: props?.slug ?? \"\",\n        section_name: props?.sectionName ?? \"\",\n        institution_name:\n          (props as any)?.institution_name ?? props.institution?.name ?? \"\",\n        index: props?.index ?? 0,\n        page: `B2B Homepage`,\n      },\n    }),\n    [props]\n  );\n\n  const [isHovering, setIsHovered] = useState(null);\n  const [videoURL, setVideoURL] = useState(\"\");\n  const [timeout, setModalTimeout] = useState(null);\n  const [videoTimeout, setVideoTimeout] = useState(null);\n\n  useEffect(() => {\n    setVideoURL((props as any)?.hover_content_url);\n  }, [isHovering]);\n\n  const mouseEnterHandler = useCallback(() => {\n    timeout && clearTimeout(timeout);\n    videoTimeout && clearTimeout(timeout);\n    setModalTimeout(\n      setTimeout(() => {\n        trackEventGTM({\n          ...(events as any),\n        });\n        trackEventGA({\n          ...(events as any),\n        });\n      }, 3000)\n    );\n\n    setVideoTimeout(\n      setTimeout(() => {\n        setIsHovered(isHide ? false : true);\n      }, 500)\n    );\n  }, [events, isHide, timeout, videoTimeout]);\n\n  const mouseLeaveHandler = useCallback(() => {\n    timeout && clearTimeout(timeout);\n    videoTimeout && clearTimeout(videoTimeout);\n    setIsHovered(false);\n  }, [timeout, videoTimeout]);\n\n  const router = useRouter();\n  const hasBusinessCourse =\n    typeof router.query.hasBusinessCourse == \"string\"\n      ? router.query.hasBusinessCourse\n      : \"false\";\n\n  const { loginState, currentUser } = useAuthStore((state) => ({\n    loginState: state.loginState,\n    currentUser: state.currentUser,\n  }));\n\n  const gaiaMultipleAccess =\n    (currentUser?.tenant !== undefined &&\n      [\n        \"gaia\",\n        \"mega-insurance-moodle\",\n        \"pupuk-indonesia\",\n        \"injourney\",\n      ].includes((currentUser?.tenant as any)?.slug)) ||\n    [\"gaia\", \"mega-insurance-moodle\", \"pupuk-indonesia\", \"injourney\"].includes(\n      currentUser?.referral\n    );\n\n  const tenantJpTracker =\n    (currentUser?.tenant !== undefined &&\n      [\n        \"ppsdmaparatur\",\n        \"menpan\",\n        \"wonderfullearning\",\n        \"kemkes\",\n        \"tapinkab\",\n        \"bssn\",\n        \"bkpsdm-bekasikota\",\n        // \"maluku-gate\",\n        // \"trenggalekkab\",\n        \"bpsdm-sumbar\",\n        \"bpsdm-sulsel\",\n        \"bpsdm-jambi\",\n        \"bpsdmdki\",\n        // \"jambikota\",\n        // \"muarojambikab\",\n        // \"pesawarankab\",\n        \"batam\",\n        \"pusdiklat-komdigi\",\n        \"pusdiklat-kemenkeu\",\n        \"kemenperin\",\n      ].includes((currentUser?.tenant as any)?.slug)) ||\n    [\n      \"ppsdmaparatur\",\n      \"menpan\",\n      \"wonderfullearning\",\n      \"kemkes\",\n      \"tapinkab\",\n      \"bssn\",\n      \"bkpsdm-bekasikota\",\n      // \"maluku-gate\",\n      // \"trenggalekkab\",\n      \"bpsdm-sumbar\",\n      \"bpsdm-sulsel\",\n      \"bpsdm-jambi\",\n      \"bpsdmdki\",\n      // \"jambikota\",\n      // \"muarojambikab\",\n      // \"pesawarankab\",\n      \"batam\",\n      \"pusdiklat-komdigi\",\n      \"pusdiklat-kemenkeu\",\n      \"kemenperin\",\n    ].includes(currentUser?.referral);\n\n  const isSectionPage = router && router.pathname == \"/section/[sectionSlug]\";\n  const isMyClassPage = router && router.pathname == \"/my-class\";\n  const isSearchPage =\n    typeof router.query.q == \"string\" ? router.query.q : null;\n  const updateCart = useCartStore((state) => state.updateCart);\n\n  // let content = () => null;\n\n  const lengthOfText =\n    props?.skills?.length > 0\n      ? props?.skills\n          ?.slice(0, 2)\n          .flatMap((el) => el.name)\n          .join(\" \").length\n      : null;\n\n  let index = isRow ? (lengthOfText <= 100 ? 3 : 2) : 1;\n  let lengthOfSkill =\n    props?.skills?.length > index ? props?.skills?.length - index : null;\n\n  const hasUserPaid: boolean = (props as any).is_paid;\n  const hasCertificate: boolean = (props as any).has_certificate;\n  const hasPaywall: boolean =\n    (props as any).is_paywall_enabled === undefined\n      ? true\n      : (props as any).is_paywall_enabled;\n  const isCourseFinished =\n    props.enrollment_progress?.finished === props.enrollment_progress?.total;\n  const isEnterprisePlus =\n    currentUser?.tenant !== undefined &&\n    [\n      \"Enterprise Plus\",\n      \"Pro Plus\",\n      `Pro Custom (${currentUser?.referral})`,\n    ].includes((currentUser?.tenant as any)?.plan?.name);\n\n  let content = useCallback(\n    () =>\n      videoURL ? (\n        <VideoJS\n          isHovering={isHovering}\n          url={videoURL}\n          handleInterrupt={() => {}}\n        />\n      ) : null,\n    [videoURL, isHovering]\n  );\n\n  const [isHoveringGaia, setIsHoveringGaia] = useState(false);\n  const { setIsCourseTranscript, setCourseTranscript } = useAvatarStore();\n\n  const [setIsShow] = useModalSectionStore((state) => [state.setIsShow]);\n\n  return (\n    <div\n      className={(!isRow ? \"cursor-pointer\" : \"\") + \" relative h-full w-full\"}\n      onClick={\n        onClickFunction\n          ? onClickFunction\n          : () => {\n              if (!isRow) {\n                if ((props as any).onSelect) {\n                  updateCart(props);\n                } else {\n                  router.push(\n                    loginState == \"LOGIN\"\n                      ? isRecommendPage\n                        ? {\n                            pathname: \"/r/[page]\",\n                            query: {\n                              page: `/course/${props.slug}`,\n                            },\n                          }\n                        : {\n                            pathname: \"/course/[courseSlug]\",\n                            query: { courseSlug: props?.slug },\n                          }\n                      : {\n                          pathname: \"/login\",\n                          query: {\n                            url: encodeURIComponent(`/course/${props?.slug}`),\n                          },\n                        }\n                  );\n                }\n              }\n\n              if (tracker) {\n                trackEventGTM(tracker);\n                trackEventGA(tracker);\n              }\n            }\n      }\n    >\n      <div\n        className={`flex gap-8 h-fit ${\n          isRow ? \"flex-col w-full md:flex-row\" : \"flex-col\"\n        }`}\n      >\n        <div\n          className={`relative cursor-pointer overflow-hidden aspect-[16/9] ${\n            isHovering ? \"\" : isSquare ? \"\" : \"rounded-8\"\n          } ${\n            isRow\n              ? \"md:w-[40%] w-full h-full\"\n              : `${wrapClass} h-[200px] md:h-full`\n          }`}\n          onMouseEnter={mouseEnterHandler}\n          onMouseLeave={mouseLeaveHandler}\n          onClick={() => {\n            if (isRow) {\n              router.push(\n                loginState == \"LOGIN\"\n                  ? {\n                      pathname: \"/course/[courseSlug]\",\n                      query: { courseSlug: props?.slug },\n                    }\n                  : {\n                      pathname: \"/login\",\n                      query: {\n                        url: encodeURIComponent(`/course/${props?.slug}`),\n                      },\n                    }\n              );\n            }\n\n            if (tracker) {\n              trackEventGTM(tracker);\n              trackEventGA(tracker);\n            }\n          }}\n        >\n          {/* {(props.slug ===\n            \"gak-butuh-peluang-besar-ini-alasan-kenapa-anda-belum-sukses\" ||\n            props.slug === \"9-menit-yg-akan-mengubah-hidupmu\" ||\n            props.slug ===\n              \"kenapa-cari-duit-susah-part-3-surface-vs-deeper-level\" ||\n            props.slug === \"kenapa-jaman-sekarang-susah-cari-duit\" ||\n            props.slug === \"ujian-hidup-yang-akan-membuatmu-naik-level\") &&\n            (gaiaMultipleAccess || CONST.IS_DEV) && (\n              <div className=\"absolute z-[2] top-12 right-12 w-full flex justify-end items-end\">\n                <div\n                  onClick={(e) => {\n                    e.stopPropagation();\n\n                    trackEventGTM({\n                      event: \"gaia_course_chip_a\",\n                      property: {\n                        user_id: currentUser?.id ?? \"\",\n                        is_logged_in: currentUser ? true : false,\n                        course_slug: props.slug,\n                        lesson_slug: (props?.chapters?.[0] as any)?.lessons[0]\n                          ?.slug,\n                        position: \"card\",\n                      },\n                    });\n\n                    trackEventGA({\n                      event: \"gaia_course_chip_a\",\n                      property: {\n                        user_id: currentUser?.id ?? \"\",\n                        is_logged_in: currentUser ? true : false,\n                        course_slug: props.slug,\n                        lesson_slug: (props?.chapters?.[0] as any)?.lessons[0]\n                          ?.slug,\n                        position: \"card\",\n                      },\n                    });\n\n                    setIsCourseTranscript(true);\n\n                    if (\n                      props.slug ===\n                        \"gak-butuh-peluang-besar-ini-alasan-kenapa-anda-belum-sukses\" ||\n                      props.slug === \"9-menit-yg-akan-mengubah-hidupmu\"\n                    ) {\n                      setCourseTranscript(`\n                        Jelaskan secara singkat mengenai :\n\n                        \"Bayangkan gaptek itu bisa dipelajari. Anak kecil yang baru lahir pun awalnya gaptek, tapi lama-kelamaan bisa belajar sendiri. Masa kita yang sudah dewasa, dengan otak yang lebih matang, kalah sama anak kecil? Saya baru saja menyelesaikan batch ketiga dari program *Thirty Days Challenge* bersama Kang Afif, di mana kita membahas cara membuat kursus online. Ada hal-hal menarik yang saya pelajari. Misalnya, di batch pertama, seribu orang ikut, batch kedua juga seribu, dan batch ketiga sekitar lima ratusan. Banyak orang ingin naik level secara finansial, punya produk sendiri, brand sendiri, margin besar, dan kebebasan waktu. Tapi, masalahnya bukan pada peluang atau nasib, melainkan pada diri sendiri. Banyak orang gagal karena mereka menghalangi diri sendiri. Saya ingin menyampaikan bahwa peluang di dunia digital, seperti affiliate marketing dan kursus online, sedang naik daun. Statistik global menunjukkan pertumbuhan yang signifikan, bahkan mencapai miliaran dolar. Jadi, kalau ada yang bertanya apakah ini masih prospek 10 tahun ke depan, jawabannya adalah ya. Peluangnya besar, mentornya ada, dan modalnya kecil. Bahkan, Anda bisa memulai hanya dengan handphone. Tapi, banyak orang masih punya alasan seperti, “Saya gaptek,” “Saya tidak punya keahlian,” atau “Saya tidak punya followers.” Padahal, semua itu bisa dipelajari. Anak kecil saja bisa belajar, masa kita tidak? Masalah terbesar sebenarnya adalah mental block. Banyak orang tidak sadar bahwa mereka punya trauma atau pengalaman masa lalu yang menghambat kemajuan mereka. Misalnya, ada peserta di kelas saya yang takut public speaking karena pernah dipermalukan di sekolah saat kecil. Pengalaman itu membekas dan membuatnya takut salah lagi. Padahal, sebagai sales, public speaking adalah hal yang penting. Mental block seperti ini seringkali muncul dari kejadian masa kecil yang kita lupa, tapi dampaknya masih terasa sampai sekarang. Jadi, intinya, kesuksesan bukan hanya tentang peluang di luar, tapi juga tentang kesiapan diri. Jika ada peluang di depan mata, tapi Anda masih merasa takut, ragu, atau tidak percaya diri, coba tanyakan pada diri sendiri: apa yang menghambat saya? Apakah ada cerita masa lalu yang masih membekas? Dengan menyadari dan berdamai dengan pengalaman itu, Anda bisa membuka jalan untuk maju. Saya mengajak Anda untuk mulai introspeksi dan mengambil langkah kecil. Ikuti program pelatihan, belajar hal baru, dan jangan biarkan mental block menghalangi Anda. Peluang sudah ada, tinggal bagaimana Anda menyikapinya. Jika Anda tertarik, jangan ragu untuk menghubungi saya. Terima kasih sudah menonton, dan sampai jumpa di video berikutnya!\"\n                        \n                        Jangan gunakan kata ganti orang ketiga seperti \"penulis\", tapi buat seolah-olah Anda yang menyampaikan pesan tersebut secara langsung dan berikan pertanyaan sesuai konten itu untuk memulai diskusi.\n                        `);\n                    } else if (\n                      props.slug ===\n                      \"kenapa-cari-duit-susah-part-3-surface-vs-deeper-level\"\n                    ) {\n                      setCourseTranscript(`\n                        Jelaskan secara singkat mengenai :\n\n                        \"Saya ingin membahas tentang alasan-alasan yang sering kita dengar ketika seseorang tidak mengambil peluang. Misalnya, tadi malam saya dan tim di Travel U meluncurkan mini course Rich Affiliate, yang mengajarkan cara menjadi affiliate dan menjual produk digital. Lebih dari dua ribu orang bergabung via Zoom dan YouTube. Namun, ada beberapa orang yang tidak ikut karena alasan seperti tidak punya laptop. Ini menarik karena saya ingin membahas lebih dalam tentang alasan-alasan seperti ini. Ketika seseorang bilang, \"Saya tidak punya laptop,\" atau \"Saya tidak punya iPad,\" itu sebenarnya hanya alasan permukaan (surface level). Di balik itu, ada alasan yang lebih dalam. Misalnya, ketika seseorang bilang tidak punya iPad, sebenarnya masalahnya bukan iPad, tapi uang. Mereka tidak punya uang untuk membeli iPad. Ini adalah deeper level. Tapi, alasan seperti ini sering disembunyikan karena tidak nyaman untuk diungkapkan. Saya sudah lebih dari 30 tahun menjadi sales, dan saya sering menemui orang-orang dengan alasan seperti ini. Ketika seseorang bilang mereka tidak punya skill atau uang, sebenarnya itu hanya permukaan. Jika kita gali lebih dalam, biasanya ada masalah internal seperti rasa malas, trauma, atau mental block. Misalnya, ketika seseorang bilang tidak punya skill, kita bisa tanya, \"Skill apa yang kamu butuhkan?\" Jawabannya bisa lebih spesifik, seperti \"Saya tidak bisa bikin landing page.\" Nah, dari situ, kita bisa cari solusi. Saya selalu bilang, kita hidup di era abundance, di mana informasi sangat mudah didapat. Jika kamu tidak punya skill, kamu bisa belajar di YouTube. Jika tidak punya uang, kamu bisa cari wifi gratis di stasiun atau tempat umum. Intinya, tidak ada alasan untuk tidak belajar atau mencoba. Jika kamu bilang tidak punya waktu, padahal kamu punya banyak waktu luang, itu artinya kamu malas. Malas adalah deeper level yang sering disembunyikan karena memalukan. Ketika kita menghadapi alasan-alasan seperti ini, kita harus paham bahwa itu hanya permukaan. Masalah sebenarnya ada di internal. Jika kita bisa mengubah mindset internal, maka hidup kita akan berubah. Jadi, jika kamu merasa hidupmu susah, coba lihat kembali mindsetmu. Mungkin ada yang perlu diubah. Semoga penjelasan ini bermanfaat. Terima kasih sudah menonton, dan sampai jumpa di video berikutnya! Bye-bye.\"\n\n                        Jangan gunakan kata ganti orang ketiga seperti \"penulis\", tapi buat seolah-olah Anda yang menyampaikan pesan tersebut secara langsung dan berikan pertanyaan sesuai konten itu untuk memulai diskusi.\n                      `);\n                    } else if (\n                      props.slug === \"kenapa-jaman-sekarang-susah-cari-duit\"\n                    ) {\n                      setCourseTranscript(`\n                        Jelaskan secara singkat mengenai :\n\n                        Zaman sekarang, banyak orang mengeluh susah cari uang. Bisnis konvensional sepi, persaingan tinggi, dan banyak yang merasa terjebak dalam pola pikir lama. Tapi, sebenarnya masalahnya bukan pada uangnya, melainkan pada cara kita memandang dan memanfaatkan era yang sedang berjalan. Saya sering dengar keluhan seperti, \"Dulu bisnis mudah, sekarang susah,\" atau \"Harus punya followers ratusan ribu baru bisa dapat uang.\" Padahal, enggak harus seperti itu. Saya sudah menulis buku berjudul Rich Creator Blackbook yang membahas mengapa banyak orang kesulitan financially dan bagaimana cara mengatasinya. Intinya, masalah utama adalah edukasi kita yang masih terjebak di era revolusi industri. Sistem pendidikan kita dirancang untuk menghasilkan pekerja, bukan pencipta. Dari kecil, kita diajari untuk sekolah, kuliah, cari kerja, dan dapat gaji. Pola pikir ini sudah ketinggalan zaman. Sekarang kita hidup di era digital dan informasi, di mana uang tidak lagi hanya tentang produk fisik, tapi juga tentang attention dan informasi. Contohnya, Taylor Swift bisa dapat ratusan miliar hanya karena dia bisa menarik perhatian orang. Uang mengikuti attention, bukan sebaliknya. Nah, kalau kita masih berkutat di bisnis konvensional, ya wajar susah. Persaingannya terlalu tinggi. Dulu, mungkin hanya ada sepuluh toko baju di satu kota, sekarang ada ribuan toko online. Supply melimpah, demand tersebar, dan akhirnya potensi keuntungan per individu menurun. Tapi, di dunia digital dan informasi, persaingannya masih relatif sedikit. Masih banyak peluang untuk menghasilkan uang secara pasif, bahkan tanpa harus punya followers ratusan ribu. Saya sendiri membuktikannya. Pagi ini, saya bangun tidur, sarapan, dan cek email. Tanpa harus bikin konten atau live jualan, transaksi terus masuk. Ini karena saya sudah menyiapkan sistem dan produk digital yang bekerja secara otomatis. Saya tidak perlu aktif jualan setiap saat. Ini yang disebut pasif income. Era sekarang memungkinkan kita menghasilkan uang dengan cara yang lebih efisien, asalkan kita mau belajar dan beradaptasi. Elon Musk pernah bilang, di masa depan, kerjaan seperti yang kita kenal sekarang mungkin tidak akan ada lagi. Semua akan digantikan oleh AI dan teknologi. Jadi, tugas kita sekarang adalah belajar dan beradaptasi. Jangan bilang \"saya gaptek\" atau \"saya enggak bisa.\" Kalau kita tetap bertahan di pola pikir lama, ya kita akan ketinggalan. Era digital menuntut kita untuk memahami informasi, teknologi, dan cara menarik perhatian. Jadi, kalau Anda masih kesulitan cari uang, mungkin itu karena Anda masih terjebak di era lama. Mulai pelajari cara kerja dunia digital. Buku Rich Creator Blackbook bisa jadi panduan Anda. Di dalamnya, saya jelaskan step-by-step bagaimana memanfaatkan era ini untuk menghasilkan uang secara pasif. Enggak perlu takut atau malu belajar hal baru. Yang penting, kita mau maju dan beradaptasi. Jadi, stop mengeluh dan mulai action. Era digital menawarkan banyak peluang, asalkan kita mau mengambil langkah pertama. Semoga penjelasan ini membantu. Jika ingin tahu lebih detail, langsung cek bukunya. Sampai jumpa di video berikutnya!\n\n                        Jangan gunakan kata ganti orang ketiga seperti \"penulis\", tapi buat seolah-olah Anda yang menyampaikan pesan tersebut secara langsung dan berikan pertanyaan sesuai konten itu untuk memulai diskusi.\n                      `);\n                    } else if (\n                      props.slug ===\n                      \"ujian-hidup-yang-akan-membuatmu-naik-level\"\n                    ) {\n                      setCourseTranscript(`\n                        Jelaskan secara singkat mengenai :\n\n                        Sebagai seorang entrepreneur, ada saat-saat di mana saya harus membuat keputusan penting dan mengambil risiko besar. Ketika saya berusia 20 tahun, memutuskan menjadi entrepreneur terasa mudah karena tidak ada yang bisa hilang. Namun, ketika sudah memiliki banyak hal baik, melepaskannya demi tujuan yang lebih besar tidaklah mudah. Saya pernah menjual bisnis di Singapura dan memutuskan untuk kembali ke Indonesia, memulai semuanya dari nol. Saya memulai dari hal sederhana, bahkan dari garasi rumah yang diubah menjadi kantor. Saat itu, kondisi tempat kerja tidak ideal—sering bocor, listrik mati, dan banjir melanda. Tapi, saya percaya bahwa setiap keputusan baik di awal akan diuji. Ujian itu menguji komitmen dan ketulusan tujuan kita. Saya memulai bisnis di bidang edukasi, dimulai dari event kecil yang mengajarkan leadership dan character development untuk anak-anak dan remaja. Passion saya di pendidikan, terutama untuk generasi muda, menjadi dasar bisnis ini. Dari satu cabang di Puri, sekarang kami memiliki 13 cabang di Surabaya dan Semarang, serta platform digital yang terus berkembang. Semua ini adalah hasil dari komitmen tinggi dan pantang menyerah. Saya percaya, mengambil risiko tidak menjamin kesuksesan, tetapi tidak mencoba sudah pasti berarti kalah. Komitmen bukan sekadar usaha, tapi kegigihan meski dalam kondisi sulit dan hasil belum terlihat. Saya bersyukur, sekarang bisnis sudah berjalan dengan tim yang solid, dan saya tidak lagi menjalankan operasional sehari-hari. Banyak orang bilang, bisnis yang ideal adalah yang bisa berjalan sendiri sementara pemiliknya bisa jalan-jalan. Saya juga menginginkan hal itu, tapi saya merasa bahwa jalan-jalan tanpa tujuan terasa kurang bermakna. Sekarang, saya menggunakan waktu untuk membuat konten positif, menyebarkan pesan harapan, cinta, dan keyakinan. Konten-konten ini menjadi platform untuk menyampaikan pesan-pesan yang bermakna, dan ini adalah cara saya tetap aktif berkontribusi hingga hari ini.\n\n                        Jangan gunakan kata ganti orang ketiga seperti \"penulis\", tapi buat seolah-olah Anda yang menyampaikan pesan tersebut secara langsung dan berikan pertanyaan sesuai konten itu untuk memulai diskusi.\n                      `);\n                    }\n                  }}\n                  onMouseEnter={() => setIsHoveringGaia(true)}\n                  onMouseLeave={() => setIsHoveringGaia(false)}\n                  className=\"flex items-center justify-center gap-[4px] px-10 pt-4 pb-6 rounded-full\"\n                  style={{\n                    background: !isHoveringGaia\n                      ? \"rgba(0, 0, 0, 0.4)\"\n                      : \"linear-gradient(270deg, #551FC1 0%, #F37A41 100%)\",\n                    backdropFilter: \"blur(40px)\",\n                  }}\n                >\n                  <Images\n                    src=\"/images/logo-gaia-nobg.png\"\n                    alt=\"gaia\"\n                    width={40}\n                    height={18}\n                  />\n                </div>\n              </div>\n            )}\n\n          {isHoveringGaia && (\n            <div className=\"absolute z-[2] top-60 right-12\">\n              <div className=\"relative max-w-[347px] text-black p-8 rounded-xl bg-[rgba(0,0,0,0.72)]\">\n                <p className=\"text-b2 font-light text-white_to_white\">\n                  Gaia jelaskan kursus ini\n                </p>\n                <div\n                  className=\"absolute -top-[9.5px] right-24 w-0 h-0 border-l-[10px] border-l-transparent border-r-[10px] border-r-transparent\"\n                  style={{\n                    borderBottom: \"10px solid #000000CC\",\n                  }}\n                ></div>\n              </div>\n            </div>\n          )} */}\n\n          {(!isHovering || !(props as any)?.hover_content_url) && (\n            <>\n              {props.image_cover_url ? (\n                <Image\n                  src={props.image_cover_url}\n                  width={305}\n                  data-testid=\"card-featured_cover\"\n                  className={`object-cover w-full h-full object-center ${\n                    isHovering ? \"\" : isSquare ? \"\" : \"rounded-8\"\n                  }`}\n                />\n              ) : (\n                <div\n                  className={`bg-neutral-20 w-full aspect-[16/9] ${\n                    isRow ? \"h-full\" : \"md:full\"\n                  } ${isSquare ? \"\" : \"rounded-8\"}`}\n                ></div>\n              )}\n            </>\n          )}\n\n          {isBusiness &&\n            (router as any).pathname == \"/pilih-kursus\" &&\n            !isUncheck && (\n              <div\n                className={\n                  \"absolute top-0 w-full h-full flex justify-end items-start p-8\"\n                }\n              >\n                <IconPlusCircle />\n              </div>\n            )}\n\n          <div className={\"absolute top-0 w-full h-full\"}>\n            <div className=\"h-full flex justify-center items-center\">\n              {/* <Images\n                src={\"/images/icon-play-grey.svg\"}\n                alt=\"playGrey\"\n                width={45}\n                height={45}\n              /> */}\n              <IconPlayCircle size={45} classes=\"m-auto\" isBgCustomized />\n            </div>\n          </div>\n\n          {isHovering && (props as any)?.hover_content_url && (\n            <div className=\"w-full h-full\">{content()}</div>\n          )}\n\n          {isHide && (\n            <div className=\"absolute top-0 bg-[#00000099] w-full h-full flex justify-center items-center\">\n              <div className=\"text-b1 font-black text-white\">\n                Khusus goKampus Business\n              </div>\n            </div>\n          )}\n\n          {/* Badge endsoon */}\n          {props?.course_available_until &&\n            props?.course_available_until !== \"\" && (\n              <div className=\"absolute bottom-12 right-12 w-full h-full flex justify-end items-end\">\n                <div className=\"flex items-center justify-center gap-[4px] bg-[#FAE7EC] text-[#D0375C] px-[8px] py-[4px] rounded-full\">\n                  <img src=\"/warning.png\" className=\"w-[20px] h-[20px]\" />\n                  <p className=\"text-sm font-thin\">{t(\"endingSoon\")}</p>\n                </div>\n              </div>\n            )}\n\n          {/* Badge poin */}\n          {/* {currentUser?.referral !== \"bluebird\" && (\n            <div className=\"min-w-[74px] h-[28px] absolute flex items-center justify-center bottom-0 left-0 flex justify-end items-end px-[8px] py-[4px] bg-[#EFB443] rounded-tr-[12px]\">\n              <span className=\"text-[14px] text-[#fff] font-[500]\">\n                {props?.duration} Poin\n              </span>\n            </div>\n          )} */}\n        </div>\n\n        {isRow ? (\n          <div\n            className={`flex flex-col gap-12 ${\n              isSquare ? \"w-[90%] mx-auto\" : \"w-full md:w-[60%]\"\n            }`}\n          >\n            {/* card info and skills */}\n            <div\n              className={`overflow-hidden ${!isHovering ? \"rounded-b-12\" : \"\"}`}\n            >\n              <div\n                className={`gap-8 relative text-neutral80_to_dark10 items-center`}\n              >\n                <div className={\"flex flex-col justify-betweenm gap-8\"}>\n                  <Link\n                    key={props?.name + index}\n                    // @ts-ignore\n                    href={\n                      hasBusinessCourse === \"true\"\n                        ? \"https://business.gokampus.com/hubungi-sales\"\n                        : loginState == \"LOGIN\"\n                        ? isRecommendPage\n                          ? {\n                              pathname: \"/r/[page]\",\n                              query: {\n                                page: `/course/${props.slug}`,\n                              },\n                            }\n                          : {\n                              pathname: \"/course/[courseSlug]\",\n                              query: isSectionPage\n                                ? {\n                                    courseSlug: props?.slug,\n                                    institutionKey: `${props?.institution.slug}`,\n                                    hasBusinessCourse:\n                                      props?.institution.is_business,\n                                    institutionName: `${props?.institution.name}||${props?.institution.image_url}`,\n                                  }\n                                : props?.is_institution_business\n                                ? {\n                                    courseSlug: props?.slug,\n                                    institutionKey: props?.institution,\n                                    hasBusinessCourse:\n                                      props?.is_institution_business,\n                                    institutionName: `${props?.institution.name}||${props?.institution.image_url}`,\n                                  }\n                                : {\n                                    courseSlug: props?.slug,\n                                  },\n                            }\n                        : {\n                            pathname: \"/login\",\n                            query: isSectionPage\n                              ? {\n                                  url: encodeURIComponent(\n                                    `/course/${props?.slug}?institutionKey=${props?.institution.slug}&hasBusinessCourse=${props?.institution.is_business}&institutionName=${props?.institution.name}||${props?.institution.image_url}`\n                                  ),\n                                }\n                              : {\n                                  url: encodeURIComponent(\n                                    `/course/${props?.slug}?institutionKey=${props?.institution}&hasBusinessCourse=${props?.is_institution_business}`\n                                  ),\n                                },\n                          }\n                    }\n                    passHref={hasBusinessCourse === \"true\"}\n                    rel={\n                      hasBusinessCourse === \"true\" ? \"noopener noreferrer\" : \"\"\n                    }\n                    target={hasBusinessCourse === \"true\" ? \"_blank\" : \"\"}\n                  >\n                    <h3\n                      className={\n                        `text-b1 font-medium max-w-full text-neutral-80 text-left ` +\n                        (isMyClassPage ? \"line-clamp-1\" : \"line-clamp-2\")\n                      }\n                    >\n                      {props.name}{\" \"}\n                      {(tenantJpTracker || isGokAresTenant) && (\n                        <span className=\"text-purple50_to_dark10\">\n                          ({(props as any)?.learning_hours} JP)\n                        </span>\n                      )}\n                    </h3>\n                  </Link>\n\n                  <div className=\"flex gap-8 items-center\">\n                    {institutionImage && (\n                      <LogoChip\n                        image_url={institutionImage}\n                        size={36}\n                        useResizeImage={true}\n                        styles=\"border border-neutral20_to_dark30\"\n                      />\n                    )}\n\n                    <div className=\"grid gap-4\">\n                      <div className=\"text-b2 font-light max-w-full truncate text-neutral80_to_dark10 text-left\">\n                        {institutionName}\n                      </div>\n\n                      <div className=\"flex gap-8 justify-start items-center text-b2 text-neutral80_to_dark10 font-light\">\n                        {typeof props?.review_summary?.star_avg === \"number\" &&\n                        props?.review_summary?.star_avg !== 0 &&\n                        !isB2B ? (\n                          <>\n                            <div className=\"flex items-center justify-center\">\n                              <IconStar size={14} fill color=\"#EFB443\" />\n                              <div className=\"ml-2 text-b2\">\n                                {formatRating(\n                                  props?.review_summary?.star_avg.toFixed(1)\n                                )}\n                              </div>\n                            </div>\n                            |\n                          </>\n                        ) : (\n                          <></>\n                        )}\n                        {props.total_learners !== 0 && !isB2B && (\n                          <div>{`${numberWithCommas(props.total_learners)} ${t(\n                            \"pelajar\"\n                          ).toLowerCase()}`}</div>\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              {props.skills?.length > 0 ? (\n                <div\n                  className={`opacity-100 transition-opacity duration-[1000ms] ease-in-out`}\n                >\n                  <div className=\"flex flex-wrap gap-12 items-center\">\n                    {props?.skills?.slice(0, index).map((skill) => (\n                      <Chip\n                        key={skill.slug}\n                        className={\n                          (isModal ? \"bg-neutral10_to_dark90\" : \"\") +\n                          \" text-neutral80_to_dark10 font-light text-b2\"\n                        }\n                      >\n                        {skill.name || skill.toString()}\n                      </Chip>\n                    ))}\n\n                    {lengthOfSkill >= 1 && (\n                      <div className=\"text-neutral80_to_dark10 text-b2 font-light\">\n                        +{lengthOfSkill} Skill lainnya\n                      </div>\n                    )}\n                  </div>\n                </div>\n              ) : null}\n            </div>\n\n            <div className=\"line-clamp-2 text-neutral-70 font-light text-b2\">\n              <span\n                dangerouslySetInnerHTML={{ __html: props?.description }}\n              ></span>\n            </div>\n\n            {isLoading && chapters.length == 0 ? (\n              <SkeletonRect className=\"w-full h-[76px] rounded-8\"></SkeletonRect>\n            ) : !isLoading && chapters.length > 0 ? (\n              <AccordionWithImage\n                className=\"bg-slated_purple rounded-8 p-8\"\n                data={chapters}\n                countLesson={countLesson}\n              />\n            ) : null}\n          </div>\n        ) : (\n          <>\n            {/* card info and skills */}\n            <div\n              className={`overflow-hidden flex gap-8 ${\n                !isHovering ? \"rounded-b-12\" : \"\"\n              } ${isSquare ? \"w-[90%] mx-auto\" : \"w-full m-0\"}`}\n            >\n              <div className=\"flex justify-center items-start\">\n                {institutionImage && (\n                  <LogoChip\n                    image_url={institutionImage}\n                    size={36}\n                    useResizeImage={true}\n                    styles=\"border border-neutral20_to_dark30\"\n                  />\n                )}\n              </div>\n              <div className=\"flex flex-col gap-8 w-[-webkit-fill-available]\">\n                <h3\n                  className={\n                    `text-b1 font-medium max-w-full text-neutral-80 text-left ` +\n                    (isMyClassPage ? \"line-clamp-1\" : \"line-clamp-2\")\n                  }\n                >\n                  {props.name}{\" \"}\n                  {(tenantJpTracker || isGokAresTenant) && (\n                    <span className=\"text-purple50_to_dark10\">\n                      ({(props as any)?.learning_hours} JP)\n                    </span>\n                  )}\n                </h3>\n\n                <div className=\"text-b2 font-light max-w-full truncate text-neutral80_to_dark10 text-left\">\n                  {institutionName}\n                </div>\n\n                <div>\n                  {props.skills?.length > 0 ? (\n                    <div\n                      className={`opacity-100 transition-opacity duration-[1000ms] ease-in-out`}\n                    >\n                      <div className=\"flex flex-wrap gap-12 items-center\">\n                        {props?.skills?.slice(0, index).map((skill) => (\n                          <Chip\n                            key={skill.slug}\n                            className={\n                              (isModal ? \"bg-neutral10_to_dark90\" : \"\") +\n                              \" text-neutral80_to_dark10 font-light text-b2\"\n                            }\n                          >\n                            {skill.name || skill.toString()}\n                          </Chip>\n                        ))}\n\n                        {lengthOfSkill >= 1 && (\n                          <div className=\"text-neutral80_to_dark10 text-b2 font-light\">\n                            +{lengthOfSkill} Skill lainnya\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                  ) : null}\n                </div>\n\n                {isMyClass && (\n                  <>\n                    <div className=\"flex flex-col items-center gap-8 py-8\">\n                      <div className=\"w-full h-6 bg-purple-10 rounded-full overflow-hidden relative\">\n                        <div\n                          className={`rounded-full h-full ${\n                            isCourseFinished ? \"bg-green-70\" : \"bg-purple-50\"\n                          }`}\n                          style={{\n                            width:\n                              (props.enrollment_progress.finished /\n                                props.enrollment_progress.total) *\n                                100 +\n                              \"%\",\n                          }}\n                        ></div>\n                      </div>\n\n                      <div\n                        className={`w-full flex items-center justify-between text-b2 ${\n                          isCourseFinished\n                            ? \"text-green-70 font-light text-b2\"\n                            : \"text-purple-50 font-light\"\n                        }`}\n                      >\n                        {isCourseFinished ? (\n                          <p>Selesai</p>\n                        ) : (\n                          <>\n                            {props.enrollment_progress?.finished}/\n                            {t(\"totalLesson\", {\n                              count: props.enrollment_progress?.total,\n                              additionalS:\n                                props.enrollment_progress?.total > 1 ? \"s\" : \"\",\n                            })}\n                          </>\n                        )}\n\n                        {hasPaywall &&\n                          !hasUserPaid &&\n                          isCourseFinished &&\n                          // (isEnterprisePlus || hasCertificate) ? (\n                          // remove validate OR\n                          isEnterprisePlus &&\n                          hasCertificate && (\n                            <Button\n                              variant=\"primary_outlined\"\n                              size=\"medium\"\n                              className=\"!p-0\"\n                            >\n                              {t(\"downloadCertif\")}\n                            </Button>\n                          )}\n                      </div>\n                    </div>\n                  </>\n                )}\n              </div>\n            </div>\n          </>\n        )}\n\n        {(props as any).isChecked ? (\n          <div className=\"absolute bg-[#0d0d0d80] top-0 rounded-8 w-full h-full p-8 flex justify-end items-start\">\n            <IconCheckCircle />\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nexport default CardCourseWithLesson;\n","export const Divider: React.FC<{\n  className?: string;\n}> = ({ className }) => {\n  return (\n    <div\n      className={`w-full border-b border-neutral20_to_dark30 ${\n        className ? className : \"\"\n      }`}\n    />\n  );\n};\n","type Props = {\n  size?: number;\n  color?: string;\n  direction?: \"left\" | \"right\" | \"down\" | \"up\";\n};\n\nexport const IconAngle: React.FC<Props> = ({\n  size = 24,\n  color = \"#3E3851\",\n  direction = \"left\",\n}) => {\n  let className = \"\";\n  switch (direction) {\n    case \"left\":\n      className = \"rotate-180\";\n      break;\n    case \"down\":\n      className = \"rotate-90\";\n      break;\n    case \"up\":\n      className = \"-rotate-90\";\n      break;\n    case \"right\":\n      break;\n  }\n  return (\n    <svg\n      className={className}\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M15.54 11.29L9.88001 5.64004C9.78705 5.54631 9.67645 5.47191 9.55459 5.42115C9.43273 5.37038 9.30202 5.34424 9.17001 5.34424C9.038 5.34424 8.90729 5.37038 8.78544 5.42115C8.66358 5.47191 8.55298 5.54631 8.46001 5.64004C8.27376 5.8274 8.16922 6.08085 8.16922 6.34504C8.16922 6.60922 8.27376 6.86267 8.46001 7.05004L13.41 12.05L8.46001 17C8.27376 17.1874 8.16922 17.4409 8.16922 17.705C8.16922 17.9692 8.27376 18.2227 8.46001 18.41C8.55263 18.5045 8.66307 18.5797 8.78495 18.6312C8.90682 18.6827 9.03771 18.7095 9.17001 18.71C9.30232 18.7095 9.4332 18.6827 9.55508 18.6312C9.67695 18.5797 9.7874 18.5045 9.88001 18.41L15.54 12.76C15.6415 12.6664 15.7225 12.5527 15.7779 12.4262C15.8333 12.2997 15.8619 12.1631 15.8619 12.025C15.8619 11.8869 15.8333 11.7503 15.7779 11.6238C15.7225 11.4973 15.6415 11.3837 15.54 11.29Z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n","type Props = {\n  size?: number;\n  fill?: string;\n  className?: string;\n};\n\nexport const IconArrowDown: React.FC<Props> = ({\n  size = 20,\n  fill = \"#3E3851\",\n  className = \"\",\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 17 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M9.31689 10.3667L13.0502 6.5667C13.3169 6.30003 13.3169 5.90003 13.0502 5.63336C12.7836 5.3667 12.3836 5.3667 12.1169 5.63336L8.78356 8.90003L5.45023 5.63336C5.18356 5.3667 4.78356 5.3667 4.51689 5.63336C4.38356 5.7667 4.31689 5.90003 4.31689 6.10003C4.31689 6.30003 4.38356 6.43336 4.51689 6.5667L8.25023 10.3667C8.58356 10.6334 8.98356 10.6334 9.31689 10.3667C9.25023 10.3667 9.25023 10.3667 9.31689 10.3667Z\"\n        fill={fill}\n      />\n    </svg>\n  );\n};\n","import DataOptions from \"data/locales/id/tabs.json\";\n\nexport const TabsCustom: React.FC<{\n  data?: any;\n  selectedItem?: any;\n  onSelectItem?: (e: any) => void;\n  id?: string; // Attribute that you have created on tabs.json\n  useMinWidth?: boolean;\n}> = ({ data, selectedItem, onSelectItem, id, useMinWidth }) => {\n  const optionContent = id ? DataOptions[id] : data;\n\n  return (\n    <div className=\"flex justify-around items-end gap-[16px] lg:gap-0 lg:items-center w-full\">\n      {optionContent &&\n        optionContent.map((item: any) => {\n          const isSelected = [item.name, item.id].includes(selectedItem);\n\n          return (\n            <div\n              key={item.name}\n              className={`cursor-pointer pb-2 ${\n                useMinWidth ? \"min-w-[224px] lg:min-w-[160px]\" : \"w-full\"\n              }`}\n              onClick={(e) => {\n                e.preventDefault();\n                onSelectItem(item);\n              }}\n            >\n              <div\n                className={`text-b2 mb-4 lg:mb-10 text-center font-medium ${\n                  isSelected ? \"text-purple-600\" : \"text-neutral-600\"\n                }`}\n              >\n                {item.name}\n              </div>\n\n              <div className=\"relative mt-2 h-[3px] w-full bg-purple-10 rounded-xl overflow-hidden\">\n                <div\n                  className={`absolute top-0 left-0 h-full rounded-xl transition-all duration-500 ${\n                    isSelected\n                      ? \"animate-fill-purple-50\"\n                      : \"animate-fill-purple-10 animate-exit\"\n                  }`}\n                ></div>\n              </div>\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n"],"names":["IconLesson","size","color","type","svg","width","height","viewBox","fill","xmlns","path","d","Image","dynamic","then","mod","ssr","AccordionWithImage","title","description","eventName","eventProperties","index","length","isSeparated","className","data","countLesson","loginState","useAuthStore","state","router","useRouter","contentScrollRef","useRef","currentScrollLeft","setCurrentScrollLeft","useState","currentScrollWidth","setCurrentScrollWidth","currentContainerWidth","setCurrentContainerWidth","currentContainerHeight","setCurrentContainerHeight","expanded","setExpanded","t","useTranslation","useEffect","current","scrollLeft","scrollWidth","clientWidth","clientHeight","addEventListener","toggleExpanded","useCallback","status","eventprops","dropdown_name","trackEvent","event","property","images","image","item","div","onClick","h5","count","additionalS","src","alt","IconArrow","isCaret","direction","IconArrowDown","ref","map","lessons","name","lesson","push","pathname","query","courseSlug","course_slug","slug","url","encodeURIComponent","includes","span","duration","e","scroll","left","behavior","IconAngle","useModalSectionStore","createStore","set","isShow","isLoading","setSelectedTitle","setIsShow","setDataSection","setLoading","VideoJS","isUncheck","isHide","isRow","isMyClass","isSquare","tracker","wrapClass","isRecommendPage","onClickFunction","isModal","props","chapters","setChapters","setCountLesson","institutionImage","useMemo","institution","image_url","split","institutionName","isB2B","useIsTenant","useIsSubdomain","isBusiness","isGokAresTenant","isGokAresURL","window","location","hostname","isPpdsmAparaturURL","isMenpanURL","isWonderfulLearningURL","isMenkesURL","newChapters","el","allLesson","items","image_cover_url","counting","flatMap","events","course_name","section_name","sectionName","institution_name","page","isHovering","setIsHovered","videoURL","setVideoURL","timeout","setModalTimeout","videoTimeout","setVideoTimeout","hover_content_url","mouseEnterHandler","clearTimeout","setTimeout","trackEventGTM","trackEventGA","mouseLeaveHandler","hasBusinessCourse","currentUser","tenantJpTracker","undefined","tenant","referral","isSectionPage","isMyClassPage","updateCart","q","useCartStore","lengthOfText","skills","slice","join","lengthOfSkill","hasUserPaid","is_paid","hasCertificate","has_certificate","hasPaywall","is_paywall_enabled","isCourseFinished","enrollment_progress","finished","total","isEnterprisePlus","plan","content","handleInterrupt","isHoveringGaia","setIsHoveringGaia","setIsCourseTranscript","setCourseTranscript","useAvatarStore","onSelect","onMouseEnter","onMouseLeave","data-testid","IconPlusCircle","IconPlayCircle","classes","isBgCustomized","course_available_until","img","p","Link","href","institutionKey","is_business","is_institution_business","passHref","rel","target","h3","learning_hours","LogoChip","useResizeImage","styles","review_summary","star_avg","IconStar","formatRating","toFixed","total_learners","numberWithCommas","toLowerCase","skill","Chip","toString","dangerouslySetInnerHTML","__html","SkeletonRect","style","Button","variant","isChecked","IconCheckCircle","Divider","TabsCustom","selectedItem","onSelectItem","id","useMinWidth","optionContent","DataOptions","isSelected","preventDefault"],"sourceRoot":""}