RubyGems - masks - Versions diffs - 0.2.0 - Mend

masks 0.2.0

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.

Files changed (126) hide show

checksums.yaml +7 -0
data/MIT-LICENSE +20 -0
data/README.md +50 -0
data/Rakefile +11 -0
data/app/assets/builds/application.css +4764 -0
data/app/assets/builds/application.js +8236 -0
data/app/assets/builds/application.js.map +7 -0
data/app/assets/builds/masks/application.css +1 -0
data/app/assets/builds/masks/application.js +7122 -0
data/app/assets/builds/masks/application.js.map +7 -0
data/app/assets/images/masks.png +0 -0
data/app/assets/javascripts/application.js +2 -0
data/app/assets/javascripts/controllers/application.js +9 -0
data/app/assets/javascripts/controllers/emails_controller.js +28 -0
data/app/assets/javascripts/controllers/index.js +12 -0
data/app/assets/javascripts/controllers/keys_controller.js +20 -0
data/app/assets/javascripts/controllers/recover_controller.js +21 -0
data/app/assets/javascripts/controllers/recover_password_controller.js +21 -0
data/app/assets/javascripts/controllers/session_controller.js +94 -0
data/app/assets/manifest.js +2 -0
data/app/assets/masks_manifest.js +2 -0
data/app/assets/stylesheets/application.css +26 -0
data/app/controllers/concerns/masks/controller.rb +114 -0
data/app/controllers/masks/actors_controller.rb +15 -0
data/app/controllers/masks/application_controller.rb +35 -0
data/app/controllers/masks/backup_codes_controller.rb +34 -0
data/app/controllers/masks/debug_controller.rb +9 -0
data/app/controllers/masks/devices_controller.rb +20 -0
data/app/controllers/masks/emails_controller.rb +60 -0
data/app/controllers/masks/error_controller.rb +14 -0
data/app/controllers/masks/keys_controller.rb +45 -0
data/app/controllers/masks/manage/actor_controller.rb +35 -0
data/app/controllers/masks/manage/actors_controller.rb +12 -0
data/app/controllers/masks/manage/base_controller.rb +12 -0
data/app/controllers/masks/one_time_code_controller.rb +49 -0
data/app/controllers/masks/passwords_controller.rb +33 -0
data/app/controllers/masks/recoveries_controller.rb +43 -0
data/app/controllers/masks/sessions_controller.rb +53 -0
data/app/helpers/masks/application_helper.rb +49 -0
data/app/jobs/masks/application_job.rb +7 -0
data/app/jobs/masks/expire_actors_job.rb +15 -0
data/app/jobs/masks/expire_recoveries_job.rb +15 -0
data/app/mailers/masks/actor_mailer.rb +22 -0
data/app/mailers/masks/application_mailer.rb +15 -0
data/app/models/concerns/masks/access.rb +162 -0
data/app/models/concerns/masks/actor.rb +132 -0
data/app/models/concerns/masks/adapter.rb +68 -0
data/app/models/concerns/masks/role.rb +9 -0
data/app/models/concerns/masks/scoped.rb +54 -0
data/app/models/masks/access/actor_password.rb +20 -0
data/app/models/masks/access/actor_scopes.rb +18 -0
data/app/models/masks/access/actor_signup.rb +22 -0
data/app/models/masks/actors/anonymous.rb +40 -0
data/app/models/masks/actors/system.rb +24 -0
data/app/models/masks/adapters/active_record.rb +85 -0
data/app/models/masks/application_model.rb +15 -0
data/app/models/masks/application_record.rb +8 -0
data/app/models/masks/check.rb +192 -0
data/app/models/masks/credential.rb +166 -0
data/app/models/masks/credentials/backup_code.rb +30 -0
data/app/models/masks/credentials/device.rb +59 -0
data/app/models/masks/credentials/email.rb +48 -0
data/app/models/masks/credentials/factor2.rb +71 -0
data/app/models/masks/credentials/key.rb +38 -0
data/app/models/masks/credentials/last_login.rb +12 -0
data/app/models/masks/credentials/masquerade.rb +32 -0
data/app/models/masks/credentials/nickname.rb +63 -0
data/app/models/masks/credentials/one_time_code.rb +34 -0
data/app/models/masks/credentials/password.rb +28 -0
data/app/models/masks/credentials/recovery.rb +71 -0
data/app/models/masks/credentials/session.rb +67 -0
data/app/models/masks/device.rb +30 -0
data/app/models/masks/error.rb +51 -0
data/app/models/masks/event.rb +14 -0
data/app/models/masks/mask.rb +255 -0
data/app/models/masks/rails/actor.rb +190 -0
data/app/models/masks/rails/actor_role.rb +12 -0
data/app/models/masks/rails/device.rb +47 -0
data/app/models/masks/rails/email.rb +96 -0
data/app/models/masks/rails/key.rb +61 -0
data/app/models/masks/rails/recovery.rb +116 -0
data/app/models/masks/rails/role.rb +20 -0
data/app/models/masks/rails/scope.rb +15 -0
data/app/models/masks/session.rb +447 -0
data/app/models/masks/sessions/access.rb +26 -0
data/app/models/masks/sessions/inline.rb +16 -0
data/app/models/masks/sessions/request.rb +42 -0
data/app/resources/masks/actor_resource.rb +9 -0
data/app/resources/masks/session_resource.rb +15 -0
data/app/views/layouts/masks/application.html.erb +17 -0
data/app/views/layouts/masks/mailer.html.erb +17 -0
data/app/views/layouts/masks/mailer.text.erb +1 -0
data/app/views/layouts/masks/manage.html.erb +25 -0
data/app/views/masks/actor_mailer/recover_credentials.html.erb +33 -0
data/app/views/masks/actor_mailer/recover_credentials.text.erb +1 -0
data/app/views/masks/actor_mailer/verify_email.html.erb +34 -0
data/app/views/masks/actor_mailer/verify_email.text.erb +8 -0
data/app/views/masks/actors/current.html.erb +152 -0
data/app/views/masks/application/_header.html.erb +31 -0
data/app/views/masks/backup_codes/new.html.erb +103 -0
data/app/views/masks/emails/new.html.erb +103 -0
data/app/views/masks/emails/verify.html.erb +51 -0
data/app/views/masks/keys/new.html.erb +127 -0
data/app/views/masks/manage/actor/show.html.erb +126 -0
data/app/views/masks/manage/actors/index.html.erb +40 -0
data/app/views/masks/one_time_code/new.html.erb +150 -0
data/app/views/masks/passwords/edit.html.erb +58 -0
data/app/views/masks/recoveries/new.html.erb +71 -0
data/app/views/masks/recoveries/password.html.erb +64 -0
data/app/views/masks/sessions/new.html.erb +153 -0
data/config/brakeman.ignore +28 -0
data/config/locales/en.yml +286 -0
data/config/routes.rb +46 -0
data/db/migrate/20231205173845_create_actors.rb +94 -0
data/lib/generators/masks/install/USAGE +8 -0
data/lib/generators/masks/install/install_generator.rb +33 -0
data/lib/generators/masks/install/templates/initializer.rb +5 -0
data/lib/generators/masks/install/templates/masks.json +6 -0
data/lib/masks/configuration.rb +236 -0
data/lib/masks/engine.rb +25 -0
data/lib/masks/middleware.rb +70 -0
data/lib/masks/version.rb +5 -0
data/lib/masks.rb +183 -0
data/lib/tasks/masks_tasks.rake +71 -0
data/masks.json +274 -0
metadata +416 -0

