fix: visual editor dialog and password reset flow

1. EmailBuilder: Fixed dialog handlers to not block all interactions
   - Previously dialog prevented all outside clicks
   - Now only blocks when WP media modal is open
   - Dialog can be properly closed via escape or outside click

2. DefaultTemplates: Updated new_customer email
   - Added note about using 'Forgot Password?' if link expires
   - Clear instructions for users
This commit is contained in:
Dwindi Ramadhana
2026-01-01 01:12:08 +07:00
parent 52cea87078
commit 9671c7255a
2 changed files with 17 additions and 23 deletions

View File

@@ -270,28 +270,22 @@ export function EmailBuilder({ blocks, onChange, variables = [] }: EmailBuilderP
{/* Edit Dialog */} {/* Edit Dialog */}
<Dialog open={editDialogOpen} onOpenChange={setEditDialogOpen}> <Dialog open={editDialogOpen} onOpenChange={setEditDialogOpen}>
<DialogContent <DialogContent
className="sm:max-w-2xl" className="sm:max-w-2xl max-h-[90vh] overflow-y-auto"
onInteractOutside={(e) => { onInteractOutside={(e) => {
// Check if WordPress media modal is currently open // Only prevent closing if WordPress media modal is open
const wpMediaOpen = document.querySelector('.media-modal'); const wpMediaOpen = document.querySelector('.media-modal');
if (wpMediaOpen) { if (wpMediaOpen) {
// If WP media is open, ALWAYS prevent dialog from closing
// regardless of where the click happened
e.preventDefault(); e.preventDefault();
return;
} }
// Otherwise, allow the dialog to close normally via outside click
// If WP media is not open, prevent closing dialog for outside clicks
e.preventDefault();
}} }}
onEscapeKeyDown={(e) => { onEscapeKeyDown={(e) => {
// Allow escape to close WP media modal // Only prevent escape if WP media modal is open
const wpMediaOpen = document.querySelector('.media-modal'); const wpMediaOpen = document.querySelector('.media-modal');
if (wpMediaOpen) { if (wpMediaOpen) {
return;
}
e.preventDefault(); e.preventDefault();
}
// Otherwise, allow escape to close dialog
}} }}
> >
<DialogHeader> <DialogHeader>

View File

@@ -201,7 +201,7 @@ Your account is ready. Here\'s what you can do now:
[button url="{set_password_url}" style="solid"]Set Your Password[/button] [button url="{set_password_url}" style="solid"]Set Your Password[/button]
This link will expire in 24 hours. Once set, you can log in anytime. This link expires in 24 hours. If expired, use "Forgot Password?" on the login page.
[/card] [/card]
[button url="{shop_url}" style="outline"]Start Shopping[/button] [button url="{shop_url}" style="outline"]Start Shopping[/button]