Danh mục màn hình on AKAIUNSAN — Tài liệu nghiệp vụ

Màn hình — Tab chính

Mon, 01 Jan 0001 00:00:00 +0000

Tab chính (Bottom Bar)

Container: Main/BottomBar — bottom tab 4 mục, badge số thông báo chưa đọc trên tab Inbox.

Home — Trang chủ

Tệp: Main/Home.tsx · FR: FR-HOME-01
Thành phần: header (tên + điểm + chọn ngôn ngữ), banner carousel, hàng dịch vụ yêu thích, lưới 5 nhóm dịch vụ (+3 mục sắp ra mắt), mục Cập nhật & khuyến mãi.
Vào/Đi: từ đăng nhập hoặc tab; đi tới Service (chọn dịch vụ), Promotion/Detail (chạm banner), AllService, Favourite/Service.
Trạng thái: pull-to-refresh làm mới; token rỗng → replace sang Auth/Login; lỗi API → Alert và giữ giao diện.
Hành động: chạm dịch vụ → mở cấu hình; chạm mục khuyến mãi → chi tiết.

Booking — Danh sách đơn

Tệp: Main/Booking.tsx · FR: FR-BOOK-05
Thành phần: header với icon lịch (→ Booking/Calendar), hai tab sắp tới / lịch sử, danh sách thẻ đơn.
Hành động: chạm đơn sắp tới → Booking/BookingDetail; chạm đơn lịch sử → Booking/DetailHistory; kéo-cuối tải thêm trang; kéo-tải làm mới (xóa list rồi tải trang 1).

Inbox — Hộp thông báo

Tệp: Main/Inbox.tsx · FR: FR-NOTI-01..03
Thành phần: header (đọc tất cả, xóa), hai tab Thông báo / Khuyến mãi, danh sách dòng (chấm vàng = chưa đọc), checkbox chế độ xóa.
Hành động: chạm mục → đánh dấu đã đọc + mở chi tiết; icon trống → xóa mục đã chọn; “Tất cả” → xóa toàn bộ tab; đọc tất cả → POST read-all rồi refresh.

Account — Tài khoản

Tệp: Main/Account.tsx · FR: FR-PRO-01
Thành phần: khối hồ sơ (ảnh, tên, điểm), danh sách menu (Hồ sơ, Thanh toán, Yêu thích, My Booking, Về chúng tôi, Giới thiệu…), mục đăng xuất.
Hành động: chạm menu → điều hướng màn tương ứng; đăng xuất → hộp xác nhận → xóa token → về Auth/Login.

Màn hình — Xác thực

Mon, 01 Jan 0001 00:00:00 +0000

Màn hình xác thực

Chỉ hiển thị khi chưa có token. Sau đăng nhập/đăng ký thành công, nhóm này rời khỏi ngăn xếp.

Auth/Login — Đăng nhập

Tệp: Auth/Login.tsx · FR: FR-ACC-02
Thành phần: ô email + mật khẩu, nút Sign In, đăng nhập Google, quên mật khẩu, liên kết sang Đăng ký.
Hành động: đăng nhập thành công → lưu token → Trang chủ → đăng ký token FCM + gọi cập nhật ngôn ngữ.
Lỗi: sai thông tin (thông báo chung), hủy Google (quay lại màn hình), lỗi 400 (thông báo dịch i18n home.error_400).

Auth/Signup — Đăng ký

Tệp: Auth/Signup.tsx · FR: FR-ACC-01
Thành phần: tên, họ, email, số điện thoại, mật khẩu, giới tính, nhà tài trợ (tùy chọn), đồng ý điều khoản.
Hành động: submit hợp lệ → tạo tài khoản → đăng nhập → tới Trang chủ. Lỗi trùng email/biếu thuật → nhãn lỗi tại ô.

Auth/ForgotPassword — Quên mật khẩu

Tệp: Auth/ForgotPassword.tsx · FR: FR-ACC-03
Thành phần: nhập email/SĐT → nhận OTP → nhập OTP + mật khẩu mới.
Lỗi: OTP sai/hết hạn → cho nhập lại; đặt lại xong → về Login.

Màn hình — Dịch vụ & đặt lịch

Mon, 01 Jan 0001 00:00:00 +0000