data/app/views/layouts/masks/application.html.erb ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="h-full bg-base-100" data-theme="<%= Masks.configuration.theme %>">
+  <head>
+    <title><%= t(".meta.title") %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= stylesheet_link_tag "masks/application", "data-turbo-track": "reload" %>
+    <%= javascript_include_tag "masks/application", "data-turbo-track": "reload", defer: true %>
+  </head>
+  <body class="h-screen flex px-2">
+    <div class="m-auto w-full max-w-screen-sm p-6 md:p-10 md:pt-8 pt-4 bg-base-300 rounded-2xl shadow">
+      <%= render "header" %>
+      <%= yield %>
+    </div>
+  </body>
+</html>

data/app/views/layouts/masks/mailer.html.erb ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="bg-base-300" data-theme="dark">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <style>
+      /* TODO: mail styles need to be inlined (or integrate maizzle) */
+    </style>
+  </head>
+  <body>
+    <div class="px-6 pt-4">
+      <div class="-ml-2 mb-2">
+        <%= render "masks/application/header" %>
+      </div>
+      <%= yield %>
+    </div>
+  </body>
+</html>

data/app/views/layouts/masks/mailer.text.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ <%= yield %>

data/app/views/layouts/masks/manage.html.erb ADDED Viewed

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="h-full bg-base-200" data-theme="luxury">
+  <head>
+    <title><%= t(".meta.title") %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= stylesheet_link_tag "masks/application", "data-turbo-track": "reload" %>
+    <%= javascript_include_tag "masks/application", "data-turbo-track": "reload", defer: true %>
+  </head>
+  <body class="h-full">
+    <div class="navbar my-2 join box-border px-6">
+      <div class="flex items-center gap-1 bg-accent rounded px-2 py-1.5 join-item">
+        <%= image_tag "masks.png", class: 'w-5 h-5 rounded-full border-black border' %>
+      </div>
+      <div class="flex items-center bg-base-100 rounded px-2 py-1.5 join-item">
+        <a href="<%= actors_path %>" class="text-sm text-accent-content opacity-75 hover:opacity-100 hover:underline focus:underline font-mono">/manage</a>
+      </div>
+    </div>
+    <div class="w-full px-6 box-border">
+      <%= yield %>
+    </div>
+  </body>
+</html>

