Feito uma correção de bug onde o diálogo principal de nova conta fechava inesperadamente

CHANGELOG.md

@@ -5,6 +5,12 @@ Todas as mudanças notáveis deste projeto serão documentadas neste arquivo.
 O formato é baseado em [Keep a Changelog](https://keepachangelog.com/pt-BR/1.1.0/),
 e este projeto adere ao [Versionamento Semântico](https://semver.org/lang/pt-BR/).
 
+## [1.6.2] - 2026-02-19
+
+### Corrigido
+
+- Bug no mobile onde, ao selecionar um logo no diálogo de criação de conta/cartão, o diálogo principal fechava inesperadamente: adicionado `stopPropagation` nos eventos de click/touch dos botões de logo e delay com `requestAnimationFrame` antes de fechar o seletor de logo
+
 ## [1.6.1] - 2026-02-18
 
 ### Adicionado

components/cartoes/card-dialog.tsx

@@ -126,7 +126,10 @@ export function CardDialog({
 		currentName: formState.name,
 		onUpdate: (updates) => {
 			updateFields(updates);
+			// Delay closing to avoid race condition on mobile
+			requestAnimationFrame(() => {
 				setLogoDialogOpen(false);
+			});
 		},
 	});
 
@@ -188,11 +191,29 @@ export function CardDialog({
 			: "Atualize as informações do cartão selecionado.";
 	const submitLabel = mode === "create" ? "Salvar cartão" : "Atualizar cartão";
 
+	const handleMainDialogOpenChange = useCallback(
+		(open: boolean) => {
+			if (!open && logoDialogOpen) {
+				return;
+			}
+			setDialogOpen(open);
+		},
+		[logoDialogOpen, setDialogOpen],
+	);
+
 	return (
 		<>
-			<Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+			<Dialog open={dialogOpen} onOpenChange={handleMainDialogOpenChange}>
 				{trigger ? <DialogTrigger asChild>{trigger}</DialogTrigger> : null}
-				<DialogContent className="">
+				<DialogContent
+					className=""
+					onPointerDownOutside={(e) => {
+						if (logoDialogOpen) e.preventDefault();
+					}}
+					onInteractOutside={(e) => {
+						if (logoDialogOpen) e.preventDefault();
+					}}
+				>
 					<DialogHeader>
 						<DialogTitle>{title}</DialogTitle>
 						<DialogDescription>{description}</DialogDescription>

components/contas/account-dialog.tsx

@@ -152,7 +152,10 @@ export function AccountDialog({
 		currentName: formState.name,
 		onUpdate: (updates) => {
 			updateFields(updates);
+			// Delay closing to avoid race condition on mobile
+			requestAnimationFrame(() => {
 				setLogoDialogOpen(false);
+			});
 		},
 	});
 
@@ -205,11 +208,29 @@ export function AccountDialog({
 			: "Atualize as informações da conta selecionada.";
 	const submitLabel = mode === "create" ? "Salvar conta" : "Atualizar conta";
 
+	const handleMainDialogOpenChange = useCallback(
+		(open: boolean) => {
+			if (!open && logoDialogOpen) {
+				return;
+			}
+			setDialogOpen(open);
+		},
+		[logoDialogOpen, setDialogOpen],
+	);
+
 	return (
 		<>
-			<Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+			<Dialog open={dialogOpen} onOpenChange={handleMainDialogOpenChange}>
 				{trigger ? <DialogTrigger asChild>{trigger}</DialogTrigger> : null}
-				<DialogContent className="sm:max-w-xl">
+				<DialogContent
+					className="sm:max-w-xl"
+					onPointerDownOutside={(e) => {
+						if (logoDialogOpen) e.preventDefault();
+					}}
+					onInteractOutside={(e) => {
+						if (logoDialogOpen) e.preventDefault();
+					}}
+				>
 					<DialogHeader>
 						<DialogTitle>{title}</DialogTitle>
 						<DialogDescription>{description}</DialogDescription>

components/logo-picker.tsx

@@ -158,7 +158,13 @@ export function LogoPickerDialog({
 								<button
 									type="button"
 									key={logo}
-									onClick={() => onSelect(logo)}
+									onClick={(e) => {
+										e.stopPropagation();
+										e.preventDefault();
+										onSelect(logo);
+									}}
+									onPointerDown={(e) => e.stopPropagation()}
+									onTouchStart={(e) => e.stopPropagation()}
 									className={cn(
 										"flex flex-col items-center gap-1 rounded-md bg-card p-2 text-center text-xs transition-all hover:border-primary hover:bg-primary/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
 										isActive &&

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "openmonetis",
-	"version": "1.6.1",
+	"version": "1.6.2",
 	"private": true,
 	"scripts": {
 		"dev": "next dev --turbopack",