Màn hình dịch vụ & đặt lịch

Service — Cấu hình dịch vụ (wizard)

Tệp: ServiceScreen/Service.tsx · FR: FR-SVC-02/03
Thành phần: 3 bước — (1) tùy chọn dịch vụ (giờ, phòng/thú, extra services), (2) ngày giờ + helper + địa chỉ, (3) thanh toán & xác nhận.
Trạng thái: giá cập nhật realtime; khối slider giờ ép khoảng cách tối thiểu 2h; nút bấm qua các bước có validate.
Đi: tạo đơn thành công → thông báo + về danh sách đơn; thanh toán thẻ qua Omise.

AllService — Tất cả dịch vụ

Tệp: ServiceScreen/AllService.tsx · FR: FR-SVC-01
Hành động: chạm một dịch vụ → Service (wizard). Dùng để xem trọn danh mục khi Trang chủ chỉ hiển thị 5 mục.

EditAndReOrderAndEditService — Sửa / đặt lại

Tệp: EditAndReOrderServiceScreen/EditAndReOrderService.tsx
Mục đích: cùng wizard bước 1–3 nhưng chạy chế độ sửa (điền sẵn dữ liệu đơn) hoặc đặt lại dịch vụ cho đơn cũ; bước 3 gọi API sửa đơn thay vì tạo mới.
Vào: từ chi tiết đơn có hành động “Sửa/Đặt lại”.

PaymentPetcare — Thanh toán Petcare / tiền mặt

Tệp: Other/PaymentPetcare.tsx · FR: FR-PAY-03
Mục đích: màn thanh toán riêng cho luồng petcare/đơn tiền mặt, hiển thị thời gian đã chọn và xác nhận thanh toán.

Booking/Calendar — Lịch

Tệp: Booking/Calendar.tsx · FR: FR-BOOK-01
Thành phần: lịch tháng (đổi tháng qua mũi tên, ô hôm nay tô lime), dải khung giờ 06:00–21:00, job đã đặt hiển thị dạng khối trên lưới giờ.
Hành động: chọn khung giờ hợp lệ → truyền ngày giờ về wizard; quá khứ bị chặn.

Booking/BookingDetail — Chi tiết đơn

Tệp: Booking/BookingDetail.tsx · FR: FR-BOOK-04/06/07
Thành phần: bảng thông tin dịch vụ/giờ/địa chỉ, helper, giá & khuyến mãi, nút theo trạng thái (hủy, yêu cầu đặc biệt, xác nhận).
Lỗi: hủy ở trạng thái không cho phép → Alert; thiếu dữ liệu → trạng thái trống.

Booking/DetailHistory — Chi tiết đơn lịch sử

Tệp: Booking/DetailHistory.tsx · FR: FR-HIST-01
Giống BookingDetail nhưng chỉ đọc, cho đơn COMPLETED/CANCEL.

History/List & History/Detail — Lịch sử có lọc ngày

Tệp: History/HistoryList.tsx, History/HistoryDetail.tsx · FR: FR-HIST-01
Thành phần: bộ chọn khoảng ngày (DateTimePicker) + danh sách đơn; chi tiết hiển thị số giờ dịch vụ (duration).

MyBooking/List & MyBooking/Detail — Việc đã đặt

Tệp: MyBooking/ListMyBooking.tsx (Detail tái dùng BookingDetail) · FR: FR-BOOK-05
Mục đích: danh sách việc đã đặt để truy cập nhanh/hủy; hỗ trợ pull-to-refresh và xóa việc.

Màn hình — Kế hoạch & ưu đãi

Mon, 01 Jan 0001 00:00:00 +0000

Màn hình kế hoạch (plan) & ưu đãi

FixPlan — Gói cố định

FixPlan/AddFixPlan (Other/FixPlan/AddFixPlan.tsx): tạo gói Fix — chọn dịch vụ, số giờ mỗi buổi, ngày trong tuần (lặp), helper; nút giảm giờ phản hồi giá tức thời (BL-SUB-01).
FixPlan/PickAddress (Other/FixPlan/PickAddress.tsx): chọn địa chỉ + thời gian từng buổi, gợi ý thêm 3 buổi kế tiếp (cùng khung giờ tuần kế); xác nhận gói kèm điểm/khuyến mãi (charges-plan).
FixPlan/ResultPayment (Other/FixPlan/ResultPayment.tsx): trang kết quả sau thanh toán gói — tổng tiền, danh sách buổi đã đặt; nút về trang chủ.