data/app/views/masks/actor_mailer/recover_credentials.html.erb ADDED Viewed

@@ -0,0 +1,33 @@
+<div class="flex flex-col gap-4">
+  <div role="alert" class="flex gap-4 items-center">
+    <%= t(".subheading") %>
+  </div>
+  <div class="card bg-neutral">
+    <div class="p-5">
+      <div class="flex items-center gap-4">
+        <div class="flex-grow flex flex-col">
+          <span class="font-bold">
+            <%= @recovery.actor.nickname %>
+          </span>
+          <span class="text-xs">
+            <%= t(".nickname") %>
+          </span>
+        </div>
+        <a
+          role="button"
+          href="<%= recover_password_url(token: @recovery)%>"
+          class="btn"
+        >
+          <%= lucide_icon("rotate-cw", class: "stroke-warning") %>
+          <%= t(".recover") %>
+        </a>
+      </div>
+    </div>
+  </div>
+  <div>
+    <%= t(".call_to_action") %>
+  </div>
+  <div>
+    <%= t(".sign_off") %>
+  </div>
+</div>

data/app/views/masks/actor_mailer/recover_credentials.text.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ hi

data/app/views/masks/actor_mailer/verify_email.html.erb ADDED Viewed

@@ -0,0 +1,34 @@
+<div class="flex flex-col gap-4">
+  <div role="alert" class="flex gap-4 items-center">
+    <%= t(".subheading") %>
+  </div>
+  <div class="card bg-neutral">
+    <div class="p-5">
+      <div class="flex items-center gap-4">
+        <div class="flex-grow flex flex-col">
+          <span class="font-mono font-bold">
+            <%= @email.email %>
+          </span>
+          <span class="text-xs">
+            <%= t(".added") %>
+            <%= @email.created_at.strftime("on %B%e, %Y") %>
+          </span>
+        </div>
+        <a
+          role="button"
+          href="<%= email_verify_url(email: @email, approve: true)%>"
+          class="btn"
+        >
+          <%= lucide_icon("mail-check", class: "stroke-success") %>
+          <%= t(".verify") %>
+        </a>
+      </div>
+    </div>
+  </div>
+  <div>
+    <%= t(".call_to_action") %>
+  </div>
+  <div>
+    <%= t(".sign_off") %>
+  </div>
+</div>

