@vivinkv28/strapi-2fa-admin-plugin 0.1.14 → 0.1.15

package/README.md

@@ -10,6 +10,20 @@ This package adds the backend flow for:
 - rate limiting for login, verify, and resend
 - final Strapi admin session creation only after OTP verification
 
+## UI Preview
+
+### Login Screen
+
+![Admin 2FA login screen](https://raw.githubusercontent.com/vivinkv6/strapi-admin-2fa-plugin/master/public/login.png)
+
+The first step collects the admin email and password before starting the OTP challenge flow.
+
+### OTP Screen
+
+![Admin 2FA OTP screen](https://raw.githubusercontent.com/vivinkv6/strapi-admin-2fa-plugin/master/public/otp.png)
+
+The second step shows the OTP input, resend action, and inline validation feedback during verification.
+
 ## Important
 
 This package does not automatically replace the default Strapi admin login UI.

package/host-patch/strapi-admin-2fa-patch/pages/Auth/components/Login.js

@@ -226,17 +226,18 @@ const OtpField = ()=>{
                         }, index))
                 })
             }),
-            errors.code ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                paddingTop: 3,
-                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                    id: "otp-code-error",
-                    variant: "pi",
-                    textColor: "danger600",
-                    children: errors.code
-                })
-            }) : null
-        ]
-    });
+            errors.code ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                paddingTop: 3,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    id: "otp-code-error",
+                    variant: "pi",
+                    textColor: "danger600",
+                    textAlign: "center",
+                    children: errors.code
+                })
+            }) : null
+        ]
+    });
 };
 const Login = ({ children })=>{
     const [apiError, setApiError] = React__namespace.useState();

package/host-patch/strapi-admin-2fa-patch/pages/Auth/components/Login.mjs

@@ -204,17 +204,18 @@ const OtpField = ()=>{
                         }, index))
                 })
             }),
-            errors.code ? /*#__PURE__*/ jsx(Box, {
-                paddingTop: 3,
-                children: /*#__PURE__*/ jsx(Typography, {
-                    id: "otp-code-error",
-                    variant: "pi",
-                    textColor: "danger600",
-                    children: errors.code
-                })
-            }) : null
-        ]
-    });
+            errors.code ? /*#__PURE__*/ jsx(Box, {
+                paddingTop: 3,
+                children: /*#__PURE__*/ jsx(Typography, {
+                    id: "otp-code-error",
+                    variant: "pi",
+                    textColor: "danger600",
+                    textAlign: "center",
+                    children: errors.code
+                })
+            }) : null
+        ]
+    });
 };
 const Login = ({ children })=>{
     const [apiError, setApiError] = React.useState();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vivinkv28/strapi-2fa-admin-plugin",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Reusable Strapi admin 2FA plugin",
   "type": "commonjs",
   "keywords": [