@apps-megafy/ui 0.1.22
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/components.json +17 -0
- package/dist/components/AttachmentViewer/index.d.ts +7 -0
- package/dist/components/AttachmentViewer/index.d.ts.map +1 -0
- package/dist/components/AttachmentViewer/index.js +15 -0
- package/dist/components/AttachmentViewer/index.js.map +1 -0
- package/dist/components/CameraCapture/index.d.ts +7 -0
- package/dist/components/CameraCapture/index.d.ts.map +1 -0
- package/dist/components/CameraCapture/index.js +153 -0
- package/dist/components/CameraCapture/index.js.map +1 -0
- package/dist/components/ChatInput/index.d.ts +19 -0
- package/dist/components/ChatInput/index.d.ts.map +1 -0
- package/dist/components/ChatInput/index.js +124 -0
- package/dist/components/ChatInput/index.js.map +1 -0
- package/dist/components/ChoiceCardPanel/index.d.ts +11 -0
- package/dist/components/ChoiceCardPanel/index.d.ts.map +1 -0
- package/dist/components/ChoiceCardPanel/index.js +101 -0
- package/dist/components/ChoiceCardPanel/index.js.map +1 -0
- package/dist/components/ConfirmationSummaryCard/index.d.ts +7 -0
- package/dist/components/ConfirmationSummaryCard/index.d.ts.map +1 -0
- package/dist/components/ConfirmationSummaryCard/index.js +7 -0
- package/dist/components/ConfirmationSummaryCard/index.js.map +1 -0
- package/dist/components/ConsentViewer/index.d.ts +9 -0
- package/dist/components/ConsentViewer/index.d.ts.map +1 -0
- package/dist/components/ConsentViewer/index.js +8 -0
- package/dist/components/ConsentViewer/index.js.map +1 -0
- package/dist/components/FrontendWidgetsArea/index.d.ts +17 -0
- package/dist/components/FrontendWidgetsArea/index.d.ts.map +1 -0
- package/dist/components/FrontendWidgetsArea/index.js +329 -0
- package/dist/components/FrontendWidgetsArea/index.js.map +1 -0
- package/dist/components/MessageArea/index.d.ts +14 -0
- package/dist/components/MessageArea/index.d.ts.map +1 -0
- package/dist/components/MessageArea/index.js +17 -0
- package/dist/components/MessageArea/index.js.map +1 -0
- package/dist/components/MessageBubble/index.d.ts +11 -0
- package/dist/components/MessageBubble/index.d.ts.map +1 -0
- package/dist/components/MessageBubble/index.js +17 -0
- package/dist/components/MessageBubble/index.js.map +1 -0
- package/dist/components/ProgressSteps/index.d.ts +23 -0
- package/dist/components/ProgressSteps/index.d.ts.map +1 -0
- package/dist/components/ProgressSteps/index.js +50 -0
- package/dist/components/ProgressSteps/index.js.map +1 -0
- package/dist/components/QuestionCardPanel/CardShell.d.ts +14 -0
- package/dist/components/QuestionCardPanel/CardShell.d.ts.map +1 -0
- package/dist/components/QuestionCardPanel/CardShell.js +8 -0
- package/dist/components/QuestionCardPanel/CardShell.js.map +1 -0
- package/dist/components/QuestionCardPanel/index.d.ts +11 -0
- package/dist/components/QuestionCardPanel/index.d.ts.map +1 -0
- package/dist/components/QuestionCardPanel/index.js +17 -0
- package/dist/components/QuestionCardPanel/index.js.map +1 -0
- package/dist/components/QuickActionButton/index.d.ts +6 -0
- package/dist/components/QuickActionButton/index.d.ts.map +1 -0
- package/dist/components/QuickActionButton/index.js +7 -0
- package/dist/components/QuickActionButton/index.js.map +1 -0
- package/dist/components/QuickActionsArea/index.d.ts +8 -0
- package/dist/components/QuickActionsArea/index.d.ts.map +1 -0
- package/dist/components/QuickActionsArea/index.js +10 -0
- package/dist/components/QuickActionsArea/index.js.map +1 -0
- package/dist/components/RegenerateMessageButton/index.d.ts +3 -0
- package/dist/components/RegenerateMessageButton/index.d.ts.map +1 -0
- package/dist/components/RegenerateMessageButton/index.js +7 -0
- package/dist/components/RegenerateMessageButton/index.js.map +1 -0
- package/dist/components/RichText/index.d.ts +6 -0
- package/dist/components/RichText/index.d.ts.map +1 -0
- package/dist/components/RichText/index.js +113 -0
- package/dist/components/RichText/index.js.map +1 -0
- package/dist/components/TimeEstimateCard/index.d.ts +7 -0
- package/dist/components/TimeEstimateCard/index.d.ts.map +1 -0
- package/dist/components/TimeEstimateCard/index.js +14 -0
- package/dist/components/TimeEstimateCard/index.js.map +1 -0
- package/dist/components/UploadDocumentButton/index.d.ts +3 -0
- package/dist/components/UploadDocumentButton/index.d.ts.map +1 -0
- package/dist/components/UploadDocumentButton/index.js +7 -0
- package/dist/components/UploadDocumentButton/index.js.map +1 -0
- package/dist/components/primitives/Avatar.d.ts +8 -0
- package/dist/components/primitives/Avatar.d.ts.map +1 -0
- package/dist/components/primitives/Avatar.js +6 -0
- package/dist/components/primitives/Avatar.js.map +1 -0
- package/dist/components/primitives/Button.d.ts +12 -0
- package/dist/components/primitives/Button.d.ts.map +1 -0
- package/dist/components/primitives/Button.js +34 -0
- package/dist/components/primitives/Button.js.map +1 -0
- package/dist/components/primitives/Dialog.d.ts +11 -0
- package/dist/components/primitives/Dialog.d.ts.map +1 -0
- package/dist/components/primitives/Dialog.js +16 -0
- package/dist/components/primitives/Dialog.js.map +1 -0
- package/dist/components/primitives/index.d.ts +4 -0
- package/dist/components/primitives/index.d.ts.map +1 -0
- package/dist/components/primitives/index.js +4 -0
- package/dist/components/primitives/index.js.map +1 -0
- package/dist/index.d.ts +20 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +20 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/types.d.ts +126 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +52 -0
- package/src/styles.css +107 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ShieldCheck } from "lucide-react";
|
|
3
|
+
import { cn } from "../../lib/utils";
|
|
4
|
+
import { Button } from "../primitives/Button";
|
|
5
|
+
export function ConsentViewer({ title, body, accepted, onAccept, className }) {
|
|
6
|
+
return (_jsx("section", { className: cn("rounded-lg border border-border bg-card p-4 shadow-xs", className), children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary", children: _jsx(ShieldCheck, { className: "h-5 w-5" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-sm font-semibold", children: title }), _jsx("p", { className: "mt-2 max-h-36 overflow-y-auto whitespace-pre-wrap text-sm leading-6 text-muted-foreground", children: body }), onAccept ? (_jsx(Button, { type: "button", size: "sm", className: "mt-3", disabled: accepted, onClick: onAccept, children: accepted ? "Consentimiento aceptado" : "Aceptar consentimiento" })) : null] })] }) }));
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ConsentViewer/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAU9C,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAsB;IAC9F,OAAO,CACL,kBAAS,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,SAAS,CAAC,YACxF,eAAK,SAAS,EAAC,wBAAwB,aACrC,cAAK,SAAS,EAAC,2FAA2F,YACxG,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,GAC/B,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,EAClD,YAAG,SAAS,EAAC,2FAA2F,YACrG,IAAI,GACH,EACH,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,YACnF,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,wBAAwB,GACzD,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,GACE,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import "leaflet/dist/leaflet.css";
|
|
2
|
+
import type { ChoiceCardWidget, DatePickerWidget, FrontendWidget, LocationPickerWidget, QuestionCardWidget } from "../../types";
|
|
3
|
+
export interface FrontendWidgetsAreaProps {
|
|
4
|
+
widgets: FrontendWidget[];
|
|
5
|
+
onDateSelect: (widget: DatePickerWidget, value: string) => void;
|
|
6
|
+
onLocationSelect?: (widget: LocationPickerWidget, value: string) => void;
|
|
7
|
+
questionCardAnswers?: Record<string, string>;
|
|
8
|
+
onQuestionCardAnswer?: (widget: QuestionCardWidget, fieldId: string, value: string) => void;
|
|
9
|
+
onQuestionCardSubmit?: (widget: QuestionCardWidget, answers: Record<string, string>) => void;
|
|
10
|
+
choiceCardAnswers?: Record<string, string | string[]>;
|
|
11
|
+
onChoiceCardAnswer?: (widget: ChoiceCardWidget, fieldId: string, value: string | string[]) => void;
|
|
12
|
+
onChoiceCardSubmit?: (widget: ChoiceCardWidget, answers: Record<string, string>) => void;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function FrontendWidgetsArea({ widgets, onDateSelect, onLocationSelect, questionCardAnswers, onQuestionCardAnswer, onQuestionCardSubmit, choiceCardAnswers, onChoiceCardAnswer, onChoiceCardSubmit, disabled, className, }: FrontendWidgetsAreaProps): import("react").JSX.Element | null;
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FrontendWidgetsArea/index.tsx"],"names":[],"mappings":"AACA,OAAO,0BAA0B,CAAC;AAGlC,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAqB,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAMnJ,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5F,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7F,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnG,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,EACR,SAAS,GACV,EAAE,wBAAwB,sCAuG1B"}
|
|
@@ -0,0 +1,329 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { CalendarDays, Check, ChevronLeft, ChevronRight, MapPin } from "lucide-react";
|
|
3
|
+
import "leaflet/dist/leaflet.css";
|
|
4
|
+
import { useEffect, useMemo, useRef, useState } from "react";
|
|
5
|
+
import { cn } from "../../lib/utils";
|
|
6
|
+
import { Button } from "../primitives/Button";
|
|
7
|
+
import { ChoiceCardPanel } from "../ChoiceCardPanel";
|
|
8
|
+
import { QuestionCardPanel } from "../QuestionCardPanel";
|
|
9
|
+
const MONTHS = [
|
|
10
|
+
"Enero",
|
|
11
|
+
"Febrero",
|
|
12
|
+
"Marzo",
|
|
13
|
+
"Abril",
|
|
14
|
+
"Mayo",
|
|
15
|
+
"Junio",
|
|
16
|
+
"Julio",
|
|
17
|
+
"Agosto",
|
|
18
|
+
"Septiembre",
|
|
19
|
+
"Octubre",
|
|
20
|
+
"Noviembre",
|
|
21
|
+
"Diciembre",
|
|
22
|
+
];
|
|
23
|
+
const WEEKDAYS = ["Lu", "Ma", "Mi", "Ju", "Vi", "Sa", "Do"];
|
|
24
|
+
export function FrontendWidgetsArea({ widgets, onDateSelect, onLocationSelect, questionCardAnswers, onQuestionCardAnswer, onQuestionCardSubmit, choiceCardAnswers, onChoiceCardAnswer, onChoiceCardSubmit, disabled, className, }) {
|
|
25
|
+
const [mobileDrawerOpen, setMobileDrawerOpen] = useState(false);
|
|
26
|
+
const touchStartYRef = useRef(null);
|
|
27
|
+
const visibleWidgets = widgets.filter((widget) => widget.type === "date_picker" ||
|
|
28
|
+
widget.type === "location_picker" ||
|
|
29
|
+
widget.type === "question_card" ||
|
|
30
|
+
widget.type === "choice_card");
|
|
31
|
+
const widgetSignature = visibleWidgets.map((widget) => widget.id).join("|");
|
|
32
|
+
const hasCard = visibleWidgets.some((w) => w.type === "question_card" || w.type === "choice_card");
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
setMobileDrawerOpen(hasCard);
|
|
35
|
+
}, [widgetSignature]);
|
|
36
|
+
if (!visibleWidgets.length) {
|
|
37
|
+
return null;
|
|
38
|
+
}
|
|
39
|
+
const handleTouchEnd = (clientY) => {
|
|
40
|
+
const startY = touchStartYRef.current;
|
|
41
|
+
touchStartYRef.current = null;
|
|
42
|
+
if (startY === null)
|
|
43
|
+
return;
|
|
44
|
+
const delta = clientY - startY;
|
|
45
|
+
if (delta > 28)
|
|
46
|
+
setMobileDrawerOpen(false);
|
|
47
|
+
if (delta < -28)
|
|
48
|
+
setMobileDrawerOpen(true);
|
|
49
|
+
};
|
|
50
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("relative z-10 hidden px-4 pb-2 sm:block sm:px-6", className), children: _jsx("div", { className: "mx-auto flex max-w-4xl flex-col items-center gap-3", children: _jsx(WidgetStack, { widgets: visibleWidgets, disabled: disabled, onDateSelect: onDateSelect, onLocationSelect: onLocationSelect, questionCardAnswers: questionCardAnswers, onQuestionCardAnswer: onQuestionCardAnswer, onQuestionCardSubmit: onQuestionCardSubmit, choiceCardAnswers: choiceCardAnswers, onChoiceCardAnswer: onChoiceCardAnswer, onChoiceCardSubmit: onChoiceCardSubmit }) }) }), mobileDrawerOpen ? (_jsx("button", { type: "button", "aria-label": "Cerrar selector", className: "admission-mobile-widget-offset fixed inset-x-0 top-0 z-20 bg-foreground/10 backdrop-blur-[1px] sm:hidden", onClick: () => setMobileDrawerOpen(false) })) : null, _jsx("div", { className: cn("admission-mobile-widget-offset fixed inset-x-0 z-30 px-3 transition-transform duration-300 ease-out sm:hidden", mobileDrawerOpen ? "translate-y-0" : "translate-y-[calc(100%-2.75rem)]", className), children: _jsxs("div", { className: "mx-auto max-w-lg overflow-hidden rounded-t-[1.35rem] border border-border bg-background/95 shadow-[0_-16px_54px_hsl(var(--foreground)/0.16)] backdrop-blur-xl", children: [_jsxs("button", { type: "button", "aria-expanded": mobileDrawerOpen, "aria-label": mobileDrawerOpen ? "Compactar selector" : "Abrir selector", className: "flex h-11 w-full flex-col items-center justify-center gap-1.5 border-b border-border/70 bg-card/90 text-xs font-medium text-muted-foreground", onClick: () => setMobileDrawerOpen((open) => !open), onTouchStart: (event) => {
|
|
51
|
+
touchStartYRef.current = event.touches[0]?.clientY ?? null;
|
|
52
|
+
}, onTouchEnd: (event) => {
|
|
53
|
+
handleTouchEnd(event.changedTouches[0]?.clientY ?? 0);
|
|
54
|
+
}, children: [_jsx("span", { className: "h-1 w-12 rounded-full bg-border", "aria-hidden": "true" }), _jsx("span", { children: mobileDrawerOpen ? "Compactar" : hasCard ? "Cuestionario disponible" : "Selector disponible" })] }), _jsx("div", { className: "admission-mobile-widget-content admission-scrollbar overflow-y-auto px-3 pb-3 pt-2", children: _jsx(WidgetStack, { widgets: visibleWidgets, disabled: disabled, onDateSelect: onDateSelect, onLocationSelect: onLocationSelect, questionCardAnswers: questionCardAnswers, onQuestionCardAnswer: onQuestionCardAnswer, onQuestionCardSubmit: onQuestionCardSubmit, choiceCardAnswers: choiceCardAnswers, onChoiceCardAnswer: onChoiceCardAnswer, onChoiceCardSubmit: onChoiceCardSubmit }) })] }) })] }));
|
|
55
|
+
}
|
|
56
|
+
function WidgetStack({ widgets, disabled, onDateSelect, onLocationSelect, questionCardAnswers, onQuestionCardAnswer, onQuestionCardSubmit, choiceCardAnswers, onChoiceCardAnswer, onChoiceCardSubmit, }) {
|
|
57
|
+
return (_jsx(_Fragment, { children: widgets.map((widget) => widget.type === "date_picker" ? (_jsx(DatePickerCard, { widget: widget, disabled: disabled, onDateSelect: onDateSelect }, widget.id)) : widget.type === "location_picker" ? (_jsx(LocationPickerCard, { widget: widget, disabled: disabled, onLocationSelect: onLocationSelect }, widget.id)) : widget.type === "question_card" ? (_jsx(QuestionCardPanel, { widget: widget, answers: questionCardAnswers ?? {}, disabled: disabled, onAnswer: (fieldId, value) => onQuestionCardAnswer?.(widget, fieldId, value), onSubmit: (answers) => onQuestionCardSubmit?.(widget, answers) }, widget.id)) : widget.type === "choice_card" ? (_jsx(ChoiceCardPanel, { widget: widget, answers: choiceCardAnswers ?? {}, disabled: disabled, onAnswer: (fieldId, value) => onChoiceCardAnswer?.(widget, fieldId, value), onSubmit: (answers) => onChoiceCardSubmit?.(widget, answers) }, widget.id)) : null) }));
|
|
58
|
+
}
|
|
59
|
+
function LocationPickerCard({ widget, disabled, onLocationSelect, }) {
|
|
60
|
+
const firstCandidate = widget.candidates?.[0];
|
|
61
|
+
const initialLocation = firstCandidate
|
|
62
|
+
? locationFromCandidate(firstCandidate)
|
|
63
|
+
: { lat: widget.center.lat, lng: widget.center.lng };
|
|
64
|
+
const [selectedLocation, setSelectedLocation] = useState(initialLocation);
|
|
65
|
+
const [reverseStatus, setReverseStatus] = useState("idle");
|
|
66
|
+
const [mapReady, setMapReady] = useState(false);
|
|
67
|
+
const mapContainerRef = useRef(null);
|
|
68
|
+
const leafletMapRef = useRef(null);
|
|
69
|
+
const markerRef = useRef(null);
|
|
70
|
+
// Inicializar el mapa una sola vez
|
|
71
|
+
useEffect(() => {
|
|
72
|
+
if (!mapContainerRef.current || leafletMapRef.current)
|
|
73
|
+
return;
|
|
74
|
+
let cancelled = false;
|
|
75
|
+
void import("leaflet").then((leaflet) => {
|
|
76
|
+
if (cancelled || !mapContainerRef.current || leafletMapRef.current)
|
|
77
|
+
return;
|
|
78
|
+
const Leaflet = (leaflet.default ?? leaflet);
|
|
79
|
+
delete Leaflet.Icon.Default.prototype["_getIconUrl"];
|
|
80
|
+
Leaflet.Icon.Default.mergeOptions({
|
|
81
|
+
iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
|
|
82
|
+
iconRetinaUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png",
|
|
83
|
+
shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png",
|
|
84
|
+
});
|
|
85
|
+
const map = Leaflet.map(mapContainerRef.current, {
|
|
86
|
+
center: [initialLocation.lat, initialLocation.lng],
|
|
87
|
+
zoom: widget.zoom ?? 13,
|
|
88
|
+
});
|
|
89
|
+
Leaflet.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
|
|
90
|
+
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
|
|
91
|
+
maxZoom: 19,
|
|
92
|
+
}).addTo(map);
|
|
93
|
+
const marker = Leaflet.marker([initialLocation.lat, initialLocation.lng], {
|
|
94
|
+
draggable: !disabled,
|
|
95
|
+
}).addTo(map);
|
|
96
|
+
const handleLocationChange = (lat, lng) => {
|
|
97
|
+
setSelectedLocation((prev) => ({ ...prev, lat, lng, label: undefined }));
|
|
98
|
+
setReverseStatus("loading");
|
|
99
|
+
void reverseGeocode({ lat, lng })
|
|
100
|
+
.then((details) => {
|
|
101
|
+
setSelectedLocation((current) => ({ ...current, ...details }));
|
|
102
|
+
setReverseStatus("done");
|
|
103
|
+
})
|
|
104
|
+
.catch(() => setReverseStatus("error"));
|
|
105
|
+
};
|
|
106
|
+
// Click en el mapa → mueve el marker
|
|
107
|
+
map.on("click", (event) => {
|
|
108
|
+
if (disabled)
|
|
109
|
+
return;
|
|
110
|
+
marker.setLatLng(event.latlng);
|
|
111
|
+
handleLocationChange(event.latlng.lat, event.latlng.lng);
|
|
112
|
+
});
|
|
113
|
+
// Drag del marker
|
|
114
|
+
marker.on("dragend", () => {
|
|
115
|
+
const pos = marker.getLatLng();
|
|
116
|
+
handleLocationChange(pos.lat, pos.lng);
|
|
117
|
+
});
|
|
118
|
+
leafletMapRef.current = map;
|
|
119
|
+
markerRef.current = marker;
|
|
120
|
+
setMapReady(true);
|
|
121
|
+
window.requestAnimationFrame(() => map.invalidateSize());
|
|
122
|
+
});
|
|
123
|
+
return () => {
|
|
124
|
+
cancelled = true;
|
|
125
|
+
leafletMapRef.current?.remove();
|
|
126
|
+
markerRef.current = null;
|
|
127
|
+
leafletMapRef.current = null;
|
|
128
|
+
};
|
|
129
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
130
|
+
}, []);
|
|
131
|
+
useEffect(() => {
|
|
132
|
+
const container = mapContainerRef.current;
|
|
133
|
+
const map = leafletMapRef.current;
|
|
134
|
+
if (!container || !map || typeof ResizeObserver === "undefined")
|
|
135
|
+
return;
|
|
136
|
+
const observer = new ResizeObserver(() => {
|
|
137
|
+
window.requestAnimationFrame(() => map.invalidateSize());
|
|
138
|
+
});
|
|
139
|
+
observer.observe(container);
|
|
140
|
+
return () => observer.disconnect();
|
|
141
|
+
}, [mapReady]);
|
|
142
|
+
// Cuando se selecciona un candidato → mueve marker y centra el mapa
|
|
143
|
+
const selectCandidate = (candidate) => {
|
|
144
|
+
const loc = locationFromCandidate(candidate);
|
|
145
|
+
setSelectedLocation(loc);
|
|
146
|
+
setReverseStatus("done");
|
|
147
|
+
if (leafletMapRef.current && markerRef.current) {
|
|
148
|
+
const latlng = [loc.lat, loc.lng];
|
|
149
|
+
markerRef.current.setLatLng(latlng);
|
|
150
|
+
leafletMapRef.current.setView(latlng, leafletMapRef.current.getZoom());
|
|
151
|
+
}
|
|
152
|
+
};
|
|
153
|
+
const confirmLocation = () => {
|
|
154
|
+
onLocationSelect?.(widget, formatLocationValue(selectedLocation));
|
|
155
|
+
};
|
|
156
|
+
const locationLabel = formatLocationLabel(selectedLocation);
|
|
157
|
+
const locationDetails = formatLocationDetails(selectedLocation);
|
|
158
|
+
const canConfirmLocation = Boolean(locationLabel || locationDetails.length);
|
|
159
|
+
return (_jsx("section", { className: "w-full max-w-4xl animate-agent-in rounded-[1.25rem] border border-border bg-card/95 p-2.5 shadow-[0_14px_36px_hsl(var(--foreground)/0.08)] backdrop-blur-xl sm:p-3", children: _jsxs("div", { className: "grid gap-3 md:grid-cols-[minmax(15rem,0.88fr)_minmax(19rem,1.12fr)] md:items-stretch", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2.5", children: [_jsx("span", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl border border-primary/15 bg-primary/10 text-primary", children: _jsx(MapPin, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: widget.label }), _jsx("p", { className: "mt-0.5 text-xs leading-5 text-muted-foreground", children: widget.description || "Hacé click en el mapa o arrastrá el marcador para seleccionar la ubicación." })] })] }), widget.candidates?.length ? (_jsx("div", { className: "flex flex-wrap gap-2 md:max-h-24 md:overflow-y-auto md:pr-1", children: widget.candidates.map((candidate) => (_jsx("button", { type: "button", disabled: disabled, onClick: () => selectCandidate(candidate), className: "rounded-full border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground shadow-xs transition hover:border-primary/35 hover:text-primary disabled:cursor-not-allowed disabled:opacity-60", children: candidate.label }, candidate.id))) })) : null, _jsxs("div", { className: "mt-auto flex flex-col gap-2 rounded-2xl border border-border/70 bg-background/70 p-2.5 sm:flex-row sm:items-center sm:justify-between md:flex-col md:items-stretch", children: [_jsxs("div", { className: "min-w-0 text-xs leading-5 text-muted-foreground", children: [_jsx("p", { className: "truncate font-medium text-foreground", children: locationLabel || "Pin seleccionado" }), _jsx("p", { className: "truncate", children: reverseStatus === "loading"
|
|
160
|
+
? "Resolviendo ubicación..."
|
|
161
|
+
: locationDetails.join(" / ") || "Mueve el pin para resolver la dirección." })] }), _jsxs(Button, { type: "button", disabled: disabled || reverseStatus === "loading" || !canConfirmLocation, onClick: confirmLocation, className: "rounded-full", children: [_jsx(Check, { className: "h-4 w-4" }), "Confirmar ubicaci\u00F3n"] })] })] }), _jsx("div", { className: "overflow-hidden rounded-2xl border border-border", children: _jsx("div", { ref: mapContainerRef, className: "h-52 w-full md:h-44 lg:h-48" }) })] }) }));
|
|
162
|
+
}
|
|
163
|
+
function DatePickerCard({ widget, disabled, onDateSelect, }) {
|
|
164
|
+
const minDate = useMemo(() => parseIsoDate(widget.minDate), [widget.minDate]);
|
|
165
|
+
const maxDate = useMemo(() => parseIsoDate(widget.maxDate), [widget.maxDate]);
|
|
166
|
+
const initialMonth = useMemo(() => resolveInitialMonth(widget.initialMonth, minDate, maxDate), [widget.initialMonth, minDate, maxDate]);
|
|
167
|
+
const [viewDate, setViewDate] = useState(initialMonth);
|
|
168
|
+
const [selectedDate, setSelectedDate] = useState(null);
|
|
169
|
+
const calendarDays = useMemo(() => buildCalendarDays(viewDate), [viewDate]);
|
|
170
|
+
const yearRange = useMemo(() => buildYearRange(minDate, maxDate, viewDate), [minDate, maxDate, viewDate]);
|
|
171
|
+
const canGoPrevious = canMoveMonth(viewDate, -1, minDate, maxDate);
|
|
172
|
+
const canGoNext = canMoveMonth(viewDate, 1, minDate, maxDate);
|
|
173
|
+
const moveMonth = (delta) => {
|
|
174
|
+
setViewDate((current) => clampMonth(new Date(current.getFullYear(), current.getMonth() + delta, 1), minDate, maxDate));
|
|
175
|
+
};
|
|
176
|
+
const setMonth = (month) => {
|
|
177
|
+
setViewDate((current) => clampMonth(new Date(current.getFullYear(), month, 1), minDate, maxDate));
|
|
178
|
+
};
|
|
179
|
+
const setYear = (year) => {
|
|
180
|
+
setViewDate((current) => clampMonth(new Date(year, current.getMonth(), 1), minDate, maxDate));
|
|
181
|
+
};
|
|
182
|
+
const confirmDate = () => {
|
|
183
|
+
if (!selectedDate) {
|
|
184
|
+
return;
|
|
185
|
+
}
|
|
186
|
+
onDateSelect(widget, formatDisplayDate(selectedDate));
|
|
187
|
+
};
|
|
188
|
+
return (_jsxs("section", { className: "w-full max-w-[22rem] animate-agent-in rounded-2xl border border-border bg-card/95 p-3 shadow-[0_14px_36px_hsl(var(--foreground)/0.08)] backdrop-blur-xl", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2.5", children: [_jsx("span", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-xl border border-primary/15 bg-primary/10 text-primary", children: _jsx(CalendarDays, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: widget.label }), _jsx("p", { className: "mt-0.5 text-xs leading-5 text-muted-foreground", children: widget.description || "Puedes escribir la fecha en el chat o seleccionarla en el calendario." })] })] }), _jsxs("div", { className: "mt-3 rounded-xl border border-border bg-background/70 p-2", children: [_jsxs("div", { className: "grid grid-cols-[2rem_minmax(0,1fr)_2rem] items-center gap-2", children: [_jsx(Button, { type: "button", size: "icon", variant: "ghost", disabled: disabled || !canGoPrevious, onClick: () => moveMonth(-1), "aria-label": "Mes anterior", className: "h-8 w-8 rounded-md", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex min-w-0 items-center justify-center gap-1.5", children: [_jsx("select", { value: viewDate.getMonth(), disabled: disabled, onChange: (event) => setMonth(Number(event.target.value)), "aria-label": "Seleccionar mes", className: "h-8 min-w-0 flex-1 rounded-md border border-input bg-background px-2 text-center text-xs font-medium text-foreground outline-none transition-colors focus:border-primary sm:max-w-32", children: MONTHS.map((month, index) => (_jsx("option", { value: index, children: month }, month))) }), _jsx("select", { value: viewDate.getFullYear(), disabled: disabled, onChange: (event) => setYear(Number(event.target.value)), "aria-label": "Seleccionar a\u00F1o", className: "h-8 w-20 rounded-md border border-input bg-background px-2 text-center text-xs font-medium text-foreground outline-none transition-colors focus:border-primary", children: yearRange.map((year) => (_jsx("option", { value: year, children: year }, year))) })] }), _jsx(Button, { type: "button", size: "icon", variant: "ghost", disabled: disabled || !canGoNext, onClick: () => moveMonth(1), "aria-label": "Mes siguiente", className: "h-8 w-8 rounded-md", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "mt-3 grid grid-cols-7 place-items-center gap-0.5 text-center text-[11px] font-medium text-muted-foreground", children: WEEKDAYS.map((weekday) => (_jsx("span", { className: "flex h-7 w-7 items-center justify-center sm:h-8 sm:w-8", children: weekday }, weekday))) }), _jsx("div", { className: "mt-1 grid grid-cols-7 place-items-center gap-0.5", children: calendarDays.map((day, index) => day ? (_jsx("button", { type: "button", disabled: disabled || !isDateAllowed(day, minDate, maxDate), onClick: () => setSelectedDate(day), className: cn("flex h-8 w-8 items-center justify-center rounded-md border border-transparent text-sm font-normal transition-all duration-200 sm:h-9 sm:w-9", "hover:border-primary/30 hover:bg-primary/10 hover:text-primary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:text-muted-foreground/35 disabled:hover:border-transparent disabled:hover:bg-transparent", selectedDate && isSameDay(day, selectedDate) &&
|
|
189
|
+
"border-primary bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground"), "aria-label": `Marcar ${formatDisplayDate(day)}`, "aria-pressed": Boolean(selectedDate && isSameDay(day, selectedDate)), children: day.getDate() }, day.toISOString())) : (_jsx("span", { className: "h-8 w-8 sm:h-9 sm:w-9", "aria-hidden": "true" }, `empty-${index}`))) })] }), _jsxs("div", { className: "mt-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsx("p", { className: "min-h-5 text-xs text-muted-foreground", children: selectedDate ? `Fecha seleccionada: ${formatDisplayDate(selectedDate)}` : "Selecciona una fecha para continuar." }), _jsxs(Button, { type: "button", disabled: disabled || !selectedDate, onClick: confirmDate, className: "rounded-full", children: [_jsx(Check, { className: "h-4 w-4" }), "Confirmar fecha"] })] })] }));
|
|
190
|
+
}
|
|
191
|
+
// ─── Helpers ────────────────────────────────────────────────────────────────
|
|
192
|
+
function resolveInitialMonth(initialMonth, minDate, maxDate) {
|
|
193
|
+
const parsed = parseInitialMonth(initialMonth);
|
|
194
|
+
if (parsed)
|
|
195
|
+
return clampMonth(parsed, minDate, maxDate);
|
|
196
|
+
if (maxDate)
|
|
197
|
+
return clampMonth(maxDate, minDate, maxDate);
|
|
198
|
+
return clampMonth(new Date(), minDate, maxDate);
|
|
199
|
+
}
|
|
200
|
+
function parseInitialMonth(value) {
|
|
201
|
+
if (!value || !/^\d{4}-\d{2}$/.test(value))
|
|
202
|
+
return null;
|
|
203
|
+
const [year, month] = value.split("-").map(Number);
|
|
204
|
+
return new Date(year, month - 1, 1);
|
|
205
|
+
}
|
|
206
|
+
function parseIsoDate(value) {
|
|
207
|
+
if (!value || !/^\d{4}-\d{2}-\d{2}$/.test(value))
|
|
208
|
+
return null;
|
|
209
|
+
const [year, month, day] = value.split("-").map(Number);
|
|
210
|
+
return new Date(year, month - 1, day);
|
|
211
|
+
}
|
|
212
|
+
function buildCalendarDays(viewDate) {
|
|
213
|
+
const year = viewDate.getFullYear();
|
|
214
|
+
const month = viewDate.getMonth();
|
|
215
|
+
const firstDay = new Date(year, month, 1);
|
|
216
|
+
const startOffset = (firstDay.getDay() + 6) % 7;
|
|
217
|
+
const daysInMonth = new Date(year, month + 1, 0).getDate();
|
|
218
|
+
const days = Array.from({ length: startOffset }, () => null);
|
|
219
|
+
for (let day = 1; day <= daysInMonth; day += 1) {
|
|
220
|
+
days.push(new Date(year, month, day));
|
|
221
|
+
}
|
|
222
|
+
return days;
|
|
223
|
+
}
|
|
224
|
+
function buildYearRange(minDate, maxDate, viewDate) {
|
|
225
|
+
const minYear = minDate?.getFullYear() ?? viewDate.getFullYear() - 120;
|
|
226
|
+
const maxYear = maxDate?.getFullYear() ?? viewDate.getFullYear() + 20;
|
|
227
|
+
const years = [];
|
|
228
|
+
for (let year = maxYear; year >= minYear; year -= 1) {
|
|
229
|
+
years.push(year);
|
|
230
|
+
}
|
|
231
|
+
return years;
|
|
232
|
+
}
|
|
233
|
+
function canMoveMonth(viewDate, delta, minDate, maxDate) {
|
|
234
|
+
const next = new Date(viewDate.getFullYear(), viewDate.getMonth() + delta, 1);
|
|
235
|
+
return next.getTime() === clampMonth(next, minDate, maxDate).getTime();
|
|
236
|
+
}
|
|
237
|
+
function clampMonth(date, minDate, maxDate) {
|
|
238
|
+
const month = new Date(date.getFullYear(), date.getMonth(), 1);
|
|
239
|
+
const minMonth = minDate ? new Date(minDate.getFullYear(), minDate.getMonth(), 1) : null;
|
|
240
|
+
const maxMonth = maxDate ? new Date(maxDate.getFullYear(), maxDate.getMonth(), 1) : null;
|
|
241
|
+
if (minMonth && month < minMonth)
|
|
242
|
+
return minMonth;
|
|
243
|
+
if (maxMonth && month > maxMonth)
|
|
244
|
+
return maxMonth;
|
|
245
|
+
return month;
|
|
246
|
+
}
|
|
247
|
+
function isDateAllowed(date, minDate, maxDate) {
|
|
248
|
+
if (minDate && date < startOfDay(minDate))
|
|
249
|
+
return false;
|
|
250
|
+
if (maxDate && date > startOfDay(maxDate))
|
|
251
|
+
return false;
|
|
252
|
+
return true;
|
|
253
|
+
}
|
|
254
|
+
function startOfDay(date) {
|
|
255
|
+
return new Date(date.getFullYear(), date.getMonth(), date.getDate());
|
|
256
|
+
}
|
|
257
|
+
function isSameDay(a, b) {
|
|
258
|
+
return (a.getFullYear() === b.getFullYear() &&
|
|
259
|
+
a.getMonth() === b.getMonth() &&
|
|
260
|
+
a.getDate() === b.getDate());
|
|
261
|
+
}
|
|
262
|
+
function formatDisplayDate(date) {
|
|
263
|
+
return `${String(date.getDate()).padStart(2, "0")}/${String(date.getMonth() + 1).padStart(2, "0")}/${date.getFullYear()}`;
|
|
264
|
+
}
|
|
265
|
+
function locationFromCandidate(candidate) {
|
|
266
|
+
return {
|
|
267
|
+
lat: Number(candidate.lat),
|
|
268
|
+
lng: Number(candidate.lng),
|
|
269
|
+
label: candidate.label,
|
|
270
|
+
address: candidate.street || candidate.formatted_address,
|
|
271
|
+
comuna: candidate.comuna,
|
|
272
|
+
city: candidate.city,
|
|
273
|
+
region: candidate.region,
|
|
274
|
+
country: candidate.country || "Chile",
|
|
275
|
+
};
|
|
276
|
+
}
|
|
277
|
+
function formatLocationLabel(location) {
|
|
278
|
+
return location.address?.trim() || location.label?.trim() || formatLocationDetails(location).join(" / ");
|
|
279
|
+
}
|
|
280
|
+
function formatLocationDetails(location) {
|
|
281
|
+
return [location.comuna, location.city, location.region, location.country]
|
|
282
|
+
.map((value) => value?.trim())
|
|
283
|
+
.filter((value) => Boolean(value));
|
|
284
|
+
}
|
|
285
|
+
async function reverseGeocode(location) {
|
|
286
|
+
const params = new URLSearchParams({
|
|
287
|
+
format: "jsonv2",
|
|
288
|
+
lat: String(location.lat),
|
|
289
|
+
lon: String(location.lng),
|
|
290
|
+
addressdetails: "1",
|
|
291
|
+
"accept-language": "es",
|
|
292
|
+
});
|
|
293
|
+
const response = await fetch(`https://nominatim.openstreetmap.org/reverse?${params.toString()}`);
|
|
294
|
+
if (!response.ok)
|
|
295
|
+
throw new Error("reverse_geocode_failed");
|
|
296
|
+
const data = (await response.json());
|
|
297
|
+
const address = data.address || {};
|
|
298
|
+
const streetAddress = [
|
|
299
|
+
address.road ||
|
|
300
|
+
address.pedestrian ||
|
|
301
|
+
address.footway ||
|
|
302
|
+
address.residential ||
|
|
303
|
+
address.neighbourhood,
|
|
304
|
+
address.house_number,
|
|
305
|
+
].filter(Boolean).join(" ");
|
|
306
|
+
return {
|
|
307
|
+
label: data.display_name,
|
|
308
|
+
address: streetAddress || data.display_name,
|
|
309
|
+
comuna: address.suburb ||
|
|
310
|
+
address.town ||
|
|
311
|
+
address.village ||
|
|
312
|
+
address.city_district ||
|
|
313
|
+
address.municipality,
|
|
314
|
+
city: address.city || address.town || address.municipality || address.county,
|
|
315
|
+
region: address.state || address.region,
|
|
316
|
+
country: address.country || "Chile",
|
|
317
|
+
};
|
|
318
|
+
}
|
|
319
|
+
function formatLocationValue(location) {
|
|
320
|
+
const details = [
|
|
321
|
+
location.address?.trim() || location.label?.trim(),
|
|
322
|
+
location.comuna,
|
|
323
|
+
location.city,
|
|
324
|
+
location.region,
|
|
325
|
+
location.country || "Chile",
|
|
326
|
+
].filter(Boolean);
|
|
327
|
+
return details.join(", ") || "Domicilio seleccionado en el mapa";
|
|
328
|
+
}
|
|
329
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FrontendWidgetsArea/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import type { AgentMessage } from "../../types";
|
|
3
|
+
export interface MessageAreaProps {
|
|
4
|
+
messages: AgentMessage[];
|
|
5
|
+
agentName?: string;
|
|
6
|
+
agentAvatarUrl?: string;
|
|
7
|
+
userAvatarUrl?: string;
|
|
8
|
+
connectionStatus?: string;
|
|
9
|
+
onRegenerate?: (message: AgentMessage) => void;
|
|
10
|
+
emptyState?: ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function MessageArea({ messages, agentName, agentAvatarUrl, userAvatarUrl, connectionStatus, onRegenerate, emptyState, className }: MessageAreaProps): import("react").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageArea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,SAAS,EACV,EAAE,gBAAgB,+BAqClB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useMemo, useRef } from "react";
|
|
3
|
+
import { cn } from "../../lib/utils";
|
|
4
|
+
import { MessageBubble } from "../MessageBubble";
|
|
5
|
+
export function MessageArea({ messages, agentName, agentAvatarUrl, userAvatarUrl, connectionStatus, onRegenerate, emptyState, className }) {
|
|
6
|
+
const endRef = useRef(null);
|
|
7
|
+
const scrollKey = useMemo(() => messages.map((message) => `${message.id}:${message.content.length}:${message.isStreaming}`).join("|"), [messages]);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
|
|
10
|
+
}, [scrollKey]);
|
|
11
|
+
return (_jsxs("div", { className: cn("admission-scrollbar relative z-10 flex min-h-0 flex-1 flex-col overflow-y-auto px-4 pb-10 pt-6 sm:px-6 sm:pb-12", className), children: [_jsx("div", { className: "mx-auto flex w-full max-w-4xl flex-1 flex-col gap-5", children: messages.length === 0 ? (emptyState ?? _jsx(EmptyConversation, { agentName: agentName, connectionStatus: connectionStatus })) : (messages.map((message) => (_jsx(MessageBubble, { message: message, agentName: agentName, agentAvatarUrl: agentAvatarUrl, userAvatarUrl: userAvatarUrl, onRegenerate: onRegenerate }, message.id)))) }), _jsx("div", { ref: endRef })] }));
|
|
12
|
+
}
|
|
13
|
+
function EmptyConversation({ agentName = "el agente", connectionStatus }) {
|
|
14
|
+
const label = connectionStatus === "open" ? `Esperando a ${agentName}` : `Conectando con ${agentName}`;
|
|
15
|
+
return (_jsxs("div", { className: "mx-auto my-auto flex w-full max-w-sm flex-col items-center text-center", children: [_jsxs("div", { className: "relative mb-5 flex h-16 w-16 items-center justify-center rounded-3xl border border-border bg-card shadow-xs", children: [_jsx("span", { className: "absolute inset-0 rounded-3xl bg-primary/5" }), _jsx("span", { className: "absolute h-10 w-10 animate-breathe rounded-2xl bg-primary/10" }), _jsx("span", { className: "relative h-3 w-3 rounded-full bg-primary shadow-[0_0_0_8px_hsl(var(--primary)/0.10)]" })] }), _jsx("p", { className: "text-sm font-medium text-foreground", children: label }), _jsxs("div", { className: "mt-4 flex items-center gap-1.5", "aria-hidden": "true", children: [_jsx("span", { className: "h-1.5 w-1.5 animate-typing-dot rounded-full bg-primary [animation-delay:0ms]" }), _jsx("span", { className: "h-1.5 w-1.5 animate-typing-dot rounded-full bg-primary [animation-delay:140ms]" }), _jsx("span", { className: "h-1.5 w-1.5 animate-typing-dot rounded-full bg-primary [animation-delay:280ms]" })] })] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MessageArea/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,SAAS,EACQ;IACjB,MAAM,MAAM,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3G,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,iHAAiH,EACjH,SAAS,CACV,aAED,cAAK,SAAS,EAAC,qDAAqD,YACjE,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,UAAU,IAAI,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CAC9F,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACxB,KAAC,aAAa,IAEZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,IALrB,OAAO,CAAC,EAAE,CAMf,CACH,CAAC,CACH,GACG,EACN,cAAK,GAAG,EAAE,MAAM,GAAI,IAChB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,SAAS,GAAG,WAAW,EACvB,gBAAgB,EAIjB;IACC,MAAM,KAAK,GAAG,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,SAAS,EAAE,CAAC,CAAC,CAAC,kBAAkB,SAAS,EAAE,CAAC;IAEvG,OAAO,CACL,eAAK,SAAS,EAAC,wEAAwE,aACrF,eAAK,SAAS,EAAC,6GAA6G,aAC1H,eAAM,SAAS,EAAC,2CAA2C,GAAG,EAC9D,eAAM,SAAS,EAAC,8DAA8D,GAAG,EACjF,eAAM,SAAS,EAAC,sFAAsF,GAAG,IACrG,EACN,YAAG,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAK,EAC9D,eAAK,SAAS,EAAC,gCAAgC,iBAAa,MAAM,aAChE,eAAM,SAAS,EAAC,8EAA8E,GAAG,EACjG,eAAM,SAAS,EAAC,gFAAgF,GAAG,EACnG,eAAM,SAAS,EAAC,gFAAgF,GAAG,IAC/F,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { AgentMessage } from '../../types';
|
|
2
|
+
export interface MessageBubbleProps {
|
|
3
|
+
message: AgentMessage;
|
|
4
|
+
agentName?: string;
|
|
5
|
+
agentAvatarUrl?: string;
|
|
6
|
+
userAvatarUrl?: string;
|
|
7
|
+
onRegenerate?: (message: AgentMessage) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function MessageBubble({ message, agentName, agentAvatarUrl, userAvatarUrl, onRegenerate, className, }: MessageBubbleProps): import("react").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAOhD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAmB,EACnB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,+BA+EpB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Sparkles } from 'lucide-react';
|
|
3
|
+
import { cn } from '../../lib/utils';
|
|
4
|
+
import { AttachmentViewer } from '../AttachmentViewer';
|
|
5
|
+
import { Avatar } from '../primitives/Avatar';
|
|
6
|
+
import { ConfirmationSummaryCard } from '../ConfirmationSummaryCard';
|
|
7
|
+
import { RichText } from '../RichText';
|
|
8
|
+
export function MessageBubble({ message, agentName = 'Agent', agentAvatarUrl, userAvatarUrl, onRegenerate, className, }) {
|
|
9
|
+
const isUser = message.role === 'user';
|
|
10
|
+
const isAgent = message.role === 'agent' || message.role === 'assistant';
|
|
11
|
+
const displayName = isUser ? 'Vos' : agentName;
|
|
12
|
+
return (_jsxs("article", { className: cn('flex w-full animate-agent-in items-end gap-3', isUser ? 'justify-end' : 'justify-start', className), children: [!isUser ? (_jsx(Avatar, { src: agentAvatarUrl, alt: agentName, fallback: "AI", className: "mb-1 hidden sm:flex" })) : null, _jsx("div", { className: cn('flex max-w-[92%] flex-col space-y-2 sm:max-w-[78%]', message.confirmation && 'sm:max-w-[88%]', isUser && 'items-end'), children: _jsxs("div", { className: cn('relative rounded-[1.35rem] border px-4 py-3 shadow-xs sm:px-5 sm:py-4', isUser
|
|
13
|
+
? 'rounded-br-md border-primary/15 bg-primary text-primary-foreground'
|
|
14
|
+
: 'rounded-bl-md border-border bg-card/95 text-card-foreground'), children: [message.isStreaming && isAgent ? (_jsx("span", { className: "pointer-events-none absolute left-[1.35rem] right-[1.35rem] top-0 h-px overflow-hidden rounded-full bg-primary/20", children: _jsx("span", { className: "block h-full w-1/2 rounded-full animate-soft-sheen bg-primary/70" }) })) : null, _jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-medium opacity-70", children: [isAgent ? _jsx(Sparkles, { className: "h-3.5 w-3.5" }) : null, _jsx("span", { children: displayName })] }), _jsxs("div", { className: cn(isUser &&
|
|
15
|
+
'[&_em]:text-primary-foreground [&_h1]:text-primary-foreground [&_h2]:text-primary-foreground [&_h3]:text-primary-foreground [&_li]:text-primary-foreground/85 [&_p]:text-primary-foreground/90 [&_strong]:text-primary-foreground'), children: [_jsx(RichText, { content: message.content }), message.isStreaming ? (_jsx("span", { className: "ml-1 inline-block h-4 w-1 animate-stream-pulse rounded-full bg-current align-[-2px]" })) : null] }), message.attachments?.length ? (_jsx(AttachmentViewer, { attachments: message.attachments, className: "mt-3" })) : null, message.confirmation ? (_jsx(ConfirmationSummaryCard, { summary: message.confirmation })) : null] }) }), isUser ? (_jsx(Avatar, { src: userAvatarUrl, alt: "Usuario", fallback: "YO", className: "mb-1 hidden sm:flex" })) : null] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MessageBubble/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAWvC,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,GAAG,OAAO,EACnB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,SAAS,GACU;IACnB,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;IACvC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC;IACzE,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAE/C,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EACxC,SAAS,CACV,aAEA,CAAC,MAAM,CAAC,CAAC,CAAC,CACT,KAAC,MAAM,IACL,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAC,IAAI,EACb,SAAS,EAAC,qBAAqB,GAC/B,CACH,CAAC,CAAC,CAAC,IAAI,EAER,cACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,OAAO,CAAC,YAAY,IAAI,gBAAgB,EACxC,MAAM,IAAI,WAAW,CACtB,YAED,eACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,MAAM;wBACJ,CAAC,CAAC,oEAAoE;wBACtE,CAAC,CAAC,6DAA6D,CAClE,aAEA,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,CAAC,CAAC,CAChC,eAAM,SAAS,EAAC,mHAAmH,YACjI,eAAM,SAAS,EAAC,kEAAkE,GAAG,GAChF,CACR,CAAC,CAAC,CAAC,IAAI,EAER,eAAK,SAAS,EAAC,6DAA6D,aACzE,OAAO,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,CAAC,CAAC,CAAC,IAAI,EACtD,yBAAO,WAAW,GAAQ,IACtB,EACN,eACE,SAAS,EAAE,EAAE,CACX,MAAM;gCACJ,mOAAmO,CACtO,aAED,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAI,EACrC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CACrB,eAAM,SAAS,EAAC,qFAAqF,GAAG,CACzG,CAAC,CAAC,CAAC,IAAI,IACJ,EAEL,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAC7B,KAAC,gBAAgB,IAAC,WAAW,EAAE,OAAO,CAAC,WAAW,EAAE,SAAS,EAAC,MAAM,GAAG,CACxE,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACtB,KAAC,uBAAuB,IAAC,OAAO,EAAE,OAAO,CAAC,YAAY,GAAI,CAC3D,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,EAEL,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,MAAM,IACL,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,SAAS,EACb,QAAQ,EAAC,IAAI,EACb,SAAS,EAAC,qBAAqB,GAC/B,CACH,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface ProgressStepSection {
|
|
2
|
+
id: string;
|
|
3
|
+
label: string;
|
|
4
|
+
total: number;
|
|
5
|
+
progress: number;
|
|
6
|
+
status: "complete" | "current" | "pending";
|
|
7
|
+
}
|
|
8
|
+
export interface ProgressStep {
|
|
9
|
+
id: string;
|
|
10
|
+
label: string;
|
|
11
|
+
description?: string;
|
|
12
|
+
progress?: number;
|
|
13
|
+
status: "complete" | "current" | "pending";
|
|
14
|
+
sections?: ProgressStepSection[];
|
|
15
|
+
}
|
|
16
|
+
export interface ProgressStepsProps {
|
|
17
|
+
steps: ProgressStep[];
|
|
18
|
+
/** Progreso global 0-100 (AdmissionProgressSummary.percentage). Si es undefined, la barra global no se renderiza. */
|
|
19
|
+
totalPercentage?: number;
|
|
20
|
+
className?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare function ProgressSteps({ steps, totalPercentage, className }: ProgressStepsProps): import("react").JSX.Element | null;
|
|
23
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressSteps/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;CAC5C;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,qHAAqH;IACrH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyLD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,kBAAkB,sCAqCtF"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Check, Circle } from "lucide-react";
|
|
3
|
+
import { useMemo } from "react";
|
|
4
|
+
import { cn } from "../../lib/utils";
|
|
5
|
+
function StepCardContent({ step }) {
|
|
6
|
+
return (_jsxs("div", { className: "flex min-h-20 w-full flex-1 items-start gap-3", children: [_jsx("span", { className: cn("mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border sm:h-6 sm:w-6", step.status === "complete" && "border-primary bg-primary text-primary-foreground", step.status === "current" && "border-primary text-primary", step.status === "pending" && "border-border text-muted-foreground"), children: step.status === "complete" ? (_jsx(Check, { className: "h-3 w-3 sm:h-3.5 sm:w-3.5" })) : (_jsx(Circle, { className: "h-2.5 w-2.5 sm:h-3 sm:w-3" })) }), _jsxs("div", { className: "flex min-h-20 min-w-0 flex-1 flex-col justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-xs font-medium sm:text-sm", children: step.label }), step.description ? (_jsx("p", { className: "mt-1 text-[0.7rem] leading-4 text-muted-foreground sm:text-xs sm:leading-5", children: step.description })) : null] }), step.sections?.length ? (_jsxs("div", { className: "mt-2", children: [_jsx("div", { className: "flex h-1.5 overflow-hidden rounded-full bg-muted-foreground/20", children: step.sections.map((section) => {
|
|
7
|
+
const phaseTotal = step.sections.reduce((acc, s) => acc + s.total, 0);
|
|
8
|
+
const widthPct = phaseTotal > 0
|
|
9
|
+
? (section.total / phaseTotal) * 100
|
|
10
|
+
: 100 / step.sections.length;
|
|
11
|
+
return (_jsx("div", { className: "relative h-full overflow-hidden outline outline-1 outline-background", style: { width: `${widthPct}%` }, children: _jsx("span", { className: cn("block h-full transition-all duration-700 ease-out", section.status === "pending" ? "bg-muted-foreground/30" : "bg-primary"), style: { width: `${Math.max(0, Math.min(section.progress, 100))}%` } }) }, section.id));
|
|
12
|
+
}) }), _jsx("div", { className: "mt-0.5 flex", children: step.sections.map((section) => {
|
|
13
|
+
const phaseTotal = step.sections.reduce((acc, s) => acc + s.total, 0);
|
|
14
|
+
const widthPct = phaseTotal > 0
|
|
15
|
+
? (section.total / phaseTotal) * 100
|
|
16
|
+
: 100 / step.sections.length;
|
|
17
|
+
return (_jsx("p", { className: cn("truncate text-[0.6rem] leading-3", section.status === "pending"
|
|
18
|
+
? "text-muted-foreground/50"
|
|
19
|
+
: "text-muted-foreground/80"), style: { width: `${widthPct}%` }, children: section.label }, section.id));
|
|
20
|
+
}) })] })) : (_jsx("div", { className: "mt-2 h-1.5 overflow-hidden rounded-full bg-muted-foreground/20", children: _jsx("span", { className: cn("block h-full rounded-full transition-all duration-700 ease-out", step.status === "pending" ? "bg-muted-foreground/30" : "bg-primary"), style: { width: `${Math.max(0, Math.min(step.progress ?? 0, 100))}%` } }) }))] })] }));
|
|
21
|
+
}
|
|
22
|
+
function MobileProgressCarousel({ steps, activeIndex, totalPercentage, }) {
|
|
23
|
+
const pct = totalPercentage !== undefined
|
|
24
|
+
? Math.max(0, Math.min(Math.round(totalPercentage), 100))
|
|
25
|
+
: undefined;
|
|
26
|
+
// Cada slide ocupa el 100% del contenedor — las vecinas quedan
|
|
27
|
+
// completamente fuera del clip de overflow-hidden.
|
|
28
|
+
const offset = -activeIndex * 100;
|
|
29
|
+
return (_jsxs("div", { className: "sm:hidden", children: [pct !== undefined ? (_jsxs("div", { className: "mb-2 flex items-center gap-2 px-1", children: [_jsx("div", { className: "h-1.5 flex-1 overflow-hidden rounded-full bg-muted-foreground/20", children: _jsx("span", { className: "block h-full rounded-full bg-primary transition-all duration-700 ease-out", style: { width: `${pct}%` } }) }), _jsxs("span", { className: "shrink-0 text-[0.7rem] font-medium tabular-nums text-muted-foreground", children: [pct, "%"] })] })) : null, _jsx("div", { className: "overflow-hidden", children: _jsx("ol", { "aria-label": "Progreso de admisi\u00F3n", className: "flex items-stretch transition-transform duration-300 ease-out motion-reduce:transition-none", style: { transform: `translateX(${offset}%)` }, children: steps.map((step, i) => (_jsx("li", { "aria-current": step.status === "current" ? "step" : undefined, className: "w-full shrink-0", children: _jsx("div", { className: cn("flex h-full rounded-2xl border bg-card/80 p-2.5 shadow-xs backdrop-blur-sm transition-all duration-300", step.status === "current" && "border-primary/40 bg-primary/5 shadow-glow", step.status === "complete" && "border-primary/20 bg-card", step.status === "pending" && "border-border bg-card/70", i === activeIndex ? "scale-100 opacity-100" : "scale-[0.97] opacity-50"), children: _jsx(StepCardContent, { step: step }) }) }, step.id))) }) }), steps.length > 1 ? (_jsxs("div", { className: "mt-2 flex items-center justify-center gap-1.5", "aria-hidden": "true", children: [steps.map((step, i) => (_jsx("span", { className: cn("h-1.5 rounded-full transition-all duration-300", i === activeIndex
|
|
30
|
+
? "w-4 bg-primary"
|
|
31
|
+
: step.status === "complete"
|
|
32
|
+
? "w-1.5 bg-primary/50"
|
|
33
|
+
: "w-1.5 bg-muted-foreground/30") }, step.id))), _jsxs("span", { className: "ml-1.5 text-[0.65rem] tabular-nums text-muted-foreground", children: [activeIndex + 1, " de ", steps.length] })] })) : null] }));
|
|
34
|
+
}
|
|
35
|
+
export function ProgressSteps({ steps, totalPercentage, className }) {
|
|
36
|
+
const activeIndex = useMemo(() => {
|
|
37
|
+
const current = steps.findIndex((s) => s.status === "current");
|
|
38
|
+
if (current !== -1)
|
|
39
|
+
return current;
|
|
40
|
+
const firstPending = steps.findIndex((s) => s.status === "pending");
|
|
41
|
+
if (firstPending !== -1)
|
|
42
|
+
return firstPending;
|
|
43
|
+
return steps.length - 1;
|
|
44
|
+
}, [steps]);
|
|
45
|
+
if (!steps.length) {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
48
|
+
return (_jsxs("div", { className: className, children: [_jsx(MobileProgressCarousel, { steps: steps, activeIndex: activeIndex, totalPercentage: totalPercentage }), _jsx("ol", { className: "admission-scrollbar hidden w-full items-stretch gap-2 overflow-x-auto sm:flex", children: steps.map((step) => (_jsx("li", { className: cn("flex min-w-44 flex-1 basis-0 items-stretch rounded-2xl border bg-card/80 p-2.5 shadow-xs backdrop-blur-sm transition-all duration-300 sm:min-w-48 sm:p-3", step.status === "current" && "border-primary/40 bg-primary/5 shadow-glow", step.status === "complete" && "border-primary/20 bg-card", step.status === "pending" && "border-border bg-card/70"), children: _jsx(StepCardContent, { step: step }) }, step.id))) })] }));
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=index.js.map
|