data/app/views/masks/actor_mailer/verify_email.text.erb ADDED Viewed

@@ -0,0 +1,8 @@
+<%= t('.subheading_plain') %>
+> <%= @email.email %>
+> <%= t('.added') %> <%= @email.created_at.strftime("on %B%e, %Y") %>
+<%= t('.verify_plain') %><%= email_verify_url(email: @email)%>
+<%= t('.call_to_action') %>
+<%= t('.sign_off') %>

data/app/views/masks/actors/current.html.erb ADDED Viewed

@@ -0,0 +1,152 @@
+<div class="space-y-3">
+  <div class="join join-vertical w-full">
+    <div class="join-item alert bg-neutral flex items-center rounded-box">
+      <%= lucide_icon("user") %>
+      <div class="flex items-center gap-4 text-left w-full">
+        <div class="flex flex-col flex-grow">
+          <span class="font-bold">
+            <%= @actor.nickname %>
+          </span>
+          <span class="text-xs">
+            <% if @actor.last_login_at %>
+            <%= t(".last_login") %>
+              <%= time_ago_in_words(@actor.last_login_at) %> <%= t('.ago') %>&hellip;
+              <% else %>
+            <%= t(".created") %>
+              <%= time_ago_in_words(@actor.created_at) %> <%= t('.ago') %>&hellip;
+              <% end %>
+          </span>
+        </div>
+        <ul class="menu menu-horizontal p-0">
+          <li>
+            <details>
+              <summary class="font-bold">manage</summary>
+              <ul>
+                <li>
+                  <%= form_with url: session_path, method: :delete do |form| %>
+                    <%= form.submit t(".logout") %>
+                  <% end %>
+                </li>
+              </ul>
+            </details>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="join-item alert text-left flex items-center gap-4 <%= @actor.emails.any? ? 'bg-neutral' : 'bg-base-100' %>">
+      <%= lucide_icon("mail") %>
+      <span class="flex-grow">
+        <%= t(
+          ".emails",
+          count: @actor.email_addresses.length,
+          email: @actor.email_addresses[0],
+        ) %>
+      </span>
+      <a href="<%= emails_path %>" class="btn btn-sm btn-ghost hover:btn-info">
+        <%= t(@actor.emails.empty? ? ".add_email" : ".add_more_email") %>
+      </a>
+    </div>
+  </div>
+  <div class="divider text-xs">
+    <%= t(".credentials") %>
+  </div>
+  <div class="alert text-left bg-neutral flex items-center gap-4">
+    <%= lucide_icon("check-circle-2", class: "stroke-success") %>
+    <span class="flex-grow">
+      <%= t(".password") %>
+    </span>
+    <a
+      href="<%=  password_path %>"
+      class="btn btn-sm btn-ghost hover:btn-secondary"
+    >
+      <%= t(".change") %>
+    </a>
+  </div>
+  <div class="alert text-left flex items-center gap-4 <%= @actor.totp_secret ? 'bg-neutral' : 'bg-base-100' %>">
+    <% if @actor.totp_secret %>
+      <%= lucide_icon("check-circle-2", class: "stroke-success") %>
+    <% else %>
+      <%= lucide_icon("minus-circle") %>
+    <% end %>
+    <span class="flex-grow">
+      <%= t(".one_time_codes") %>
+    </span>
+    <a
+      href="<%= one_time_codes_path %>"
+      class="btn btn-sm btn-ghost hover:btn-secondary"
+    >
+      <%= @actor.totp_secret ? t(".manage") : t(".enable") %>
+    </a>
+  </div>
+  <% if @actor.factor2? %>
+    <div
+      class="alert text-left flex items-center gap-4 <%= @actor.saved_backup_codes? ? 'bg-neutral' : 'bg-base-100' %>"
+    >
+      <% if @actor.saved_backup_codes? %>
+        <%= lucide_icon("check-circle-2", class: "stroke-success") %>
+      <% else %>
+        <%= lucide_icon("minus-circle") %>
+      <% end %>
+      <span class="flex-grow">
+        <%= t(".backup_codes") %>
+      </span>
+      <a
+        href="<%= backup_codes_path %>"
+        class="btn btn-sm btn-ghost hover:btn-secondary"
+      >
+        <%= @actor.saved_backup_codes? ? t(".manage") : t(".enable") %>
+      </a>
+    </div>
+  <% end %>
+    <div
+      class="alert text-left flex items-center gap-4 <%= @actor.keys.any? ? 'bg-neutral' : 'bg-base-100' %>"
+    >
+      <% if @actor.keys.any? %>
+        <%= lucide_icon("check-circle-2", class: "stroke-success") %>
+      <% else %>
+        <%= lucide_icon("minus-circle") %>
+      <% end %>
+      <span class="flex-grow">
+        <%= t(".keys") %>
+      </span>
+      <a
+        href="<%= keys_path %>"
+        class="btn btn-sm btn-ghost hover:btn-secondary"
+      >
+        <%= @actor.keys.any? ? t(".add_more_key") : t(".add_key") %>
+      </a>
+    </div>
+  <div class="divider text-xs"><%= t('.devices') %></div>
+  <% @actor.devices.each do |device| %>
+    <div class="flex items-center gap-4">
+      <%= lucide_icon(device_icon(device)) %>
+      <span class="flex-grow flex flex-col">
+        <span class="">
+          <%= device.name %> @ <span class="font-mono"><%= device.ip_address %></span>
+        </span>
+        <span class="text-xs">
+          <%= t('.last_accessed') %> <%= time_ago_in_words(device.accessed_at) %> <%= t('.ago') %>
+        </span>
+      </span>
+      <%= form_with url: device_path(key: device.key), method: :update do |form| %>
+        <%= form.submit t(".logout"), name: 'reset', class: 'btn btn-xs hover:btn-error focus:btn-error' %>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/masks/application/_header.html.erb ADDED Viewed

