feat: print on receipt

android/app/build.gradle

@@ -23,7 +23,7 @@ if (flutterVersionName == null) {
 }
 
 android {
-    namespace "com.example.enaklo_pos"
+    namespace "com.appscale.pos"
     compileSdkVersion 35
     ndkVersion flutter.ndkVersion
 
@@ -42,7 +42,7 @@ android {
 
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
-        applicationId "com.example.enaklo_pos"
+        applicationId "com.appscale.pos"
         // You can update the following values to match your application needs.
         // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
         minSdkVersion 21

android/app/src/main/kotlin/com/example/enaklo_pos/MainActivity.kt

@@ -1,4 +1,4 @@
-package com.example.enaklo_pos
+package com.appscale.pos
 
 import io.flutter.embedding.android.FlutterActivity
 

lib/core/function/app_function.dart

@@ -3,6 +3,7 @@ import 'dart:developer';
 import 'package:enaklo_pos/core/extensions/string_ext.dart';
 import 'package:enaklo_pos/core/utils/printer_service.dart';
 import 'package:enaklo_pos/data/dataoutputs/print_dataoutputs.dart';
+import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart';
 import 'package:enaklo_pos/data/datasources/product_local_datasource.dart';
 import 'package:enaklo_pos/data/models/response/order_response_model.dart';
 import 'package:enaklo_pos/presentation/home/models/product_quantity.dart';
@@ -20,17 +21,11 @@ Future<void> onPrint(
   final barPrinter =
       await ProductLocalDatasource.instance.getPrinterByCode('bar');
 
-  log("Checker printer: ${checkerPrinter?.toMap()}");
-  log("Kitchen printer: ${kitchenPrinter?.toMap()}");
-  log("Bar printer: ${barPrinter?.toMap()}");
-
   // Checker printer
   if (checkerPrinter != null) {
     try {
       final printValue = await PrintDataoutputs.instance.printChecker(
-        productQuantity
+        productQuantity,
-            .where((e) => e.product.printerType == "checker")
-            .toList(),
         order.tableNumber ?? "",
         order.orderNumber ?? "",
         'kasir',
@@ -53,9 +48,7 @@ Future<void> onPrint(
   if (kitchenPrinter != null) {
     try {
       final printValue = await PrintDataoutputs.instance.printKitchen(
-        productQuantity
+        productQuantity,
-            .where((e) => e.product.printerType == "kitchen")
-            .toList(),
         order.tableNumber!,
         order.orderNumber ?? "",
         'kasir',
@@ -77,7 +70,7 @@ Future<void> onPrint(
   if (barPrinter != null) {
     try {
       final printValue = await PrintDataoutputs.instance.printBar(
-        productQuantity.where((e) => e.product.printerType == "bar").toList(),
+        productQuantity,
         order.tableNumber ?? "",
         order.orderNumber ?? "",
         'kasir',
@@ -94,3 +87,37 @@ Future<void> onPrint(
     }
   }
 }
+
+Future<void> onPrintRecipt(
+  context, {
+  required Order order,
+  required String paymentMethod,
+  required int nominalBayar,
+  required int kembalian,
+  required int taxPercentage,
+}) async {
+  final receiptPrinter =
+      await ProductLocalDatasource.instance.getPrinterByCode('receipt');
+  final authData = await AuthLocalDataSource().getAuthData();
+
+  if (receiptPrinter != null) {
+    try {
+      final printValue = await PrintDataoutputs.instance.printOrderV4(
+        order,
+        authData.user?.name ?? "",
+        paymentMethod,
+        nominalBayar,
+        kembalian,
+        taxPercentage,
+        receiptPrinter.paper.toIntegerFromText,
+      );
+      await PrinterService()
+          .printWithPrinter(receiptPrinter, printValue, context);
+    } catch (e) {
+      log("Error printing receipt order: $e");
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('Error printing receipt order: $e')),
+      );
+    }
+  }
+}

lib/data/dataoutputs/print_dataoutputs.dart

@@ -1,5 +1,6 @@
 import 'dart:math';
 
+import 'package:enaklo_pos/data/models/response/order_response_model.dart';
 import 'package:esc_pos_utils_plus/esc_pos_utils_plus.dart';
 import 'package:flutter/services.dart';
 import 'package:enaklo_pos/core/extensions/int_ext.dart';
@@ -739,6 +740,263 @@ class PrintDataoutputs {
     return bytes;
   }
 
+  Future<List<int>> printOrderV4(
+    Order order,
+    String chashierName,
+    String paymentMethod,
+    int nominalBayar,
+    int kembalian,
+    int taxPercentage,
+    int paper,
+  ) async {
+    List<int> bytes = [];
+
+    final profile = await CapabilityProfile.load();
+    final generator =
+        Generator(paper == 58 ? PaperSize.mm58 : PaperSize.mm80, profile);
+
+    bytes += generator.reset();
+
+    bytes += generator.text('Guapatlu Khas Bakmi Jambi',
+        styles: const PosStyles(
+          bold: true,
+          align: PosAlign.center,
+          height: PosTextSize.size1,
+          width: PosTextSize.size1,
+        ));
+
+    bytes += generator.text('Gading Boulevard w2, No 25, Jakarta',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+    bytes += generator.text('085-77777-3839',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+
+    bytes += generator.text(
+        paper == 80
+            ? '------------------------------------------------'
+            : '--------------------------------',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+
+    bytes += generator.row([
+      PosColumn(
+        text: DateFormat('dd MMM yyyy').format(DateTime.now()),
+        width: 6,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: DateFormat('HH:mm').format(DateTime.now()),
+        width: 6,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+    bytes += generator.row([
+      PosColumn(
+        text: 'Receipt Number',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: 'JF-${DateFormat('yyyyMMddhhmm').format(DateTime.now())}',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+
+    bytes += generator.row([
+      PosColumn(
+        text: 'Order ID',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: Random().nextInt(100000).toString(),
+        width: 6,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+    bytes += generator.row([
+      PosColumn(
+        text: 'Bill Name',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: order.metadata?['customer_name'] ?? '',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+    bytes += generator.row([
+      PosColumn(
+        text: 'Collected By',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: chashierName,
+        width: 6,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+    bytes += generator.row([
+      PosColumn(
+        text: 'Pembayaran',
+        width: 8,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: paymentMethod,
+        width: 4,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+
+    bytes += generator.text(
+        paper == 80
+            ? '------------------------------------------------'
+            : '--------------------------------',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+    bytes += generator.text('Dine In',
+        styles: const PosStyles(bold: true, align: PosAlign.center));
+    bytes += generator.text(
+        paper == 80
+            ? '------------------------------------------------'
+            : '--------------------------------',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+    for (final product in (order.orderItems ?? <OrderItem>[])) {
+      bytes += generator.row([
+        PosColumn(
+          text: '${product.quantity} x ${product.productName}',
+          width: 8,
+          styles: const PosStyles(bold: true, align: PosAlign.left),
+        ),
+        PosColumn(
+          text: (product.totalPrice ?? 0).currencyFormatRpV2,
+          width: 4,
+          styles: const PosStyles(bold: true, align: PosAlign.right),
+        ),
+      ]);
+    }
+    bytes += generator.text(
+        paper == 80
+            ? '------------------------------------------------'
+            : '--------------------------------',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+
+    bytes += generator.row([
+      PosColumn(
+        text: 'Subtotal ${order.orderItems?.length ?? "0"} Product',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: (order.subtotal ?? 0).currencyFormatRpV2,
+        width: 6,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+
+    bytes += generator.row([
+      PosColumn(
+        text: 'Discount',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: (order.discountAmount ?? 0).currencyFormatRpV2,
+        width: 6,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+
+    // Only show tax if it's greater than 0
+    if ((order.taxAmount ?? 0) > 0) {
+      bytes += generator.row([
+        PosColumn(
+          text: 'Tax PB1 ($taxPercentage%)',
+          width: 6,
+          styles: const PosStyles(align: PosAlign.left),
+        ),
+        PosColumn(
+          text: (order.taxAmount ?? 0).currencyFormatRpV2,
+          width: 6,
+          styles: const PosStyles(align: PosAlign.right),
+        ),
+      ]);
+    }
+
+    // Only show service charge if it's greater than 0
+    // if (serviceCharge > 0) {
+    //   bytes += generator.row([
+    //     PosColumn(
+    //       text: 'Service Charge($serviceChargePercentage%)',
+    //       width: 6,
+    //       styles: const PosStyles(align: PosAlign.left),
+    //     ),
+    //     PosColumn(
+    //       text: serviceCharge.currencyFormatRpV2,
+    //       width: 6,
+    //       styles: const PosStyles(align: PosAlign.right),
+    //     ),
+    //   ]);
+    // }
+    bytes += generator.text(
+        paper == 80
+            ? '------------------------------------------------'
+            : '--------------------------------',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+    bytes += generator.row([
+      PosColumn(
+        text: 'Total',
+        width: 6,
+        styles: const PosStyles(bold: true, align: PosAlign.left),
+      ),
+      PosColumn(
+        text: '${order.totalAmount ?? ""}'.currencyFormatRpV2,
+        width: 6,
+        styles: const PosStyles(bold: true, align: PosAlign.right),
+      ),
+    ]);
+    bytes += generator.row([
+      PosColumn(
+        text: 'Dibayar',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: nominalBayar.currencyFormatRpV2,
+        width: 6,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+    bytes += generator.row([
+      PosColumn(
+        text: 'Kembali',
+        width: 6,
+        styles: const PosStyles(align: PosAlign.left),
+      ),
+      PosColumn(
+        text: kembalian.currencyFormatRpV2,
+        width: 6,
+        styles: const PosStyles(align: PosAlign.right),
+      ),
+    ]);
+    bytes += generator.text(
+        paper == 80
+            ? '------------------------------------------------'
+            : '--------------------------------',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+    // bytes += generator.text('Notes',
+    //     styles: const PosStyles(bold: false, align: PosAlign.center));
+    // bytes += generator.text('Pass Wifi: fic14jilid2',
+    //     styles: const PosStyles(bold: false, align: PosAlign.center));
+    // //terima kasih
+    // bytes += generator.text('Terima Kasih',
+    //     styles: const PosStyles(bold: true, align: PosAlign.center));
+    paper == 80 ? bytes += generator.feed(3) : bytes += generator.feed(1);
+    bytes += generator.cut();
+    return bytes;
+  }
+
   Future<List<int>> printQRIS(
       int totalPrice, Uint8List imageQris, int paper) async {
     List<int> bytes = [];

lib/data/datasources/order_remote_datasource.dart

@@ -220,7 +220,8 @@ class OrderRemoteDatasource {
         return const Left('Gagal membuat pesanan');
       }
     } on DioException catch (e) {
-      final errorMessage = e.response?.data['message'] ?? 'Kesalahan jaringan';
+      final errorMessage =
+          e.response?.data['message'] ?? 'Terjadi kesalahan, coba lagi nanti.';
       log("💥 Dio error: ${e.message}");
       log("💥 Dio response: ${e.response?.data}");
       return Left(errorMessage);
@@ -254,7 +255,8 @@ class OrderRemoteDatasource {
         return const Left('Gagal membuat pembayaran');
       }
     } on DioException catch (e) {
-      final errorMessage = e.response?.data['message'] ?? 'Kesalahan jaringan';
+      final errorMessage =
+          e.response?.data['message'] ?? 'Terjadi kesalahan, coba lagi nanti.';
       log("💥 Dio error: ${e.message}");
       log("💥 Dio response: ${e.response?.data}");
       return Left(errorMessage);
@@ -384,7 +386,8 @@ class OrderRemoteDatasource {
         return const Left('Gagal membuat pesanan');
       }
     } on DioException catch (e) {
-      final errorMessage = e.response?.data['message'] ?? 'Kesalahan jaringan';
+      final errorMessage =
+          e.response?.data['message'] ?? 'Terjadi kesalahan, coba lagi nanti.';
       log("💥 Dio error: ${e.message}");
       log("💥 Dio response: ${e.response?.data}");
       return Left(errorMessage);
@@ -424,7 +427,8 @@ class OrderRemoteDatasource {
         return const Left('Gagal menambahkan pesanan pesanan');
       }
     } on DioException catch (e) {
-      final errorMessage = e.response?.data['message'] ?? 'Kesalahan jaringan';
+      final errorMessage =
+          e.response?.data['message'] ?? 'Terjadi kesalahan, coba lagi nanti.';
       log("💥 Dio error: ${e.message}");
       log("💥 Dio response: ${e.response?.data}");
       return Left(errorMessage);
@@ -476,7 +480,8 @@ class OrderRemoteDatasource {
         return const Left('Gagal refund');
       }
     } on DioException catch (e) {
-      final errorMessage = e.response?.data['message'] ?? 'Kesalahan jaringan';
+      final errorMessage =
+          e.response?.data['message'] ?? 'Terjadi kesalahan, coba lagi nanti.';
       log("💥 Dio error: ${e.message}");
       log("💥 Dio response: ${e.response?.data}");
       return Left(errorMessage);
@@ -524,7 +529,8 @@ class OrderRemoteDatasource {
         return const Left('Gagal refund');
       }
     } on DioException catch (e) {
-      final errorMessage = e.response?.data['message'] ?? 'Kesalahan jaringan';
+      final errorMessage =
+          e.response?.data['message'] ?? 'Terjadi kesalahan, coba lagi nanti.';
       log("💥 Dio error: ${e.message}");
       log("💥 Dio response: ${e.response?.data}");
       return Left(errorMessage);

lib/presentation/home/dialog/outlet_dialog.dart

@@ -69,24 +69,35 @@ class _OutletDialogState extends State<OutletDialog> {
                   ),
                 ),
                 SpaceHeight(24),
-                BlocBuilder<UserUpdateOutletBloc, UserUpdateOutletState>(
+                BlocListener<UserUpdateOutletBloc, UserUpdateOutletState>(
-                  builder: (context, state) {
+                  listener: (context, state) {
-                    return state.maybeWhen(
+                    state.maybeWhen(
-                      orElse: () => Button.filled(
+                      orElse: () {},
-                        onPressed: selectedOutlet == null
+                      success: () {
-                            ? null
+                        context.pop();
-                            : () {
+                      },
-                                context.read<UserUpdateOutletBloc>().add(
-                                    UserUpdateOutletEvent.update(
-                                        selectedOutlet!.id ?? ""));
-                              },
-                        label: 'Terapkan',
-                      ),
-                      loading: () => Center(
-                        child: CircularProgressIndicator(),
-                      ),
                     );
                   },
+                  child:
+                      BlocBuilder<UserUpdateOutletBloc, UserUpdateOutletState>(
+                    builder: (context, state) {
+                      return state.maybeWhen(
+                        orElse: () => Button.filled(
+                          onPressed: selectedOutlet == null
+                              ? null
+                              : () {
+                                  context.read<UserUpdateOutletBloc>().add(
+                                      UserUpdateOutletEvent.update(
+                                          selectedOutlet!.id ?? ""));
+                                },
+                          label: 'Terapkan',
+                        ),
+                        loading: () => Center(
+                          child: CircularProgressIndicator(),
+                        ),
+                      );
+                    },
+                  ),
                 ),
               ],
             ),

lib/presentation/home/dialog/variant_dialog.dart

@@ -51,7 +51,7 @@ class VariantDialog extends StatelessWidget {
                   Text(
                     (variant.priceModifier ?? 0).currencyFormatRpV2,
                     style: TextStyle(
-                      color: AppColors.grey,
+                      color: AppColors.black,
                     ),
                   ),
                 ],

lib/presentation/home/pages/confirm_payment_page.dart

@@ -961,6 +961,23 @@ class _ConfirmPaymentPageState extends State<ConfirmPaymentPage> {
                             ) =>
                                 products,
                           );
+                          int tax = state.maybeWhen(
+                            orElse: () => 0,
+                            loaded: (
+                              products,
+                              discountModel,
+                              discount,
+                              discountAmount,
+                              tax,
+                              serviceCharge,
+                              totalQuantity,
+                              totalPrice,
+                              draftName,
+                              orderType,
+                              deliveryType,
+                            ) =>
+                                tax,
+                          );
 
                           return Container(
                             padding: EdgeInsets.all(16),
@@ -1018,6 +1035,11 @@ class _ConfirmPaymentPageState extends State<ConfirmPaymentPage> {
                                             .pushReplacement(SuccessOrderPage(
                                           productQuantity: items,
                                           order: data,
+                                          paymentMethod:
+                                              selectedPaymentMethod?.name ?? "",
+                                          nominalBayar: totalPriceController
+                                              .text.toIntegerFromText,
+                                          taxPercentage: tax,
                                         ));
                                       },
                                       error: (message) => AppFlushbar.showError(

lib/presentation/home/pages/home_page.dart

@@ -127,7 +127,6 @@ class _HomePageState extends State<HomePage> {
           orElse: () {},
           loading: () {},
           success: () {
-            context.pop();
             Future.delayed(Duration(milliseconds: 300), () {
               AppFlushbar.showSuccess(context, 'Outlet berhasil diubah');
               context

lib/presentation/home/widgets/product_card.dart

@@ -23,15 +23,17 @@ class ProductCard extends StatelessWidget {
   Widget build(BuildContext context) {
     return GestureDetector(
       onTap: () {
-        if (data.variants!.isEmpty) {
+        if (data.isActive == true) {
-          context.read<CheckoutBloc>().add(
+          if (data.variants!.isEmpty) {
-                CheckoutEvent.addItem(data, null),
+            context.read<CheckoutBloc>().add(
-              );
+                  CheckoutEvent.addItem(data, null),
-        } else {
+                );
-          showDialog(
+          } else {
-            context: context,
+            showDialog(
-            builder: (context) => VariantDialog(product: data),
+              context: context,
-          );
+              builder: (context) => VariantDialog(product: data),
+            );
+          }
         }
       },
       child: Container(
@@ -161,6 +163,14 @@ class ProductCard extends StatelessWidget {
                 );
               },
             ),
+            if (data.isActive == false)
+              Container(
+                width: double.infinity,
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.all(Radius.circular(8.0)),
+                  color: AppColors.grey.withOpacity(0.5),
+                ),
+              ),
           ],
         ),
       ),

lib/presentation/success/pages/success_order_page.dart

@@ -11,8 +11,18 @@ import 'package:flutter/material.dart';
 class SuccessOrderPage extends StatefulWidget {
   final List<ProductQuantity> productQuantity;
   final Order order;
-  const SuccessOrderPage(
+  final String paymentMethod;
-      {super.key, required this.order, required this.productQuantity});
+  final int nominalBayar;
+  final int taxPercentage;
+
+  const SuccessOrderPage({
+    super.key,
+    required this.order,
+    required this.productQuantity,
+    required this.paymentMethod,
+    required this.nominalBayar,
+    required this.taxPercentage,
+  });
 
   @override
   State<SuccessOrderPage> createState() => _SuccessOrderPageState();
@@ -991,6 +1001,15 @@ class _SuccessOrderPageState extends State<SuccessOrderPage>
                           child: InkWell(
                             borderRadius: BorderRadius.circular(16),
                             onTap: () async {
+                              onPrintRecipt(
+                                context,
+                                order: widget.order,
+                                paymentMethod: widget.paymentMethod,
+                                nominalBayar: widget.nominalBayar,
+                                kembalian: widget.nominalBayar -
+                                    (widget.order.totalAmount ?? 0),
+                                taxPercentage: widget.taxPercentage,
+                              );
                               onPrint(
                                 context,
                                 productQuantity: widget.productQuantity,