From b4b900cfc14ef69f6ae7b55187fb7e04da7c9c17 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Mon, 1 Dec 2025 10:33:22 +0330
Subject: [PATCH] bulk cart

---
 .../(Dialogs)/cart/hooks/useCartData.ts       |  8 +++++
 .../(Dialogs)/cart/service/CartService.ts     |  7 ++++
 src/app/[name]/(Dialogs)/cart/types/Types.ts  |  6 ++++
 src/components/menu/SideMenu.tsx              | 22 +++++++++---
 .../auth/components/StepEnterNumber.tsx       |  3 +-
 src/features/auth/components/StepOtp.tsx      | 34 +++++++++++++++++--
 src/features/general/LogoutPrompt.tsx         | 13 +++++--
 src/locales/fa/common.json                    |  1 +
 8 files changed, 83 insertions(+), 11 deletions(-)
 create mode 100644 src/app/[name]/(Dialogs)/cart/hooks/useCartData.ts
 create mode 100644 src/app/[name]/(Dialogs)/cart/service/CartService.ts
 create mode 100644 src/app/[name]/(Dialogs)/cart/types/Types.ts

diff --git a/src/app/[name]/(Dialogs)/cart/hooks/useCartData.ts b/src/app/[name]/(Dialogs)/cart/hooks/useCartData.ts
new file mode 100644
index 0000000..eed45d5
--- /dev/null
+++ b/src/app/[name]/(Dialogs)/cart/hooks/useCartData.ts
@@ -0,0 +1,8 @@
+import { useMutation } from "@tanstack/react-query";
+import * as api from "../service/CartService";
+
+export const useBulkCart = () => {
+  return useMutation({
+    mutationFn: api.bulkCart,
+  });
+};
diff --git a/src/app/[name]/(Dialogs)/cart/service/CartService.ts b/src/app/[name]/(Dialogs)/cart/service/CartService.ts
new file mode 100644
index 0000000..aaac41b
--- /dev/null
+++ b/src/app/[name]/(Dialogs)/cart/service/CartService.ts
@@ -0,0 +1,7 @@
+import { api } from "@/config/axios";
+import { BulkCartItem } from "../types/Types";
+
+export const bulkCart = async (params: BulkCartItem) => {
+  const { data } = await api.post("/public/cart/items/bulk", params);
+  return data;
+};
diff --git a/src/app/[name]/(Dialogs)/cart/types/Types.ts b/src/app/[name]/(Dialogs)/cart/types/Types.ts
new file mode 100644
index 0000000..758b372
--- /dev/null
+++ b/src/app/[name]/(Dialogs)/cart/types/Types.ts
@@ -0,0 +1,6 @@
+export type BulkCartItem = {
+  items: {
+    foodId: string;
+    quantity: number;
+  }[];
+};
diff --git a/src/components/menu/SideMenu.tsx b/src/components/menu/SideMenu.tsx
index 018eb17..5dec5bd 100644
--- a/src/components/menu/SideMenu.tsx
+++ b/src/components/menu/SideMenu.tsx
@@ -10,17 +10,19 @@ import Button from '../button/PrimaryButton';
 import { useParams, usePathname } from 'next/navigation';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
-import { CalendarSearch, Cup, DirectboxReceive, DirectInbox, DocumentCopy, Game, Icon, Instagram, Like1, LogoutCurve, Notification, Receipt1, Setting2, Share, TicketDiscount, Whatsapp } from 'iconsax-react';
+import { CalendarSearch, Cup, DirectboxReceive, DirectInbox, DocumentCopy, Game, Icon, Instagram, Like1, Login, LogoutCurve, Notification, Receipt1, Setting2, Share, TicketDiscount, Whatsapp } from 'iconsax-react';
 import TelegramIcon from '../icons/TelegramIcon';
 import Modal from '../utils/Modal';
 import LogoutPrompt from '@/features/general/LogoutPrompt';
 import useToggle from '@/hooks/helpers/useToggle';