@@ -0,0 +1,31 @@
+<div class="navbar gap-2 px-1">
+  <div class="flex-1">
+    <% if @config.site_url %>
+      <a
+        href="<%=@config.site_url%>"
+        class="text-xl flex items-center gap-3 hover:underline"
+      >
+        <% if @config.site_logo %>
+          <div class="w-7 h-7 overflow-hidden">
+            <img src="<%=@config.site_logo%>"/>
+          </div>
+        <% else %>
+          <%= lucide_icon("lock") %>
+        <% end %>
+        <span class="font-bold">
+          <%= @config.site_name %>
+        </span>
+      </a>
+    <% else %>
+      <span class="text-2xl"><%= @config.site_name %></span>
+    <% end %>
+  </div>
+  <% if logged_in? %>
+    <span class="whitespace-nowrap text-sm italic">
+      <%= t(".logged_in") %>
+      <a href="<%= current_path %>" class="not-italic underline pl-1">
+        <%= @session.actor.nickname %>
+      </a>
+    </span>
+  <% end %>
+</div>

data/app/views/masks/backup_codes/new.html.erb ADDED Viewed

@@ -0,0 +1,103 @@
+<div>
+  <div class="flex items-center gap-4 mb-2">
+    <div class="flex flex-col">
+      <h3 class="font-bold">
+        <%= t(".heading") %>
+      </h3>
+      <span class="text-xs">
+        <%= t(".tfa") %>
+        —
+        <span class="italic">
+          <%= @actor.saved_backup_codes? ? t(".enabled") : t(".disabled") %>
+        </span>
+      </span>
+    </div>
+  </div>
+  <% if !@actor.backup_codes %>
+    <div class="card bg-neutral p-4 mt-4 mb-3 flex flex-col gap-2">
+      <span class="font-bold flex items-center gap-4">
+        <%= lucide_icon("alert-triangle", class: "stroke-warning") %>
+        <span class="text-sm font-normal">
+          <%= t(".empty_detail") %>
+        </span>
+      </span>
+    </div>
+  <% elsif @actor.should_save_backup_codes? %>
+    <div class="divider mt-2 mb-0.5"></div>
+    <div class="flex gap-3 mb-4">
+      <span class="">
+        <%= t(".save_codes") %>
+      </span>
+    </div>
+    <div class="grid grid-cols-3 bg-base-100 p-4 my-3 mb-0 rounded-md shadow-inner">
+      <% @actor.backup_codes.each do |code, enabled| %>
+        <% if enabled %>
+          <span class="font-mono text-sm">
+            <%= code %>
+          </span>
+        <% end %>
+      <% end %>
+    </div>
+    <%= form_with url: backup_codes_path, method: :post, class: 'w-full'  do |form| %>
+      <div class="divider my-2"></div>
+      <div class="flex items-center mb-2 gap-4">
+        <%= lucide_icon("shield-check") %>
+        <div class="flex items-center gap-4">
+          <input
+            type="password"
+            name="session[password]"
+            placeholder="<%= t('.placeholder.password') %>"
+            class="input w-full"
+          />
+          <%= form.submit t(".enable"),
+                      name: "backup_codes[enable]",
+                      class: "btn btn-secondary",
+                      data: {
+                        one_time_code_target: "submit",
+                      } %>
+        </div>
+      </div>
+    <% end %>
+  <% else %>
+    <div class="alert bg-neutral my-4">
+      <%= lucide_icon("download", class: "stroke-success") %>
+      <span>
+        saved
+        <%= time_ago_in_words @actor.saved_backup_codes_at %>
+        ago...
+      </span>
+    </div>
+    <div class="join join-vertical">
+      <div class="join-item bg-base-100 flex gap-3 alert">
+        <span class="text-sm">
+          <%= t(".reset_codes") %>
+        </span>
+      </div>
+      <%= form_with url: backup_codes_path, method: :post, class: 'w-full'  do |form| %>
+        <div class="alert join-item flex items-center gap-4">
+          <%= lucide_icon("shield-check") %>
+          <div class="flex items-center gap-4">
+            <input
+              type="password"
+              name="session[password]"
+              placeholder="<%= t('.placeholder.password') %>"
+              class="input input-sm w-full"
+            />
+            <%= form.submit t(".delete"),
+                        name: "backup_codes[reset]",
+                        class: "btn btn-sm btn-outline hover:btn-error",
+                        data: {
+                          one_time_code_target: "submit",
+                        } %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/masks/emails/new.html.erb ADDED Viewed

