otpless_flutter_lp 1.0.5

Flutter plugin to integrate OTPless login with whatsapp with flutter

example/lib/main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:otpless_flutter_lp/models.dart';
import 'package:otpless_flutter_lp/otpless_flutter.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _dataResponse = 'Unknown';
  String lastResponse = "";
  final _otplessFlutterLP = OtplessSdk();
  static const String appId = "";
  String secret = "";

  // NEW: controller/focus for phone input
  final _phoneController = TextEditingController();
  final _phoneFocus = FocusNode();

  @override
  void initState() {
    super.initState();
    _otplessFlutterLP.initializeSession(appId);
    _otplessFlutterLP.initialize(appId);
    _otplessFlutterLP.setResponseCallback(onLoginPageResult);
    _otplessFlutterLP.setEventListener(onOtplessEvent);
    OtplessSdk.instance.setDebugLogging(true);
    _otplessFlutterLP.isWhatsAppInstalled().then((isInstalled) {
      _apppendAndUpdateUi("whatsapp: $isInstalled");
    });
  }

  @override
  void dispose() {
    _phoneController.dispose();
    _phoneFocus.dispose();
    super.dispose();
  }

  void onOtplessEvent(OtplessEventData result) {
    String str = '$result\n$lastResponse\n';
    setState(() {
      _dataResponse = str;
    });
    lastResponse = str;
  }

  void _apppendAndUpdateUi(String message) {
    String str = "$message\n$lastResponse\n\n";

    setState(() {
      _dataResponse = str;
    });
    lastResponse = str;
  }

  void onLoginPageResult(OtplessResult result) {
    if (result is OtplessResultSuccess) {
      _apppendAndUpdateUi("token: ${result.token}");
      return;
    }
    if (result is OtplessResultError) {
      switch (result.errorType) {
        case ErrorType.initiate:
          switch (result.errorCode) {
            case 10000:
              _apppendAndUpdateUi(
                  "User cancelled (back button) [errorCode: ${result.errorCode}]");
              break;
            case 10001:
              _apppendAndUpdateUi(
                  "User cancelled (help button) [errorCode: ${result.errorCode}]");
              break;
            case 10002:
              _apppendAndUpdateUi(
                  "User cancelled (change phone) [errorCode: ${result.errorCode}]");
              break;
            case 7102:
              _apppendAndUpdateUi(
                  "Invalid phone [errorCode: ${result.errorCode}]");
              break;
            case 7104:
              _apppendAndUpdateUi(
                  "Invalid email [errorCode: ${result.errorCode}]");
              break;
            case 9120:
              _apppendAndUpdateUi(
                  "SDK not initialized [errorCode: ${result.errorCode}]");
              break;
            case 9125:
            case 5050:
              _apppendAndUpdateUi(
                  "SDK loading error [errorCode: ${result.errorCode}]");
              break;
            default:
              _apppendAndUpdateUi(
                  "Generic INITIATE error (use errorCode if needed) [errorCode: ${result.errorCode}]");
              break;
          }
          break;

        case ErrorType.network:
          if (result.errorCode == 9103) {
            _apppendAndUpdateUi(
                "No internet connection [errorCode: ${result.errorCode}]");
          } else {
            _apppendAndUpdateUi(
                "Generic NETWORK error (use errorCode if needed) [errorCode: ${result.errorCode}]");
          }
          break;

        case ErrorType.verify:
          _apppendAndUpdateUi(
              "Custom verify error (use errorCode if needed) [errorCode: ${result.errorCode}]");
          break;
      }
    }
  }

  void getActiveSession() async {
    OtplessSessionResult result = await OtplessSdk.instance.getActiveSession();
    _apppendAndUpdateUi(result.toString());
  }

  void logoutSession() {
    OtplessSdk.instance.logout();
    _apppendAndUpdateUi("session logged out");
  }

  // --- NEW: phone parsing + submission ---
  /// Returns only digits (E.164-ready local digits) or null if invalid length.
  String? _parsePhone(String input) {
    final digits = input.replaceAll(RegExp(r'\D'), '');
    if (digits.length < 7 || digits.length > 15) return null; // basic sanity
    return digits;
  }

  void _submitPhone() {
    final raw = _phoneController.text.trim();
    final parsed = _parsePhone(raw);

    if (parsed == null) {
      setState(() {
        _dataResponse = "Invalid phone number. Enter 7–15 digits.";
      });
      return;
    }
    setState(() {
      _dataResponse = "Parsed phone: $parsed";
    });
    LoginPageParams pageParams = LoginPageParams(
        extraQueryParams: {"phone": parsed, "countryCode": "91"});
    _otplessFlutterLP.start(pageParams);
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('OTPless Flutter Plugin example app'),
        ),
        body: SafeArea(
          child: SingleChildScrollView(
            child: Padding(
              padding: const EdgeInsets.all(16.0),
              child: Center(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.stretch,
                  children: [
                    // NEW: phone input
                    const Text(
                      "Phone Number",
                      style: TextStyle(fontWeight: FontWeight.w600),
                    ),
                    const SizedBox(height: 8),
                    CupertinoTextField(
                      controller: _phoneController,
                      focusNode: _phoneFocus,
                      keyboardType: TextInputType.phone,
                      placeholder: "[phone]",
                      textInputAction: TextInputAction.done,
                      onSubmitted: (_) => _submitPhone(),
                      prefix: const Padding(
                        padding: EdgeInsets.symmetric(horizontal: 12.0),
                        child: Icon(CupertinoIcons.phone),
                      ),
                      suffix: Row(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          CupertinoButton(
                            padding: const EdgeInsets.symmetric(horizontal: 8),
                            minSize: 0,
                            onPressed: () {
                              _phoneController.clear();
                              _phoneFocus.requestFocus();
                            },
                            child: const Icon(
                                CupertinoIcons.clear_thick_circled,
                                size: 20),
                          ),
                        ],
                      ),
                    ),
                    const SizedBox(height: 12),
                    CupertinoButton(
                      onPressed: _submitPhone,
                      color: CupertinoColors.activeBlue,
                      child: const Text("Start Otpless"),
                    ),

                    const SizedBox(height: 16),

                    CupertinoButton.filled(
                      onPressed: getActiveSession,
                      child: const Text("Get Active Session"),
                    ),
                    const SizedBox(height: 16),

                    CupertinoButton.filled(
                      onPressed: logoutSession,
                      child: const Text("Logout Session"),
                    ),
                    const SizedBox(height: 16),

                    const SizedBox(height: 16),

                    Text(
                      _dataResponse,
                      textAlign: TextAlign.center,
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}