aefril/enaklo-flutter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: integrate enakgame and voucher
Build & Deploy iOS to TestFlight / build-and-deploy (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
efrilm
2026-10-10 02:33:16 +07:00
parent e5515d5871
commit 38850b281f
104 changed files with 7122 additions and 8063 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/presentation/pages/reward/widgets/redemption_card.dart
+133
View File
@@ -0,0 +1,133 @@
import 'package:flutter/material.dart';
import '../../../../common/extension/extension.dart';
import '../../../../common/theme/theme.dart';
import '../../../../domain/wallet/wallet.dart';
import '../../wallet/wallet_ui.dart';
import '../reward_ui.dart';
import 'ticket_card.dart';
/// Satu voucher di "Voucher saya" (§9.3).
class RedemptionCard extends StatelessWidget {
const RedemptionCard({
super.key,
required this.redemption,
required this.onTap,
});
final VoucherRedemption redemption;
final VoidCallback onTap;
bool get _isReady => redemption.status == VoucherRedemptionStatus.completed;
@override
Widget build(BuildContext context) {
final status = redemption.status;
return TicketCard(
active: _isReady,
onTap: onTap,
stub: TicketStub(
image: VoucherImage(
url: redemption.voucherImageUrl,
size: 44,
dimmed: !_isReady,
),
pointCost: redemption.pointCost.thousandFormat,
active: _isReady,
),
body: Padding(
padding: const EdgeInsets.fromLTRB(14, 12, 14, 12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Expanded(
child: Text(
voucherTypeLabel(
redemption.voucherType,
redemption.faceValue,
).toUpperCase(),
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w700,
letterSpacing: 0.6,
),
),
),
if (status != VoucherRedemptionStatus.unknown)
VoucherRedemptionStatusBadge(status: status),
],
),
const SizedBox(height: 4),
Text(
redemption.voucherName,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: AppStyle.lg.copyWith(
color: _isReady ? AppColor.textPrimary : AppColor.textSecondary,
fontWeight: FontWeight.w700,
),
),
if (_isReady && redemption.code != null) ...[
const SizedBox(height: 2),
Text(
redemption.code!,
style: AppStyle.sm.copyWith(
fontWeight: FontWeight.w700,
letterSpacing: 1,
),
),
],
const SizedBox(height: 8),
_buildFootnote(),
],
),
),
);
}
Widget _buildFootnote() {
final (IconData icon, String text) = switch (redemption.status) {
VoucherRedemptionStatus.completed => (
Icons.schedule,
redemption.codeExpiresAt == null
? 'Tunjukkan ke kasir'
: 'Berlaku sampai ${formatWibDate(redemption.codeExpiresAt!)}',
),
VoucherRedemptionStatus.pending => (
Icons.hourglass_top_rounded,
'Voucher sedang diproses',
),
VoucherRedemptionStatus.failed => (
Icons.undo_rounded,
'EnakPoint sudah dikembalikan',
),
VoucherRedemptionStatus.unknown => (
Icons.info_outline,
redemption.createdAt == null
? ''
: 'Ditukar ${formatWibDate(redemption.createdAt!)}',
),
};
return Row(
children: [
Icon(icon, size: 14, color: AppColor.textSecondary),
const SizedBox(width: 4),
Expanded(
child: Text(
text,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w600,
),
),
),
],
);
}
}
lib/presentation/pages/reward/widgets/redemption_detail_sheet.dart
+210
View File
@@ -0,0 +1,210 @@
import 'package:flutter/material.dart';
import '../../../../common/extension/extension.dart';
import '../../../../common/theme/theme.dart';
import '../../../../domain/wallet/wallet.dart';
import '../../wallet/wallet_ui.dart';
import '../reward_ui.dart';
/// Detail voucher milik customer. Untuk memakai voucher, customer
/// menunjukkan layar ini ke kasir; POS belum bisa menandai voucher terpakai.
class RedemptionDetailSheet extends StatelessWidget {
const RedemptionDetailSheet({super.key, required this.redemption});
final VoucherRedemption redemption;
static Future<void> show(BuildContext context, VoucherRedemption redemption) {
return showModalBottomSheet<void>(
context: context,
isScrollControlled: true,
backgroundColor: AppColor.white,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
),
builder: (_) => RedemptionDetailSheet(redemption: redemption),
);
}
@override
Widget build(BuildContext context) {
final faceValue = voucherFaceValueLabel(
redemption.voucherType,
redemption.faceValue,
);
return ConstrainedBox(
constraints: BoxConstraints(
maxHeight: MediaQuery.sizeOf(context).height * 0.85,
),
child: SafeArea(
top: false,
child: SingleChildScrollView(
padding: const EdgeInsets.fromLTRB(20, 12, 20, 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Center(
child: Container(
width: 40,
height: 4,
decoration: BoxDecoration(
color: AppColor.border,
borderRadius: BorderRadius.circular(2),
),
),
),
const SizedBox(height: 20),
_buildHeader(),
const SizedBox(height: 20),
_buildStatusContent(),
const SizedBox(height: 20),
if (redemption.createdAt != null)
_InfoRow(
label: 'Ditukar pada',
value: formatWibDateTime(redemption.createdAt!),
),
if (redemption.status == VoucherRedemptionStatus.completed &&
redemption.codeExpiresAt != null)
_InfoRow(
label: 'Berlaku sampai',
value: formatWibDateTime(redemption.codeExpiresAt!),
),
_InfoRow(
label: 'EnakPoint ditukar',
value: redemption.pointCost.thousandFormat,
),
if (faceValue != null)
_InfoRow(label: 'Nilai voucher', value: faceValue),
],
),
),
),
);
}
Widget _buildHeader() {
final status = redemption.status;
return Row(
children: [
Container(
width: 56,
height: 56,
alignment: Alignment.center,
decoration: BoxDecoration(
color: AppColor.primary.withOpacity(0.06),
borderRadius: BorderRadius.circular(14),
),
child: VoucherImage(url: redemption.voucherImageUrl, size: 40),
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
voucherTypeLabel(
redemption.voucherType,
redemption.faceValue,
).toUpperCase(),
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w700,
letterSpacing: 0.6,
),
),
const SizedBox(height: 2),
Text(
redemption.voucherName,
style: AppStyle.xl.copyWith(fontWeight: FontWeight.w700),
),
],
),
),
if (status != VoucherRedemptionStatus.unknown) ...[
const SizedBox(width: 8),
VoucherRedemptionStatusBadge(status: status),
],
],
);
}
Widget _buildStatusContent() {
switch (redemption.status) {
case VoucherRedemptionStatus.completed:
return redemption.code == null
? const VoucherNoCodeNote()
: VoucherCodeBox(code: redemption.code!);
case VoucherRedemptionStatus.pending:
return const _Note(
icon: Icons.hourglass_top_rounded,
color: AppColor.warning,
message:
'Voucher sedang diproses. EnakPoint sudah terpotong; cek lagi '
'nanti.',
);
case VoucherRedemptionStatus.failed:
return const _Note(
icon: Icons.undo_rounded,
color: AppColor.error,
message: 'Gagal, EnakPoint sudah dikembalikan.',
);
case VoucherRedemptionStatus.unknown:
return const SizedBox.shrink();
}
}
}
class _Note extends StatelessWidget {
const _Note({required this.icon, required this.color, required this.message});
final IconData icon;
final Color color;
final String message;
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(14),
decoration: BoxDecoration(
color: AppColor.background,
borderRadius: BorderRadius.circular(AppValue.borderRadius),
),
child: Row(
children: [
Icon(icon, size: 20, color: color),
const SizedBox(width: 10),
Expanded(
child: Text(
message,
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
),
],
),
);
}
}
class _InfoRow extends StatelessWidget {
const _InfoRow({required this.label, required this.value});
final String label;
final String value;
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 6),
child: Row(
children: [
Text(
label,
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
const Spacer(),
Text(value, style: AppStyle.sm.copyWith(fontWeight: FontWeight.w600)),
],
),
);
}
}
lib/presentation/pages/reward/widgets/reward_card.dart
-249
View File
@@ -1,249 +0,0 @@
import 'package:flutter/material.dart';
import '../../../../common/extension/extension.dart';
import '../../../../common/theme/theme.dart';
import '../../../../sample/reward_sample_data.dart';
import '../reward_ui.dart';
/// Kartu reward berbentuk tiket: sobekan kiri (emoji + poin) dan isi kanan.
class RewardCard extends StatelessWidget {
const RewardCard({super.key, required this.reward, required this.onTap});
final Reward reward;
final VoidCallback onTap;
static const double _stubWidth = 84;
bool get _isActive => reward.status == RewardStatus.active;
@override
Widget build(BuildContext context) {
return PhysicalShape(
clipper: const _TicketClipper(notchX: _stubWidth + 0.5),
color: AppColor.white,
elevation: 2,
shadowColor: Colors.black.withOpacity(0.25),
child: Material(
type: MaterialType.transparency,
child: InkWell(
onTap: onTap,
child: IntrinsicHeight(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
_buildStub(),
const Padding(
padding: EdgeInsets.symmetric(vertical: 14),
child: CustomPaint(
size: Size(1, double.infinity),
painter: _VerticalDashPainter(),
),
),
Expanded(child: _buildBody()),
],
),
),
),
),
);
}
Widget _buildStub() {
return Container(
width: _stubWidth,
color: _isActive
? AppColor.primary.withOpacity(0.06)
: AppColor.background,
padding: const EdgeInsets.symmetric(vertical: 16),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
RewardEmoji(reward: reward, size: 34),
const SizedBox(height: 8),
Text(
reward.pointsUsed.thousandFormat,
style: AppStyle.md.copyWith(
color: _isActive ? AppColor.primary : AppColor.textSecondary,
fontWeight: FontWeight.w700,
),
),
Text(
'poin',
style: AppStyle.xs.copyWith(color: AppColor.textSecondary),
),
],
),
);
}
Widget _buildBody() {
return Padding(
padding: const EdgeInsets.fromLTRB(14, 12, 14, 12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Expanded(
child: Text(
reward.categoryName.toUpperCase(),
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w700,
letterSpacing: 0.6,
),
),
),
RewardStatusBadge(status: reward.status),
],
),
const SizedBox(height: 4),
Text(
reward.name,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: AppStyle.lg.copyWith(
color: _isActive ? AppColor.textPrimary : AppColor.textSecondary,
fontWeight: FontWeight.w700,
),
),
const SizedBox(height: 2),
Text(
reward.description,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
const SizedBox(height: 10),
Row(
children: [
Expanded(child: _buildFootnote()),
if (_isActive) ...[
const SizedBox(width: 8),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 14,
vertical: 6,
),
decoration: BoxDecoration(
color: AppColor.primary,
borderRadius: BorderRadius.circular(20),
),
child: Text(
'Pakai',
style: AppStyle.sm.copyWith(
color: AppColor.white,
fontWeight: FontWeight.w700,
),
),
),
],
],
),
],
),
);
}
Widget _buildFootnote() {
final (IconData icon, String text, Color color) = switch (reward.status) {
RewardStatus.active => (
Icons.schedule,
rewardValidityLabel(reward),
isRewardExpiringSoon(reward)
? AppColor.warning
: AppColor.textSecondary,
),
RewardStatus.used => (
Icons.check_circle_outline,
reward.usedAt == null
? 'Sudah dipakai'
: 'Dipakai ${formatRewardDate(reward.usedAt!)}',
AppColor.textSecondary,
),
RewardStatus.expired => (
Icons.event_busy_outlined,
'Berakhir ${formatRewardDate(reward.validUntil)}',
AppColor.textSecondary,
),
};
return Row(
children: [
Icon(icon, size: 14, color: color),
const SizedBox(width: 4),
Expanded(
child: Text(
text,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: AppStyle.xs.copyWith(
color: color,
fontWeight: FontWeight.w600,
),
),
),
],
);
}
}
/// Persegi panjang membulat dengan lekuk setengah lingkaran di atas dan
/// bawah pada posisi [notchX], tempat garis sobekan tiket.
class _TicketClipper extends CustomClipper<Path> {
const _TicketClipper({required this.notchX});
final double notchX;
static const double _radius = 16;
static const double _notchRadius = 8;
@override
Path getClip(Size size) {
final card = Path()
..addRRect(
RRect.fromRectAndRadius(
Offset.zero & size,
const Radius.circular(_radius),
),
);
final notches = Path()
..addOval(
Rect.fromCircle(center: Offset(notchX, 0), radius: _notchRadius),
)
..addOval(
Rect.fromCircle(
center: Offset(notchX, size.height),
radius: _notchRadius,
),
);
return Path.combine(PathOperation.difference, card, notches);
}
@override
bool shouldReclip(covariant _TicketClipper oldClipper) =>
oldClipper.notchX != notchX;
}
class _VerticalDashPainter extends CustomPainter {
const _VerticalDashPainter();
static const double _dash = 5;
static const double _gap = 4;
@override
void paint(Canvas canvas, Size size) {
final paint = Paint()
..color = AppColor.border
..strokeWidth = size.width;
final x = size.width / 2;
for (double y = 0; y < size.height; y += _dash + _gap) {
final end = (y + _dash).clamp(0, size.height).toDouble();
canvas.drawLine(Offset(x, y), Offset(x, end), paint);
}
}
@override
bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}
lib/presentation/pages/reward/widgets/reward_detail_sheet.dart
-280
View File
@@ -1,280 +0,0 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:qr_flutter/qr_flutter.dart';
import '../../../../common/extension/extension.dart';
import '../../../../common/theme/theme.dart';
import '../../../../common/ui/painter/dashed_line_painter.dart';
import '../../../../sample/reward_sample_data.dart';
import '../../../components/toast/flushbar.dart';
import '../reward_ui.dart';
class RewardDetailSheet extends StatelessWidget {
const RewardDetailSheet({super.key, required this.reward});
final Reward reward;
static Future<void> show(BuildContext context, Reward reward) {
return showModalBottomSheet<void>(
context: context,
isScrollControlled: true,
backgroundColor: AppColor.white,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
),
builder: (_) => RewardDetailSheet(reward: reward),
);
}
bool get _isActive => reward.status == RewardStatus.active;
@override
Widget build(BuildContext context) {
return ConstrainedBox(
constraints: BoxConstraints(
maxHeight: MediaQuery.sizeOf(context).height * 0.85,
),
child: SafeArea(
top: false,
child: SingleChildScrollView(
padding: const EdgeInsets.fromLTRB(20, 12, 20, 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Center(
child: Container(
width: 40,
height: 4,
decoration: BoxDecoration(
color: AppColor.border,
borderRadius: BorderRadius.circular(2),
),
),
),
const SizedBox(height: 20),
_buildHeader(),
const SizedBox(height: 20),
if (_isActive && reward.couponCode != null)
_CouponBox(code: reward.couponCode!)
else
_buildInactiveNote(),
const SizedBox(height: 20),
_InfoRow(
label: 'Ditukar pada',
value: formatRewardDate(reward.redeemedAt),
),
_InfoRow(
label: 'Berlaku sampai',
value: formatRewardDate(reward.validUntil),
valueColor: isRewardExpiringSoon(reward)
? AppColor.warning
: null,
),
if (reward.usedAt != null)
_InfoRow(
label: 'Dipakai pada',
value: formatRewardDate(reward.usedAt!),
),
_InfoRow(
label: 'Poin ditukar',
value: '${reward.pointsUsed.thousandFormat} poin',
),
if (reward.termsAndConditions != null) ...[
const SizedBox(height: 16),
Text(
'Syarat & Ketentuan',
style: AppStyle.md.copyWith(fontWeight: FontWeight.w700),
),
const SizedBox(height: 6),
Text(
reward.termsAndConditions!,
style: AppStyle.sm.copyWith(
color: AppColor.textSecondary,
height: 1.5,
),
),
],
],
),
),
),
);
}
Widget _buildHeader() {
return Row(
children: [
Container(
width: 56,
height: 56,
alignment: Alignment.center,
decoration: BoxDecoration(
color: _isActive
? AppColor.primary.withOpacity(0.06)
: AppColor.background,
borderRadius: BorderRadius.circular(14),
),
child: RewardEmoji(reward: reward, size: 28),
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
reward.categoryName.toUpperCase(),
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w700,
letterSpacing: 0.6,
),
),
const SizedBox(height: 2),
Text(
reward.name,
style: AppStyle.xl.copyWith(fontWeight: FontWeight.w700),
),
Text(
reward.description,
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
],
),
),
const SizedBox(width: 8),
RewardStatusBadge(status: reward.status),
],
);
}
Widget _buildInactiveNote() {
final message = switch (reward.status) {
RewardStatus.used =>
reward.usedAt == null
? 'Reward ini sudah dipakai.'
: 'Reward ini sudah dipakai pada '
'${formatRewardDate(reward.usedAt!)}.',
_ =>
'Masa berlaku reward ini sudah habis pada '
'${formatRewardDate(reward.validUntil)}.',
};
return Container(
padding: const EdgeInsets.all(14),
decoration: BoxDecoration(
color: AppColor.background,
borderRadius: BorderRadius.circular(AppValue.borderRadius),
),
child: Row(
children: [
Icon(Icons.info_outline, size: 20, color: reward.status.color),
const SizedBox(width: 10),
Expanded(
child: Text(
message,
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
),
],
),
);
}
}
class _CouponBox extends StatelessWidget {
const _CouponBox({required this.code});
final String code;
Future<void> _copy(BuildContext context) async {
await Clipboard.setData(ClipboardData(text: code));
if (!context.mounted) return;
AppFlushbar.showSuccess(context, 'Kode reward disalin');
}
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
border: Border.all(color: AppColor.border),
borderRadius: BorderRadius.circular(16),
),
child: Column(
children: [
QrImageView(
data: code,
size: 168,
padding: EdgeInsets.zero,
backgroundColor: AppColor.white,
),
const SizedBox(height: 12),
Text(
'Tunjukkan QR atau kode ini ke kasir',
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
const SizedBox(height: 14),
CustomPaint(
size: const Size(double.infinity, 1),
painter: DashedLinePainter(),
),
const SizedBox(height: 6),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Flexible(
child: Text(
code,
style: AppStyle.xl.copyWith(
fontWeight: FontWeight.w700,
letterSpacing: 2,
),
),
),
IconButton(
onPressed: () => _copy(context),
tooltip: 'Salin kode',
icon: const Icon(
Icons.copy_rounded,
size: 20,
color: AppColor.primary,
),
),
],
),
],
),
);
}
}
class _InfoRow extends StatelessWidget {
const _InfoRow({required this.label, required this.value, this.valueColor});
final String label;
final String value;
final Color? valueColor;
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 6),
child: Row(
children: [
Text(
label,
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
const Spacer(),
Text(
value,
style: AppStyle.sm.copyWith(
color: valueColor ?? AppColor.textPrimary,
fontWeight: FontWeight.w600,
),
),
],
),
);
}
}
lib/presentation/pages/reward/widgets/ticket_card.dart
+168
View File
@@ -0,0 +1,168 @@
import 'package:flutter/material.dart';
import '../../../../common/theme/theme.dart';
/// Kartu berbentuk tiket: sobekan kiri ([stub]) dan isi kanan ([body]),
/// dipisah garis putus-putus.
class TicketCard extends StatelessWidget {
const TicketCard({
super.key,
required this.stub,
required this.body,
required this.onTap,
this.active = true,
});
final Widget stub;
final Widget body;
final VoidCallback onTap;
/// Latar sobekan berwarna untuk voucher yang bisa ditukar / dipakai.
final bool active;
static const double stubWidth = 84;
@override
Widget build(BuildContext context) {
return PhysicalShape(
clipper: const _TicketClipper(notchX: stubWidth + 0.5),
color: AppColor.white,
elevation: 2,
shadowColor: Colors.black.withOpacity(0.25),
child: Material(
type: MaterialType.transparency,
child: InkWell(
onTap: onTap,
child: IntrinsicHeight(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Container(
width: stubWidth,
color: active
? AppColor.primary.withOpacity(0.06)
: AppColor.background,
padding: const EdgeInsets.symmetric(
horizontal: 8,
vertical: 16,
),
child: stub,
),
const Padding(
padding: EdgeInsets.symmetric(vertical: 14),
child: CustomPaint(
size: Size(1, double.infinity),
painter: _VerticalDashPainter(),
),
),
Expanded(child: body),
],
),
),
),
),
);
}
}
/// Persegi panjang membulat dengan lekuk setengah lingkaran di atas dan
/// bawah pada posisi [notchX], tempat garis sobekan tiket.
class _TicketClipper extends CustomClipper<Path> {
const _TicketClipper({required this.notchX});
final double notchX;
static const double _radius = 16;
static const double _notchRadius = 8;
@override
Path getClip(Size size) {
final card = Path()
..addRRect(
RRect.fromRectAndRadius(
Offset.zero & size,
const Radius.circular(_radius),
),
);
final notches = Path()
..addOval(
Rect.fromCircle(center: Offset(notchX, 0), radius: _notchRadius),
)
..addOval(
Rect.fromCircle(
center: Offset(notchX, size.height),
radius: _notchRadius,
),
);
return Path.combine(PathOperation.difference, card, notches);
}
@override
bool shouldReclip(covariant _TicketClipper oldClipper) =>
oldClipper.notchX != notchX;
}
class _VerticalDashPainter extends CustomPainter {
const _VerticalDashPainter();
static const double _dash = 5;
static const double _gap = 4;
@override
void paint(Canvas canvas, Size size) {
final paint = Paint()
..color = AppColor.border
..strokeWidth = size.width;
final x = size.width / 2;
for (double y = 0; y < size.height; y += _dash + _gap) {
final end = (y + _dash).clamp(0, size.height).toDouble();
canvas.drawLine(Offset(x, y), Offset(x, end), paint);
}
}
@override
bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}
/// Isi sobekan: gambar voucher dan EnakPoint yang ditukar.
class TicketStub extends StatelessWidget {
const TicketStub({
super.key,
required this.image,
required this.pointCost,
this.active = true,
});
final Widget image;
final String pointCost;
final bool active;
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
image,
const SizedBox(height: 8),
FittedBox(
fit: BoxFit.scaleDown,
child: Text(
pointCost,
style: AppStyle.md.copyWith(
color: active ? AppColor.primary : AppColor.textSecondary,
fontWeight: FontWeight.w700,
),
),
),
Text(
'EnakPoint',
style: AppStyle.xs.copyWith(
fontSize: 10,
color: AppColor.textSecondary,
),
),
],
);
}
}
lib/presentation/pages/reward/widgets/voucher_card.dart
+124
View File
@@ -0,0 +1,124 @@
import 'package:flutter/material.dart';
import '../../../../common/extension/extension.dart';
import '../../../../common/theme/theme.dart';
import '../../../../domain/wallet/wallet.dart';
import '../../wallet/wallet_ui.dart';
import '../reward_ui.dart';
import 'ticket_card.dart';
/// Voucher di katalog (§9.1).
class VoucherCard extends StatelessWidget {
const VoucherCard({
super.key,
required this.voucher,
required this.canAfford,
required this.onTap,
});
final Voucher voucher;
/// Saldo EnakPoint cukup untuk [Voucher.pointCost].
final bool canAfford;
final VoidCallback onTap;
bool get _canRedeem => canAfford && !voucher.isOutOfStock;
@override
Widget build(BuildContext context) {
final faceValue = voucherFaceValueLabel(voucher.type, voucher.faceValue);
return TicketCard(
active: _canRedeem,
onTap: onTap,
stub: TicketStub(
image: VoucherImage(
url: voucher.imageUrl,
size: 44,
dimmed: voucher.isOutOfStock,
),
pointCost: voucher.pointCost.thousandFormat,
active: _canRedeem,
),
body: Padding(
padding: const EdgeInsets.fromLTRB(14, 12, 14, 12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
voucherTypeLabel(voucher.type, voucher.faceValue).toUpperCase(),
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w700,
letterSpacing: 0.6,
),
),
const SizedBox(height: 4),
Text(
voucher.name,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: AppStyle.lg.copyWith(fontWeight: FontWeight.w700),
),
if (faceValue != null)
Text(
faceValue,
style: AppStyle.sm.copyWith(color: AppColor.textSecondary),
),
const SizedBox(height: 10),
Row(
children: [
Expanded(child: _buildFootnote()),
const SizedBox(width: 8),
_buildAction(),
],
),
],
),
),
);
}
Widget _buildFootnote() {
final parts = [
if (voucher.validUntil != null)
's/d ${formatWibDate(voucher.validUntil!)}',
if (voucher.available != null && !voucher.isOutOfStock)
'sisa ${voucher.available!.thousandFormat}',
];
if (parts.isEmpty) return const SizedBox.shrink();
return Text(
parts.join(' · '),
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: AppStyle.xs.copyWith(
color: AppColor.textSecondary,
fontWeight: FontWeight.w600,
),
);
}
Widget _buildAction() {
final (String label, bool enabled) = voucher.isOutOfStock
? ('Habis', false)
: canAfford
? ('Tukar', true)
: ('Poin kurang', false);
return Container(
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 6),
decoration: BoxDecoration(
color: enabled ? AppColor.primary : AppColor.background,
borderRadius: BorderRadius.circular(20),
),
child: Text(
label,
style: AppStyle.sm.copyWith(
color: enabled ? AppColor.white : AppColor.textSecondary,
fontWeight: FontWeight.w700,
),
),
);
}
}