From 677cdace44312407972408449b172f9a7fe557cd Mon Sep 17 00:00:00 2001
From: Mihaly Lengyel <mihaly@lengyel.tech>
Date: Fri, 15 Dec 2023 18:50:40 +0100
Subject: [PATCH] fix: mfa otp loading screen override

---
 lib/build/passwordless-shared4.js                               | 2 +-
 .../recipe/passwordless/components/themes/mfa/loadingScreen.tsx | 2 +-
 test/unit/componentOverrides.test.tsx                           | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/lib/build/passwordless-shared4.js b/lib/build/passwordless-shared4.js
index 457280242..64bcaf0d4 100644
--- a/lib/build/passwordless-shared4.js
+++ b/lib/build/passwordless-shared4.js
@@ -3148,7 +3148,7 @@ var OTPLoadingScreen = function () {
         )
     );
 };
-var LoadingScreen = uiEntry.withOverride("PasswordlessMFAOTPLoadingScreen_Override", OTPLoadingScreen);
+var LoadingScreen = uiEntry.withOverride("PasswordlessMFAOTPLoadingScreen", OTPLoadingScreen);
 
 var MFAFooter = uiEntry.withOverride("PasswordlessMFAFooter", function PasswordlessMFAFooter(props) {
     var _a, _b;
diff --git a/lib/ts/recipe/passwordless/components/themes/mfa/loadingScreen.tsx b/lib/ts/recipe/passwordless/components/themes/mfa/loadingScreen.tsx
index 36b871861..42534211a 100644
--- a/lib/ts/recipe/passwordless/components/themes/mfa/loadingScreen.tsx
+++ b/lib/ts/recipe/passwordless/components/themes/mfa/loadingScreen.tsx
@@ -27,4 +27,4 @@ const OTPLoadingScreen: React.FC = () => {
     );
 };
 
-export const LoadingScreen = withOverride("PasswordlessMFAOTPLoadingScreen_Override", OTPLoadingScreen);
+export const LoadingScreen = withOverride("PasswordlessMFAOTPLoadingScreen", OTPLoadingScreen);
diff --git a/test/unit/componentOverrides.test.tsx b/test/unit/componentOverrides.test.tsx
index a8dc2a0d7..d273880d1 100644
--- a/test/unit/componentOverrides.test.tsx
+++ b/test/unit/componentOverrides.test.tsx
@@ -63,6 +63,7 @@ import { MFAFooter } from "../../lib/ts/recipe/passwordless/components/themes/mf
 import { MFAHeader } from "../../lib/ts/recipe/passwordless/components/themes/mfa/mfaHeader";
 import { MFAOTPFooter } from "../../lib/ts/recipe/passwordless/components/themes/mfa/mfaOTPFooter";
 import { MFAOTPHeader } from "../../lib/ts/recipe/passwordless/components/themes/mfa/mfaOTPHeader";
+import { LoadingScreen as MFAOTPLoadingScreen } from "../../lib/ts/recipe/passwordless/components/themes/mfa/loadingScreen";
 import { BlockedScreen } from "../../lib/ts/recipe/totp/components/themes/mfa/blockedScreen";
 import { CodeForm } from "../../lib/ts/recipe/totp/components/themes/mfa/totpCodeForm";
 import { CodeVerificationFooter } from "../../lib/ts/recipe/totp/components/themes/mfa/totpCodeVerificationFooter";
@@ -127,6 +128,7 @@ describe("Theme component overrides", () => {
         PasswordlessMFAHeader_Override: MFAHeader,
         PasswordlessMFAOTPFooter_Override: MFAOTPFooter,
         PasswordlessMFAOTPHeader_Override: MFAOTPHeader,
+        PasswordlessMFAOTPLoadingScreen_Override: MFAOTPLoadingScreen,
         ThirdPartyPasswordlessHeader_Override: ThirdPartyPasswordlessHeader,
         TOTPBlockedScreen_Override: BlockedScreen,
         TOTPCodeForm_Override: CodeForm,