Add support for OTPs and enhance sensitive apis with OTP verification (#191)

One-Time Password (OTP) package added with comprehensive token management, including OTP verification for team account deletion and ownership transfer.

apps/dev-tool/app/emails/[id]/page.tsx

@@ -48,6 +48,7 @@ export default async function EmailPage(props: EmailPageProps) {
               'change-email-address-email': 'Change Email Address Email',
               'reset-password-email': 'Reset Password Email',
               'magic-link-email': 'Magic Link Email',
+              'otp-email': 'OTP Email',
             }}
           />
         }

apps/dev-tool/app/emails/lib/email-loader.tsx

@@ -1,45 +1,48 @@
 import {
   renderAccountDeleteEmail,
   renderInviteEmail,
+  renderOtpEmail,
 } from '@kit/email-templates';
 
 export async function loadEmailTemplate(id: string) {
-  if (id === 'account-delete-email') {
-    return renderAccountDeleteEmail({
-      productName: 'Makerkit',
-      userDisplayName: 'Giancarlo',
-    });
-  }
+  switch (id) {
+    case 'account-delete-email':
+      return renderAccountDeleteEmail({
+        productName: 'Makerkit',
+        userDisplayName: 'Giancarlo',
+      });
 
-  if (id === 'invite-email') {
-    return renderInviteEmail({
-      teamName: 'Makerkit',
-      teamLogo:
-        '',
-      inviter: 'Giancarlo',
-      invitedUserEmail: 'test@makerkit.dev',
-      link: 'https://makerkit.dev',
-      productName: 'Makerkit',
-    });
-  }
+    case 'invite-email':
+      return renderInviteEmail({
+        teamName: 'Makerkit',
+        teamLogo: '',
+        inviter: 'Giancarlo',
+        invitedUserEmail: 'test@makerkit.dev',
+        link: 'https://makerkit.dev',
+        productName: 'Makerkit',
+      });
 
-  if (id === 'magic-link-email') {
-    return loadFromFileSystem('magic-link');
-  }
+    case 'otp-email':
+      return renderOtpEmail({
+        productName: 'Makerkit',
+        otp: '123456',
+      });
 
-  if (id === 'reset-password-email') {
-    return loadFromFileSystem('reset-password');
-  }
+    case 'magic-link-email':
+      return loadFromFileSystem('magic-link');
 
-  if (id === 'change-email-address-email') {
-    return loadFromFileSystem('change-email-address');
-  }
+    case 'reset-password-email':
+      return loadFromFileSystem('reset-password');
 
-  if (id === 'confirm-email') {
-    return loadFromFileSystem('confirm-email');
-  }
+    case 'change-email-address-email':
+      return loadFromFileSystem('change-email-address');
 
-  throw new Error(`Email template not found: ${id}`);
+    case 'confirm-email':
+      return loadFromFileSystem('confirm-email');
+
+    default:
+      throw new Error(`Email template not found: ${id}`);
+  }
 }
 
 async function loadFromFileSystem(fileName: string) {

apps/dev-tool/app/emails/page.tsx

@@ -75,6 +75,14 @@ export default async function EmailsPage() {
                 </CardButtonHeader>
               </Link>
             </CardButton>
+
+            <CardButton asChild>
+              <Link href={'/emails/otp-email'}>
+                <CardButtonHeader>
+                  <CardButtonTitle>OTP Email</CardButtonTitle>
+                </CardButtonHeader>
+              </Link>
+            </CardButton>
           </div>
         </div>
       </PageBody>