@@ -0,0 +1,103 @@
+<div data-controller="emails" class="-mt-2">
+  <% if !@emails.any? %>
+    <div class="card bg-neutral p-4 mt-4 mb-3 flex flex-col gap-2">
+      <span class="font-bold flex items-center gap-4">
+        <%= lucide_icon("mail-question", class: "stroke-warning") %>
+        <%= t(".no_emails", count: @emails.length) %>
+      </span>
+      <div class="text-sm">
+        <%= t(".no_emails_detail") %>
+      </div>
+    </div>
+  <% else %>
+    <div class="mt-4 flex flex-col gap-2">
+      <span class="font-bold flex items-center gap-4">
+        <%= t(".heading_new", count: @emails.length) %>
+      </span>
+    </div>
+  <% end %>
+  <% if @emails.any? %>
+    <div class="flex flex-col gap-1">
+      <% @emails.each do |email| %>
+        <div class="divider my-1"></div>
+        <div class="flex items-center gap-4">
+          <%= lucide_icon(
+            email.verified? ? "mail-check" : "mail-question",
+            class: email.verified? ? "stroke-success" : "",
+          ) %>
+          <span class="flex-grow flex flex-col">
+            <span class="flex-grow font-mono">
+              <%= email.email %>
+            </span>
+            <span class="text-xs mb-1 flex items-center gap-1">
+              <% if email.verified? %>
+                <%= t(".email_verified", ago: time_ago_in_words(email.verified_at)) %>
+              <% elsif email.taken? %>
+                <%= t(".email_taken") %>
+              <% elsif email.expired? %>
+                <%= t(".expired_verification") %>
+                <%= form_with url: emails_path, method: :patch do |form| %>
+                  <input type="hidden" name="email[value]" value="<%= email.email %>"/>
+                  <button type="submit" class="underline">
+                    <%= t(".resend") %>
+                  </button>
+                <% end %>
+              <% else %>
+                <%= t(".pending_verification") %>
+              <% end %>
+            </span>
+          </span>
+          <%= form_with url: emails_path, method: :delete, class: 'flex items-center gap-4' do |form| %>
+            <input type="hidden" name="email[value]" value="<%= email.email %>"/>
+            <button type="submit">
+              <%= lucide_icon("x", class: "stroke-error") %>
+            </button>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+  <div class='divider my-2 text-xs'><%= t(".add") %></div>
+  <% if flash[:errors]&.any? %>
+    <div role="alert" class="alert mb-2">
+      <div class="flex items-center gap-4">
+        <%= lucide_icon("mail-x", class: "stroke-error") %>
+        <span><%= flash[:errors][0] %></span>
+      </div>
+    </div>
+  <% end %>
+  <div class=" <%= @emails.empty? ? 'mt-2' : '' %>">
+    <%= form_with url: emails_path, method: :post, class: 'pt-2 flex flex-col gap-2', data: { emails_target: 'add' } do |form| %>
+      <label class="flex gap-4 items-center">
+        <%= lucide_icon("mail-plus") %>
+        <input
+          type="text"
+          data-emails-target="email"
+          data-action="emails#updateEmail"
+          placeholder="<%= t('.placeholder.email', count: @emails.length) %>"
+          name="email[value]"
+          class="input w-full"
+        />
+      </label>
+      <div class="flex items-center gap-2">
+        <label class="flex gap-4 items-center">
+          <%= lucide_icon("shield-check") %>
+          <input
+            type="password"
+            data-emails-target="password"
+            data-action="emails#updatePassword"
+            placeholder="<%= t('.placeholder.password') %>"
+            name="session[password]"
+            class="input w-full"
+          />
+        </label>
+        <%= form.submit t(".submit"),
+                    class: "btn btn-info",
+                    data: {
+                      emails_target: "submit",
+                    },
+                    disabled: true %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/masks/emails/verify.html.erb ADDED Viewed

