analytica-frontend-lib 1.2.10 → 1.2.11
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/NoSearchResult/index.d.mts +37 -0
- package/dist/NoSearchResult/index.d.ts +37 -0
- package/dist/NoSearchResult/index.js +113 -0
- package/dist/NoSearchResult/index.js.map +1 -0
- package/dist/NoSearchResult/index.mjs +90 -0
- package/dist/NoSearchResult/index.mjs.map +1 -0
- package/dist/index.css +17 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +353 -322
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +352 -322
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +17 -0
- package/dist/styles.css.map +1 -1
- package/package.json +2 -1
package/dist/index.mjs
CHANGED
|
@@ -9025,6 +9025,35 @@ var NotFound = ({
|
|
|
9025
9025
|
};
|
|
9026
9026
|
var NotFound_default = NotFound;
|
|
9027
9027
|
|
|
9028
|
+
// src/components/NoSearchResult/NoSearchResult.tsx
|
|
9029
|
+
import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
9030
|
+
var NoSearchResult = ({ image, title, description }) => {
|
|
9031
|
+
const displayTitle = title || "Nenhum resultado encontrado";
|
|
9032
|
+
const displayDescription = description || "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.";
|
|
9033
|
+
return /* @__PURE__ */ jsxs34("div", { className: "flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96", children: [
|
|
9034
|
+
/* @__PURE__ */ jsx46("div", { className: "w-72 h-72 flex-shrink-0 relative", children: /* @__PURE__ */ jsx46(
|
|
9035
|
+
"img",
|
|
9036
|
+
{
|
|
9037
|
+
src: image,
|
|
9038
|
+
alt: "No search results",
|
|
9039
|
+
className: "w-full h-full object-contain"
|
|
9040
|
+
}
|
|
9041
|
+
) }),
|
|
9042
|
+
/* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-start w-full max-w-md", children: [
|
|
9043
|
+
/* @__PURE__ */ jsx46("div", { className: "flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl", children: /* @__PURE__ */ jsx46(
|
|
9044
|
+
Text_default,
|
|
9045
|
+
{
|
|
9046
|
+
as: "h2",
|
|
9047
|
+
className: "text-text-950 font-semibold text-3xl leading-tight w-full flex items-center",
|
|
9048
|
+
children: displayTitle
|
|
9049
|
+
}
|
|
9050
|
+
) }),
|
|
9051
|
+
/* @__PURE__ */ jsx46("div", { className: "flex flex-row justify-center items-center px-6 gap-2 w-full", children: /* @__PURE__ */ jsx46(Text_default, { className: "text-text-600 font-normal text-lg leading-relaxed w-full text-justify", children: displayDescription }) })
|
|
9052
|
+
] })
|
|
9053
|
+
] });
|
|
9054
|
+
};
|
|
9055
|
+
var NoSearchResult_default = NoSearchResult;
|
|
9056
|
+
|
|
9028
9057
|
// src/components/VideoPlayer/VideoPlayer.tsx
|
|
9029
9058
|
import {
|
|
9030
9059
|
useRef as useRef11,
|
|
@@ -9047,7 +9076,7 @@ import {
|
|
|
9047
9076
|
// src/components/DownloadButton/DownloadButton.tsx
|
|
9048
9077
|
import { useCallback as useCallback2, useState as useState16 } from "react";
|
|
9049
9078
|
import { DownloadSimple } from "phosphor-react";
|
|
9050
|
-
import { jsx as
|
|
9079
|
+
import { jsx as jsx47 } from "react/jsx-runtime";
|
|
9051
9080
|
var getMimeType = (url) => {
|
|
9052
9081
|
const extension = getFileExtension(url);
|
|
9053
9082
|
const mimeTypes = {
|
|
@@ -9204,10 +9233,10 @@ var DownloadButton = ({
|
|
|
9204
9233
|
if (!hasContent) {
|
|
9205
9234
|
return null;
|
|
9206
9235
|
}
|
|
9207
|
-
return /* @__PURE__ */
|
|
9236
|
+
return /* @__PURE__ */ jsx47("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ jsx47(
|
|
9208
9237
|
IconButton_default,
|
|
9209
9238
|
{
|
|
9210
|
-
icon: /* @__PURE__ */
|
|
9239
|
+
icon: /* @__PURE__ */ jsx47(DownloadSimple, { size: 24 }),
|
|
9211
9240
|
onClick: handleDownload,
|
|
9212
9241
|
disabled: disabled || isDownloading,
|
|
9213
9242
|
"aria-label": (() => {
|
|
@@ -9228,7 +9257,7 @@ var DownloadButton = ({
|
|
|
9228
9257
|
var DownloadButton_default = DownloadButton;
|
|
9229
9258
|
|
|
9230
9259
|
// src/components/VideoPlayer/VideoPlayer.tsx
|
|
9231
|
-
import { jsx as
|
|
9260
|
+
import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
9232
9261
|
var CONTROLS_HIDE_TIMEOUT = 3e3;
|
|
9233
9262
|
var LEAVE_HIDE_TIMEOUT = 1e3;
|
|
9234
9263
|
var INIT_DELAY = 100;
|
|
@@ -9244,7 +9273,7 @@ var ProgressBar2 = ({
|
|
|
9244
9273
|
progressPercentage,
|
|
9245
9274
|
onSeek,
|
|
9246
9275
|
className = "px-4 pb-2"
|
|
9247
|
-
}) => /* @__PURE__ */
|
|
9276
|
+
}) => /* @__PURE__ */ jsx48("div", { className, children: /* @__PURE__ */ jsx48(
|
|
9248
9277
|
"input",
|
|
9249
9278
|
{
|
|
9250
9279
|
type: "range",
|
|
@@ -9266,17 +9295,17 @@ var VolumeControls = ({
|
|
|
9266
9295
|
onToggleMute,
|
|
9267
9296
|
iconSize = 24,
|
|
9268
9297
|
showSlider = true
|
|
9269
|
-
}) => /* @__PURE__ */
|
|
9270
|
-
/* @__PURE__ */
|
|
9298
|
+
}) => /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
|
|
9299
|
+
/* @__PURE__ */ jsx48(
|
|
9271
9300
|
IconButton_default,
|
|
9272
9301
|
{
|
|
9273
|
-
icon: isMuted ? /* @__PURE__ */
|
|
9302
|
+
icon: isMuted ? /* @__PURE__ */ jsx48(SpeakerSlash, { size: iconSize }) : /* @__PURE__ */ jsx48(SpeakerHigh2, { size: iconSize }),
|
|
9274
9303
|
onClick: onToggleMute,
|
|
9275
9304
|
"aria-label": isMuted ? "Unmute" : "Mute",
|
|
9276
9305
|
className: "!bg-transparent !text-white hover:!bg-white/20"
|
|
9277
9306
|
}
|
|
9278
9307
|
),
|
|
9279
|
-
showSlider && /* @__PURE__ */
|
|
9308
|
+
showSlider && /* @__PURE__ */ jsx48(
|
|
9280
9309
|
"input",
|
|
9281
9310
|
{
|
|
9282
9311
|
type: "range",
|
|
@@ -9333,7 +9362,7 @@ var SpeedMenu = ({
|
|
|
9333
9362
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
9334
9363
|
};
|
|
9335
9364
|
}, [showSpeedMenu, onToggleMenu]);
|
|
9336
|
-
const menuContent = /* @__PURE__ */
|
|
9365
|
+
const menuContent = /* @__PURE__ */ jsx48(
|
|
9337
9366
|
"div",
|
|
9338
9367
|
{
|
|
9339
9368
|
ref: speedMenuRef,
|
|
@@ -9344,7 +9373,7 @@ var SpeedMenu = ({
|
|
|
9344
9373
|
top: `${position.top}px`,
|
|
9345
9374
|
left: `${position.left}px`
|
|
9346
9375
|
},
|
|
9347
|
-
children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */
|
|
9376
|
+
children: [0.5, 0.75, 1, 1.25, 1.5, 2].map((speed) => /* @__PURE__ */ jsxs35(
|
|
9348
9377
|
"button",
|
|
9349
9378
|
{
|
|
9350
9379
|
role: "menuitemradio",
|
|
@@ -9361,12 +9390,12 @@ var SpeedMenu = ({
|
|
|
9361
9390
|
}
|
|
9362
9391
|
);
|
|
9363
9392
|
const portalContent = showSpeedMenu && globalThis.window !== void 0 && globalThis.document !== void 0 && !!globalThis.document?.body ? createPortal(menuContent, globalThis.document.body) : null;
|
|
9364
|
-
return /* @__PURE__ */
|
|
9365
|
-
/* @__PURE__ */
|
|
9393
|
+
return /* @__PURE__ */ jsxs35("div", { className: "relative", ref: speedMenuContainerRef, children: [
|
|
9394
|
+
/* @__PURE__ */ jsx48(
|
|
9366
9395
|
IconButton_default,
|
|
9367
9396
|
{
|
|
9368
9397
|
ref: buttonRef,
|
|
9369
|
-
icon: /* @__PURE__ */
|
|
9398
|
+
icon: /* @__PURE__ */ jsx48(DotsThreeVertical3, { size: iconSize }),
|
|
9370
9399
|
onClick: onToggleMenu,
|
|
9371
9400
|
"aria-label": "Playback speed",
|
|
9372
9401
|
"aria-haspopup": "menu",
|
|
@@ -9882,10 +9911,10 @@ var VideoPlayer = ({
|
|
|
9882
9911
|
]
|
|
9883
9912
|
);
|
|
9884
9913
|
const groupedSubTitleValid = subtitles && subtitlesValidation === "valid";
|
|
9885
|
-
return /* @__PURE__ */
|
|
9886
|
-
(title || subtitleText) && /* @__PURE__ */
|
|
9887
|
-
/* @__PURE__ */
|
|
9888
|
-
title && /* @__PURE__ */
|
|
9914
|
+
return /* @__PURE__ */ jsxs35("div", { className: cn("flex flex-col", className), children: [
|
|
9915
|
+
(title || subtitleText) && /* @__PURE__ */ jsxs35("div", { className: "bg-subject-1 px-8 py-4 flex items-end justify-between min-h-20", children: [
|
|
9916
|
+
/* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1", children: [
|
|
9917
|
+
title && /* @__PURE__ */ jsx48(
|
|
9889
9918
|
Text_default,
|
|
9890
9919
|
{
|
|
9891
9920
|
as: "h2",
|
|
@@ -9896,7 +9925,7 @@ var VideoPlayer = ({
|
|
|
9896
9925
|
children: title
|
|
9897
9926
|
}
|
|
9898
9927
|
),
|
|
9899
|
-
subtitleText && /* @__PURE__ */
|
|
9928
|
+
subtitleText && /* @__PURE__ */ jsx48(
|
|
9900
9929
|
Text_default,
|
|
9901
9930
|
{
|
|
9902
9931
|
as: "p",
|
|
@@ -9908,7 +9937,7 @@ var VideoPlayer = ({
|
|
|
9908
9937
|
}
|
|
9909
9938
|
)
|
|
9910
9939
|
] }),
|
|
9911
|
-
showDownloadButton && downloadContent && /* @__PURE__ */
|
|
9940
|
+
showDownloadButton && downloadContent && /* @__PURE__ */ jsx48(
|
|
9912
9941
|
DownloadButton_default,
|
|
9913
9942
|
{
|
|
9914
9943
|
content: downloadContent,
|
|
@@ -9920,7 +9949,7 @@ var VideoPlayer = ({
|
|
|
9920
9949
|
}
|
|
9921
9950
|
)
|
|
9922
9951
|
] }),
|
|
9923
|
-
/* @__PURE__ */
|
|
9952
|
+
/* @__PURE__ */ jsxs35(
|
|
9924
9953
|
"section",
|
|
9925
9954
|
{
|
|
9926
9955
|
className: cn(
|
|
@@ -9935,7 +9964,7 @@ var VideoPlayer = ({
|
|
|
9935
9964
|
onTouchStart: handleMouseEnter,
|
|
9936
9965
|
onMouseLeave: handleMouseLeave,
|
|
9937
9966
|
children: [
|
|
9938
|
-
/* @__PURE__ */
|
|
9967
|
+
/* @__PURE__ */ jsx48(
|
|
9939
9968
|
"video",
|
|
9940
9969
|
{
|
|
9941
9970
|
ref: videoRef,
|
|
@@ -9950,7 +9979,7 @@ var VideoPlayer = ({
|
|
|
9950
9979
|
onKeyDown: handleVideoKeyDown,
|
|
9951
9980
|
tabIndex: 0,
|
|
9952
9981
|
"aria-label": title ? `Video: ${title}` : "Video player",
|
|
9953
|
-
children: /* @__PURE__ */
|
|
9982
|
+
children: /* @__PURE__ */ jsx48(
|
|
9954
9983
|
"track",
|
|
9955
9984
|
{
|
|
9956
9985
|
ref: trackRef,
|
|
@@ -9963,17 +9992,17 @@ var VideoPlayer = ({
|
|
|
9963
9992
|
)
|
|
9964
9993
|
}
|
|
9965
9994
|
),
|
|
9966
|
-
!isPlaying && /* @__PURE__ */
|
|
9995
|
+
!isPlaying && /* @__PURE__ */ jsx48(
|
|
9967
9996
|
"div",
|
|
9968
9997
|
{
|
|
9969
9998
|
className: cn(
|
|
9970
9999
|
"absolute inset-0 flex bg-black/30 transition-opacity",
|
|
9971
10000
|
getCenterPlayButtonPosition()
|
|
9972
10001
|
),
|
|
9973
|
-
children: /* @__PURE__ */
|
|
10002
|
+
children: /* @__PURE__ */ jsx48(
|
|
9974
10003
|
IconButton_default,
|
|
9975
10004
|
{
|
|
9976
|
-
icon: /* @__PURE__ */
|
|
10005
|
+
icon: /* @__PURE__ */ jsx48(Play2, { size: 32, weight: "regular", className: "ml-1" }),
|
|
9977
10006
|
onClick: togglePlayPause,
|
|
9978
10007
|
"aria-label": "Play video",
|
|
9979
10008
|
className: "!bg-transparent !text-white !w-auto !h-auto hover:!bg-transparent hover:!text-gray-200"
|
|
@@ -9981,17 +10010,17 @@ var VideoPlayer = ({
|
|
|
9981
10010
|
)
|
|
9982
10011
|
}
|
|
9983
10012
|
),
|
|
9984
|
-
/* @__PURE__ */
|
|
10013
|
+
/* @__PURE__ */ jsx48(
|
|
9985
10014
|
"div",
|
|
9986
10015
|
{
|
|
9987
10016
|
className: cn(
|
|
9988
10017
|
"absolute top-0 left-0 right-0 p-4 bg-gradient-to-b from-black/70 to-transparent transition-opacity",
|
|
9989
10018
|
getTopControlsOpacity()
|
|
9990
10019
|
),
|
|
9991
|
-
children: /* @__PURE__ */
|
|
10020
|
+
children: /* @__PURE__ */ jsx48("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx48(
|
|
9992
10021
|
IconButton_default,
|
|
9993
10022
|
{
|
|
9994
|
-
icon: isFullscreen ? /* @__PURE__ */
|
|
10023
|
+
icon: isFullscreen ? /* @__PURE__ */ jsx48(ArrowsInSimple, { size: 24 }) : /* @__PURE__ */ jsx48(ArrowsOutSimple, { size: 24 }),
|
|
9995
10024
|
onClick: toggleFullscreen,
|
|
9996
10025
|
"aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
|
|
9997
10026
|
className: "!bg-transparent !text-white hover:!bg-white/20"
|
|
@@ -9999,7 +10028,7 @@ var VideoPlayer = ({
|
|
|
9999
10028
|
) })
|
|
10000
10029
|
}
|
|
10001
10030
|
),
|
|
10002
|
-
/* @__PURE__ */
|
|
10031
|
+
/* @__PURE__ */ jsxs35(
|
|
10003
10032
|
"div",
|
|
10004
10033
|
{
|
|
10005
10034
|
className: cn(
|
|
@@ -10007,7 +10036,7 @@ var VideoPlayer = ({
|
|
|
10007
10036
|
getBottomControlsOpacity()
|
|
10008
10037
|
),
|
|
10009
10038
|
children: [
|
|
10010
|
-
/* @__PURE__ */
|
|
10039
|
+
/* @__PURE__ */ jsx48(
|
|
10011
10040
|
ProgressBar2,
|
|
10012
10041
|
{
|
|
10013
10042
|
currentTime,
|
|
@@ -10017,7 +10046,7 @@ var VideoPlayer = ({
|
|
|
10017
10046
|
className: getProgressBarPadding()
|
|
10018
10047
|
}
|
|
10019
10048
|
),
|
|
10020
|
-
/* @__PURE__ */
|
|
10049
|
+
/* @__PURE__ */ jsxs35(
|
|
10021
10050
|
"div",
|
|
10022
10051
|
{
|
|
10023
10052
|
className: cn(
|
|
@@ -10025,17 +10054,17 @@ var VideoPlayer = ({
|
|
|
10025
10054
|
getControlsPadding()
|
|
10026
10055
|
),
|
|
10027
10056
|
children: [
|
|
10028
|
-
/* @__PURE__ */
|
|
10029
|
-
/* @__PURE__ */
|
|
10057
|
+
/* @__PURE__ */ jsxs35("div", { className: cn("flex items-center", getControlsGap()), children: [
|
|
10058
|
+
/* @__PURE__ */ jsx48(
|
|
10030
10059
|
IconButton_default,
|
|
10031
10060
|
{
|
|
10032
|
-
icon: isPlaying ? /* @__PURE__ */
|
|
10061
|
+
icon: isPlaying ? /* @__PURE__ */ jsx48(Pause, { size: getIconSize2() }) : /* @__PURE__ */ jsx48(Play2, { size: getIconSize2() }),
|
|
10033
10062
|
onClick: togglePlayPause,
|
|
10034
10063
|
"aria-label": isPlaying ? "Pause" : "Play",
|
|
10035
10064
|
className: "!bg-transparent !text-white hover:!bg-white/20"
|
|
10036
10065
|
}
|
|
10037
10066
|
),
|
|
10038
|
-
/* @__PURE__ */
|
|
10067
|
+
/* @__PURE__ */ jsx48(
|
|
10039
10068
|
VolumeControls,
|
|
10040
10069
|
{
|
|
10041
10070
|
volume,
|
|
@@ -10046,10 +10075,10 @@ var VideoPlayer = ({
|
|
|
10046
10075
|
showSlider: !isUltraSmallMobile
|
|
10047
10076
|
}
|
|
10048
10077
|
),
|
|
10049
|
-
groupedSubTitleValid && /* @__PURE__ */
|
|
10078
|
+
groupedSubTitleValid && /* @__PURE__ */ jsx48(
|
|
10050
10079
|
IconButton_default,
|
|
10051
10080
|
{
|
|
10052
|
-
icon: /* @__PURE__ */
|
|
10081
|
+
icon: /* @__PURE__ */ jsx48(ClosedCaptioning, { size: getIconSize2() }),
|
|
10053
10082
|
onClick: toggleCaptions,
|
|
10054
10083
|
"aria-label": showCaptions ? "Hide captions" : "Show captions",
|
|
10055
10084
|
className: cn(
|
|
@@ -10058,13 +10087,13 @@ var VideoPlayer = ({
|
|
|
10058
10087
|
)
|
|
10059
10088
|
}
|
|
10060
10089
|
),
|
|
10061
|
-
/* @__PURE__ */
|
|
10090
|
+
/* @__PURE__ */ jsxs35(Text_default, { size: "sm", weight: "medium", color: "text-white", children: [
|
|
10062
10091
|
formatTime(currentTime),
|
|
10063
10092
|
" / ",
|
|
10064
10093
|
formatTime(duration)
|
|
10065
10094
|
] })
|
|
10066
10095
|
] }),
|
|
10067
|
-
/* @__PURE__ */
|
|
10096
|
+
/* @__PURE__ */ jsx48("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx48(
|
|
10068
10097
|
SpeedMenu,
|
|
10069
10098
|
{
|
|
10070
10099
|
showSpeedMenu,
|
|
@@ -10092,7 +10121,7 @@ var VideoPlayer_default = VideoPlayer;
|
|
|
10092
10121
|
// src/components/Whiteboard/Whiteboard.tsx
|
|
10093
10122
|
import { useCallback as useCallback4, useState as useState18 } from "react";
|
|
10094
10123
|
import { ArrowsOut } from "phosphor-react";
|
|
10095
|
-
import { Fragment as Fragment9, jsx as
|
|
10124
|
+
import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
10096
10125
|
var IMAGE_WIDTH = 225;
|
|
10097
10126
|
var IMAGE_HEIGHT = 90;
|
|
10098
10127
|
var Whiteboard = ({
|
|
@@ -10130,7 +10159,7 @@ var Whiteboard = ({
|
|
|
10130
10159
|
4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
|
|
10131
10160
|
}[imagesPerRow];
|
|
10132
10161
|
if (!images || images.length === 0) {
|
|
10133
|
-
return /* @__PURE__ */
|
|
10162
|
+
return /* @__PURE__ */ jsx49(
|
|
10134
10163
|
"div",
|
|
10135
10164
|
{
|
|
10136
10165
|
className: cn(
|
|
@@ -10138,11 +10167,11 @@ var Whiteboard = ({
|
|
|
10138
10167
|
className
|
|
10139
10168
|
),
|
|
10140
10169
|
...rest,
|
|
10141
|
-
children: /* @__PURE__ */
|
|
10170
|
+
children: /* @__PURE__ */ jsx49("p", { className: "text-gray-400 text-sm", children: "Nenhuma imagem dispon\xEDvel" })
|
|
10142
10171
|
}
|
|
10143
10172
|
);
|
|
10144
10173
|
}
|
|
10145
|
-
return /* @__PURE__ */
|
|
10174
|
+
return /* @__PURE__ */ jsx49(
|
|
10146
10175
|
"div",
|
|
10147
10176
|
{
|
|
10148
10177
|
className: cn(
|
|
@@ -10150,7 +10179,7 @@ var Whiteboard = ({
|
|
|
10150
10179
|
className
|
|
10151
10180
|
),
|
|
10152
10181
|
...rest,
|
|
10153
|
-
children: /* @__PURE__ */
|
|
10182
|
+
children: /* @__PURE__ */ jsx49("div", { className: cn("grid gap-4", gridColsClass), children: images.map((image) => /* @__PURE__ */ jsxs36(
|
|
10154
10183
|
"div",
|
|
10155
10184
|
{
|
|
10156
10185
|
className: "relative group overflow-hidden bg-gray-100 rounded-lg",
|
|
@@ -10158,7 +10187,7 @@ var Whiteboard = ({
|
|
|
10158
10187
|
width: `${IMAGE_WIDTH}px`
|
|
10159
10188
|
},
|
|
10160
10189
|
children: [
|
|
10161
|
-
/* @__PURE__ */
|
|
10190
|
+
/* @__PURE__ */ jsx49(
|
|
10162
10191
|
"div",
|
|
10163
10192
|
{
|
|
10164
10193
|
className: "relative",
|
|
@@ -10166,8 +10195,8 @@ var Whiteboard = ({
|
|
|
10166
10195
|
width: `${IMAGE_WIDTH}px`,
|
|
10167
10196
|
height: `${IMAGE_HEIGHT}px`
|
|
10168
10197
|
},
|
|
10169
|
-
children: imageErrors.has(image.id) ? /* @__PURE__ */
|
|
10170
|
-
/* @__PURE__ */
|
|
10198
|
+
children: imageErrors.has(image.id) ? /* @__PURE__ */ jsx49("div", { className: "absolute inset-0 flex items-center justify-center bg-gray-200", children: /* @__PURE__ */ jsx49("p", { className: "text-gray-500 text-sm text-center px-2", children: "Imagem indispon\xEDvel" }) }) : /* @__PURE__ */ jsxs36(Fragment9, { children: [
|
|
10199
|
+
/* @__PURE__ */ jsx49(
|
|
10171
10200
|
"img",
|
|
10172
10201
|
{
|
|
10173
10202
|
src: image.imageUrl,
|
|
@@ -10177,18 +10206,18 @@ var Whiteboard = ({
|
|
|
10177
10206
|
onError: () => handleImageError(image.id)
|
|
10178
10207
|
}
|
|
10179
10208
|
),
|
|
10180
|
-
/* @__PURE__ */
|
|
10209
|
+
/* @__PURE__ */ jsx49("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" })
|
|
10181
10210
|
] })
|
|
10182
10211
|
}
|
|
10183
10212
|
),
|
|
10184
|
-
showDownload && /* @__PURE__ */
|
|
10213
|
+
showDownload && /* @__PURE__ */ jsx49(
|
|
10185
10214
|
"button",
|
|
10186
10215
|
{
|
|
10187
10216
|
type: "button",
|
|
10188
10217
|
onClick: () => handleDownload(image),
|
|
10189
10218
|
className: "cursor-pointer absolute bottom-3 right-3 flex items-center justify-center bg-black/20 backdrop-blur-sm rounded hover:bg-black/30 transition-colors duration-200 group/button w-6 h-6",
|
|
10190
10219
|
"aria-label": `Download ${image.title || "imagem"}`,
|
|
10191
|
-
children: /* @__PURE__ */
|
|
10220
|
+
children: /* @__PURE__ */ jsx49(
|
|
10192
10221
|
ArrowsOut,
|
|
10193
10222
|
{
|
|
10194
10223
|
size: 24,
|
|
@@ -10217,7 +10246,7 @@ import {
|
|
|
10217
10246
|
useMemo as useMemo6
|
|
10218
10247
|
} from "react";
|
|
10219
10248
|
import { useLocation, Navigate } from "react-router-dom";
|
|
10220
|
-
import { Fragment as Fragment10, jsx as
|
|
10249
|
+
import { Fragment as Fragment10, jsx as jsx50 } from "react/jsx-runtime";
|
|
10221
10250
|
var AuthContext = createContext(void 0);
|
|
10222
10251
|
var AuthProvider = ({
|
|
10223
10252
|
children,
|
|
@@ -10287,7 +10316,7 @@ var AuthProvider = ({
|
|
|
10287
10316
|
}),
|
|
10288
10317
|
[authState, checkAuth, signOut]
|
|
10289
10318
|
);
|
|
10290
|
-
return /* @__PURE__ */
|
|
10319
|
+
return /* @__PURE__ */ jsx50(AuthContext.Provider, { value: contextValue, children });
|
|
10291
10320
|
};
|
|
10292
10321
|
var useAuth = () => {
|
|
10293
10322
|
const context = useContext(AuthContext);
|
|
@@ -10303,9 +10332,9 @@ var ProtectedRoute = ({
|
|
|
10303
10332
|
additionalCheck
|
|
10304
10333
|
}) => {
|
|
10305
10334
|
const { isAuthenticated, isLoading, ...authState } = useAuth();
|
|
10306
|
-
const defaultLoadingComponent = /* @__PURE__ */
|
|
10335
|
+
const defaultLoadingComponent = /* @__PURE__ */ jsx50("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx50("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
|
|
10307
10336
|
if (isLoading) {
|
|
10308
|
-
return /* @__PURE__ */
|
|
10337
|
+
return /* @__PURE__ */ jsx50(Fragment10, { children: loadingComponent || defaultLoadingComponent });
|
|
10309
10338
|
}
|
|
10310
10339
|
if (!isAuthenticated) {
|
|
10311
10340
|
if (typeof window !== "undefined") {
|
|
@@ -10316,12 +10345,12 @@ var ProtectedRoute = ({
|
|
|
10316
10345
|
return null;
|
|
10317
10346
|
}
|
|
10318
10347
|
}
|
|
10319
|
-
return /* @__PURE__ */
|
|
10348
|
+
return /* @__PURE__ */ jsx50(Navigate, { to: redirectTo, replace: true });
|
|
10320
10349
|
}
|
|
10321
10350
|
if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
|
|
10322
|
-
return /* @__PURE__ */
|
|
10351
|
+
return /* @__PURE__ */ jsx50(Navigate, { to: redirectTo, replace: true });
|
|
10323
10352
|
}
|
|
10324
|
-
return /* @__PURE__ */
|
|
10353
|
+
return /* @__PURE__ */ jsx50(Fragment10, { children });
|
|
10325
10354
|
};
|
|
10326
10355
|
var PublicRoute = ({
|
|
10327
10356
|
children,
|
|
@@ -10331,15 +10360,15 @@ var PublicRoute = ({
|
|
|
10331
10360
|
}) => {
|
|
10332
10361
|
const { isAuthenticated, isLoading } = useAuth();
|
|
10333
10362
|
if (checkAuthBeforeRender && isLoading) {
|
|
10334
|
-
return /* @__PURE__ */
|
|
10363
|
+
return /* @__PURE__ */ jsx50("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx50("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
|
|
10335
10364
|
}
|
|
10336
10365
|
if (isAuthenticated && redirectIfAuthenticated) {
|
|
10337
|
-
return /* @__PURE__ */
|
|
10366
|
+
return /* @__PURE__ */ jsx50(Navigate, { to: redirectTo, replace: true });
|
|
10338
10367
|
}
|
|
10339
|
-
return /* @__PURE__ */
|
|
10368
|
+
return /* @__PURE__ */ jsx50(Fragment10, { children });
|
|
10340
10369
|
};
|
|
10341
10370
|
var withAuth = (Component, options = {}) => {
|
|
10342
|
-
return (props) => /* @__PURE__ */
|
|
10371
|
+
return (props) => /* @__PURE__ */ jsx50(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx50(Component, { ...props }) });
|
|
10343
10372
|
};
|
|
10344
10373
|
var useAuthGuard = (options = {}) => {
|
|
10345
10374
|
const authState = useAuth();
|
|
@@ -10354,7 +10383,7 @@ var useAuthGuard = (options = {}) => {
|
|
|
10354
10383
|
var useRouteAuth = (fallbackPath = "/") => {
|
|
10355
10384
|
const { isAuthenticated, isLoading } = useAuth();
|
|
10356
10385
|
const location = useLocation();
|
|
10357
|
-
const redirectToLogin = () => /* @__PURE__ */
|
|
10386
|
+
const redirectToLogin = () => /* @__PURE__ */ jsx50(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
|
|
10358
10387
|
return {
|
|
10359
10388
|
isAuthenticated,
|
|
10360
10389
|
isLoading,
|
|
@@ -10395,7 +10424,7 @@ import {
|
|
|
10395
10424
|
useEffect as useEffect19
|
|
10396
10425
|
} from "react";
|
|
10397
10426
|
import { CaretRight as CaretRight4 } from "phosphor-react";
|
|
10398
|
-
import { jsx as
|
|
10427
|
+
import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
10399
10428
|
var CardAccordation = forwardRef18(
|
|
10400
10429
|
({
|
|
10401
10430
|
trigger,
|
|
@@ -10434,7 +10463,7 @@ var CardAccordation = forwardRef18(
|
|
|
10434
10463
|
handleToggle();
|
|
10435
10464
|
}
|
|
10436
10465
|
};
|
|
10437
|
-
return /* @__PURE__ */
|
|
10466
|
+
return /* @__PURE__ */ jsxs37(
|
|
10438
10467
|
CardBase,
|
|
10439
10468
|
{
|
|
10440
10469
|
ref,
|
|
@@ -10444,7 +10473,7 @@ var CardAccordation = forwardRef18(
|
|
|
10444
10473
|
className: cn("overflow-hidden", className),
|
|
10445
10474
|
...props,
|
|
10446
10475
|
children: [
|
|
10447
|
-
/* @__PURE__ */
|
|
10476
|
+
/* @__PURE__ */ jsxs37(
|
|
10448
10477
|
"button",
|
|
10449
10478
|
{
|
|
10450
10479
|
id: headerId,
|
|
@@ -10462,7 +10491,7 @@ var CardAccordation = forwardRef18(
|
|
|
10462
10491
|
"data-value": value,
|
|
10463
10492
|
children: [
|
|
10464
10493
|
trigger,
|
|
10465
|
-
/* @__PURE__ */
|
|
10494
|
+
/* @__PURE__ */ jsx51(
|
|
10466
10495
|
CaretRight4,
|
|
10467
10496
|
{
|
|
10468
10497
|
size: 20,
|
|
@@ -10477,7 +10506,7 @@ var CardAccordation = forwardRef18(
|
|
|
10477
10506
|
]
|
|
10478
10507
|
}
|
|
10479
10508
|
),
|
|
10480
|
-
/* @__PURE__ */
|
|
10509
|
+
/* @__PURE__ */ jsx51(
|
|
10481
10510
|
"section",
|
|
10482
10511
|
{
|
|
10483
10512
|
id: contentId,
|
|
@@ -10489,7 +10518,7 @@ var CardAccordation = forwardRef18(
|
|
|
10489
10518
|
),
|
|
10490
10519
|
"data-testid": "accordion-content",
|
|
10491
10520
|
"data-value": value,
|
|
10492
|
-
children: /* @__PURE__ */
|
|
10521
|
+
children: /* @__PURE__ */ jsx51("div", { className: "p-4 pt-0", children })
|
|
10493
10522
|
}
|
|
10494
10523
|
)
|
|
10495
10524
|
]
|
|
@@ -10510,7 +10539,7 @@ import {
|
|
|
10510
10539
|
useState as useState21
|
|
10511
10540
|
} from "react";
|
|
10512
10541
|
import { create as create9 } from "zustand";
|
|
10513
|
-
import { jsx as
|
|
10542
|
+
import { jsx as jsx52 } from "react/jsx-runtime";
|
|
10514
10543
|
function createAccordionGroupStore(type, initialValue, collapsible) {
|
|
10515
10544
|
return create9((set, get) => ({
|
|
10516
10545
|
type,
|
|
@@ -10650,7 +10679,7 @@ var AccordionGroup = forwardRef19(
|
|
|
10650
10679
|
indexRef,
|
|
10651
10680
|
handleItemToggle
|
|
10652
10681
|
);
|
|
10653
|
-
return /* @__PURE__ */
|
|
10682
|
+
return /* @__PURE__ */ jsx52("div", { ref, className, ...props, children: enhancedChildren });
|
|
10654
10683
|
}
|
|
10655
10684
|
);
|
|
10656
10685
|
AccordionGroup.displayName = "AccordionGroup";
|
|
@@ -10658,7 +10687,7 @@ AccordionGroup.displayName = "AccordionGroup";
|
|
|
10658
10687
|
// src/components/Alternative/Alternative.tsx
|
|
10659
10688
|
import { CheckCircle as CheckCircle4, XCircle as XCircle3 } from "phosphor-react";
|
|
10660
10689
|
import { forwardRef as forwardRef20, useId as useId10, useState as useState22 } from "react";
|
|
10661
|
-
import { jsx as
|
|
10690
|
+
import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
10662
10691
|
var AlternativesList = ({
|
|
10663
10692
|
alternatives,
|
|
10664
10693
|
name,
|
|
@@ -10689,9 +10718,9 @@ var AlternativesList = ({
|
|
|
10689
10718
|
const getStatusBadge2 = (status) => {
|
|
10690
10719
|
switch (status) {
|
|
10691
10720
|
case "correct":
|
|
10692
|
-
return /* @__PURE__ */
|
|
10721
|
+
return /* @__PURE__ */ jsx53(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx53(CheckCircle4, {}), children: "Resposta correta" });
|
|
10693
10722
|
case "incorrect":
|
|
10694
|
-
return /* @__PURE__ */
|
|
10723
|
+
return /* @__PURE__ */ jsx53(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx53(XCircle3, {}), children: "Resposta incorreta" });
|
|
10695
10724
|
default:
|
|
10696
10725
|
return null;
|
|
10697
10726
|
}
|
|
@@ -10721,10 +10750,10 @@ var AlternativesList = ({
|
|
|
10721
10750
|
const renderRadio = () => {
|
|
10722
10751
|
const radioClasses = `w-6 h-6 rounded-full border-2 cursor-default transition-all duration-200 flex items-center justify-center ${isUserSelected ? "border-primary-950 bg-background" : "border-border-400 bg-background"}`;
|
|
10723
10752
|
const dotClasses = "w-3 h-3 rounded-full bg-primary-950 transition-all duration-200";
|
|
10724
|
-
return /* @__PURE__ */
|
|
10753
|
+
return /* @__PURE__ */ jsx53("div", { className: radioClasses, children: isUserSelected && /* @__PURE__ */ jsx53("div", { className: dotClasses }) });
|
|
10725
10754
|
};
|
|
10726
10755
|
if (layout === "detailed") {
|
|
10727
|
-
return /* @__PURE__ */
|
|
10756
|
+
return /* @__PURE__ */ jsx53(
|
|
10728
10757
|
"div",
|
|
10729
10758
|
{
|
|
10730
10759
|
className: cn(
|
|
@@ -10732,11 +10761,11 @@ var AlternativesList = ({
|
|
|
10732
10761
|
statusStyles,
|
|
10733
10762
|
alternative.disabled ? "opacity-50" : ""
|
|
10734
10763
|
),
|
|
10735
|
-
children: /* @__PURE__ */
|
|
10736
|
-
/* @__PURE__ */
|
|
10737
|
-
/* @__PURE__ */
|
|
10738
|
-
/* @__PURE__ */
|
|
10739
|
-
/* @__PURE__ */
|
|
10764
|
+
children: /* @__PURE__ */ jsxs38("div", { className: "flex items-start justify-between gap-3", children: [
|
|
10765
|
+
/* @__PURE__ */ jsxs38("div", { className: "flex items-start gap-3 flex-1", children: [
|
|
10766
|
+
/* @__PURE__ */ jsx53("div", { className: "mt-1", children: renderRadio() }),
|
|
10767
|
+
/* @__PURE__ */ jsxs38("div", { className: "flex-1", children: [
|
|
10768
|
+
/* @__PURE__ */ jsx53(
|
|
10740
10769
|
"p",
|
|
10741
10770
|
{
|
|
10742
10771
|
className: cn(
|
|
@@ -10746,16 +10775,16 @@ var AlternativesList = ({
|
|
|
10746
10775
|
children: alternative.label
|
|
10747
10776
|
}
|
|
10748
10777
|
),
|
|
10749
|
-
alternative.description && /* @__PURE__ */
|
|
10778
|
+
alternative.description && /* @__PURE__ */ jsx53("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
|
|
10750
10779
|
] })
|
|
10751
10780
|
] }),
|
|
10752
|
-
statusBadge && /* @__PURE__ */
|
|
10781
|
+
statusBadge && /* @__PURE__ */ jsx53("div", { className: "flex-shrink-0", children: statusBadge })
|
|
10753
10782
|
] })
|
|
10754
10783
|
},
|
|
10755
10784
|
alternativeId
|
|
10756
10785
|
);
|
|
10757
10786
|
}
|
|
10758
|
-
return /* @__PURE__ */
|
|
10787
|
+
return /* @__PURE__ */ jsxs38(
|
|
10759
10788
|
"div",
|
|
10760
10789
|
{
|
|
10761
10790
|
className: cn(
|
|
@@ -10764,9 +10793,9 @@ var AlternativesList = ({
|
|
|
10764
10793
|
alternative.disabled ? "opacity-50" : ""
|
|
10765
10794
|
),
|
|
10766
10795
|
children: [
|
|
10767
|
-
/* @__PURE__ */
|
|
10796
|
+
/* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2 flex-1", children: [
|
|
10768
10797
|
renderRadio(),
|
|
10769
|
-
/* @__PURE__ */
|
|
10798
|
+
/* @__PURE__ */ jsx53(
|
|
10770
10799
|
"span",
|
|
10771
10800
|
{
|
|
10772
10801
|
className: cn(
|
|
@@ -10777,14 +10806,14 @@ var AlternativesList = ({
|
|
|
10777
10806
|
}
|
|
10778
10807
|
)
|
|
10779
10808
|
] }),
|
|
10780
|
-
statusBadge && /* @__PURE__ */
|
|
10809
|
+
statusBadge && /* @__PURE__ */ jsx53("div", { className: "flex-shrink-0", children: statusBadge })
|
|
10781
10810
|
]
|
|
10782
10811
|
},
|
|
10783
10812
|
alternativeId
|
|
10784
10813
|
);
|
|
10785
10814
|
};
|
|
10786
10815
|
if (isReadonly) {
|
|
10787
|
-
return /* @__PURE__ */
|
|
10816
|
+
return /* @__PURE__ */ jsx53(
|
|
10788
10817
|
"div",
|
|
10789
10818
|
{
|
|
10790
10819
|
className: cn("flex flex-col", getLayoutClasses(), "w-full", className),
|
|
@@ -10794,7 +10823,7 @@ var AlternativesList = ({
|
|
|
10794
10823
|
}
|
|
10795
10824
|
);
|
|
10796
10825
|
}
|
|
10797
|
-
return /* @__PURE__ */
|
|
10826
|
+
return /* @__PURE__ */ jsx53(
|
|
10798
10827
|
RadioGroup,
|
|
10799
10828
|
{
|
|
10800
10829
|
name: groupName,
|
|
@@ -10811,7 +10840,7 @@ var AlternativesList = ({
|
|
|
10811
10840
|
const statusStyles = getStatusStyles2(alternative.status, false);
|
|
10812
10841
|
const statusBadge = getStatusBadge2(alternative.status);
|
|
10813
10842
|
if (layout === "detailed") {
|
|
10814
|
-
return /* @__PURE__ */
|
|
10843
|
+
return /* @__PURE__ */ jsx53(
|
|
10815
10844
|
"div",
|
|
10816
10845
|
{
|
|
10817
10846
|
className: cn(
|
|
@@ -10819,9 +10848,9 @@ var AlternativesList = ({
|
|
|
10819
10848
|
statusStyles,
|
|
10820
10849
|
alternative.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
|
|
10821
10850
|
),
|
|
10822
|
-
children: /* @__PURE__ */
|
|
10823
|
-
/* @__PURE__ */
|
|
10824
|
-
/* @__PURE__ */
|
|
10851
|
+
children: /* @__PURE__ */ jsxs38("div", { className: "flex items-start justify-between gap-3", children: [
|
|
10852
|
+
/* @__PURE__ */ jsxs38("div", { className: "flex items-start gap-3 flex-1", children: [
|
|
10853
|
+
/* @__PURE__ */ jsx53(
|
|
10825
10854
|
RadioGroupItem,
|
|
10826
10855
|
{
|
|
10827
10856
|
value: alternative.value,
|
|
@@ -10830,8 +10859,8 @@ var AlternativesList = ({
|
|
|
10830
10859
|
className: "mt-1"
|
|
10831
10860
|
}
|
|
10832
10861
|
),
|
|
10833
|
-
/* @__PURE__ */
|
|
10834
|
-
/* @__PURE__ */
|
|
10862
|
+
/* @__PURE__ */ jsxs38("div", { className: "flex-1", children: [
|
|
10863
|
+
/* @__PURE__ */ jsx53(
|
|
10835
10864
|
"label",
|
|
10836
10865
|
{
|
|
10837
10866
|
htmlFor: alternativeId,
|
|
@@ -10843,16 +10872,16 @@ var AlternativesList = ({
|
|
|
10843
10872
|
children: alternative.label
|
|
10844
10873
|
}
|
|
10845
10874
|
),
|
|
10846
|
-
alternative.description && /* @__PURE__ */
|
|
10875
|
+
alternative.description && /* @__PURE__ */ jsx53("p", { className: "text-sm text-text-600 mt-1", children: alternative.description })
|
|
10847
10876
|
] })
|
|
10848
10877
|
] }),
|
|
10849
|
-
statusBadge && /* @__PURE__ */
|
|
10878
|
+
statusBadge && /* @__PURE__ */ jsx53("div", { className: "flex-shrink-0", children: statusBadge })
|
|
10850
10879
|
] })
|
|
10851
10880
|
},
|
|
10852
10881
|
alternativeId
|
|
10853
10882
|
);
|
|
10854
10883
|
}
|
|
10855
|
-
return /* @__PURE__ */
|
|
10884
|
+
return /* @__PURE__ */ jsxs38(
|
|
10856
10885
|
"div",
|
|
10857
10886
|
{
|
|
10858
10887
|
className: cn(
|
|
@@ -10861,8 +10890,8 @@ var AlternativesList = ({
|
|
|
10861
10890
|
alternative.disabled ? "opacity-50 cursor-not-allowed" : ""
|
|
10862
10891
|
),
|
|
10863
10892
|
children: [
|
|
10864
|
-
/* @__PURE__ */
|
|
10865
|
-
/* @__PURE__ */
|
|
10893
|
+
/* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2 flex-1", children: [
|
|
10894
|
+
/* @__PURE__ */ jsx53(
|
|
10866
10895
|
RadioGroupItem,
|
|
10867
10896
|
{
|
|
10868
10897
|
value: alternative.value,
|
|
@@ -10870,7 +10899,7 @@ var AlternativesList = ({
|
|
|
10870
10899
|
disabled: alternative.disabled
|
|
10871
10900
|
}
|
|
10872
10901
|
),
|
|
10873
|
-
/* @__PURE__ */
|
|
10902
|
+
/* @__PURE__ */ jsx53(
|
|
10874
10903
|
"label",
|
|
10875
10904
|
{
|
|
10876
10905
|
htmlFor: alternativeId,
|
|
@@ -10883,7 +10912,7 @@ var AlternativesList = ({
|
|
|
10883
10912
|
}
|
|
10884
10913
|
)
|
|
10885
10914
|
] }),
|
|
10886
|
-
statusBadge && /* @__PURE__ */
|
|
10915
|
+
statusBadge && /* @__PURE__ */ jsx53("div", { className: "flex-shrink-0", children: statusBadge })
|
|
10887
10916
|
]
|
|
10888
10917
|
},
|
|
10889
10918
|
alternativeId
|
|
@@ -10894,7 +10923,7 @@ var AlternativesList = ({
|
|
|
10894
10923
|
};
|
|
10895
10924
|
var HeaderAlternative = forwardRef20(
|
|
10896
10925
|
({ className, title, subTitle, content, ...props }, ref) => {
|
|
10897
|
-
return /* @__PURE__ */
|
|
10926
|
+
return /* @__PURE__ */ jsxs38(
|
|
10898
10927
|
"div",
|
|
10899
10928
|
{
|
|
10900
10929
|
ref,
|
|
@@ -10904,11 +10933,11 @@ var HeaderAlternative = forwardRef20(
|
|
|
10904
10933
|
),
|
|
10905
10934
|
...props,
|
|
10906
10935
|
children: [
|
|
10907
|
-
/* @__PURE__ */
|
|
10908
|
-
/* @__PURE__ */
|
|
10909
|
-
/* @__PURE__ */
|
|
10936
|
+
/* @__PURE__ */ jsxs38("span", { className: "flex flex-col", children: [
|
|
10937
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-950 font-bold text-lg", children: title }),
|
|
10938
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-700 text-sm ", children: subTitle })
|
|
10910
10939
|
] }),
|
|
10911
|
-
/* @__PURE__ */
|
|
10940
|
+
/* @__PURE__ */ jsx53("p", { className: "text-text-950 text-md", children: content })
|
|
10912
10941
|
]
|
|
10913
10942
|
}
|
|
10914
10943
|
);
|
|
@@ -11723,7 +11752,7 @@ import {
|
|
|
11723
11752
|
// src/components/MultipleChoice/MultipleChoice.tsx
|
|
11724
11753
|
import { useEffect as useEffect22, useState as useState23 } from "react";
|
|
11725
11754
|
import { CheckCircle as CheckCircle5, XCircle as XCircle4, Check as Check5 } from "phosphor-react";
|
|
11726
|
-
import { jsx as
|
|
11755
|
+
import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
11727
11756
|
var MultipleChoiceList = ({
|
|
11728
11757
|
disabled = false,
|
|
11729
11758
|
className = "",
|
|
@@ -11740,9 +11769,9 @@ var MultipleChoiceList = ({
|
|
|
11740
11769
|
const getStatusBadge2 = (status) => {
|
|
11741
11770
|
switch (status) {
|
|
11742
11771
|
case "correct":
|
|
11743
|
-
return /* @__PURE__ */
|
|
11772
|
+
return /* @__PURE__ */ jsx54(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx54(CheckCircle5, {}), children: "Resposta correta" });
|
|
11744
11773
|
case "incorrect":
|
|
11745
|
-
return /* @__PURE__ */
|
|
11774
|
+
return /* @__PURE__ */ jsx54(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx54(XCircle4, {}), children: "Resposta incorreta" });
|
|
11746
11775
|
default:
|
|
11747
11776
|
return null;
|
|
11748
11777
|
}
|
|
@@ -11763,14 +11792,14 @@ var MultipleChoiceList = ({
|
|
|
11763
11792
|
isSelected ? "border-primary-950 bg-primary-950 text-text" : "border-border-400 bg-background",
|
|
11764
11793
|
isDisabled && "opacity-40 cursor-not-allowed"
|
|
11765
11794
|
);
|
|
11766
|
-
return /* @__PURE__ */
|
|
11795
|
+
return /* @__PURE__ */ jsx54("div", { className: checkboxClasses, children: isSelected && /* @__PURE__ */ jsx54(Check5, { size: 16, weight: "bold" }) });
|
|
11767
11796
|
};
|
|
11768
11797
|
if (mode === "readonly") {
|
|
11769
|
-
return /* @__PURE__ */
|
|
11798
|
+
return /* @__PURE__ */ jsx54("div", { className: cn("flex flex-col gap-2", className), children: choices.map((choice, i) => {
|
|
11770
11799
|
const isSelected = actualValue?.includes(choice.value) || false;
|
|
11771
11800
|
const statusStyles = getStatusStyles2(choice.status);
|
|
11772
11801
|
const statusBadge = getStatusBadge2(choice.status);
|
|
11773
|
-
return /* @__PURE__ */
|
|
11802
|
+
return /* @__PURE__ */ jsxs39(
|
|
11774
11803
|
"div",
|
|
11775
11804
|
{
|
|
11776
11805
|
className: cn(
|
|
@@ -11779,9 +11808,9 @@ var MultipleChoiceList = ({
|
|
|
11779
11808
|
choice.disabled ? "opacity-50 cursor-not-allowed" : ""
|
|
11780
11809
|
),
|
|
11781
11810
|
children: [
|
|
11782
|
-
/* @__PURE__ */
|
|
11811
|
+
/* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2 flex-1", children: [
|
|
11783
11812
|
renderVisualCheckbox(isSelected, choice.disabled || disabled),
|
|
11784
|
-
/* @__PURE__ */
|
|
11813
|
+
/* @__PURE__ */ jsx54(
|
|
11785
11814
|
"span",
|
|
11786
11815
|
{
|
|
11787
11816
|
className: cn(
|
|
@@ -11793,14 +11822,14 @@ var MultipleChoiceList = ({
|
|
|
11793
11822
|
}
|
|
11794
11823
|
)
|
|
11795
11824
|
] }),
|
|
11796
|
-
statusBadge && /* @__PURE__ */
|
|
11825
|
+
statusBadge && /* @__PURE__ */ jsx54("div", { className: "flex-shrink-0", children: statusBadge })
|
|
11797
11826
|
]
|
|
11798
11827
|
},
|
|
11799
11828
|
`readonly-${choice.value}-${i}`
|
|
11800
11829
|
);
|
|
11801
11830
|
}) });
|
|
11802
11831
|
}
|
|
11803
|
-
return /* @__PURE__ */
|
|
11832
|
+
return /* @__PURE__ */ jsx54(
|
|
11804
11833
|
"div",
|
|
11805
11834
|
{
|
|
11806
11835
|
className: cn(
|
|
@@ -11808,7 +11837,7 @@ var MultipleChoiceList = ({
|
|
|
11808
11837
|
disabled ? "opacity-50 cursor-not-allowed" : "",
|
|
11809
11838
|
className
|
|
11810
11839
|
),
|
|
11811
|
-
children: /* @__PURE__ */
|
|
11840
|
+
children: /* @__PURE__ */ jsx54(
|
|
11812
11841
|
CheckboxList_default,
|
|
11813
11842
|
{
|
|
11814
11843
|
name,
|
|
@@ -11818,12 +11847,12 @@ var MultipleChoiceList = ({
|
|
|
11818
11847
|
onHandleSelectedValues?.(v);
|
|
11819
11848
|
},
|
|
11820
11849
|
disabled,
|
|
11821
|
-
children: choices.map((choice, i) => /* @__PURE__ */
|
|
11850
|
+
children: choices.map((choice, i) => /* @__PURE__ */ jsxs39(
|
|
11822
11851
|
"div",
|
|
11823
11852
|
{
|
|
11824
11853
|
className: "flex flex-row gap-2 items-center",
|
|
11825
11854
|
children: [
|
|
11826
|
-
/* @__PURE__ */
|
|
11855
|
+
/* @__PURE__ */ jsx54(
|
|
11827
11856
|
CheckboxListItem,
|
|
11828
11857
|
{
|
|
11829
11858
|
value: choice.value,
|
|
@@ -11831,7 +11860,7 @@ var MultipleChoiceList = ({
|
|
|
11831
11860
|
disabled: choice.disabled || disabled
|
|
11832
11861
|
}
|
|
11833
11862
|
),
|
|
11834
|
-
/* @__PURE__ */
|
|
11863
|
+
/* @__PURE__ */ jsx54(
|
|
11835
11864
|
"label",
|
|
11836
11865
|
{
|
|
11837
11866
|
htmlFor: `interactive-${choice.value}-${i}`,
|
|
@@ -11860,13 +11889,13 @@ import { CheckCircle as CheckCircle6, XCircle as XCircle5 } from "phosphor-react
|
|
|
11860
11889
|
var mock_image_question_default = "./mock-image-question-HEZCLFDL.png";
|
|
11861
11890
|
|
|
11862
11891
|
// src/components/Quiz/QuizContent.tsx
|
|
11863
|
-
import { Fragment as Fragment11, jsx as
|
|
11892
|
+
import { Fragment as Fragment11, jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
11864
11893
|
var getStatusBadge = (status) => {
|
|
11865
11894
|
switch (status) {
|
|
11866
11895
|
case "correct":
|
|
11867
|
-
return /* @__PURE__ */
|
|
11896
|
+
return /* @__PURE__ */ jsx55(Badge_default, { variant: "solid", action: "success", iconLeft: /* @__PURE__ */ jsx55(CheckCircle6, {}), children: "Resposta correta" });
|
|
11868
11897
|
case "incorrect":
|
|
11869
|
-
return /* @__PURE__ */
|
|
11898
|
+
return /* @__PURE__ */ jsx55(Badge_default, { variant: "solid", action: "error", iconLeft: /* @__PURE__ */ jsx55(XCircle5, {}), children: "Resposta incorreta" });
|
|
11870
11899
|
default:
|
|
11871
11900
|
return null;
|
|
11872
11901
|
}
|
|
@@ -11881,11 +11910,11 @@ var getStatusStyles = (variantCorrect) => {
|
|
|
11881
11910
|
};
|
|
11882
11911
|
var QuizSubTitle = forwardRef21(
|
|
11883
11912
|
({ subTitle, ...props }, ref) => {
|
|
11884
|
-
return /* @__PURE__ */
|
|
11913
|
+
return /* @__PURE__ */ jsx55("div", { className: "px-4 pb-2 pt-6", ...props, ref, children: /* @__PURE__ */ jsx55("p", { className: "font-bold text-lg text-text-950", children: subTitle }) });
|
|
11885
11914
|
}
|
|
11886
11915
|
);
|
|
11887
11916
|
var QuizContainer = forwardRef21(({ children, className, ...props }, ref) => {
|
|
11888
|
-
return /* @__PURE__ */
|
|
11917
|
+
return /* @__PURE__ */ jsx55(
|
|
11889
11918
|
"div",
|
|
11890
11919
|
{
|
|
11891
11920
|
ref,
|
|
@@ -11938,10 +11967,10 @@ var QuizAlternative = ({ paddingBottom }) => {
|
|
|
11938
11967
|
};
|
|
11939
11968
|
});
|
|
11940
11969
|
if (!alternatives)
|
|
11941
|
-
return /* @__PURE__ */
|
|
11942
|
-
return /* @__PURE__ */
|
|
11943
|
-
/* @__PURE__ */
|
|
11944
|
-
/* @__PURE__ */
|
|
11970
|
+
return /* @__PURE__ */ jsx55("div", { children: /* @__PURE__ */ jsx55("p", { children: "N\xE3o h\xE1 Alternativas" }) });
|
|
11971
|
+
return /* @__PURE__ */ jsxs40(Fragment11, { children: [
|
|
11972
|
+
/* @__PURE__ */ jsx55(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
11973
|
+
/* @__PURE__ */ jsx55(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx55("div", { className: "space-y-4", children: /* @__PURE__ */ jsx55(
|
|
11945
11974
|
AlternativesList,
|
|
11946
11975
|
{
|
|
11947
11976
|
mode: variant === "default" ? "interactive" : "readonly",
|
|
@@ -12044,10 +12073,10 @@ var QuizMultipleChoice = ({ paddingBottom }) => {
|
|
|
12044
12073
|
};
|
|
12045
12074
|
});
|
|
12046
12075
|
if (!choices)
|
|
12047
|
-
return /* @__PURE__ */
|
|
12048
|
-
return /* @__PURE__ */
|
|
12049
|
-
/* @__PURE__ */
|
|
12050
|
-
/* @__PURE__ */
|
|
12076
|
+
return /* @__PURE__ */ jsx55("div", { children: /* @__PURE__ */ jsx55("p", { children: "N\xE3o h\xE1 Escolhas Multiplas" }) });
|
|
12077
|
+
return /* @__PURE__ */ jsxs40(Fragment11, { children: [
|
|
12078
|
+
/* @__PURE__ */ jsx55(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
12079
|
+
/* @__PURE__ */ jsx55(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx55("div", { className: "space-y-4", children: /* @__PURE__ */ jsx55(
|
|
12051
12080
|
MultipleChoiceList,
|
|
12052
12081
|
{
|
|
12053
12082
|
choices,
|
|
@@ -12095,12 +12124,12 @@ var QuizDissertative = ({ paddingBottom }) => {
|
|
|
12095
12124
|
adjustTextareaHeight();
|
|
12096
12125
|
}, [currentAnswer, adjustTextareaHeight]);
|
|
12097
12126
|
if (!currentQuestion) {
|
|
12098
|
-
return /* @__PURE__ */
|
|
12127
|
+
return /* @__PURE__ */ jsx55("div", { className: "space-y-4", children: /* @__PURE__ */ jsx55("p", { className: "text-text-600 text-md", children: "Nenhuma quest\xE3o dispon\xEDvel" }) });
|
|
12099
12128
|
}
|
|
12100
12129
|
const localAnswer = (variant == "result" ? currentQuestionResult?.answer : currentAnswer?.answer) || "";
|
|
12101
|
-
return /* @__PURE__ */
|
|
12102
|
-
/* @__PURE__ */
|
|
12103
|
-
/* @__PURE__ */
|
|
12130
|
+
return /* @__PURE__ */ jsxs40(Fragment11, { children: [
|
|
12131
|
+
/* @__PURE__ */ jsx55(QuizSubTitle, { subTitle: "Resposta" }),
|
|
12132
|
+
/* @__PURE__ */ jsx55(QuizContainer, { className: cn(variant != "result" && paddingBottom), children: /* @__PURE__ */ jsx55("div", { className: "space-y-4 max-h-[600px] overflow-y-auto", children: variant === "default" ? /* @__PURE__ */ jsx55("div", { className: "space-y-4", children: /* @__PURE__ */ jsx55(
|
|
12104
12133
|
TextArea_default,
|
|
12105
12134
|
{
|
|
12106
12135
|
ref: textareaRef,
|
|
@@ -12112,10 +12141,10 @@ var QuizDissertative = ({ paddingBottom }) => {
|
|
|
12112
12141
|
maxLength: charLimit,
|
|
12113
12142
|
showCharacterCount: !!charLimit
|
|
12114
12143
|
}
|
|
12115
|
-
) }) : /* @__PURE__ */
|
|
12116
|
-
variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */
|
|
12117
|
-
/* @__PURE__ */
|
|
12118
|
-
/* @__PURE__ */
|
|
12144
|
+
) }) : /* @__PURE__ */ jsx55("div", { className: "space-y-4", children: /* @__PURE__ */ jsx55("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
|
|
12145
|
+
variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs40(Fragment11, { children: [
|
|
12146
|
+
/* @__PURE__ */ jsx55(QuizSubTitle, { subTitle: "Observa\xE7\xE3o do professor" }),
|
|
12147
|
+
/* @__PURE__ */ jsx55(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx55("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: currentQuestionResult?.teacherFeedback }) })
|
|
12119
12148
|
] })
|
|
12120
12149
|
] });
|
|
12121
12150
|
};
|
|
@@ -12141,16 +12170,16 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
|
|
|
12141
12170
|
];
|
|
12142
12171
|
const getLetterByIndex = (index) => String.fromCodePoint(97 + index);
|
|
12143
12172
|
const isDefaultVariant = variant === "default";
|
|
12144
|
-
return /* @__PURE__ */
|
|
12145
|
-
/* @__PURE__ */
|
|
12146
|
-
/* @__PURE__ */
|
|
12173
|
+
return /* @__PURE__ */ jsxs40(Fragment11, { children: [
|
|
12174
|
+
/* @__PURE__ */ jsx55(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
12175
|
+
/* @__PURE__ */ jsx55(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx55("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
|
|
12147
12176
|
const variantCorrect = option.isCorrect ? "correct" : "incorrect";
|
|
12148
|
-
return /* @__PURE__ */
|
|
12177
|
+
return /* @__PURE__ */ jsxs40(
|
|
12149
12178
|
"section",
|
|
12150
12179
|
{
|
|
12151
12180
|
className: "flex flex-col gap-2",
|
|
12152
12181
|
children: [
|
|
12153
|
-
/* @__PURE__ */
|
|
12182
|
+
/* @__PURE__ */ jsxs40(
|
|
12154
12183
|
"div",
|
|
12155
12184
|
{
|
|
12156
12185
|
className: cn(
|
|
@@ -12158,20 +12187,20 @@ var QuizTrueOrFalse = ({ paddingBottom }) => {
|
|
|
12158
12187
|
isDefaultVariant ? "" : getStatusStyles(variantCorrect)
|
|
12159
12188
|
),
|
|
12160
12189
|
children: [
|
|
12161
|
-
/* @__PURE__ */
|
|
12162
|
-
isDefaultVariant ? /* @__PURE__ */
|
|
12163
|
-
/* @__PURE__ */
|
|
12164
|
-
/* @__PURE__ */
|
|
12165
|
-
/* @__PURE__ */
|
|
12166
|
-
/* @__PURE__ */
|
|
12190
|
+
/* @__PURE__ */ jsx55("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index).concat(") ").concat(option.label) }),
|
|
12191
|
+
isDefaultVariant ? /* @__PURE__ */ jsxs40(Select_default, { size: "medium", children: [
|
|
12192
|
+
/* @__PURE__ */ jsx55(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx55(SelectValue, { placeholder: "Selecione opc\xE3o" }) }),
|
|
12193
|
+
/* @__PURE__ */ jsxs40(SelectContent, { children: [
|
|
12194
|
+
/* @__PURE__ */ jsx55(SelectItem, { value: "V", children: "Verdadeiro" }),
|
|
12195
|
+
/* @__PURE__ */ jsx55(SelectItem, { value: "F", children: "Falso" })
|
|
12167
12196
|
] })
|
|
12168
|
-
] }) : /* @__PURE__ */
|
|
12197
|
+
] }) : /* @__PURE__ */ jsx55("div", { className: "flex-shrink-0", children: getStatusBadge(variantCorrect) })
|
|
12169
12198
|
]
|
|
12170
12199
|
}
|
|
12171
12200
|
),
|
|
12172
|
-
!isDefaultVariant && /* @__PURE__ */
|
|
12173
|
-
/* @__PURE__ */
|
|
12174
|
-
!option.isCorrect && /* @__PURE__ */
|
|
12201
|
+
!isDefaultVariant && /* @__PURE__ */ jsxs40("span", { className: "flex flex-row gap-2 items-center", children: [
|
|
12202
|
+
/* @__PURE__ */ jsx55("p", { className: "text-text-800 text-2xs", children: "Resposta selecionada: V" }),
|
|
12203
|
+
!option.isCorrect && /* @__PURE__ */ jsx55("p", { className: "text-text-800 text-2xs", children: "Resposta correta: F" })
|
|
12175
12204
|
] })
|
|
12176
12205
|
]
|
|
12177
12206
|
},
|
|
@@ -12261,13 +12290,13 @@ var QuizConnectDots = ({ paddingBottom }) => {
|
|
|
12261
12290
|
const assignedDots = new Set(
|
|
12262
12291
|
userAnswers.map((a) => a.dotOption).filter(Boolean)
|
|
12263
12292
|
);
|
|
12264
|
-
return /* @__PURE__ */
|
|
12265
|
-
/* @__PURE__ */
|
|
12266
|
-
/* @__PURE__ */
|
|
12293
|
+
return /* @__PURE__ */ jsxs40(Fragment11, { children: [
|
|
12294
|
+
/* @__PURE__ */ jsx55(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
12295
|
+
/* @__PURE__ */ jsx55(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsx55("div", { className: "flex flex-col gap-3.5", children: options.map((option, index) => {
|
|
12267
12296
|
const answer = userAnswers[index];
|
|
12268
12297
|
const variantCorrect = answer.isCorrect ? "correct" : "incorrect";
|
|
12269
|
-
return /* @__PURE__ */
|
|
12270
|
-
/* @__PURE__ */
|
|
12298
|
+
return /* @__PURE__ */ jsxs40("section", { className: "flex flex-col gap-2", children: [
|
|
12299
|
+
/* @__PURE__ */ jsxs40(
|
|
12271
12300
|
"div",
|
|
12272
12301
|
{
|
|
12273
12302
|
className: cn(
|
|
@@ -12275,30 +12304,30 @@ var QuizConnectDots = ({ paddingBottom }) => {
|
|
|
12275
12304
|
isDefaultVariant ? "" : getStatusStyles(variantCorrect)
|
|
12276
12305
|
),
|
|
12277
12306
|
children: [
|
|
12278
|
-
/* @__PURE__ */
|
|
12279
|
-
isDefaultVariant ? /* @__PURE__ */
|
|
12307
|
+
/* @__PURE__ */ jsx55("p", { className: "text-text-900 text-sm", children: getLetterByIndex(index) + ") " + option.label }),
|
|
12308
|
+
isDefaultVariant ? /* @__PURE__ */ jsxs40(
|
|
12280
12309
|
Select_default,
|
|
12281
12310
|
{
|
|
12282
12311
|
size: "medium",
|
|
12283
12312
|
value: answer.dotOption || void 0,
|
|
12284
12313
|
onValueChange: (value) => handleSelectDot(index, value),
|
|
12285
12314
|
children: [
|
|
12286
|
-
/* @__PURE__ */
|
|
12287
|
-
/* @__PURE__ */
|
|
12315
|
+
/* @__PURE__ */ jsx55(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx55(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
|
|
12316
|
+
/* @__PURE__ */ jsx55(SelectContent, { children: dotsOptions.filter(
|
|
12288
12317
|
(dot) => !assignedDots.has(dot.label) || answer.dotOption === dot.label
|
|
12289
|
-
).map((dot) => /* @__PURE__ */
|
|
12318
|
+
).map((dot) => /* @__PURE__ */ jsx55(SelectItem, { value: dot.label, children: dot.label }, dot.label)) })
|
|
12290
12319
|
]
|
|
12291
12320
|
}
|
|
12292
|
-
) : /* @__PURE__ */
|
|
12321
|
+
) : /* @__PURE__ */ jsx55("div", { className: "flex-shrink-0", children: answer.isCorrect === null ? null : getStatusBadge(variantCorrect) })
|
|
12293
12322
|
]
|
|
12294
12323
|
}
|
|
12295
12324
|
),
|
|
12296
|
-
!isDefaultVariant && /* @__PURE__ */
|
|
12297
|
-
/* @__PURE__ */
|
|
12325
|
+
!isDefaultVariant && /* @__PURE__ */ jsxs40("span", { className: "flex flex-row gap-2 items-center", children: [
|
|
12326
|
+
/* @__PURE__ */ jsxs40("p", { className: "text-text-800 text-2xs", children: [
|
|
12298
12327
|
"Resposta selecionada: ",
|
|
12299
12328
|
answer.dotOption || "Nenhuma"
|
|
12300
12329
|
] }),
|
|
12301
|
-
!answer.isCorrect && /* @__PURE__ */
|
|
12330
|
+
!answer.isCorrect && /* @__PURE__ */ jsxs40("p", { className: "text-text-800 text-2xs", children: [
|
|
12302
12331
|
"Resposta correta: ",
|
|
12303
12332
|
answer.correctOption
|
|
12304
12333
|
] })
|
|
@@ -12367,18 +12396,18 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
12367
12396
|
const mockAnswer = mockUserAnswers.find(
|
|
12368
12397
|
(answer) => answer.selectId === selectId
|
|
12369
12398
|
);
|
|
12370
|
-
return /* @__PURE__ */
|
|
12399
|
+
return /* @__PURE__ */ jsx55("p", { className: "inline-flex mb-2.5 text-success-600 font-semibold text-md border-b-2 border-success-600", children: mockAnswer?.correctAnswer });
|
|
12371
12400
|
};
|
|
12372
12401
|
const renderDefaultElement = (selectId, startIndex, selectedValue, availableOptionsForThisSelect) => {
|
|
12373
|
-
return /* @__PURE__ */
|
|
12402
|
+
return /* @__PURE__ */ jsxs40(
|
|
12374
12403
|
Select_default,
|
|
12375
12404
|
{
|
|
12376
12405
|
value: selectedValue,
|
|
12377
12406
|
onValueChange: (value) => handleSelectChange(selectId, value),
|
|
12378
12407
|
className: "inline-flex mb-2.5",
|
|
12379
12408
|
children: [
|
|
12380
|
-
/* @__PURE__ */
|
|
12381
|
-
/* @__PURE__ */
|
|
12409
|
+
/* @__PURE__ */ jsx55(SelectTrigger, { className: "inline-flex w-auto min-w-[140px] h-8 mx-1 bg-background border-gray-300", children: /* @__PURE__ */ jsx55(SelectValue, { placeholder: "Selecione op\xE7\xE3o" }) }),
|
|
12410
|
+
/* @__PURE__ */ jsx55(SelectContent, { children: availableOptionsForThisSelect.map((option, index) => /* @__PURE__ */ jsx55(SelectItem, { value: option, children: option }, `${option}-${index}`)) })
|
|
12382
12411
|
]
|
|
12383
12412
|
},
|
|
12384
12413
|
`${selectId}-${startIndex}`
|
|
@@ -12390,8 +12419,8 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
12390
12419
|
);
|
|
12391
12420
|
if (!mockAnswer) return null;
|
|
12392
12421
|
const action = mockAnswer.isCorrect ? "success" : "error";
|
|
12393
|
-
const icon = mockAnswer.isCorrect ? /* @__PURE__ */
|
|
12394
|
-
return /* @__PURE__ */
|
|
12422
|
+
const icon = mockAnswer.isCorrect ? /* @__PURE__ */ jsx55(CheckCircle6, {}) : /* @__PURE__ */ jsx55(XCircle5, {});
|
|
12423
|
+
return /* @__PURE__ */ jsx55(
|
|
12395
12424
|
Badge_default,
|
|
12396
12425
|
{
|
|
12397
12426
|
variant: "solid",
|
|
@@ -12399,7 +12428,7 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
12399
12428
|
iconRight: icon,
|
|
12400
12429
|
size: "large",
|
|
12401
12430
|
className: "py-3 w-[180px] justify-between mb-2.5",
|
|
12402
|
-
children: /* @__PURE__ */
|
|
12431
|
+
children: /* @__PURE__ */ jsx55("span", { className: "text-text-900", children: mockAnswer.userAnswer })
|
|
12403
12432
|
},
|
|
12404
12433
|
selectId
|
|
12405
12434
|
);
|
|
@@ -12455,25 +12484,25 @@ var QuizFill = ({ paddingBottom }) => {
|
|
|
12455
12484
|
}
|
|
12456
12485
|
return elements;
|
|
12457
12486
|
};
|
|
12458
|
-
return /* @__PURE__ */
|
|
12459
|
-
/* @__PURE__ */
|
|
12460
|
-
/* @__PURE__ */
|
|
12487
|
+
return /* @__PURE__ */ jsxs40(Fragment11, { children: [
|
|
12488
|
+
/* @__PURE__ */ jsx55(QuizSubTitle, { subTitle: "Alternativas" }),
|
|
12489
|
+
/* @__PURE__ */ jsx55(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx55("div", { className: "space-y-6 px-4 h-auto", children: /* @__PURE__ */ jsx55(
|
|
12461
12490
|
"div",
|
|
12462
12491
|
{
|
|
12463
12492
|
className: cn(
|
|
12464
12493
|
"text-lg text-text-900 leading-8 h-auto",
|
|
12465
12494
|
variant != "result" && paddingBottom
|
|
12466
12495
|
),
|
|
12467
|
-
children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */
|
|
12496
|
+
children: renderTextWithSelects(exampleText).map((element) => /* @__PURE__ */ jsx55("span", { children: element.element }, element.id))
|
|
12468
12497
|
}
|
|
12469
12498
|
) }) }),
|
|
12470
|
-
variant === "result" && /* @__PURE__ */
|
|
12471
|
-
/* @__PURE__ */
|
|
12472
|
-
/* @__PURE__ */
|
|
12499
|
+
variant === "result" && /* @__PURE__ */ jsxs40(Fragment11, { children: [
|
|
12500
|
+
/* @__PURE__ */ jsx55(QuizSubTitle, { subTitle: "Resultado" }),
|
|
12501
|
+
/* @__PURE__ */ jsx55(QuizContainer, { className: "h-auto pb-0", children: /* @__PURE__ */ jsx55("div", { className: "space-y-6 px-4", children: /* @__PURE__ */ jsx55(
|
|
12473
12502
|
"div",
|
|
12474
12503
|
{
|
|
12475
12504
|
className: cn("text-lg text-text-900 leading-8", paddingBottom),
|
|
12476
|
-
children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */
|
|
12505
|
+
children: renderTextWithSelects(exampleText, true).map((element) => /* @__PURE__ */ jsx55("span", { children: element.element }, element.id))
|
|
12477
12506
|
}
|
|
12478
12507
|
) }) })
|
|
12479
12508
|
] })
|
|
@@ -12527,36 +12556,36 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
12527
12556
|
}
|
|
12528
12557
|
return "bg-success-600/70 border-white";
|
|
12529
12558
|
};
|
|
12530
|
-
return /* @__PURE__ */
|
|
12531
|
-
/* @__PURE__ */
|
|
12532
|
-
/* @__PURE__ */
|
|
12559
|
+
return /* @__PURE__ */ jsxs40(Fragment11, { children: [
|
|
12560
|
+
/* @__PURE__ */ jsx55(QuizSubTitle, { subTitle: "Clique na \xE1rea correta" }),
|
|
12561
|
+
/* @__PURE__ */ jsx55(QuizContainer, { className: cn("", paddingBottom), children: /* @__PURE__ */ jsxs40(
|
|
12533
12562
|
"div",
|
|
12534
12563
|
{
|
|
12535
12564
|
"data-testid": "quiz-image-container",
|
|
12536
12565
|
className: "space-y-6 p-3 relative inline-block",
|
|
12537
12566
|
children: [
|
|
12538
|
-
variant == "result" && /* @__PURE__ */
|
|
12567
|
+
variant == "result" && /* @__PURE__ */ jsxs40(
|
|
12539
12568
|
"div",
|
|
12540
12569
|
{
|
|
12541
12570
|
"data-testid": "quiz-legend",
|
|
12542
12571
|
className: "flex items-center gap-4 text-xs",
|
|
12543
12572
|
children: [
|
|
12544
|
-
/* @__PURE__ */
|
|
12545
|
-
/* @__PURE__ */
|
|
12546
|
-
/* @__PURE__ */
|
|
12573
|
+
/* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2", children: [
|
|
12574
|
+
/* @__PURE__ */ jsx55("div", { className: "w-3 h-3 rounded-full bg-indicator-primary/70 border border-[#F8CC2E]" }),
|
|
12575
|
+
/* @__PURE__ */ jsx55("span", { className: "text-text-600 font-medium text-sm", children: "\xC1rea correta" })
|
|
12547
12576
|
] }),
|
|
12548
|
-
/* @__PURE__ */
|
|
12549
|
-
/* @__PURE__ */
|
|
12550
|
-
/* @__PURE__ */
|
|
12577
|
+
/* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2", children: [
|
|
12578
|
+
/* @__PURE__ */ jsx55("div", { className: "w-3 h-3 rounded-full bg-success-600/70 border border-white" }),
|
|
12579
|
+
/* @__PURE__ */ jsx55("span", { className: "text-text-600 font-medium text-sm", children: "Resposta correta" })
|
|
12551
12580
|
] }),
|
|
12552
|
-
/* @__PURE__ */
|
|
12553
|
-
/* @__PURE__ */
|
|
12554
|
-
/* @__PURE__ */
|
|
12581
|
+
/* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2", children: [
|
|
12582
|
+
/* @__PURE__ */ jsx55("div", { className: "w-3 h-3 rounded-full bg-indicator-error/70 border border-white" }),
|
|
12583
|
+
/* @__PURE__ */ jsx55("span", { className: "text-text-600 font-medium text-sm", children: "Resposta incorreta" })
|
|
12555
12584
|
] })
|
|
12556
12585
|
]
|
|
12557
12586
|
}
|
|
12558
12587
|
),
|
|
12559
|
-
/* @__PURE__ */
|
|
12588
|
+
/* @__PURE__ */ jsxs40(
|
|
12560
12589
|
"button",
|
|
12561
12590
|
{
|
|
12562
12591
|
"data-testid": "quiz-image-button",
|
|
@@ -12571,7 +12600,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
12571
12600
|
},
|
|
12572
12601
|
"aria-label": "\xC1rea da imagem interativa",
|
|
12573
12602
|
children: [
|
|
12574
|
-
/* @__PURE__ */
|
|
12603
|
+
/* @__PURE__ */ jsx55(
|
|
12575
12604
|
"img",
|
|
12576
12605
|
{
|
|
12577
12606
|
"data-testid": "quiz-image",
|
|
@@ -12580,7 +12609,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
12580
12609
|
className: "w-full h-auto rounded-md"
|
|
12581
12610
|
}
|
|
12582
12611
|
),
|
|
12583
|
-
variant === "result" && /* @__PURE__ */
|
|
12612
|
+
variant === "result" && /* @__PURE__ */ jsx55(
|
|
12584
12613
|
"div",
|
|
12585
12614
|
{
|
|
12586
12615
|
"data-testid": "quiz-correct-circle",
|
|
@@ -12595,7 +12624,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
12595
12624
|
}
|
|
12596
12625
|
}
|
|
12597
12626
|
),
|
|
12598
|
-
clickPositionRelative && /* @__PURE__ */
|
|
12627
|
+
clickPositionRelative && /* @__PURE__ */ jsx55(
|
|
12599
12628
|
"div",
|
|
12600
12629
|
{
|
|
12601
12630
|
"data-testid": "quiz-user-circle",
|
|
@@ -12620,7 +12649,7 @@ var QuizImageQuestion = ({ paddingBottom }) => {
|
|
|
12620
12649
|
};
|
|
12621
12650
|
|
|
12622
12651
|
// src/components/Quiz/Quiz.tsx
|
|
12623
|
-
import { Fragment as Fragment12, jsx as
|
|
12652
|
+
import { Fragment as Fragment12, jsx as jsx56, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
12624
12653
|
var getQuizTypeConfig = (type) => {
|
|
12625
12654
|
const QUIZ_TYPE_CONFIG = {
|
|
12626
12655
|
["SIMULADO" /* SIMULADO */]: {
|
|
@@ -12662,7 +12691,7 @@ var Quiz = forwardRef22(({ children, className, variant = "default", ...props },
|
|
|
12662
12691
|
useEffect24(() => {
|
|
12663
12692
|
setVariant(variant);
|
|
12664
12693
|
}, [variant, setVariant]);
|
|
12665
|
-
return /* @__PURE__ */
|
|
12694
|
+
return /* @__PURE__ */ jsx56("div", { ref, className: cn("flex flex-col", className), ...props, children });
|
|
12666
12695
|
});
|
|
12667
12696
|
var QuizTitle = forwardRef22(({ className, onBack, ...props }, ref) => {
|
|
12668
12697
|
const {
|
|
@@ -12698,8 +12727,8 @@ var QuizTitle = forwardRef22(({ className, onBack, ...props }, ref) => {
|
|
|
12698
12727
|
const handleCancelExit = () => {
|
|
12699
12728
|
setShowExitConfirmation(false);
|
|
12700
12729
|
};
|
|
12701
|
-
return /* @__PURE__ */
|
|
12702
|
-
/* @__PURE__ */
|
|
12730
|
+
return /* @__PURE__ */ jsxs41(Fragment12, { children: [
|
|
12731
|
+
/* @__PURE__ */ jsxs41(
|
|
12703
12732
|
"div",
|
|
12704
12733
|
{
|
|
12705
12734
|
ref,
|
|
@@ -12709,24 +12738,24 @@ var QuizTitle = forwardRef22(({ className, onBack, ...props }, ref) => {
|
|
|
12709
12738
|
),
|
|
12710
12739
|
...props,
|
|
12711
12740
|
children: [
|
|
12712
|
-
/* @__PURE__ */
|
|
12741
|
+
/* @__PURE__ */ jsx56(
|
|
12713
12742
|
IconButton_default,
|
|
12714
12743
|
{
|
|
12715
|
-
icon: /* @__PURE__ */
|
|
12744
|
+
icon: /* @__PURE__ */ jsx56(CaretLeft2, { size: 24 }),
|
|
12716
12745
|
size: "md",
|
|
12717
12746
|
"aria-label": "Voltar",
|
|
12718
12747
|
onClick: handleBackClick
|
|
12719
12748
|
}
|
|
12720
12749
|
),
|
|
12721
|
-
/* @__PURE__ */
|
|
12722
|
-
/* @__PURE__ */
|
|
12723
|
-
/* @__PURE__ */
|
|
12750
|
+
/* @__PURE__ */ jsxs41("span", { className: "flex flex-col gap-2 text-center", children: [
|
|
12751
|
+
/* @__PURE__ */ jsx56("p", { className: "text-text-950 font-bold text-md", children: quizTitle }),
|
|
12752
|
+
/* @__PURE__ */ jsx56("p", { className: "text-text-600 text-xs", children: totalQuestions > 0 ? `${currentQuestionIndex + 1} de ${totalQuestions}` : "0 de 0" })
|
|
12724
12753
|
] }),
|
|
12725
|
-
/* @__PURE__ */
|
|
12754
|
+
/* @__PURE__ */ jsx56("span", { className: "flex flex-row items-center justify-center", children: /* @__PURE__ */ jsx56(Badge_default, { variant: "outlined", action: "info", iconLeft: /* @__PURE__ */ jsx56(Clock2, {}), children: isStarted ? formatTime2(timeElapsed) : "00:00" }) })
|
|
12726
12755
|
]
|
|
12727
12756
|
}
|
|
12728
12757
|
),
|
|
12729
|
-
/* @__PURE__ */
|
|
12758
|
+
/* @__PURE__ */ jsx56(
|
|
12730
12759
|
AlertDialog,
|
|
12731
12760
|
{
|
|
12732
12761
|
isOpen: showExitConfirmation,
|
|
@@ -12746,7 +12775,7 @@ var QuizHeader = () => {
|
|
|
12746
12775
|
const currentQuestion = getCurrentQuestion();
|
|
12747
12776
|
let currentId = currentQuestion && "questionId" in currentQuestion ? currentQuestion.questionId : currentQuestion?.id;
|
|
12748
12777
|
const questionIndex = getQuestionIndex(currentId);
|
|
12749
|
-
return /* @__PURE__ */
|
|
12778
|
+
return /* @__PURE__ */ jsx56(
|
|
12750
12779
|
HeaderAlternative,
|
|
12751
12780
|
{
|
|
12752
12781
|
title: currentQuestion ? `Quest\xE3o ${questionIndex.toString().padStart(2, "0")}` : "Quest\xE3o",
|
|
@@ -12768,7 +12797,7 @@ var QuizContent = ({ paddingBottom }) => {
|
|
|
12768
12797
|
["IMAGEM" /* IMAGEM */]: QuizImageQuestion
|
|
12769
12798
|
};
|
|
12770
12799
|
const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
|
|
12771
|
-
return QuestionComponent ? /* @__PURE__ */
|
|
12800
|
+
return QuestionComponent ? /* @__PURE__ */ jsx56(QuestionComponent, { paddingBottom }) : null;
|
|
12772
12801
|
};
|
|
12773
12802
|
var QuizQuestionList = ({
|
|
12774
12803
|
filterType = "all",
|
|
@@ -12815,18 +12844,18 @@ var QuizQuestionList = ({
|
|
|
12815
12844
|
return "Em branco";
|
|
12816
12845
|
}
|
|
12817
12846
|
};
|
|
12818
|
-
return /* @__PURE__ */
|
|
12819
|
-
Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */
|
|
12847
|
+
return /* @__PURE__ */ jsxs41("div", { className: "space-y-6 px-4 h-full", children: [
|
|
12848
|
+
Object.entries(filteredGroupedQuestions).length == 0 && /* @__PURE__ */ jsx56("div", { className: "flex items-center justify-center text-gray-500 py-8 h-full", children: /* @__PURE__ */ jsx56("p", { className: "text-lg", children: "Nenhum resultado" }) }),
|
|
12820
12849
|
Object.entries(filteredGroupedQuestions).map(
|
|
12821
|
-
([subjectId, questions]) => /* @__PURE__ */
|
|
12822
|
-
/* @__PURE__ */
|
|
12823
|
-
/* @__PURE__ */
|
|
12824
|
-
/* @__PURE__ */
|
|
12850
|
+
([subjectId, questions]) => /* @__PURE__ */ jsxs41("section", { className: "flex flex-col gap-2", children: [
|
|
12851
|
+
/* @__PURE__ */ jsxs41("span", { className: "pt-6 pb-4 flex flex-row gap-2", children: [
|
|
12852
|
+
/* @__PURE__ */ jsx56("div", { className: "bg-primary-500 p-1 rounded-sm flex items-center justify-center", children: /* @__PURE__ */ jsx56(BookOpen, { size: 17, className: "text-white" }) }),
|
|
12853
|
+
/* @__PURE__ */ jsx56("p", { className: "text-text-800 font-bold text-lg", children: questions?.[0]?.knowledgeMatrix?.[0]?.subject?.name ?? "Sem mat\xE9ria" })
|
|
12825
12854
|
] }),
|
|
12826
|
-
/* @__PURE__ */
|
|
12855
|
+
/* @__PURE__ */ jsx56("ul", { className: "flex flex-col gap-2", children: questions.map((question) => {
|
|
12827
12856
|
const status = getQuestionStatus(question.id);
|
|
12828
12857
|
const questionNumber = getQuestionIndex(question.id);
|
|
12829
|
-
return /* @__PURE__ */
|
|
12858
|
+
return /* @__PURE__ */ jsx56(
|
|
12830
12859
|
CardStatus,
|
|
12831
12860
|
{
|
|
12832
12861
|
header: `Quest\xE3o ${questionNumber.toString().padStart(2, "0")}`,
|
|
@@ -12933,8 +12962,8 @@ var QuizFooter = forwardRef22(
|
|
|
12933
12962
|
return;
|
|
12934
12963
|
}
|
|
12935
12964
|
};
|
|
12936
|
-
return /* @__PURE__ */
|
|
12937
|
-
/* @__PURE__ */
|
|
12965
|
+
return /* @__PURE__ */ jsxs41(Fragment12, { children: [
|
|
12966
|
+
/* @__PURE__ */ jsx56(
|
|
12938
12967
|
"footer",
|
|
12939
12968
|
{
|
|
12940
12969
|
ref,
|
|
@@ -12943,17 +12972,17 @@ var QuizFooter = forwardRef22(
|
|
|
12943
12972
|
className
|
|
12944
12973
|
),
|
|
12945
12974
|
...props,
|
|
12946
|
-
children: variant === "default" ? /* @__PURE__ */
|
|
12947
|
-
/* @__PURE__ */
|
|
12948
|
-
/* @__PURE__ */
|
|
12975
|
+
children: variant === "default" ? /* @__PURE__ */ jsxs41(Fragment12, { children: [
|
|
12976
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex flex-row items-center gap-1", children: [
|
|
12977
|
+
/* @__PURE__ */ jsx56(
|
|
12949
12978
|
IconButton_default,
|
|
12950
12979
|
{
|
|
12951
|
-
icon: /* @__PURE__ */
|
|
12980
|
+
icon: /* @__PURE__ */ jsx56(SquaresFour, { size: 24, className: "text-text-950" }),
|
|
12952
12981
|
size: "md",
|
|
12953
12982
|
onClick: () => openModal("modalNavigate")
|
|
12954
12983
|
}
|
|
12955
12984
|
),
|
|
12956
|
-
isFirstQuestion ? /* @__PURE__ */
|
|
12985
|
+
isFirstQuestion ? /* @__PURE__ */ jsx56(
|
|
12957
12986
|
Button_default,
|
|
12958
12987
|
{
|
|
12959
12988
|
variant: "outline",
|
|
@@ -12964,13 +12993,13 @@ var QuizFooter = forwardRef22(
|
|
|
12964
12993
|
},
|
|
12965
12994
|
children: "Pular"
|
|
12966
12995
|
}
|
|
12967
|
-
) : /* @__PURE__ */
|
|
12996
|
+
) : /* @__PURE__ */ jsx56(
|
|
12968
12997
|
Button_default,
|
|
12969
12998
|
{
|
|
12970
12999
|
size: "medium",
|
|
12971
13000
|
variant: "link",
|
|
12972
13001
|
action: "primary",
|
|
12973
|
-
iconLeft: /* @__PURE__ */
|
|
13002
|
+
iconLeft: /* @__PURE__ */ jsx56(CaretLeft2, { size: 18 }),
|
|
12974
13003
|
onClick: () => {
|
|
12975
13004
|
goToPreviousQuestion();
|
|
12976
13005
|
},
|
|
@@ -12978,7 +13007,7 @@ var QuizFooter = forwardRef22(
|
|
|
12978
13007
|
}
|
|
12979
13008
|
)
|
|
12980
13009
|
] }),
|
|
12981
|
-
!isFirstQuestion && !isLastQuestion && /* @__PURE__ */
|
|
13010
|
+
!isFirstQuestion && !isLastQuestion && /* @__PURE__ */ jsx56(
|
|
12982
13011
|
Button_default,
|
|
12983
13012
|
{
|
|
12984
13013
|
size: "small",
|
|
@@ -12991,7 +13020,7 @@ var QuizFooter = forwardRef22(
|
|
|
12991
13020
|
children: "Pular"
|
|
12992
13021
|
}
|
|
12993
13022
|
),
|
|
12994
|
-
isLastQuestion ? /* @__PURE__ */
|
|
13023
|
+
isLastQuestion ? /* @__PURE__ */ jsx56(
|
|
12995
13024
|
Button_default,
|
|
12996
13025
|
{
|
|
12997
13026
|
size: "medium",
|
|
@@ -13000,13 +13029,13 @@ var QuizFooter = forwardRef22(
|
|
|
13000
13029
|
onClick: handleFinishQuiz,
|
|
13001
13030
|
children: "Finalizar"
|
|
13002
13031
|
}
|
|
13003
|
-
) : /* @__PURE__ */
|
|
13032
|
+
) : /* @__PURE__ */ jsx56(
|
|
13004
13033
|
Button_default,
|
|
13005
13034
|
{
|
|
13006
13035
|
size: "medium",
|
|
13007
13036
|
variant: "link",
|
|
13008
13037
|
action: "primary",
|
|
13009
|
-
iconRight: /* @__PURE__ */
|
|
13038
|
+
iconRight: /* @__PURE__ */ jsx56(CaretRight5, { size: 18 }),
|
|
13010
13039
|
disabled: !currentAnswer && !isCurrentQuestionSkipped,
|
|
13011
13040
|
onClick: () => {
|
|
13012
13041
|
goToNextQuestion();
|
|
@@ -13014,7 +13043,7 @@ var QuizFooter = forwardRef22(
|
|
|
13014
13043
|
children: "Avan\xE7ar"
|
|
13015
13044
|
}
|
|
13016
13045
|
)
|
|
13017
|
-
] }) : /* @__PURE__ */
|
|
13046
|
+
] }) : /* @__PURE__ */ jsx56("div", { className: "flex flex-row items-center justify-center w-full", children: /* @__PURE__ */ jsx56(
|
|
13018
13047
|
Button_default,
|
|
13019
13048
|
{
|
|
13020
13049
|
variant: "link",
|
|
@@ -13026,7 +13055,7 @@ var QuizFooter = forwardRef22(
|
|
|
13026
13055
|
) })
|
|
13027
13056
|
}
|
|
13028
13057
|
),
|
|
13029
|
-
/* @__PURE__ */
|
|
13058
|
+
/* @__PURE__ */ jsx56(
|
|
13030
13059
|
AlertDialog,
|
|
13031
13060
|
{
|
|
13032
13061
|
isOpen: isModalOpen("alertDialog"),
|
|
@@ -13038,7 +13067,7 @@ var QuizFooter = forwardRef22(
|
|
|
13038
13067
|
onSubmit: handleAlertSubmit
|
|
13039
13068
|
}
|
|
13040
13069
|
),
|
|
13041
|
-
/* @__PURE__ */
|
|
13070
|
+
/* @__PURE__ */ jsx56(
|
|
13042
13071
|
Modal_default,
|
|
13043
13072
|
{
|
|
13044
13073
|
isOpen: isModalOpen("modalResult"),
|
|
@@ -13047,11 +13076,11 @@ var QuizFooter = forwardRef22(
|
|
|
13047
13076
|
closeOnEscape: false,
|
|
13048
13077
|
hideCloseButton: true,
|
|
13049
13078
|
size: "md",
|
|
13050
|
-
children: /* @__PURE__ */
|
|
13051
|
-
resultImageComponent ? /* @__PURE__ */
|
|
13052
|
-
/* @__PURE__ */
|
|
13053
|
-
/* @__PURE__ */
|
|
13054
|
-
/* @__PURE__ */
|
|
13079
|
+
children: /* @__PURE__ */ jsxs41("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
|
|
13080
|
+
resultImageComponent ? /* @__PURE__ */ jsx56("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ jsx56("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx56("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
|
|
13081
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-2 text-center", children: [
|
|
13082
|
+
/* @__PURE__ */ jsx56("h2", { className: "text-text-950 font-bold text-lg", children: getCompletionTitle(quizType) }),
|
|
13083
|
+
/* @__PURE__ */ jsxs41("p", { className: "text-text-500 font-sm", children: [
|
|
13055
13084
|
"Voc\xEA acertou ",
|
|
13056
13085
|
correctAnswers ?? "--",
|
|
13057
13086
|
" de ",
|
|
@@ -13060,8 +13089,8 @@ var QuizFooter = forwardRef22(
|
|
|
13060
13089
|
"quest\xF5es."
|
|
13061
13090
|
] })
|
|
13062
13091
|
] }),
|
|
13063
|
-
/* @__PURE__ */
|
|
13064
|
-
/* @__PURE__ */
|
|
13092
|
+
/* @__PURE__ */ jsxs41("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: [
|
|
13093
|
+
/* @__PURE__ */ jsx56(
|
|
13065
13094
|
Button_default,
|
|
13066
13095
|
{
|
|
13067
13096
|
variant: "outline",
|
|
@@ -13071,38 +13100,38 @@ var QuizFooter = forwardRef22(
|
|
|
13071
13100
|
children: quizTypeLabel === "Question\xE1rio" ? "Ir para aulas" : `Ir para ${quizTypeLabel.toLocaleLowerCase()}s`
|
|
13072
13101
|
}
|
|
13073
13102
|
),
|
|
13074
|
-
/* @__PURE__ */
|
|
13103
|
+
/* @__PURE__ */ jsx56(Button_default, { className: "w-full", onClick: onDetailResult, children: "Detalhar resultado" })
|
|
13075
13104
|
] })
|
|
13076
13105
|
] })
|
|
13077
13106
|
}
|
|
13078
13107
|
),
|
|
13079
|
-
/* @__PURE__ */
|
|
13108
|
+
/* @__PURE__ */ jsx56(
|
|
13080
13109
|
Modal_default,
|
|
13081
13110
|
{
|
|
13082
13111
|
isOpen: isModalOpen("modalNavigate"),
|
|
13083
13112
|
onClose: closeModal,
|
|
13084
13113
|
title: "Quest\xF5es",
|
|
13085
13114
|
size: "lg",
|
|
13086
|
-
children: /* @__PURE__ */
|
|
13087
|
-
/* @__PURE__ */
|
|
13088
|
-
/* @__PURE__ */
|
|
13089
|
-
/* @__PURE__ */
|
|
13090
|
-
/* @__PURE__ */
|
|
13115
|
+
children: /* @__PURE__ */ jsxs41("div", { className: "flex flex-col w-full not-lg:h-[calc(100vh-200px)] lg:max-h-[687px] lg:h-[687px]", children: [
|
|
13116
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex flex-row justify-between items-center py-6 pt-6 pb-4 border-b border-border-200 flex-shrink-0", children: [
|
|
13117
|
+
/* @__PURE__ */ jsx56("p", { className: "text-text-950 font-bold text-lg", children: "Filtrar por" }),
|
|
13118
|
+
/* @__PURE__ */ jsx56("span", { className: "max-w-[266px]", children: /* @__PURE__ */ jsxs41(Select_default, { value: filterType, onValueChange: setFilterType, children: [
|
|
13119
|
+
/* @__PURE__ */ jsx56(
|
|
13091
13120
|
SelectTrigger,
|
|
13092
13121
|
{
|
|
13093
13122
|
variant: "rounded",
|
|
13094
13123
|
className: "max-w-[266px] min-w-[160px]",
|
|
13095
|
-
children: /* @__PURE__ */
|
|
13124
|
+
children: /* @__PURE__ */ jsx56(SelectValue, { placeholder: "Selecione uma op\xE7\xE3o" })
|
|
13096
13125
|
}
|
|
13097
13126
|
),
|
|
13098
|
-
/* @__PURE__ */
|
|
13099
|
-
/* @__PURE__ */
|
|
13100
|
-
/* @__PURE__ */
|
|
13101
|
-
/* @__PURE__ */
|
|
13127
|
+
/* @__PURE__ */ jsxs41(SelectContent, { children: [
|
|
13128
|
+
/* @__PURE__ */ jsx56(SelectItem, { value: "all", children: "Todas" }),
|
|
13129
|
+
/* @__PURE__ */ jsx56(SelectItem, { value: "unanswered", children: "Em branco" }),
|
|
13130
|
+
/* @__PURE__ */ jsx56(SelectItem, { value: "answered", children: "Respondidas" })
|
|
13102
13131
|
] })
|
|
13103
13132
|
] }) })
|
|
13104
13133
|
] }),
|
|
13105
|
-
/* @__PURE__ */
|
|
13134
|
+
/* @__PURE__ */ jsx56("div", { className: "flex flex-col gap-2 flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsx56(
|
|
13106
13135
|
QuizQuestionList,
|
|
13107
13136
|
{
|
|
13108
13137
|
filterType,
|
|
@@ -13112,7 +13141,7 @@ var QuizFooter = forwardRef22(
|
|
|
13112
13141
|
] })
|
|
13113
13142
|
}
|
|
13114
13143
|
),
|
|
13115
|
-
/* @__PURE__ */
|
|
13144
|
+
/* @__PURE__ */ jsx56(
|
|
13116
13145
|
Modal_default,
|
|
13117
13146
|
{
|
|
13118
13147
|
isOpen: isModalOpen("modalResolution"),
|
|
@@ -13122,7 +13151,7 @@ var QuizFooter = forwardRef22(
|
|
|
13122
13151
|
children: currentQuestion?.solutionExplanation
|
|
13123
13152
|
}
|
|
13124
13153
|
),
|
|
13125
|
-
/* @__PURE__ */
|
|
13154
|
+
/* @__PURE__ */ jsx56(
|
|
13126
13155
|
Modal_default,
|
|
13127
13156
|
{
|
|
13128
13157
|
isOpen: isModalOpen("modalQuestionnaireAllCorrect"),
|
|
@@ -13131,17 +13160,17 @@ var QuizFooter = forwardRef22(
|
|
|
13131
13160
|
closeOnEscape: false,
|
|
13132
13161
|
hideCloseButton: true,
|
|
13133
13162
|
size: "md",
|
|
13134
|
-
children: /* @__PURE__ */
|
|
13135
|
-
resultImageComponent ? /* @__PURE__ */
|
|
13136
|
-
/* @__PURE__ */
|
|
13137
|
-
/* @__PURE__ */
|
|
13138
|
-
/* @__PURE__ */
|
|
13163
|
+
children: /* @__PURE__ */ jsxs41("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
|
|
13164
|
+
resultImageComponent ? /* @__PURE__ */ jsx56("div", { className: "w-[282px] h-auto", children: resultImageComponent }) : /* @__PURE__ */ jsx56("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx56("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
|
|
13165
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-2 text-center", children: [
|
|
13166
|
+
/* @__PURE__ */ jsx56("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F389} Parab\xE9ns!" }),
|
|
13167
|
+
/* @__PURE__ */ jsx56("p", { className: "text-text-500 font-sm", children: "Voc\xEA concluiu o m\xF3dulo Movimento Uniforme." })
|
|
13139
13168
|
] }),
|
|
13140
|
-
/* @__PURE__ */
|
|
13169
|
+
/* @__PURE__ */ jsx56("div", { className: "px-6 flex flex-row items-center gap-2 w-full", children: /* @__PURE__ */ jsx56(Button_default, { className: "w-full", onClick: onGoToNextModule, children: "Pr\xF3ximo m\xF3dulo" }) })
|
|
13141
13170
|
] })
|
|
13142
13171
|
}
|
|
13143
13172
|
),
|
|
13144
|
-
/* @__PURE__ */
|
|
13173
|
+
/* @__PURE__ */ jsx56(
|
|
13145
13174
|
Modal_default,
|
|
13146
13175
|
{
|
|
13147
13176
|
isOpen: isModalOpen("modalQuestionnaireAllIncorrect"),
|
|
@@ -13150,16 +13179,16 @@ var QuizFooter = forwardRef22(
|
|
|
13150
13179
|
closeOnEscape: false,
|
|
13151
13180
|
hideCloseButton: true,
|
|
13152
13181
|
size: "md",
|
|
13153
|
-
children: /* @__PURE__ */
|
|
13154
|
-
resultIncorrectImageComponent ? /* @__PURE__ */
|
|
13155
|
-
/* @__PURE__ */
|
|
13156
|
-
/* @__PURE__ */
|
|
13157
|
-
/* @__PURE__ */
|
|
13158
|
-
/* @__PURE__ */
|
|
13159
|
-
/* @__PURE__ */
|
|
13182
|
+
children: /* @__PURE__ */ jsxs41("div", { className: "flex flex-col w-full h-full items-center justify-center gap-4", children: [
|
|
13183
|
+
resultIncorrectImageComponent ? /* @__PURE__ */ jsx56("div", { className: "w-[282px] h-auto", children: resultIncorrectImageComponent }) : /* @__PURE__ */ jsx56("div", { className: "w-[282px] h-[200px] bg-gray-100 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx56("span", { className: "text-gray-500 text-sm", children: "Imagem de resultado" }) }),
|
|
13184
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-2 text-center", children: [
|
|
13185
|
+
/* @__PURE__ */ jsx56("h2", { className: "text-text-950 font-bold text-lg", children: "\u{1F615} N\xE3o foi dessa vez..." }),
|
|
13186
|
+
/* @__PURE__ */ jsx56("p", { className: "text-text-500 font-sm", children: "Voc\xEA tirou 0 no question\xE1rio, mas n\xE3o se preocupe! Isso \xE9 apenas uma oportunidade de aprendizado." }),
|
|
13187
|
+
/* @__PURE__ */ jsx56("p", { className: "text-text-500 font-sm", children: "Que tal tentar novamente para melhorar sua nota? Estamos aqui para te ajudar a entender o conte\xFAdo e evoluir." }),
|
|
13188
|
+
/* @__PURE__ */ jsx56("p", { className: "text-text-500 font-sm", children: "Clique em Repetir Question\xE1rio e mostre do que voc\xEA \xE9 capaz! \u{1F4AA}" })
|
|
13160
13189
|
] }),
|
|
13161
|
-
/* @__PURE__ */
|
|
13162
|
-
/* @__PURE__ */
|
|
13190
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex flex-row justify-center items-center gap-2 w-full", children: [
|
|
13191
|
+
/* @__PURE__ */ jsx56(
|
|
13163
13192
|
Button_default,
|
|
13164
13193
|
{
|
|
13165
13194
|
type: "button",
|
|
@@ -13173,7 +13202,7 @@ var QuizFooter = forwardRef22(
|
|
|
13173
13202
|
children: "Tentar depois"
|
|
13174
13203
|
}
|
|
13175
13204
|
),
|
|
13176
|
-
/* @__PURE__ */
|
|
13205
|
+
/* @__PURE__ */ jsx56(
|
|
13177
13206
|
Button_default,
|
|
13178
13207
|
{
|
|
13179
13208
|
variant: "outline",
|
|
@@ -13183,7 +13212,7 @@ var QuizFooter = forwardRef22(
|
|
|
13183
13212
|
children: "Detalhar resultado"
|
|
13184
13213
|
}
|
|
13185
13214
|
),
|
|
13186
|
-
/* @__PURE__ */
|
|
13215
|
+
/* @__PURE__ */ jsx56(
|
|
13187
13216
|
Button_default,
|
|
13188
13217
|
{
|
|
13189
13218
|
className: "w-auto",
|
|
@@ -13196,7 +13225,7 @@ var QuizFooter = forwardRef22(
|
|
|
13196
13225
|
] })
|
|
13197
13226
|
}
|
|
13198
13227
|
),
|
|
13199
|
-
/* @__PURE__ */
|
|
13228
|
+
/* @__PURE__ */ jsx56(
|
|
13200
13229
|
AlertDialog,
|
|
13201
13230
|
{
|
|
13202
13231
|
isOpen: isModalOpen("alertDialogTryLater"),
|
|
@@ -13222,24 +13251,24 @@ var QuizFooter = forwardRef22(
|
|
|
13222
13251
|
// src/components/Quiz/QuizResult.tsx
|
|
13223
13252
|
import { forwardRef as forwardRef23, useEffect as useEffect25, useState as useState26 } from "react";
|
|
13224
13253
|
import { Clock as Clock3 } from "phosphor-react";
|
|
13225
|
-
import { jsx as
|
|
13254
|
+
import { jsx as jsx57, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
13226
13255
|
var QuizBadge = ({
|
|
13227
13256
|
subtype
|
|
13228
13257
|
}) => {
|
|
13229
13258
|
switch (subtype) {
|
|
13230
13259
|
case "PROVA" /* PROVA */:
|
|
13231
|
-
return /* @__PURE__ */
|
|
13260
|
+
return /* @__PURE__ */ jsx57(Badge_default, { variant: "examsOutlined", action: "exam2", "data-testid": "quiz-badge", children: "Prova" });
|
|
13232
13261
|
case "ENEM_PROVA_1" /* ENEM_PROVA_1 */:
|
|
13233
13262
|
case "ENEM_PROVA_2" /* ENEM_PROVA_2 */:
|
|
13234
|
-
return /* @__PURE__ */
|
|
13263
|
+
return /* @__PURE__ */ jsx57(Badge_default, { variant: "examsOutlined", action: "exam1", "data-testid": "quiz-badge", children: "Enem" });
|
|
13235
13264
|
case "VESTIBULAR" /* VESTIBULAR */:
|
|
13236
|
-
return /* @__PURE__ */
|
|
13265
|
+
return /* @__PURE__ */ jsx57(Badge_default, { variant: "examsOutlined", action: "exam4", "data-testid": "quiz-badge", children: "Vestibular" });
|
|
13237
13266
|
case "SIMULADO" /* SIMULADO */:
|
|
13238
13267
|
case "SIMULADAO" /* SIMULADAO */:
|
|
13239
13268
|
case void 0:
|
|
13240
|
-
return /* @__PURE__ */
|
|
13269
|
+
return /* @__PURE__ */ jsx57(Badge_default, { variant: "examsOutlined", action: "exam3", "data-testid": "quiz-badge", children: "Simulad\xE3o" });
|
|
13241
13270
|
default:
|
|
13242
|
-
return /* @__PURE__ */
|
|
13271
|
+
return /* @__PURE__ */ jsx57(Badge_default, { variant: "solid", action: "info", "data-testid": "quiz-badge", children: subtype });
|
|
13243
13272
|
}
|
|
13244
13273
|
};
|
|
13245
13274
|
var QuizHeaderResult = forwardRef23(
|
|
@@ -13296,7 +13325,7 @@ var QuizHeaderResult = forwardRef23(
|
|
|
13296
13325
|
return "N\xE3o foi dessa vez...voc\xEA deixou a resposta em branco";
|
|
13297
13326
|
}
|
|
13298
13327
|
};
|
|
13299
|
-
return /* @__PURE__ */
|
|
13328
|
+
return /* @__PURE__ */ jsxs42(
|
|
13300
13329
|
"div",
|
|
13301
13330
|
{
|
|
13302
13331
|
ref,
|
|
@@ -13307,8 +13336,8 @@ var QuizHeaderResult = forwardRef23(
|
|
|
13307
13336
|
),
|
|
13308
13337
|
...props,
|
|
13309
13338
|
children: [
|
|
13310
|
-
/* @__PURE__ */
|
|
13311
|
-
/* @__PURE__ */
|
|
13339
|
+
/* @__PURE__ */ jsx57("p", { className: "text-text-950 font-bold text-lg", children: "Resultado" }),
|
|
13340
|
+
/* @__PURE__ */ jsx57("p", { className: "text-text-700 text-md", children: getLabelByAnswersStatus() })
|
|
13312
13341
|
]
|
|
13313
13342
|
}
|
|
13314
13343
|
);
|
|
@@ -13316,7 +13345,7 @@ var QuizHeaderResult = forwardRef23(
|
|
|
13316
13345
|
);
|
|
13317
13346
|
var QuizResultHeaderTitle = forwardRef23(({ className, showBadge = true, onRepeat, canRetry, ...props }, ref) => {
|
|
13318
13347
|
const { quiz } = useQuizStore();
|
|
13319
|
-
return /* @__PURE__ */
|
|
13348
|
+
return /* @__PURE__ */ jsxs42(
|
|
13320
13349
|
"div",
|
|
13321
13350
|
{
|
|
13322
13351
|
ref,
|
|
@@ -13326,9 +13355,9 @@ var QuizResultHeaderTitle = forwardRef23(({ className, showBadge = true, onRepea
|
|
|
13326
13355
|
),
|
|
13327
13356
|
...props,
|
|
13328
13357
|
children: [
|
|
13329
|
-
/* @__PURE__ */
|
|
13330
|
-
/* @__PURE__ */
|
|
13331
|
-
canRetry && onRepeat && /* @__PURE__ */
|
|
13358
|
+
/* @__PURE__ */ jsx57("p", { className: "text-text-950 font-bold text-2xl", children: "Resultado" }),
|
|
13359
|
+
/* @__PURE__ */ jsxs42("div", { className: "flex flex-row gap-3 items-center", children: [
|
|
13360
|
+
canRetry && onRepeat && /* @__PURE__ */ jsx57(
|
|
13332
13361
|
Button_default,
|
|
13333
13362
|
{
|
|
13334
13363
|
variant: "solid",
|
|
@@ -13338,7 +13367,7 @@ var QuizResultHeaderTitle = forwardRef23(({ className, showBadge = true, onRepea
|
|
|
13338
13367
|
children: "Repetir question\xE1rio"
|
|
13339
13368
|
}
|
|
13340
13369
|
),
|
|
13341
|
-
showBadge && /* @__PURE__ */
|
|
13370
|
+
showBadge && /* @__PURE__ */ jsx57(QuizBadge, { subtype: quiz?.subtype || void 0 })
|
|
13342
13371
|
] })
|
|
13343
13372
|
]
|
|
13344
13373
|
}
|
|
@@ -13347,7 +13376,7 @@ var QuizResultHeaderTitle = forwardRef23(({ className, showBadge = true, onRepea
|
|
|
13347
13376
|
var QuizResultTitle = forwardRef23(({ className, ...props }, ref) => {
|
|
13348
13377
|
const { getQuizTitle } = useQuizStore();
|
|
13349
13378
|
const quizTitle = getQuizTitle();
|
|
13350
|
-
return /* @__PURE__ */
|
|
13379
|
+
return /* @__PURE__ */ jsx57(
|
|
13351
13380
|
"p",
|
|
13352
13381
|
{
|
|
13353
13382
|
className: cn("pt-6 pb-4 text-text-950 font-bold text-lg", className),
|
|
@@ -13408,7 +13437,7 @@ var QuizResultPerformance = forwardRef23(({ showDetails = true, ...props }, ref)
|
|
|
13408
13437
|
};
|
|
13409
13438
|
const percentage = totalQuestions > 0 ? Math.round(stats.correctAnswers / totalQuestions * 100) : 0;
|
|
13410
13439
|
const classesJustifyBetween = showDetails ? "justify-between" : "justify-center";
|
|
13411
|
-
return /* @__PURE__ */
|
|
13440
|
+
return /* @__PURE__ */ jsxs42(
|
|
13412
13441
|
"div",
|
|
13413
13442
|
{
|
|
13414
13443
|
className: cn(
|
|
@@ -13418,8 +13447,8 @@ var QuizResultPerformance = forwardRef23(({ showDetails = true, ...props }, ref)
|
|
|
13418
13447
|
ref,
|
|
13419
13448
|
...props,
|
|
13420
13449
|
children: [
|
|
13421
|
-
/* @__PURE__ */
|
|
13422
|
-
/* @__PURE__ */
|
|
13450
|
+
/* @__PURE__ */ jsxs42("div", { className: "relative", children: [
|
|
13451
|
+
/* @__PURE__ */ jsx57(
|
|
13423
13452
|
ProgressCircle_default,
|
|
13424
13453
|
{
|
|
13425
13454
|
size: "medium",
|
|
@@ -13429,24 +13458,24 @@ var QuizResultPerformance = forwardRef23(({ showDetails = true, ...props }, ref)
|
|
|
13429
13458
|
label: ""
|
|
13430
13459
|
}
|
|
13431
13460
|
),
|
|
13432
|
-
/* @__PURE__ */
|
|
13433
|
-
showDetails && /* @__PURE__ */
|
|
13434
|
-
/* @__PURE__ */
|
|
13435
|
-
/* @__PURE__ */
|
|
13461
|
+
/* @__PURE__ */ jsxs42("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
|
|
13462
|
+
showDetails && /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-1 mb-1", children: [
|
|
13463
|
+
/* @__PURE__ */ jsx57(Clock3, { size: 12, weight: "regular", className: "text-text-800" }),
|
|
13464
|
+
/* @__PURE__ */ jsx57("span", { className: "text-2xs font-medium text-text-800", children: formatTime2(
|
|
13436
13465
|
(getQuestionResultStatistics()?.timeSpent ?? 0) * 60
|
|
13437
13466
|
) })
|
|
13438
13467
|
] }),
|
|
13439
|
-
/* @__PURE__ */
|
|
13468
|
+
/* @__PURE__ */ jsxs42("div", { className: "text-2xl font-medium text-text-800 leading-7", children: [
|
|
13440
13469
|
getQuestionResultStatistics()?.correctAnswers ?? "--",
|
|
13441
13470
|
" de",
|
|
13442
13471
|
" ",
|
|
13443
13472
|
totalQuestions
|
|
13444
13473
|
] }),
|
|
13445
|
-
/* @__PURE__ */
|
|
13474
|
+
/* @__PURE__ */ jsx57("div", { className: "text-2xs font-medium text-text-600 mt-1", children: "Corretas" })
|
|
13446
13475
|
] })
|
|
13447
13476
|
] }),
|
|
13448
|
-
showDetails && /* @__PURE__ */
|
|
13449
|
-
/* @__PURE__ */
|
|
13477
|
+
showDetails && /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-4 w-full", children: [
|
|
13478
|
+
/* @__PURE__ */ jsx57(
|
|
13450
13479
|
ProgressBar_default,
|
|
13451
13480
|
{
|
|
13452
13481
|
className: "w-full",
|
|
@@ -13460,7 +13489,7 @@ var QuizResultPerformance = forwardRef23(({ showDetails = true, ...props }, ref)
|
|
|
13460
13489
|
percentageClassName: "text-xs font-medium leading-[14px] text-right"
|
|
13461
13490
|
}
|
|
13462
13491
|
),
|
|
13463
|
-
/* @__PURE__ */
|
|
13492
|
+
/* @__PURE__ */ jsx57(
|
|
13464
13493
|
ProgressBar_default,
|
|
13465
13494
|
{
|
|
13466
13495
|
className: "w-full",
|
|
@@ -13474,7 +13503,7 @@ var QuizResultPerformance = forwardRef23(({ showDetails = true, ...props }, ref)
|
|
|
13474
13503
|
percentageClassName: "text-xs font-medium leading-[14px] text-right"
|
|
13475
13504
|
}
|
|
13476
13505
|
),
|
|
13477
|
-
/* @__PURE__ */
|
|
13506
|
+
/* @__PURE__ */ jsx57(
|
|
13478
13507
|
ProgressBar_default,
|
|
13479
13508
|
{
|
|
13480
13509
|
className: "w-full",
|
|
@@ -13521,9 +13550,9 @@ var QuizListResult = forwardRef23(({ className, onSubjectClick, ...props }, ref)
|
|
|
13521
13550
|
};
|
|
13522
13551
|
}
|
|
13523
13552
|
);
|
|
13524
|
-
return /* @__PURE__ */
|
|
13525
|
-
/* @__PURE__ */
|
|
13526
|
-
/* @__PURE__ */
|
|
13553
|
+
return /* @__PURE__ */ jsxs42("section", { ref, className, ...props, children: [
|
|
13554
|
+
/* @__PURE__ */ jsx57("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Mat\xE9rias" }),
|
|
13555
|
+
/* @__PURE__ */ jsx57("ul", { className: "flex flex-col gap-2", children: subjectsStats.map((subject) => /* @__PURE__ */ jsx57("li", { children: /* @__PURE__ */ jsx57(
|
|
13527
13556
|
CardResults,
|
|
13528
13557
|
{
|
|
13529
13558
|
onClick: () => onSubjectClick?.(subject.subject.id),
|
|
@@ -13547,16 +13576,16 @@ var QuizListResultByMateria = ({
|
|
|
13547
13576
|
const groupedQuestions = getQuestionsGroupedBySubject();
|
|
13548
13577
|
const answeredQuestions = groupedQuestions[subject] || [];
|
|
13549
13578
|
const formattedQuestions = subject == "all" ? Object.values(groupedQuestions).flat() : answeredQuestions;
|
|
13550
|
-
return /* @__PURE__ */
|
|
13551
|
-
/* @__PURE__ */
|
|
13552
|
-
/* @__PURE__ */
|
|
13553
|
-
/* @__PURE__ */
|
|
13554
|
-
/* @__PURE__ */
|
|
13579
|
+
return /* @__PURE__ */ jsxs42("div", { className: "flex flex-col", children: [
|
|
13580
|
+
/* @__PURE__ */ jsx57("div", { className: "flex flex-row pt-4 justify-between", children: /* @__PURE__ */ jsx57("p", { className: "text-text-950 font-bold text-2xl", children: subjectName || formattedQuestions?.[0]?.knowledgeMatrix?.[0]?.subject?.name || "Sem mat\xE9ria" }) }),
|
|
13581
|
+
/* @__PURE__ */ jsxs42("section", { className: "flex flex-col ", children: [
|
|
13582
|
+
/* @__PURE__ */ jsx57("p", { className: "pt-6 pb-4 text-text-950 font-bold text-lg", children: "Resultado das quest\xF5es" }),
|
|
13583
|
+
/* @__PURE__ */ jsx57("ul", { className: "flex flex-col gap-2 pt-4", children: formattedQuestions.map((question) => {
|
|
13555
13584
|
const questionIndex = getQuestionIndex(
|
|
13556
13585
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
13557
13586
|
question.questionId ?? question.id
|
|
13558
13587
|
);
|
|
13559
|
-
return /* @__PURE__ */
|
|
13588
|
+
return /* @__PURE__ */ jsx57("li", { children: /* @__PURE__ */ jsx57(
|
|
13560
13589
|
CardStatus,
|
|
13561
13590
|
{
|
|
13562
13591
|
className: "max-w-full",
|
|
@@ -13582,7 +13611,7 @@ var QuizListResultByMateria = ({
|
|
|
13582
13611
|
|
|
13583
13612
|
// src/components/BreadcrumbMenu/BreadcrumbMenu.tsx
|
|
13584
13613
|
import { useNavigate } from "react-router-dom";
|
|
13585
|
-
import { jsx as
|
|
13614
|
+
import { jsx as jsx58 } from "react/jsx-runtime";
|
|
13586
13615
|
var BreadcrumbMenu = ({
|
|
13587
13616
|
breadcrumbs,
|
|
13588
13617
|
onBreadcrumbClick,
|
|
@@ -13595,17 +13624,17 @@ var BreadcrumbMenu = ({
|
|
|
13595
13624
|
}
|
|
13596
13625
|
navigate(breadcrumb.url);
|
|
13597
13626
|
};
|
|
13598
|
-
return /* @__PURE__ */
|
|
13627
|
+
return /* @__PURE__ */ jsx58(
|
|
13599
13628
|
Menu,
|
|
13600
13629
|
{
|
|
13601
13630
|
value: `breadcrumb-${breadcrumbs.length - 1}`,
|
|
13602
13631
|
defaultValue: "breadcrumb-0",
|
|
13603
13632
|
variant: "breadcrumb",
|
|
13604
13633
|
className,
|
|
13605
|
-
children: /* @__PURE__ */
|
|
13634
|
+
children: /* @__PURE__ */ jsx58(MenuContent, { className: "w-full flex flex-row flex-wrap gap-2 !px-0", children: breadcrumbs.map((breadcrumb, index) => {
|
|
13606
13635
|
const isLast = index === breadcrumbs.length - 1;
|
|
13607
13636
|
const hasSeparator = !isLast;
|
|
13608
|
-
return /* @__PURE__ */
|
|
13637
|
+
return /* @__PURE__ */ jsx58(
|
|
13609
13638
|
MenuItem,
|
|
13610
13639
|
{
|
|
13611
13640
|
variant: "breadcrumb",
|
|
@@ -14150,6 +14179,7 @@ export {
|
|
|
14150
14179
|
Modal_default as Modal,
|
|
14151
14180
|
MultipleChoiceList,
|
|
14152
14181
|
NavButton_default as NavButton,
|
|
14182
|
+
NoSearchResult_default as NoSearchResult,
|
|
14153
14183
|
NotFound_default as NotFound,
|
|
14154
14184
|
NotificationCard_default as NotificationCard,
|
|
14155
14185
|
NotificationEntityType,
|