fix payment struck

Reviewed-on: #1

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,10 +42,10 @@ 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
+        minSdkVersion flutter.minSdkVersion
         targetSdkVersion 35
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName

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
 

assets/icons/people.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_17_4760)">
+<path d="M9 13.75C6.66 13.75 2 14.92 2 17.25V19H16V17.25C16 14.92 11.34 13.75 9 13.75ZM4.34 17C5.18 16.42 7.21 15.75 9 15.75C10.79 15.75 12.82 16.42 13.66 17H4.34ZM9 12C10.93 12 12.5 10.43 12.5 8.5C12.5 6.57 10.93 5 9 5C7.07 5 5.5 6.57 5.5 8.5C5.5 10.43 7.07 12 9 12ZM9 7C9.83 7 10.5 7.67 10.5 8.5C10.5 9.33 9.83 10 9 10C8.17 10 7.5 9.33 7.5 8.5C7.5 7.67 8.17 7 9 7ZM16.04 13.81C17.2 14.65 18 15.77 18 17.25V19H22V17.25C22 15.23 18.5 14.08 16.04 13.81ZM15 12C16.93 12 18.5 10.43 18.5 8.5C18.5 6.57 16.93 5 15 5C14.46 5 13.96 5.13 13.5 5.35C14.13 6.24 14.5 7.33 14.5 8.5C14.5 9.67 14.13 10.76 13.5 11.65C13.96 11.87 14.46 12 15 12Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_17_4760">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

launcher_icon.yaml

@@ -3,15 +3,15 @@
 flutter_launcher_icons:
   android: "launcher_icon"
   ios: true
-  image_path: "assets/logo/ic_launcher.png"
+  image_path: "assets/logo/logo.png"
   remove_alpha_ios: true
   min_sdk_android: 21 # android min sdk min:16, default 21
   adaptive_icon_background: "#ffffff"
-  adaptive_icon_foreground: "assets/logo/ic_launcher.png"
+  adaptive_icon_foreground: "assets/logo/logo.png"
   web:
     generate: true
-    image_path: "assets/logo/ic_launcher.png"
+    image_path: "assets/logo/logo.png"
   windows:
     generate: true
-    image_path: "assets/logo/ic_launcher.png"
+    image_path: "assets/logo/logo.png"
     icon_size: 48

lib/core/assets/assets.gen.dart

