bulk cart

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: '',

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()}
             >

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) => {