FexiblePlan — Gói linh hoạt

FexiblePlan/ListPlan (Other/FexiblePlan/ListPlan.tsx): danh sách gói Flexible đang bán + gói hiện tại; vào chi tiết để mua/đồng ý.
FexiblePlan/Detail (Other/FexiblePlan/Detail.tsx): chi tiết gói — giá, ưu đãi, công tắc tự động gia hạn (BL-SUB-03), nút mua (Agree) và hủy gói có lý do.
FexiblePlan/Agree (Other/FexiblePlan/Agree.tsx): xác nhận điều khoản và chốt mua gói.

Subscription — Quản lý gói

AllSubscriptionPlan (Subscription/AllSubscriptionPlan.tsx): toàn bộ gói theo nhóm (Flexible/Fix), trạng thái hủy của từng mục.
Subscription/Detail (Subscription/SubscriptionDetail.tsx): gói hiện tại; phần nội dung booking đang vô hiệu hóa (dead code giữ lại) — chỉ hiển thị hai nhãn dẫn tới gói.

Promotion — Khuyến mãi

Promotion/List (Promotion/PromotionList.tsx): danh sách khuyến mãi/news đang chạy.
Promotion/Detail (Promotion/PromotionDetail.tsx): chi tiết khuyến mãi — gallery ảnh, nội dung HTML, điều kiện; là đích deep link của thông báo loại 1/2.

Màn hình — Tài khoản & tiện ích

Mon, 01 Jan 0001 00:00:00 +0000

Màn hình tài khoản & tiện ích

EditProfile — Sửa hồ sơ

Tệp: Other/EditProfile.tsx · FR: FR-PRO-01
Thành phần: ảnh đại diện (chụp/chọn thư viện), họ tên, giới tính, email, số điện thoại (validate), địa chỉ.
Lỗi: số điện thoại/email sai định dạng → nhãn lỗi; lưu xong → hồ sơ trên Trang chủ cập nhật.

Payment/List — Quản lý thẻ

Tệp: Payment/PaymentList.tsx · FR: FR-PAY-01
Thành phần: danh sách thẻ (4 số cuối, tên, hạn), radio thẻ mặc định, nút xóa có xác nhận, nút Add mở modal Omise (AddCardPayment).
Trạng thái: rỗng → nhãn “chưa có thẻ” + nút thanh toán vô hiệu.

Address & Address/Pick — Sổ địa chỉ

Tệp: Address/Address.tsx, Address/PickAddress.tsx · FR: FR-PRO-02
Address: danh sách địa chỉ đã lưu — thêm/sửa/xóa, đặt mặc định.
Pick: nhập tìm gợi ý hoặc chọn điểm trên bản đồ → trả tọa độ + địa chỉ về màn gọi.

Favourite — Yêu thích

Favourite/Menu (Favourite/Menu.tsx): hai lựa chọn — Dịch vụ yêu thích / Helper yêu thích.
Favourite/Service (Favourite/Service.tsx): danh sách dịch vụ đã thích; chạm → mở dịch vụ; trái tim → bỏ thích.
Favourite/ServiceProvider (Favourite/ServiceProvider.tsx): danh sách helper đã thích; hỗ trợ xóa hàng loạt (checkbox).

InboxDetail — Chi tiết thông báo

Tệp: Other/InboxDetail.tsx · FR: FR-NOTI-01
Hiển thị tiêu đề, thời gian (đổi múi giờ về Việt Nam), nội dung; thông báo đơn hàng kèm chi tiết giờ làm (đổi ra số giờ).

PreferToFriend — Giới thiệu bạn bè

Tệp: Other/PreferToFriend.tsx · FR: FR-REF-01
Danh sách người được giới thiệu (không trùng theo userId), nút chia sẻ; phân trang khi tải thêm.

AboutUs (+ AboutUs/View) — Về chúng tôi

Tệp: Other/AboutUs.tsx
AboutUs nhận url từ route params và mở trong WebView; AboutUs/View là biến thể xem nội dung tĩnh (điều khoản, chính sách).