Remove notification gate from signup

src/App.vue

@@ -12,7 +12,7 @@ import {
   loginWithRemoteApp,
   resumeRemoteAppLogin,
 } from './services/signer'
-import { notificationPermission, notificationSupport, subscribeToNotifications } from './services/notifications'
+import { notificationPermission, subscribeToNotifications } from './services/notifications'
 
 const heroBackgrounds = Object.entries(
   import.meta.glob('../public/images/bg-*.{avif,webp,jpg,jpeg,png}', {
@@ -192,9 +192,6 @@ const isEventEditorOpen = ref(false)
 const notificationStats = ref({ configured: false, subscriberCount: 0 })
 const notificationMessage = ref('')
 const notificationError = ref('')
-const signupNotificationMessage = ref('')
-const signupNotificationError = ref('')
-const isSignupNotificationLoading = ref(false)
 const payments = ref([])
 const cards = ref([])
 const accessLogs = ref([])
@@ -367,7 +364,6 @@ const canContinue = computed(() => {
   if (signupStep.value === 4) return DATA_IMAGE_PATTERN.test(form.signature)
   return true
 })
-const signupNotificationSupport = computed(() => notificationSupport())
 const pwaInstallTitle = computed(() => {
   if (isPwaStandalone.value) return 'PWA installed'
   if (installPlatform.value === 'ios') return 'Install L484 on iPhone'
@@ -789,14 +785,11 @@ const openSignup = () => {
   loadBitcoinPrice()
   refreshPwaStandalone()
   installPlatform.value = detectInstallPlatform()
-  signupStep.value = currentMember.value ? 6 : 0
+  signupStep.value = currentMember.value ? 5 : 0
   createdMember.value = currentMember.value
   isCardRevealing.value = false
   generatedCredentials.value = null
   formError.value = ''
-  signupNotificationMessage.value = ''
-  signupNotificationError.value = ''
-  isSignupNotificationLoading.value = false
 }
 
 const openMemberSignin = () => {
@@ -859,7 +852,6 @@ const resetForm = () => {
 
 const nextStep = () => {
   formError.value = ''
-  signupNotificationError.value = ''
   sanitizeForm()
 
   if (signupStep.value === 2 && !validateApplicant()) {
@@ -1033,7 +1025,7 @@ const createMembership = async () => {
     saveMembers()
     resetForm()
     isCardRevealing.value = true
-    signupStep.value = 6
+    signupStep.value = 5
 
     window.setTimeout(() => {
       isCardRevealing.value = false
@@ -1043,21 +1035,6 @@ const createMembership = async () => {
   }
 }
 
-const enableSignupNotificationsAndCreate = async () => {
-  signupNotificationMessage.value = ''
-  signupNotificationError.value = ''
-  isSignupNotificationLoading.value = true
-  try {
-    const result = await subscribeToNotifications()
-    signupNotificationMessage.value = `Notifications enabled. ${result.subscriberCount || 1} device subscribed.`
-    await createMembership()
-  } catch (error) {
-    signupNotificationError.value = error instanceof Error ? error.message : 'Could not enable notifications.'
-  } finally {
-    isSignupNotificationLoading.value = false
-  }
-}
-
 const syncSignatureCanvas = () => {
   const canvas = signatureCanvas.value
   if (!canvas) return
@@ -3333,25 +3310,23 @@ watch(mobileMenuOpen, (open) => {
     </div>
 
     <div v-if="isSignupOpen" class="modal-backdrop" @click.self="closeSignup">
-      <div class="signup-modal" :class="{ 'card-modal': signupStep === 6 }">
+      <div class="signup-modal" :class="{ 'card-modal': signupStep === 5 }">
         <div class="flex items-center justify-between gap-4 border-b border-white/10 p-5">
           <div>
             <p class="section-kicker">L484 Membership</p>
             <h2 class="text-2xl font-black uppercase leading-none">
-              {{ signupStep === 6 ? 'Membership Card' : 'Become a member' }}
+              {{ signupStep === 5 ? 'Membership Card' : 'Become a member' }}
             </h2>
           </div>
           <button class="modal-close" type="button" aria-label="Close" @click="closeSignup"></button>
         </div>
 
-        <div v-if="signupStep > 1 && signupStep < 6" class="step-row">
+        <div v-if="signupStep > 1 && signupStep < 5" class="step-row">
           <span :class="{ active: signupStep >= 2 }">1</span>
           <i></i>
           <span :class="{ active: signupStep >= 3 }">2</span>
           <i></i>
           <span :class="{ active: signupStep >= 4 }">3</span>
-          <i></i>
-          <span :class="{ active: signupStep >= 5 }">4</span>
         </div>
 
         <div class="modal-body">
@@ -3486,26 +3461,7 @@ watch(mobileMenuOpen, (open) => {
             </div>
           </div>
 
-          <div v-if="signupStep === 5" class="pwa-install-step">
-            <div class="pwa-install-hero">
-              <img src="/images/app-icon-192.png" alt="" aria-hidden="true" />
-              <div>
-                <p class="section-kicker">Notifications</p>
-                <h3>Enable member alerts</h3>
-                <p>
-                  L484 can send updates about your membership, payment, card pickup, and private events directly to this installed app. Permission {{ notificationPermission }}.
-                </p>
-              </div>
-            </div>
-            <p v-if="signupNotificationMessage" class="validation-message rounded border border-amber-400/30 bg-amber-400/10 p-3 text-sm text-amber-100">
-              {{ signupNotificationMessage }}
-            </p>
-            <p v-if="signupNotificationError" class="validation-message rounded border border-red-400/40 bg-red-500/10 p-3 text-sm text-red-200">
-              {{ signupNotificationError }}
-            </p>
-          </div>
-
-          <div v-if="signupStep === 6 && createdMember" class="card-modal-content space-y-6">
+          <div v-if="signupStep === 5 && createdMember" class="card-modal-content space-y-6">
             <div class="card-reveal-stage mx-auto" :class="{ 'is-revealing': isCardRevealing }">
               <div v-if="isCardRevealing" class="card-spinner" aria-hidden="true">
                 <img src="/images/small-logo.svg" alt="" />
@@ -3571,11 +3527,11 @@ watch(mobileMenuOpen, (open) => {
         </div>
 
         <div class="modal-footer border-t border-white/10 p-5">
-          <button v-if="signupStep > 0 && signupStep < 6" class="secondary-action" type="button" @click="previousStep">
+          <button v-if="signupStep > 0 && signupStep < 5" class="secondary-action" type="button" @click="previousStep">
             Back
           </button>
 
-          <template v-if="signupStep === 6">
+          <template v-if="signupStep === 5">
             <button class="secondary-action" type="button" @click="openBackup">
               Export
             </button>
@@ -3589,11 +3545,11 @@ watch(mobileMenuOpen, (open) => {
           <button v-else-if="signupStep === 1" class="primary-action" type="button" @click="handlePwaInstallPrimary">
             {{ pwaInstallPrimaryLabel }}
           </button>
-          <button v-else-if="signupStep < 5" class="primary-action" type="button" @click="nextStep">
+          <button v-else-if="signupStep < 4" class="primary-action" type="button" @click="nextStep">
             Continue
           </button>
-          <button v-else-if="signupStep === 5" class="primary-action" type="button" :disabled="isSignupNotificationLoading" @click="enableSignupNotificationsAndCreate">
-            {{ isSignupNotificationLoading ? 'Enabling...' : 'Enable & create card' }}
+          <button v-else-if="signupStep === 4" class="primary-action" type="button" @click="createMembership">
+            Create card
           </button>
         </div>
       </div>