From cc3f3a7141a0a1bedcbd2ae5cb693902bc41b5ec Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 15:56:37 +0200
Subject: [PATCH] Replace non-strict equality with strict equality and fix
 undefined access

- Use !== instead of != for null comparisons
- Update MFA status indicator from Pill to Badge component
---
 src/lib/components/mfaChallengeFormList.svelte                | 2 +-
 src/routes/(console)/account/updateMfa.svelte                 | 4 ++--
 .../organization-[organization]/billing/paymentMethods.svelte | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/mfaChallengeFormList.svelte b/src/lib/components/mfaChallengeFormList.svelte
index 3e369b2ab..00dc1ad23 100644
--- a/src/lib/components/mfaChallengeFormList.svelte
+++ b/src/lib/components/mfaChallengeFormList.svelte
@@ -95,7 +95,7 @@
 {#if enabledFactors.length > 1}
     <span class="with-separators eyebrow-heading-3">or</span>
     <div class="u-flex-vertical u-gap-8">
-        {#if factors.totp && challengeType != null && challengeType != AuthenticationFactor.Totp}
+        {#if factors.totp && challengeType !== null && challengeType !== AuthenticationFactor.Totp}
             <Button
                 secondary
                 fullWidth
diff --git a/src/routes/(console)/account/updateMfa.svelte b/src/routes/(console)/account/updateMfa.svelte
index 35e6b97d6..95bdcf10a 100644
--- a/src/routes/(console)/account/updateMfa.svelte
+++ b/src/routes/(console)/account/updateMfa.svelte
@@ -160,11 +160,11 @@
                                 <span class="icon-device-mobile" aria-hidden="true"></span>
                             </div>
                             <Layout.Stack gap="xxxs">
-                                <Layout.Stack gap="s">
+                                <Layout.Stack gap="s" direction="row">
                                     <Typography.Text variant="m-600"
                                         >Authenticator app</Typography.Text>
                                     {#if $factors.totp}
-                                        <Pill>connected</Pill>
+                                        <Badge variant="secondary" content="connected" size="s" />
                                     {/if}
                                 </Layout.Stack>
                                 <Typography.Text variant="m-400">
diff --git a/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte b/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
index 4f0d7e131..db32f3c91 100644
--- a/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
+++ b/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
@@ -102,9 +102,9 @@
 
     $: hasPaymentError =
         defaultPaymentMethod?.lastError ||
-        defaultPaymentMethod.expired ||
+        defaultPaymentMethod?.expired ||
         backupPaymentMethod?.lastError ||
-        backupPaymentMethod.expired;
+        backupPaymentMethod?.expired;
 </script>
 
 <CardGrid>