+import { useAuthStore } from '@/zustand/authStore';
 
 type MenuItemType = {
     href: string | undefined;
     title: string;
     icon: Icon;
     auth?: boolean;
+    guestOnly?: boolean;
 };
 
 const menuItems: Array<Array<MenuItemType>> = [
@@ -38,7 +40,8 @@ const menuItems: Array<Array<MenuItemType>> = [
     [],
     [
         { auth: true, href: 'profile/settings', title: 'Preferences', icon: Setting2 },
-        { auth: true, href: '?logout', title: 'Logout', icon: LogoutCurve }
+        { auth: true, href: '?logout', title: 'Logout', icon: LogoutCurve },
+        { guestOnly: true, href: 'auth', title: 'LoginSignup', icon: Login }
     ]
 ];
 
@@ -52,7 +55,7 @@ type Props = {
 function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeState }: Props) {
     const menuStateMemo = useMemo(() => menuState, [menuState]);
     const closeRef = useRef<HTMLDivElement>(null);
-    const userIsAuthenticated = true; // useAuthStore((state) => state.isAuthenticated);
+    const userIsAuthenticated = useAuthStore((state) => state.isAuthenticated);
     const { state: logoutModal, toggle: toggleLogoutModal } = useToggle();
     const { state: shareModal, toggle: toggleShareModal } = useToggle();
     const { state: installPwaModal, toggle: toggleInstallPwaModal } = useToggle();
@@ -92,7 +95,11 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
                     <nav aria-label={tMenu('NavAriaLabel')}>
                         <ul>
                             {menuItems[0]
-                                .filter(item => !item.auth || (item.auth && userIsAuthenticated))
+                                .filter(item => {
+                                    if (item.auth && !userIsAuthenticated) return false;
+                                    if (item.guestOnly && userIsAuthenticated) return false;
+                                    return true;
+                                })
                                 .map(({ icon: Icon, ...item }, index) => {
                                     const href = `/${name}/${item.href}`;
                                     const isActive = pathname === href;
@@ -126,7 +133,11 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
                 <section aria-label={tMenu('ControlsAriaLabel')}>
                     <ul className="flex flex-col pt-16">
                         {menuItems[2]
-                            .filter(item => !item.auth || (item.auth && userIsAuthenticated))
+                            .filter(item => {
+                                if (item.auth && !userIsAuthenticated) return false;
+                                if (item.guestOnly && userIsAuthenticated) return false;
+                                return true;
+                            })
                             .map(({ icon: Icon, ...item }, index) => {
                                 const href = `/${name}/${item.href}`;
                                 const isActive = pathname === href;
@@ -203,6 +214,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
             <LogoutPrompt
                 visible={logoutModal}
                 onClick={toggleLogoutModal}
+                slug={name as string}
             />
 
             {/* Share modal */}
diff --git a/src/features/auth/components/StepEnterNumber.tsx b/src/features/auth/components/StepEnterNumber.tsx
index 3200e95..b4244d1 100644
--- a/src/features/auth/components/StepEnterNumber.tsx
+++ b/src/features/auth/components/StepEnterNumber.tsx
@@ -22,7 +22,7 @@ type StepEnterNumberProps = {
   value?: string
 }
 
-function StepEnterNumber (_props: StepEnterNumberProps = {}) {
+function StepEnterNumber(_props: StepEnterNumberProps = {}) {
   void _props
 
   const { t } = useTranslation('auth')
@@ -31,6 +31,7 @@ function StepEnterNumber (_props: StepEnterNumberProps = {}) {
 
   const { mutate: mutateOtpRequest, isPending } = useOtpRequest()
 
+
   const formik = useFormik<LoginOTPRequestType>({
     initialValues: {
       phone: '',
diff --git a/src/features/auth/components/StepOtp.tsx b/src/features/auth/components/StepOtp.tsx
index ba7b594..7597a0c 100644
--- a/src/features/auth/components/StepOtp.tsx
+++ b/src/features/auth/components/StepOtp.tsx
@@ -8,6 +8,8 @@ import { useOtpVerify } from '@/app/auth/login/hooks/useAuthData'
 import { toast } from '@/components/Toast'
 import Button from '@/components/button/PrimaryButton'
 import { extractErrorMessage } from '@/lib/func'
+import { useReceiptStore } from '@/zustand/receiptStore'
+import { useBulkCart } from '@/app/[name]/(Dialogs)/cart/hooks/useCartData'
 
 
 type Props = {
@@ -19,6 +21,10 @@ const StepOtp = ({ phone, slug }: Props) => {
 
     const { t } = useTranslation('auth')
     const { mutate: mutateOtpVerify, isPending } = useOtpVerify()
+
+    const { items, clear } = useReceiptStore()
+    const { mutate: mutateBulkCart, isPending: isBulkCartPending } = useBulkCart()
+
     const formik = useFormik<LoginVerifyOTPType>({
         initialValues: {
             phone: phone,
@@ -34,7 +40,31 @@ const StepOtp = ({ phone, slug }: Props) => {
                     toast(t('otp_verified'), 'success')
                     localStorage.setItem(process.env.NEXT_PUBLIC_TOKEN_NAME as string, data?.data?.tokens?.accessToken?.token as string)
                     localStorage.setItem(process.env.NEXT_PUBLIC_REFRESH_TOKEN_NAME as string, data?.data?.tokens?.refreshToken?.token as string)
-                    window.location.href = `/${slug}`
+
+                    if (Object.keys(items).length > 0) {
+                        const bulkCartItems = Object.entries(items).map(([key, value]) => {
+                            if (value.quantity > 0) {
+                                return {
+                                    foodId: key,
+                                    quantity: value.quantity
+                                }
+                            }
+                            return undefined
+                        }).filter((item): item is { foodId: string; quantity: number } => item !== undefined)
+                        mutateBulkCart({ items: bulkCartItems }, {
+                            onSuccess: () => {
+                                clear()
+                                window.location.href = `/${slug}`
+                            },
+                            onError: (error) => {
+                                toast(extractErrorMessage(error), 'error')
+                            }
+                        })
+                    } else {
+                        window.location.href = `/${slug}`
+                    }
+
+
                 },
                 onError: (error) => {
                     toast(extractErrorMessage(error), 'error')
@@ -64,7 +94,7 @@ const StepOtp = ({ phone, slug }: Props) => {
             <Button
                 className='mt-10'
                 disabled={!formik.isValid}
-                pending={isPending}
+                pending={isPending || isBulkCartPending}
                 type='button'
                 onClick={() => formik.handleSubmit()}
             >
diff --git a/src/features/general/LogoutPrompt.tsx b/src/features/general/LogoutPrompt.tsx
index e2af259..d726db3 100644
--- a/src/features/general/LogoutPrompt.tsx
+++ b/src/features/general/LogoutPrompt.tsx
@@ -5,9 +5,13 @@ import { useAuthStore } from '@/zustand/authStore';
 import { useRouter } from 'next/navigation';
 import React from 'react'
 import { useTranslation } from 'react-i18next'
+import { removeToken, removeRefreshToken } from '@/lib/api/func';
 
+export type LogoutPromptProps = Omit<PromptProps, 'onConfirm' | 'onCancel' | 'children'> & {
+    slug?: string;
+};
 
-function LogoutPrompt({ ...rest }: Omit<PromptProps, 'onConfirm' | 'onCancel' | 'children'>) {
+function LogoutPrompt({ slug, ...rest }: LogoutPromptProps) {
     const { t } = useTranslation('common', {
         keyPrefix: 'LogoutModal'
     });
@@ -15,12 +19,15 @@ function LogoutPrompt({ ...rest }: Omit<PromptProps, 'onConfirm' | 'onCancel' |
     const router = useRouter();
     const userIsAuthenticated = useAuthStore((state) => state.isAuthenticated);
 
-    const onConfirmLogout = (e: React.MouseEvent) => {
+    const onConfirmLogout = async (e: React.MouseEvent) => {
         if (!e) return;
         if (userIsAuthenticated) {
             authLogout();
+            await removeToken();
+            await removeRefreshToken();
         }
-        router.replace('/');
+        const redirectPath = slug ? `/${slug}` : '/';
+        router.replace(redirectPath);
     };
 
     const toggleShareModalVisiblity = (e: React.MouseEvent) => {
diff --git a/src/locales/fa/common.json b/src/locales/fa/common.json
index 40b8f19..7abc472 100644
--- a/src/locales/fa/common.json
+++ b/src/locales/fa/common.json
@@ -19,6 +19,7 @@
         "InstallApp": "نصب اپلیکیشن",
         "Preferences": "تنظیمات",
         "Logout": "خروج",
+        "LoginSignup": "ورود / عضویت",
         "AriaLabel": "منوی کناری",
         "NavAriaLabel": "لینک‌های اصلی",
         "ControlsAriaLabel": "پایین منو"