304 lines
11 KiB
Dart
304 lines
11 KiB
Dart
// ignore_for_file: deprecated_member_use
|
|
|
|
import 'dart:async';
|
|
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:url_launcher/url_launcher_string.dart';
|
|
import 'package:didvan/config/design_config.dart';
|
|
import 'package:didvan/config/theme_data.dart';
|
|
import 'package:didvan/providers/user.dart';
|
|
import 'package:didvan/utils/extension.dart';
|
|
import 'package:didvan/views/authentication/authentication_state.dart';
|
|
import 'package:didvan/views/authentication/widgets/authentication_layout.dart';
|
|
import 'package:didvan/views/widgets/didvan/button.dart';
|
|
import 'package:didvan/views/widgets/didvan/text.dart';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:pin_code_fields/pin_code_fields.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:sms_autofill/sms_autofill.dart';
|
|
|
|
class Verification extends StatefulWidget {
|
|
const Verification({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<Verification> createState() => _VerificationState();
|
|
}
|
|
|
|
class _VerificationState extends State<Verification> {
|
|
Timer? _timer;
|
|
int _secondsRemaining = 119;
|
|
|
|
bool _isResendButtonEnabled = false;
|
|
bool _isConfirmButtonEnabled = false;
|
|
String _completedCode = "";
|
|
bool _hasError = false;
|
|
|
|
@override
|
|
void initState() {
|
|
final state = context.read<AuthenticationState>();
|
|
if (state.username == '') {
|
|
final user = context.read<UserProvider>().user;
|
|
state.username = user.phoneNumber;
|
|
}
|
|
Future.delayed(
|
|
Duration.zero,
|
|
state.sendOtpToken,
|
|
);
|
|
_handleTimer();
|
|
super.initState();
|
|
_listenForSms();
|
|
}
|
|
|
|
Future<void> _listenForSms() async {
|
|
if (kDebugMode) {
|
|
print("<<<<< در حال تلاش برای دریافت امضای برنامه >>>>>");
|
|
}
|
|
|
|
final appSignature = await SmsAutoFill().getAppSignature;
|
|
|
|
if (kDebugMode) {
|
|
print("App Signature: $appSignature");
|
|
}
|
|
|
|
await SmsAutoFill().listenForCode();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final AuthenticationState state = context.read<AuthenticationState>();
|
|
|
|
final errorColor = Theme.of(context).colorScheme.error;
|
|
final primaryColor = Theme.of(context).colorScheme.primary;
|
|
final borderColor = Theme.of(context).colorScheme.border;
|
|
final textColor = Theme.of(context).colorScheme.text;
|
|
|
|
return WillPopScope(
|
|
onWillPop: () async {
|
|
_timer?.cancel();
|
|
|
|
if (state.currentPageIndex == 0) {
|
|
return true;
|
|
}
|
|
if (state.currentPageIndex == 2 && !state.hasPassword) {
|
|
state.currentPageIndex = 0;
|
|
return false;
|
|
}
|
|
state.currentPageIndex--;
|
|
return false;
|
|
},
|
|
child: AuthenticationLayout(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.baseline,
|
|
textBaseline: TextBaseline.alphabetic,
|
|
children: [
|
|
DidvanText('کد تایید پنج رقمی به شماره ',
|
|
style: Theme.of(context).textTheme.titleSmall,
|
|
fontWeight: FontWeight.normal,
|
|
color: Theme.of(context).colorScheme.caption),
|
|
DidvanText(
|
|
state.username.toString().convertToPersianDigits(),
|
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
fontWeight: FontWeight.normal,
|
|
fontSize: 15,
|
|
color: Theme.of(context).colorScheme.caption),
|
|
),
|
|
DidvanText(' ارسال شد.',
|
|
style: Theme.of(context).textTheme.titleSmall,
|
|
fontWeight: FontWeight.normal,
|
|
color: Theme.of(context).colorScheme.caption),
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
InkWell(
|
|
onTap: () {
|
|
_timer?.cancel();
|
|
state.currentPageIndex = 0;
|
|
},
|
|
borderRadius: DesignConfig.lowBorderRadius,
|
|
child: Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
SvgPicture.asset('lib/assets/icons/pen.svg',height: 20,),
|
|
const SizedBox(width: 8),
|
|
DidvanText(
|
|
'شماره همراه',
|
|
style: Theme.of(context).textTheme.titleSmall,
|
|
fontWeight: FontWeight.normal,
|
|
color: primaryColor,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: 24,
|
|
),
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: PinCodeTextField(
|
|
keyboardType: TextInputType.number,
|
|
animationType: AnimationType.scale,
|
|
cursorColor: textColor,
|
|
textStyle: TextStyle(
|
|
fontSize: 20,
|
|
color: _hasError ? const Color.fromARGB(255, 178, 4, 54) : textColor,
|
|
),
|
|
pinTheme: PinTheme(
|
|
fieldHeight: 58,
|
|
fieldWidth: 58,
|
|
selectedColor: _hasError ? const Color.fromARGB(255, 178, 4, 54) : primaryColor,
|
|
inactiveColor: _hasError ? const Color.fromARGB(255, 178, 4, 54) : borderColor,
|
|
activeFillColor: _hasError ? const Color.fromARGB(255, 178, 4, 54) : primaryColor, // بستگی به طراحی شما دارد
|
|
activeColor: _hasError ? const Color.fromARGB(255, 178, 4, 54) : primaryColor,
|
|
borderRadius: DesignConfig.lowBorderRadius,
|
|
borderWidth: 1,
|
|
shape: PinCodeFieldShape.box,
|
|
),
|
|
appContext: context,
|
|
length: 6,
|
|
onCompleted: (value) async {
|
|
final result = await state.verifyOtpToken(value);
|
|
if (result) {
|
|
_timer?.cancel();
|
|
}
|
|
},
|
|
onChanged: (value) {
|
|
setState(() {
|
|
_completedCode = value;
|
|
_isConfirmButtonEnabled = value.length == 6;
|
|
if (_hasError) {
|
|
_hasError = false;
|
|
}
|
|
});
|
|
},
|
|
),
|
|
),
|
|
|
|
_isResendButtonEnabled
|
|
? InkWell(
|
|
onTap: () {
|
|
_handleTimer();
|
|
state.sendOtpToken();
|
|
},
|
|
borderRadius: DesignConfig.lowBorderRadius,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8.0, vertical: 4.0),
|
|
child: DidvanText(
|
|
'دریافت مجدد کد',
|
|
style: Theme.of(context).textTheme.titleSmall,
|
|
fontWeight: FontWeight.normal,
|
|
color: const Color.fromARGB(255, 0 ,126, 167),
|
|
),
|
|
),
|
|
)
|
|
: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
SvgPicture.asset('lib/assets/icons/clock.svg',color: const Color.fromARGB(255, 0 ,126, 167) ,),
|
|
const SizedBox(width: 5,),
|
|
DidvanText(
|
|
'$_secondsRemaining ثانیه',
|
|
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
|
fontWeight: FontWeight.normal,
|
|
color: const Color.fromARGB(255, 0 ,126, 167),
|
|
),
|
|
),
|
|
DidvanText(
|
|
' تا دریافت مجدد کد',
|
|
style: Theme.of(context).textTheme.titleSmall,
|
|
fontWeight: FontWeight.normal,
|
|
color: const Color.fromARGB(255, 0 ,126, 167),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 10,),
|
|
DidvanButton(
|
|
enabled: _isConfirmButtonEnabled,
|
|
onPressed: () async {
|
|
if (_completedCode.length == 6) {
|
|
final result = await state.verifyOtpToken(_completedCode);
|
|
if (!result) {
|
|
if (mounted) setState(() => _hasError = true);
|
|
}
|
|
}
|
|
},
|
|
title: 'تایید کد',
|
|
),
|
|
|
|
const SizedBox(
|
|
height: 24,
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20),
|
|
child: RichText(
|
|
textAlign: TextAlign.center,
|
|
text: TextSpan(
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|
children: [
|
|
const TextSpan(text: 'با ورود به اپلیکیشن دیدوان،'),
|
|
TextSpan(
|
|
text: ' شرایط ',
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodySmall!
|
|
.copyWith(color: Theme.of(context).colorScheme.primary),
|
|
recognizer: TapGestureRecognizer()
|
|
..onTap = () => launchUrlString(
|
|
'https://didvan.com/terms-of-use#conditions',
|
|
mode: LaunchMode.inAppWebView),
|
|
),
|
|
const TextSpan(text: 'و\n'),
|
|
TextSpan(
|
|
text: ' قوانین حریم خصوصی ',
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodySmall!
|
|
.copyWith(color: Theme.of(context).colorScheme.primary),
|
|
recognizer: TapGestureRecognizer()
|
|
..onTap = () => launchUrlString(
|
|
'https://didvan.com/terms-of-use#privacy',
|
|
mode: LaunchMode.inAppWebView),
|
|
),
|
|
const TextSpan(text: 'را میپذیرم'),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: 24,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _handleTimer() async {
|
|
_timer?.cancel();
|
|
_isResendButtonEnabled = false;
|
|
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
|
|
try {
|
|
setState(() {
|
|
_secondsRemaining -= 1;
|
|
if (_secondsRemaining == 0) {
|
|
_isResendButtonEnabled = true;
|
|
_secondsRemaining = 129;
|
|
_timer?.cancel();
|
|
}
|
|
});
|
|
} catch (e) {
|
|
_timer?.cancel();
|
|
}
|
|
});
|
|
setState(() {});
|
|
}
|
|
} |