@@ -101,6 +101,9 @@ class $AssetsIconsGen {
   /// File path: assets/icons/payments.svg
   SvgGenImage get payments => const SvgGenImage('assets/icons/payments.svg');
 
+  /// File path: assets/icons/people.svg
+  SvgGenImage get people => const SvgGenImage('assets/icons/people.svg');
+
   /// File path: assets/icons/print.svg
   SvgGenImage get print => const SvgGenImage('assets/icons/print.svg');
 
@@ -152,6 +155,7 @@ class $AssetsIconsGen {
         orders,
         pajak,
         payments,
+        people,
         print,
         qrCode,
         report,
@@ -186,6 +190,12 @@ class $AssetsImagesGen {
   /// File path: assets/images/drink7.png
   AssetGenImage get drink7 => const AssetGenImage('assets/images/drink7.png');
 
+  /// File path: assets/images/gojek.png
+  AssetGenImage get gojek => const AssetGenImage('assets/images/gojek.png');
+
+  /// File path: assets/images/grab.png
+  AssetGenImage get grab => const AssetGenImage('assets/images/grab.png');
+
   /// File path: assets/images/logo.png
   AssetGenImage get logo => const AssetGenImage('assets/images/logo.png');
 
@@ -265,6 +275,8 @@ class $AssetsImagesGen {
         drink5,
         drink6,
         drink7,
+        gojek,
+        grab,
         logo,
         managePrinter,
         manageProduct,
@@ -292,12 +304,8 @@ class $AssetsImagesGen {
 class $AssetsLogoGen {
   const $AssetsLogoGen();
 
-  /// File path: assets/logo/ic_launcher.png
-  AssetGenImage get icLauncher =>
-      const AssetGenImage('assets/logo/ic_launcher.png');
-
-  /// File path: assets/logo/logo.jpeg
-  AssetGenImage get logo => const AssetGenImage('assets/logo/logo.jpeg');
+  /// File path: assets/logo/logo.png
+  AssetGenImage get logo => const AssetGenImage('assets/logo/logo.png');
 
   /// File path: assets/logo/logo2.png
   AssetGenImage get logo2 => const AssetGenImage('assets/logo/logo2.png');
@@ -322,17 +330,8 @@ class $AssetsLogoGen {
   AssetGenImage get mylogo => const AssetGenImage('assets/logo/mylogo.png');
 
   /// List of all assets
-  List<AssetGenImage> get values => [
-        icLauncher,
-        logo,
-        logo2,
-        logo3,
-        logo4,
-        logo5,
-        logo6,
-        logoAppIcon,
-        mylogo
-      ];
+  List<AssetGenImage> get values =>
+      [logo, logo2, logo3, logo4, logo5, logo6, logoAppIcon, mylogo];
 }
 
 class Assets {

lib/core/components/buttons.dart

@@ -43,7 +43,7 @@ class Button extends StatelessWidget {
     this.crossAxisAlignment = CrossAxisAlignment.center,
   });
 
-  final Function() onPressed;
+  final Function()? onPressed;
   final String label;
   final ButtonStyle style;
   final Color color;

lib/core/components/image_picker_widget.dart

@@ -1,91 +1,189 @@
 import 'dart:io';
 
+import 'package:enaklo_pos/presentation/setting/bloc/upload_file/upload_file_bloc.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:cached_network_image/cached_network_image.dart';
 
-import '../assets/assets.gen.dart';
 import '../constants/colors.dart';
 import '../constants/variables.dart';
-import 'buttons.dart';
 import 'spaces.dart';
 
 class ImagePickerWidget extends StatefulWidget {
   final String label;
   final void Function(XFile? file) onChanged;
+  final void Function(String? uploadedUrl)? onUploaded;
   final bool showLabel;
   final String? initialImageUrl;
+  final bool autoUpload;
 
   const ImagePickerWidget({
     super.key,
     required this.label,
     required this.onChanged,
+    this.onUploaded,
     this.showLabel = true,
     this.initialImageUrl,
+    this.autoUpload = false,
   });
 
   @override
   State<ImagePickerWidget> createState() => _ImagePickerWidgetState();
 }
 
-class _ImagePickerWidgetState extends State<ImagePickerWidget> {
+class _ImagePickerWidgetState extends State<ImagePickerWidget>
+    with TickerProviderStateMixin {
   String? imagePath;
+  String? uploadedImageUrl;
   bool hasInitialImage = false;
+  bool isHovering = false;
+  bool isUploading = false;
+  late AnimationController _scaleController;
+  late AnimationController _fadeController;
+  late AnimationController _uploadController;
+  late Animation<double> _scaleAnimation;
+  late Animation<double> _fadeAnimation;
+  late Animation<double> _uploadAnimation;
 
   @override
   void initState() {
     super.initState();
     hasInitialImage = widget.initialImageUrl != null;
+
+    _scaleController = AnimationController(
+      duration: const Duration(milliseconds: 200),
+      vsync: this,
+    );
+    _fadeController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+    _uploadController = AnimationController(
+      duration: const Duration(milliseconds: 1000),
+      vsync: this,
+    );
+
+    _scaleAnimation = Tween<double>(
+      begin: 1.0,
+      end: 0.95,
+    ).animate(CurvedAnimation(
+      parent: _scaleController,
+      curve: Curves.easeInOut,
+    ));
+
+    _fadeAnimation = Tween<double>(
+      begin: 0.0,
+      end: 1.0,
+    ).animate(CurvedAnimation(
+      parent: _fadeController,
+      curve: Curves.easeInOut,
+    ));
+
+    _uploadAnimation = Tween<double>(
+      begin: 0.0,
+      end: 1.0,
+    ).animate(CurvedAnimation(
+      parent: _uploadController,
+      curve: Curves.easeInOut,
+    ));
+
+    _fadeController.forward();
+  }
+
+  @override
+  void dispose() {
+    _scaleController.dispose();
+    _fadeController.dispose();
+    _uploadController.dispose();
+    super.dispose();
   }
 
   Future<void> _pickImage() async {
+    _scaleController.forward().then((_) {
+      _scaleController.reverse();
+    });
+
     final pickedFile = await ImagePicker().pickImage(
       source: ImageSource.gallery,
     );
 
-    setState(() {
-      if (pickedFile != null) {
+    if (pickedFile != null) {
+      setState(() {
         imagePath = pickedFile.path;
-        hasInitialImage = false; // Clear initial image when new image is picked
-        widget.onChanged(pickedFile);
-      } else {
-        debugPrint('No image selected.');
-        widget.onChanged(null);
+        hasInitialImage = false;
+        uploadedImageUrl = null;
+      });
+
+      widget.onChanged(pickedFile);
+
+      // Auto upload if enabled
+      if (widget.autoUpload) {
+        _uploadImage(pickedFile.path);
       }
-    });
+    } else {
+      debugPrint('No image selected.');
+      widget.onChanged(null);
+    }
   }
 
-  @override
-  Widget build(BuildContext context) {
-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        if (widget.showLabel) ...[
-          Text(
-            widget.label,
-            style: const TextStyle(
-              fontSize: 14,
-              fontWeight: FontWeight.w700,
-            ),
+  void _uploadImage(String filePath) {
+    setState(() {
+      isUploading = true;
+    });
+    _uploadController.forward();
+
+    context.read<UploadFileBloc>().add(
+          UploadFileEvent.upload(filePath),
+        );
+  }
+
+  Widget _buildImageContainer() {
+    return Container(
+      width: 100.0,
+      height: 100.0,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(20.0),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.1),
+            blurRadius: 10,
+            offset: const Offset(0, 4),
           ),
-          const SpaceHeight(12.0),
         ],
-        Container(
-          padding: const EdgeInsets.all(6.0),
-          decoration: BoxDecoration(
-            borderRadius: BorderRadius.circular(16.0),
-            border: Border.all(color: AppColors.primary),
-          ),
-          child: Row(
-            children: [
-              SizedBox(
-                width: 80.0,
-                height: 80.0,
-                child: ClipRRect(
-                  borderRadius: BorderRadius.circular(10.0),
-                  child: imagePath != null
-                      ? Image.file(
-                          File(imagePath!),
+      ),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(20.0),
+        child: Stack(
+          children: [
+            Positioned.fill(
+              child: imagePath != null
+                  ? Image.file(
+                      File(imagePath!),
+                      fit: BoxFit.cover,
+                    )
+                  : uploadedImageUrl != null
+                      ? CachedNetworkImage(
+                          imageUrl: uploadedImageUrl!.contains('http')
+                              ? uploadedImageUrl!
+                              : '${Variables.baseUrl}/$uploadedImageUrl',
+                          placeholder: (context, url) => Container(
+                            decoration: BoxDecoration(
+                              gradient: LinearGradient(
+                                colors: [
+                                  AppColors.primary.withOpacity(0.1),
+                                  AppColors.primary.withOpacity(0.05),
+                                ],
+                                begin: Alignment.topLeft,
+                                end: Alignment.bottomRight,
+                              ),
+                            ),
+                            child: const Center(
+                              child: CircularProgressIndicator(strokeWidth: 2),
+                            ),
+                          ),
+                          errorWidget: (context, url, error) =>
+                              _buildPlaceholder(),
                           fit: BoxFit.cover,
                         )
                       : hasInitialImage && widget.initialImageUrl != null
@@ -93,38 +191,493 @@ class _ImagePickerWidgetState extends State<ImagePickerWidget> {
                               imageUrl: widget.initialImageUrl!.contains('http')
                                   ? widget.initialImageUrl!
                                   : '${Variables.baseUrl}/${widget.initialImageUrl}',
-                              placeholder: (context, url) =>
-                                  const Center(child: CircularProgressIndicator()),
-                              errorWidget: (context, url, error) => Container(
-                                padding: const EdgeInsets.all(16.0),
-                                color: AppColors.black.withOpacity(0.05),
-                                child: Assets.icons.image.svg(),
+                              placeholder: (context, url) => Container(
+                                decoration: BoxDecoration(
+                                  gradient: LinearGradient(
+                                    colors: [
+                                      AppColors.primary.withOpacity(0.1),
+                                      AppColors.primary.withOpacity(0.05),
+                                    ],
+                                    begin: Alignment.topLeft,
+                                    end: Alignment.bottomRight,
+                                  ),
+                                ),
+                                child: const Center(
+                                  child:
+                                      CircularProgressIndicator(strokeWidth: 2),
+                                ),
                               ),
+                              errorWidget: (context, url, error) =>
+                                  _buildPlaceholder(),
                               fit: BoxFit.cover,
                             )
-                          : Container(
-                              padding: const EdgeInsets.all(16.0),
-                              color: AppColors.black.withOpacity(0.05),
-                              child: Assets.icons.image.svg(),
-                            ),
+                          : _buildPlaceholder(),
+            ),
+            // Upload progress overlay
+            if (isUploading)
+              Positioned.fill(
+                child: Container(
+                  decoration: BoxDecoration(
+                    color: Colors.black.withOpacity(0.6),
+                  ),
+                  child: Center(
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        SizedBox(
+                          width: 24,
+                          height: 24,
+                          child: CircularProgressIndicator(
+                            color: Colors.white,
+                            strokeWidth: 2,
+                            value: _uploadAnimation.value == 1.0
+                                ? null
+                                : _uploadAnimation.value,
+                          ),
+                        ),
+                        const SizedBox(height: 8),
+                        const Text(
+                          'Uploading...',
+                          style: TextStyle(
+                            color: Colors.white,
+                            fontSize: 10,
+                            fontWeight: FontWeight.w500,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
                 ),
               ),
-              const Spacer(),
-              Padding(
-                padding: const EdgeInsets.only(right: 10.0),
-                child: Button.filled(
-                  height: 30.0,
-                  width: 140.0,
-                  onPressed: _pickImage,
-                  label: 'Choose Photo',
-                  fontSize: 12.0,
-                  borderRadius: 5.0,
+            // Overlay gradient for better button visibility
+            if ((imagePath != null ||
+                    uploadedImageUrl != null ||
+                    (hasInitialImage && widget.initialImageUrl != null)) &&
+                !isUploading)
+              Positioned.fill(
+                child: Container(
+                  decoration: BoxDecoration(
+                    gradient: LinearGradient(
+                      colors: [
+                        Colors.transparent,
+                        Colors.black.withOpacity(0.3),
+                      ],
+                      begin: Alignment.topCenter,
+                      end: Alignment.bottomCenter,
+                    ),
+                  ),
                 ),
               ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildPlaceholder() {
+    return Container(
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          colors: [
+            AppColors.primary.withOpacity(0.1),
+            AppColors.primary.withOpacity(0.05),
+          ],
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+        ),
+      ),
+      child: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(
+              Icons.add_photo_alternate_outlined,
+              size: 32,
+              color: AppColors.primary.withOpacity(0.6),
+            ),
+            const SizedBox(height: 4),
+            Text(
+              'Photo',
+              style: TextStyle(
+                fontSize: 10,
+                color: AppColors.primary.withOpacity(0.6),
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildActionButton() {
+    bool hasImage = imagePath != null ||
+        uploadedImageUrl != null ||
+        (hasInitialImage && widget.initialImageUrl != null);
+
+    return Container(
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(12),
+        gradient: LinearGradient(
+          colors: [
+            AppColors.primary,
+            AppColors.primary.withOpacity(0.8),
+          ],
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+        ),
+        boxShadow: [
+          BoxShadow(
+            color: AppColors.primary.withOpacity(0.3),
+            blurRadius: 8,
+            offset: const Offset(0, 4),
+          ),
+        ],
+      ),
+      child: Material(
+        color: Colors.transparent,
+        child: InkWell(
+          onTap: isUploading ? null : _pickImage,
+          onHover: (hover) {
+            setState(() {
+              isHovering = hover;
+            });
+          },
+          borderRadius: BorderRadius.circular(12),
+          child: AnimatedContainer(
+            duration: const Duration(milliseconds: 200),
+            padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(12),
+              color: isHovering
+                  ? Colors.white.withOpacity(0.1)
+                  : Colors.transparent,
+            ),
+            child: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Icon(
+                  isUploading
+                      ? Icons.cloud_upload_outlined
+                      : hasImage
+                          ? Icons.edit_outlined
+                          : Icons.add_photo_alternate_outlined,
+                  color: Colors.white,
+                  size: 18,
+                ),
+                const SizedBox(width: 8),
+                Text(
+                  isUploading
+                      ? 'Uploading...'
+                      : hasImage
+                          ? 'Change Photo'
+                          : 'Choose Photo',
+                  style: const TextStyle(
+                    color: Colors.white,
+                    fontSize: 14,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildUploadButton() {
+    if (!widget.autoUpload &&
+        imagePath != null &&
+        uploadedImageUrl == null &&
+        !isUploading) {
+      return Padding(
+        padding: const EdgeInsets.only(top: 12),
+        child: Container(
+          decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(12),
+            gradient: LinearGradient(
+              colors: [
+                Colors.green.shade600,
+                Colors.green.shade500,
+              ],
+              begin: Alignment.topLeft,
+              end: Alignment.bottomRight,
+            ),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.green.withOpacity(0.3),
+                blurRadius: 8,
+                offset: const Offset(0, 4),
+              ),
             ],
           ),
+          child: Material(
+            color: Colors.transparent,
+            child: InkWell(
+              onTap: () => _uploadImage(imagePath!),
+              borderRadius: BorderRadius.circular(12),
+              child: Container(
+                padding:
+                    const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Icon(
+                      Icons.cloud_upload_outlined,
+                      color: Colors.white,
+                      size: 16,
+                    ),
+                    const SizedBox(width: 8),
+                    Text(
+                      'Upload to Server',
+                      style: const TextStyle(
+                        color: Colors.white,
+                        fontSize: 12,
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
         ),
-      ],
+      );
+    }
+    return const SizedBox.shrink();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocListener<UploadFileBloc, UploadFileState>(
+      listener: (context, state) {
+        state.when(
+          initial: () {},
+          loading: () {
+            if (!isUploading) {
+              setState(() {
+                isUploading = true;
+              });
+              _uploadController.repeat();
+            }
+          },
+          success: (fileData) {
+            setState(() {
+              isUploading = false;
+              uploadedImageUrl = fileData.fileUrl;
+            });
+            _uploadController.reset();
+
+            if (widget.onUploaded != null) {
+              widget.onUploaded!(fileData.fileUrl);
+            }
+
+            ScaffoldMessenger.of(context).showSnackBar(
+              SnackBar(
+                content: Row(
+                  children: [
+                    Icon(Icons.check_circle, color: Colors.white),
+                    SizedBox(width: 8),
+                    Text('Image uploaded successfully!'),
+                  ],
+                ),
+                backgroundColor: Colors.green,
+                behavior: SnackBarBehavior.floating,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(10),
+                ),
+                duration: Duration(seconds: 2),
+              ),
+            );
+          },
+          error: (message) {
+            setState(() {
+              isUploading = false;
+            });
+            _uploadController.reset();
+
+            ScaffoldMessenger.of(context).showSnackBar(
+              SnackBar(
+                content: Row(
+                  children: [
+                    Icon(Icons.error_outline, color: Colors.white),
+                    SizedBox(width: 8),
+                    Expanded(child: Text('Upload failed: $message')),
+                  ],
+                ),
+                backgroundColor: Colors.red,
+                behavior: SnackBarBehavior.floating,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(10),
+                ),
+                duration: Duration(seconds: 3),
+              ),
+            );
+          },
+        );
+      },
+      child: FadeTransition(
+        opacity: _fadeAnimation,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            if (widget.showLabel) ...[
+              Text(
+                widget.label,
+                style: const TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.w700,
+                  color: Colors.black87,
+                ),
+              ),
+              const SpaceHeight(16.0),
+            ],
+            ScaleTransition(
+              scale: _scaleAnimation,
+              child: Container(
+                padding: const EdgeInsets.all(20.0),
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(24.0),
+                  color: Colors.white,
+                  border: Border.all(
+                    color: isUploading
+                        ? Colors.orange.withOpacity(0.5)
+                        : uploadedImageUrl != null
+                            ? Colors.green.withOpacity(0.5)
+                            : AppColors.primary.withOpacity(0.2),
+                    width: 1.5,
+                  ),
+                  boxShadow: [
+                    BoxShadow(
+                      color: Colors.black.withOpacity(0.05),
+                      blurRadius: 20,
+                      offset: const Offset(0, 10),
+                    ),
+                  ],
+                ),
+                child: Column(
+                  children: [
+                    _buildImageContainer(),
+                    const SizedBox(height: 20),
+                    _buildActionButton(),
+                    _buildUploadButton(),
+                    if ((imagePath != null ||
+                            uploadedImageUrl != null ||
+                            (hasInitialImage &&
+                                widget.initialImageUrl != null)) &&
+                        !isUploading) ...[
+                      const SizedBox(height: 12),
+                      TextButton.icon(
+                        onPressed: () {
+                          setState(() {
+                            imagePath = null;
+                            hasInitialImage = false;
+                            uploadedImageUrl = null;
+                          });
+                          widget.onChanged(null);
+                          if (widget.onUploaded != null) {
+                            widget.onUploaded!(null);
+                          }
+                        },
+                        icon: Icon(
+                          Icons.delete_outline,
+                          size: 16,
+                          color: Colors.red.shade400,
+                        ),
+                        label: Text(
+                          'Remove Photo',
+                          style: TextStyle(
+                            color: Colors.red.shade400,
+                            fontSize: 12,
+                            fontWeight: FontWeight.w500,
+                          ),
+                        ),
+                      ),
+                    ],
+                    // Upload status indicator
+                    if (uploadedImageUrl != null && !isUploading) ...[
+                      const SizedBox(height: 8),
+                      Container(
+                        padding: const EdgeInsets.symmetric(
+                            horizontal: 12, vertical: 6),
+                        decoration: BoxDecoration(
+                          color: Colors.green.withOpacity(0.1),
+                          borderRadius: BorderRadius.circular(20),
+                          border:
+                              Border.all(color: Colors.green.withOpacity(0.3)),
+                        ),
+                        child: Row(
+                          mainAxisSize: MainAxisSize.min,
+                          children: [
+                            Icon(
+                              Icons.cloud_done_outlined,
+                              size: 14,
+                              color: Colors.green.shade600,
+                            ),
+                            const SizedBox(width: 6),
+                            Text(
+                              'Uploaded',
+                              style: TextStyle(
+                                fontSize: 10,
+                                fontWeight: FontWeight.w600,
+                                color: Colors.green.shade600,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
     );
   }
 }
+
+/// Cara menggunakan widget ini:
+/// 
+/// ```dart
+/// // 1. Basic usage tanpa auto upload
+/// ImagePickerWidget(
+///   label: 'Product Image',
+///   onChanged: (file) {
+///     // Handle selected file
+///     print('Selected file: ${file?.path}');
+///   },
+///   onUploaded: (url) {
+///     // Handle uploaded URL
+///     print('Uploaded URL: $url');
+///   },
+/// )
+/// 
+/// // 2. Auto upload setelah memilih gambar
+/// ImagePickerWidget(
+///   label: 'Profile Picture',
+///   autoUpload: true,
+///   onChanged: (file) => setState(() => selectedFile = file),
+///   onUploaded: (url) => setState(() => profileImageUrl = url),
+/// )
+/// 
+/// // 3. Dengan initial image
+/// ImagePickerWidget(
+///   label: 'Banner Image',
+///   initialImageUrl: existingImageUrl,
+///   onChanged: (file) => handleFileChange(file),
+///   onUploaded: (url) => handleUploadSuccess(url),
+/// )
+/// ```
+/// 
+/// Pastikan untuk wrap widget ini dengan BlocProvider:
+/// ```dart
+/// BlocProvider(
+///   create: (context) => UploadFileBloc(
+///     context.read<FileRemoteDataSource>(),
+///   ),
+///   child: ImagePickerWidget(...),
+/// )
+/// ```

lib/core/constants/colors.dart

@@ -39,4 +39,8 @@ class AppColors {
   static const Color stroke = Color(0xffEFF0F6);
 
   static const Color background = Color.fromARGB(255, 241, 241, 241);
+
+  static const Color primaryLight = Color(0xFF5A3E8A);
+  static const Color greyLight = Color(0xFFE0E0E0);
+  static const Color greyDark = Color(0xFF707070);
 }

lib/core/function/app_function.dart

@@ -0,0 +1,183 @@
+import 'dart:developer';
+import 'dart:typed_data';
+
+import 'package:barcode_image/barcode_image.dart';
+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/outlet_local_datasource.dart';
+import 'package:enaklo_pos/data/datasources/product_local_datasource.dart';
+import 'package:enaklo_pos/data/datasources/settings_local_datasource.dart';
+import 'package:enaklo_pos/data/models/response/order_response_model.dart';
+import 'package:enaklo_pos/data/type/bussines_type.dart';
+import 'package:enaklo_pos/presentation/home/models/product_quantity.dart';
+import 'package:flutter/material.dart';
+import 'package:barcode/barcode.dart';
+import 'package:image/image.dart' as img;
+
+Future<void> onPrint(
+  BuildContext context, {
+  required List<ProductQuantity> productQuantity,
+  required Order order,
+}) async {
+  final outlet = await OutletLocalDatasource().get();
+  if (outlet.businessType == BusinessType.restaurant) {
+    final checkerPrinter =
+        await ProductLocalDatasource.instance.getPrinterByCode('checker');
+    final kitchenPrinter =
+        await ProductLocalDatasource.instance.getPrinterByCode('kitchen');
+    final barPrinter =
+        await ProductLocalDatasource.instance.getPrinterByCode('bar');
+
+    final authData = await AuthLocalDataSource().getAuthData();
+
+    // Checker printer
+    if (checkerPrinter != null) {
+      try {
+        final printValue = await PrintDataoutputs.instance.printChecker(
+          productQuantity,
+          order.tableNumber ?? "",
+          order.orderNumber ?? "",
+          authData.user?.name ?? "",
+          checkerPrinter.paper.toIntegerFromText,
+          order.orderType ?? "",
+        );
+
+        await PrinterService()
+            // ignore: use_build_context_synchronously
+            .printWithPrinter(checkerPrinter, printValue, context);
+      } catch (e) {
+        log("Error printing checker: $e");
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Error printing checker: $e')),
+        );
+      }
+    }
+
+    // Kitchen printer
+    if (kitchenPrinter != null) {
+      try {
+        final printValue = await PrintDataoutputs.instance.printKitchen(
+          productQuantity,
+          order.tableNumber!,
+          order.orderNumber ?? "",
+          authData.user?.name ?? "",
+          kitchenPrinter.paper.toIntegerFromText,
+          order.orderType ?? "",
+        );
+
+        await PrinterService()
+            .printWithPrinter(kitchenPrinter, printValue, context);
+      } catch (e) {
+        log("Error printing kitchen order: $e");
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Error printing kitchen order: $e')),
+        );
+      }
+    }
+
+    // Bar printer
+    if (barPrinter != null) {
+      try {
+        final printValue = await PrintDataoutputs.instance.printBar(
+          productQuantity,
+          order.tableNumber ?? "",
+          order.orderNumber ?? "",
+          authData.user?.name ?? "",
+          barPrinter.paper.toIntegerFromText,
+          order.orderType ?? "",
+        );
+
+        await PrinterService()
+            .printWithPrinter(barPrinter, printValue, context);
+      } catch (e) {
+        log("Error printing bar order: $e");
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Error printing bar order: $e')),
+        );
+      }
+    }
+  }
+
+  if (outlet.businessType == BusinessType.ticketing) {
+    final ticketPrinter =
+        await ProductLocalDatasource.instance.getPrinterByCode('ticket');
+
+    final barcode = await generateBarcodeAsUint8List(order.orderNumber ?? "");
+
+    if (ticketPrinter != null) {
+      try {
+        final printValue = await PrintDataoutputs.instance.printTicket(
+          order.totalAmount ?? 0,
+          barcode,
+          ticketPrinter.paper.toIntegerFromText,
+        );
+
+        await PrinterService()
+            // ignore: use_build_context_synchronously
+            .printWithPrinter(ticketPrinter, printValue, context);
+      } catch (e) {
+        log("Error printing ticket: $e");
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Error printing ticket: $e')),
+        );
+      }
+    }
+  }
+}
+
+Future<void> onPrintRecipt(
+  context, {
+  required Order order,
+  required String paymentMethod,
+  required int nominalBayar,
+  required int kembalian,
+}) async {
+  final receiptPrinter =
+      await ProductLocalDatasource.instance.getPrinterByCode('receipt');
+  final authData = await AuthLocalDataSource().getAuthData();
+  final settings = await SettingsLocalDatasource().getTax();
+  final outlet = await OutletLocalDatasource().get();
+
+  if (receiptPrinter != null) {
+    try {
+      final printValue = await PrintDataoutputs.instance.printOrderV4(
+        order,
+        authData.user?.name ?? "",
+        paymentMethod,
+        nominalBayar,
+        kembalian,
+        settings.value,
+        receiptPrinter.paper.toIntegerFromText,
+        order.orderType ?? "",
+        outlet,
+      );
+      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')),
+      );
+    }
+  }
+}
+
+Future<Uint8List> generateBarcodeAsUint8List(String data) async {
+  // 1. Buat barcode instance (code128, qrCode, dll)
+  final barcode = Barcode.code128();
+
+  // 2. Siapkan canvas image dari package `image`
+  final image = img.Image(width: 600, height: 200);
+
+  // 3. Gambar barcode ke canvas menggunakan barcode_image
+  drawBarcode(
+    image,
+    barcode,
+    data,
+  );
+
+  // 4. Encode image ke Uint8List PNG
+  return Uint8List.fromList(img.encodePng(image));
+}

lib/core/network/dio_client.dart

@@ -1,6 +1,9 @@
-// lib/core/network/dio_client.dart
 import 'package:awesome_dio_interceptor/awesome_dio_interceptor.dart';
 import 'package:dio/dio.dart';
+import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
+import 'package:enaklo_pos/presentation/auth/login_page.dart';
+import 'package:flutter/material.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 
 class DioClient {
   static final Dio _dio = Dio(BaseOptions(
@@ -10,6 +13,7 @@ class DioClient {
       'Accept': 'application/json',
     },
   ))
+    ..interceptors.add(AuthInterceptor())
     ..interceptors.add(
       AwesomeDioInterceptor(
         logRequestTimeout: true,
@@ -20,3 +24,158 @@ class DioClient {
 
   static Dio get instance => _dio;
 }
+
+class AuthInterceptor extends Interceptor {
+  static final GlobalKey<NavigatorState> navigatorKey =
+      GlobalKey<NavigatorState>();
+
+  @override
+  void onRequest(
+      RequestOptions options, RequestInterceptorHandler handler) async {
+    // Add token to request headers
+    final prefs = await SharedPreferences.getInstance();
+    final token = prefs.getString('auth_token');
+
+    if (token != null) {
+      options.headers['Authorization'] = 'Bearer $token';
+    }
+
+    handler.next(options);
+  }
+
+  @override
+  void onResponse(Response response, ResponseInterceptorHandler handler) {
+    handler.next(response);
+  }
+
+  @override
+  void onError(DioException err, ErrorInterceptorHandler handler) async {
+    // Check if error is 401 (Unauthorized) - token expired
+    if (err.response?.statusCode == 401) {
+      await _handleTokenExpired();
+    }
+
+    handler.next(err);
+  }
+
+  Future<void> _handleTokenExpired() async {
+    // Clear stored token
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.remove('auth_token');
+    await prefs.remove('refresh_token');
+    await prefs.clear(); // Optional: clear all user data
+
+    // Navigate to login page
+    final context = navigatorKey.currentContext;
+    if (context != null) {
+      // Option 1: Navigate and remove all previous routes
+      context.pushReplacement(LoginPage());
+
+      // Option 2: If using GoRouter, uncomment below:
+      // GoRouter.of(context).go('/login');
+
+      // Option 3: If using custom routing, uncomment below:
+      // Navigator.of(context).pushAndRemoveUntil(
+      //   MaterialPageRoute(builder: (context) => LoginPage()),
+      //   (route) => false,
+      // );
+    }
+  }
+}
+
+// Alternative: Dengan Refresh Token Logic
+class AuthInterceptorWithRefresh extends Interceptor {
+  static final GlobalKey<NavigatorState> navigatorKey =
+      GlobalKey<NavigatorState>();
+
+  @override
+  void onRequest(
+      RequestOptions options, RequestInterceptorHandler handler) async {
+    final prefs = await SharedPreferences.getInstance();
+    final token = prefs.getString('auth_token');
+
+    if (token != null) {
+      options.headers['Authorization'] = 'Bearer $token';
+    }
+
+    handler.next(options);
+  }
+
+  @override
+  void onError(DioException err, ErrorInterceptorHandler handler) async {
+    if (err.response?.statusCode == 401) {
+      // Try refresh token first
+      final success = await _tryRefreshToken();
+
+      if (success) {
+        // Retry the original request
+        final response = await _retryRequest(err.requestOptions);
+        handler.resolve(response);
+        return;
+      } else {
+        // Refresh failed, redirect to login
+        await _handleTokenExpired();
+      }
+    }
+
+    handler.next(err);
+  }
+
+  Future<bool> _tryRefreshToken() async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      final refreshToken = prefs.getString('refresh_token');
+
+      if (refreshToken == null) return false;
+
+      final response = await Dio().post(
+        'YOUR_REFRESH_TOKEN_ENDPOINT',
+        data: {'refresh_token': refreshToken},
+      );
+
+      if (response.statusCode == 200) {
+        final newToken = response.data['access_token'];
+        final newRefreshToken = response.data['refresh_token'];
+
+        await prefs.setString('auth_token', newToken);
+        await prefs.setString('refresh_token', newRefreshToken);
+
+        return true;
+      }
+    } catch (e) {
+      print('Refresh token failed: $e');
+    }
+
+    return false;
+  }
+
+  Future<Response> _retryRequest(RequestOptions options) async {
+    final prefs = await SharedPreferences.getInstance();
+    final token = prefs.getString('auth_token');
+
+    options.headers['Authorization'] = 'Bearer $token';
+
+    return await DioClient.instance.request(
+      options.path,
+      options: Options(
+        method: options.method,
+        headers: options.headers,
+      ),
+      data: options.data,
+      queryParameters: options.queryParameters,
+    );
+  }
+
+  Future<void> _handleTokenExpired() async {
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.clear();
+
+    final context = navigatorKey.currentContext;
+    if (context != null) {
+      Navigator.of(context).pushNamedAndRemoveUntil(
+        '/login',
+        (route) => false,
+      );
+    }
+  }
+}

lib/data/dataoutputs/print_dataoutputs.dart

@@ -1,5 +1,7 @@
 import 'dart:math';
 
+import 'package:enaklo_pos/data/models/response/order_response_model.dart';
+import 'package:enaklo_pos/presentation/home/models/outlet_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 +741,267 @@ class PrintDataoutputs {
     return bytes;
   }
 
+  Future<List<int>> printOrderV4(
+    Order order,
+    String chashierName,
+    String paymentMethod,
+    int nominalBayar,
+    int kembalian,
+    int taxPercentage,
+    int paper,
+    String orderType,
+    Outlet outlet,
+  ) 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(outlet.name ?? "",
+        styles: const PosStyles(
+          bold: true,
+          align: PosAlign.center,
+          height: PosTextSize.size1,
+          width: PosTextSize.size1,
+        ));
+
+    bytes += generator.text(outlet.address ?? "",
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+    bytes += generator.text(outlet.phoneNumber ?? "",
+        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(orderType,
+        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?.where((item) => item.status != 'cancelled') ??
+            <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 = [];
@@ -1140,4 +1403,39 @@ class PrintDataoutputs {
 
     return bytes;
   }
+
+  Future<List<int>> printTicket(
+      int totalPrice, Uint8List imageQris, int paper) async {
+    List<int> bytes = [];
+
+    final profile = await CapabilityProfile.load();
+    final generator =
+        Generator(paper == 58 ? PaperSize.mm58 : PaperSize.mm80, profile);
+
+    final img.Image? orginalImage = img.decodeImage(imageQris);
+    bytes += generator.reset();
+
+    // final Uint8List bytesData = data.buffer.asUint8List();
+    // final img.Image? orginalImage = img.decodeImage(bytesData);
+    // bytes += generator.reset();
+
+    bytes += generator.text('Scan Ticket',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+    bytes += generator.feed(2);
+    if (orginalImage != null) {
+      final img.Image grayscalledImage = img.grayscale(orginalImage);
+      final img.Image resizedImage =
+          img.copyResize(grayscalledImage, width: 240);
+      bytes += generator.imageRaster(resizedImage, align: PosAlign.center);
+      bytes += generator.feed(1);
+    }
+
+    bytes += generator.text('Price : ${totalPrice.currencyFormatRp}',
+        styles: const PosStyles(bold: false, align: PosAlign.center));
+
+    bytes += generator.feed(4);
+    bytes += generator.cut();
+
+    return bytes;
+  }
 }

lib/data/datasources/analytic_remote_datasource.dart

@@ -0,0 +1,187 @@
+import 'dart:developer';
+
+import 'package:dartz/dartz.dart';
+import 'package:dio/dio.dart';
+import 'package:enaklo_pos/core/constants/variables.dart';
+import 'package:enaklo_pos/core/network/dio_client.dart';
+import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart';
+import 'package:enaklo_pos/data/models/response/dashboard_analytic_response_model.dart';
+import 'package:enaklo_pos/data/models/response/payment_method_analytic_response_model.dart';
+import 'package:enaklo_pos/data/models/response/product_analytic_response_model.dart';
+import 'package:enaklo_pos/data/models/response/profit_loss_response_model.dart';
+import 'package:enaklo_pos/data/models/response/sales_analytic_response_model.dart';
+import 'package:intl/intl.dart';
+
+class AnalyticRemoteDatasource {
+  final Dio dio = DioClient.instance;
+
+  Future<Either<String, PaymentMethodAnalyticResponseModel>> getPaymentMethod({
+    required DateTime dateFrom,
+    required DateTime dateTo,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final headers = {
+      'Authorization': 'Bearer ${authData.token}',
+      'Accept': 'application/json',
+    };
+
+    try {
+      final response = await dio.get(
+        '${Variables.baseUrl}/api/v1/analytics/payment-methods',
+        queryParameters: {
+          'date_from': DateFormat('dd-MM-yyyy').format(dateFrom),
+          'date_to': DateFormat('dd-MM-yyyy').format(dateTo),
+        },
+        options: Options(headers: headers),
+      );
+
+      if (response.statusCode == 200) {
+        return right(PaymentMethodAnalyticResponseModel.fromMap(response.data));
+      } else {
+        return left('Terjadi Kesalahan, Coba lagi nanti.');
+      }
+    } on DioException catch (e) {
+      log('Dio error: ${e.message}');
+      return left(e.response?.data.toString() ?? e.message ?? 'Unknown error');
+    } catch (e) {
+      log('Unexpected error: $e');
+      return left('Unexpected error occurred');
+    }
+  }
+
+  Future<Either<String, SalesAnalyticResponseModel>> getSales({
+    required DateTime dateFrom,
+    required DateTime dateTo,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final headers = {
+      'Authorization': 'Bearer ${authData.token}',
+      'Accept': 'application/json',
+    };
+
+    try {
+      final response = await dio.get(
+        '${Variables.baseUrl}/api/v1/analytics/sales',
+        queryParameters: {
+          'date_from': DateFormat('dd-MM-yyyy').format(dateFrom),
+          'date_to': DateFormat('dd-MM-yyyy').format(dateTo),
+        },
+        options: Options(headers: headers),
+      );
+
+      if (response.statusCode == 200) {
+        return right(SalesAnalyticResponseModel.fromMap(response.data));
+      } else {
+        return left('Terjadi Kesalahan, Coba lagi nanti.');
+      }
+    } on DioException catch (e) {
+      log('Dio error: ${e.message}');
+      return left(e.response?.data.toString() ?? e.message ?? 'Unknown error');
+    } catch (e) {
+      log('Unexpected error: $e');
+      return left('Unexpected error occurred');
+    }
+  }
+
+  Future<Either<String, ProductAnalyticResponseModel>> getProduct({
+    required DateTime dateFrom,
+    required DateTime dateTo,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final headers = {
+      'Authorization': 'Bearer ${authData.token}',
+      'Accept': 'application/json',
+    };
+
+    try {
+      final response = await dio.get(
+        '${Variables.baseUrl}/api/v1/analytics/products',
+        queryParameters: {
+          'date_from': DateFormat('dd-MM-yyyy').format(dateFrom),
+          'date_to': DateFormat('dd-MM-yyyy').format(dateTo),
+        },
+        options: Options(headers: headers),
+      );
+
+      if (response.statusCode == 200) {
+        return right(ProductAnalyticResponseModel.fromMap(response.data));
+      } else {
+        return left('Terjadi Kesalahan, Coba lagi nanti.');
+      }
+    } on DioException catch (e) {
+      log('Dio error: ${e.message}');
+      return left(e.response?.data.toString() ?? e.message ?? 'Unknown error');
+    } catch (e) {
+      log('Unexpected error: $e');
+      return left('Unexpected error occurred');
+    }
+  }
+
+  Future<Either<String, DashboardAnalyticResponseModel>> getDashboard({
+    required DateTime dateFrom,
+    required DateTime dateTo,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final headers = {
+      'Authorization': 'Bearer ${authData.token}',
+      'Accept': 'application/json',
+    };
+
+    try {
+      final response = await dio.get(
+        '${Variables.baseUrl}/api/v1/analytics/dashboard',
+        queryParameters: {
+          'date_from': DateFormat('dd-MM-yyyy').format(dateFrom),
+          'date_to': DateFormat('dd-MM-yyyy').format(dateTo),
+        },
+        options: Options(headers: headers),
+      );
+
+      if (response.statusCode == 200) {
+        return right(DashboardAnalyticResponseModel.fromMap(response.data));
+      } else {
+        return left('Terjadi Kesalahan, Coba lagi nanti.');
+      }
+    } on DioException catch (e) {
+      log('Dio error: ${e.message}');
+      return left(e.response?.data.toString() ?? e.message ?? 'Unknown error');
+    } catch (e) {
+      log('Unexpected error: $e');
+      return left('Unexpected error occurred');
+    }
+  }
+
+  Future<Either<String, ProfitLossResponseModel>> getProfitLoss({
+    required DateTime dateFrom,
+    required DateTime dateTo,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final headers = {
+      'Authorization': 'Bearer ${authData.token}',
+      'Accept': 'application/json',
+    };
+
+    try {
+      final response = await dio.get(
+        '${Variables.baseUrl}/api/v1/analytics/profit-loss',
+        queryParameters: {
+          'date_from': DateFormat('dd-MM-yyyy').format(dateFrom),
+          'date_to': DateFormat('dd-MM-yyyy').format(dateTo),
+        },
+        options: Options(headers: headers),
+      );
+
+      if (response.statusCode == 200) {
+        return right(ProfitLossResponseModel.fromMap(response.data));
+      } else {
+        return left('Terjadi Kesalahan, Coba lagi nanti.');
+      }
+    } on DioException catch (e) {
+      log('Dio error: ${e.message}');
+      return left(e.response?.data.toString() ?? e.message ?? 'Unknown error');
+    } catch (e) {
+      log('Unexpected error: $e');
+      return left('Unexpected error occurred');
+    }
+  }
+}

lib/data/datasources/category_remote_datasource.dart

@@ -1,27 +1,48 @@
 import 'dart:developer';
 
 import 'package:dartz/dartz.dart';
+import 'package:dio/dio.dart';
 import 'package:enaklo_pos/core/constants/variables.dart';
+import 'package:enaklo_pos/core/network/dio_client.dart';
 import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart';
 import 'package:enaklo_pos/data/models/response/category_response_model.dart';
-import 'package:http/http.dart' as http;
 
 class CategoryRemoteDatasource {
-  Future<Either<String, CategroyResponseModel>> getCategories() async {
+  final Dio dio = DioClient.instance;
+
+  Future<Either<String, CategoryResponseModel>> getCategories({
+    int page = 1,
+    int limit = 10,
+    bool isActive = true,
+  }) async {
     final authData = await AuthLocalDataSource().getAuthData();
-    final Map<String, String> headers = {
+    final headers = {
       'Authorization': 'Bearer ${authData.token}',
       'Accept': 'application/json',
     };
-    final response = await http.get(
-        Uri.parse('${Variables.baseUrl}/api/api-categories'),
-        headers: headers);
-    log(response.statusCode.toString());
-    log(response.body);
-    if (response.statusCode == 200) {
-      return right(CategroyResponseModel.fromJson(response.body));
-    } else {
-      return left(response.body);
+
+    try {
+      final response = await dio.get(
+        '${Variables.baseUrl}/api/v1/categories',
+        queryParameters: {
+          'page': page,
+          'limit': limit,
+          'is_active': isActive,
+        },
+        options: Options(headers: headers),
+      );
+
+      if (response.statusCode == 200) {
+        return right(CategoryResponseModel.fromMap(response.data));
+      } else {
+        return left(response.data.toString());
+      }
+    } on DioException catch (e) {
+      log('Dio error: ${e.message}');
+      return left(e.response?.data.toString() ?? e.message ?? 'Unknown error');
+    } catch (e) {
+      log('Unexpected error: $e');
+      return left('Unexpected error occurred');
     }
   }
 }

lib/data/datasources/delivery_local_datasource.dart

@@ -0,0 +1,15 @@
+import 'package:enaklo_pos/core/assets/assets.gen.dart';
+import 'package:enaklo_pos/data/models/response/delivery_response_model.dart';
+
+List<DeliveryModel> deliveries = [
+  DeliveryModel(
+    id: 'gojek',
+    name: 'Gojek',
+    imageUrl: Assets.images.gojek.path,
+  ),
+  DeliveryModel(
+    id: 'grab',
+    name: 'Grab',
+    imageUrl: Assets.images.grab.path,
+  ),
+];

lib/data/datasources/file_remote_datasource.dart

@@ -0,0 +1,53 @@
+import 'package:dartz/dartz.dart';
+import 'package:dio/dio.dart';
+import 'package:enaklo_pos/core/constants/variables.dart';
+import 'package:enaklo_pos/core/network/dio_client.dart';
+import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart';
+import 'package:enaklo_pos/data/models/response/file_response_model.dart';
+
+class FileRemoteDataSource {
+  final Dio dio = DioClient.instance;
+
+  Future<Either<String, FileResponseModel>> uploadFile({
+    required String filePath,
+    required String fileType,
+    required String description,
+  }) async {
+    final url = '${Variables.baseUrl}/api/v1/files/upload';
+
+    try {
+      final authData = await AuthLocalDataSource().getAuthData();
+
+      // Membuat FormData
+      final formData = FormData.fromMap({
+        'file': await MultipartFile.fromFile(filePath,
+            filename: filePath.split('/').last),
+        'file_type': fileType,
+        'description': description,
+      });
+
+      final response = await dio.post(
+        url,
+        data: formData,
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+            // Content-Type otomatis diatur oleh Dio untuk FormData
+          },
+        ),
+      );
+
+      if (response.statusCode == 201 || response.statusCode == 200) {
+        // Misal response.data['url'] adalah URL file yang diupload
+        return Right(FileResponseModel.fromJson(response.data));
+      } else {
+        return Left('Upload gagal: ${response.statusMessage}');
+      }
+    } on DioException catch (e) {
+      return Left(e.response?.data['message'] ?? 'Upload gagal');
+    } catch (e) {
+      return Left('Unexpected error: $e');
+    }
+  }
+}

lib/data/datasources/order_remote_datasource.dart

@@ -15,6 +15,7 @@ import 'package:enaklo_pos/data/models/response/summary_response_model.dart';
 import 'package:enaklo_pos/presentation/home/models/order_model.dart';
 import 'package:enaklo_pos/presentation/home/models/order_request.dart';
 import 'package:http/http.dart' as http;
+import 'package:intl/intl.dart';
 
 class OrderRemoteDatasource {
   final Dio dio = DioClient.instance;
@@ -195,7 +196,8 @@ class OrderRemoteDatasource {
 
   // New Api
   Future<Either<String, OrderDetailResponseModel>> createOrder(
-      OrderRequestModel orderModel) async {
+    OrderRequestModel orderModel,
+  ) async {
     final authData = await AuthLocalDataSource().getAuthData();
     final url = '${Variables.baseUrl}/api/v1/orders';
 
@@ -218,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);
@@ -252,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);
@@ -262,20 +266,32 @@ class OrderRemoteDatasource {
     }
   }
 
-  Future<Either<String, OrderResponseModel>> getOrder(
-      {int page = 1,
-      int limit = Variables.defaultLimit,
-      String status = 'completed'}) async {
+  Future<Either<String, OrderResponseModel>> getOrder({
+    int page = 1,
+    int limit = Variables.defaultLimit,
+    String status = 'completed',
+    required DateTime dateFrom,
+    required DateTime dateTo,
+    String? search,
+  }) async {
     try {
       final authData = await AuthLocalDataSource().getAuthData();
+
+      Map<String, dynamic> params = {
+        'page': page,
+        'limit': limit,
+        'status': status,
+        'date_from': DateFormat('dd-MM-yyyy').format(dateFrom),
+        'date_to': DateFormat('dd-MM-yyyy').format(dateTo),
+      };
+
+      if (search != null && search.isNotEmpty) {
+        params['search'] = search;
+      }
+
       final response = await dio.get(
         '${Variables.baseUrl}/api/v1/orders',
-        queryParameters: {
-          'page': page,
-          'limit': limit,
-          'status': status,
-          'outlet_id': authData.user?.outletId,
-        },
+        queryParameters: params,
         options: Options(
           headers: {
             'Authorization': 'Bearer ${authData.token}',
@@ -302,6 +318,38 @@ class OrderRemoteDatasource {
     }
   }
 
+  Future<Either<String, OrderDetailResponseModel>> getOrderById(
+      {required String orderId}) async {
+    try {
+      final authData = await AuthLocalDataSource().getAuthData();
+      final response = await dio.get(
+        '${Variables.baseUrl}/api/v1/orders/$orderId',
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200) {
+        return Right(OrderDetailResponseModel.fromMap(response.data));
+      } else {
+        log("❌ OrderDetailResponseModel API call failed - Status: ${response.statusCode}");
+        return const Left("Failed Load Data");
+      }
+    } on DioException catch (e) {
+      final errorMessage = 'Something went wrong';
+      log("💥 Dio error: ${e.message}");
+      log("💥 Dio response: ${e.response?.data}");
+      return Left(errorMessage);
+    } catch (e) {
+      log("💥 Unexpected error: $e");
+      return Left("Unexpected Error: $e");
+    }
+  }
+
   Future<Either<String, OrderDetailResponseModel>> createOrderWithPayment(
     OrderRequestModel orderModel,
     PaymentMethod payment,
@@ -346,7 +394,225 @@ 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);
+    } catch (e) {
+      log("💥 Unexpected error: $e");
+      return const Left('Terjadi kesalahan tak terduga');
+    }
+  }
+
+  Future<Either<String, bool>> addToOrder({
+    required String orderId,
+    required List<OrderItemRequest> orderItems,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final url = '${Variables.baseUrl}/api/v1/orders/$orderId/add-items';
+
+    try {
+      final response = await dio.post(
+        url,
+        data: {
+          "order_items": orderItems.map((item) => item.toMap()).toList(),
+          'notes': '',
+        },
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200) {
+        return Right(true);
+      } else {
+        return const Left('Gagal menambahkan pesanan pesanan');
+      }
+    } on DioException catch (e) {
+      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);
+    } catch (e) {
+      log("💥 Unexpected error: $e");
+      return const Left('Terjadi kesalahan, coba lagi nanti.');
+    }
+  }
+
+  Future<Either<String, bool>> refund({
+    required String orderId,
+    required String reason,
+    required List<OrderItem> orderItems,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final url = '${Variables.baseUrl}/api/v1/orders/$orderId/refund';
+
+    final int refundAmount = orderItems.fold(
+      0,
+      (sum, item) => sum + ((item.unitPrice ?? 0) * (item.quantity ?? 0)),
+    );
+    try {
+      final response = await dio.post(
+        url,
+        data: {
+          'refund_amount': refundAmount,
+          "order_items": orderItems
+              .map((item) => {
+                    'order_item_id': item.id,
+                    "refund_quantity": item.quantity,
+                    "refund_amount": item.totalPrice,
+                    "reason": ""
+                  })
+              .toList(),
+          'reason': reason,
+        },
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200) {
+        return Right(true);
+      } else {
+        return const Left('Gagal refund');
+      }
+    } on DioException catch (e) {
+      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);
+    } catch (e) {
+      log("💥 Unexpected error: $e");
+      return const Left('Terjadi kesalahan tak terduga');
+    }
+  }
+
+  Future<Either<String, bool>> voidOrder({
+    required String orderId,
+    required String reason,
+    String type = "ITEM", // TYPE: ALL, ITEM
+    required List<OrderItem> orderItems,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final url = '${Variables.baseUrl}/api/v1/orders/void';
+
+    try {
+      final response = await dio.post(
+        url,
+        data: {
+          'order_id': orderId,
+          'type': orderItems.isEmpty ? "ALL" : type,
+          'reason': reason,
+          "items": orderItems
+              .map((item) => {
+                    'order_item_id': item.id,
+                    "quantity": item.quantity,
+                  })
+              .toList(),
+        },
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200) {
+        return Right(true);
+      } else {
+        return const Left('Gagal refund');
+      }
+    } on DioException catch (e) {
+      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);
+    } catch (e) {
+      log("💥 Unexpected error: $e");
+      return const Left('Terjadi kesalahan tak terduga');
+    }
+  }
+
+  Future<Either<String, bool>> refundPayment({
+    required String orderId,
+    required String reason,
+    required int refundAmount,
+  }) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final url = '${Variables.baseUrl}/api/v1/orders/$orderId/refund';
+
+    try {
+      final response = await dio.post(
+        url,
+        data: {
+          'refund_amount': refundAmount,
+          'reason': reason,
+        },
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200) {
+        return Right(true);
+      } else {
+        return const Left('Gagal refund');
+      }
+    } on DioException catch (e) {
+      final errorMessage = 'Terjadi kesalahan coba lagi nanti';
+      log("💥 Dio error: ${e.message}");
+      log("💥 Dio response: ${e.response?.data}");
+      return Left(errorMessage);
+    } catch (e) {
+      log("💥 Unexpected error: $e");
+      return const Left('Terjadi kesalahan tak terduga');
+    }
+  }
+
+  Future<Either<String, PaymentSuccessResponseModel>> createPaymentSplitBill(
+      PaymentSplitBillRequest request) async {
+    final authData = await AuthLocalDataSource().getAuthData();
+    final url = '${Variables.baseUrl}/api/v1/orders/split-bill';
+
+    try {
+      final response = await dio.post(
+        url,
+        data: request.toMap(),
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200) {
+        return Right(PaymentSuccessResponseModel.fromMap(response.data));
+      } else {
+        return const Left('Gagal membuat pembayaran');
+      }
+    } on DioException catch (e) {
+      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/data/datasources/outlet_local_datasource.dart

@@ -0,0 +1,30 @@
+import 'dart:developer';
+
+import 'package:enaklo_pos/presentation/home/models/outlet_model.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+class OutletLocalDatasource {
+  Future<void> save(Outlet outlet) async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      await prefs.setString('outlet', outlet.toJson());
+      log('Outlet Local Data: ${outlet.toJson()}');
+    } catch (e) {
+      log('Error saving outlet: $e');
+    }
+  }
+
+  Future<void> remove() async {
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.remove('outlet');
+  }
+
+  Future<Outlet> get() async {
+    final prefs = await SharedPreferences.getInstance();
+    final outlet = prefs.getString('outlet');
+
+    log('Outlet Local Data: $outlet');
+
+    return Outlet.fromJson(outlet!);
+  }
+}

lib/data/datasources/outlet_remote_data_source.dart

@@ -2,7 +2,10 @@ import 'dart:developer';
 import 'package:dartz/dartz.dart';
 import 'package:dio/dio.dart';
 import 'package:enaklo_pos/core/network/dio_client.dart';
+import 'package:enaklo_pos/data/datasources/outlet_local_datasource.dart';
+import 'package:enaklo_pos/data/datasources/settings_local_datasource.dart';
 import 'package:enaklo_pos/presentation/home/models/outlet_model.dart';
+import 'package:enaklo_pos/presentation/setting/models/tax_model.dart';
 import '../../core/constants/variables.dart';
 import 'auth_local_datasource.dart';
 
@@ -12,6 +15,7 @@ class OutletRemoteDataSource {
   Future<Either<String, OutletResponse>> getOutlets() async {
     try {
       final authData = await AuthLocalDataSource().getAuthData();
+
       final url = '${Variables.baseUrl}/api/v1/outlets/list';
 
       final response = await dio.get(
@@ -28,7 +32,56 @@ class OutletRemoteDataSource {
       );
 
       if (response.statusCode == 200) {
-        return Right(OutletResponse.fromMap(response.data));
+        final data = OutletResponse.fromMap(response.data);
+        return Right(data);
+      } else {
+        return const Left('Failed to get outlets');
+      }
+    } on DioException catch (e) {
+      log("Dio error: ${e.message}");
+      return Left(e.response?.data['message'] ?? 'Gagal mengambil outlet');
+    } catch (e) {
+      log("Unexpected error: $e");
+      return const Left('Unexpected error occurred');
+    }
+  }
+
+  Future<Either<String, OutletDetailResponse>> currentOutlet() async {
+    try {
+      final authData = await AuthLocalDataSource().getAuthData();
+
+      if (authData.user?.outletId == null) {
+        return const Left('Kamu belum memiliki bergabung dengan outlet');
+      }
+
+      final url =
+          '${Variables.baseUrl}/api/v1/outlets/detail/${authData.user?.outletId}';
+
+      final response = await dio.get(
+        url,
+        queryParameters: {
+          'organization_id': authData.user?.organizationId,
+        },
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200) {
+        final data = OutletDetailResponse.fromMap(response.data);
+        await SettingsLocalDatasource().saveTax(
+          TaxModel(
+            name: 'PB1',
+            type: TaxType.pajak,
+            value: data.data?.taxRate ?? 0,
+          ),
+        );
+
+        await OutletLocalDatasource().save(data.data!);
+        return Right(data);
       } else {
         return const Left('Failed to get outlets');
       }

lib/data/datasources/product_remote_datasource.dart

@@ -6,7 +6,6 @@ import 'package:enaklo_pos/core/network/dio_client.dart';
 import 'package:enaklo_pos/data/models/request/product_request_model.dart';
 import 'package:enaklo_pos/data/models/response/add_product_response_model.dart';
 import 'package:enaklo_pos/data/models/response/product_response_model.dart';
-import 'package:http/http.dart' as http;
 
 import '../../core/constants/variables.dart';
 import 'auth_local_datasource.dart';
@@ -14,13 +13,32 @@ import 'auth_local_datasource.dart';
 class ProductRemoteDatasource {
   final Dio dio = DioClient.instance;
 
-  Future<Either<String, ProductResponseModel>> getProducts() async {
+  Future<Either<String, ProductResponseModel>> getProducts({
+    int page = 1,
+    int limit = Variables.defaultLimit,
+    String? categoryId,
+    String? search,
+  }) async {
     try {
       final authData = await AuthLocalDataSource().getAuthData();
       final url = '${Variables.baseUrl}/api/v1/products';
 
+      Map<String, dynamic> queryParameters = {
+        'page': page,
+        'limit': limit,
+      };
+
+      if (categoryId != null) {
+        queryParameters['category_id'] = categoryId;
+      }
+
+      if (search != null && search.isNotEmpty) {
+        queryParameters['search'] = search;
+      }
+
       final response = await dio.get(
         url,
+        queryParameters: queryParameters,
         options: Options(
           headers: {
             'Authorization': 'Bearer ${authData.token}',
@@ -45,67 +63,64 @@ class ProductRemoteDatasource {
 
   Future<Either<String, AddProductResponseModel>> addProduct(
       ProductRequestModel productRequestModel) async {
-    final authData = await AuthLocalDataSource().getAuthData();
-    final Map<String, String> headers = {
-      'Authorization': 'Bearer ${authData.token}',
-    };
-    var request = http.MultipartRequest(
-        'POST', Uri.parse('${Variables.baseUrl}/api/products'));
-    request.fields.addAll(productRequestModel.toMap());
-    request.files.add(await http.MultipartFile.fromPath(
-        'image', productRequestModel.image!.path));
-    request.headers.addAll(headers);
+    try {
+      final authData = await AuthLocalDataSource().getAuthData();
+      final url = '${Variables.baseUrl}/api/v1/products';
 
-    http.StreamedResponse response = await request.send();
+      final response = await dio.post(
+        url,
+        data: productRequestModel.toMap(),
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+          },
+        ),
+      );
 
-    final String body = await response.stream.bytesToString();
-    log(response.stream.toString());
-    log(response.statusCode.toString());
-    if (response.statusCode == 201) {
-      return right(AddProductResponseModel.fromJson(body));
-    } else {
-      return left(body);
+      if (response.statusCode == 200) {
+        return Right(AddProductResponseModel.fromMap(response.data));
+      } else {
+        return const Left('Failed to create products');
+      }
+    } on DioException catch (e) {
+      log("Dio error: ${e.message}");
+      return Left(e.response?.data['message'] ?? 'Gagal menambah produk');
+    } catch (e) {
+      log("Unexpected error: $e");
+      return const Left('Unexpected error occurred');
     }
   }
 
   Future<Either<String, AddProductResponseModel>> updateProduct(
       ProductRequestModel productRequestModel) async {
-    final authData = await AuthLocalDataSource().getAuthData();
-    final Map<String, String> headers = {
-      'Authorization': 'Bearer ${authData.token}',
-    };
+    try {
+      final authData = await AuthLocalDataSource().getAuthData();
+      final url =
+          '${Variables.baseUrl}/api/v1/products/${productRequestModel.id}';
 
-    log("Update Product Request Data: ${productRequestModel.toMap()}");
-    log("Update Product ID: ${productRequestModel.id}");
-    log("Update Product Name: ${productRequestModel.name}");
-    log("Update Product Price: ${productRequestModel.price}");
-    log("Update Product Stock: ${productRequestModel.stock}");
-    log("Update Product Category ID: ${productRequestModel.categoryId}");
-    log("Update Product Is Best Seller: ${productRequestModel.isBestSeller}");
-    log("Update Product Printer Type: ${productRequestModel.printerType}");
-    log("Update Product Has Image: ${productRequestModel.image != null}");
+      final response = await dio.put(
+        url,
+        data: productRequestModel.toMap(),
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+          },
+        ),
+      );
 
-    var request = http.MultipartRequest(
-        'POST', Uri.parse('${Variables.baseUrl}/api/products/edit'));
-    request.fields.addAll(productRequestModel.toMap());
-    if (productRequestModel.image != null) {
-      request.files.add(await http.MultipartFile.fromPath(
-          'image', productRequestModel.image!.path));
-    }
-    request.headers.addAll(headers);
-
-    log("Update Product Request Fields: ${request.fields}");
-    log("Update Product Request Files: ${request.files.length}");
-
-    http.StreamedResponse response = await request.send();
-
-    final String body = await response.stream.bytesToString();
-    log("Update Product Status Code: ${response.statusCode}");
-    log("Update Product Body: $body");
-    if (response.statusCode == 200) {
-      return right(AddProductResponseModel.fromJson(body));
-    } else {
-      return left(body);
+      if (response.statusCode == 200) {
+        return Right(AddProductResponseModel.fromMap(response.data));
+      } else {
+        return const Left('Failed to update products');
+      }
+    } on DioException catch (e) {
+      log("Dio error: ${e.message}");
+      return Left(e.response?.data['message'] ?? 'Gagal update produk');
+    } catch (e) {
+      log("Unexpected error: $e");
+      return const Left('Unexpected error occurred');
     }
   }
 }

lib/data/datasources/table_remote_datasource.dart

@@ -55,7 +55,7 @@ class TableRemoteDataSource {
 
   Future<Either<String, TableResponseModel>> getTable({
     int page = 1,
-    int limit = 10,
+    int limit = 50,
     String? status,
   }) async {
     try {
@@ -131,4 +131,40 @@ class TableRemoteDataSource {
       return const Left('Unexpected error occurred');
     }
   }
+
+  Future<Either<String, bool>> transferTable({
+    required String fromTableId,
+    required String toTableId,
+  }) async {
+    try {
+      final authData = await AuthLocalDataSource().getAuthData();
+      final url = '${Variables.baseUrl}/api/v1/tables/transfer';
+
+      final response = await dio.put(
+        url,
+        data: {
+          "from_table": fromTableId,
+          "to_table": toTableId,
+        },
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200 || response.statusCode == 201) {
+        return Right(true);
+      } else {
+        return const Left('Failed to create table');
+      }
+    } on DioException catch (e) {
+      log("Dio error: ${e.message}");
+      return Left(e.response?.data['message'] ?? 'Gagal membuat table');
+    } catch (e) {
+      log("Unexpected error: $e");
+      return const Left('Unexpected error occurred');
+    }
+  }
 }

lib/data/datasources/user_remote_datasource.dart

@@ -0,0 +1,47 @@
+import 'dart:developer';
+
+import 'package:dartz/dartz.dart';
+import 'package:dio/dio.dart';
+import 'package:enaklo_pos/core/constants/variables.dart';
+import 'package:enaklo_pos/core/network/dio_client.dart';
+import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart';
+import 'package:enaklo_pos/data/models/response/auth_response_model.dart';
+
+class UserRemoteDatasource {
+  final Dio dio = DioClient.instance;
+
+  Future<Either<String, bool>> updateOutlet(String outletId) async {
+    AuthResponseModel authData = await AuthLocalDataSource().getAuthData();
+    final url = '${Variables.baseUrl}/api/v1/users/${authData.user?.id}';
+
+    try {
+      final response = await dio.put(
+        url,
+        data: {
+          'outlet_id': outletId,
+        },
+        options: Options(
+          headers: {
+            'Authorization': 'Bearer ${authData.token}',
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+          },
+        ),
+      );
+
+      if (response.statusCode == 200) {
+        authData.user?.outletId = response.data['outlet_id'];
+        await AuthLocalDataSource().saveAuthData(authData);
+        return Right(true);
+      } else {
+        return const Left('Failed to login');
+      }
+    } on DioException catch (e) {
+      log("Dio error: ${e.message}");
+      return Left(e.response?.data['message'] ?? 'Login gagal');
+    } catch (e) {
+      log("Unexpected error: $e");
+      return const Left('Unexpected error occurred');
+    }
+  }
+}

lib/data/models/request/payment_request.dart

@@ -78,3 +78,60 @@ class PaymentOrderItemModel {
         "amount": amount,
       };
 }
+
+class PaymentSplitBillRequest {
+  final String orderId;
+  final String paymentMethodId;
+  final String customerId;
+  final String type; // e.g., "AMOUNT" or "ITEM"
+  final int amount;
+  final List<SplitItem> items;
+
+  PaymentSplitBillRequest({
+    required this.orderId,
+    required this.paymentMethodId,
+    required this.customerId,
+    required this.type,
+    required this.amount,
+    required this.items,
+  });
+
+  Map<String, dynamic> toMap() {
+    Map<String, dynamic> data = {
+      'order_id': orderId,
+      'payment_method_id': paymentMethodId,
+      'type': type,
+    };
+
+    if (customerId.isNotEmpty) {
+      data['customer_id'] = customerId;
+    }
+
+    if (type == "AMOUNT") {
+      data['amount'] = amount;
+    }
+
+    if (type == "ITEM") {
+      data['items'] = items.map((e) => e.toJson()).toList();
+    }
+
+    return data;
+  }
+}
+
+class SplitItem {
+  final String orderItemId;
+  final int quantity;
+
+  SplitItem({
+    required this.orderItemId,
+    required this.quantity,
+  });
+
+  Map<String, dynamic> toJson() {
+    return {
+      'order_item_id': orderItemId,
+      'quantity': quantity,
+    };
+  }
+}

lib/data/models/request/product_request_model.dart

@@ -1,40 +1,49 @@
-import 'dart:developer';
-
-import 'package:image_picker/image_picker.dart';
-
 class ProductRequestModel {
   final String? id;
   final String name;
+  final String? description;
+  final String categoryId;
+  final String? sku;
+  final String? barcode;
   final int price;
-  final int stock;
-  final int categoryId;
-  final int isBestSeller;
-  final XFile? image;
+  final int cost;
+  final bool isActive;
+  final bool hasVariants;
+  final String imageUrl;
   final String? printerType;
+
   ProductRequestModel({
     this.id,
     required this.name,
-    required this.price,
-    required this.stock,
+    this.description,
     required this.categoryId,
-    required this.isBestSeller,
-    this.image,
+    this.sku,
+    this.barcode,
+    required this.price,
+    required this.cost,
+    this.isActive = true,
+    this.hasVariants = false,
+    required this.imageUrl,
     this.printerType,
   });
 
-  Map<String, String> toMap() {
-    log("toMap: $isBestSeller");
-    final map = {
+  Map<String, dynamic> toMap() {
+    final map = <String, dynamic>{
       'name': name,
-      'price': price.toString(),
-      'stock': stock.toString(),
-      'category_id': categoryId.toString(),
-      'is_best_seller': isBestSeller.toString(),
+      'description': description ?? '',
+      'category_id': categoryId,
+      'sku': sku ?? '',
+      'barcode': barcode ?? '',
+      'price': price,
+      'cost': cost,
+      'is_active': isActive,
+      'has_variants': hasVariants,
+      'image_url': imageUrl,
       'printer_type': printerType ?? '',
     };
 
     if (id != null) {
-      map['id'] = id.toString();
+      map['id'] = id;
     }
 
     return map;

lib/data/models/response/add_product_response_model.dart

@@ -4,12 +4,10 @@ import 'package:enaklo_pos/data/models/response/product_response_model.dart';
 
 class AddProductResponseModel {
   final bool success;
-  final String message;
   final Product data;
 
   AddProductResponseModel({
     required this.success,
-    required this.message,
     required this.data,
   });
 
@@ -21,13 +19,11 @@ class AddProductResponseModel {
   factory AddProductResponseModel.fromMap(Map<String, dynamic> json) =>
       AddProductResponseModel(
         success: json["success"],
-        message: json["message"],
         data: Product.fromMap(json["data"]),
       );
 
   Map<String, dynamic> toMap() => {
         "success": success,
-        "message": message,
         "data": data.toMap(),
       };
 }

lib/data/models/response/auth_response_model.dart

@@ -29,7 +29,7 @@ class AuthResponseModel {
 class User {
   final String? id;
   final String? organizationId;
-  final String? outletId;
+  String? outletId;
   final String? name;
   final String? email;
   final String? role;

lib/data/models/response/category_response_model.dart

@@ -1,91 +1,120 @@
-// ignore_for_file: public_member_api_docs, sort_constructors_first
 import 'dart:convert';
 
-class CategroyResponseModel {
-  final String status;
-  final List<CategoryModel> data;
+class CategoryResponseModel {
+  final bool success;
+  final CategoryData data;
+  final dynamic errors;
 
-  CategroyResponseModel({
-    required this.status,
+  CategoryResponseModel({
+    required this.success,
     required this.data,
+    this.errors,
   });
 
-  Map<String, dynamic> toMap() {
-    return <String, dynamic>{
-      'status': status,
-      'data': data.map((x) => x.toMap()).toList(),
-    };
-  }
-
-  factory CategroyResponseModel.fromMap(Map<String, dynamic> map) {
-    return CategroyResponseModel(
-      status: map['status'] as String,
-      data: List<CategoryModel>.from(
-        (map['data']).map<CategoryModel>(
-          (x) => CategoryModel.fromMap(x as Map<String, dynamic>),
-        ),
-      ),
+  factory CategoryResponseModel.fromMap(Map<String, dynamic> map) {
+    return CategoryResponseModel(
+      success: map['success'] as bool,
+      data: CategoryData.fromMap(map['data'] as Map<String, dynamic>),
+      errors: map['errors'],
     );
   }
 
-  factory CategroyResponseModel.fromJson(String str) =>
-      CategroyResponseModel.fromMap(json.decode(str));
-
-  String toJson() => json.encode(toMap());
-}
-
-class CategoryModel {
-  int? id;
-  String? name;
-  int? categoryId;
-  int? isSync;
-  String? image;
-  // DateTime createdAt;
-  // DateTime updatedAt;
-
-  CategoryModel({this.id, this.name, this.categoryId, this.isSync, this.image});
+  factory CategoryResponseModel.fromJson(String str) =>
+      CategoryResponseModel.fromMap(json.decode(str));
 
   Map<String, dynamic> toMap() {
-    return <String, dynamic>{
-      // 'id': id,
-      'name': name,
-      'is_sync': isSync ?? 1,
-      'category_id': id,
-      'image': image
+    return {
+      'success': success,
+      'data': data.toMap(),
+      'errors': errors,
     };
   }
 
-  factory CategoryModel.fromMap(Map<String, dynamic> map) {
-    return CategoryModel(
-        id: map['id'] as int?,
-        name: map['name'] as String?,
-        isSync: map['is_sync'] as int?,
-        categoryId: map['id'],
-        image: map['image']);
-  }
-
-  factory CategoryModel.fromJson(String str) =>
-      CategoryModel.fromMap(json.decode(str));
-
   String toJson() => json.encode(toMap());
+}
 
-  @override
-  bool operator ==(covariant CategoryModel other) {
-    if (identical(this, other)) return true;
+class CategoryData {
+  final List<CategoryModel> categories;
+  final int totalCount;
+  final int page;
+  final int limit;
+  final int totalPages;
 
-    return other.id == id &&
-        other.name == name &&
-        other.categoryId == categoryId &&
-        other.isSync == isSync &&
-        other.image == image;
+  CategoryData({
+    required this.categories,
+    required this.totalCount,
+    required this.page,
+    required this.limit,
+    required this.totalPages,
+  });
+
+  factory CategoryData.fromMap(Map<String, dynamic> map) {
+    return CategoryData(
+      categories: List<CategoryModel>.from(
+        (map['categories'] as List).map((x) => CategoryModel.fromMap(x)),
+      ),
+      totalCount: map['total_count'] as int,
+      page: map['page'] as int,
+      limit: map['limit'] as int,
+      totalPages: map['total_pages'] as int,
+    );
   }
 
-  @override
-  int get hashCode {
-    return id.hashCode ^
-        name.hashCode ^
-        categoryId.hashCode ^
-        isSync.hashCode ^
-        image.hashCode;
+  Map<String, dynamic> toMap() {
+    return {
+      'categories': categories.map((x) => x.toMap()).toList(),
+      'total_count': totalCount,
+      'page': page,
+      'limit': limit,
+      'total_pages': totalPages,
+    };
+  }
+}
+
+class CategoryModel {
+  String id;
+  final String organizationId;
+  final String name;
+  final String? description;
+  final String businessType;
+  final Map<String, dynamic> metadata;
+  final DateTime createdAt;
+  final DateTime updatedAt;
+
+  CategoryModel({
+    required this.id,
+    required this.organizationId,
+    required this.name,
+    this.description,
+    required this.businessType,
+    required this.metadata,
+    required this.createdAt,
+    required this.updatedAt,
+  });
+
+  factory CategoryModel.fromMap(Map<String, dynamic> map) {
+    return CategoryModel(
+      id: map['id'] as String,
+      organizationId: map['organization_id'] as String,
+      name: map['name'] as String,
+      description: map['description'] as String?,
+      businessType: map['business_type'] as String,
+      metadata: Map<String, dynamic>.from(map['metadata'] ?? {}),
+      createdAt: DateTime.parse(map['created_at'] as String),
+      updatedAt: DateTime.parse(map['updated_at'] as String),
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'id': id,
+      'organization_id': organizationId,
+      'name': name,
+      'description': description,
+      'business_type': businessType,
+      'metadata': metadata,
+      'created_at': createdAt.toIso8601String(),
+      'updated_at': updatedAt.toIso8601String(),
+    };
   }
 }

lib/data/models/response/dashboard_analytic_response_model.dart

@@ -0,0 +1,248 @@
+class DashboardAnalyticResponseModel {
+  final bool success;
+  final DashboardAnalyticData data;
+  final dynamic errors;
+
+  DashboardAnalyticResponseModel({
+    required this.success,
+    required this.data,
+    this.errors,
+  });
+
+  /// Khusus untuk JSON string
+  factory DashboardAnalyticResponseModel.fromJson(Map<String, dynamic> json) =>
+      DashboardAnalyticResponseModel.fromMap(json);
+
+  /// Untuk menerima Map biasa (bukan dari JSON string)
+  factory DashboardAnalyticResponseModel.fromMap(Map<String, dynamic> map) {
+    return DashboardAnalyticResponseModel(
+      success: map['success'] ?? false,
+      data: DashboardAnalyticData.fromMap(map['data'] ?? {}),
+      errors: map['errors'],
+    );
+  }
+
+  Map<String, dynamic> toJson() => toMap();
+
+  Map<String, dynamic> toMap() => {
+        'success': success,
+        'data': data.toMap(),
+        'errors': errors,
+      };
+}
+
+class DashboardAnalyticData {
+  final String organizationId;
+  final String outletId;
+  final String dateFrom;
+  final String dateTo;
+  final DashboardOverview overview;
+  final List<TopProduct> topProducts;
+  final List<PaymentMethodAnalytic> paymentMethods;
+  final List<RecentSale> recentSales;
+
+  DashboardAnalyticData({
+    required this.organizationId,
+    required this.outletId,
+    required this.dateFrom,
+    required this.dateTo,
+    required this.overview,
+    required this.topProducts,
+    required this.paymentMethods,
+    required this.recentSales,
+  });
+
+  factory DashboardAnalyticData.fromMap(Map<String, dynamic> map) =>
+      DashboardAnalyticData(
+        organizationId: map['organization_id'],
+        outletId: map['outlet_id'],
+        dateFrom: map['date_from'],
+        dateTo: map['date_to'],
+        overview: DashboardOverview.fromMap(map['overview']),
+        topProducts: map['top_products'] == null
+            ? []
+            : List<TopProduct>.from(
+                map['top_products']?.map((x) => TopProduct.fromMap(x))),
+        paymentMethods: map['payment_methods'] == null
+            ? []
+            : List<PaymentMethodAnalytic>.from(map['payment_methods']
+                ?.map((x) => PaymentMethodAnalytic.fromMap(x))),
+        recentSales: map['recent_sales'] == null
+            ? []
+            : List<RecentSale>.from(
+                map['recent_sales']?.map((x) => RecentSale.fromMap(x))),
+      );
+
+  Map<String, dynamic> toMap() => {
+        'organization_id': organizationId,
+        'outlet_id': outletId,
+        'date_from': dateFrom,
+        'date_to': dateTo,
+        'overview': overview.toMap(),
+        'top_products': topProducts.map((x) => x.toMap()).toList(),
+        'payment_methods': paymentMethods.map((x) => x.toMap()).toList(),
+        'recent_sales': recentSales.map((x) => x.toMap()).toList(),
+      };
+}
+
+class DashboardOverview {
+  final int totalSales;
+  final int totalOrders;
+  final double averageOrderValue;
+  final int totalCustomers;
+  final int voidedOrders;
+  final int refundedOrders;
+
+  DashboardOverview({
+    required this.totalSales,
+    required this.totalOrders,
+    required this.averageOrderValue,
+    required this.totalCustomers,
+    required this.voidedOrders,
+    required this.refundedOrders,
+  });
+
+  factory DashboardOverview.fromMap(Map<String, dynamic> map) =>
+      DashboardOverview(
+        totalSales: map['total_sales'],
+        totalOrders: map['total_orders'],
+        averageOrderValue: map['average_order_value']?.toDouble() ?? 0.0,
+        totalCustomers: map['total_customers'],
+        voidedOrders: map['voided_orders'],
+        refundedOrders: map['refunded_orders'],
+      );
+
+  Map<String, dynamic> toMap() => {
+        'total_sales': totalSales,
+        'total_orders': totalOrders,
+        'average_order_value': averageOrderValue,
+        'total_customers': totalCustomers,
+        'voided_orders': voidedOrders,
+        'refunded_orders': refundedOrders,
+      };
+}
+
+class TopProduct {
+  final String productId;
+  final String productName;
+  final String categoryId;
+  final String categoryName;
+  final int quantitySold;
+  final int revenue;
+  final double averagePrice;
+  final int orderCount;
+
+  TopProduct({
+    required this.productId,
+    required this.productName,
+    required this.categoryId,
+    required this.categoryName,
+    required this.quantitySold,
+    required this.revenue,
+    required this.averagePrice,
+    required this.orderCount,
+  });
+
+  factory TopProduct.fromMap(Map<String, dynamic> map) => TopProduct(
+        productId: map['product_id'],
+        productName: map['product_name'],
+        categoryId: map['category_id'],
+        categoryName: map['category_name'],
+        quantitySold: map['quantity_sold'],
+        revenue: map['revenue'],
+        averagePrice: map['average_price']?.toDouble() ?? 0.0,
+        orderCount: map['order_count'],
+      );
+
+  Map<String, dynamic> toMap() => {
+        'product_id': productId,
+        'product_name': productName,
+        'category_id': categoryId,
+        'category_name': categoryName,
+        'quantity_sold': quantitySold,
+        'revenue': revenue,
+        'average_price': averagePrice,
+        'order_count': orderCount,
+      };
+}
+
+class PaymentMethodAnalytic {
+  final String paymentMethodId;
+  final String paymentMethodName;
+  final String paymentMethodType;
+  final int totalAmount;
+  final int orderCount;
+  final int paymentCount;
+  final double percentage;
+
+  PaymentMethodAnalytic({
+    required this.paymentMethodId,
+    required this.paymentMethodName,
+    required this.paymentMethodType,
+    required this.totalAmount,
+    required this.orderCount,
+    required this.paymentCount,
+    required this.percentage,
+  });
+
+  factory PaymentMethodAnalytic.fromMap(Map<String, dynamic> map) =>
+      PaymentMethodAnalytic(
+        paymentMethodId: map['payment_method_id'],
+        paymentMethodName: map['payment_method_name'],
+        paymentMethodType: map['payment_method_type'],
+        totalAmount: map['total_amount'],
+        orderCount: map['order_count'],
+        paymentCount: map['payment_count'],
+        percentage: map['percentage']?.toDouble() ?? 0.0,
+      );
+
+  Map<String, dynamic> toMap() => {
+        'payment_method_id': paymentMethodId,
+        'payment_method_name': paymentMethodName,
+        'payment_method_type': paymentMethodType,
+        'total_amount': totalAmount,
+        'order_count': orderCount,
+        'payment_count': paymentCount,
+        'percentage': percentage,
+      };
+}
+
+class RecentSale {
+  final String date;
+  final int sales;
+  final int orders;
+  final int items;
+  final int tax;
+  final int discount;
+  final int netSales;
+
+  RecentSale({
+    required this.date,
+    required this.sales,
+    required this.orders,
+    required this.items,
+    required this.tax,
+    required this.discount,
+    required this.netSales,
+  });
+
+  factory RecentSale.fromMap(Map<String, dynamic> map) => RecentSale(
+        date: map['date'],
+        sales: map['sales'],
+        orders: map['orders'],
+        items: map['items'],
+        tax: map['tax'],
+        discount: map['discount'],
+        netSales: map['net_sales'],
+      );
+
+  Map<String, dynamic> toMap() => {
+        'date': date,
+        'sales': sales,
+        'orders': orders,
+        'items': items,
+        'tax': tax,
+        'discount': discount,
+        'net_sales': netSales,
+      };
+}

lib/data/models/response/delivery_response_model.dart

@@ -0,0 +1,11 @@
+class DeliveryModel {
+  String id;
+  String name;
+  String imageUrl;
+
+  DeliveryModel({
+    required this.id,
+    required this.name,
+    required this.imageUrl,
+  });
+}

lib/data/models/response/file_response_model.dart

@@ -0,0 +1,154 @@
+class FileResponseModel {
+  final FileModel data;
+  final String message;
+  final bool success;
+
+  FileResponseModel({
+    required this.data,
+    required this.message,
+    required this.success,
+  });
+
+  factory FileResponseModel.fromJson(Map<String, dynamic> json) {
+    return FileResponseModel(
+      data: FileModel.fromJson(json['data']),
+      message: json['message'] as String,
+      success: json['success'] as bool,
+    );
+  }
+
+  Map<String, dynamic> toJson() => {
+        'data': data.toJson(),
+        'message': message,
+        'success': success,
+      };
+
+  factory FileResponseModel.fromMap(Map<String, dynamic> map) =>
+      FileResponseModel.fromJson(map);
+
+  Map<String, dynamic> toMap() => toJson();
+
+  FileResponseModel copyWith({
+    FileModel? data,
+    String? message,
+    bool? success,
+  }) {
+    return FileResponseModel(
+      data: data ?? this.data,
+      message: message ?? this.message,
+      success: success ?? this.success,
+    );
+  }
+
+  @override
+  String toString() =>
+      'FileResponseModel(data: $data, message: $message, success: $success)';
+}
+
+class FileModel {
+  final String id;
+  final String organizationId;
+  final String userId;
+  final String fileName;
+  final String originalName;
+  final String fileUrl;
+  final int fileSize;
+  final String mimeType;
+  final String fileType;
+  final String uploadPath;
+  final bool isPublic;
+  final DateTime createdAt;
+  final DateTime updatedAt;
+
+  FileModel({
+    required this.id,
+    required this.organizationId,
+    required this.userId,
+    required this.fileName,
+    required this.originalName,
+    required this.fileUrl,
+    required this.fileSize,
+    required this.mimeType,
+    required this.fileType,
+    required this.uploadPath,
+    required this.isPublic,
+    required this.createdAt,
+    required this.updatedAt,
+  });
+
+  factory FileModel.fromJson(Map<String, dynamic> json) {
+    return FileModel(
+      id: json['id'] as String,
+      organizationId: json['organization_id'] as String,
+      userId: json['user_id'] as String,
+      fileName: json['file_name'] as String,
+      originalName: json['original_name'] as String,
+      fileUrl: json['file_url'] as String,
+      fileSize: json['file_size'] as int,
+      mimeType: json['mime_type'] as String,
+      fileType: json['file_type'] as String,
+      uploadPath: json['upload_path'] as String,
+      isPublic: json['is_public'] as bool,
+      createdAt: DateTime.parse(json['created_at'] as String),
+      updatedAt: DateTime.parse(json['updated_at'] as String),
+    );
+  }
+
+  Map<String, dynamic> toJson() => {
+        'id': id,
+        'organization_id': organizationId,
+        'user_id': userId,
+        'file_name': fileName,
+        'original_name': originalName,
+        'file_url': fileUrl,
+        'file_size': fileSize,
+        'mime_type': mimeType,
+        'file_type': fileType,
+        'upload_path': uploadPath,
+        'is_public': isPublic,
+        'created_at': createdAt.toIso8601String(),
+        'updated_at': updatedAt.toIso8601String(),
+      };
+
+  factory FileModel.fromMap(Map<String, dynamic> map) =>
+      FileModel.fromJson(map);
+
+  Map<String, dynamic> toMap() => toJson();
+
+  FileModel copyWith({
+    String? id,
+    String? organizationId,
+    String? userId,
+    String? fileName,
+    String? originalName,
+    String? fileUrl,
+    int? fileSize,
+    String? mimeType,
+    String? fileType,
+    String? uploadPath,
+    bool? isPublic,
+    DateTime? createdAt,
+    DateTime? updatedAt,
+  }) {
+    return FileModel(
+      id: id ?? this.id,
+      organizationId: organizationId ?? this.organizationId,
+      userId: userId ?? this.userId,
+      fileName: fileName ?? this.fileName,
+      originalName: originalName ?? this.originalName,
+      fileUrl: fileUrl ?? this.fileUrl,
+      fileSize: fileSize ?? this.fileSize,
+      mimeType: mimeType ?? this.mimeType,
+      fileType: fileType ?? this.fileType,
+      uploadPath: uploadPath ?? this.uploadPath,
+      isPublic: isPublic ?? this.isPublic,
+      createdAt: createdAt ?? this.createdAt,
+      updatedAt: updatedAt ?? this.updatedAt,
+    );
+  }
+
+  @override
+  String toString() {
+    return 'FileModel(id: $id, organizationId: $organizationId, userId: $userId, fileName: $fileName, originalName: $originalName, fileUrl: $fileUrl, fileSize: $fileSize, mimeType: $mimeType, fileType: $fileType, uploadPath: $uploadPath, isPublic: $isPublic, createdAt: $createdAt, updatedAt: $updatedAt)';
+  }
+}

lib/data/models/response/order_response_model.dart

@@ -1,35 +1,5 @@
 import 'dart:convert';
 
-class OrderResponseModel {
-  final bool? success;
-  final OrderData? data;
-  final dynamic errors;
-
-  OrderResponseModel({
-    this.success,
-    this.data,
-    this.errors,
-  });
-
-  factory OrderResponseModel.fromJson(String str) =>
-      OrderResponseModel.fromMap(json.decode(str));
-
-  String toJson() => json.encode(toMap());
-
-  factory OrderResponseModel.fromMap(Map<String, dynamic> json) =>
-      OrderResponseModel(
-        success: json["success"],
-        data: json["data"] == null ? null : OrderData.fromMap(json["data"]),
-        errors: json["errors"],
-      );
-
-  Map<String, dynamic> toMap() => {
-        "success": success,
-        "data": data?.toMap(),
-        "errors": errors,
-      };
-}
-
 class OrderDetailResponseModel {
   final bool? success;
   final Order? data;
@@ -60,40 +30,77 @@ class OrderDetailResponseModel {
       };
 }
 
+class OrderResponseModel {
+  final bool? success;
+  final OrderData? data;
+
+  OrderResponseModel({
+    this.success,
+    this.data,
+  });
+
+  factory OrderResponseModel.fromJson(String str) =>
+      OrderResponseModel.fromMap(json.decode(str));
+
+  String toJson() => json.encode(toMap());
+
+  factory OrderResponseModel.fromMap(Map<String, dynamic> map) {
+    return OrderResponseModel(
+      success: map['success'] ?? false,
+      data: OrderData.fromMap(map['data']),
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'success': success,
+      'data': data?.toMap(),
+    };
+  }
+}
+
 class OrderData {
   final List<Order>? orders;
+  final List<Payment>? payments;
   final int? totalCount;
   final int? page;
   final int? limit;
   final int? totalPages;
 
   OrderData({
-    this.orders,
-    this.totalCount,
-    this.page,
-    this.limit,
-    this.totalPages,
+    required this.orders,
+    required this.payments,
+    required this.totalCount,
+    required this.page,
+    required this.limit,
+    required this.totalPages,
   });
 
-  factory OrderData.fromMap(Map<String, dynamic> json) => OrderData(
-        orders: json["orders"] == null
-            ? []
-            : List<Order>.from(json["orders"].map((x) => Order.fromMap(x))),
-        totalCount: json["total_count"],
-        page: json["page"],
-        limit: json["limit"],
-        totalPages: json["total_pages"],
-      );
+  factory OrderData.fromMap(Map<String, dynamic> map) {
+    return OrderData(
+      orders: map["orders"] == null
+          ? []
+          : List<Order>.from(map['orders']?.map((x) => Order.fromMap(x))),
+      payments: map["payments"] == null
+          ? []
+          : List<Payment>.from(map['payments']?.map((x) => Payment.fromMap(x))),
+      totalCount: map['total_count'],
+      page: map['page'],
+      limit: map['limit'],
+      totalPages: map['total_pages'],
+    );
+  }
 
-  Map<String, dynamic> toMap() => {
-        "orders": orders == null
-            ? []
-            : List<dynamic>.from(orders!.map((x) => x.toMap())),
-        "total_count": totalCount,
-        "page": page,
-        "limit": limit,
-        "total_pages": totalPages,
-      };
+  Map<String, dynamic> toMap() {
+    return {
+      'orders': orders?.map((x) => x.toMap()).toList(),
+      'payments': payments?.map((x) => x.toMap()).toList(),
+      'total_count': totalCount,
+      'page': page,
+      'limit': limit,
+      'total_pages': totalPages,
+    };
+  }
 }
 
 class Order {
@@ -108,11 +115,21 @@ class Order {
   final int? taxAmount;
   final int? discountAmount;
   final int? totalAmount;
+  final int? totalCost;
+  final int? remainingAmount;
+  final String? paymentStatus;
+  final int? refundAmount;
+  final bool? isVoid;
+  final bool? isRefund;
   final String? notes;
   final Map<String, dynamic>? metadata;
   final DateTime? createdAt;
   final DateTime? updatedAt;
   final List<OrderItem>? orderItems;
+  final List<Payment>? payments;
+  final int? totalPaid;
+  final int? paymentCount;
+  final String? splitType;
 
   Order({
     this.id,
@@ -126,75 +143,108 @@ class Order {
     this.taxAmount,
     this.discountAmount,
     this.totalAmount,
+    this.totalCost,
+    this.remainingAmount,
+    this.paymentStatus,
+    this.refundAmount,
+    this.isVoid,
+    this.isRefund,
     this.notes,
     this.metadata,
     this.createdAt,
     this.updatedAt,
     this.orderItems,
+    this.payments,
+    this.totalPaid,
+    this.paymentCount,
+    this.splitType,
   });
 
-  factory Order.fromMap(Map<String, dynamic> json) => Order(
-        id: json["id"],
-        orderNumber: json["order_number"],
-        outletId: json["outlet_id"],
-        userId: json["user_id"],
-        tableNumber: json["table_number"],
-        orderType: json["order_type"],
-        status: json["status"],
-        subtotal: json["subtotal"],
-        taxAmount: json["tax_amount"],
-        discountAmount: json["discount_amount"],
-        totalAmount: json["total_amount"],
-        notes: json["notes"],
-        metadata: json["metadata"] ?? {},
-        createdAt: json["created_at"] == null
-            ? null
-            : DateTime.parse(json["created_at"]),
-        updatedAt: json["updated_at"] == null
-            ? null
-            : DateTime.parse(json["updated_at"]),
-        orderItems: json["order_items"] == null
-            ? []
-            : List<OrderItem>.from(
-                json["order_items"].map((x) => OrderItem.fromMap(x))),
-      );
+  factory Order.fromMap(Map<String, dynamic> map) {
+    return Order(
+      id: map['id'],
+      orderNumber: map['order_number'],
+      outletId: map['outlet_id'],
+      userId: map['user_id'],
+      tableNumber: map['table_number'],
+      orderType: map['order_type'],
+      status: map['status'],
+      subtotal: map['subtotal'],
+      taxAmount: map['tax_amount'],
+      discountAmount: map['discount_amount'],
+      totalAmount: map['total_amount'],
+      totalCost: map['total_cost'],
+      remainingAmount: map['remaining_amount'],
+      paymentStatus: map['payment_status'],
+      refundAmount: map['refund_amount'],
+      isVoid: map['is_void'],
+      isRefund: map['is_refund'],
+      notes: map['notes'],
+      metadata: map['metadata'] ?? {},
+      createdAt: DateTime.parse(map['created_at']),
+      updatedAt: DateTime.parse(map['updated_at']),
+      orderItems: map["order_items"] == null
+          ? []
+          : List<OrderItem>.from(
+              map['order_items'].map((x) => OrderItem.fromMap(x))),
+      payments: map["payments"] == null
+          ? []
+          : List<Payment>.from(map['payments'].map((x) => Payment.fromMap(x))),
+      totalPaid: map['total_paid'],
+      paymentCount: map['payment_count'],
+      splitType: map['split_type'] ?? "",
+    );
+  }
 
-  Map<String, dynamic> toMap() => {
-        "id": id,
-        "order_number": orderNumber,
-        "outlet_id": outletId,
-        "user_id": userId,
-        "table_number": tableNumber,
-        "order_type": orderType,
-        "status": status,
-        "subtotal": subtotal,
-        "tax_amount": taxAmount,
-        "discount_amount": discountAmount,
-        "total_amount": totalAmount,
-        "notes": notes,
-        "metadata": metadata,
-        "created_at": createdAt?.toIso8601String(),
-        "updated_at": updatedAt?.toIso8601String(),
-        "order_items": orderItems == null
-            ? []
-            : List<dynamic>.from(orderItems!.map((x) => x.toMap())),
-      };
+  Map<String, dynamic> toMap() {
+    return {
+      'id': id,
+      'order_number': orderNumber,
+      'outlet_id': outletId,
+      'user_id': userId,
+      'table_number': tableNumber,
+      'order_type': orderType,
+      'status': status,
+      'subtotal': subtotal,
+      'tax_amount': taxAmount,
+      'discount_amount': discountAmount,
+      'total_amount': totalAmount,
+      'total_cost': totalCost,
+      'remaining_amount': remainingAmount,
+      'payment_status': paymentStatus,
+      'refund_amount': refundAmount,
+      'is_void': isVoid,
+      'is_refund': isRefund,
+      'notes': notes,
+      'metadata': metadata,
+      'created_at': createdAt?.toIso8601String(),
+      'updated_at': updatedAt?.toIso8601String(),
+      'order_items': orderItems?.map((x) => x.toMap()).toList(),
+      'payments': payments?.map((x) => x.toMap()).toList(),
+      'total_paid': totalPaid,
+      'payment_count': paymentCount,
+      'split_type': splitType,
+    };
+  }
 }
 
 class OrderItem {
-  final String? id;
-  final String? orderId;
-  final String? productId;
-  final String? productName;
-  final String? productVariantId;
-  final int? quantity;
-  final int? unitPrice;
-  final int? totalPrice;
-  final List<dynamic>? modifiers;
-  final String? notes;
-  final String? status;
-  final DateTime? createdAt;
-  final DateTime? updatedAt;
+  String? id;
+  String? orderId;
+  String? productId;
+  String? productName;
+  String? productVariantId;
+  String? productVariantName;
+  int? quantity;
+  int? unitPrice;
+  int? totalPrice;
+  List<dynamic>? modifiers;
+  String? notes;
+  String? status;
+  DateTime? createdAt;
+  DateTime? updatedAt;
+  String? printerType;
+  int? paidQuantity;
 
   OrderItem({
     this.id,
@@ -202,6 +252,7 @@ class OrderItem {
     this.productId,
     this.productName,
     this.productVariantId,
+    this.productVariantName,
     this.quantity,
     this.unitPrice,
     this.totalPrice,
@@ -210,41 +261,122 @@ class OrderItem {
     this.status,
     this.createdAt,
     this.updatedAt,
+    this.printerType,
+    this.paidQuantity,
   });
 
-  factory OrderItem.fromMap(Map<String, dynamic> json) => OrderItem(
-        id: json["id"],
-        orderId: json["order_id"],
-        productId: json["product_id"],
-        productName: json["product_name"],
-        productVariantId: json["product_variant_id"],
-        quantity: json["quantity"],
-        unitPrice: json["unit_price"],
-        totalPrice: json["total_price"],
-        modifiers: json["modifiers"] ?? [],
-        notes: json["notes"],
-        status: json["status"],
-        createdAt: json["created_at"] == null
-            ? null
-            : DateTime.parse(json["created_at"]),
-        updatedAt: json["updated_at"] == null
-            ? null
-            : DateTime.parse(json["updated_at"]),
-      );
+  factory OrderItem.fromMap(Map<String, dynamic> map) {
+    return OrderItem(
+      id: map['id'],
+      orderId: map['order_id'],
+      productId: map['product_id'],
+      productName: map['product_name'],
+      productVariantId: map['product_variant_id'],
+      productVariantName: map['product_variant_name'],
+      quantity: map['quantity'],
+      unitPrice: map['unit_price'],
+      totalPrice: map['total_price'],
+      modifiers:
+          map['modifiers'] == null ? [] : List<dynamic>.from(map['modifiers']),
+      notes: map['notes'],
+      status: map['status'],
+      createdAt: DateTime.parse(map['created_at']),
+      updatedAt: DateTime.parse(map['updated_at']),
+      printerType: map['printer_type'],
+      paidQuantity: map['paid_quantity'],
+    );
+  }
 
-  Map<String, dynamic> toMap() => {
-        "id": id,
-        "order_id": orderId,
-        "product_id": productId,
-        "product_name": productName,
-        "product_variant_id": productVariantId,
-        "quantity": quantity,
-        "unit_price": unitPrice,
-        "total_price": totalPrice,
-        "modifiers": modifiers,
-        "notes": notes,
-        "status": status,
-        "created_at": createdAt?.toIso8601String(),
-        "updated_at": updatedAt?.toIso8601String(),
-      };
+  Map<String, dynamic> toMap() {
+    return {
+      'id': id,
+      'order_id': orderId,
+      'product_id': productId,
+      'product_name': productName,
+      'product_variant_id': productVariantId,
+      'product_variant_name': productVariantName,
+      'quantity': quantity,
+      'unit_price': unitPrice,
+      'total_price': totalPrice,
+      'modifiers': modifiers,
+      'notes': notes,
+      'status': status,
+      'created_at': createdAt?.toIso8601String(),
+      'updated_at': updatedAt?.toIso8601String(),
+      'printer_type': printerType,
+      'paid_quantity': paidQuantity,
+    };
+  }
+}
+
+class Payment {
+  final String? id;
+  final String? orderId;
+  final String? paymentMethodId;
+  final String? paymentMethodName;
+  final String? paymentMethodType;
+  final int? amount;
+  final String? status;
+  final int? splitNumber;
+  final int? splitTotal;
+  final String? splitDescription;
+  final int? refundAmount;
+  final Map<String, dynamic>? metadata;
+  final DateTime? createdAt;
+  final DateTime? updatedAt;
+
+  Payment({
+    this.id,
+    this.orderId,
+    this.paymentMethodId,
+    this.paymentMethodName,
+    this.paymentMethodType,
+    this.amount,
+    this.status,
+    this.splitNumber,
+    this.splitTotal,
+    this.splitDescription,
+    this.refundAmount,
+    this.metadata,
+    this.createdAt,
+    this.updatedAt,
+  });
+
+  factory Payment.fromMap(Map<String, dynamic> map) {
+    return Payment(
+      id: map['id'],
+      orderId: map['order_id'],
+      paymentMethodId: map['payment_method_id'],
+      paymentMethodName: map['payment_method_name'],
+      paymentMethodType: map['payment_method_type'],
+      amount: map['amount'],
+      status: map['status'],
+      splitNumber: map['split_number'],
+      splitTotal: map['split_total'],
+      splitDescription: map['split_description'],
+      refundAmount: map['refund_amount'],
+      metadata: map['metadata'] ?? {},
+      createdAt: DateTime.parse(map['created_at']),
+      updatedAt: DateTime.parse(map['updated_at']),
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'id': id,
+      'order_id': orderId,
+      'payment_method_id': paymentMethodId,
+      'payment_method_name': paymentMethodName,
+      'payment_method_type': paymentMethodType,
+      'amount': amount,
+      'status': status,
+      'split_number': splitNumber,
+      'split_total': splitTotal,
+      'split_description': splitDescription,
+      'refund_amount': refundAmount,
+      'metadata': metadata,
+      'created_at': createdAt?.toIso8601String(),
+      'updated_at': updatedAt?.toIso8601String(),
+    };
+  }
 }

lib/data/models/response/payment_method_analytic_response_model.dart

@@ -0,0 +1,173 @@
+class PaymentMethodAnalyticResponseModel {
+  final bool success;
+  final PaymentMethodAnalyticData data;
+  final dynamic errors;
+
+  PaymentMethodAnalyticResponseModel({
+    required this.success,
+    required this.data,
+    this.errors,
+  });
+
+  factory PaymentMethodAnalyticResponseModel.fromJson(
+          Map<String, dynamic> json) =>
+      PaymentMethodAnalyticResponseModel.fromMap(json);
+
+  Map<String, dynamic> toJson() => toMap();
+
+  factory PaymentMethodAnalyticResponseModel.fromMap(Map<String, dynamic> map) {
+    return PaymentMethodAnalyticResponseModel(
+      success: map['success'],
+      data: PaymentMethodAnalyticData.fromMap(map['data']),
+      errors: map['errors'],
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'success': success,
+      'data': data.toMap(),
+      'errors': errors,
+    };
+  }
+}
+
+class PaymentMethodAnalyticData {
+  final String organizationId;
+  final String outletId;
+  final DateTime dateFrom;
+  final DateTime dateTo;
+  final String groupBy;
+  final PaymentSummary summary;
+  final List<PaymentMethodAnalyticItem> data;
+
+  PaymentMethodAnalyticData({
+    required this.organizationId,
+    required this.outletId,
+    required this.dateFrom,
+    required this.dateTo,
+    required this.groupBy,
+    required this.summary,
+    required this.data,
+  });
+
+  factory PaymentMethodAnalyticData.fromJson(Map<String, dynamic> json) =>
+      PaymentMethodAnalyticData.fromMap(json);
+
+  Map<String, dynamic> toJson() => toMap();
+
+  factory PaymentMethodAnalyticData.fromMap(Map<String, dynamic> map) {
+    return PaymentMethodAnalyticData(
+      organizationId: map['organization_id'],
+      outletId: map['outlet_id'],
+      dateFrom: DateTime.parse(map['date_from']),
+      dateTo: DateTime.parse(map['date_to']),
+      groupBy: map['group_by'],
+      summary: PaymentSummary.fromMap(map['summary']),
+      data: map['data'] == null
+          ? []
+          : List<PaymentMethodAnalyticItem>.from(
+              map['data']?.map((x) => PaymentMethodAnalyticItem.fromMap(x)) ??
+                  [],
+            ),
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'organization_id': organizationId,
+      'outlet_id': outletId,
+      'date_from': dateFrom.toIso8601String(),
+      'date_to': dateTo.toIso8601String(),
+      'group_by': groupBy,
+      'summary': summary.toMap(),
+      'data': data.map((x) => x.toMap()).toList(),
+    };
+  }
+}
+
+class PaymentSummary {
+  final int totalAmount;
+  final int totalOrders;
+  final int totalPayments;
+  final double averageOrderValue;
+
+  PaymentSummary({
+    required this.totalAmount,
+    required this.totalOrders,
+    required this.totalPayments,
+    required this.averageOrderValue,
+  });
+
+  factory PaymentSummary.fromJson(Map<String, dynamic> json) =>
+      PaymentSummary.fromMap(json);
+
+  Map<String, dynamic> toJson() => toMap();
+
+  factory PaymentSummary.fromMap(Map<String, dynamic> map) {
+    return PaymentSummary(
+      totalAmount: map['total_amount'],
+      totalOrders: map['total_orders'],
+      totalPayments: map['total_payments'],
+      averageOrderValue: (map['average_order_value'] as num).toDouble(),
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'total_amount': totalAmount,
+      'total_orders': totalOrders,
+      'total_payments': totalPayments,
+      'average_order_value': averageOrderValue,
+    };
+  }
+}
+
+class PaymentMethodAnalyticItem {
+  final String paymentMethodId;
+  final String paymentMethodName;
+  final String paymentMethodType;
+  final int totalAmount;
+  final int orderCount;
+  final int paymentCount;
+  final int percentage;
+
+  PaymentMethodAnalyticItem({
+    required this.paymentMethodId,
+    required this.paymentMethodName,
+    required this.paymentMethodType,
+    required this.totalAmount,
+    required this.orderCount,
+    required this.paymentCount,
+    required this.percentage,
+  });
+
+  factory PaymentMethodAnalyticItem.fromJson(Map<String, dynamic> json) =>
+      PaymentMethodAnalyticItem.fromMap(json);
+
+  Map<String, dynamic> toJson() => toMap();
+
+  factory PaymentMethodAnalyticItem.fromMap(Map<String, dynamic> map) {
+    return PaymentMethodAnalyticItem(
+      paymentMethodId: map['payment_method_id'],
+      paymentMethodName: map['payment_method_name'],
+      paymentMethodType: map['payment_method_type'],
+      totalAmount: map['total_amount'],
+      orderCount: map['order_count'],
+      paymentCount: map['payment_count'],
+      percentage: map['percentage'],
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'payment_method_id': paymentMethodId,
+      'payment_method_name': paymentMethodName,
+      'payment_method_type': paymentMethodType,
+      'total_amount': totalAmount,
+      'order_count': orderCount,
+      'payment_count': paymentCount,
+      'percentage': percentage,
+    };
+  }
+}

lib/data/models/response/product_analytic_response_model.dart

@@ -0,0 +1,145 @@
+class ProductAnalyticResponseModel {
+  final bool success;
+  final ProductAnalyticData data;
+  final dynamic errors;
+
+  ProductAnalyticResponseModel({
+    required this.success,
+    required this.data,
+    this.errors,
+  });
+
+  factory ProductAnalyticResponseModel.fromJson(Map<String, dynamic> json) =>
+      ProductAnalyticResponseModel.fromMap(json);
+
+  Map<String, dynamic> toJson() => toMap();
+
+  factory ProductAnalyticResponseModel.fromMap(Map<String, dynamic> map) {
+    return ProductAnalyticResponseModel(
+      success: map['success'] ?? false,
+      data: ProductAnalyticData.fromMap(map['data']),
+      errors: map['errors'],
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'success': success,
+      'data': data.toMap(),
+      'errors': errors,
+    };
+  }
+}
+
+class ProductAnalyticData {
+  final String organizationId;
+  final String outletId;
+  final DateTime dateFrom;
+  final DateTime dateTo;
+  final List<ProductAnalyticItem> data;
+
+  ProductAnalyticData({
+    required this.organizationId,
+    required this.outletId,
+    required this.dateFrom,
+    required this.dateTo,
+    required this.data,
+  });
+
+  factory ProductAnalyticData.fromMap(Map<String, dynamic> map) =>
+      ProductAnalyticData(
+        organizationId: map['organization_id'],
+        outletId: map['outlet_id'],
+        dateFrom: DateTime.parse(map['date_from']),
+        dateTo: DateTime.parse(map['date_to']),
+        data: map['data'] == null
+            ? []
+            : List<ProductAnalyticItem>.from(
+                map['data'].map((x) => ProductAnalyticItem.fromMap(x)),
+              ),
+      );
+
+  Map<String, dynamic> toMap() => {
+        'organization_id': organizationId,
+        'outlet_id': outletId,
+        'date_from': dateFrom.toIso8601String(),
+        'date_to': dateTo.toIso8601String(),
+        'data': data.map((x) => x.toMap()).toList(),
+      };
+}
+
+class ProductAnalyticItem {
+  final String productId;
+  final String productName;
+  final String categoryId;
+  final String categoryName;
+  final int quantitySold;
+  final int revenue;
+  final double averagePrice;
+  final int orderCount;
+
+  ProductAnalyticItem({
+    required this.productId,
+    required this.productName,
+    required this.categoryId,
+    required this.categoryName,
+    required this.quantitySold,
+    required this.revenue,
+    required this.averagePrice,
+    required this.orderCount,
+  });
+
+  factory ProductAnalyticItem.fromMap(Map<String, dynamic> map) =>
+      ProductAnalyticItem(
+        productId: map['product_id'],
+        productName: map['product_name'],
+        categoryId: map['category_id'],
+        categoryName: map['category_name'],
+        quantitySold: map['quantity_sold'],
+        revenue: map['revenue'],
+        averagePrice: (map['average_price'] as num).toDouble(),
+        orderCount: map['order_count'],
+      );
+
+  Map<String, dynamic> toMap() => {
+        'product_id': productId,
+        'product_name': productName,
+        'category_id': categoryId,
+        'category_name': categoryName,
+        'quantity_sold': quantitySold,
+        'revenue': revenue,
+        'average_price': averagePrice,
+        'order_count': orderCount,
+      };
+}
+
+class ProductInsights {
+  final List<ProductAnalyticItem> topProducts;
+  final ProductAnalyticItem? bestProduct;
+  final List<CategorySummary> categorySummary;
+  final int totalProducts;
+  final int totalRevenue;
+  final int totalQuantitySold;
+
+  ProductInsights({
+    required this.topProducts,
+    required this.bestProduct,
+    required this.categorySummary,
+    required this.totalProducts,
+    required this.totalRevenue,
+    required this.totalQuantitySold,
+  });
+}
+
+// Category summary class
+class CategorySummary {
+  final String categoryName;
+  int productCount;
+  int totalRevenue;
+
+  CategorySummary({
+    required this.categoryName,
+    required this.productCount,
+    required this.totalRevenue,
+  });
+}

lib/data/models/response/profit_loss_response_model.dart

@@ -0,0 +1,277 @@
+class ProfitLossResponseModel {
+  final bool success;
+  final ProfitLossData data;
+  final dynamic errors;
+
+  ProfitLossResponseModel({
+    required this.success,
+    required this.data,
+    this.errors,
+  });
+
+  /// Dari JSON ke model (misal response dari API)
+  factory ProfitLossResponseModel.fromJson(Map<String, dynamic> json) {
+    return ProfitLossResponseModel(
+      success: json['success'],
+      data: ProfitLossData.fromMap(json['data']),
+      errors: json['errors'],
+    );
+  }
+
+  /// Dari model ke JSON (misal saat kirim ke API)
+  Map<String, dynamic> toJson() {
+    return {
+      'success': success,
+      'data': data.toMap(),
+      'errors': errors,
+    };
+  }
+
+  /// Alias dari fromJson, kadang dibutuhkan untuk naming yang konsisten
+  factory ProfitLossResponseModel.fromMap(Map<String, dynamic> map) {
+    return ProfitLossResponseModel(
+      success: map['success'],
+      data: ProfitLossData.fromMap(map['data']),
+      errors: map['errors'],
+    );
+  }
+
+  /// Alias dari toJson
+  Map<String, dynamic> toMap() {
+    return {
+      'success': success,
+      'data': data.toMap(),
+      'errors': errors,
+    };
+  }
+}
+
+class ProfitLossData {
+  final String organizationId;
+  final String dateFrom;
+  final String dateTo;
+  final String groupBy;
+  final ProfitLossSummary summary;
+  final List<ProfitLossItem> data;
+  final List<ProfitLossProduct> productData;
+
+  ProfitLossData({
+    required this.organizationId,
+    required this.dateFrom,
+    required this.dateTo,
+    required this.groupBy,
+    required this.summary,
+    required this.data,
+    required this.productData,
+  });
+
+  factory ProfitLossData.fromMap(Map<String, dynamic> map) {
+    return ProfitLossData(
+      organizationId: map['organization_id'],
+      dateFrom: map['date_from'],
+      dateTo: map['date_to'],
+      groupBy: map['group_by'],
+      summary: ProfitLossSummary.fromMap(map['summary']),
+      data: map['data'] == null
+          ? []
+          : List<ProfitLossItem>.from(
+              map['data'].map((x) => ProfitLossItem.fromMap(x))),
+      productData: map['product_data'] == null
+          ? []
+          : List<ProfitLossProduct>.from(
+              map['product_data'].map((x) => ProfitLossProduct.fromMap(x))),
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'organization_id': organizationId,
+      'date_from': dateFrom,
+      'date_to': dateTo,
+      'group_by': groupBy,
+      'summary': summary.toMap(),
+      'data': data.map((x) => x.toMap()).toList(),
+      'product_data': productData.map((x) => x.toMap()).toList(),
+    };
+  }
+}
+
+class ProfitLossSummary {
+  final int totalRevenue;
+  final int totalCost;
+  final int grossProfit;
+  final double grossProfitMargin;
+  final int totalTax;
+  final int totalDiscount;
+  final int netProfit;
+  final double netProfitMargin;
+  final int totalOrders;
+  final int averageProfit;
+  final double profitabilityRatio;
+
+  ProfitLossSummary({
+    required this.totalRevenue,
+    required this.totalCost,
+    required this.grossProfit,
+    required this.grossProfitMargin,
+    required this.totalTax,
+    required this.totalDiscount,
+    required this.netProfit,
+    required this.netProfitMargin,
+    required this.totalOrders,
+    required this.averageProfit,
+    required this.profitabilityRatio,
+  });
+
+  factory ProfitLossSummary.fromMap(Map<String, dynamic> map) {
+    return ProfitLossSummary(
+      totalRevenue: map['total_revenue'],
+      totalCost: map['total_cost'],
+      grossProfit: map['gross_profit'],
+      grossProfitMargin: (map['gross_profit_margin'] as num).toDouble(),
+      totalTax: map['total_tax'],
+      totalDiscount: map['total_discount'],
+      netProfit: map['net_profit'],
+      netProfitMargin: (map['net_profit_margin'] as num).toDouble(),
+      totalOrders: map['total_orders'],
+      averageProfit: map['average_profit'],
+      profitabilityRatio: (map['profitability_ratio'] as num).toDouble(),
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'total_revenue': totalRevenue,
+      'total_cost': totalCost,
+      'gross_profit': grossProfit,
+      'gross_profit_margin': grossProfitMargin,
+      'total_tax': totalTax,
+      'total_discount': totalDiscount,
+      'net_profit': netProfit,
+      'net_profit_margin': netProfitMargin,
+      'total_orders': totalOrders,
+      'average_profit': averageProfit,
+      'profitability_ratio': profitabilityRatio,
+    };
+  }
+}
+
+class ProfitLossItem {
+  final String date;
+  final int revenue;
+  final int cost;
+  final int grossProfit;
+  final double grossProfitMargin;
+  final int tax;
+  final int discount;
+  final int netProfit;
+  final double netProfitMargin;
+  final int orders;
+
+  ProfitLossItem({
+    required this.date,
+    required this.revenue,
+    required this.cost,
+    required this.grossProfit,
+    required this.grossProfitMargin,
+    required this.tax,
+    required this.discount,
+    required this.netProfit,
+    required this.netProfitMargin,
+    required this.orders,
+  });
+
+  factory ProfitLossItem.fromMap(Map<String, dynamic> map) {
+    return ProfitLossItem(
+      date: map['date'],
+      revenue: map['revenue'],
+      cost: map['cost'],
+      grossProfit: map['gross_profit'],
+      grossProfitMargin: (map['gross_profit_margin'] as num).toDouble(),
+      tax: map['tax'],
+      discount: map['discount'],
+      netProfit: map['net_profit'],
+      netProfitMargin: (map['net_profit_margin'] as num).toDouble(),
+      orders: map['orders'],
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'date': date,
+      'revenue': revenue,
+      'cost': cost,
+      'gross_profit': grossProfit,
+      'gross_profit_margin': grossProfitMargin,
+      'tax': tax,
+      'discount': discount,
+      'net_profit': netProfit,
+      'net_profit_margin': netProfitMargin,
+      'orders': orders,
+    };
+  }
+}
+
+class ProfitLossProduct {
+  final String productId;
+  final String productName;
+  final String categoryId;
+  final String categoryName;
+  final int quantitySold;
+  final int revenue;
+  final int cost;
+  final int grossProfit;
+  final double grossProfitMargin;
+  final int averagePrice;
+  final int averageCost;
+  final int profitPerUnit;
+
+  ProfitLossProduct({
+    required this.productId,
+    required this.productName,
+    required this.categoryId,
+    required this.categoryName,
+    required this.quantitySold,
+    required this.revenue,
+    required this.cost,
+    required this.grossProfit,
+    required this.grossProfitMargin,
+    required this.averagePrice,
+    required this.averageCost,
+    required this.profitPerUnit,
+  });
+
+  factory ProfitLossProduct.fromMap(Map<String, dynamic> map) {
+    return ProfitLossProduct(
+      productId: map['product_id'],
+      productName: map['product_name'],
+      categoryId: map['category_id'],
+      categoryName: map['category_name'],
+      quantitySold: map['quantity_sold'],
+      revenue: map['revenue'],
+      cost: map['cost'],
+      grossProfit: map['gross_profit'],
+      grossProfitMargin: (map['gross_profit_margin'] as num).toDouble(),
+      averagePrice: map['average_price'],
+      averageCost: map['average_cost'],
+      profitPerUnit: map['profit_per_unit'],
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'product_id': productId,
+      'product_name': productName,
+      'category_id': categoryId,
+      'category_name': categoryName,
+      'quantity_sold': quantitySold,
+      'revenue': revenue,
+      'cost': cost,
+      'gross_profit': grossProfit,
+      'gross_profit_margin': grossProfitMargin,
+      'average_price': averagePrice,
+      'average_cost': averageCost,
+      'profit_per_unit': profitPerUnit,
+    };
+  }
+}

lib/data/models/response/sales_analytic_response_model.dart

@@ -0,0 +1,195 @@
+class SalesAnalyticResponseModel {
+  final bool success;
+  final SalesAnalyticData data;
+  final dynamic errors;
+
+  SalesAnalyticResponseModel({
+    required this.success,
+    required this.data,
+    this.errors,
+  });
+
+  factory SalesAnalyticResponseModel.fromJson(Map<String, dynamic> json) =>
+      SalesAnalyticResponseModel.fromMap(json);
+
+  Map<String, dynamic> toJson() => toMap();
+
+  factory SalesAnalyticResponseModel.fromMap(Map<String, dynamic> map) {
+    return SalesAnalyticResponseModel(
+      success: map['success'],
+      data: SalesAnalyticData.fromMap(map['data']),
+      errors: map['errors'],
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'success': success,
+      'data': data.toMap(),
+      'errors': errors,
+    };
+  }
+}
+
+class SalesAnalyticData {
+  final String organizationId;
+  final String outletId;
+  final DateTime dateFrom;
+  final DateTime dateTo;
+  final String groupBy;
+  final SalesSummary summary;
+  final List<SalesAnalyticItem> data;
+
+  SalesAnalyticData({
+    required this.organizationId,
+    required this.outletId,
+    required this.dateFrom,
+    required this.dateTo,
+    required this.groupBy,
+    required this.summary,
+    required this.data,
+  });
+
+  factory SalesAnalyticData.fromJson(Map<String, dynamic> json) =>
+      SalesAnalyticData.fromMap(json);
+
+  Map<String, dynamic> toJson() => toMap();
+
+  factory SalesAnalyticData.fromMap(Map<String, dynamic> map) {
+    return SalesAnalyticData(
+      organizationId: map['organization_id'],
+      outletId: map['outlet_id'],
+      dateFrom: DateTime.parse(map['date_from']),
+      dateTo: DateTime.parse(map['date_to']),
+      groupBy: map['group_by'],
+      summary: SalesSummary.fromMap(map['summary']),
+      data: List<SalesAnalyticItem>.from(
+        map['data']?.map((x) => SalesAnalyticItem.fromMap(x)) ?? [],
+      ),
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'organization_id': organizationId,
+      'outlet_id': outletId,
+      'date_from': dateFrom.toIso8601String(),
+      'date_to': dateTo.toIso8601String(),
+      'group_by': groupBy,
+      'summary': summary.toMap(),
+      'data': data.map((x) => x.toMap()).toList(),
+    };
+  }
+}
+
+class SalesSummary {
+  final int totalSales;
+  final int totalOrders;
+  final int totalItems;
+  final double averageOrderValue;
+  final int totalTax;
+  final int totalDiscount;
+  final int netSales;
+
+  SalesSummary({
+    required this.totalSales,
+    required this.totalOrders,
+    required this.totalItems,
+    required this.averageOrderValue,
+    required this.totalTax,
+    required this.totalDiscount,
+    required this.netSales,
+  });
+
+  factory SalesSummary.fromJson(Map<String, dynamic> json) =>
+      SalesSummary.fromMap(json);
+
+  Map<String, dynamic> toJson() => toMap();
+
+  factory SalesSummary.fromMap(Map<String, dynamic> map) {
+    return SalesSummary(
+      totalSales: map['total_sales'],
+      totalOrders: map['total_orders'],
+      totalItems: map['total_items'],
+      averageOrderValue: (map['average_order_value'] as num).toDouble(),
+      totalTax: map['total_tax'],
+      totalDiscount: map['total_discount'],
+      netSales: map['net_sales'],
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'total_sales': totalSales,
+      'total_orders': totalOrders,
+      'total_items': totalItems,
+      'average_order_value': averageOrderValue,
+      'total_tax': totalTax,
+      'total_discount': totalDiscount,
+      'net_sales': netSales,
+    };
+  }
+}
+
+class SalesAnalyticItem {
+  final DateTime date;
+  final int sales;
+  final int orders;
+  final int items;
+  final int tax;
+  final int discount;
+  final int netSales;
+
+  SalesAnalyticItem({
+    required this.date,
+    required this.sales,
+    required this.orders,
+    required this.items,
+    required this.tax,
+    required this.discount,
+    required this.netSales,
+  });
+
+  factory SalesAnalyticItem.fromJson(Map<String, dynamic> json) =>
+      SalesAnalyticItem.fromMap(json);
+
+  Map<String, dynamic> toJson() => toMap();
+
+  factory SalesAnalyticItem.fromMap(Map<String, dynamic> map) {
+    return SalesAnalyticItem(
+      date: DateTime.parse(map['date']),
+      sales: map['sales'],
+      orders: map['orders'],
+      items: map['items'],
+      tax: map['tax'],
+      discount: map['discount'],
+      netSales: map['net_sales'],
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    return {
+      'date': date.toIso8601String(),
+      'sales': sales,
+      'orders': orders,
+      'items': items,
+      'tax': tax,
+      'discount': discount,
+      'net_sales': netSales,
+    };
+  }
+}
+
+class SalesInsights {
+  final List<SalesAnalyticItem> originalData;
+  final List<SalesAnalyticItem> sortedDailyData;
+  final SalesAnalyticItem? highestRevenueDay;
+  final SalesSummary summary;
+
+  SalesInsights({
+    required this.originalData,
+    required this.sortedDailyData,
+    required this.highestRevenueDay,
+    required this.summary,
+  });
+}

lib/data/models/response/table_model.dart

@@ -68,18 +68,18 @@ class TableData {
 }
 
 class TableModel {
-  final String? id;
-  final String? organizationId;
-  final String? outletId;
-  final String? tableName;
-  final String? status;
-  final int? paymentAmount;
-  final double? positionX;
-  final double? positionY;
-  final int? capacity;
-  final bool? isActive;
-  final DateTime? createdAt;
-  final DateTime? updatedAt;
+  String? id;
+  String? organizationId;
+  String? outletId;
+  String? tableName;
+  String? status;
+  int? paymentAmount;
+  double? positionX;
+  double? positionY;
+  int? capacity;
+  bool? isActive;
+  DateTime? createdAt;
+  DateTime? updatedAt;
 
   TableModel({
     this.id,

lib/data/type/bussines_type.dart

@@ -0,0 +1,17 @@
+enum BusinessType {
+  restaurant('restaurant'),
+  retail('retail'),
+  service('service'),
+  ticketing('ticketing'),
+  entertainment('entertainment');
+
+  final String value;
+  const BusinessType(this.value);
+
+  static BusinessType fromString(String value) {
+    return BusinessType.values.firstWhere(
+      (type) => type.value == value,
+      orElse: () => BusinessType.restaurant,
+    );
+  }
+}

lib/main.dart

@@ -1,15 +1,28 @@
 import 'dart:developer';
 import 'package:enaklo_pos/core/constants/theme.dart';
+import 'package:enaklo_pos/core/network/dio_client.dart';
+import 'package:enaklo_pos/data/datasources/analytic_remote_datasource.dart';
 import 'package:enaklo_pos/data/datasources/customer_remote_datasource.dart';
+import 'package:enaklo_pos/data/datasources/file_remote_datasource.dart';
 import 'package:enaklo_pos/data/datasources/outlet_remote_data_source.dart';
 import 'package:enaklo_pos/data/datasources/table_remote_datasource.dart';
+import 'package:enaklo_pos/data/datasources/user_remote_datasource.dart';
 import 'package:enaklo_pos/presentation/customer/bloc/customer_form/customer_form_bloc.dart';
 import 'package:enaklo_pos/presentation/customer/bloc/customer_loader/customer_loader_bloc.dart';
+import 'package:enaklo_pos/presentation/home/bloc/category_loader/category_loader_bloc.dart';
+import 'package:enaklo_pos/presentation/home/bloc/current_outlet/current_outlet_bloc.dart';
 import 'package:enaklo_pos/presentation/home/bloc/order_form/order_form_bloc.dart';
 import 'package:enaklo_pos/presentation/home/bloc/outlet_loader/outlet_loader_bloc.dart';
 import 'package:enaklo_pos/presentation/home/bloc/product_loader/product_loader_bloc.dart';
+import 'package:enaklo_pos/presentation/home/bloc/user_update_outlet/user_update_outlet_bloc.dart';
+import 'package:enaklo_pos/presentation/refund/bloc/refund_bloc.dart';
+import 'package:enaklo_pos/presentation/report/blocs/profit_loss/profit_loss_bloc.dart';
 import 'package:enaklo_pos/presentation/sales/blocs/order_loader/order_loader_bloc.dart';
 import 'package:enaklo_pos/presentation/sales/blocs/payment_form/payment_form_bloc.dart';
+import 'package:enaklo_pos/presentation/setting/bloc/get_printer_ticket/get_printer_ticket_bloc.dart';
+import 'package:enaklo_pos/presentation/setting/bloc/upload_file/upload_file_bloc.dart';
+import 'package:enaklo_pos/presentation/table/blocs/transfer_table/transfer_table_bloc.dart';
+import 'package:enaklo_pos/presentation/void/bloc/void_order_bloc.dart';
 import 'package:flutter/material.dart';
 import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart';
 import 'package:enaklo_pos/data/datasources/auth_remote_datasource.dart';
@@ -19,7 +32,6 @@ import 'package:enaklo_pos/data/datasources/midtrans_remote_datasource.dart';
 import 'package:enaklo_pos/data/datasources/order_remote_datasource.dart';
 import 'package:enaklo_pos/data/datasources/product_local_datasource.dart';
 import 'package:enaklo_pos/data/datasources/product_remote_datasource.dart';
-import 'package:enaklo_pos/data/datasources/order_item_remote_datasource.dart';
 import 'package:enaklo_pos/data/datasources/payment_methods_remote_datasource.dart';
 import 'package:enaklo_pos/data/datasources/settings_local_datasource.dart';
 import 'package:enaklo_pos/presentation/auth/bloc/logout/logout_bloc.dart';
@@ -182,16 +194,20 @@ class _MyAppState extends State<MyApp> {
           create: (context) => GetCategoriesBloc(CategoryRemoteDatasource()),
         ),
         BlocProvider(
-          create: (context) => SummaryBloc(OrderRemoteDatasource()),
+          create: (context) => SummaryBloc(AnalyticRemoteDatasource()),
         ),
         BlocProvider(
-          create: (context) => ProductSalesBloc(OrderItemRemoteDatasource()),
+          create: (context) => ProfitLossBloc(AnalyticRemoteDatasource()),
         ),
         BlocProvider(
-          create: (context) => ItemSalesReportBloc(OrderItemRemoteDatasource()),
+          create: (context) => ProductSalesBloc(AnalyticRemoteDatasource()),
         ),
         BlocProvider(
-          create: (context) => PaymentMethodReportBloc(OrderRemoteDatasource()),
+          create: (context) => ItemSalesReportBloc(AnalyticRemoteDatasource()),
+        ),
+        BlocProvider(
+          create: (context) =>
+              PaymentMethodReportBloc(AnalyticRemoteDatasource()),
         ),
         BlocProvider(
           create: (context) => DaySalesBloc(ProductLocalDatasource.instance),
@@ -248,8 +264,33 @@ class _MyAppState extends State<MyApp> {
         BlocProvider(
           create: (context) => PaymentFormBloc(OrderRemoteDatasource()),
         ),
+        BlocProvider(
+          create: (context) => CurrentOutletBloc(OutletRemoteDataSource()),
+        ),
+        BlocProvider(
+          create: (context) => VoidOrderBloc(OrderRemoteDatasource()),
+        ),
+        BlocProvider(
+          create: (context) => RefundBloc(OrderRemoteDatasource()),
+        ),
+        BlocProvider(
+          create: (context) => UserUpdateOutletBloc(UserRemoteDatasource()),
+        ),
+        BlocProvider(
+          create: (context) => UploadFileBloc(FileRemoteDataSource()),
+        ),
+        BlocProvider(
+          create: (context) => CategoryLoaderBloc(CategoryRemoteDatasource()),
+        ),
+        BlocProvider(
+          create: (context) => GetPrinterTicketBloc(),
+        ),
+        BlocProvider(
+          create: (context) => TransferTableBloc(TableRemoteDataSource()),
+        ),
       ],
       child: MaterialApp(
+        navigatorKey: AuthInterceptor.navigatorKey,
         debugShowCheckedModeBanner: false,
         title: 'POS Resto App',
         theme: getApplicationTheme,

lib/presentation/customer/pages/customer_page.dart

@@ -1,4 +1,7 @@
+import 'package:enaklo_pos/core/components/dashed_divider.dart';
+import 'package:enaklo_pos/core/components/spaces.dart';
 import 'package:enaklo_pos/core/constants/colors.dart';
+import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
 import 'package:enaklo_pos/data/models/response/customer_response_model.dart';
 import 'package:enaklo_pos/presentation/customer/bloc/customer_loader/customer_loader_bloc.dart';
 import 'package:enaklo_pos/presentation/customer/widgets/customer_card.dart';
@@ -15,6 +18,7 @@ class CustomerPage extends StatefulWidget {
 
 class _CustomerPageState extends State<CustomerPage> {
   Customer? _customer;
+
   @override
   void initState() {
     super.initState();
@@ -86,7 +90,124 @@ class _CustomerPageState extends State<CustomerPage> {
             ),
             Expanded(
               flex: 4,
-              child: Container(),
+              child: _customer == null
+                  ? Center(
+                      child: Text(
+                        "Belum ada pelanggan yang dipilih.",
+                        style: TextStyle(
+                          fontSize: 16.0,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    )
+                  : Center(
+                      child: Container(
+                        width: context.deviceHeight * 0.5,
+                        height: context.deviceHeight * 0.6,
+                        decoration: BoxDecoration(
+                          color: AppColors.white,
+                          borderRadius: BorderRadius.circular(8),
+                        ),
+                        child: Column(
+                          children: [
+                            Padding(
+                              padding: const EdgeInsets.symmetric(
+                                horizontal: 12.0,
+                                vertical: 16.0,
+                              ),
+                              child: Column(
+                                children: [
+                                  CircleAvatar(
+                                    radius: 24,
+                                    backgroundColor: AppColors.primary,
+                                    child:
+                                        Icon(Icons.person, color: Colors.white),
+                                  ),
+                                  const SizedBox(height: 12),
+                                  Text(
+                                    _customer?.name ?? "",
+                                    style: TextStyle(
+                                      fontSize: 16.0,
+                                      fontWeight: FontWeight.bold,
+                                    ),
+                                  )
+                                ],
+                              ),
+                            ),
+                            DashedDivider(color: AppColors.stroke),
+                            Padding(
+                              padding: const EdgeInsets.symmetric(
+                                horizontal: 12.0,
+                                vertical: 16.0,
+                              ),
+                              child: Column(
+                                children: [
+                                  Row(
+                                    mainAxisAlignment:
+                                        MainAxisAlignment.spaceBetween,
+                                    children: [
+                                      Text(
+                                        'No. Handphone',
+                                        style: TextStyle(
+                                          fontSize: 12.0,
+                                        ),
+                                      ),
+                                      Text(
+                                        _customer?.phone ?? "-",
+                                        style: TextStyle(
+                                          fontSize: 12.0,
+                                          fontWeight: FontWeight.w600,
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                  SpaceHeight(8),
+                                  Row(
+                                    mainAxisAlignment:
+                                        MainAxisAlignment.spaceBetween,
+                                    children: [
+                                      Text(
+                                        'Email',
+                                        style: TextStyle(
+                                          fontSize: 12.0,
+                                        ),
+                                      ),
+                                      Text(
+                                        _customer?.email ?? "-",
+                                        style: TextStyle(
+                                          fontSize: 12.0,
+                                          fontWeight: FontWeight.w600,
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                  SpaceHeight(8),
+                                  Row(
+                                    mainAxisAlignment:
+                                        MainAxisAlignment.spaceBetween,
+                                    children: [
+                                      Text(
+                                        'Alamat',
+                                        style: TextStyle(
+                                          fontSize: 12.0,
+                                        ),
+                                      ),
+                                      Text(
+                                        _customer?.address ?? "-",
+                                        style: TextStyle(
+                                          fontSize: 12.0,
+                                          fontWeight: FontWeight.w600,
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                ],
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
             ),
           ],
         ),

lib/presentation/customer/widgets/customer_title.dart

@@ -30,11 +30,6 @@ class CustomerTitle extends StatelessWidget {
           child: Row(
             mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: [
-              IconButton(
-                onPressed: () => context.pop(),
-                icon: Icon(Icons.arrow_back, color: AppColors.black),
-              ),
-              SpaceWidth(16),
               Expanded(
                 child: Text(
                   title,

lib/presentation/home/bloc/category_loader/category_loader_bloc.dart

@@ -0,0 +1,43 @@
+import 'package:bloc/bloc.dart';
+import 'package:enaklo_pos/data/datasources/category_remote_datasource.dart';
+import 'package:enaklo_pos/data/models/response/category_response_model.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'category_loader_event.dart';
+part 'category_loader_state.dart';
+part 'category_loader_bloc.freezed.dart';
+
+class CategoryLoaderBloc
+    extends Bloc<CategoryLoaderEvent, CategoryLoaderState> {
+  final CategoryRemoteDatasource _datasource;
+  CategoryLoaderBloc(this._datasource) : super(CategoryLoaderState.initial()) {
+    on<_Get>((event, emit) async {
+      emit(const _Loading());
+      final result = await _datasource.getCategories(limit: 50);
+      result.fold(
+        (l) => emit(_Error(l)),
+        (r) async {
+          List<CategoryModel> categories = r.data.categories;
+          categories.insert(
+            0,
+            CategoryModel(
+              id: "",
+              name: 'Semua',
+              organizationId: '',
+              businessType: '',
+              metadata: {},
+              createdAt: DateTime.now(),
+              updatedAt: DateTime.now(),
+            ),
+          );
+          emit(_Loaded(categories, null));
+        },
+      );
+    });
+    on<_SetCategoryId>((event, emit) async {
+      var currentState = state as _Loaded;
+
+      emit(_Loaded(currentState.categories, event.categoryId));
+    });
+  }
+}

lib/presentation/home/bloc/category_loader/category_loader_bloc.freezed.dart

@@ -0,0 +1,976 @@
+// coverage:ignore-file
+// GENERATED CODE - DO NOT MODIFY BY HAND
+// ignore_for_file: type=lint
+// ignore_for_file: unused_element, deprecated_member_use, deprecated_member_use_from_same_package, use_function_type_syntax_for_parameters, unnecessary_const, avoid_init_to_null, invalid_override_different_default_values_named, prefer_expression_function_bodies, annotate_overrides, invalid_annotation_target, unnecessary_question_mark
+
+part of 'category_loader_bloc.dart';
+
+// **************************************************************************
+// FreezedGenerator
+// **************************************************************************
+
+T _$identity<T>(T value) => value;
+
+final _privateConstructorUsedError = UnsupportedError(
+    'It seems like you constructed your class using `MyClass._()`. This constructor is only meant to be used by freezed and you are not supposed to need it nor use it.\nPlease check the documentation here for more information: https://github.com/rrousselGit/freezed#adding-getters-and-methods-to-our-models');
+
+/// @nodoc
+mixin _$CategoryLoaderEvent {
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() get,
+    required TResult Function(String categoryId) setCategoryId,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? get,
+    TResult? Function(String categoryId)? setCategoryId,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? get,
+    TResult Function(String categoryId)? setCategoryId,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Get value) get,
+    required TResult Function(_SetCategoryId value) setCategoryId,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Get value)? get,
+    TResult? Function(_SetCategoryId value)? setCategoryId,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Get value)? get,
+    TResult Function(_SetCategoryId value)? setCategoryId,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $CategoryLoaderEventCopyWith<$Res> {
+  factory $CategoryLoaderEventCopyWith(
+          CategoryLoaderEvent value, $Res Function(CategoryLoaderEvent) then) =
+      _$CategoryLoaderEventCopyWithImpl<$Res, CategoryLoaderEvent>;
+}
+
+/// @nodoc
+class _$CategoryLoaderEventCopyWithImpl<$Res, $Val extends CategoryLoaderEvent>
+    implements $CategoryLoaderEventCopyWith<$Res> {
+  _$CategoryLoaderEventCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  /// Create a copy of CategoryLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+abstract class _$$GetImplCopyWith<$Res> {
+  factory _$$GetImplCopyWith(_$GetImpl value, $Res Function(_$GetImpl) then) =
+      __$$GetImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$GetImplCopyWithImpl<$Res>
+    extends _$CategoryLoaderEventCopyWithImpl<$Res, _$GetImpl>
+    implements _$$GetImplCopyWith<$Res> {
+  __$$GetImplCopyWithImpl(_$GetImpl _value, $Res Function(_$GetImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CategoryLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$GetImpl implements _Get {
+  const _$GetImpl();
+
+  @override
+  String toString() {
+    return 'CategoryLoaderEvent.get()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$GetImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() get,
+    required TResult Function(String categoryId) setCategoryId,
+  }) {
+    return get();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? get,
+    TResult? Function(String categoryId)? setCategoryId,
+  }) {
+    return get?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? get,
+    TResult Function(String categoryId)? setCategoryId,
+    required TResult orElse(),
+  }) {
+    if (get != null) {
+      return get();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Get value) get,
+    required TResult Function(_SetCategoryId value) setCategoryId,
+  }) {
+    return get(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Get value)? get,
+    TResult? Function(_SetCategoryId value)? setCategoryId,
+  }) {
+    return get?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Get value)? get,
+    TResult Function(_SetCategoryId value)? setCategoryId,
+    required TResult orElse(),
+  }) {
+    if (get != null) {
+      return get(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Get implements CategoryLoaderEvent {
+  const factory _Get() = _$GetImpl;
+}
+
+/// @nodoc
+abstract class _$$SetCategoryIdImplCopyWith<$Res> {
+  factory _$$SetCategoryIdImplCopyWith(
+          _$SetCategoryIdImpl value, $Res Function(_$SetCategoryIdImpl) then) =
+      __$$SetCategoryIdImplCopyWithImpl<$Res>;
+  @useResult
+  $Res call({String categoryId});
+}
+
+/// @nodoc
+class __$$SetCategoryIdImplCopyWithImpl<$Res>
+    extends _$CategoryLoaderEventCopyWithImpl<$Res, _$SetCategoryIdImpl>
+    implements _$$SetCategoryIdImplCopyWith<$Res> {
+  __$$SetCategoryIdImplCopyWithImpl(
+      _$SetCategoryIdImpl _value, $Res Function(_$SetCategoryIdImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CategoryLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? categoryId = null,
+  }) {
+    return _then(_$SetCategoryIdImpl(
+      null == categoryId
+          ? _value.categoryId
+          : categoryId // ignore: cast_nullable_to_non_nullable
+              as String,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$SetCategoryIdImpl implements _SetCategoryId {
+  const _$SetCategoryIdImpl(this.categoryId);
+
+  @override
+  final String categoryId;
+
+  @override
+  String toString() {
+    return 'CategoryLoaderEvent.setCategoryId(categoryId: $categoryId)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$SetCategoryIdImpl &&
+            (identical(other.categoryId, categoryId) ||
+                other.categoryId == categoryId));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType, categoryId);
+
+  /// Create a copy of CategoryLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$SetCategoryIdImplCopyWith<_$SetCategoryIdImpl> get copyWith =>
+      __$$SetCategoryIdImplCopyWithImpl<_$SetCategoryIdImpl>(this, _$identity);
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() get,
+    required TResult Function(String categoryId) setCategoryId,
+  }) {
+    return setCategoryId(categoryId);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? get,
+    TResult? Function(String categoryId)? setCategoryId,
+  }) {
+    return setCategoryId?.call(categoryId);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? get,
+    TResult Function(String categoryId)? setCategoryId,
+    required TResult orElse(),
+  }) {
+    if (setCategoryId != null) {
+      return setCategoryId(categoryId);
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Get value) get,
+    required TResult Function(_SetCategoryId value) setCategoryId,
+  }) {
+    return setCategoryId(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Get value)? get,
+    TResult? Function(_SetCategoryId value)? setCategoryId,
+  }) {
+    return setCategoryId?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Get value)? get,
+    TResult Function(_SetCategoryId value)? setCategoryId,
+    required TResult orElse(),
+  }) {
+    if (setCategoryId != null) {
+      return setCategoryId(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _SetCategoryId implements CategoryLoaderEvent {
+  const factory _SetCategoryId(final String categoryId) = _$SetCategoryIdImpl;
+
+  String get categoryId;
+
+  /// Create a copy of CategoryLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$SetCategoryIdImplCopyWith<_$SetCategoryIdImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+mixin _$CategoryLoaderState {
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(
+            List<CategoryModel> categories, String? categoryId)
+        loaded,
+    required TResult Function(String message) error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult? Function(String message)? error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $CategoryLoaderStateCopyWith<$Res> {
+  factory $CategoryLoaderStateCopyWith(
+          CategoryLoaderState value, $Res Function(CategoryLoaderState) then) =
+      _$CategoryLoaderStateCopyWithImpl<$Res, CategoryLoaderState>;
+}
+
+/// @nodoc
+class _$CategoryLoaderStateCopyWithImpl<$Res, $Val extends CategoryLoaderState>
+    implements $CategoryLoaderStateCopyWith<$Res> {
+  _$CategoryLoaderStateCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  /// Create a copy of CategoryLoaderState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+abstract class _$$InitialImplCopyWith<$Res> {
+  factory _$$InitialImplCopyWith(
+          _$InitialImpl value, $Res Function(_$InitialImpl) then) =
+      __$$InitialImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$InitialImplCopyWithImpl<$Res>
+    extends _$CategoryLoaderStateCopyWithImpl<$Res, _$InitialImpl>
+    implements _$$InitialImplCopyWith<$Res> {
+  __$$InitialImplCopyWithImpl(
+      _$InitialImpl _value, $Res Function(_$InitialImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CategoryLoaderState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$InitialImpl implements _Initial {
+  const _$InitialImpl();
+
+  @override
+  String toString() {
+    return 'CategoryLoaderState.initial()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$InitialImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(
+            List<CategoryModel> categories, String? categoryId)
+        loaded,
+    required TResult Function(String message) error,
+  }) {
+    return initial();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult? Function(String message)? error,
+  }) {
+    return initial?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (initial != null) {
+      return initial();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) {
+    return initial(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) {
+    return initial?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (initial != null) {
+      return initial(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Initial implements CategoryLoaderState {
+  const factory _Initial() = _$InitialImpl;
+}
+
+/// @nodoc
+abstract class _$$LoadingImplCopyWith<$Res> {
+  factory _$$LoadingImplCopyWith(
+          _$LoadingImpl value, $Res Function(_$LoadingImpl) then) =
+      __$$LoadingImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$LoadingImplCopyWithImpl<$Res>
+    extends _$CategoryLoaderStateCopyWithImpl<$Res, _$LoadingImpl>
+    implements _$$LoadingImplCopyWith<$Res> {
+  __$$LoadingImplCopyWithImpl(
+      _$LoadingImpl _value, $Res Function(_$LoadingImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CategoryLoaderState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$LoadingImpl implements _Loading {
+  const _$LoadingImpl();
+
+  @override
+  String toString() {
+    return 'CategoryLoaderState.loading()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$LoadingImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(
+            List<CategoryModel> categories, String? categoryId)
+        loaded,
+    required TResult Function(String message) error,
+  }) {
+    return loading();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult? Function(String message)? error,
+  }) {
+    return loading?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (loading != null) {
+      return loading();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) {
+    return loading(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) {
+    return loading?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (loading != null) {
+      return loading(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Loading implements CategoryLoaderState {
+  const factory _Loading() = _$LoadingImpl;
+}
+
+/// @nodoc
+abstract class _$$LoadedImplCopyWith<$Res> {
+  factory _$$LoadedImplCopyWith(
+          _$LoadedImpl value, $Res Function(_$LoadedImpl) then) =
+      __$$LoadedImplCopyWithImpl<$Res>;
+  @useResult
+  $Res call({List<CategoryModel> categories, String? categoryId});
+}
+
+/// @nodoc
+class __$$LoadedImplCopyWithImpl<$Res>
+    extends _$CategoryLoaderStateCopyWithImpl<$Res, _$LoadedImpl>
+    implements _$$LoadedImplCopyWith<$Res> {
+  __$$LoadedImplCopyWithImpl(
+      _$LoadedImpl _value, $Res Function(_$LoadedImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CategoryLoaderState
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? categories = null,
+    Object? categoryId = freezed,
+  }) {
+    return _then(_$LoadedImpl(
+      null == categories
+          ? _value._categories
+          : categories // ignore: cast_nullable_to_non_nullable
+              as List<CategoryModel>,
+      freezed == categoryId
+          ? _value.categoryId
+          : categoryId // ignore: cast_nullable_to_non_nullable
+              as String?,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$LoadedImpl implements _Loaded {
+  const _$LoadedImpl(final List<CategoryModel> categories, this.categoryId)
+      : _categories = categories;
+
+  final List<CategoryModel> _categories;
+  @override
+  List<CategoryModel> get categories {
+    if (_categories is EqualUnmodifiableListView) return _categories;
+    // ignore: implicit_dynamic_type
+    return EqualUnmodifiableListView(_categories);
+  }
+
+  @override
+  final String? categoryId;
+
+  @override
+  String toString() {
+    return 'CategoryLoaderState.loaded(categories: $categories, categoryId: $categoryId)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$LoadedImpl &&
+            const DeepCollectionEquality()
+                .equals(other._categories, _categories) &&
+            (identical(other.categoryId, categoryId) ||
+                other.categoryId == categoryId));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType,
+      const DeepCollectionEquality().hash(_categories), categoryId);
+
+  /// Create a copy of CategoryLoaderState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$LoadedImplCopyWith<_$LoadedImpl> get copyWith =>
+      __$$LoadedImplCopyWithImpl<_$LoadedImpl>(this, _$identity);
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(
+            List<CategoryModel> categories, String? categoryId)
+        loaded,
+    required TResult Function(String message) error,
+  }) {
+    return loaded(categories, categoryId);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult? Function(String message)? error,
+  }) {
+    return loaded?.call(categories, categoryId);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (loaded != null) {
+      return loaded(categories, categoryId);
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) {
+    return loaded(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) {
+    return loaded?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (loaded != null) {
+      return loaded(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Loaded implements CategoryLoaderState {
+  const factory _Loaded(
+          final List<CategoryModel> categories, final String? categoryId) =
+      _$LoadedImpl;
+
+  List<CategoryModel> get categories;
+  String? get categoryId;
+
+  /// Create a copy of CategoryLoaderState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$LoadedImplCopyWith<_$LoadedImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class _$$ErrorImplCopyWith<$Res> {
+  factory _$$ErrorImplCopyWith(
+          _$ErrorImpl value, $Res Function(_$ErrorImpl) then) =
+      __$$ErrorImplCopyWithImpl<$Res>;
+  @useResult
+  $Res call({String message});
+}
+
+/// @nodoc
+class __$$ErrorImplCopyWithImpl<$Res>
+    extends _$CategoryLoaderStateCopyWithImpl<$Res, _$ErrorImpl>
+    implements _$$ErrorImplCopyWith<$Res> {
+  __$$ErrorImplCopyWithImpl(
+      _$ErrorImpl _value, $Res Function(_$ErrorImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CategoryLoaderState
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? message = null,
+  }) {
+    return _then(_$ErrorImpl(
+      null == message
+          ? _value.message
+          : message // ignore: cast_nullable_to_non_nullable
+              as String,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$ErrorImpl implements _Error {
+  const _$ErrorImpl(this.message);
+
+  @override
+  final String message;
+
+  @override
+  String toString() {
+    return 'CategoryLoaderState.error(message: $message)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$ErrorImpl &&
+            (identical(other.message, message) || other.message == message));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType, message);
+
+  /// Create a copy of CategoryLoaderState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$ErrorImplCopyWith<_$ErrorImpl> get copyWith =>
+      __$$ErrorImplCopyWithImpl<_$ErrorImpl>(this, _$identity);
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(
+            List<CategoryModel> categories, String? categoryId)
+        loaded,
+    required TResult Function(String message) error,
+  }) {
+    return error(message);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult? Function(String message)? error,
+  }) {
+    return error?.call(message);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(List<CategoryModel> categories, String? categoryId)?
+        loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (error != null) {
+      return error(message);
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) {
+    return error(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) {
+    return error?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (error != null) {
+      return error(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Error implements CategoryLoaderState {
+  const factory _Error(final String message) = _$ErrorImpl;
+
+  String get message;
+
+  /// Create a copy of CategoryLoaderState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$ErrorImplCopyWith<_$ErrorImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}

lib/presentation/home/bloc/category_loader/category_loader_event.dart

@@ -0,0 +1,8 @@
+part of 'category_loader_bloc.dart';
+
+@freezed
+class CategoryLoaderEvent with _$CategoryLoaderEvent {
+  const factory CategoryLoaderEvent.get() = _Get;
+  const factory CategoryLoaderEvent.setCategoryId(String categoryId) =
+      _SetCategoryId;
+}

lib/presentation/home/bloc/category_loader/category_loader_state.dart

@@ -0,0 +1,10 @@
+part of 'category_loader_bloc.dart';
+
+@freezed
+class CategoryLoaderState with _$CategoryLoaderState {
+  const factory CategoryLoaderState.initial() = _Initial;
+  const factory CategoryLoaderState.loading() = _Loading;
+  const factory CategoryLoaderState.loaded(
+      List<CategoryModel> categories, String? categoryId) = _Loaded;
+  const factory CategoryLoaderState.error(String message) = _Error;
+}

lib/presentation/home/bloc/checkout/checkout_bloc.dart

@@ -2,6 +2,7 @@ import 'dart:developer';
 
 import 'package:bloc/bloc.dart';
 import 'package:enaklo_pos/data/datasources/product_local_datasource.dart';
+import 'package:enaklo_pos/data/models/response/delivery_response_model.dart';
 import 'package:enaklo_pos/data/models/response/discount_response_model.dart';
 import 'package:enaklo_pos/presentation/table/models/draft_order_item.dart';
 import 'package:enaklo_pos/presentation/table/models/draft_order_model.dart';
@@ -25,15 +26,29 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
     on<_AddItem>((event, emit) {
       var currentState = state as _Loaded;
       List<ProductQuantity> items = [...currentState.items];
-      var index =
-          items.indexWhere((element) => element.product.id == event.product.id);
+      var index = items.indexWhere(
+        (element) =>
+            element.product.id == event.product.id &&
+            element.variant?.id == event.variant?.id,
+      );
       emit(const _Loading());
       if (index != -1) {
         items[index] = ProductQuantity(
-            product: event.product, quantity: items[index].quantity + 1);
+          product: event.product,
+          quantity: items[index].quantity + 1,
+          variant: event.variant,
+        );
       } else {
-        items.add(ProductQuantity(product: event.product, quantity: 1));
+        items.add(
+          ProductQuantity(
+            product: event.product,
+            quantity: 1,
+            variant: event.variant,
+          ),
+        );
       }
+
+      log("Items: $items");
       emit(_Loaded(
           items,
           currentState.discountModel,
@@ -44,19 +59,26 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
           currentState.totalQuantity,
           currentState.totalPrice,
           currentState.draftName,
-          currentState.orderType));
+          currentState.orderType,
+          currentState.deliveryType));
     });
 
     on<_RemoveItem>((event, emit) {
       var currentState = state as _Loaded;
       List<ProductQuantity> items = [...currentState.items];
-      var index =
-          items.indexWhere((element) => element.product.id == event.product.id);
+      var index = items.indexWhere(
+        (element) =>
+            element.product.id == event.product.id &&
+            element.variant?.id == event.variant?.id,
+      );
       emit(const _Loading());
       if (index != -1) {
         if (items[index].quantity > 1) {
           items[index] = ProductQuantity(
-              product: event.product, quantity: items[index].quantity - 1);
+              product: event.product,
+              quantity: items[index].quantity - 1,
+              variant: event.variant);
+          ;
         } else {
           items.removeAt(index);
         }
@@ -71,14 +93,18 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
           currentState.totalQuantity,
           currentState.totalPrice,
           currentState.draftName,
-          currentState.orderType));
+          currentState.orderType,
+          currentState.deliveryType));
     });
 
     on<_DeleteItem>((event, emit) {
       var currentState = state as _Loaded;
       List<ProductQuantity> items = [...currentState.items];
-      var index =
-          items.indexWhere((element) => element.product.id == event.product.id);
+      var index = items.indexWhere(
+        (element) =>
+            element.product.id == event.product.id &&
+            element.variant?.id == event.variant?.id,
+      );
       emit(const _Loading());
 
       items.removeAt(index);
@@ -93,7 +119,8 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
           currentState.totalQuantity,
           currentState.totalPrice,
           currentState.draftName,
-          currentState.orderType));
+          currentState.orderType,
+          currentState.deliveryType));
     });
 
     on<_Started>((event, emit) async {
@@ -103,29 +130,41 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
         final tax = await settingsLocalDatasource.getTax();
         final serviceCharge = await settingsLocalDatasource.getServiceCharge();
 
-        emit(_Loaded([], null, 0, 0, tax.value, serviceCharge, 0, 0, '',
-            OrderType.dineIn));
+        emit(_Loaded(
+          [],
+          null,
+          0,
+          0,
+          tax.value,
+          serviceCharge,
+          0,
+          0,
+          '',
+          OrderType.dineIn,
+          null,
+        ));
       } catch (e) {
         // If loading fails, use default values
         log('Failed to load settings: $e');
-        emit(const _Loaded([], null, 0, 0, 10, 5, 0, 0, '', OrderType.dineIn));
+        emit(const _Loaded(
+            [], null, 0, 0, 10, 5, 0, 0, '', OrderType.dineIn, null));
       }
     });
 
     on<_AddDiscount>((event, emit) {
       var currentState = state as _Loaded;
       emit(_Loaded(
-        currentState.items,
-        event.discount,
-        currentState.discount,
-        currentState.discountAmount,
-        currentState.tax,
-        currentState.serviceCharge,
-        currentState.totalQuantity,
-        currentState.totalPrice,
-        currentState.draftName,
-        currentState.orderType,
-      ));
+          currentState.items,
+          event.discount,
+          currentState.discount,
+          currentState.discountAmount,
+          currentState.tax,
+          currentState.serviceCharge,
+          currentState.totalQuantity,
+          currentState.totalPrice,
+          currentState.draftName,
+          currentState.orderType,
+          currentState.deliveryType));
     });
 
     on<_RemoveDiscount>((event, emit) {
@@ -140,7 +179,8 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
           currentState.totalQuantity,
           currentState.totalPrice,
           currentState.draftName,
-          currentState.orderType));
+          currentState.orderType,
+          currentState.deliveryType));
     });
 
     on<_AddTax>((event, emit) {
@@ -155,7 +195,8 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
           currentState.totalQuantity,
           currentState.totalPrice,
           currentState.draftName,
-          currentState.orderType));
+          currentState.orderType,
+          currentState.deliveryType));
     });
 
     on<_AddServiceCharge>((event, emit) {
@@ -171,6 +212,7 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
         currentState.totalPrice,
         currentState.draftName,
         currentState.orderType,
+        currentState.deliveryType,
       ));
     });
 
@@ -186,7 +228,8 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
           currentState.totalQuantity,
           currentState.totalPrice,
           currentState.draftName,
-          currentState.orderType));
+          currentState.orderType,
+          currentState.deliveryType));
     });
 
     on<_RemoveServiceCharge>((event, emit) {
@@ -201,7 +244,8 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
           currentState.totalQuantity,
           currentState.totalPrice,
           currentState.draftName,
-          currentState.orderType));
+          currentState.orderType,
+          currentState.deliveryType));
     });
 
     on<_UpdateOrderType>((event, emit) {
@@ -216,7 +260,8 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
           currentState.totalQuantity,
           currentState.totalPrice,
           currentState.draftName,
-          event.orderType));
+          event.orderType,
+          currentState.deliveryType));
     });
 
     on<_UpdateItemNotes>((event, emit) {
@@ -237,7 +282,8 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
           currentState.totalQuantity,
           currentState.totalPrice,
           currentState.draftName,
-          currentState.orderType));
+          currentState.orderType,
+          currentState.deliveryType));
     });
 
     on<_SaveDraftOrder>((event, emit) async {
@@ -275,19 +321,38 @@ class CheckoutBloc extends Bloc<CheckoutEvent, CheckoutState> {
       final draftOrder = event.data;
       log("draftOrder: ${draftOrder.toMap()}");
       emit(_Loaded(
-          draftOrder.orders
-              .map((e) =>
-                  ProductQuantity(product: e.product, quantity: e.quantity))
-              .toList(),
-          null,
-          draftOrder.discount,
-          draftOrder.discountAmount,
-          draftOrder.tax,
-          draftOrder.serviceCharge,
-          draftOrder.totalQuantity,
-          draftOrder.totalPrice,
-          draftOrder.draftName,
-          OrderType.dineIn));
+        draftOrder.orders
+            .map((e) =>
+                ProductQuantity(product: e.product, quantity: e.quantity))
+            .toList(),
+        null,
+        draftOrder.discount,
+        draftOrder.discountAmount,
+        draftOrder.tax,
+        draftOrder.serviceCharge,
+        draftOrder.totalQuantity,
+        draftOrder.totalPrice,
+        draftOrder.draftName,
+        OrderType.dineIn,
+        null,
+      ));
+    });
+
+    on<_UpdateDeliveryType>((event, emit) {
+      var currentState = state as _Loaded;
+      emit(_Loaded(
+        currentState.items,
+        currentState.discountModel,
+        currentState.discount,
+        currentState.discountAmount,
+        currentState.tax,
+        currentState.serviceCharge,
+        currentState.totalQuantity,
+        currentState.totalPrice,
+        currentState.draftName,
+        currentState.orderType,
+        event.delivery,
+      ));
     });
   }
 }

lib/presentation/home/bloc/checkout/checkout_event.dart

@@ -4,11 +4,14 @@ part of 'checkout_bloc.dart';
 class CheckoutEvent with _$CheckoutEvent {
   const factory CheckoutEvent.started() = _Started;
   //add item
-  const factory CheckoutEvent.addItem(Product product) = _AddItem;
+  const factory CheckoutEvent.addItem(
+      Product product, ProductVariant? variant) = _AddItem;
   //remove item
-  const factory CheckoutEvent.removeItem(Product product) = _RemoveItem;
+  const factory CheckoutEvent.removeItem(
+      Product product, ProductVariant? variant) = _RemoveItem;
   // Delete Item
-  const factory CheckoutEvent.deleteItem(Product product) = _DeleteItem;
+  const factory CheckoutEvent.deleteItem(
+      Product product, ProductVariant? variant) = _DeleteItem;
 
   //add discount
   const factory CheckoutEvent.addDiscount(Discount discount) = _AddDiscount;
@@ -39,4 +42,8 @@ class CheckoutEvent with _$CheckoutEvent {
   //load draft order
   const factory CheckoutEvent.loadDraftOrder(DraftOrderModel data) =
       _LoadDraftOrder;
+
+// Update delivery type
+  const factory CheckoutEvent.updateDeliveryType(DeliveryModel delivery) =
+      _UpdateDeliveryType;
 }

lib/presentation/home/bloc/checkout/checkout_state.dart

@@ -5,16 +5,18 @@ class CheckoutState with _$CheckoutState {
   const factory CheckoutState.initial() = _Initial;
   const factory CheckoutState.loading() = _Loading;
   const factory CheckoutState.loaded(
-      List<ProductQuantity> items,
-      Discount? discountModel,
-      int discount,
-      int discountAmount,
-      int tax,
-      int serviceCharge,
-      int totalQuantity,
-      int totalPrice,
-      String draftName,
-      OrderType orderType) = _Loaded;
+    List<ProductQuantity> items,
+    Discount? discountModel,
+    int discount,
+    int discountAmount,
+    int tax,
+    int serviceCharge,
+    int totalQuantity,
+    int totalPrice,
+    String draftName,
+    OrderType orderType,
+    DeliveryModel? deliveryType,
+  ) = _Loaded;
   const factory CheckoutState.error(String message) = _Error;
 
   //save draft order

lib/presentation/home/bloc/current_outlet/current_outlet_bloc.dart

@@ -0,0 +1,23 @@
+import 'package:bloc/bloc.dart';
+import 'package:enaklo_pos/data/datasources/outlet_remote_data_source.dart';
+import 'package:enaklo_pos/presentation/home/models/outlet_model.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'current_outlet_event.dart';
+part 'current_outlet_state.dart';
+part 'current_outlet_bloc.freezed.dart';
+
+class CurrentOutletBloc extends Bloc<CurrentOutletEvent, CurrentOutletState> {
+  final OutletRemoteDataSource _outletRemoteDataSource;
+  CurrentOutletBloc(this._outletRemoteDataSource)
+      : super(CurrentOutletState.initial()) {
+    on<_CurrentOutlet>((event, emit) async {
+      emit(const _Loading());
+      final result = await _outletRemoteDataSource.currentOutlet();
+      result.fold(
+        (l) => emit(_Error(l)),
+        (r) => emit(_Loaded(r.data!)),
+      );
+    });
+  }
+}

lib/presentation/home/bloc/current_outlet/current_outlet_bloc.freezed.dart

@@ -0,0 +1,784 @@
+// coverage:ignore-file
+// GENERATED CODE - DO NOT MODIFY BY HAND
+// ignore_for_file: type=lint
+// ignore_for_file: unused_element, deprecated_member_use, deprecated_member_use_from_same_package, use_function_type_syntax_for_parameters, unnecessary_const, avoid_init_to_null, invalid_override_different_default_values_named, prefer_expression_function_bodies, annotate_overrides, invalid_annotation_target, unnecessary_question_mark
+
+part of 'current_outlet_bloc.dart';
+
+// **************************************************************************
+// FreezedGenerator
+// **************************************************************************
+
+T _$identity<T>(T value) => value;
+
+final _privateConstructorUsedError = UnsupportedError(
+    'It seems like you constructed your class using `MyClass._()`. This constructor is only meant to be used by freezed and you are not supposed to need it nor use it.\nPlease check the documentation here for more information: https://github.com/rrousselGit/freezed#adding-getters-and-methods-to-our-models');
+
+/// @nodoc
+mixin _$CurrentOutletEvent {
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() currentOutlet,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? currentOutlet,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? currentOutlet,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_CurrentOutlet value) currentOutlet,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_CurrentOutlet value)? currentOutlet,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_CurrentOutlet value)? currentOutlet,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $CurrentOutletEventCopyWith<$Res> {
+  factory $CurrentOutletEventCopyWith(
+          CurrentOutletEvent value, $Res Function(CurrentOutletEvent) then) =
+      _$CurrentOutletEventCopyWithImpl<$Res, CurrentOutletEvent>;
+}
+
+/// @nodoc
+class _$CurrentOutletEventCopyWithImpl<$Res, $Val extends CurrentOutletEvent>
+    implements $CurrentOutletEventCopyWith<$Res> {
+  _$CurrentOutletEventCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  /// Create a copy of CurrentOutletEvent
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+abstract class _$$CurrentOutletImplCopyWith<$Res> {
+  factory _$$CurrentOutletImplCopyWith(
+          _$CurrentOutletImpl value, $Res Function(_$CurrentOutletImpl) then) =
+      __$$CurrentOutletImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$CurrentOutletImplCopyWithImpl<$Res>
+    extends _$CurrentOutletEventCopyWithImpl<$Res, _$CurrentOutletImpl>
+    implements _$$CurrentOutletImplCopyWith<$Res> {
+  __$$CurrentOutletImplCopyWithImpl(
+      _$CurrentOutletImpl _value, $Res Function(_$CurrentOutletImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CurrentOutletEvent
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$CurrentOutletImpl implements _CurrentOutlet {
+  const _$CurrentOutletImpl();
+
+  @override
+  String toString() {
+    return 'CurrentOutletEvent.currentOutlet()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$CurrentOutletImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() currentOutlet,
+  }) {
+    return currentOutlet();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? currentOutlet,
+  }) {
+    return currentOutlet?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? currentOutlet,
+    required TResult orElse(),
+  }) {
+    if (currentOutlet != null) {
+      return currentOutlet();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_CurrentOutlet value) currentOutlet,
+  }) {
+    return currentOutlet(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_CurrentOutlet value)? currentOutlet,
+  }) {
+    return currentOutlet?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_CurrentOutlet value)? currentOutlet,
+    required TResult orElse(),
+  }) {
+    if (currentOutlet != null) {
+      return currentOutlet(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _CurrentOutlet implements CurrentOutletEvent {
+  const factory _CurrentOutlet() = _$CurrentOutletImpl;
+}
+
+/// @nodoc
+mixin _$CurrentOutletState {
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(Outlet outlet) loaded,
+    required TResult Function(String message) error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(Outlet outlet)? loaded,
+    TResult? Function(String message)? error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(Outlet outlet)? loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $CurrentOutletStateCopyWith<$Res> {
+  factory $CurrentOutletStateCopyWith(
+          CurrentOutletState value, $Res Function(CurrentOutletState) then) =
+      _$CurrentOutletStateCopyWithImpl<$Res, CurrentOutletState>;
+}
+
+/// @nodoc
+class _$CurrentOutletStateCopyWithImpl<$Res, $Val extends CurrentOutletState>
+    implements $CurrentOutletStateCopyWith<$Res> {
+  _$CurrentOutletStateCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  /// Create a copy of CurrentOutletState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+abstract class _$$InitialImplCopyWith<$Res> {
+  factory _$$InitialImplCopyWith(
+          _$InitialImpl value, $Res Function(_$InitialImpl) then) =
+      __$$InitialImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$InitialImplCopyWithImpl<$Res>
+    extends _$CurrentOutletStateCopyWithImpl<$Res, _$InitialImpl>
+    implements _$$InitialImplCopyWith<$Res> {
+  __$$InitialImplCopyWithImpl(
+      _$InitialImpl _value, $Res Function(_$InitialImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CurrentOutletState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$InitialImpl implements _Initial {
+  const _$InitialImpl();
+
+  @override
+  String toString() {
+    return 'CurrentOutletState.initial()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$InitialImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(Outlet outlet) loaded,
+    required TResult Function(String message) error,
+  }) {
+    return initial();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(Outlet outlet)? loaded,
+    TResult? Function(String message)? error,
+  }) {
+    return initial?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(Outlet outlet)? loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (initial != null) {
+      return initial();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) {
+    return initial(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) {
+    return initial?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (initial != null) {
+      return initial(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Initial implements CurrentOutletState {
+  const factory _Initial() = _$InitialImpl;
+}
+
+/// @nodoc
+abstract class _$$LoadingImplCopyWith<$Res> {
+  factory _$$LoadingImplCopyWith(
+          _$LoadingImpl value, $Res Function(_$LoadingImpl) then) =
+      __$$LoadingImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$LoadingImplCopyWithImpl<$Res>
+    extends _$CurrentOutletStateCopyWithImpl<$Res, _$LoadingImpl>
+    implements _$$LoadingImplCopyWith<$Res> {
+  __$$LoadingImplCopyWithImpl(
+      _$LoadingImpl _value, $Res Function(_$LoadingImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CurrentOutletState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$LoadingImpl implements _Loading {
+  const _$LoadingImpl();
+
+  @override
+  String toString() {
+    return 'CurrentOutletState.loading()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$LoadingImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(Outlet outlet) loaded,
+    required TResult Function(String message) error,
+  }) {
+    return loading();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(Outlet outlet)? loaded,
+    TResult? Function(String message)? error,
+  }) {
+    return loading?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(Outlet outlet)? loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (loading != null) {
+      return loading();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) {
+    return loading(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) {
+    return loading?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (loading != null) {
+      return loading(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Loading implements CurrentOutletState {
+  const factory _Loading() = _$LoadingImpl;
+}
+
+/// @nodoc
+abstract class _$$LoadedImplCopyWith<$Res> {
+  factory _$$LoadedImplCopyWith(
+          _$LoadedImpl value, $Res Function(_$LoadedImpl) then) =
+      __$$LoadedImplCopyWithImpl<$Res>;
+  @useResult
+  $Res call({Outlet outlet});
+}
+
+/// @nodoc
+class __$$LoadedImplCopyWithImpl<$Res>
+    extends _$CurrentOutletStateCopyWithImpl<$Res, _$LoadedImpl>
+    implements _$$LoadedImplCopyWith<$Res> {
+  __$$LoadedImplCopyWithImpl(
+      _$LoadedImpl _value, $Res Function(_$LoadedImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CurrentOutletState
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? outlet = null,
+  }) {
+    return _then(_$LoadedImpl(
+      null == outlet
+          ? _value.outlet
+          : outlet // ignore: cast_nullable_to_non_nullable
+              as Outlet,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$LoadedImpl implements _Loaded {
+  const _$LoadedImpl(this.outlet);
+
+  @override
+  final Outlet outlet;
+
+  @override
+  String toString() {
+    return 'CurrentOutletState.loaded(outlet: $outlet)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$LoadedImpl &&
+            (identical(other.outlet, outlet) || other.outlet == outlet));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType, outlet);
+
+  /// Create a copy of CurrentOutletState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$LoadedImplCopyWith<_$LoadedImpl> get copyWith =>
+      __$$LoadedImplCopyWithImpl<_$LoadedImpl>(this, _$identity);
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(Outlet outlet) loaded,
+    required TResult Function(String message) error,
+  }) {
+    return loaded(outlet);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(Outlet outlet)? loaded,
+    TResult? Function(String message)? error,
+  }) {
+    return loaded?.call(outlet);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(Outlet outlet)? loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (loaded != null) {
+      return loaded(outlet);
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) {
+    return loaded(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) {
+    return loaded?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (loaded != null) {
+      return loaded(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Loaded implements CurrentOutletState {
+  const factory _Loaded(final Outlet outlet) = _$LoadedImpl;
+
+  Outlet get outlet;
+
+  /// Create a copy of CurrentOutletState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$LoadedImplCopyWith<_$LoadedImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class _$$ErrorImplCopyWith<$Res> {
+  factory _$$ErrorImplCopyWith(
+          _$ErrorImpl value, $Res Function(_$ErrorImpl) then) =
+      __$$ErrorImplCopyWithImpl<$Res>;
+  @useResult
+  $Res call({String message});
+}
+
+/// @nodoc
+class __$$ErrorImplCopyWithImpl<$Res>
+    extends _$CurrentOutletStateCopyWithImpl<$Res, _$ErrorImpl>
+    implements _$$ErrorImplCopyWith<$Res> {
+  __$$ErrorImplCopyWithImpl(
+      _$ErrorImpl _value, $Res Function(_$ErrorImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of CurrentOutletState
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? message = null,
+  }) {
+    return _then(_$ErrorImpl(
+      null == message
+          ? _value.message
+          : message // ignore: cast_nullable_to_non_nullable
+              as String,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$ErrorImpl implements _Error {
+  const _$ErrorImpl(this.message);
+
+  @override
+  final String message;
+
+  @override
+  String toString() {
+    return 'CurrentOutletState.error(message: $message)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$ErrorImpl &&
+            (identical(other.message, message) || other.message == message));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType, message);
+
+  /// Create a copy of CurrentOutletState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$ErrorImplCopyWith<_$ErrorImpl> get copyWith =>
+      __$$ErrorImplCopyWithImpl<_$ErrorImpl>(this, _$identity);
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function(Outlet outlet) loaded,
+    required TResult Function(String message) error,
+  }) {
+    return error(message);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function(Outlet outlet)? loaded,
+    TResult? Function(String message)? error,
+  }) {
+    return error?.call(message);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function(Outlet outlet)? loaded,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (error != null) {
+      return error(message);
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Loaded value) loaded,
+    required TResult Function(_Error value) error,
+  }) {
+    return error(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Loaded value)? loaded,
+    TResult? Function(_Error value)? error,
+  }) {
+    return error?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Loaded value)? loaded,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (error != null) {
+      return error(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Error implements CurrentOutletState {
+  const factory _Error(final String message) = _$ErrorImpl;
+
+  String get message;
+
+  /// Create a copy of CurrentOutletState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$ErrorImplCopyWith<_$ErrorImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}

lib/presentation/home/bloc/current_outlet/current_outlet_event.dart

@@ -0,0 +1,6 @@
+part of 'current_outlet_bloc.dart';
+
+@freezed
+class CurrentOutletEvent with _$CurrentOutletEvent {
+  const factory CurrentOutletEvent.currentOutlet() = _CurrentOutlet;
+}

lib/presentation/home/bloc/current_outlet/current_outlet_state.dart

@@ -0,0 +1,9 @@
+part of 'current_outlet_bloc.dart';
+
+@freezed
+class CurrentOutletState with _$CurrentOutletState {
+  const factory CurrentOutletState.initial() = _Initial;
+  const factory CurrentOutletState.loading() = _Loading;
+  const factory CurrentOutletState.loaded(Outlet outlet) = _Loaded;
+  const factory CurrentOutletState.error(String message) = _Error;
+}

lib/presentation/home/bloc/order_form/order_form_bloc.dart

@@ -3,6 +3,7 @@ import 'dart:developer';
 import 'package:bloc/bloc.dart';
 import 'package:enaklo_pos/data/datasources/auth_local_datasource.dart';
 import 'package:enaklo_pos/data/datasources/order_remote_datasource.dart';
+import 'package:enaklo_pos/data/models/response/customer_response_model.dart';
 import 'package:enaklo_pos/data/models/response/order_response_model.dart';
 import 'package:enaklo_pos/data/models/response/payment_methods_response_model.dart';
 import 'package:enaklo_pos/data/models/response/table_model.dart';
@@ -34,10 +35,10 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
             customerName: event.customerName,
             notes: '',
             orderType: event.orderType.name,
-            tableId: event.table.id,
-            tableNumber: event.table.tableName,
+            tableId: event.table?.id,
+            tableNumber: event.table?.tableName,
             outletId: userData.user?.outletId,
-            userId: userData.user?.id,
+            customerId: event.customer?.id ?? '',
             orderItems: event.items
                 .map(
                   (productQuantity) => OrderItemRequest(
@@ -45,6 +46,7 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
                     quantity: productQuantity.quantity,
                     notes: productQuantity.notes,
                     unitPrice: productQuantity.product.price,
+                    productVariantId: productQuantity.variant?.id,
                   ),
                 )
                 .toList(),
@@ -75,10 +77,10 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
             customerName: event.customerName,
             notes: '',
             orderType: event.orderType.name,
-            tableId: event.table.id,
-            tableNumber: event.table.tableName,
+            tableId: event.table?.id ?? "",
+            tableNumber: event.table?.tableName ?? "",
             outletId: userData.user?.outletId,
-            userId: userData.user?.id,
+            customerId: event.customer?.id ?? '',
             orderItems: event.items
                 .map(
                   (productQuantity) => OrderItemRequest(
@@ -86,6 +88,7 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
                     quantity: productQuantity.quantity,
                     notes: productQuantity.notes,
                     unitPrice: productQuantity.product.price,
+                    productVariantId: productQuantity.variant?.id,
                   ),
                 )
                 .toList(),
@@ -106,9 +109,39 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
         }
       },
     );
+    on<_AddToOrder>(
+      (event, emit) async {
+        emit(const _Loading());
+
+        try {
+          final result = await _orderRemoteDatasource.addToOrder(
+            orderId: event.orderId,
+            orderItems: event.items
+                .map(
+                  (item) => OrderItemRequest(
+                    productId: item.product.id,
+                    quantity: item.quantity,
+                    unitPrice: item.product.price,
+                    notes: item.notes,
+                    productVariantId: item.variant?.id,
+                  ),
+                )
+                .toList(),
+          );
+
+          result.fold(
+            (error) => emit(_Error(error)),
+            (success) => emit(_SuccessMsg()),
+          );
+        } catch (e) {
+          log("Error in AddOrderItemsBloc: $e");
+          emit(_Error("Ada kesalahan. Coba lagi nanti"));
+        }
+      },
+    );
     on<_ToggleItem>((event, emit) {
       state.maybeWhen(
-        loaded: (order, selectedItems, _) {
+        loaded: (order, selectedItems, totalVoidOrRefund, _) {
           final newList = [...selectedItems];
           final exists = newList.any((e) => e.id == event.item.id);
 
@@ -132,7 +165,7 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
 
     on<_ToggleSelectAll>((event, emit) {
       state.maybeWhen(
-        loaded: (order, _, __) {
+        loaded: (order, _, totalVoidOrRefund, __) {
           final items = event.selectAll
               ? (order.orderItems ?? <OrderItem>[])
               : <OrderItem>[];
@@ -148,19 +181,32 @@ class OrderFormBloc extends Bloc<OrderFormEvent, OrderFormState> {
     });
 
     on<_Refund>((event, emit) async {
-      state.maybeWhen(
-        loaded: (order, selectedItems, _) async {
-          if (selectedItems.isEmpty) return;
+      emit(const OrderFormState.loading());
 
-          emit(const OrderFormState.loading());
+      final result = await _orderRemoteDatasource.refund(
+        orderId: event.orderId,
+        reason: event.reason,
+        orderItems: event.items,
+      );
 
-          try {
-            emit(OrderFormState.success(order));
-          } catch (e) {
-            emit(OrderFormState.error('Refund gagal: ${e.toString()}'));
-          }
-        },
-        orElse: () {},
+      result.fold(
+        (error) => emit(_Error(error)),
+        (success) => emit(_SuccessMsg()),
+      );
+    });
+
+    on<_VoidOrder>((event, emit) async {
+      emit(const OrderFormState.loading());
+
+      final result = await _orderRemoteDatasource.voidOrder(
+        orderId: event.orderId,
+        reason: event.reason,
+        orderItems: event.items,
+      );
+
+      result.fold(
+        (error) => emit(_Error(error)),
+        (success) => emit(_SuccessMsg()),
       );
     });
   }

lib/presentation/home/bloc/order_form/order_form_event.dart

@@ -6,18 +6,33 @@ class OrderFormEvent with _$OrderFormEvent {
   const factory OrderFormEvent.create({
     required List<ProductQuantity> items,
     required String customerName,
+    required Customer? customer,
     required OrderType orderType,
-    required TableModel table,
+    required TableModel? table,
   }) = _Create;
   const factory OrderFormEvent.createWithPayment({
     required List<ProductQuantity> items,
     required String customerName,
+    required Customer? customer,
     required OrderType orderType,
-    required TableModel table,
+    required TableModel? table,
     required PaymentMethod paymentMethod,
   }) = _CreateWithPaymentMethod;
+  const factory OrderFormEvent.addToOrder({
+    required List<ProductQuantity> items,
+    required String orderId,
+  }) = _AddToOrder;
+  const factory OrderFormEvent.refund({
+    required List<OrderItem> items,
+    required String orderId,
+    required String reason,
+  }) = _Refund;
+  const factory OrderFormEvent.voidOrder({
+    required List<OrderItem> items,
+    required String orderId,
+    required String reason,
+  }) = _VoidOrder;
   const factory OrderFormEvent.toggleItem(OrderItem item) = _ToggleItem;
   const factory OrderFormEvent.toggleSelectAll(bool selectAll) =
       _ToggleSelectAll;
-  const factory OrderFormEvent.refund() = _Refund;
 }

lib/presentation/home/bloc/order_form/order_form_state.dart

@@ -7,8 +7,10 @@ class OrderFormState with _$OrderFormState {
   const factory OrderFormState.loaded({
     required Order order,
     @Default([]) List<OrderItem> selectedItems,
+    @Default(0) int totalVoidOrRefund,
     @Default(false) bool isAllSelected,
   }) = _Loaded;
   const factory OrderFormState.success(Order order) = _Success;
+  const factory OrderFormState.successMsg() = _SuccessMsg;
   const factory OrderFormState.error(String message) = _Error;
 }

lib/presentation/home/bloc/product_loader/product_loader_bloc.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:bloc/bloc.dart';
 import 'package:enaklo_pos/data/datasources/product_remote_datasource.dart';
 import 'package:enaklo_pos/data/models/response/product_response_model.dart';
@@ -9,15 +11,138 @@ part 'product_loader_bloc.freezed.dart';
 
 class ProductLoaderBloc extends Bloc<ProductLoaderEvent, ProductLoaderState> {
   final ProductRemoteDatasource _productRemoteDatasource;
+
+  // Debouncing untuk mencegah multiple load more calls
+  Timer? _loadMoreDebounce;
+  bool _isLoadingMore = false;
+
   ProductLoaderBloc(this._productRemoteDatasource)
       : super(ProductLoaderState.initial()) {
-    on<_GetProduct>((event, emit) async {
-      emit(const _Loading());
-      final result = await _productRemoteDatasource.getProducts();
-      result.fold(
-        (l) => emit(_Error(l)),
-        (r) => emit(_Loaded(r.data?.products ?? [])),
+    on<_GetProduct>(_onGetProduct);
+    on<_LoadMore>(_onLoadMore);
+    on<_Refresh>(_onRefresh);
+  }
+
+  @override
+  Future<void> close() {
+    _loadMoreDebounce?.cancel();
+    return super.close();
+  }
+
+  // Debounce transformer untuk load more
+  // EventTransformer<T> _debounceTransformer<T>() {
+  //   return (events, mapper) {
+  //     return events
+  //         .debounceTime(const Duration(milliseconds: 300))
+  //         .asyncExpand(mapper);
+  //   };
+  // }
+
+  // Initial load
+  Future<void> _onGetProduct(
+    _GetProduct event,
+    Emitter<ProductLoaderState> emit,
+  ) async {
+    emit(const _Loading());
+    _isLoadingMore = false; // Reset loading state
+
+    final result = await _productRemoteDatasource.getProducts(
+      page: 1,
+      limit: 10,
+      categoryId: event.categoryId,
+    );
+
+    await result.fold(
+      (failure) async => emit(_Error(failure)),
+      (response) async {
+        final products = response.data?.products ?? [];
+        final hasReachedMax = products.length < 10;
+
+        emit(_Loaded(
+          products: products,
+          hasReachedMax: hasReachedMax,
+          currentPage: 1,
+          isLoadingMore: false,
+        ));
+      },
+    );
+  }
+
+  // Load more with enhanced debouncing
+  Future<void> _onLoadMore(
+    _LoadMore event,
+    Emitter<ProductLoaderState> emit,
+  ) async {
+    final currentState = state;
+
+    // Enhanced validation
+    if (currentState is! _Loaded ||
+        currentState.hasReachedMax ||
+        _isLoadingMore ||
+        currentState.isLoadingMore) {
+      return;
+    }
+
+    _isLoadingMore = true;
+
+    // Emit loading more state
+    emit(currentState.copyWith(isLoadingMore: true));
+
+    final nextPage = currentState.currentPage + 1;
+
+    try {
+      final result = await _productRemoteDatasource.getProducts(
+        page: nextPage,
+        limit: 10,
+        categoryId: event.categoryId,
       );
-    });
+
+      await result.fold(
+        (failure) async {
+          // On error, revert loading state but don't show error
+          // Just silently fail and allow retry
+          emit(currentState.copyWith(isLoadingMore: false));
+          _isLoadingMore = false;
+        },
+        (response) async {
+          final newProducts = response.data?.products ?? [];
+
+          // Prevent duplicate products
+          final currentProductIds =
+              currentState.products.map((p) => p.id).toSet();
+          final filteredNewProducts = newProducts
+              .where((product) => !currentProductIds.contains(product.id))
+              .toList();
+
+          final allProducts = List<Product>.from(currentState.products)
+            ..addAll(filteredNewProducts);
+
+          final hasReachedMax = newProducts.length < 10;
+
+          emit(_Loaded(
+            products: allProducts,
+            hasReachedMax: hasReachedMax,
+            currentPage: nextPage,
+            isLoadingMore: false,
+          ));
+
+          _isLoadingMore = false;
+        },
+      );
+    } catch (e) {
+      // Handle unexpected errors
+      emit(currentState.copyWith(isLoadingMore: false));
+      _isLoadingMore = false;
+    }
+  }
+
+  // Refresh data
+  Future<void> _onRefresh(
+    _Refresh event,
+    Emitter<ProductLoaderState> emit,
+  ) async {
+    _isLoadingMore = false;
+    _loadMoreDebounce?.cancel();
+    add(const _GetProduct());
   }
 }

lib/presentation/home/bloc/product_loader/product_loader_bloc.freezed.dart

@@ -18,33 +18,45 @@ final _privateConstructorUsedError = UnsupportedError(
 mixin _$ProductLoaderEvent {
   @optionalTypeArgs
   TResult when<TResult extends Object?>({
-    required TResult Function() getProduct,
+    required TResult Function(String? categoryId, String? search) getProduct,
+    required TResult Function(String? categoryId, String? search) loadMore,
+    required TResult Function() refresh,
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult? whenOrNull<TResult extends Object?>({
-    TResult? Function()? getProduct,
+    TResult? Function(String? categoryId, String? search)? getProduct,
+    TResult? Function(String? categoryId, String? search)? loadMore,
+    TResult? Function()? refresh,
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult maybeWhen<TResult extends Object?>({
-    TResult Function()? getProduct,
+    TResult Function(String? categoryId, String? search)? getProduct,
+    TResult Function(String? categoryId, String? search)? loadMore,
+    TResult Function()? refresh,
     required TResult orElse(),
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult map<TResult extends Object?>({
     required TResult Function(_GetProduct value) getProduct,
+    required TResult Function(_LoadMore value) loadMore,
+    required TResult Function(_Refresh value) refresh,
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult? mapOrNull<TResult extends Object?>({
     TResult? Function(_GetProduct value)? getProduct,
+    TResult? Function(_LoadMore value)? loadMore,
+    TResult? Function(_Refresh value)? refresh,
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult maybeMap<TResult extends Object?>({
     TResult Function(_GetProduct value)? getProduct,
+    TResult Function(_LoadMore value)? loadMore,
+    TResult Function(_Refresh value)? refresh,
     required TResult orElse(),
   }) =>
       throw _privateConstructorUsedError;
@@ -76,6 +88,8 @@ abstract class _$$GetProductImplCopyWith<$Res> {
   factory _$$GetProductImplCopyWith(
           _$GetProductImpl value, $Res Function(_$GetProductImpl) then) =
       __$$GetProductImplCopyWithImpl<$Res>;
+  @useResult
+  $Res call({String? categoryId, String? search});
 }
 
 /// @nodoc
@@ -88,51 +102,91 @@ class __$$GetProductImplCopyWithImpl<$Res>
 
   /// Create a copy of ProductLoaderEvent
   /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? categoryId = freezed,
+    Object? search = freezed,
+  }) {
+    return _then(_$GetProductImpl(
+      categoryId: freezed == categoryId
+          ? _value.categoryId
+          : categoryId // ignore: cast_nullable_to_non_nullable
+              as String?,
+      search: freezed == search
+          ? _value.search
+          : search // ignore: cast_nullable_to_non_nullable
+              as String?,
+    ));
+  }
 }
 
 /// @nodoc
 
 class _$GetProductImpl implements _GetProduct {
-  const _$GetProductImpl();
+  const _$GetProductImpl({this.categoryId, this.search});
+
+  @override
+  final String? categoryId;
+  @override
+  final String? search;
 
   @override
   String toString() {
-    return 'ProductLoaderEvent.getProduct()';
+    return 'ProductLoaderEvent.getProduct(categoryId: $categoryId, search: $search)';
   }
 
   @override
   bool operator ==(Object other) {
     return identical(this, other) ||
-        (other.runtimeType == runtimeType && other is _$GetProductImpl);
+        (other.runtimeType == runtimeType &&
+            other is _$GetProductImpl &&
+            (identical(other.categoryId, categoryId) ||
+                other.categoryId == categoryId) &&
+            (identical(other.search, search) || other.search == search));
   }
 
   @override
-  int get hashCode => runtimeType.hashCode;
+  int get hashCode => Object.hash(runtimeType, categoryId, search);
+
+  /// Create a copy of ProductLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$GetProductImplCopyWith<_$GetProductImpl> get copyWith =>
+      __$$GetProductImplCopyWithImpl<_$GetProductImpl>(this, _$identity);
 
   @override
   @optionalTypeArgs
   TResult when<TResult extends Object?>({
-    required TResult Function() getProduct,
+    required TResult Function(String? categoryId, String? search) getProduct,
+    required TResult Function(String? categoryId, String? search) loadMore,
+    required TResult Function() refresh,
   }) {
-    return getProduct();
+    return getProduct(categoryId, search);
   }
 
   @override
   @optionalTypeArgs
   TResult? whenOrNull<TResult extends Object?>({
-    TResult? Function()? getProduct,
+    TResult? Function(String? categoryId, String? search)? getProduct,
+    TResult? Function(String? categoryId, String? search)? loadMore,
+    TResult? Function()? refresh,
   }) {
-    return getProduct?.call();
+    return getProduct?.call(categoryId, search);
   }
 
   @override
   @optionalTypeArgs
   TResult maybeWhen<TResult extends Object?>({
-    TResult Function()? getProduct,
+    TResult Function(String? categoryId, String? search)? getProduct,
+    TResult Function(String? categoryId, String? search)? loadMore,
+    TResult Function()? refresh,
     required TResult orElse(),
   }) {
     if (getProduct != null) {
-      return getProduct();
+      return getProduct(categoryId, search);
     }
     return orElse();
   }
@@ -141,6 +195,8 @@ class _$GetProductImpl implements _GetProduct {
   @optionalTypeArgs
   TResult map<TResult extends Object?>({
     required TResult Function(_GetProduct value) getProduct,
+    required TResult Function(_LoadMore value) loadMore,
+    required TResult Function(_Refresh value) refresh,
   }) {
     return getProduct(this);
   }
@@ -149,6 +205,8 @@ class _$GetProductImpl implements _GetProduct {
   @optionalTypeArgs
   TResult? mapOrNull<TResult extends Object?>({
     TResult? Function(_GetProduct value)? getProduct,
+    TResult? Function(_LoadMore value)? loadMore,
+    TResult? Function(_Refresh value)? refresh,
   }) {
     return getProduct?.call(this);
   }
@@ -157,6 +215,8 @@ class _$GetProductImpl implements _GetProduct {
   @optionalTypeArgs
   TResult maybeMap<TResult extends Object?>({
     TResult Function(_GetProduct value)? getProduct,
+    TResult Function(_LoadMore value)? loadMore,
+    TResult Function(_Refresh value)? refresh,
     required TResult orElse(),
   }) {
     if (getProduct != null) {
@@ -167,7 +227,285 @@ class _$GetProductImpl implements _GetProduct {
 }
 
 abstract class _GetProduct implements ProductLoaderEvent {
-  const factory _GetProduct() = _$GetProductImpl;
+  const factory _GetProduct({final String? categoryId, final String? search}) =
+      _$GetProductImpl;
+
+  String? get categoryId;
+  String? get search;
+
+  /// Create a copy of ProductLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$GetProductImplCopyWith<_$GetProductImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class _$$LoadMoreImplCopyWith<$Res> {
+  factory _$$LoadMoreImplCopyWith(
+          _$LoadMoreImpl value, $Res Function(_$LoadMoreImpl) then) =
+      __$$LoadMoreImplCopyWithImpl<$Res>;
+  @useResult
+  $Res call({String? categoryId, String? search});
+}
+
+/// @nodoc
+class __$$LoadMoreImplCopyWithImpl<$Res>
+    extends _$ProductLoaderEventCopyWithImpl<$Res, _$LoadMoreImpl>
+    implements _$$LoadMoreImplCopyWith<$Res> {
+  __$$LoadMoreImplCopyWithImpl(
+      _$LoadMoreImpl _value, $Res Function(_$LoadMoreImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of ProductLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? categoryId = freezed,
+    Object? search = freezed,
+  }) {
+    return _then(_$LoadMoreImpl(
+      categoryId: freezed == categoryId
+          ? _value.categoryId
+          : categoryId // ignore: cast_nullable_to_non_nullable
+              as String?,
+      search: freezed == search
+          ? _value.search
+          : search // ignore: cast_nullable_to_non_nullable
+              as String?,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$LoadMoreImpl implements _LoadMore {
+  const _$LoadMoreImpl({this.categoryId, this.search});
+
+  @override
+  final String? categoryId;
+  @override
+  final String? search;
+
+  @override
+  String toString() {
+    return 'ProductLoaderEvent.loadMore(categoryId: $categoryId, search: $search)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$LoadMoreImpl &&
+            (identical(other.categoryId, categoryId) ||
+                other.categoryId == categoryId) &&
+            (identical(other.search, search) || other.search == search));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType, categoryId, search);
+
+  /// Create a copy of ProductLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$LoadMoreImplCopyWith<_$LoadMoreImpl> get copyWith =>
+      __$$LoadMoreImplCopyWithImpl<_$LoadMoreImpl>(this, _$identity);
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function(String? categoryId, String? search) getProduct,
+    required TResult Function(String? categoryId, String? search) loadMore,
+    required TResult Function() refresh,
+  }) {
+    return loadMore(categoryId, search);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function(String? categoryId, String? search)? getProduct,
+    TResult? Function(String? categoryId, String? search)? loadMore,
+    TResult? Function()? refresh,
+  }) {
+    return loadMore?.call(categoryId, search);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function(String? categoryId, String? search)? getProduct,
+    TResult Function(String? categoryId, String? search)? loadMore,
+    TResult Function()? refresh,
+    required TResult orElse(),
+  }) {
+    if (loadMore != null) {
+      return loadMore(categoryId, search);
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_GetProduct value) getProduct,
+    required TResult Function(_LoadMore value) loadMore,
+    required TResult Function(_Refresh value) refresh,
+  }) {
+    return loadMore(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_GetProduct value)? getProduct,
+    TResult? Function(_LoadMore value)? loadMore,
+    TResult? Function(_Refresh value)? refresh,
+  }) {
+    return loadMore?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_GetProduct value)? getProduct,
+    TResult Function(_LoadMore value)? loadMore,
+    TResult Function(_Refresh value)? refresh,
+    required TResult orElse(),
+  }) {
+    if (loadMore != null) {
+      return loadMore(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _LoadMore implements ProductLoaderEvent {
+  const factory _LoadMore({final String? categoryId, final String? search}) =
+      _$LoadMoreImpl;
+
+  String? get categoryId;
+  String? get search;
+
+  /// Create a copy of ProductLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$LoadMoreImplCopyWith<_$LoadMoreImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class _$$RefreshImplCopyWith<$Res> {
+  factory _$$RefreshImplCopyWith(
+          _$RefreshImpl value, $Res Function(_$RefreshImpl) then) =
+      __$$RefreshImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$RefreshImplCopyWithImpl<$Res>
+    extends _$ProductLoaderEventCopyWithImpl<$Res, _$RefreshImpl>
+    implements _$$RefreshImplCopyWith<$Res> {
+  __$$RefreshImplCopyWithImpl(
+      _$RefreshImpl _value, $Res Function(_$RefreshImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of ProductLoaderEvent
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$RefreshImpl implements _Refresh {
+  const _$RefreshImpl();
+
+  @override
+  String toString() {
+    return 'ProductLoaderEvent.refresh()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$RefreshImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function(String? categoryId, String? search) getProduct,
+    required TResult Function(String? categoryId, String? search) loadMore,
+    required TResult Function() refresh,
+  }) {
+    return refresh();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function(String? categoryId, String? search)? getProduct,
+    TResult? Function(String? categoryId, String? search)? loadMore,
+    TResult? Function()? refresh,
+  }) {
+    return refresh?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function(String? categoryId, String? search)? getProduct,
+    TResult Function(String? categoryId, String? search)? loadMore,
+    TResult Function()? refresh,
+    required TResult orElse(),
+  }) {
+    if (refresh != null) {
+      return refresh();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_GetProduct value) getProduct,
+    required TResult Function(_LoadMore value) loadMore,
+    required TResult Function(_Refresh value) refresh,
+  }) {
+    return refresh(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_GetProduct value)? getProduct,
+    TResult? Function(_LoadMore value)? loadMore,
+    TResult? Function(_Refresh value)? refresh,
+  }) {
+    return refresh?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_GetProduct value)? getProduct,
+    TResult Function(_LoadMore value)? loadMore,
+    TResult Function(_Refresh value)? refresh,
+    required TResult orElse(),
+  }) {
+    if (refresh != null) {
+      return refresh(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Refresh implements ProductLoaderEvent {
+  const factory _Refresh() = _$RefreshImpl;
 }
 
 /// @nodoc
@@ -176,7 +514,9 @@ mixin _$ProductLoaderState {
   TResult when<TResult extends Object?>({
     required TResult Function() initial,
     required TResult Function() loading,
-    required TResult Function(List<Product> products) loaded,
+    required TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)
+        loaded,
     required TResult Function(String message) error,
   }) =>
       throw _privateConstructorUsedError;
@@ -184,7 +524,9 @@ mixin _$ProductLoaderState {
   TResult? whenOrNull<TResult extends Object?>({
     TResult? Function()? initial,
     TResult? Function()? loading,
-    TResult? Function(List<Product> products)? loaded,
+    TResult? Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult? Function(String message)? error,
   }) =>
       throw _privateConstructorUsedError;
@@ -192,7 +534,9 @@ mixin _$ProductLoaderState {
   TResult maybeWhen<TResult extends Object?>({
     TResult Function()? initial,
     TResult Function()? loading,
-    TResult Function(List<Product> products)? loaded,
+    TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult Function(String message)? error,
     required TResult orElse(),
   }) =>
@@ -288,7 +632,9 @@ class _$InitialImpl implements _Initial {
   TResult when<TResult extends Object?>({
     required TResult Function() initial,
     required TResult Function() loading,
-    required TResult Function(List<Product> products) loaded,
+    required TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)
+        loaded,
     required TResult Function(String message) error,
   }) {
     return initial();
@@ -299,7 +645,9 @@ class _$InitialImpl implements _Initial {
   TResult? whenOrNull<TResult extends Object?>({
     TResult? Function()? initial,
     TResult? Function()? loading,
-    TResult? Function(List<Product> products)? loaded,
+    TResult? Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult? Function(String message)? error,
   }) {
     return initial?.call();
@@ -310,7 +658,9 @@ class _$InitialImpl implements _Initial {
   TResult maybeWhen<TResult extends Object?>({
     TResult Function()? initial,
     TResult Function()? loading,
-    TResult Function(List<Product> products)? loaded,
+    TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult Function(String message)? error,
     required TResult orElse(),
   }) {
@@ -405,7 +755,9 @@ class _$LoadingImpl implements _Loading {
   TResult when<TResult extends Object?>({
     required TResult Function() initial,
     required TResult Function() loading,
-    required TResult Function(List<Product> products) loaded,
+    required TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)
+        loaded,
     required TResult Function(String message) error,
   }) {
     return loading();
@@ -416,7 +768,9 @@ class _$LoadingImpl implements _Loading {
   TResult? whenOrNull<TResult extends Object?>({
     TResult? Function()? initial,
     TResult? Function()? loading,
-    TResult? Function(List<Product> products)? loaded,
+    TResult? Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult? Function(String message)? error,
   }) {
     return loading?.call();
@@ -427,7 +781,9 @@ class _$LoadingImpl implements _Loading {
   TResult maybeWhen<TResult extends Object?>({
     TResult Function()? initial,
     TResult Function()? loading,
-    TResult Function(List<Product> products)? loaded,
+    TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult Function(String message)? error,
     required TResult orElse(),
   }) {
@@ -485,7 +841,11 @@ abstract class _$$LoadedImplCopyWith<$Res> {
           _$LoadedImpl value, $Res Function(_$LoadedImpl) then) =
       __$$LoadedImplCopyWithImpl<$Res>;
   @useResult
-  $Res call({List<Product> products});
+  $Res call(
+      {List<Product> products,
+      bool hasReachedMax,
+      int currentPage,
+      bool isLoadingMore});
 }
 
 /// @nodoc
@@ -502,12 +862,27 @@ class __$$LoadedImplCopyWithImpl<$Res>
   @override
   $Res call({
     Object? products = null,
+    Object? hasReachedMax = null,
+    Object? currentPage = null,
+    Object? isLoadingMore = null,
   }) {
     return _then(_$LoadedImpl(
-      null == products
+      products: null == products
           ? _value._products
           : products // ignore: cast_nullable_to_non_nullable
               as List<Product>,
+      hasReachedMax: null == hasReachedMax
+          ? _value.hasReachedMax
+          : hasReachedMax // ignore: cast_nullable_to_non_nullable
+              as bool,
+      currentPage: null == currentPage
+          ? _value.currentPage
+          : currentPage // ignore: cast_nullable_to_non_nullable
+              as int,
+      isLoadingMore: null == isLoadingMore
+          ? _value.isLoadingMore
+          : isLoadingMore // ignore: cast_nullable_to_non_nullable
+              as bool,
     ));
   }
 }
@@ -515,7 +890,12 @@ class __$$LoadedImplCopyWithImpl<$Res>
 /// @nodoc
 
 class _$LoadedImpl implements _Loaded {
-  const _$LoadedImpl(final List<Product> products) : _products = products;
+  const _$LoadedImpl(
+      {required final List<Product> products,
+      required this.hasReachedMax,
+      required this.currentPage,
+      required this.isLoadingMore})
+      : _products = products;
 
   final List<Product> _products;
   @override
@@ -525,9 +905,16 @@ class _$LoadedImpl implements _Loaded {
     return EqualUnmodifiableListView(_products);
   }
 
+  @override
+  final bool hasReachedMax;
+  @override
+  final int currentPage;
+  @override
+  final bool isLoadingMore;
+
   @override
   String toString() {
-    return 'ProductLoaderState.loaded(products: $products)';
+    return 'ProductLoaderState.loaded(products: $products, hasReachedMax: $hasReachedMax, currentPage: $currentPage, isLoadingMore: $isLoadingMore)';
   }
 
   @override
@@ -535,12 +922,22 @@ class _$LoadedImpl implements _Loaded {
     return identical(this, other) ||
         (other.runtimeType == runtimeType &&
             other is _$LoadedImpl &&
-            const DeepCollectionEquality().equals(other._products, _products));
+            const DeepCollectionEquality().equals(other._products, _products) &&
+            (identical(other.hasReachedMax, hasReachedMax) ||
+                other.hasReachedMax == hasReachedMax) &&
+            (identical(other.currentPage, currentPage) ||
+                other.currentPage == currentPage) &&
+            (identical(other.isLoadingMore, isLoadingMore) ||
+                other.isLoadingMore == isLoadingMore));
   }
 
   @override
-  int get hashCode =>
-      Object.hash(runtimeType, const DeepCollectionEquality().hash(_products));
+  int get hashCode => Object.hash(
+      runtimeType,
+      const DeepCollectionEquality().hash(_products),
+      hasReachedMax,
+      currentPage,
+      isLoadingMore);
 
   /// Create a copy of ProductLoaderState
   /// with the given fields replaced by the non-null parameter values.
@@ -555,10 +952,12 @@ class _$LoadedImpl implements _Loaded {
   TResult when<TResult extends Object?>({
     required TResult Function() initial,
     required TResult Function() loading,
-    required TResult Function(List<Product> products) loaded,
+    required TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)
+        loaded,
     required TResult Function(String message) error,
   }) {
-    return loaded(products);
+    return loaded(products, hasReachedMax, currentPage, isLoadingMore);
   }
 
   @override
@@ -566,10 +965,12 @@ class _$LoadedImpl implements _Loaded {
   TResult? whenOrNull<TResult extends Object?>({
     TResult? Function()? initial,
     TResult? Function()? loading,
-    TResult? Function(List<Product> products)? loaded,
+    TResult? Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult? Function(String message)? error,
   }) {
-    return loaded?.call(products);
+    return loaded?.call(products, hasReachedMax, currentPage, isLoadingMore);
   }
 
   @override
@@ -577,12 +978,14 @@ class _$LoadedImpl implements _Loaded {
   TResult maybeWhen<TResult extends Object?>({
     TResult Function()? initial,
     TResult Function()? loading,
-    TResult Function(List<Product> products)? loaded,
+    TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult Function(String message)? error,
     required TResult orElse(),
   }) {
     if (loaded != null) {
-      return loaded(products);
+      return loaded(products, hasReachedMax, currentPage, isLoadingMore);
     }
     return orElse();
   }
@@ -626,9 +1029,16 @@ class _$LoadedImpl implements _Loaded {
 }
 
 abstract class _Loaded implements ProductLoaderState {
-  const factory _Loaded(final List<Product> products) = _$LoadedImpl;
+  const factory _Loaded(
+      {required final List<Product> products,
+      required final bool hasReachedMax,
+      required final int currentPage,
+      required final bool isLoadingMore}) = _$LoadedImpl;
 
   List<Product> get products;
+  bool get hasReachedMax;
+  int get currentPage;
+  bool get isLoadingMore;
 
   /// Create a copy of ProductLoaderState
   /// with the given fields replaced by the non-null parameter values.
@@ -707,7 +1117,9 @@ class _$ErrorImpl implements _Error {
   TResult when<TResult extends Object?>({
     required TResult Function() initial,
     required TResult Function() loading,
-    required TResult Function(List<Product> products) loaded,
+    required TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)
+        loaded,
     required TResult Function(String message) error,
   }) {
     return error(message);
@@ -718,7 +1130,9 @@ class _$ErrorImpl implements _Error {
   TResult? whenOrNull<TResult extends Object?>({
     TResult? Function()? initial,
     TResult? Function()? loading,
-    TResult? Function(List<Product> products)? loaded,
+    TResult? Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult? Function(String message)? error,
   }) {
     return error?.call(message);
@@ -729,7 +1143,9 @@ class _$ErrorImpl implements _Error {
   TResult maybeWhen<TResult extends Object?>({
     TResult Function()? initial,
     TResult Function()? loading,
-    TResult Function(List<Product> products)? loaded,
+    TResult Function(List<Product> products, bool hasReachedMax,
+            int currentPage, bool isLoadingMore)?
+        loaded,
     TResult Function(String message)? error,
     required TResult orElse(),
   }) {

lib/presentation/home/bloc/product_loader/product_loader_event.dart

@@ -2,5 +2,9 @@ part of 'product_loader_bloc.dart';
 
 @freezed
 class ProductLoaderEvent with _$ProductLoaderEvent {
-  const factory ProductLoaderEvent.getProduct() = _GetProduct;
+  const factory ProductLoaderEvent.getProduct(
+      {String? categoryId, String? search}) = _GetProduct;
+  const factory ProductLoaderEvent.loadMore(
+      {String? categoryId, String? search}) = _LoadMore;
+  const factory ProductLoaderEvent.refresh() = _Refresh;
 }

lib/presentation/home/bloc/product_loader/product_loader_state.dart

@@ -4,6 +4,11 @@ part of 'product_loader_bloc.dart';
 class ProductLoaderState with _$ProductLoaderState {
   const factory ProductLoaderState.initial() = _Initial;
   const factory ProductLoaderState.loading() = _Loading;
-  const factory ProductLoaderState.loaded(List<Product> products) = _Loaded;
+  const factory ProductLoaderState.loaded({
+    required List<Product> products,
+    required bool hasReachedMax,
+    required int currentPage,
+    required bool isLoadingMore,
+  }) = _Loaded;
   const factory ProductLoaderState.error(String message) = _Error;
 }

lib/presentation/home/bloc/qris/qris_bloc.dart

@@ -1,4 +1,3 @@
-import 'dart:async';
 import 'dart:developer';
 
 import 'package:flutter_bloc/flutter_bloc.dart';

lib/presentation/home/bloc/user_update_outlet/user_update_outlet_bloc.dart

@@ -0,0 +1,30 @@
+import 'package:bloc/bloc.dart';
+import 'package:enaklo_pos/data/datasources/user_remote_datasource.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'user_update_outlet_event.dart';
+part 'user_update_outlet_state.dart';
+part 'user_update_outlet_bloc.freezed.dart';
+
+class UserUpdateOutletBloc
+    extends Bloc<UserUpdateOutletEvent, UserUpdateOutletState> {
+  final UserRemoteDatasource _userRemoteDatasource;
+
+  UserUpdateOutletBloc(this._userRemoteDatasource)
+      : super(UserUpdateOutletState.initial()) {
+    on<_Update>(
+      (event, emit) async {
+        emit(const _Loading());
+
+        final result = await _userRemoteDatasource.updateOutlet(
+          event.outlet,
+        );
+
+        result.fold(
+          (error) => emit(_Error(error)),
+          (success) => emit(_Success()),
+        );
+      },
+    );
+  }
+}

lib/presentation/home/bloc/user_update_outlet/user_update_outlet_bloc.freezed.dart

@@ -0,0 +1,811 @@
+// coverage:ignore-file
+// GENERATED CODE - DO NOT MODIFY BY HAND
+// ignore_for_file: type=lint
+// ignore_for_file: unused_element, deprecated_member_use, deprecated_member_use_from_same_package, use_function_type_syntax_for_parameters, unnecessary_const, avoid_init_to_null, invalid_override_different_default_values_named, prefer_expression_function_bodies, annotate_overrides, invalid_annotation_target, unnecessary_question_mark
+
+part of 'user_update_outlet_bloc.dart';
+
+// **************************************************************************
+// FreezedGenerator
+// **************************************************************************
+
+T _$identity<T>(T value) => value;
+
+final _privateConstructorUsedError = UnsupportedError(
+    'It seems like you constructed your class using `MyClass._()`. This constructor is only meant to be used by freezed and you are not supposed to need it nor use it.\nPlease check the documentation here for more information: https://github.com/rrousselGit/freezed#adding-getters-and-methods-to-our-models');
+
+/// @nodoc
+mixin _$UserUpdateOutletEvent {
+  String get outlet => throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function(String outlet) update,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function(String outlet)? update,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function(String outlet)? update,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Update value) update,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Update value)? update,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Update value)? update,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+
+  /// Create a copy of UserUpdateOutletEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  $UserUpdateOutletEventCopyWith<UserUpdateOutletEvent> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $UserUpdateOutletEventCopyWith<$Res> {
+  factory $UserUpdateOutletEventCopyWith(UserUpdateOutletEvent value,
+          $Res Function(UserUpdateOutletEvent) then) =
+      _$UserUpdateOutletEventCopyWithImpl<$Res, UserUpdateOutletEvent>;
+  @useResult
+  $Res call({String outlet});
+}
+
+/// @nodoc
+class _$UserUpdateOutletEventCopyWithImpl<$Res,
+        $Val extends UserUpdateOutletEvent>
+    implements $UserUpdateOutletEventCopyWith<$Res> {
+  _$UserUpdateOutletEventCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  /// Create a copy of UserUpdateOutletEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? outlet = null,
+  }) {
+    return _then(_value.copyWith(
+      outlet: null == outlet
+          ? _value.outlet
+          : outlet // ignore: cast_nullable_to_non_nullable
+              as String,
+    ) as $Val);
+  }
+}
+
+/// @nodoc
+abstract class _$$UpdateImplCopyWith<$Res>
+    implements $UserUpdateOutletEventCopyWith<$Res> {
+  factory _$$UpdateImplCopyWith(
+          _$UpdateImpl value, $Res Function(_$UpdateImpl) then) =
+      __$$UpdateImplCopyWithImpl<$Res>;
+  @override
+  @useResult
+  $Res call({String outlet});
+}
+
+/// @nodoc
+class __$$UpdateImplCopyWithImpl<$Res>
+    extends _$UserUpdateOutletEventCopyWithImpl<$Res, _$UpdateImpl>
+    implements _$$UpdateImplCopyWith<$Res> {
+  __$$UpdateImplCopyWithImpl(
+      _$UpdateImpl _value, $Res Function(_$UpdateImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of UserUpdateOutletEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? outlet = null,
+  }) {
+    return _then(_$UpdateImpl(
+      null == outlet
+          ? _value.outlet
+          : outlet // ignore: cast_nullable_to_non_nullable
+              as String,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$UpdateImpl implements _Update {
+  const _$UpdateImpl(this.outlet);
+
+  @override
+  final String outlet;
+
+  @override
+  String toString() {
+    return 'UserUpdateOutletEvent.update(outlet: $outlet)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$UpdateImpl &&
+            (identical(other.outlet, outlet) || other.outlet == outlet));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType, outlet);
+
+  /// Create a copy of UserUpdateOutletEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$UpdateImplCopyWith<_$UpdateImpl> get copyWith =>
+      __$$UpdateImplCopyWithImpl<_$UpdateImpl>(this, _$identity);
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function(String outlet) update,
+  }) {
+    return update(outlet);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function(String outlet)? update,
+  }) {
+    return update?.call(outlet);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function(String outlet)? update,
+    required TResult orElse(),
+  }) {
+    if (update != null) {
+      return update(outlet);
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Update value) update,
+  }) {
+    return update(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Update value)? update,
+  }) {
+    return update?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Update value)? update,
+    required TResult orElse(),
+  }) {
+    if (update != null) {
+      return update(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Update implements UserUpdateOutletEvent {
+  const factory _Update(final String outlet) = _$UpdateImpl;
+
+  @override
+  String get outlet;
+
+  /// Create a copy of UserUpdateOutletEvent
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$UpdateImplCopyWith<_$UpdateImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+mixin _$UserUpdateOutletState {
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function() success,
+    required TResult Function(String message) error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function()? success,
+    TResult? Function(String message)? error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function()? success,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Success value) success,
+    required TResult Function(_Error value) error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Success value)? success,
+    TResult? Function(_Error value)? error,
+  }) =>
+      throw _privateConstructorUsedError;
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Success value)? success,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $UserUpdateOutletStateCopyWith<$Res> {
+  factory $UserUpdateOutletStateCopyWith(UserUpdateOutletState value,
+          $Res Function(UserUpdateOutletState) then) =
+      _$UserUpdateOutletStateCopyWithImpl<$Res, UserUpdateOutletState>;
+}
+
+/// @nodoc
+class _$UserUpdateOutletStateCopyWithImpl<$Res,
+        $Val extends UserUpdateOutletState>
+    implements $UserUpdateOutletStateCopyWith<$Res> {
+  _$UserUpdateOutletStateCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  /// Create a copy of UserUpdateOutletState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+abstract class _$$InitialImplCopyWith<$Res> {
+  factory _$$InitialImplCopyWith(
+          _$InitialImpl value, $Res Function(_$InitialImpl) then) =
+      __$$InitialImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$InitialImplCopyWithImpl<$Res>
+    extends _$UserUpdateOutletStateCopyWithImpl<$Res, _$InitialImpl>
+    implements _$$InitialImplCopyWith<$Res> {
+  __$$InitialImplCopyWithImpl(
+      _$InitialImpl _value, $Res Function(_$InitialImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of UserUpdateOutletState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$InitialImpl implements _Initial {
+  const _$InitialImpl();
+
+  @override
+  String toString() {
+    return 'UserUpdateOutletState.initial()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$InitialImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function() success,
+    required TResult Function(String message) error,
+  }) {
+    return initial();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function()? success,
+    TResult? Function(String message)? error,
+  }) {
+    return initial?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function()? success,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (initial != null) {
+      return initial();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Success value) success,
+    required TResult Function(_Error value) error,
+  }) {
+    return initial(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Success value)? success,
+    TResult? Function(_Error value)? error,
+  }) {
+    return initial?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Success value)? success,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (initial != null) {
+      return initial(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Initial implements UserUpdateOutletState {
+  const factory _Initial() = _$InitialImpl;
+}
+
+/// @nodoc
+abstract class _$$LoadingImplCopyWith<$Res> {
+  factory _$$LoadingImplCopyWith(
+          _$LoadingImpl value, $Res Function(_$LoadingImpl) then) =
+      __$$LoadingImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$LoadingImplCopyWithImpl<$Res>
+    extends _$UserUpdateOutletStateCopyWithImpl<$Res, _$LoadingImpl>
+    implements _$$LoadingImplCopyWith<$Res> {
+  __$$LoadingImplCopyWithImpl(
+      _$LoadingImpl _value, $Res Function(_$LoadingImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of UserUpdateOutletState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$LoadingImpl implements _Loading {
+  const _$LoadingImpl();
+
+  @override
+  String toString() {
+    return 'UserUpdateOutletState.loading()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$LoadingImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function() success,
+    required TResult Function(String message) error,
+  }) {
+    return loading();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function()? success,
+    TResult? Function(String message)? error,
+  }) {
+    return loading?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function()? success,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (loading != null) {
+      return loading();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Success value) success,
+    required TResult Function(_Error value) error,
+  }) {
+    return loading(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Success value)? success,
+    TResult? Function(_Error value)? error,
+  }) {
+    return loading?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Success value)? success,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (loading != null) {
+      return loading(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Loading implements UserUpdateOutletState {
+  const factory _Loading() = _$LoadingImpl;
+}
+
+/// @nodoc
+abstract class _$$SuccessImplCopyWith<$Res> {
+  factory _$$SuccessImplCopyWith(
+          _$SuccessImpl value, $Res Function(_$SuccessImpl) then) =
+      __$$SuccessImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$SuccessImplCopyWithImpl<$Res>
+    extends _$UserUpdateOutletStateCopyWithImpl<$Res, _$SuccessImpl>
+    implements _$$SuccessImplCopyWith<$Res> {
+  __$$SuccessImplCopyWithImpl(
+      _$SuccessImpl _value, $Res Function(_$SuccessImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of UserUpdateOutletState
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$SuccessImpl implements _Success {
+  const _$SuccessImpl();
+
+  @override
+  String toString() {
+    return 'UserUpdateOutletState.success()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$SuccessImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function() success,
+    required TResult Function(String message) error,
+  }) {
+    return success();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function()? success,
+    TResult? Function(String message)? error,
+  }) {
+    return success?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function()? success,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (success != null) {
+      return success();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Success value) success,
+    required TResult Function(_Error value) error,
+  }) {
+    return success(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Success value)? success,
+    TResult? Function(_Error value)? error,
+  }) {
+    return success?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Success value)? success,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (success != null) {
+      return success(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Success implements UserUpdateOutletState {
+  const factory _Success() = _$SuccessImpl;
+}
+
+/// @nodoc
+abstract class _$$ErrorImplCopyWith<$Res> {
+  factory _$$ErrorImplCopyWith(
+          _$ErrorImpl value, $Res Function(_$ErrorImpl) then) =
+      __$$ErrorImplCopyWithImpl<$Res>;
+  @useResult
+  $Res call({String message});
+}
+
+/// @nodoc
+class __$$ErrorImplCopyWithImpl<$Res>
+    extends _$UserUpdateOutletStateCopyWithImpl<$Res, _$ErrorImpl>
+    implements _$$ErrorImplCopyWith<$Res> {
+  __$$ErrorImplCopyWithImpl(
+      _$ErrorImpl _value, $Res Function(_$ErrorImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of UserUpdateOutletState
+  /// with the given fields replaced by the non-null parameter values.
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? message = null,
+  }) {
+    return _then(_$ErrorImpl(
+      null == message
+          ? _value.message
+          : message // ignore: cast_nullable_to_non_nullable
+              as String,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$ErrorImpl implements _Error {
+  const _$ErrorImpl(this.message);
+
+  @override
+  final String message;
+
+  @override
+  String toString() {
+    return 'UserUpdateOutletState.error(message: $message)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$ErrorImpl &&
+            (identical(other.message, message) || other.message == message));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType, message);
+
+  /// Create a copy of UserUpdateOutletState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$ErrorImplCopyWith<_$ErrorImpl> get copyWith =>
+      __$$ErrorImplCopyWithImpl<_$ErrorImpl>(this, _$identity);
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() initial,
+    required TResult Function() loading,
+    required TResult Function() success,
+    required TResult Function(String message) error,
+  }) {
+    return error(message);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? initial,
+    TResult? Function()? loading,
+    TResult? Function()? success,
+    TResult? Function(String message)? error,
+  }) {
+    return error?.call(message);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? initial,
+    TResult Function()? loading,
+    TResult Function()? success,
+    TResult Function(String message)? error,
+    required TResult orElse(),
+  }) {
+    if (error != null) {
+      return error(message);
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_Initial value) initial,
+    required TResult Function(_Loading value) loading,
+    required TResult Function(_Success value) success,
+    required TResult Function(_Error value) error,
+  }) {
+    return error(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_Initial value)? initial,
+    TResult? Function(_Loading value)? loading,
+    TResult? Function(_Success value)? success,
+    TResult? Function(_Error value)? error,
+  }) {
+    return error?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_Initial value)? initial,
+    TResult Function(_Loading value)? loading,
+    TResult Function(_Success value)? success,
+    TResult Function(_Error value)? error,
+    required TResult orElse(),
+  }) {
+    if (error != null) {
+      return error(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _Error implements UserUpdateOutletState {
+  const factory _Error(final String message) = _$ErrorImpl;
+
+  String get message;
+
+  /// Create a copy of UserUpdateOutletState
+  /// with the given fields replaced by the non-null parameter values.
+  @JsonKey(includeFromJson: false, includeToJson: false)
+  _$$ErrorImplCopyWith<_$ErrorImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}

lib/presentation/home/bloc/user_update_outlet/user_update_outlet_event.dart

@@ -0,0 +1,6 @@
+part of 'user_update_outlet_bloc.dart';
+
+@freezed
+class UserUpdateOutletEvent with _$UserUpdateOutletEvent {
+  const factory UserUpdateOutletEvent.update(String outlet) = _Update;
+}

lib/presentation/home/bloc/user_update_outlet/user_update_outlet_state.dart

@@ -0,0 +1,9 @@
+part of 'user_update_outlet_bloc.dart';
+
+@freezed
+class UserUpdateOutletState with _$UserUpdateOutletState {
+  const factory UserUpdateOutletState.initial() = _Initial;
+  const factory UserUpdateOutletState.loading() = _Loading;
+  const factory UserUpdateOutletState.success() = _Success;
+  const factory UserUpdateOutletState.error(String message) = _Error;
+}