analytica-frontend-lib 1.1.60 → 1.1.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordation/index.js +230 -211
- package/dist/Accordation/index.js.map +1 -1
- package/dist/Accordation/index.mjs +199 -180
- package/dist/Accordation/index.mjs.map +1 -1
- package/dist/Card/index.js +220 -201
- package/dist/Card/index.js.map +1 -1
- package/dist/Card/index.mjs +193 -174
- package/dist/Card/index.mjs.map +1 -1
- package/dist/DropdownMenu/index.js.map +1 -1
- package/dist/DropdownMenu/index.mjs.map +1 -1
- package/dist/IconRender/index.d.mts +2 -2
- package/dist/IconRender/index.d.ts +2 -2
- package/dist/IconRender/index.js +37 -18
- package/dist/IconRender/index.js.map +1 -1
- package/dist/IconRender/index.mjs +37 -18
- package/dist/IconRender/index.mjs.map +1 -1
- package/dist/NotificationCard/index.d.mts +1 -1
- package/dist/NotificationCard/index.d.ts +1 -1
- package/dist/NotificationCard/index.js +76 -62
- package/dist/NotificationCard/index.js.map +1 -1
- package/dist/NotificationCard/index.mjs +76 -62
- package/dist/NotificationCard/index.mjs.map +1 -1
- package/dist/{NotificationCard-DpSGkWEa.d.mts → NotificationCard-4GgB0Nsf.d.mts} +5 -0
- package/dist/{NotificationCard-DpSGkWEa.d.ts → NotificationCard-4GgB0Nsf.d.ts} +5 -0
- package/dist/Quiz/index.js +495 -476
- package/dist/Quiz/index.js.map +1 -1
- package/dist/Quiz/index.mjs +412 -393
- package/dist/Quiz/index.mjs.map +1 -1
- package/dist/Search/index.js.map +1 -1
- package/dist/Search/index.mjs.map +1 -1
- package/dist/SubjectInfo/index.d.mts +1 -1
- package/dist/SubjectInfo/index.d.ts +1 -1
- package/dist/SubjectInfo/index.js +24 -20
- package/dist/SubjectInfo/index.js.map +1 -1
- package/dist/SubjectInfo/index.mjs +24 -19
- package/dist/SubjectInfo/index.mjs.map +1 -1
- package/dist/{SubjectInfo-DZvZ5alE.d.mts → SubjectInfo-Dvt0OodP.d.mts} +2 -2
- package/dist/{SubjectInfo-DZvZ5alE.d.ts → SubjectInfo-Dvt0OodP.d.ts} +2 -2
- package/dist/ThemeToggle/index.js.map +1 -1
- package/dist/ThemeToggle/index.mjs.map +1 -1
- package/dist/index.css +15 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +562 -633
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +477 -547
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +15 -0
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/Quiz/index.mjs
CHANGED
|
@@ -2735,7 +2735,10 @@ import {
|
|
|
2735
2735
|
} from "phosphor-react";
|
|
2736
2736
|
|
|
2737
2737
|
// src/components/IconRender/IconRender.tsx
|
|
2738
|
+
import { cloneElement as cloneElement3 } from "react";
|
|
2738
2739
|
import * as PhosphorIcons from "phosphor-react";
|
|
2740
|
+
|
|
2741
|
+
// src/assets/icons/subjects/ChatPT.tsx
|
|
2739
2742
|
import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
2740
2743
|
var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs9(
|
|
2741
2744
|
"svg",
|
|
@@ -2770,7 +2773,10 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs9(
|
|
|
2770
2773
|
]
|
|
2771
2774
|
}
|
|
2772
2775
|
);
|
|
2773
|
-
|
|
2776
|
+
|
|
2777
|
+
// src/assets/icons/subjects/ChatEN.tsx
|
|
2778
|
+
import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
2779
|
+
var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs10(
|
|
2774
2780
|
"svg",
|
|
2775
2781
|
{
|
|
2776
2782
|
width: size,
|
|
@@ -2779,21 +2785,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs9(
|
|
|
2779
2785
|
fill: "none",
|
|
2780
2786
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2781
2787
|
children: [
|
|
2782
|
-
/* @__PURE__ */
|
|
2788
|
+
/* @__PURE__ */ jsx12(
|
|
2783
2789
|
"path",
|
|
2784
2790
|
{
|
|
2785
2791
|
d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
|
|
2786
2792
|
fill: color
|
|
2787
2793
|
}
|
|
2788
2794
|
),
|
|
2789
|
-
/* @__PURE__ */
|
|
2795
|
+
/* @__PURE__ */ jsx12(
|
|
2790
2796
|
"path",
|
|
2791
2797
|
{
|
|
2792
2798
|
d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
|
|
2793
2799
|
fill: color
|
|
2794
2800
|
}
|
|
2795
2801
|
),
|
|
2796
|
-
/* @__PURE__ */
|
|
2802
|
+
/* @__PURE__ */ jsx12(
|
|
2797
2803
|
"path",
|
|
2798
2804
|
{
|
|
2799
2805
|
d: "M14.584 19.3652V20.5312H10.0547V19.3652H14.584ZM10.4707 12V20.5312H9V12H10.4707ZM13.9922 15.5625V16.7109H10.0547V15.5625H13.9922ZM14.5547 12V13.1719H10.0547V12H14.5547Z",
|
|
@@ -2803,7 +2809,10 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs9(
|
|
|
2803
2809
|
]
|
|
2804
2810
|
}
|
|
2805
2811
|
);
|
|
2806
|
-
|
|
2812
|
+
|
|
2813
|
+
// src/assets/icons/subjects/ChatES.tsx
|
|
2814
|
+
import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
2815
|
+
var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs11(
|
|
2807
2816
|
"svg",
|
|
2808
2817
|
{
|
|
2809
2818
|
width: size,
|
|
@@ -2812,21 +2821,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs9(
|
|
|
2812
2821
|
fill: "none",
|
|
2813
2822
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2814
2823
|
children: [
|
|
2815
|
-
/* @__PURE__ */
|
|
2824
|
+
/* @__PURE__ */ jsx13(
|
|
2816
2825
|
"path",
|
|
2817
2826
|
{
|
|
2818
2827
|
d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
|
|
2819
2828
|
fill: color
|
|
2820
2829
|
}
|
|
2821
2830
|
),
|
|
2822
|
-
/* @__PURE__ */
|
|
2831
|
+
/* @__PURE__ */ jsx13(
|
|
2823
2832
|
"path",
|
|
2824
2833
|
{
|
|
2825
2834
|
d: "M21.1426 17.8027C21.1426 17.627 21.1152 17.4707 21.0605 17.334C21.0098 17.1973 20.918 17.0723 20.7852 16.959C20.6523 16.8457 20.4648 16.7363 20.2227 16.6309C19.9844 16.5215 19.6797 16.4102 19.3086 16.2969C18.9023 16.1719 18.5273 16.0332 18.1836 15.8809C17.8438 15.7246 17.5469 15.5449 17.293 15.3418C17.0391 15.1348 16.8418 14.8984 16.7012 14.6328C16.5605 14.3633 16.4902 14.0527 16.4902 13.7012C16.4902 13.3535 16.5625 13.0371 16.707 12.752C16.8555 12.4668 17.0645 12.2207 17.334 12.0137C17.6074 11.8027 17.9297 11.6406 18.3008 11.5273C18.6719 11.4102 19.082 11.3516 19.5312 11.3516C20.1641 11.3516 20.709 11.4688 21.166 11.7031C21.627 11.9375 21.9805 12.252 22.2266 12.6465C22.4766 13.041 22.6016 13.4766 22.6016 13.9531H21.1426C21.1426 13.6719 21.082 13.4238 20.9609 13.209C20.8438 12.9902 20.6641 12.8184 20.4219 12.6934C20.1836 12.5684 19.8809 12.5059 19.5137 12.5059C19.166 12.5059 18.877 12.5586 18.6465 12.6641C18.416 12.7695 18.2441 12.9121 18.1309 13.0918C18.0176 13.2715 17.9609 13.4746 17.9609 13.7012C17.9609 13.8613 17.998 14.0078 18.0723 14.1406C18.1465 14.2695 18.2598 14.3906 18.4121 14.5039C18.5645 14.6133 18.7559 14.7168 18.9863 14.8145C19.2168 14.9121 19.4883 15.0059 19.8008 15.0957C20.2734 15.2363 20.6855 15.3926 21.0371 15.5645C21.3887 15.7324 21.6816 15.9238 21.916 16.1387C22.1504 16.3535 22.3262 16.5977 22.4434 16.8711C22.5605 17.1406 22.6191 17.4473 22.6191 17.791C22.6191 18.1504 22.5469 18.4746 22.4023 18.7637C22.2578 19.0488 22.0508 19.293 21.7812 19.4961C21.5156 19.6953 21.1953 19.8496 20.8203 19.959C20.4492 20.0645 20.0352 20.1172 19.5781 20.1172C19.168 20.1172 18.7637 20.0625 18.3652 19.9531C17.9707 19.8438 17.6113 19.6777 17.2871 19.4551C16.9629 19.2285 16.7051 18.9473 16.5137 18.6113C16.3223 18.2715 16.2266 17.875 16.2266 17.4219H17.6973C17.6973 17.6992 17.7441 17.9355 17.8379 18.1309C17.9355 18.3262 18.0703 18.4863 18.2422 18.6113C18.4141 18.7324 18.6133 18.8223 18.8398 18.8809C19.0703 18.9395 19.3164 18.9688 19.5781 18.9688C19.9219 18.9688 20.209 18.9199 20.4395 18.8223C20.6738 18.7246 20.8496 18.5879 20.9668 18.4121C21.084 18.2363 21.1426 18.0332 21.1426 17.8027Z",
|
|
2826
2835
|
fill: color
|
|
2827
2836
|
}
|
|
2828
2837
|
),
|
|
2829
|
-
/* @__PURE__ */
|
|
2838
|
+
/* @__PURE__ */ jsx13(
|
|
2830
2839
|
"path",
|
|
2831
2840
|
{
|
|
2832
2841
|
d: "M15.4512 18.834V20H10.9219V18.834H15.4512ZM11.3379 11.4688V20H9.86719V11.4688H11.3379ZM14.8594 15.0312V16.1797H10.9219V15.0312H14.8594ZM15.4219 11.4688V12.6406H10.9219V11.4688H15.4219Z",
|
|
@@ -2836,29 +2845,39 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs9(
|
|
|
2836
2845
|
]
|
|
2837
2846
|
}
|
|
2838
2847
|
);
|
|
2848
|
+
|
|
2849
|
+
// src/components/IconRender/IconRender.tsx
|
|
2850
|
+
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
2839
2851
|
var IconRender = ({
|
|
2840
2852
|
iconName,
|
|
2841
2853
|
color = "#000000",
|
|
2842
2854
|
size = 24,
|
|
2843
2855
|
weight = "regular"
|
|
2844
2856
|
}) => {
|
|
2845
|
-
|
|
2846
|
-
|
|
2847
|
-
|
|
2848
|
-
|
|
2849
|
-
|
|
2850
|
-
|
|
2851
|
-
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2857
|
+
if (typeof iconName === "string") {
|
|
2858
|
+
switch (iconName) {
|
|
2859
|
+
case "Chat_PT":
|
|
2860
|
+
return /* @__PURE__ */ jsx14(ChatPT, { size, color });
|
|
2861
|
+
case "Chat_EN":
|
|
2862
|
+
return /* @__PURE__ */ jsx14(ChatEN, { size, color });
|
|
2863
|
+
case "Chat_ES":
|
|
2864
|
+
return /* @__PURE__ */ jsx14(ChatES, { size, color });
|
|
2865
|
+
default: {
|
|
2866
|
+
const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
|
|
2867
|
+
return /* @__PURE__ */ jsx14(IconComponent, { size, color, weight });
|
|
2868
|
+
}
|
|
2855
2869
|
}
|
|
2870
|
+
} else {
|
|
2871
|
+
return cloneElement3(iconName, {
|
|
2872
|
+
size,
|
|
2873
|
+
color: "currentColor"
|
|
2874
|
+
});
|
|
2856
2875
|
}
|
|
2857
2876
|
};
|
|
2858
2877
|
var IconRender_default = IconRender;
|
|
2859
2878
|
|
|
2860
2879
|
// src/components/Card/Card.tsx
|
|
2861
|
-
import { Fragment as Fragment5, jsx as
|
|
2880
|
+
import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
2862
2881
|
var CARD_BASE_CLASSES = {
|
|
2863
2882
|
default: "w-full bg-background border border-border-50 rounded-xl",
|
|
2864
2883
|
compact: "w-full bg-background border border-border-50 rounded-lg",
|
|
@@ -2900,7 +2919,7 @@ var CardBase = forwardRef6(
|
|
|
2900
2919
|
const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
|
|
2901
2920
|
const layoutClasses = CARD_LAYOUT_CLASSES[layout];
|
|
2902
2921
|
const cursorClasses = CARD_CURSOR_CLASSES[cursor];
|
|
2903
|
-
return /* @__PURE__ */
|
|
2922
|
+
return /* @__PURE__ */ jsx15(
|
|
2904
2923
|
"div",
|
|
2905
2924
|
{
|
|
2906
2925
|
ref,
|
|
@@ -2958,7 +2977,7 @@ var CardActivitiesResults = forwardRef6(
|
|
|
2958
2977
|
const actionIconClasses = ACTION_ICON_CLASSES[action];
|
|
2959
2978
|
const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
|
|
2960
2979
|
const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
|
|
2961
|
-
return /* @__PURE__ */
|
|
2980
|
+
return /* @__PURE__ */ jsxs12(
|
|
2962
2981
|
"div",
|
|
2963
2982
|
{
|
|
2964
2983
|
ref,
|
|
@@ -2968,7 +2987,7 @@ var CardActivitiesResults = forwardRef6(
|
|
|
2968
2987
|
),
|
|
2969
2988
|
...props,
|
|
2970
2989
|
children: [
|
|
2971
|
-
/* @__PURE__ */
|
|
2990
|
+
/* @__PURE__ */ jsxs12(
|
|
2972
2991
|
"div",
|
|
2973
2992
|
{
|
|
2974
2993
|
className: cn(
|
|
@@ -2977,7 +2996,7 @@ var CardActivitiesResults = forwardRef6(
|
|
|
2977
2996
|
extended ? "rounded-t-xl" : "rounded-xl"
|
|
2978
2997
|
),
|
|
2979
2998
|
children: [
|
|
2980
|
-
/* @__PURE__ */
|
|
2999
|
+
/* @__PURE__ */ jsx15(
|
|
2981
3000
|
"span",
|
|
2982
3001
|
{
|
|
2983
3002
|
className: cn(
|
|
@@ -2987,7 +3006,7 @@ var CardActivitiesResults = forwardRef6(
|
|
|
2987
3006
|
children: icon
|
|
2988
3007
|
}
|
|
2989
3008
|
),
|
|
2990
|
-
/* @__PURE__ */
|
|
3009
|
+
/* @__PURE__ */ jsx15(
|
|
2991
3010
|
Text_default,
|
|
2992
3011
|
{
|
|
2993
3012
|
size: "2xs",
|
|
@@ -2996,7 +3015,7 @@ var CardActivitiesResults = forwardRef6(
|
|
|
2996
3015
|
children: title
|
|
2997
3016
|
}
|
|
2998
3017
|
),
|
|
2999
|
-
/* @__PURE__ */
|
|
3018
|
+
/* @__PURE__ */ jsx15(
|
|
3000
3019
|
"p",
|
|
3001
3020
|
{
|
|
3002
3021
|
className: cn("text-lg font-bold truncate", actionSubTitleClasses),
|
|
@@ -3006,8 +3025,8 @@ var CardActivitiesResults = forwardRef6(
|
|
|
3006
3025
|
]
|
|
3007
3026
|
}
|
|
3008
3027
|
),
|
|
3009
|
-
extended && /* @__PURE__ */
|
|
3010
|
-
/* @__PURE__ */
|
|
3028
|
+
extended && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
|
|
3029
|
+
/* @__PURE__ */ jsx15(
|
|
3011
3030
|
"p",
|
|
3012
3031
|
{
|
|
3013
3032
|
className: cn(
|
|
@@ -3017,7 +3036,7 @@ var CardActivitiesResults = forwardRef6(
|
|
|
3017
3036
|
children: header
|
|
3018
3037
|
}
|
|
3019
3038
|
),
|
|
3020
|
-
/* @__PURE__ */
|
|
3039
|
+
/* @__PURE__ */ jsx15(Badge_default, { size: "large", action: "info", children: description })
|
|
3021
3040
|
] })
|
|
3022
3041
|
]
|
|
3023
3042
|
}
|
|
@@ -3036,7 +3055,7 @@ var CardQuestions = forwardRef6(
|
|
|
3036
3055
|
const isDone = state === "done";
|
|
3037
3056
|
const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
|
|
3038
3057
|
const buttonLabel = isDone ? "Ver Quest\xE3o" : "Responder";
|
|
3039
|
-
return /* @__PURE__ */
|
|
3058
|
+
return /* @__PURE__ */ jsxs12(
|
|
3040
3059
|
CardBase,
|
|
3041
3060
|
{
|
|
3042
3061
|
ref,
|
|
@@ -3046,10 +3065,10 @@ var CardQuestions = forwardRef6(
|
|
|
3046
3065
|
className: cn("justify-between gap-4", className),
|
|
3047
3066
|
...props,
|
|
3048
3067
|
children: [
|
|
3049
|
-
/* @__PURE__ */
|
|
3050
|
-
/* @__PURE__ */
|
|
3051
|
-
/* @__PURE__ */
|
|
3052
|
-
/* @__PURE__ */
|
|
3068
|
+
/* @__PURE__ */ jsxs12("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
3069
|
+
/* @__PURE__ */ jsx15("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
|
|
3070
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
3071
|
+
/* @__PURE__ */ jsx15(
|
|
3053
3072
|
Badge_default,
|
|
3054
3073
|
{
|
|
3055
3074
|
size: "medium",
|
|
@@ -3058,13 +3077,13 @@ var CardQuestions = forwardRef6(
|
|
|
3058
3077
|
children: stateLabel
|
|
3059
3078
|
}
|
|
3060
3079
|
),
|
|
3061
|
-
/* @__PURE__ */
|
|
3080
|
+
/* @__PURE__ */ jsxs12("span", { className: "flex flex-row items-center gap-1 text-text-700 text-xs", children: [
|
|
3062
3081
|
isDone ? "Nota" : "Sem nota",
|
|
3063
|
-
isDone && /* @__PURE__ */
|
|
3082
|
+
isDone && /* @__PURE__ */ jsx15(Badge_default, { size: "medium", action: "success", children: "00" })
|
|
3064
3083
|
] })
|
|
3065
3084
|
] })
|
|
3066
3085
|
] }),
|
|
3067
|
-
/* @__PURE__ */
|
|
3086
|
+
/* @__PURE__ */ jsx15("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx15(
|
|
3068
3087
|
Button_default,
|
|
3069
3088
|
{
|
|
3070
3089
|
size: "extra-small",
|
|
@@ -3095,19 +3114,19 @@ var CardProgress = forwardRef6(
|
|
|
3095
3114
|
}, ref) => {
|
|
3096
3115
|
const isHorizontal = direction === "horizontal";
|
|
3097
3116
|
const contentComponent = {
|
|
3098
|
-
horizontal: /* @__PURE__ */
|
|
3099
|
-
showDates && /* @__PURE__ */
|
|
3100
|
-
initialDate && /* @__PURE__ */
|
|
3101
|
-
/* @__PURE__ */
|
|
3102
|
-
/* @__PURE__ */
|
|
3117
|
+
horizontal: /* @__PURE__ */ jsxs12(Fragment5, { children: [
|
|
3118
|
+
showDates && /* @__PURE__ */ jsxs12("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
3119
|
+
initialDate && /* @__PURE__ */ jsxs12("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
3120
|
+
/* @__PURE__ */ jsx15("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
|
|
3121
|
+
/* @__PURE__ */ jsx15("p", { className: "text-text-600", children: initialDate })
|
|
3103
3122
|
] }),
|
|
3104
|
-
endDate && /* @__PURE__ */
|
|
3105
|
-
/* @__PURE__ */
|
|
3106
|
-
/* @__PURE__ */
|
|
3123
|
+
endDate && /* @__PURE__ */ jsxs12("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
3124
|
+
/* @__PURE__ */ jsx15("p", { className: "text-text-800 font-semibold", children: "Fim" }),
|
|
3125
|
+
/* @__PURE__ */ jsx15("p", { className: "text-text-600", children: endDate })
|
|
3107
3126
|
] })
|
|
3108
3127
|
] }),
|
|
3109
|
-
/* @__PURE__ */
|
|
3110
|
-
/* @__PURE__ */
|
|
3128
|
+
/* @__PURE__ */ jsxs12("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
3129
|
+
/* @__PURE__ */ jsx15(
|
|
3111
3130
|
ProgressBar_default,
|
|
3112
3131
|
{
|
|
3113
3132
|
size: "small",
|
|
@@ -3116,7 +3135,7 @@ var CardProgress = forwardRef6(
|
|
|
3116
3135
|
"data-testid": "progress-bar"
|
|
3117
3136
|
}
|
|
3118
3137
|
),
|
|
3119
|
-
/* @__PURE__ */
|
|
3138
|
+
/* @__PURE__ */ jsxs12(
|
|
3120
3139
|
Text_default,
|
|
3121
3140
|
{
|
|
3122
3141
|
size: "xs",
|
|
@@ -3132,9 +3151,9 @@ var CardProgress = forwardRef6(
|
|
|
3132
3151
|
)
|
|
3133
3152
|
] })
|
|
3134
3153
|
] }),
|
|
3135
|
-
vertical: /* @__PURE__ */
|
|
3154
|
+
vertical: /* @__PURE__ */ jsx15("p", { className: "text-sm text-text-800", children: subhead })
|
|
3136
3155
|
};
|
|
3137
|
-
return /* @__PURE__ */
|
|
3156
|
+
return /* @__PURE__ */ jsxs12(
|
|
3138
3157
|
CardBase,
|
|
3139
3158
|
{
|
|
3140
3159
|
ref,
|
|
@@ -3145,20 +3164,20 @@ var CardProgress = forwardRef6(
|
|
|
3145
3164
|
className: cn(isHorizontal ? "h-20" : "", className),
|
|
3146
3165
|
...props,
|
|
3147
3166
|
children: [
|
|
3148
|
-
/* @__PURE__ */
|
|
3167
|
+
/* @__PURE__ */ jsx15(
|
|
3149
3168
|
"div",
|
|
3150
3169
|
{
|
|
3151
3170
|
className: cn(
|
|
3152
3171
|
"flex justify-center items-center [&>svg]:size-6 text-text-950",
|
|
3153
3172
|
isHorizontal ? "min-w-[80px] min-h-[80px] rounded-l-xl" : "min-h-[50px] w-full rounded-t-xl",
|
|
3154
|
-
!color.startsWith("#") ?
|
|
3173
|
+
!color.startsWith("#") ? `${color}` : ""
|
|
3155
3174
|
),
|
|
3156
3175
|
style: color.startsWith("#") ? { backgroundColor: color } : void 0,
|
|
3157
3176
|
"data-testid": "icon-container",
|
|
3158
3177
|
children: icon
|
|
3159
3178
|
}
|
|
3160
3179
|
),
|
|
3161
|
-
/* @__PURE__ */
|
|
3180
|
+
/* @__PURE__ */ jsxs12(
|
|
3162
3181
|
"div",
|
|
3163
3182
|
{
|
|
3164
3183
|
className: cn(
|
|
@@ -3166,7 +3185,7 @@ var CardProgress = forwardRef6(
|
|
|
3166
3185
|
!isHorizontal && "gap-4"
|
|
3167
3186
|
),
|
|
3168
3187
|
children: [
|
|
3169
|
-
/* @__PURE__ */
|
|
3188
|
+
/* @__PURE__ */ jsx15(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
|
|
3170
3189
|
contentComponent[direction]
|
|
3171
3190
|
]
|
|
3172
3191
|
}
|
|
@@ -3186,7 +3205,7 @@ var CardTopic = forwardRef6(
|
|
|
3186
3205
|
className = "",
|
|
3187
3206
|
...props
|
|
3188
3207
|
}, ref) => {
|
|
3189
|
-
return /* @__PURE__ */
|
|
3208
|
+
return /* @__PURE__ */ jsxs12(
|
|
3190
3209
|
CardBase,
|
|
3191
3210
|
{
|
|
3192
3211
|
ref,
|
|
@@ -3197,13 +3216,13 @@ var CardTopic = forwardRef6(
|
|
|
3197
3216
|
className: cn("justify-center gap-2 py-2 px-4", className),
|
|
3198
3217
|
...props,
|
|
3199
3218
|
children: [
|
|
3200
|
-
subHead && /* @__PURE__ */
|
|
3201
|
-
/* @__PURE__ */
|
|
3202
|
-
index < subHead.length - 1 && /* @__PURE__ */
|
|
3219
|
+
subHead && /* @__PURE__ */ jsx15("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ jsxs12(Fragment4, { children: [
|
|
3220
|
+
/* @__PURE__ */ jsx15("p", { children: text }),
|
|
3221
|
+
index < subHead.length - 1 && /* @__PURE__ */ jsx15("p", { children: "\u2022" })
|
|
3203
3222
|
] }, `${text} - ${index}`)) }),
|
|
3204
|
-
/* @__PURE__ */
|
|
3205
|
-
/* @__PURE__ */
|
|
3206
|
-
/* @__PURE__ */
|
|
3223
|
+
/* @__PURE__ */ jsx15("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
|
|
3224
|
+
/* @__PURE__ */ jsxs12("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
3225
|
+
/* @__PURE__ */ jsx15(
|
|
3207
3226
|
ProgressBar_default,
|
|
3208
3227
|
{
|
|
3209
3228
|
size: "small",
|
|
@@ -3212,7 +3231,7 @@ var CardTopic = forwardRef6(
|
|
|
3212
3231
|
"data-testid": "progress-bar"
|
|
3213
3232
|
}
|
|
3214
3233
|
),
|
|
3215
|
-
showPercentage && /* @__PURE__ */
|
|
3234
|
+
showPercentage && /* @__PURE__ */ jsxs12(
|
|
3216
3235
|
Text_default,
|
|
3217
3236
|
{
|
|
3218
3237
|
size: "xs",
|
|
@@ -3246,7 +3265,7 @@ var CardPerformance = forwardRef6(
|
|
|
3246
3265
|
...props
|
|
3247
3266
|
}, ref) => {
|
|
3248
3267
|
const hasProgress = progress !== void 0;
|
|
3249
|
-
return /* @__PURE__ */
|
|
3268
|
+
return /* @__PURE__ */ jsxs12(
|
|
3250
3269
|
CardBase,
|
|
3251
3270
|
{
|
|
3252
3271
|
ref,
|
|
@@ -3260,10 +3279,10 @@ var CardPerformance = forwardRef6(
|
|
|
3260
3279
|
onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
|
|
3261
3280
|
...props,
|
|
3262
3281
|
children: [
|
|
3263
|
-
/* @__PURE__ */
|
|
3264
|
-
/* @__PURE__ */
|
|
3265
|
-
/* @__PURE__ */
|
|
3266
|
-
actionVariant === "button" && /* @__PURE__ */
|
|
3282
|
+
/* @__PURE__ */ jsxs12("div", { className: "w-full flex flex-col justify-between gap-2", children: [
|
|
3283
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex flex-row justify-between items-center gap-2", children: [
|
|
3284
|
+
/* @__PURE__ */ jsx15("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
3285
|
+
actionVariant === "button" && /* @__PURE__ */ jsx15(
|
|
3267
3286
|
Button_default,
|
|
3268
3287
|
{
|
|
3269
3288
|
variant: "outline",
|
|
@@ -3274,16 +3293,16 @@ var CardPerformance = forwardRef6(
|
|
|
3274
3293
|
}
|
|
3275
3294
|
)
|
|
3276
3295
|
] }),
|
|
3277
|
-
/* @__PURE__ */
|
|
3296
|
+
/* @__PURE__ */ jsx15("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ jsx15(
|
|
3278
3297
|
ProgressBar_default,
|
|
3279
3298
|
{
|
|
3280
3299
|
value: progress,
|
|
3281
3300
|
label: `${progress}% ${labelProgress}`,
|
|
3282
3301
|
variant: progressVariant
|
|
3283
3302
|
}
|
|
3284
|
-
) : /* @__PURE__ */
|
|
3303
|
+
) : /* @__PURE__ */ jsx15("p", { className: "text-xs text-text-600 truncate", children: description }) })
|
|
3285
3304
|
] }),
|
|
3286
|
-
actionVariant == "caret" && /* @__PURE__ */
|
|
3305
|
+
actionVariant == "caret" && /* @__PURE__ */ jsx15(
|
|
3287
3306
|
CaretRight,
|
|
3288
3307
|
{
|
|
3289
3308
|
className: "size-4.5 text-text-800 cursor-pointer",
|
|
@@ -3307,7 +3326,7 @@ var CardResults = forwardRef6(
|
|
|
3307
3326
|
...props
|
|
3308
3327
|
}, ref) => {
|
|
3309
3328
|
const isRow = direction == "row";
|
|
3310
|
-
return /* @__PURE__ */
|
|
3329
|
+
return /* @__PURE__ */ jsxs12(
|
|
3311
3330
|
CardBase,
|
|
3312
3331
|
{
|
|
3313
3332
|
ref,
|
|
@@ -3317,7 +3336,7 @@ var CardResults = forwardRef6(
|
|
|
3317
3336
|
className: cn("items-stretch cursor-pointer pr-4", className),
|
|
3318
3337
|
...props,
|
|
3319
3338
|
children: [
|
|
3320
|
-
/* @__PURE__ */
|
|
3339
|
+
/* @__PURE__ */ jsx15(
|
|
3321
3340
|
"div",
|
|
3322
3341
|
{
|
|
3323
3342
|
className: cn(
|
|
@@ -3326,11 +3345,11 @@ var CardResults = forwardRef6(
|
|
|
3326
3345
|
style: {
|
|
3327
3346
|
backgroundColor: color
|
|
3328
3347
|
},
|
|
3329
|
-
children: /* @__PURE__ */
|
|
3348
|
+
children: /* @__PURE__ */ jsx15(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
|
|
3330
3349
|
}
|
|
3331
3350
|
),
|
|
3332
|
-
/* @__PURE__ */
|
|
3333
|
-
/* @__PURE__ */
|
|
3351
|
+
/* @__PURE__ */ jsxs12("div", { className: "w-full flex flex-row justify-between items-center", children: [
|
|
3352
|
+
/* @__PURE__ */ jsxs12(
|
|
3334
3353
|
"div",
|
|
3335
3354
|
{
|
|
3336
3355
|
className: cn(
|
|
@@ -3338,28 +3357,28 @@ var CardResults = forwardRef6(
|
|
|
3338
3357
|
isRow ? "flex-row items-center gap-2" : "flex-col"
|
|
3339
3358
|
),
|
|
3340
3359
|
children: [
|
|
3341
|
-
/* @__PURE__ */
|
|
3342
|
-
/* @__PURE__ */
|
|
3343
|
-
/* @__PURE__ */
|
|
3360
|
+
/* @__PURE__ */ jsx15("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
|
|
3361
|
+
/* @__PURE__ */ jsxs12("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
|
|
3362
|
+
/* @__PURE__ */ jsxs12(
|
|
3344
3363
|
Badge_default,
|
|
3345
3364
|
{
|
|
3346
3365
|
action: "success",
|
|
3347
3366
|
variant: "solid",
|
|
3348
3367
|
size: "large",
|
|
3349
|
-
iconLeft: /* @__PURE__ */
|
|
3368
|
+
iconLeft: /* @__PURE__ */ jsx15(CheckCircle2, {}),
|
|
3350
3369
|
children: [
|
|
3351
3370
|
correct_answers,
|
|
3352
3371
|
" Corretas"
|
|
3353
3372
|
]
|
|
3354
3373
|
}
|
|
3355
3374
|
),
|
|
3356
|
-
/* @__PURE__ */
|
|
3375
|
+
/* @__PURE__ */ jsxs12(
|
|
3357
3376
|
Badge_default,
|
|
3358
3377
|
{
|
|
3359
3378
|
action: "error",
|
|
3360
3379
|
variant: "solid",
|
|
3361
3380
|
size: "large",
|
|
3362
|
-
iconLeft: /* @__PURE__ */
|
|
3381
|
+
iconLeft: /* @__PURE__ */ jsx15(XCircle2, {}),
|
|
3363
3382
|
children: [
|
|
3364
3383
|
incorrect_answers,
|
|
3365
3384
|
" Incorretas"
|
|
@@ -3370,7 +3389,7 @@ var CardResults = forwardRef6(
|
|
|
3370
3389
|
]
|
|
3371
3390
|
}
|
|
3372
3391
|
),
|
|
3373
|
-
/* @__PURE__ */
|
|
3392
|
+
/* @__PURE__ */ jsx15(CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
|
|
3374
3393
|
] })
|
|
3375
3394
|
]
|
|
3376
3395
|
}
|
|
@@ -3391,7 +3410,7 @@ var CardStatus = forwardRef6(
|
|
|
3391
3410
|
return "Em branco";
|
|
3392
3411
|
}
|
|
3393
3412
|
};
|
|
3394
|
-
return /* @__PURE__ */
|
|
3413
|
+
return /* @__PURE__ */ jsx15(
|
|
3395
3414
|
CardBase,
|
|
3396
3415
|
{
|
|
3397
3416
|
ref,
|
|
@@ -3400,22 +3419,22 @@ var CardStatus = forwardRef6(
|
|
|
3400
3419
|
minHeight: "medium",
|
|
3401
3420
|
className: cn("items-center cursor-pointer", className),
|
|
3402
3421
|
...props,
|
|
3403
|
-
children: /* @__PURE__ */
|
|
3404
|
-
/* @__PURE__ */
|
|
3405
|
-
/* @__PURE__ */
|
|
3406
|
-
status && /* @__PURE__ */
|
|
3422
|
+
children: /* @__PURE__ */ jsxs12("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
|
|
3423
|
+
/* @__PURE__ */ jsx15("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
3424
|
+
/* @__PURE__ */ jsxs12("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
|
|
3425
|
+
status && /* @__PURE__ */ jsx15(
|
|
3407
3426
|
Badge_default,
|
|
3408
3427
|
{
|
|
3409
3428
|
action: status == "correct" ? "success" : "error",
|
|
3410
3429
|
variant: "solid",
|
|
3411
3430
|
size: "medium",
|
|
3412
|
-
iconLeft: status == "correct" ? /* @__PURE__ */
|
|
3431
|
+
iconLeft: status == "correct" ? /* @__PURE__ */ jsx15(CheckCircle2, {}) : /* @__PURE__ */ jsx15(XCircle2, {}),
|
|
3413
3432
|
children: getLabelBadge(status)
|
|
3414
3433
|
}
|
|
3415
3434
|
),
|
|
3416
|
-
label && /* @__PURE__ */
|
|
3435
|
+
label && /* @__PURE__ */ jsx15("p", { className: "text-sm text-text-800", children: label })
|
|
3417
3436
|
] }),
|
|
3418
|
-
/* @__PURE__ */
|
|
3437
|
+
/* @__PURE__ */ jsx15(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
|
|
3419
3438
|
] })
|
|
3420
3439
|
}
|
|
3421
3440
|
);
|
|
@@ -3423,7 +3442,7 @@ var CardStatus = forwardRef6(
|
|
|
3423
3442
|
);
|
|
3424
3443
|
var CardSettings = forwardRef6(
|
|
3425
3444
|
({ header, className, icon, ...props }, ref) => {
|
|
3426
|
-
return /* @__PURE__ */
|
|
3445
|
+
return /* @__PURE__ */ jsxs12(
|
|
3427
3446
|
CardBase,
|
|
3428
3447
|
{
|
|
3429
3448
|
ref,
|
|
@@ -3436,9 +3455,9 @@ var CardSettings = forwardRef6(
|
|
|
3436
3455
|
),
|
|
3437
3456
|
...props,
|
|
3438
3457
|
children: [
|
|
3439
|
-
/* @__PURE__ */
|
|
3440
|
-
/* @__PURE__ */
|
|
3441
|
-
/* @__PURE__ */
|
|
3458
|
+
/* @__PURE__ */ jsx15("span", { className: "[&>svg]:size-6", children: icon }),
|
|
3459
|
+
/* @__PURE__ */ jsx15("p", { className: "w-full text-sm truncate", children: header }),
|
|
3460
|
+
/* @__PURE__ */ jsx15(CaretRight, { size: 24, className: "cursor-pointer" })
|
|
3442
3461
|
]
|
|
3443
3462
|
}
|
|
3444
3463
|
);
|
|
@@ -3446,7 +3465,7 @@ var CardSettings = forwardRef6(
|
|
|
3446
3465
|
);
|
|
3447
3466
|
var CardSupport = forwardRef6(
|
|
3448
3467
|
({ header, className, direction = "col", children, ...props }, ref) => {
|
|
3449
|
-
return /* @__PURE__ */
|
|
3468
|
+
return /* @__PURE__ */ jsxs12(
|
|
3450
3469
|
CardBase,
|
|
3451
3470
|
{
|
|
3452
3471
|
ref,
|
|
@@ -3459,7 +3478,7 @@ var CardSupport = forwardRef6(
|
|
|
3459
3478
|
),
|
|
3460
3479
|
...props,
|
|
3461
3480
|
children: [
|
|
3462
|
-
/* @__PURE__ */
|
|
3481
|
+
/* @__PURE__ */ jsxs12(
|
|
3463
3482
|
"div",
|
|
3464
3483
|
{
|
|
3465
3484
|
className: cn(
|
|
@@ -3467,12 +3486,12 @@ var CardSupport = forwardRef6(
|
|
|
3467
3486
|
direction == "col" ? "flex-col" : "flex-row items-center"
|
|
3468
3487
|
),
|
|
3469
3488
|
children: [
|
|
3470
|
-
/* @__PURE__ */
|
|
3471
|
-
/* @__PURE__ */
|
|
3489
|
+
/* @__PURE__ */ jsx15("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx15("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
|
|
3490
|
+
/* @__PURE__ */ jsx15("span", { className: "flex flex-row gap-1", children })
|
|
3472
3491
|
]
|
|
3473
3492
|
}
|
|
3474
3493
|
),
|
|
3475
|
-
/* @__PURE__ */
|
|
3494
|
+
/* @__PURE__ */ jsx15(CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
|
|
3476
3495
|
]
|
|
3477
3496
|
}
|
|
3478
3497
|
);
|
|
@@ -3492,7 +3511,7 @@ var CardForum = forwardRef6(
|
|
|
3492
3511
|
hour,
|
|
3493
3512
|
...props
|
|
3494
3513
|
}, ref) => {
|
|
3495
|
-
return /* @__PURE__ */
|
|
3514
|
+
return /* @__PURE__ */ jsxs12(
|
|
3496
3515
|
CardBase,
|
|
3497
3516
|
{
|
|
3498
3517
|
ref,
|
|
@@ -3503,7 +3522,7 @@ var CardForum = forwardRef6(
|
|
|
3503
3522
|
className: cn("w-auto h-auto gap-3", className),
|
|
3504
3523
|
...props,
|
|
3505
3524
|
children: [
|
|
3506
|
-
/* @__PURE__ */
|
|
3525
|
+
/* @__PURE__ */ jsx15(
|
|
3507
3526
|
"button",
|
|
3508
3527
|
{
|
|
3509
3528
|
type: "button",
|
|
@@ -3512,18 +3531,18 @@ var CardForum = forwardRef6(
|
|
|
3512
3531
|
className: "min-w-8 h-8 rounded-full bg-background-950"
|
|
3513
3532
|
}
|
|
3514
3533
|
),
|
|
3515
|
-
/* @__PURE__ */
|
|
3516
|
-
/* @__PURE__ */
|
|
3517
|
-
/* @__PURE__ */
|
|
3518
|
-
/* @__PURE__ */
|
|
3534
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
|
|
3535
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
|
|
3536
|
+
/* @__PURE__ */ jsx15("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
|
|
3537
|
+
/* @__PURE__ */ jsxs12("p", { className: "text-xs text-text-600", children: [
|
|
3519
3538
|
"\u2022 ",
|
|
3520
3539
|
date,
|
|
3521
3540
|
" \u2022 ",
|
|
3522
3541
|
hour
|
|
3523
3542
|
] })
|
|
3524
3543
|
] }),
|
|
3525
|
-
/* @__PURE__ */
|
|
3526
|
-
/* @__PURE__ */
|
|
3544
|
+
/* @__PURE__ */ jsx15("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
|
|
3545
|
+
/* @__PURE__ */ jsxs12(
|
|
3527
3546
|
"button",
|
|
3528
3547
|
{
|
|
3529
3548
|
type: "button",
|
|
@@ -3531,8 +3550,8 @@ var CardForum = forwardRef6(
|
|
|
3531
3550
|
onClick: () => onClickComments?.(valueComments),
|
|
3532
3551
|
className: "text-text-600 flex flex-row gap-2 items-center",
|
|
3533
3552
|
children: [
|
|
3534
|
-
/* @__PURE__ */
|
|
3535
|
-
/* @__PURE__ */
|
|
3553
|
+
/* @__PURE__ */ jsx15(ChatCircleText, { "aria-hidden": "true", size: 16 }),
|
|
3554
|
+
/* @__PURE__ */ jsxs12("p", { className: "text-xs", children: [
|
|
3536
3555
|
comments,
|
|
3537
3556
|
" respostas"
|
|
3538
3557
|
] })
|
|
@@ -3635,12 +3654,12 @@ var CardAudio = forwardRef6(
|
|
|
3635
3654
|
};
|
|
3636
3655
|
const getVolumeIcon = () => {
|
|
3637
3656
|
if (volume === 0) {
|
|
3638
|
-
return /* @__PURE__ */
|
|
3657
|
+
return /* @__PURE__ */ jsx15(SpeakerSimpleX, { size: 24 });
|
|
3639
3658
|
}
|
|
3640
3659
|
if (volume < 0.5) {
|
|
3641
|
-
return /* @__PURE__ */
|
|
3660
|
+
return /* @__PURE__ */ jsx15(SpeakerLow, { size: 24 });
|
|
3642
3661
|
}
|
|
3643
|
-
return /* @__PURE__ */
|
|
3662
|
+
return /* @__PURE__ */ jsx15(SpeakerHigh, { size: 24 });
|
|
3644
3663
|
};
|
|
3645
3664
|
useEffect5(() => {
|
|
3646
3665
|
const handleClickOutside = (event) => {
|
|
@@ -3656,7 +3675,7 @@ var CardAudio = forwardRef6(
|
|
|
3656
3675
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
3657
3676
|
};
|
|
3658
3677
|
}, []);
|
|
3659
|
-
return /* @__PURE__ */
|
|
3678
|
+
return /* @__PURE__ */ jsxs12(
|
|
3660
3679
|
CardBase,
|
|
3661
3680
|
{
|
|
3662
3681
|
ref,
|
|
@@ -3669,7 +3688,7 @@ var CardAudio = forwardRef6(
|
|
|
3669
3688
|
),
|
|
3670
3689
|
...props,
|
|
3671
3690
|
children: [
|
|
3672
|
-
/* @__PURE__ */
|
|
3691
|
+
/* @__PURE__ */ jsx15(
|
|
3673
3692
|
"audio",
|
|
3674
3693
|
{
|
|
3675
3694
|
ref: audioRef,
|
|
@@ -3681,7 +3700,7 @@ var CardAudio = forwardRef6(
|
|
|
3681
3700
|
onEnded: handleEnded,
|
|
3682
3701
|
"data-testid": "audio-element",
|
|
3683
3702
|
"aria-label": title,
|
|
3684
|
-
children: tracks ? tracks.map((track) => /* @__PURE__ */
|
|
3703
|
+
children: tracks ? tracks.map((track) => /* @__PURE__ */ jsx15(
|
|
3685
3704
|
"track",
|
|
3686
3705
|
{
|
|
3687
3706
|
kind: track.kind,
|
|
@@ -3691,7 +3710,7 @@ var CardAudio = forwardRef6(
|
|
|
3691
3710
|
default: track.default
|
|
3692
3711
|
},
|
|
3693
3712
|
track.src
|
|
3694
|
-
)) : /* @__PURE__ */
|
|
3713
|
+
)) : /* @__PURE__ */ jsx15(
|
|
3695
3714
|
"track",
|
|
3696
3715
|
{
|
|
3697
3716
|
kind: "captions",
|
|
@@ -3702,7 +3721,7 @@ var CardAudio = forwardRef6(
|
|
|
3702
3721
|
)
|
|
3703
3722
|
}
|
|
3704
3723
|
),
|
|
3705
|
-
/* @__PURE__ */
|
|
3724
|
+
/* @__PURE__ */ jsx15(
|
|
3706
3725
|
"button",
|
|
3707
3726
|
{
|
|
3708
3727
|
type: "button",
|
|
@@ -3710,14 +3729,14 @@ var CardAudio = forwardRef6(
|
|
|
3710
3729
|
disabled: !src,
|
|
3711
3730
|
className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
|
|
3712
3731
|
"aria-label": isPlaying ? "Pausar" : "Reproduzir",
|
|
3713
|
-
children: isPlaying ? /* @__PURE__ */
|
|
3714
|
-
/* @__PURE__ */
|
|
3715
|
-
/* @__PURE__ */
|
|
3716
|
-
] }) }) : /* @__PURE__ */
|
|
3732
|
+
children: isPlaying ? /* @__PURE__ */ jsx15("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsxs12("div", { className: "flex gap-0.5", children: [
|
|
3733
|
+
/* @__PURE__ */ jsx15("div", { className: "w-1 h-4 bg-current rounded-sm" }),
|
|
3734
|
+
/* @__PURE__ */ jsx15("div", { className: "w-1 h-4 bg-current rounded-sm" })
|
|
3735
|
+
] }) }) : /* @__PURE__ */ jsx15(Play, { size: 24 })
|
|
3717
3736
|
}
|
|
3718
3737
|
),
|
|
3719
|
-
/* @__PURE__ */
|
|
3720
|
-
/* @__PURE__ */
|
|
3738
|
+
/* @__PURE__ */ jsx15("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
|
|
3739
|
+
/* @__PURE__ */ jsx15("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ jsx15(
|
|
3721
3740
|
"button",
|
|
3722
3741
|
{
|
|
3723
3742
|
type: "button",
|
|
@@ -3732,7 +3751,7 @@ var CardAudio = forwardRef6(
|
|
|
3732
3751
|
}
|
|
3733
3752
|
},
|
|
3734
3753
|
"aria-label": "Barra de progresso do \xE1udio",
|
|
3735
|
-
children: /* @__PURE__ */
|
|
3754
|
+
children: /* @__PURE__ */ jsx15(
|
|
3736
3755
|
"div",
|
|
3737
3756
|
{
|
|
3738
3757
|
className: "h-full bg-primary-600 rounded-full transition-all duration-100",
|
|
@@ -3743,19 +3762,19 @@ var CardAudio = forwardRef6(
|
|
|
3743
3762
|
)
|
|
3744
3763
|
}
|
|
3745
3764
|
) }),
|
|
3746
|
-
/* @__PURE__ */
|
|
3747
|
-
/* @__PURE__ */
|
|
3748
|
-
/* @__PURE__ */
|
|
3765
|
+
/* @__PURE__ */ jsx15("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
|
|
3766
|
+
/* @__PURE__ */ jsxs12("div", { className: "relative h-6", ref: volumeControlRef, children: [
|
|
3767
|
+
/* @__PURE__ */ jsx15(
|
|
3749
3768
|
"button",
|
|
3750
3769
|
{
|
|
3751
3770
|
type: "button",
|
|
3752
3771
|
onClick: toggleVolumeControl,
|
|
3753
3772
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
3754
3773
|
"aria-label": "Controle de volume",
|
|
3755
|
-
children: /* @__PURE__ */
|
|
3774
|
+
children: /* @__PURE__ */ jsx15("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
|
|
3756
3775
|
}
|
|
3757
3776
|
),
|
|
3758
|
-
showVolumeControl && /* @__PURE__ */
|
|
3777
|
+
showVolumeControl && /* @__PURE__ */ jsx15(
|
|
3759
3778
|
"button",
|
|
3760
3779
|
{
|
|
3761
3780
|
type: "button",
|
|
@@ -3765,7 +3784,7 @@ var CardAudio = forwardRef6(
|
|
|
3765
3784
|
setShowVolumeControl(false);
|
|
3766
3785
|
}
|
|
3767
3786
|
},
|
|
3768
|
-
children: /* @__PURE__ */
|
|
3787
|
+
children: /* @__PURE__ */ jsx15(
|
|
3769
3788
|
"input",
|
|
3770
3789
|
{
|
|
3771
3790
|
type: "range",
|
|
@@ -3806,22 +3825,22 @@ var CardAudio = forwardRef6(
|
|
|
3806
3825
|
}
|
|
3807
3826
|
)
|
|
3808
3827
|
] }),
|
|
3809
|
-
/* @__PURE__ */
|
|
3810
|
-
/* @__PURE__ */
|
|
3828
|
+
/* @__PURE__ */ jsxs12("div", { className: "relative h-6", ref: speedMenuRef, children: [
|
|
3829
|
+
/* @__PURE__ */ jsx15(
|
|
3811
3830
|
"button",
|
|
3812
3831
|
{
|
|
3813
3832
|
type: "button",
|
|
3814
3833
|
onClick: toggleSpeedMenu,
|
|
3815
3834
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
3816
3835
|
"aria-label": "Op\xE7\xF5es de velocidade",
|
|
3817
|
-
children: /* @__PURE__ */
|
|
3836
|
+
children: /* @__PURE__ */ jsx15(DotsThreeVertical, { size: 24 })
|
|
3818
3837
|
}
|
|
3819
3838
|
),
|
|
3820
|
-
showSpeedMenu && /* @__PURE__ */
|
|
3839
|
+
showSpeedMenu && /* @__PURE__ */ jsx15("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-1", children: [
|
|
3821
3840
|
{ speed: 1, label: "1x" },
|
|
3822
3841
|
{ speed: 1.5, label: "1.5x" },
|
|
3823
3842
|
{ speed: 2, label: "2x" }
|
|
3824
|
-
].map(({ speed, label }) => /* @__PURE__ */
|
|
3843
|
+
].map(({ speed, label }) => /* @__PURE__ */ jsx15(
|
|
3825
3844
|
"button",
|
|
3826
3845
|
{
|
|
3827
3846
|
type: "button",
|
|
@@ -3849,7 +3868,7 @@ var SIMULADO_BACKGROUND_CLASSES = {
|
|
|
3849
3868
|
var CardSimulado = forwardRef6(
|
|
3850
3869
|
({ title, duration, info, backgroundColor, className, ...props }, ref) => {
|
|
3851
3870
|
const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
|
|
3852
|
-
return /* @__PURE__ */
|
|
3871
|
+
return /* @__PURE__ */ jsx15(
|
|
3853
3872
|
CardBase,
|
|
3854
3873
|
{
|
|
3855
3874
|
ref,
|
|
@@ -3862,18 +3881,18 @@ var CardSimulado = forwardRef6(
|
|
|
3862
3881
|
className
|
|
3863
3882
|
),
|
|
3864
3883
|
...props,
|
|
3865
|
-
children: /* @__PURE__ */
|
|
3866
|
-
/* @__PURE__ */
|
|
3867
|
-
/* @__PURE__ */
|
|
3868
|
-
/* @__PURE__ */
|
|
3869
|
-
duration && /* @__PURE__ */
|
|
3870
|
-
/* @__PURE__ */
|
|
3871
|
-
/* @__PURE__ */
|
|
3884
|
+
children: /* @__PURE__ */ jsxs12("div", { className: "flex justify-between items-center w-full gap-4", children: [
|
|
3885
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
3886
|
+
/* @__PURE__ */ jsx15(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
|
|
3887
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-4 text-text-700", children: [
|
|
3888
|
+
duration && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
|
|
3889
|
+
/* @__PURE__ */ jsx15(Clock, { size: 16, className: "flex-shrink-0" }),
|
|
3890
|
+
/* @__PURE__ */ jsx15(Text_default, { size: "sm", children: duration })
|
|
3872
3891
|
] }),
|
|
3873
|
-
/* @__PURE__ */
|
|
3892
|
+
/* @__PURE__ */ jsx15(Text_default, { size: "sm", className: "truncate", children: info })
|
|
3874
3893
|
] })
|
|
3875
3894
|
] }),
|
|
3876
|
-
/* @__PURE__ */
|
|
3895
|
+
/* @__PURE__ */ jsx15(
|
|
3877
3896
|
CaretRight,
|
|
3878
3897
|
{
|
|
3879
3898
|
size: 24,
|
|
@@ -3918,7 +3937,7 @@ var CardTest = forwardRef6(
|
|
|
3918
3937
|
const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
|
|
3919
3938
|
const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
|
|
3920
3939
|
if (isSelectable) {
|
|
3921
|
-
return /* @__PURE__ */
|
|
3940
|
+
return /* @__PURE__ */ jsx15(
|
|
3922
3941
|
"button",
|
|
3923
3942
|
{
|
|
3924
3943
|
ref,
|
|
@@ -3930,8 +3949,8 @@ var CardTest = forwardRef6(
|
|
|
3930
3949
|
onKeyDown: handleKeyDown,
|
|
3931
3950
|
"aria-pressed": selected,
|
|
3932
3951
|
...props,
|
|
3933
|
-
children: /* @__PURE__ */
|
|
3934
|
-
/* @__PURE__ */
|
|
3952
|
+
children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
3953
|
+
/* @__PURE__ */ jsx15(
|
|
3935
3954
|
Text_default,
|
|
3936
3955
|
{
|
|
3937
3956
|
size: "md",
|
|
@@ -3940,10 +3959,10 @@ var CardTest = forwardRef6(
|
|
|
3940
3959
|
children: title
|
|
3941
3960
|
}
|
|
3942
3961
|
),
|
|
3943
|
-
/* @__PURE__ */
|
|
3944
|
-
duration && /* @__PURE__ */
|
|
3945
|
-
/* @__PURE__ */
|
|
3946
|
-
/* @__PURE__ */
|
|
3962
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
3963
|
+
duration && /* @__PURE__ */ jsxs12("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
3964
|
+
/* @__PURE__ */ jsx15(Clock, { size: 16, className: "text-text-700" }),
|
|
3965
|
+
/* @__PURE__ */ jsx15(
|
|
3947
3966
|
Text_default,
|
|
3948
3967
|
{
|
|
3949
3968
|
size: "sm",
|
|
@@ -3952,7 +3971,7 @@ var CardTest = forwardRef6(
|
|
|
3952
3971
|
}
|
|
3953
3972
|
)
|
|
3954
3973
|
] }),
|
|
3955
|
-
/* @__PURE__ */
|
|
3974
|
+
/* @__PURE__ */ jsx15(
|
|
3956
3975
|
Text_default,
|
|
3957
3976
|
{
|
|
3958
3977
|
size: "sm",
|
|
@@ -3965,14 +3984,14 @@ var CardTest = forwardRef6(
|
|
|
3965
3984
|
}
|
|
3966
3985
|
);
|
|
3967
3986
|
}
|
|
3968
|
-
return /* @__PURE__ */
|
|
3987
|
+
return /* @__PURE__ */ jsx15(
|
|
3969
3988
|
"div",
|
|
3970
3989
|
{
|
|
3971
3990
|
ref,
|
|
3972
3991
|
className: cn(`${baseClasses} ${className}`.trim()),
|
|
3973
3992
|
...props,
|
|
3974
|
-
children: /* @__PURE__ */
|
|
3975
|
-
/* @__PURE__ */
|
|
3993
|
+
children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
3994
|
+
/* @__PURE__ */ jsx15(
|
|
3976
3995
|
Text_default,
|
|
3977
3996
|
{
|
|
3978
3997
|
size: "md",
|
|
@@ -3981,10 +4000,10 @@ var CardTest = forwardRef6(
|
|
|
3981
4000
|
children: title
|
|
3982
4001
|
}
|
|
3983
4002
|
),
|
|
3984
|
-
/* @__PURE__ */
|
|
3985
|
-
duration && /* @__PURE__ */
|
|
3986
|
-
/* @__PURE__ */
|
|
3987
|
-
/* @__PURE__ */
|
|
4003
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
4004
|
+
duration && /* @__PURE__ */ jsxs12("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
4005
|
+
/* @__PURE__ */ jsx15(Clock, { size: 16, className: "text-text-700" }),
|
|
4006
|
+
/* @__PURE__ */ jsx15(
|
|
3988
4007
|
Text_default,
|
|
3989
4008
|
{
|
|
3990
4009
|
size: "sm",
|
|
@@ -3993,7 +4012,7 @@ var CardTest = forwardRef6(
|
|
|
3993
4012
|
}
|
|
3994
4013
|
)
|
|
3995
4014
|
] }),
|
|
3996
|
-
/* @__PURE__ */
|
|
4015
|
+
/* @__PURE__ */ jsx15(
|
|
3997
4016
|
Text_default,
|
|
3998
4017
|
{
|
|
3999
4018
|
size: "sm",
|
|
@@ -4030,14 +4049,14 @@ var SIMULATION_TYPE_STYLES = {
|
|
|
4030
4049
|
}
|
|
4031
4050
|
};
|
|
4032
4051
|
var CardSimulationHistory = forwardRef6(({ data, onSimulationClick, className, ...props }, ref) => {
|
|
4033
|
-
return /* @__PURE__ */
|
|
4052
|
+
return /* @__PURE__ */ jsx15(
|
|
4034
4053
|
"div",
|
|
4035
4054
|
{
|
|
4036
4055
|
ref,
|
|
4037
4056
|
className: cn("w-full max-w-[992px] h-auto", className),
|
|
4038
4057
|
...props,
|
|
4039
|
-
children: /* @__PURE__ */
|
|
4040
|
-
data.map((section, sectionIndex) => /* @__PURE__ */
|
|
4058
|
+
children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-0", children: [
|
|
4059
|
+
data.map((section, sectionIndex) => /* @__PURE__ */ jsx15("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs12(
|
|
4041
4060
|
"div",
|
|
4042
4061
|
{
|
|
4043
4062
|
className: cn(
|
|
@@ -4045,7 +4064,7 @@ var CardSimulationHistory = forwardRef6(({ data, onSimulationClick, className, .
|
|
|
4045
4064
|
sectionIndex === 0 ? "rounded-t-3xl" : ""
|
|
4046
4065
|
),
|
|
4047
4066
|
children: [
|
|
4048
|
-
/* @__PURE__ */
|
|
4067
|
+
/* @__PURE__ */ jsx15(
|
|
4049
4068
|
Text_default,
|
|
4050
4069
|
{
|
|
4051
4070
|
size: "xs",
|
|
@@ -4054,9 +4073,9 @@ var CardSimulationHistory = forwardRef6(({ data, onSimulationClick, className, .
|
|
|
4054
4073
|
children: section.date
|
|
4055
4074
|
}
|
|
4056
4075
|
),
|
|
4057
|
-
/* @__PURE__ */
|
|
4076
|
+
/* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
|
|
4058
4077
|
const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
|
|
4059
|
-
return /* @__PURE__ */
|
|
4078
|
+
return /* @__PURE__ */ jsx15(
|
|
4060
4079
|
CardBase,
|
|
4061
4080
|
{
|
|
4062
4081
|
layout: "horizontal",
|
|
@@ -4068,9 +4087,9 @@ var CardSimulationHistory = forwardRef6(({ data, onSimulationClick, className, .
|
|
|
4068
4087
|
transition-shadow duration-200 h-auto min-h-[61px]`
|
|
4069
4088
|
),
|
|
4070
4089
|
onClick: () => onSimulationClick?.(simulation),
|
|
4071
|
-
children: /* @__PURE__ */
|
|
4072
|
-
/* @__PURE__ */
|
|
4073
|
-
/* @__PURE__ */
|
|
4090
|
+
children: /* @__PURE__ */ jsxs12("div", { className: "flex justify-between items-center w-full gap-2", children: [
|
|
4091
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
|
|
4092
|
+
/* @__PURE__ */ jsx15(
|
|
4074
4093
|
Text_default,
|
|
4075
4094
|
{
|
|
4076
4095
|
size: "lg",
|
|
@@ -4079,8 +4098,8 @@ var CardSimulationHistory = forwardRef6(({ data, onSimulationClick, className, .
|
|
|
4079
4098
|
children: simulation.title
|
|
4080
4099
|
}
|
|
4081
4100
|
),
|
|
4082
|
-
/* @__PURE__ */
|
|
4083
|
-
/* @__PURE__ */
|
|
4101
|
+
/* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
|
|
4102
|
+
/* @__PURE__ */ jsx15(
|
|
4084
4103
|
Badge_default,
|
|
4085
4104
|
{
|
|
4086
4105
|
variant: "examsOutlined",
|
|
@@ -4089,10 +4108,10 @@ var CardSimulationHistory = forwardRef6(({ data, onSimulationClick, className, .
|
|
|
4089
4108
|
children: typeStyles.text
|
|
4090
4109
|
}
|
|
4091
4110
|
),
|
|
4092
|
-
/* @__PURE__ */
|
|
4111
|
+
/* @__PURE__ */ jsx15(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
|
|
4093
4112
|
] })
|
|
4094
4113
|
] }),
|
|
4095
|
-
/* @__PURE__ */
|
|
4114
|
+
/* @__PURE__ */ jsx15(
|
|
4096
4115
|
CaretRight,
|
|
4097
4116
|
{
|
|
4098
4117
|
size: 24,
|
|
@@ -4108,14 +4127,14 @@ var CardSimulationHistory = forwardRef6(({ data, onSimulationClick, className, .
|
|
|
4108
4127
|
]
|
|
4109
4128
|
}
|
|
4110
4129
|
) }, section.date)),
|
|
4111
|
-
data.length > 0 && /* @__PURE__ */
|
|
4130
|
+
data.length > 0 && /* @__PURE__ */ jsx15("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
|
|
4112
4131
|
] })
|
|
4113
4132
|
}
|
|
4114
4133
|
);
|
|
4115
4134
|
});
|
|
4116
4135
|
|
|
4117
4136
|
// src/components/ProgressCircle/ProgressCircle.tsx
|
|
4118
|
-
import { jsx as
|
|
4137
|
+
import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
4119
4138
|
var SIZE_CLASSES8 = {
|
|
4120
4139
|
small: {
|
|
4121
4140
|
container: "w-[90px] h-[90px]",
|
|
@@ -4197,7 +4216,7 @@ var ProgressCircle = ({
|
|
|
4197
4216
|
const strokeDashoffset = circumference - percentage / 100 * circumference;
|
|
4198
4217
|
const center = size === "small" ? 45 : 76;
|
|
4199
4218
|
const svgSize = size === "small" ? 90 : 152;
|
|
4200
|
-
return /* @__PURE__ */
|
|
4219
|
+
return /* @__PURE__ */ jsxs13(
|
|
4201
4220
|
"div",
|
|
4202
4221
|
{
|
|
4203
4222
|
className: cn(
|
|
@@ -4207,7 +4226,7 @@ var ProgressCircle = ({
|
|
|
4207
4226
|
className
|
|
4208
4227
|
),
|
|
4209
4228
|
children: [
|
|
4210
|
-
/* @__PURE__ */
|
|
4229
|
+
/* @__PURE__ */ jsxs13(
|
|
4211
4230
|
"svg",
|
|
4212
4231
|
{
|
|
4213
4232
|
className: "absolute inset-0 transform -rotate-90",
|
|
@@ -4216,7 +4235,7 @@ var ProgressCircle = ({
|
|
|
4216
4235
|
viewBox: `0 0 ${svgSize} ${svgSize}`,
|
|
4217
4236
|
"aria-hidden": "true",
|
|
4218
4237
|
children: [
|
|
4219
|
-
/* @__PURE__ */
|
|
4238
|
+
/* @__PURE__ */ jsx16(
|
|
4220
4239
|
"circle",
|
|
4221
4240
|
{
|
|
4222
4241
|
cx: center,
|
|
@@ -4227,7 +4246,7 @@ var ProgressCircle = ({
|
|
|
4227
4246
|
className: cn(variantClasses.background, "rounded-lg")
|
|
4228
4247
|
}
|
|
4229
4248
|
),
|
|
4230
|
-
/* @__PURE__ */
|
|
4249
|
+
/* @__PURE__ */ jsx16(
|
|
4231
4250
|
"circle",
|
|
4232
4251
|
{
|
|
4233
4252
|
cx: center,
|
|
@@ -4247,7 +4266,7 @@ var ProgressCircle = ({
|
|
|
4247
4266
|
]
|
|
4248
4267
|
}
|
|
4249
4268
|
),
|
|
4250
|
-
/* @__PURE__ */
|
|
4269
|
+
/* @__PURE__ */ jsx16(
|
|
4251
4270
|
"progress",
|
|
4252
4271
|
{
|
|
4253
4272
|
value: clampedValue,
|
|
@@ -4256,7 +4275,7 @@ var ProgressCircle = ({
|
|
|
4256
4275
|
className: "absolute opacity-0 w-0 h-0"
|
|
4257
4276
|
}
|
|
4258
4277
|
),
|
|
4259
|
-
/* @__PURE__ */
|
|
4278
|
+
/* @__PURE__ */ jsxs13(
|
|
4260
4279
|
"div",
|
|
4261
4280
|
{
|
|
4262
4281
|
className: cn(
|
|
@@ -4265,7 +4284,7 @@ var ProgressCircle = ({
|
|
|
4265
4284
|
sizeClasses.contentWidth
|
|
4266
4285
|
),
|
|
4267
4286
|
children: [
|
|
4268
|
-
showPercentage && /* @__PURE__ */
|
|
4287
|
+
showPercentage && /* @__PURE__ */ jsxs13(
|
|
4269
4288
|
Text_default,
|
|
4270
4289
|
{
|
|
4271
4290
|
size: sizeClasses.textSize,
|
|
@@ -4281,7 +4300,7 @@ var ProgressCircle = ({
|
|
|
4281
4300
|
]
|
|
4282
4301
|
}
|
|
4283
4302
|
),
|
|
4284
|
-
label && /* @__PURE__ */
|
|
4303
|
+
label && /* @__PURE__ */ jsx16(
|
|
4285
4304
|
Text_default,
|
|
4286
4305
|
{
|
|
4287
4306
|
as: "span",
|
|
@@ -4314,7 +4333,7 @@ import {
|
|
|
4314
4333
|
useEffect as useEffect6,
|
|
4315
4334
|
useRef as useRef4,
|
|
4316
4335
|
Children as Children3,
|
|
4317
|
-
cloneElement as
|
|
4336
|
+
cloneElement as cloneElement4,
|
|
4318
4337
|
isValidElement as isValidElement3
|
|
4319
4338
|
} from "react";
|
|
4320
4339
|
import { create as create4, useStore as useStore3 } from "zustand";
|
|
@@ -4326,7 +4345,7 @@ import {
|
|
|
4326
4345
|
useId as useId5
|
|
4327
4346
|
} from "react";
|
|
4328
4347
|
import { Check as Check2, Minus } from "phosphor-react";
|
|
4329
|
-
import { jsx as
|
|
4348
|
+
import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
4330
4349
|
var SIZE_CLASSES9 = {
|
|
4331
4350
|
small: {
|
|
4332
4351
|
checkbox: "w-4 h-4",
|
|
@@ -4427,7 +4446,7 @@ var CheckBox = forwardRef7(
|
|
|
4427
4446
|
);
|
|
4428
4447
|
const renderIcon = () => {
|
|
4429
4448
|
if (indeterminate) {
|
|
4430
|
-
return /* @__PURE__ */
|
|
4449
|
+
return /* @__PURE__ */ jsx17(
|
|
4431
4450
|
Minus,
|
|
4432
4451
|
{
|
|
4433
4452
|
size: sizeClasses.iconSize,
|
|
@@ -4437,7 +4456,7 @@ var CheckBox = forwardRef7(
|
|
|
4437
4456
|
);
|
|
4438
4457
|
}
|
|
4439
4458
|
if (checked) {
|
|
4440
|
-
return /* @__PURE__ */
|
|
4459
|
+
return /* @__PURE__ */ jsx17(
|
|
4441
4460
|
Check2,
|
|
4442
4461
|
{
|
|
4443
4462
|
size: sizeClasses.iconSize,
|
|
@@ -4448,8 +4467,8 @@ var CheckBox = forwardRef7(
|
|
|
4448
4467
|
}
|
|
4449
4468
|
return null;
|
|
4450
4469
|
};
|
|
4451
|
-
return /* @__PURE__ */
|
|
4452
|
-
/* @__PURE__ */
|
|
4470
|
+
return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col", children: [
|
|
4471
|
+
/* @__PURE__ */ jsxs14(
|
|
4453
4472
|
"div",
|
|
4454
4473
|
{
|
|
4455
4474
|
className: cn(
|
|
@@ -4458,7 +4477,7 @@ var CheckBox = forwardRef7(
|
|
|
4458
4477
|
disabled ? "opacity-40" : ""
|
|
4459
4478
|
),
|
|
4460
4479
|
children: [
|
|
4461
|
-
/* @__PURE__ */
|
|
4480
|
+
/* @__PURE__ */ jsx17(
|
|
4462
4481
|
"input",
|
|
4463
4482
|
{
|
|
4464
4483
|
ref,
|
|
@@ -4471,15 +4490,15 @@ var CheckBox = forwardRef7(
|
|
|
4471
4490
|
...props
|
|
4472
4491
|
}
|
|
4473
4492
|
),
|
|
4474
|
-
/* @__PURE__ */
|
|
4475
|
-
label && /* @__PURE__ */
|
|
4493
|
+
/* @__PURE__ */ jsx17("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
|
|
4494
|
+
label && /* @__PURE__ */ jsx17(
|
|
4476
4495
|
"div",
|
|
4477
4496
|
{
|
|
4478
4497
|
className: cn(
|
|
4479
4498
|
"flex flex-row items-center",
|
|
4480
4499
|
sizeClasses.labelHeight
|
|
4481
4500
|
),
|
|
4482
|
-
children: /* @__PURE__ */
|
|
4501
|
+
children: /* @__PURE__ */ jsx17(
|
|
4483
4502
|
Text_default,
|
|
4484
4503
|
{
|
|
4485
4504
|
as: "label",
|
|
@@ -4498,7 +4517,7 @@ var CheckBox = forwardRef7(
|
|
|
4498
4517
|
]
|
|
4499
4518
|
}
|
|
4500
4519
|
),
|
|
4501
|
-
errorMessage && /* @__PURE__ */
|
|
4520
|
+
errorMessage && /* @__PURE__ */ jsx17(
|
|
4502
4521
|
Text_default,
|
|
4503
4522
|
{
|
|
4504
4523
|
size: "sm",
|
|
@@ -4508,7 +4527,7 @@ var CheckBox = forwardRef7(
|
|
|
4508
4527
|
children: errorMessage
|
|
4509
4528
|
}
|
|
4510
4529
|
),
|
|
4511
|
-
helperText && !errorMessage && /* @__PURE__ */
|
|
4530
|
+
helperText && !errorMessage && /* @__PURE__ */ jsx17(
|
|
4512
4531
|
Text_default,
|
|
4513
4532
|
{
|
|
4514
4533
|
size: "sm",
|
|
@@ -4525,7 +4544,7 @@ CheckBox.displayName = "CheckBox";
|
|
|
4525
4544
|
var CheckBox_default = CheckBox;
|
|
4526
4545
|
|
|
4527
4546
|
// src/components/CheckBox/CheckboxList.tsx
|
|
4528
|
-
import { jsx as
|
|
4547
|
+
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
4529
4548
|
var createCheckboxListStore = (name, defaultValues, disabled, onValuesChange) => create4((set, get) => ({
|
|
4530
4549
|
values: defaultValues,
|
|
4531
4550
|
setValues: (values) => {
|
|
@@ -4556,7 +4575,7 @@ var injectStore3 = (children, store) => Children3.map(children, (child) => {
|
|
|
4556
4575
|
if (!isValidElement3(child)) return child;
|
|
4557
4576
|
const typedChild = child;
|
|
4558
4577
|
const shouldInject = typedChild.type === CheckboxListItem;
|
|
4559
|
-
return
|
|
4578
|
+
return cloneElement4(typedChild, {
|
|
4560
4579
|
...shouldInject ? { store } : {},
|
|
4561
4580
|
...typedChild.props.children ? { children: injectStore3(typedChild.props.children, store) } : {}
|
|
4562
4581
|
});
|
|
@@ -4597,7 +4616,7 @@ var CheckboxList = forwardRef8(
|
|
|
4597
4616
|
useEffect6(() => {
|
|
4598
4617
|
store.setState({ disabled });
|
|
4599
4618
|
}, [disabled, store]);
|
|
4600
|
-
return /* @__PURE__ */
|
|
4619
|
+
return /* @__PURE__ */ jsx18(
|
|
4601
4620
|
"div",
|
|
4602
4621
|
{
|
|
4603
4622
|
ref,
|
|
@@ -4633,7 +4652,7 @@ var CheckboxListItem = forwardRef8(
|
|
|
4633
4652
|
const isChecked = groupValues.includes(value);
|
|
4634
4653
|
const isDisabled = groupDisabled || itemDisabled;
|
|
4635
4654
|
const currentState = isDisabled ? "disabled" : state;
|
|
4636
|
-
return /* @__PURE__ */
|
|
4655
|
+
return /* @__PURE__ */ jsx18(
|
|
4637
4656
|
CheckBox_default,
|
|
4638
4657
|
{
|
|
4639
4658
|
ref,
|
|
@@ -4660,7 +4679,7 @@ var CheckboxList_default = CheckboxList;
|
|
|
4660
4679
|
|
|
4661
4680
|
// src/components/MultipleChoice/MultipleChoice.tsx
|
|
4662
4681
|
import { CheckCircle as CheckCircle3, XCircle as XCircle3, Check as Check3 } from "phosphor-react";
|
|
4663
|
-
import { jsx as
|
|
4682
|
+
import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
4664
4683
|
var MultipleChoiceList = ({
|
|
4665
4684
|
disabled = false,
|
|
4666
4685
|
className = "",
|
|
@@ -4677,9 +4696,9 @@ var MultipleChoiceList = ({
|
|
|
4677
4696
|
const getStatusBadge2 = (status) => {
|
|
4678
4697
|
switch (status) {
|
|
4679
4698
|
case "correct":
|
|
4680
|
-
return /* @__PURE__ */
|
|
4699
|
+
return /* @__PURE__ */ jsx19(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx19(CheckCircle3, {}), children: "Resposta correta" });
|
|
4681
4700
|
case "incorrect":
|
|
4682
|
-
return /* @__PURE__ */
|
|
4701
|
+
return /* @__PURE__ */ jsx19(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx19(XCircle3, {}), children: "Resposta incorreta" });
|
|
4683
4702
|
default:
|
|
4684
4703
|
return null;
|
|
4685
4704
|
}
|
|
@@ -4700,14 +4719,14 @@ var MultipleChoiceList = ({
|
|
|
4700
4719
|
isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
|
|
4701
4720
|
isDisabled && "opacity-40 cursor-not-allowed"
|
|
4702
4721
|
);
|
|
4703
|
-
return /* @__PURE__ */
|
|
4722
|
+
return /* @__PURE__ */ jsx19("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ jsx19(Check3, { size: 16, weight: "bold" }) });
|
|
4704
4723
|
};
|
|
4705
4724
|
if (mode === "readonly") {
|
|
4706
|
-
return /* @__PURE__ */
|
|
4725
|
+
return /* @__PURE__ */ jsx19("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
|
|
4707
4726
|
const isSelected = actualValue?.includes(choice.value) || false;
|
|
4708
4727
|
const statusStyles = getStatusStyles2(choice.status);
|
|
4709
4728
|
const statusBadge = getStatusBadge2(choice.status);
|
|
4710
|
-
return /* @__PURE__ */
|
|
4729
|
+
return /* @__PURE__ */ jsxs15(
|
|
4711
4730
|
"div",
|
|
4712
4731
|
{
|
|
4713
4732
|
className: cn(
|
|
@@ -4716,9 +4735,9 @@ var MultipleChoiceList = ({
|
|
|
4716
4735
|
choice.disabled ? "opacity-50 cursor-not-allowed" : ""
|
|
4717
4736
|
),
|
|
4718
4737
|
children: [
|
|
4719
|
-
/* @__PURE__ */
|
|
4738
|
+
/* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 flex-1", children: [
|
|
4720
4739
|
renderVisualCheckbox(isSelected, choice.disabled || disabled),
|
|
4721
|
-
/* @__PURE__ */
|
|
4740
|
+
/* @__PURE__ */ jsx19(
|
|
4722
4741
|
"span",
|
|
4723
4742
|
{
|
|
4724
4743
|
className: cn(
|
|
@@ -4730,14 +4749,14 @@ var MultipleChoiceList = ({
|
|
|
4730
4749
|
}
|
|
4731
4750
|
)
|
|
4732
4751
|
] }),
|
|
4733
|
-
statusBadge && /* @__PURE__ */
|
|
4752
|
+
statusBadge && /* @__PURE__ */ jsx19("div", { className: "flex-shrink-0", children: statusBadge })
|
|
4734
4753
|
]
|
|
4735
4754
|
},
|
|
4736
4755
|
`readonly-${choice.value}-${i}`
|
|
4737
4756
|
);
|
|
4738
4757
|
}) });
|
|
4739
4758
|
}
|
|
4740
|
-
return /* @__PURE__ */
|
|
4759
|
+
return /* @__PURE__ */ jsx19(
|
|
4741
4760
|
"div",
|
|
4742
4761
|
{
|
|
4743
4762
|
className: cn(
|
|
@@ -4745,7 +4764,7 @@ var MultipleChoiceList = ({
|
|
|
4745
4764
|
disabled ? "opacity-50 cursor-not-allowed" : "",
|
|
4746
4765
|
className
|
|
4747
4766
|
),
|
|
4748
|
-
children: /* @__PURE__ */
|
|
4767
|
+
children: /* @__PURE__ */ jsx19(
|
|
4749
4768
|
CheckboxList_default,
|
|
4750
4769
|
{
|
|
4751
4770
|
name,
|
|
@@ -4755,12 +4774,12 @@ var MultipleChoiceList = ({
|
|
|
4755
4774
|
onHandleSelectedValues?.(v);
|
|
4756
4775
|
},
|
|
4757
4776
|
disabled,
|
|
4758
|
-
children: choices.map((choice, i) => /* @__PURE__ */
|
|
4777
|
+
children: choices.map((choice, i) => /* @__PURE__ */ jsxs15(
|
|
4759
4778
|
"div",
|
|
4760
4779
|
{
|
|
4761
4780
|
className: "flex flex-row gap-2 items-center",
|
|
4762
4781
|
children: [
|
|
4763
|
-
/* @__PURE__ */
|
|
4782
|
+
/* @__PURE__ */ jsx19(
|
|
4764
4783
|
CheckboxListItem,
|
|
4765
4784
|
{
|
|
4766
4785
|
value: choice.value,
|
|
@@ -4768,7 +4787,7 @@ var MultipleChoiceList = ({
|
|
|
4768
4787
|
disabled: choice.disabled || disabled
|
|
4769
4788
|
}
|
|
4770
4789
|
),
|
|
4771
|
-
/* @__PURE__ */
|
|
4790
|
+
/* @__PURE__ */ jsx19(
|
|
4772
4791
|
"label",
|
|
4773
4792
|
{
|
|
4774
4793
|
htmlFor: `interactive-${choice.value}-${i}`,
|
|
@@ -4797,7 +4816,7 @@ import {
|
|
|
4797
4816
|
useId as useId7
|
|
4798
4817
|
} from "react";
|
|
4799
4818
|
import { WarningCircle as WarningCircle2 } from "phosphor-react";
|
|
4800
|
-
import { jsx as
|
|
4819
|
+
import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
4801
4820
|
var SIZE_CLASSES10 = {
|
|
4802
4821
|
small: {
|
|
4803
4822
|
textarea: "h-24 text-sm",
|
|
@@ -4891,8 +4910,8 @@ var TextArea = forwardRef9(
|
|
|
4891
4910
|
stateClasses.focus,
|
|
4892
4911
|
className
|
|
4893
4912
|
);
|
|
4894
|
-
return /* @__PURE__ */
|
|
4895
|
-
label && /* @__PURE__ */
|
|
4913
|
+
return /* @__PURE__ */ jsxs16("div", { className: `flex flex-col`, children: [
|
|
4914
|
+
label && /* @__PURE__ */ jsx20(
|
|
4896
4915
|
Text_default,
|
|
4897
4916
|
{
|
|
4898
4917
|
as: "label",
|
|
@@ -4904,7 +4923,7 @@ var TextArea = forwardRef9(
|
|
|
4904
4923
|
children: label
|
|
4905
4924
|
}
|
|
4906
4925
|
),
|
|
4907
|
-
/* @__PURE__ */
|
|
4926
|
+
/* @__PURE__ */ jsx20(
|
|
4908
4927
|
"textarea",
|
|
4909
4928
|
{
|
|
4910
4929
|
ref,
|
|
@@ -4918,12 +4937,12 @@ var TextArea = forwardRef9(
|
|
|
4918
4937
|
...props
|
|
4919
4938
|
}
|
|
4920
4939
|
),
|
|
4921
|
-
errorMessage && /* @__PURE__ */
|
|
4922
|
-
/* @__PURE__ */
|
|
4940
|
+
errorMessage && /* @__PURE__ */ jsxs16("p", { className: "flex gap-1 items-center text-sm text-indicator-error mt-1.5", children: [
|
|
4941
|
+
/* @__PURE__ */ jsx20(WarningCircle2, { size: 16 }),
|
|
4923
4942
|
" ",
|
|
4924
4943
|
errorMessage
|
|
4925
4944
|
] }),
|
|
4926
|
-
helperMessage && !errorMessage && /* @__PURE__ */
|
|
4945
|
+
helperMessage && !errorMessage && /* @__PURE__ */ jsx20(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
|
|
4927
4946
|
] });
|
|
4928
4947
|
}
|
|
4929
4948
|
);
|
|
@@ -4934,13 +4953,13 @@ var TextArea_default = TextArea;
|
|
|
4934
4953
|
var mock_image_question_default = "../mock-image-question-HEZCLFDL.png";
|
|
4935
4954
|
|
|
4936
4955
|
// src/components/Quiz/Quiz.tsx
|
|
4937
|
-
import { Fragment as Fragment6, jsx as
|
|
4956
|
+
import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
4938
4957
|
var getStatusBadge = (status) => {
|
|
4939
4958
|
switch (status) {
|
|
4940
4959
|
case "correct":
|
|
4941
|
-
return /* @__PURE__ */
|
|
4960
|
+
return /* @__PURE__ */ jsx21(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx21(CheckCircle4, {}), children: "Resposta correta" });
|
|
4942
4961
|
case "incorrect":
|
|
4943
|
-
return /* @__PURE__ */
|
|
4962
|
+
return /* @__PURE__ */ jsx21(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx21(XCircle4, {}), children: "Resposta incorreta" });
|
|
4944
4963
|
default:
|
|
4945
4964
|
return null;
|
|
4946
4965
|
}
|
|
@@ -4958,7 +4977,7 @@ var Quiz = forwardRef10(({ children, className, variant = "default", ...props },
|
|
|
4958
4977
|
useEffect8(() => {
|
|
4959
4978
|
setVariant(variant);
|
|
4960
4979
|
}, [variant, setVariant]);
|
|
4961
|
-
return /* @__PURE__ */
|
|
4980
|
+
return /* @__PURE__ */ jsx21("div", { ref, className: cn("flex flex-col", className), ...props, children });
|
|
4962
4981
|
});
|
|
4963
4982
|
var QuizHeaderResult = forwardRef10(
|
|
4964
4983
|
({ className, ...props }, ref) => {
|
|
@@ -4999,7 +5018,7 @@ var QuizHeaderResult = forwardRef10(
|
|
|
4999
5018
|
return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
|
|
5000
5019
|
}
|
|
5001
5020
|
};
|
|
5002
|
-
return /* @__PURE__ */
|
|
5021
|
+
return /* @__PURE__ */ jsxs17(
|
|
5003
5022
|
"div",
|
|
5004
5023
|
{
|
|
5005
5024
|
ref,
|
|
@@ -5010,8 +5029,8 @@ var QuizHeaderResult = forwardRef10(
|
|
|
5010
5029
|
),
|
|
5011
5030
|
...props,
|
|
5012
5031
|
children: [
|
|
5013
|
-
/* @__PURE__ */
|
|
5014
|
-
/* @__PURE__ */
|
|
5032
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
|
|
5033
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
|
|
5015
5034
|
]
|
|
5016
5035
|
}
|
|
5017
5036
|
);
|
|
@@ -5044,8 +5063,8 @@ var QuizTitle = forwardRef10(
|
|
|
5044
5063
|
const handleCancelExit = () => {
|
|
5045
5064
|
setShowExitConfirmation(false);
|
|
5046
5065
|
};
|
|
5047
|
-
return /* @__PURE__ */
|
|
5048
|
-
/* @__PURE__ */
|
|
5066
|
+
return /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5067
|
+
/* @__PURE__ */ jsxs17(
|
|
5049
5068
|
"div",
|
|
5050
5069
|
{
|
|
5051
5070
|
ref,
|
|
@@ -5055,24 +5074,24 @@ var QuizTitle = forwardRef10(
|
|
|
5055
5074
|
),
|
|
5056
5075
|
...props,
|
|
5057
5076
|
children: [
|
|
5058
|
-
/* @__PURE__ */
|
|
5077
|
+
/* @__PURE__ */ jsx21(
|
|
5059
5078
|
IconButton_default,
|
|
5060
5079
|
{
|
|
5061
|
-
icon: /* @__PURE__ */
|
|
5080
|
+
icon: /* @__PURE__ */ jsx21(CaretLeft, { size: 24 }),
|
|
5062
5081
|
size: "md",
|
|
5063
5082
|
"aria-label": "Voltar",
|
|
5064
5083
|
onClick: handleBackClick
|
|
5065
5084
|
}
|
|
5066
5085
|
),
|
|
5067
|
-
/* @__PURE__ */
|
|
5068
|
-
/* @__PURE__ */
|
|
5069
|
-
/* @__PURE__ */
|
|
5086
|
+
/* @__PURE__ */ jsxs17("span", { className: "flex flex-col gap-2 text-center", children: [
|
|
5087
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
|
|
5088
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
|
|
5070
5089
|
] }),
|
|
5071
|
-
/* @__PURE__ */
|
|
5090
|
+
/* @__PURE__ */ jsx21("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ jsx21(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx21(Clock2, {}), children: isStarted ? formatTime(timeElapsed) : "00:00" }) })
|
|
5072
5091
|
]
|
|
5073
5092
|
}
|
|
5074
5093
|
),
|
|
5075
|
-
/* @__PURE__ */
|
|
5094
|
+
/* @__PURE__ */ jsx21(
|
|
5076
5095
|
AlertDialog,
|
|
5077
5096
|
{
|
|
5078
5097
|
isOpen: showExitConfirmation,
|
|
@@ -5090,13 +5109,13 @@ var QuizTitle = forwardRef10(
|
|
|
5090
5109
|
);
|
|
5091
5110
|
var QuizSubTitle = forwardRef10(
|
|
5092
5111
|
({ subTitle, ...props }, ref) => {
|
|
5093
|
-
return /* @__PURE__ */
|
|
5112
|
+
return /* @__PURE__ */ jsx21("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx21("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
|
|
5094
5113
|
}
|
|
5095
5114
|
);
|
|
5096
5115
|
var QuizHeader = () => {
|
|
5097
5116
|
const { getCurrentQuestion, currentQuestionIndex } = useQuizStore();
|
|
5098
5117
|
const currentQuestion = getCurrentQuestion();
|
|
5099
|
-
return /* @__PURE__ */
|
|
5118
|
+
return /* @__PURE__ */ jsx21(
|
|
5100
5119
|
HeaderAlternative,
|
|
5101
5120
|
{
|
|
5102
5121
|
title: currentQuestion ? `Quest\xE3o ${currentQuestionIndex + 1}` : "Quest\xE3o",
|
|
@@ -5106,7 +5125,7 @@ var QuizHeader = () => {
|
|
|
5106
5125
|
);
|
|
5107
5126
|
};
|
|
5108
5127
|
var QuizContainer = forwardRef10(({ children, className, ...props }, ref) => {
|
|
5109
|
-
return /* @__PURE__ */
|
|
5128
|
+
return /* @__PURE__ */ jsx21(
|
|
5110
5129
|
"div",
|
|
5111
5130
|
{
|
|
5112
5131
|
ref,
|
|
@@ -5132,7 +5151,7 @@ var QuizContent = forwardRef10(({ paddingBottom }) => {
|
|
|
5132
5151
|
["IMAGEM" /* IMAGEM */]: QuizImageQuestion
|
|
5133
5152
|
};
|
|
5134
5153
|
const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
|
|
5135
|
-
return QuestionComponent ? /* @__PURE__ */
|
|
5154
|
+
return QuestionComponent ? /* @__PURE__ */ jsx21(QuestionComponent, { paddingBottom }) : null;
|
|
5136
5155
|
});
|
|
5137
5156
|
var QuizAlternative = ({ paddingBottom }) => {
|
|
5138
5157
|
const {
|
|
@@ -5169,10 +5188,10 @@ var QuizAlternative = ({ paddingBottom }) => {
|
|
|
5169
5188
|
};
|
|
5170
5189
|
});
|
|
5171
5190
|
if (!alternatives)
|
|
5172
|
-
return /* @__PURE__ */
|
|
5173
|
-
return /* @__PURE__ */
|
|
5174
|
-
/* @__PURE__ */
|
|
5175
|
-
/* @__PURE__ */
|
|
5191
|
+
return /* @__PURE__ */ jsx21("div", { children: /* @__PURE__ */ jsx21("p", { children: "N\xE3o h\xE1 Alternativas" }) });
|
|
5192
|
+
return /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5193
|
+
/* @__PURE__ */ jsx21(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
5194
|
+
/* @__PURE__ */ jsx21(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx21("div", { className: "space-y-4", children: /* @__PURE__ */ jsx21(
|
|
5176
5195
|
AlternativesList,
|
|
5177
5196
|
{
|
|
5178
5197
|
mode: variant === "default" ? "interactive" : "readonly",
|
|
@@ -5270,10 +5289,10 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
|
|
|
5270
5289
|
};
|
|
5271
5290
|
});
|
|
5272
5291
|
if (!choices)
|
|
5273
|
-
return /* @__PURE__ */
|
|
5274
|
-
return /* @__PURE__ */
|
|
5275
|
-
/* @__PURE__ */
|
|
5276
|
-
/* @__PURE__ */
|
|
5292
|
+
return /* @__PURE__ */ jsx21("div", { children: /* @__PURE__ */ jsx21("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
|
|
5293
|
+
return /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5294
|
+
/* @__PURE__ */ jsx21(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
5295
|
+
/* @__PURE__ */ jsx21(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx21("div", { className: "space-y-4", children: /* @__PURE__ */ jsx21(
|
|
5277
5296
|
MultipleChoiceList,
|
|
5278
5297
|
{
|
|
5279
5298
|
choices,
|
|
@@ -5319,12 +5338,12 @@ var QuizDissertative = ({ paddingBottom }) => {
|
|
|
5319
5338
|
adjustTextareaHeight();
|
|
5320
5339
|
}, [currentAnswer, adjustTextareaHeight]);
|
|
5321
5340
|
if (!currentQuestion) {
|
|
5322
|
-
return /* @__PURE__ */
|
|
5341
|
+
return /* @__PURE__ */ jsx21("div", { className: "space-y-4", children: /* @__PURE__ */ jsx21("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
|
|
5323
5342
|
}
|
|
5324
5343
|
const localAnswer = (variant == "result" ? currentQuestionResult?.answer : currentAnswer?.answer) || "";
|
|
5325
|
-
return /* @__PURE__ */
|
|
5326
|
-
/* @__PURE__ */
|
|
5327
|
-
/* @__PURE__ */
|
|
5344
|
+
return /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5345
|
+
/* @__PURE__ */ jsx21(QuizSubTitle, { subTitle: "Resposta" }),
|
|
5346
|
+
/* @__PURE__ */ jsx21(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ jsx21("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ jsx21("div", { className: "space-y-4", children: /* @__PURE__ */ jsx21(
|
|
5328
5347
|
TextArea_default,
|
|
5329
5348
|
{
|
|
5330
5349
|
ref: textareaRef,
|
|
@@ -5334,10 +5353,10 @@ var QuizDissertative = ({ paddingBottom }) => {
|
|
|
5334
5353
|
rows: 4,
|
|
5335
5354
|
className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
|
|
5336
5355
|
}
|
|
5337
|
-
) }) : /* @__PURE__ */
|
|
5338
|
-
variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */
|
|
5339
|
-
/* @__PURE__ */
|
|
5340
|
-
/* @__PURE__ */
|
|
5356
|
+
) }) : /* @__PURE__ */ jsx21("div", { className: "space-y-4", children: /* @__PURE__ */ jsx21("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
|
|
5357
|
+
variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5358
|
+
/* @__PURE__ */ jsx21(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
|
|
5359
|
+
/* @__PURE__ */ jsx21(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx21("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Mauris euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer euismod, urna eu tincidunt consectetur, nisi nisl aliquam nunc, eget aliquam massa nisl quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim." }) })
|
|
5341
5360
|
] })
|
|
5342
5361
|
] });
|
|
5343
5362
|
};
|
|
@@ -5363,16 +5382,16 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
|
|
|
5363
5382
|
];
|
|
5364
5383
|
const getLetterByIndex = (index) => String.fromCharCode(97 + index);
|
|
5365
5384
|
const isDefaultVariant = variant == "default";
|
|
5366
|
-
return /* @__PURE__ */
|
|
5367
|
-
/* @__PURE__ */
|
|
5368
|
-
/* @__PURE__ */
|
|
5385
|
+
return /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5386
|
+
/* @__PURE__ */ jsx21(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
5387
|
+
/* @__PURE__ */ jsx21(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
|
|
5369
5388
|
const variantCorrect = option.isCorrect ? "correct" : "incorrect";
|
|
5370
|
-
return /* @__PURE__ */
|
|
5389
|
+
return /* @__PURE__ */ jsxs17(
|
|
5371
5390
|
"section",
|
|
5372
5391
|
{
|
|
5373
5392
|
className: "flex flex-col gap-2",
|
|
5374
5393
|
children: [
|
|
5375
|
-
/* @__PURE__ */
|
|
5394
|
+
/* @__PURE__ */ jsxs17(
|
|
5376
5395
|
"div",
|
|
5377
5396
|
{
|
|
5378
5397
|
className: cn(
|
|
@@ -5380,20 +5399,20 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
|
|
|
5380
5399
|
!isDefaultVariant ? getStatusStyles(variantCorrect) : ""
|
|
5381
5400
|
),
|
|
5382
5401
|
children: [
|
|
5383
|
-
/* @__PURE__ */
|
|
5384
|
-
isDefaultVariant ? /* @__PURE__ */
|
|
5385
|
-
/* @__PURE__ */
|
|
5386
|
-
/* @__PURE__ */
|
|
5387
|
-
/* @__PURE__ */
|
|
5388
|
-
/* @__PURE__ */
|
|
5402
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
|
|
5403
|
+
isDefaultVariant ? /* @__PURE__ */ jsxs17(Select_default, { size: "medium", children: [
|
|
5404
|
+
/* @__PURE__ */ jsx21(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx21(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
|
|
5405
|
+
/* @__PURE__ */ jsxs17(SelectContent, { children: [
|
|
5406
|
+
/* @__PURE__ */ jsx21(SelectItem, { value: "V", children: "Verdadeiro" }),
|
|
5407
|
+
/* @__PURE__ */ jsx21(SelectItem, { value: "F", children: "Falso" })
|
|
5389
5408
|
] })
|
|
5390
|
-
] }) : /* @__PURE__ */
|
|
5409
|
+
] }) : /* @__PURE__ */ jsx21("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
|
|
5391
5410
|
]
|
|
5392
5411
|
}
|
|
5393
5412
|
),
|
|
5394
|
-
!isDefaultVariant && /* @__PURE__ */
|
|
5395
|
-
/* @__PURE__ */
|
|
5396
|
-
!option.isCorrect && /* @__PURE__ */
|
|
5413
|
+
!isDefaultVariant && /* @__PURE__ */ jsxs17("span", { className: "flex flex-row gap-2 items-center", children: [
|
|
5414
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
|
|
5415
|
+
!option.isCorrect && /* @__PURE__ */ jsx21("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
|
|
5397
5416
|
] })
|
|
5398
5417
|
]
|
|
5399
5418
|
},
|
|
@@ -5483,13 +5502,13 @@ var QuizConnectDots = ({ paddingBottom }) => {
|
|
|
5483
5502
|
const assignedDots = new Set(
|
|
5484
5503
|
userAnswers.map((a) => a.dotOption).filter(Boolean)
|
|
5485
5504
|
);
|
|
5486
|
-
return /* @__PURE__ */
|
|
5487
|
-
/* @__PURE__ */
|
|
5488
|
-
/* @__PURE__ */
|
|
5505
|
+
return /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5506
|
+
/* @__PURE__ */ jsx21(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
5507
|
+
/* @__PURE__ */ jsx21(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
|
|
5489
5508
|
const answer = userAnswers[index];
|
|
5490
5509
|
const variantCorrect = answer.isCorrect ? "correct" : "incorrect";
|
|
5491
|
-
return /* @__PURE__ */
|
|
5492
|
-
/* @__PURE__ */
|
|
5510
|
+
return /* @__PURE__ */ jsxs17("section", { className: "flex flex-col gap-2", children: [
|
|
5511
|
+
/* @__PURE__ */ jsxs17(
|
|
5493
5512
|
"div",
|
|
5494
5513
|
{
|
|
5495
5514
|
className: cn(
|
|
@@ -5497,30 +5516,30 @@ var QuizConnectDots = ({ paddingBottom }) => {
|
|
|
5497
5516
|
!isDefaultVariant ? getStatusStyles(variantCorrect) : ""
|
|
5498
5517
|
),
|
|
5499
5518
|
children: [
|
|
5500
|
-
/* @__PURE__ */
|
|
5501
|
-
isDefaultVariant ? /* @__PURE__ */
|
|
5519
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
|
|
5520
|
+
isDefaultVariant ? /* @__PURE__ */ jsxs17(
|
|
5502
5521
|
Select_default,
|
|
5503
5522
|
{
|
|
5504
5523
|
size: "medium",
|
|
5505
5524
|
value: answer.dotOption || void 0,
|
|
5506
5525
|
onValueChange: (value) => handleSelectDot(index, value),
|
|
5507
5526
|
children: [
|
|
5508
|
-
/* @__PURE__ */
|
|
5509
|
-
/* @__PURE__ */
|
|
5527
|
+
/* @__PURE__ */ jsx21(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx21(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
|
|
5528
|
+
/* @__PURE__ */ jsx21(SelectContent, { children: dotsOptions.filter(
|
|
5510
5529
|
(dot) => !assignedDots.has(dot.label) || answer.dotOption === dot.label
|
|
5511
|
-
).map((dot) => /* @__PURE__ */
|
|
5530
|
+
).map((dot) => /* @__PURE__ */ jsx21(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
|
|
5512
5531
|
]
|
|
5513
5532
|
}
|
|
5514
|
-
) : /* @__PURE__ */
|
|
5533
|
+
) : /* @__PURE__ */ jsx21("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
|
|
5515
5534
|
]
|
|
5516
5535
|
}
|
|
5517
5536
|
),
|
|
5518
|
-
!isDefaultVariant && /* @__PURE__ */
|
|
5519
|
-
/* @__PURE__ */
|
|
5537
|
+
!isDefaultVariant && /* @__PURE__ */ jsxs17("span", { className: "flex flex-row gap-2 items-center", children: [
|
|
5538
|
+
/* @__PURE__ */ jsxs17("p", { className: "text-text-800 text-2xs", children: [
|
|
5520
5539
|
"Resposta selecionada: ",
|
|
5521
5540
|
answer.dotOption || "Nenhuma"
|
|
5522
5541
|
] }),
|
|
5523
|
-
!answer.isCorrect && /* @__PURE__ */
|
|
5542
|
+
!answer.isCorrect && /* @__PURE__ */ jsxs17("p", { className: "text-text-800 text-2xs", children: [
|
|
5524
5543
|
"Resposta correta: ",
|
|
5525
5544
|
answer.correctOption
|
|
5526
5545
|
] })
|
|
@@ -5587,18 +5606,18 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
5587
5606
|
const mockAnswer = mockUserAnswers.find(
|
|
5588
5607
|
(answer) => answer.selectId === selectId
|
|
5589
5608
|
);
|
|
5590
|
-
return /* @__PURE__ */
|
|
5609
|
+
return /* @__PURE__ */ jsx21("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
|
|
5591
5610
|
};
|
|
5592
5611
|
const renderDefaultElement = (selectId, startIndex, selectedValue, availableOptionsForThisSelect) => {
|
|
5593
|
-
return /* @__PURE__ */
|
|
5612
|
+
return /* @__PURE__ */ jsxs17(
|
|
5594
5613
|
Select_default,
|
|
5595
5614
|
{
|
|
5596
5615
|
value: selectedValue,
|
|
5597
5616
|
onValueChange: (value) => handleSelectChange(selectId, value),
|
|
5598
5617
|
className: "inline-flex mb-2.5",
|
|
5599
5618
|
children: [
|
|
5600
|
-
/* @__PURE__ */
|
|
5601
|
-
/* @__PURE__ */
|
|
5619
|
+
/* @__PURE__ */ jsx21(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-white border-gray-300", children: /* @__PURE__ */ jsx21(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
|
|
5620
|
+
/* @__PURE__ */ jsx21(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ jsx21(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
|
|
5602
5621
|
]
|
|
5603
5622
|
},
|
|
5604
5623
|
`${selectId}-${startIndex}`
|
|
@@ -5610,8 +5629,8 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
5610
5629
|
);
|
|
5611
5630
|
if (!mockAnswer) return null;
|
|
5612
5631
|
const action = mockAnswer.isCorrect ? "success" : "error";
|
|
5613
|
-
const icon = mockAnswer.isCorrect ? /* @__PURE__ */
|
|
5614
|
-
return /* @__PURE__ */
|
|
5632
|
+
const icon = mockAnswer.isCorrect ? /* @__PURE__ */ jsx21(CheckCircle4, {}) : /* @__PURE__ */ jsx21(XCircle4, {});
|
|
5633
|
+
return /* @__PURE__ */ jsx21(
|
|
5615
5634
|
Badge_default,
|
|
5616
5635
|
{
|
|
5617
5636
|
variant: "solid",
|
|
@@ -5619,7 +5638,7 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
5619
5638
|
iconRight: icon,
|
|
5620
5639
|
size: "large",
|
|
5621
5640
|
className: "py-3 w-[180px] justify-between mb-2.5",
|
|
5622
|
-
children: /* @__PURE__ */
|
|
5641
|
+
children: /* @__PURE__ */ jsx21("span", { className: "text-text-900", children: mockAnswer.userAnswer })
|
|
5623
5642
|
},
|
|
5624
5643
|
selectId
|
|
5625
5644
|
);
|
|
@@ -5675,25 +5694,25 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
5675
5694
|
}
|
|
5676
5695
|
return elements;
|
|
5677
5696
|
};
|
|
5678
|
-
return /* @__PURE__ */
|
|
5679
|
-
/* @__PURE__ */
|
|
5680
|
-
/* @__PURE__ */
|
|
5697
|
+
return /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5698
|
+
/* @__PURE__ */ jsx21(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
5699
|
+
/* @__PURE__ */ jsx21(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx21("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ jsx21(
|
|
5681
5700
|
"div",
|
|
5682
5701
|
{
|
|
5683
5702
|
className: cn(
|
|
5684
5703
|
"text-lg text-text-900 leading-8 h-auto",
|
|
5685
5704
|
variant != "result" && paddingBottom
|
|
5686
5705
|
),
|
|
5687
|
-
children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */
|
|
5706
|
+
children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ jsx21("span", { children: element.element }, element.id))
|
|
5688
5707
|
}
|
|
5689
5708
|
) }) }),
|
|
5690
|
-
variant === "result" && /* @__PURE__ */
|
|
5691
|
-
/* @__PURE__ */
|
|
5692
|
-
/* @__PURE__ */
|
|
5709
|
+
variant === "result" && /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5710
|
+
/* @__PURE__ */ jsx21(QuizSubTitle, { subTitle: "Resultado" }),
|
|
5711
|
+
/* @__PURE__ */ jsx21(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx21("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ jsx21(
|
|
5693
5712
|
"div",
|
|
5694
5713
|
{
|
|
5695
5714
|
className: cn("text-lg text-text-900 leading-8", paddingBottom),
|
|
5696
|
-
children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */
|
|
5715
|
+
children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ jsx21("span", { children: element.element }, element.id))
|
|
5697
5716
|
}
|
|
5698
5717
|
) }) })
|
|
5699
5718
|
] })
|
|
@@ -5747,36 +5766,36 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
5747
5766
|
}
|
|
5748
5767
|
return "bg-success-600/70 border-white";
|
|
5749
5768
|
};
|
|
5750
|
-
return /* @__PURE__ */
|
|
5751
|
-
/* @__PURE__ */
|
|
5752
|
-
/* @__PURE__ */
|
|
5769
|
+
return /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5770
|
+
/* @__PURE__ */ jsx21(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
|
|
5771
|
+
/* @__PURE__ */ jsx21(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsxs17(
|
|
5753
5772
|
"div",
|
|
5754
5773
|
{
|
|
5755
5774
|
"data-testid": "quiz-image-container",
|
|
5756
5775
|
className: "space-y-6 p-3 relative inline-block",
|
|
5757
5776
|
children: [
|
|
5758
|
-
variant == "result" && /* @__PURE__ */
|
|
5777
|
+
variant == "result" && /* @__PURE__ */ jsxs17(
|
|
5759
5778
|
"div",
|
|
5760
5779
|
{
|
|
5761
5780
|
"data-testid": "quiz-legend",
|
|
5762
5781
|
className: "flex items-center gap-4 text-xs",
|
|
5763
5782
|
children: [
|
|
5764
|
-
/* @__PURE__ */
|
|
5765
|
-
/* @__PURE__ */
|
|
5766
|
-
/* @__PURE__ */
|
|
5783
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
|
|
5784
|
+
/* @__PURE__ */ jsx21("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
|
|
5785
|
+
/* @__PURE__ */ jsx21("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
|
|
5767
5786
|
] }),
|
|
5768
|
-
/* @__PURE__ */
|
|
5769
|
-
/* @__PURE__ */
|
|
5770
|
-
/* @__PURE__ */
|
|
5787
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
|
|
5788
|
+
/* @__PURE__ */ jsx21("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
|
|
5789
|
+
/* @__PURE__ */ jsx21("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
|
|
5771
5790
|
] }),
|
|
5772
|
-
/* @__PURE__ */
|
|
5773
|
-
/* @__PURE__ */
|
|
5774
|
-
/* @__PURE__ */
|
|
5791
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
|
|
5792
|
+
/* @__PURE__ */ jsx21("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
|
|
5793
|
+
/* @__PURE__ */ jsx21("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
|
|
5775
5794
|
] })
|
|
5776
5795
|
]
|
|
5777
5796
|
}
|
|
5778
5797
|
),
|
|
5779
|
-
/* @__PURE__ */
|
|
5798
|
+
/* @__PURE__ */ jsxs17(
|
|
5780
5799
|
"button",
|
|
5781
5800
|
{
|
|
5782
5801
|
"data-testid": "quiz-image-button",
|
|
@@ -5791,7 +5810,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
5791
5810
|
},
|
|
5792
5811
|
"aria-label": "\xC1rea da imagem interativa",
|
|
5793
5812
|
children: [
|
|
5794
|
-
/* @__PURE__ */
|
|
5813
|
+
/* @__PURE__ */ jsx21(
|
|
5795
5814
|
"img",
|
|
5796
5815
|
{
|
|
5797
5816
|
"data-testid": "quiz-image",
|
|
@@ -5800,7 +5819,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
5800
5819
|
className: "w-full h-auto rounded-md"
|
|
5801
5820
|
}
|
|
5802
5821
|
),
|
|
5803
|
-
variant === "result" && /* @__PURE__ */
|
|
5822
|
+
variant === "result" && /* @__PURE__ */ jsx21(
|
|
5804
5823
|
"div",
|
|
5805
5824
|
{
|
|
5806
5825
|
"data-testid": "quiz-correct-circle",
|
|
@@ -5815,7 +5834,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
5815
5834
|
}
|
|
5816
5835
|
}
|
|
5817
5836
|
),
|
|
5818
|
-
clickPositionRelative && /* @__PURE__ */
|
|
5837
|
+
clickPositionRelative && /* @__PURE__ */ jsx21(
|
|
5819
5838
|
"div",
|
|
5820
5839
|
{
|
|
5821
5840
|
"data-testid": "quiz-user-circle",
|
|
@@ -5883,18 +5902,18 @@ var QuizQuestionList = ({
|
|
|
5883
5902
|
return "Em branco";
|
|
5884
5903
|
}
|
|
5885
5904
|
};
|
|
5886
|
-
return /* @__PURE__ */
|
|
5887
|
-
Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */
|
|
5905
|
+
return /* @__PURE__ */ jsxs17("div", { className: "space-y-6 px-4 h-full", children: [
|
|
5906
|
+
Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ jsx21("p", { className: "text-lg", children: "Nenhum resultado" }) }),
|
|
5888
5907
|
Object.entries(filteredGroupedQuestions).map(
|
|
5889
|
-
([subjectId, questions]) => /* @__PURE__ */
|
|
5890
|
-
/* @__PURE__ */
|
|
5891
|
-
/* @__PURE__ */
|
|
5892
|
-
/* @__PURE__ */
|
|
5908
|
+
([subjectId, questions]) => /* @__PURE__ */ jsxs17("section", { className: "flex flex-col gap-2", children: [
|
|
5909
|
+
/* @__PURE__ */ jsxs17("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
|
|
5910
|
+
/* @__PURE__ */ jsx21("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx21(BookOpen, { size: 17, className: "text-white" }) }),
|
|
5911
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
|
|
5893
5912
|
] }),
|
|
5894
|
-
/* @__PURE__ */
|
|
5913
|
+
/* @__PURE__ */ jsx21("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
|
|
5895
5914
|
const status = getQuestionStatus(question.id);
|
|
5896
5915
|
const questionNumber = getQuestionIndex(question.id);
|
|
5897
|
-
return /* @__PURE__ */
|
|
5916
|
+
return /* @__PURE__ */ jsx21(
|
|
5898
5917
|
CardStatus,
|
|
5899
5918
|
{
|
|
5900
5919
|
header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
|
|
@@ -5974,8 +5993,8 @@ var QuizFooter = forwardRef10(
|
|
|
5974
5993
|
return;
|
|
5975
5994
|
}
|
|
5976
5995
|
};
|
|
5977
|
-
return /* @__PURE__ */
|
|
5978
|
-
/* @__PURE__ */
|
|
5996
|
+
return /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
5997
|
+
/* @__PURE__ */ jsx21(
|
|
5979
5998
|
"footer",
|
|
5980
5999
|
{
|
|
5981
6000
|
ref,
|
|
@@ -5984,17 +6003,17 @@ var QuizFooter = forwardRef10(
|
|
|
5984
6003
|
className
|
|
5985
6004
|
),
|
|
5986
6005
|
...props,
|
|
5987
|
-
children: variant === "default" ? /* @__PURE__ */
|
|
5988
|
-
/* @__PURE__ */
|
|
5989
|
-
/* @__PURE__ */
|
|
6006
|
+
children: variant === "default" ? /* @__PURE__ */ jsxs17(Fragment6, { children: [
|
|
6007
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-row items-center gap-1", children: [
|
|
6008
|
+
/* @__PURE__ */ jsx21(
|
|
5990
6009
|
IconButton_default,
|
|
5991
6010
|
{
|
|
5992
|
-
icon: /* @__PURE__ */
|
|
6011
|
+
icon: /* @__PURE__ */ jsx21(SquaresFour, { size: 24, className: "text-text-950" }),
|
|
5993
6012
|
size: "md",
|
|
5994
6013
|
onClick: () => setModalNavigateOpen(true)
|
|
5995
6014
|
}
|
|
5996
6015
|
),
|
|
5997
|
-
isFirstQuestion ? /* @__PURE__ */
|
|
6016
|
+
isFirstQuestion ? /* @__PURE__ */ jsx21(
|
|
5998
6017
|
Button_default,
|
|
5999
6018
|
{
|
|
6000
6019
|
variant: "outline",
|
|
@@ -6005,13 +6024,13 @@ var QuizFooter = forwardRef10(
|
|
|
6005
6024
|
},
|
|
6006
6025
|
children: "Pular"
|
|
6007
6026
|
}
|
|
6008
|
-
) : /* @__PURE__ */
|
|
6027
|
+
) : /* @__PURE__ */ jsx21(
|
|
6009
6028
|
Button_default,
|
|
6010
6029
|
{
|
|
6011
6030
|
size: "medium",
|
|
6012
6031
|
variant: "link",
|
|
6013
6032
|
action: "primary",
|
|
6014
|
-
iconLeft: /* @__PURE__ */
|
|
6033
|
+
iconLeft: /* @__PURE__ */ jsx21(CaretLeft, { size: 18 }),
|
|
6015
6034
|
onClick: () => {
|
|
6016
6035
|
goToPreviousQuestion();
|
|
6017
6036
|
},
|
|
@@ -6019,7 +6038,7 @@ var QuizFooter = forwardRef10(
|
|
|
6019
6038
|
}
|
|
6020
6039
|
)
|
|
6021
6040
|
] }),
|
|
6022
|
-
!isFirstQuestion && !isLastQuestion && /* @__PURE__ */
|
|
6041
|
+
!isFirstQuestion && !isLastQuestion && /* @__PURE__ */ jsx21(
|
|
6023
6042
|
Button_default,
|
|
6024
6043
|
{
|
|
6025
6044
|
size: "small",
|
|
@@ -6032,7 +6051,7 @@ var QuizFooter = forwardRef10(
|
|
|
6032
6051
|
children: "Pular"
|
|
6033
6052
|
}
|
|
6034
6053
|
),
|
|
6035
|
-
isLastQuestion ? /* @__PURE__ */
|
|
6054
|
+
isLastQuestion ? /* @__PURE__ */ jsx21(
|
|
6036
6055
|
Button_default,
|
|
6037
6056
|
{
|
|
6038
6057
|
size: "medium",
|
|
@@ -6042,13 +6061,13 @@ var QuizFooter = forwardRef10(
|
|
|
6042
6061
|
onClick: handleFinishQuiz,
|
|
6043
6062
|
children: "Finalizar"
|
|
6044
6063
|
}
|
|
6045
|
-
) : /* @__PURE__ */
|
|
6064
|
+
) : /* @__PURE__ */ jsx21(
|
|
6046
6065
|
Button_default,
|
|
6047
6066
|
{
|
|
6048
6067
|
size: "medium",
|
|
6049
6068
|
variant: "link",
|
|
6050
6069
|
action: "primary",
|
|
6051
|
-
iconRight: /* @__PURE__ */
|
|
6070
|
+
iconRight: /* @__PURE__ */ jsx21(CaretRight2, { size: 18 }),
|
|
6052
6071
|
disabled: !currentAnswer && !isCurrentQuestionSkipped,
|
|
6053
6072
|
onClick: () => {
|
|
6054
6073
|
goToNextQuestion();
|
|
@@ -6056,7 +6075,7 @@ var QuizFooter = forwardRef10(
|
|
|
6056
6075
|
children: "Avan\xE7ar"
|
|
6057
6076
|
}
|
|
6058
6077
|
)
|
|
6059
|
-
] }) : /* @__PURE__ */
|
|
6078
|
+
] }) : /* @__PURE__ */ jsx21("div", { className: "flex flex-row items-center justify-end w-full", children: /* @__PURE__ */ jsx21(
|
|
6060
6079
|
Button_default,
|
|
6061
6080
|
{
|
|
6062
6081
|
variant: "solid",
|
|
@@ -6068,7 +6087,7 @@ var QuizFooter = forwardRef10(
|
|
|
6068
6087
|
) })
|
|
6069
6088
|
}
|
|
6070
6089
|
),
|
|
6071
|
-
/* @__PURE__ */
|
|
6090
|
+
/* @__PURE__ */ jsx21(
|
|
6072
6091
|
AlertDialog,
|
|
6073
6092
|
{
|
|
6074
6093
|
isOpen: alertDialogOpen,
|
|
@@ -6080,7 +6099,7 @@ var QuizFooter = forwardRef10(
|
|
|
6080
6099
|
onSubmit: handleAlertSubmit
|
|
6081
6100
|
}
|
|
6082
6101
|
),
|
|
6083
|
-
/* @__PURE__ */
|
|
6102
|
+
/* @__PURE__ */ jsx21(
|
|
6084
6103
|
Modal_default,
|
|
6085
6104
|
{
|
|
6086
6105
|
isOpen: modalResultOpen,
|
|
@@ -6089,11 +6108,11 @@ var QuizFooter = forwardRef10(
|
|
|
6089
6108
|
closeOnEscape: false,
|
|
6090
6109
|
hideCloseButton: true,
|
|
6091
6110
|
size: "md",
|
|
6092
|
-
children: /* @__PURE__ */
|
|
6093
|
-
resultImageComponent ? /* @__PURE__ */
|
|
6094
|
-
/* @__PURE__ */
|
|
6095
|
-
/* @__PURE__ */
|
|
6096
|
-
/* @__PURE__ */
|
|
6111
|
+
children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
|
|
6112
|
+
resultImageComponent ? /* @__PURE__ */ jsx21("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ jsx21("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx21("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
|
|
6113
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2 text-center", children: [
|
|
6114
|
+
/* @__PURE__ */ jsx21("h2", { className: "text-text-950 font-bold text-lg", children: "Voc\xEA concluiu o simulado!" }),
|
|
6115
|
+
/* @__PURE__ */ jsxs17("p", { className: "text-text-500 font-sm", children: [
|
|
6097
6116
|
"Voc\xEA acertou",
|
|
6098
6117
|
" ",
|
|
6099
6118
|
getQuestionResultStatistics()?.correctAnswers ?? "--",
|
|
@@ -6103,8 +6122,8 @@ var QuizFooter = forwardRef10(
|
|
|
6103
6122
|
" quest\xF5es."
|
|
6104
6123
|
] })
|
|
6105
6124
|
] }),
|
|
6106
|
-
/* @__PURE__ */
|
|
6107
|
-
/* @__PURE__ */
|
|
6125
|
+
/* @__PURE__ */ jsxs17("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
|
|
6126
|
+
/* @__PURE__ */ jsx21(
|
|
6108
6127
|
Button_default,
|
|
6109
6128
|
{
|
|
6110
6129
|
variant: "outline",
|
|
@@ -6114,38 +6133,38 @@ var QuizFooter = forwardRef10(
|
|
|
6114
6133
|
children: "Ir para simulados"
|
|
6115
6134
|
}
|
|
6116
6135
|
),
|
|
6117
|
-
/* @__PURE__ */
|
|
6136
|
+
/* @__PURE__ */ jsx21(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
|
|
6118
6137
|
] })
|
|
6119
6138
|
] })
|
|
6120
6139
|
}
|
|
6121
6140
|
),
|
|
6122
|
-
/* @__PURE__ */
|
|
6141
|
+
/* @__PURE__ */ jsx21(
|
|
6123
6142
|
Modal_default,
|
|
6124
6143
|
{
|
|
6125
6144
|
isOpen: modalNavigateOpen,
|
|
6126
6145
|
onClose: () => setModalNavigateOpen(false),
|
|
6127
6146
|
title: "Quest\xF5es",
|
|
6128
6147
|
size: "lg",
|
|
6129
|
-
children: /* @__PURE__ */
|
|
6130
|
-
/* @__PURE__ */
|
|
6131
|
-
/* @__PURE__ */
|
|
6132
|
-
/* @__PURE__ */
|
|
6133
|
-
/* @__PURE__ */
|
|
6148
|
+
children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
|
|
6149
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
|
|
6150
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
|
|
6151
|
+
/* @__PURE__ */ jsx21("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs17(Select_default, { value: filterType, onValueChange: setFilterType, children: [
|
|
6152
|
+
/* @__PURE__ */ jsx21(
|
|
6134
6153
|
SelectTrigger,
|
|
6135
6154
|
{
|
|
6136
6155
|
variant: "rounded",
|
|
6137
6156
|
className: "max-w-[266px] min-w-[160px]",
|
|
6138
|
-
children: /* @__PURE__ */
|
|
6157
|
+
children: /* @__PURE__ */ jsx21(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
|
|
6139
6158
|
}
|
|
6140
6159
|
),
|
|
6141
|
-
/* @__PURE__ */
|
|
6142
|
-
/* @__PURE__ */
|
|
6143
|
-
/* @__PURE__ */
|
|
6144
|
-
/* @__PURE__ */
|
|
6160
|
+
/* @__PURE__ */ jsxs17(SelectContent, { children: [
|
|
6161
|
+
/* @__PURE__ */ jsx21(SelectItem, { value: "all", children: "Todas" }),
|
|
6162
|
+
/* @__PURE__ */ jsx21(SelectItem, { value: "unanswered", children: "Em branco" }),
|
|
6163
|
+
/* @__PURE__ */ jsx21(SelectItem, { value: "answered", children: "Respondidas" })
|
|
6145
6164
|
] })
|
|
6146
6165
|
] }) })
|
|
6147
6166
|
] }),
|
|
6148
|
-
/* @__PURE__ */
|
|
6167
|
+
/* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsx21(
|
|
6149
6168
|
QuizQuestionList,
|
|
6150
6169
|
{
|
|
6151
6170
|
filterType,
|
|
@@ -6155,7 +6174,7 @@ var QuizFooter = forwardRef10(
|
|
|
6155
6174
|
] })
|
|
6156
6175
|
}
|
|
6157
6176
|
),
|
|
6158
|
-
/* @__PURE__ */
|
|
6177
|
+
/* @__PURE__ */ jsx21(
|
|
6159
6178
|
Modal_default,
|
|
6160
6179
|
{
|
|
6161
6180
|
isOpen: modalResolutionOpen,
|
|
@@ -6173,32 +6192,32 @@ var QuizBadge = ({
|
|
|
6173
6192
|
}) => {
|
|
6174
6193
|
switch (subtype) {
|
|
6175
6194
|
case "PROVA" /* PROVA */:
|
|
6176
|
-
return /* @__PURE__ */
|
|
6195
|
+
return /* @__PURE__ */ jsx21(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
|
|
6177
6196
|
case "ENEM_PROVA_1" /* ENEM_PROVA_1 */:
|
|
6178
6197
|
case "ENEM_PROVA_2" /* ENEM_PROVA_2 */:
|
|
6179
|
-
return /* @__PURE__ */
|
|
6198
|
+
return /* @__PURE__ */ jsx21(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
|
|
6180
6199
|
case "VESTIBULAR" /* VESTIBULAR */:
|
|
6181
|
-
return /* @__PURE__ */
|
|
6200
|
+
return /* @__PURE__ */ jsx21(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
|
|
6182
6201
|
case "SIMULADO" /* SIMULADO */:
|
|
6183
6202
|
case "SIMULADAO" /* SIMULADAO */:
|
|
6184
6203
|
case void 0:
|
|
6185
|
-
return /* @__PURE__ */
|
|
6204
|
+
return /* @__PURE__ */ jsx21(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
|
|
6186
6205
|
default:
|
|
6187
|
-
return /* @__PURE__ */
|
|
6206
|
+
return /* @__PURE__ */ jsx21(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
|
|
6188
6207
|
}
|
|
6189
6208
|
};
|
|
6190
6209
|
var QuizResultHeaderTitle = forwardRef10(({ className, ...props }, ref) => {
|
|
6191
6210
|
const { getActiveQuiz } = useQuizStore();
|
|
6192
6211
|
const activeQuiz = getActiveQuiz();
|
|
6193
|
-
return /* @__PURE__ */
|
|
6212
|
+
return /* @__PURE__ */ jsxs17(
|
|
6194
6213
|
"div",
|
|
6195
6214
|
{
|
|
6196
6215
|
ref,
|
|
6197
6216
|
className: cn("flex flex-row pt-4 justify-between", className),
|
|
6198
6217
|
...props,
|
|
6199
6218
|
children: [
|
|
6200
|
-
/* @__PURE__ */
|
|
6201
|
-
/* @__PURE__ */
|
|
6219
|
+
/* @__PURE__ */ jsx21("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
|
|
6220
|
+
/* @__PURE__ */ jsx21(QuizBadge, { subtype: activeQuiz?.quiz.subtype || void 0 })
|
|
6202
6221
|
]
|
|
6203
6222
|
}
|
|
6204
6223
|
);
|
|
@@ -6206,7 +6225,7 @@ var QuizResultHeaderTitle = forwardRef10(({ className, ...props }, ref) => {
|
|
|
6206
6225
|
var QuizResultTitle = forwardRef10(({ className, ...props }, ref) => {
|
|
6207
6226
|
const { getQuizTitle } = useQuizStore();
|
|
6208
6227
|
const quizTitle = getQuizTitle();
|
|
6209
|
-
return /* @__PURE__ */
|
|
6228
|
+
return /* @__PURE__ */ jsx21(
|
|
6210
6229
|
"p",
|
|
6211
6230
|
{
|
|
6212
6231
|
className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
|
|
@@ -6258,15 +6277,15 @@ var QuizResultPerformance = forwardRef10(
|
|
|
6258
6277
|
});
|
|
6259
6278
|
}
|
|
6260
6279
|
const percentage = totalQuestions > 0 ? Math.round(correctAnswers / totalQuestions * 100) : 0;
|
|
6261
|
-
return /* @__PURE__ */
|
|
6280
|
+
return /* @__PURE__ */ jsxs17(
|
|
6262
6281
|
"div",
|
|
6263
6282
|
{
|
|
6264
6283
|
className: "flex flex-row gap-6 p-6 rounded-xl bg-background justify-between",
|
|
6265
6284
|
ref,
|
|
6266
6285
|
...props,
|
|
6267
6286
|
children: [
|
|
6268
|
-
/* @__PURE__ */
|
|
6269
|
-
/* @__PURE__ */
|
|
6287
|
+
/* @__PURE__ */ jsxs17("div", { className: "relative", children: [
|
|
6288
|
+
/* @__PURE__ */ jsx21(
|
|
6270
6289
|
ProgressCircle_default,
|
|
6271
6290
|
{
|
|
6272
6291
|
size: "medium",
|
|
@@ -6276,24 +6295,24 @@ var QuizResultPerformance = forwardRef10(
|
|
|
6276
6295
|
label: ""
|
|
6277
6296
|
}
|
|
6278
6297
|
),
|
|
6279
|
-
/* @__PURE__ */
|
|
6280
|
-
/* @__PURE__ */
|
|
6281
|
-
/* @__PURE__ */
|
|
6282
|
-
/* @__PURE__ */
|
|
6298
|
+
/* @__PURE__ */ jsxs17("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
|
|
6299
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1 mb-1", children: [
|
|
6300
|
+
/* @__PURE__ */ jsx21(Clock2, { size: 12, weight: "regular", className: "text-text-800" }),
|
|
6301
|
+
/* @__PURE__ */ jsx21("span", { className: "text-2xs font-medium text-text-800", children: formatTime(
|
|
6283
6302
|
(getQuestionResultStatistics()?.timeSpent ?? 0) * 60
|
|
6284
6303
|
) })
|
|
6285
6304
|
] }),
|
|
6286
|
-
/* @__PURE__ */
|
|
6305
|
+
/* @__PURE__ */ jsxs17("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
|
|
6287
6306
|
getQuestionResultStatistics()?.correctAnswers ?? "--",
|
|
6288
6307
|
" de",
|
|
6289
6308
|
" ",
|
|
6290
6309
|
totalQuestions
|
|
6291
6310
|
] }),
|
|
6292
|
-
/* @__PURE__ */
|
|
6311
|
+
/* @__PURE__ */ jsx21("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
|
|
6293
6312
|
] })
|
|
6294
6313
|
] }),
|
|
6295
|
-
/* @__PURE__ */
|
|
6296
|
-
/* @__PURE__ */
|
|
6314
|
+
/* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-4 w-full", children: [
|
|
6315
|
+
/* @__PURE__ */ jsx21(
|
|
6297
6316
|
ProgressBar_default,
|
|
6298
6317
|
{
|
|
6299
6318
|
className: "w-full",
|
|
@@ -6307,7 +6326,7 @@ var QuizResultPerformance = forwardRef10(
|
|
|
6307
6326
|
percentageClassName: "text-xs font-medium leading-[14px] text-right"
|
|
6308
6327
|
}
|
|
6309
6328
|
),
|
|
6310
|
-
/* @__PURE__ */
|
|
6329
|
+
/* @__PURE__ */ jsx21(
|
|
6311
6330
|
ProgressBar_default,
|
|
6312
6331
|
{
|
|
6313
6332
|
className: "w-full",
|
|
@@ -6321,7 +6340,7 @@ var QuizResultPerformance = forwardRef10(
|
|
|
6321
6340
|
percentageClassName: "text-xs font-medium leading-[14px] text-right"
|
|
6322
6341
|
}
|
|
6323
6342
|
),
|
|
6324
|
-
/* @__PURE__ */
|
|
6343
|
+
/* @__PURE__ */ jsx21(
|
|
6325
6344
|
ProgressBar_default,
|
|
6326
6345
|
{
|
|
6327
6346
|
className: "w-full",
|
|
@@ -6368,9 +6387,9 @@ var QuizListResult = forwardRef10(({ className, onSubjectClick, ...props }, ref)
|
|
|
6368
6387
|
};
|
|
6369
6388
|
}
|
|
6370
6389
|
);
|
|
6371
|
-
return /* @__PURE__ */
|
|
6372
|
-
/* @__PURE__ */
|
|
6373
|
-
/* @__PURE__ */
|
|
6390
|
+
return /* @__PURE__ */ jsxs17("section", { ref, className, ...props, children: [
|
|
6391
|
+
/* @__PURE__ */ jsx21("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
|
|
6392
|
+
/* @__PURE__ */ jsx21("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsx21(
|
|
6374
6393
|
CardResults,
|
|
6375
6394
|
{
|
|
6376
6395
|
onClick: () => onSubjectClick?.(subject.subject.id),
|
|
@@ -6392,16 +6411,16 @@ var QuizListResultByMateria = ({
|
|
|
6392
6411
|
const { getQuestionsGroupedBySubject, getQuestionIndex } = useQuizStore();
|
|
6393
6412
|
const groupedQuestions = getQuestionsGroupedBySubject();
|
|
6394
6413
|
const answeredQuestions = groupedQuestions[subject] || [];
|
|
6395
|
-
return /* @__PURE__ */
|
|
6396
|
-
/* @__PURE__ */
|
|
6397
|
-
/* @__PURE__ */
|
|
6398
|
-
/* @__PURE__ */
|
|
6399
|
-
/* @__PURE__ */
|
|
6414
|
+
return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col", children: [
|
|
6415
|
+
/* @__PURE__ */ jsx21("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx21("p", { className: "text-text-950 font-bold text-2xl", children: answeredQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" }) }),
|
|
6416
|
+
/* @__PURE__ */ jsxs17("section", { className: "flex flex-col ", children: [
|
|
6417
|
+
/* @__PURE__ */ jsx21("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
|
|
6418
|
+
/* @__PURE__ */ jsx21("ul", { className: "flex flex-col gap-2 pt-4", children: answeredQuestions.map((question) => {
|
|
6400
6419
|
const questionIndex = getQuestionIndex(
|
|
6401
6420
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6402
6421
|
question.questionId ?? question.id
|
|
6403
6422
|
);
|
|
6404
|
-
return /* @__PURE__ */
|
|
6423
|
+
return /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsx21(
|
|
6405
6424
|
CardStatus,
|
|
6406
6425
|
{
|
|
6407
6426
|
className: "max-w-full",
|