yubioath-flutter/lib/android/qr_scanner/qr_scanner_ui_view.dart

/*
 * Copyright (C) 2022-2023   Yubico.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import 'dart:convert';

import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:yubico_authenticator/app/state.dart';

import '../keys.dart' as keys;
import 'qr_scanner_scan_status.dart';

class QRScannerUI extends ConsumerWidget {
  final ScanStatus status;
  final Size screenSize;
  final GlobalKey overlayWidgetKey;

  const QRScannerUI(
      {super.key,
      required this.status,
      required this.screenSize,
      required this.overlayWidgetKey});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final l10n = AppLocalizations.of(context)!;

    return Stack(
      fit: StackFit.expand,
      children: [
        SafeArea(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            mainAxisSize: MainAxisSize.max,
            children: [
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.only(
                      left: 16, right: 16, top: 0, bottom: 0),
                  child: SizedBox(
                    // other widgets can find the RenderObject of this
                    // widget by its key value and query its size and offset.
                    key: overlayWidgetKey,
                  ),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(top: 0.0),
                child: Text(
                  status != ScanStatus.error
                      ? l10n.l_point_camera_scan
                      : l10n.l_invalid_qr,
                  style: const TextStyle(color: Colors.white),
                  textAlign: TextAlign.center,
                ),
              ),
              const SizedBox(height: 16),
              Column(
                children: [
                  Text(
                    l10n.q_no_qr,
                    textScaleFactor: 0.7,
                    style: const TextStyle(color: Colors.white),
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                      OutlinedButton(
                          onPressed: () {
                            Navigator.of(context).pop('');
                          },
                          key: keys.manualEntryButton,
                          child: Text(
                            l10n.s_enter_manually,
                            style: const TextStyle(color: Colors.white),
                          )),
                      OutlinedButton(
                          onPressed: () async {
                            Navigator.of(context).pop('');
                            final result = await FilePicker.platform.pickFiles(
                                allowedExtensions: ['png', 'jpg'],
                                type: FileType.custom,
                                allowMultiple: false,
                                lockParentWindow: true,
                                dialogTitle: 'Select file with QR code');
                            if (result != null && result.files.isNotEmpty) {
                              final fileWithCode = result.files.first;
                              final bytes = fileWithCode.bytes;
                              if (bytes == null || bytes.isEmpty) {
                                //err return
                                return;
                              }
                              if (bytes.length > 3 * 1024 * 1024) {
                                // too big file
                                return;
                              }
                              final scanner = ref.read(qrScannerProvider);
                              if (scanner != null) {
                                await scanner.scanQr(base64UrlEncode(bytes));
                              }
                            }
                          },
                          key: keys.readFromImage,
                          child: Text(
                            l10n.s_read_from_image,
                            style: const TextStyle(color: Colors.white),
                          )),
                    ],
                  ),
                ],
              ),
              const SizedBox(height: 8)
            ],
          ),
        )
      ],
    );
  }
}