@@ -0,0 +1,51 @@
+<div>
+  <% if !@email || @email.expired? %>
+    <div class="alert alert-error text-error-content mb-2" role="alert">
+      <%= lucide_icon("mail-x") %>
+      <div>
+        <h3>
+          <%= t(".verification_expired") %>
+        </h3>
+        <h3 class="flex items-center gap-4 text-xs">
+          <span>
+            <a class="underline" href="<%= emails_path %>"><%= t(".emails") %></a>
+            <%= t(".manage_expired") %>
+          </span>
+        </h3>
+      </div>
+    </div>
+  <% elsif @email %>
+    <div class="alert alert-success mb-2" role="alert">
+      <%= lucide_icon("mail-check") %>
+      <div>
+        <h3 class="mb-1"><span class="font-mono"><%= @email.email %></span>
+          <%= t(".verified") %>
+        </h3>
+        <h3 class="flex items-center gap-4 text-xs">
+          <span>
+            <a class="underline" href="<%= emails_path %>"><%= t(".emails") %></a>
+            <%= t(".manage") %>
+          </span>
+        </h3>
+      </div>
+    </div>
+    <div class="card bg-base-100">
+      <div class="card-body">
+        <div class="card-title">
+          <%= t(".card_title") %>
+        </div>
+        <div>
+          <p class="mb-4 text-sm flex items-center gap-3">
+            <%= t(".details") %>
+          </p>
+          <ul class="text-sm list-disc pl-4 space-y-2 mb-4">
+            <%= t(".list_html") %>
+          </ul>
+          <p class="text-sm">
+            <%= t(".privacy") %>
+          </p>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>