feat: SMS TOTP support for membership login

src/app/api/[chain]/user/totp/route.ts

@@ -0,0 +1,21 @@
+import { AppRouteHandlerFnContext, withApiAuthRequired } from "@auth0/nextjs-auth0";
+
+import {
+    put,
+    tryUseRefreshToken,
+    respondUnauthorized,
+    respondNotFound,
+    doOperation,
+    chainIdentifierFromContext,
+} from "@/lib/helpers/api";
+
+export const PUT = withApiAuthRequired(async (req, ctx) => {
+    const accessToken = await tryUseRefreshToken(req);
+    if (!accessToken) return respondUnauthorized();
+
+    const chainIdentifier = chainIdentifierFromContext(ctx as AppRouteHandlerFnContext);
+    if (chainIdentifier === null) return respondNotFound();
+
+    const data = await req.text();
+    return await doOperation(() => put(`${chainIdentifier}/user/totp`, accessToken, data));
+});

src/components/modals/Settings/Memberships/ChainMembership.tsx

@@ -72,14 +72,14 @@ function ChainMembership({
                     >
                         <Tooltip title={chainProfile.name} arrow>
                             <RippleBadge
-                                invisible={!hasChainUser}
+                                invisible={chainUserLoading}
                                 overlap="circular"
                                 anchorOrigin={{
                                     vertical: "bottom",
                                     horizontal: "right",
                                 }}
                                 variant={"dot"}
-                                rippleColor={"#44b700"}
+                                rippleColor={!hasChainUser || !chainUser.isAuthVerified ? "#FF0000" : "#44b700"}
                             >
                                 <Avatar
                                     sx={{ width: { xs: 24, md: 32 }, height: { xs: 24, md: 32 } }}