replace: swap prosappweb content for prosapp_web_app (more complete version)

prosapp_web_app has chat, dashboard, calendar, support, 13 providers and Fluro URL routing. Keep Dockerfile + nginx.conf from previous prosappweb. Upgrade google_fonts 6.2.1 → 8.1.0 (Dart 3.12 compat fix). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-18 15:26:32 -05:00
parent 74a4f41902
commit 15175c1b91
334 changed files with 12914 additions and 25727 deletions
@@ -0,0 +1,128 @@
+import 'package:flutter/material.dart';
+import 'package:prosapp_web_app/providers/auth_provider.dart';
+import 'package:prosapp_web_app/providers/phone_form_provider.dart';
+import 'package:prosapp_web_app/router/router.dart';
+import 'package:prosapp_web_app/ui/buttons/custom_outlined_button.dart';
+import 'package:prosapp_web_app/ui/buttons/link_text.dart';
+import 'package:prosapp_web_app/ui/inputs/custom_inputs.dart';
+import 'package:provider/provider.dart';
+
+class PhoneLoginView extends StatelessWidget {
+  const PhoneLoginView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final authProvider = Provider.of<AuthProvider>(context);
+
+    final TextEditingController _phoneController = TextEditingController();
+
+    return ChangeNotifierProvider(
+      create: (_) => PhoneFormProvider(),
+      child: Builder(builder: (context) {
+        final phoneFormProvider =
+            Provider.of<PhoneFormProvider>(context, listen: false);
+
+        return Container(
+          margin: const EdgeInsets.only(top: 10),
+          padding: const EdgeInsets.symmetric(horizontal: 20),
+          child: Center(
+            child: ConstrainedBox(
+              constraints: const BoxConstraints(maxWidth: 370),
+              child: Form(
+                autovalidateMode: AutovalidateMode.onUserInteraction,
+                key: phoneFormProvider.formKey,
+                child: Column(
+                  children: [
+                    TextFormField(
+                      controller: _phoneController,
+                      validator: (value) {
+                        if (value == null ||
+                            value.isEmpty ||
+                            value.length < 10) {
+                          return 'Ingresa un número de teléfono válido';
+                        }
+                        return null;
+                      },
+                      onChanged: (value) {
+                        phoneFormProvider.phone = '+57${value.trim()}';
+                      },
+                      keyboardType: TextInputType.phone,
+                      decoration: CustomInputs.loginInputDecoration(
+                        hint: 'Ingresa tu número de teléfono',
+                        label: 'Número de Teléfono',
+                        icon: Icons.phone_android_outlined,
+                      ),
+                    ),
+                    const SizedBox(height: 20),
+                    CustomOutlinedButton(
+                      onPressed: () async {
+                        final isValid = phoneFormProvider.validateForm();
+                        if (isValid) {
+                          await authProvider
+                              .verifyPhoneNumber(phoneFormProvider.phone);
+
+                          showDialog(
+                            context: context,
+                            builder: (context) =>
+                                _buildOtpModal(context, authProvider),
+                          );
+                        }
+                      },
+                      text: "Enviar código",
+                      color: Colors.blue,
+                    ),
+                    const SizedBox(height: 20),
+                    LinkText(
+                      text: "Entrar con correo",
+                      onPressed: () {
+                        Navigator.pushReplacementNamed(
+                            context, Flurorouter.loginRoute);
+                      },
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        );
+      }),
+    );
+  }
+
+  Widget _buildOtpModal(BuildContext context, AuthProvider authProvider) {
+    final _otpController = TextEditingController();
+
+    return AlertDialog(
+      title: const Text('Ingresar código OTP'),
+      content: TextField(
+        controller: _otpController,
+        decoration: const InputDecoration(labelText: 'Código OTP'),
+        keyboardType: TextInputType.number,
+      ),
+      actions: [
+        TextButton(
+          onPressed: () {
+            Navigator.of(context).pop();
+          },
+          child: const Text('Cancelar'),
+        ),
+        ElevatedButton(
+          onPressed: () async {
+            final otp = _otpController.text.trim();
+
+            if (otp.isNotEmpty) {
+              await authProvider.signInWithOTP(otp);
+              Navigator.of(context).pop();
+            } else {
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(
+                    content: Text('Por favor ingresa el código OTP')),
+              );
+            }
+          },
+          child: const Text('Verificar OTP'),
+        ),
+      ],
+    );
+  }
+}