generate qr code

.env

@@ -2,7 +2,7 @@ VITE_TOKEN_NAME = 'dmnu_a_t'
 VITE_REFRESH_TOKEN_NAME = 'dmnu-a-rt'
 
 VITE_BASE_URL = 'https://dmenu-api.danakcorp.com'
-#VITE_BASE_URL = 'http://192.168.1.107:2000'
+# VITE_BASE_URL = 'http://192.168.99.131:2000'
 
 VITE_SOCKET_URL = 'https://dmenu-api.danakcorp.com'
 VITE_INVOICE_URL = 'https://console.danakcorp.com/receipts/'

package-lock.json

@@ -20,6 +20,7 @@
         "iconsax-react": "^0.0.8",
         "leaflet": "^1.9.4",
         "moment-jalaali": "^0.10.4",
+        "qrcode.react": "^4.2.0",
         "rc-rate": "^2.13.1",
         "react": "^19.1.1",
         "react-dom": "^19.1.1",
@@ -46,6 +47,7 @@
         "@types/leaflet": "^1.9.21",
         "@types/moment-jalaali": "^0.7.9",
         "@types/node": "^24.10.1",
+        "@types/qrcode.react": "^1.0.5",
         "@types/react": "^19.1.10",
         "@types/react-dom": "^19.1.7",
         "@vitejs/plugin-react": "^5.0.0",
@@ -2383,6 +2385,16 @@
         "undici-types": "~7.16.0"
       }
     },
+    "node_modules/@types/qrcode.react": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/qrcode.react/-/qrcode.react-1.0.5.tgz",
+      "integrity": "sha512-BghPtnlwvrvq8QkGa1H25YnN+5OIgCKFuQruncGWLGJYOzeSKiix/4+B9BtfKF2wf5ja8yfyWYA3OXju995G8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/react": {
       "version": "19.1.11",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.11.tgz",
@@ -4987,6 +4999,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/qrcode.react": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-4.2.0.tgz",
+      "integrity": "sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",

package.json

@@ -22,6 +22,7 @@
     "iconsax-react": "^0.0.8",
     "leaflet": "^1.9.4",
     "moment-jalaali": "^0.10.4",
+    "qrcode.react": "^4.2.0",
     "rc-rate": "^2.13.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
@@ -48,6 +49,7 @@
     "@types/leaflet": "^1.9.21",
     "@types/moment-jalaali": "^0.7.9",
     "@types/node": "^24.10.1",
+    "@types/qrcode.react": "^1.0.5",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
     "@vitejs/plugin-react": "^5.0.0",

src/components/Notification.tsx

@@ -6,7 +6,7 @@ import { NotificationSubject } from '@/types/notification.types'
 import NotificationItem from '@/components/NotificationItem'
 import { useQueryClient } from '@tanstack/react-query'
 
-const NOTIFICATION_SOUND_SRC = '/mixkit-correct-answer-tone-2870.wav'
+const NOTIFICATION_SOUND_SRC = '/Qoddusi_improved.mp3'
 
 interface NotificationItemData extends NotificationPayload {
     id: string

src/config/Pages.ts

@@ -100,4 +100,7 @@ export const Pages = {
   wallet: {
     transactions: "/wallet/transactions",
   },
+  aiChats: {
+    list: "/ai-chats/list",
+  },
 };

src/langs/fa.json

@@ -69,7 +69,8 @@
     "pagers": "پیجرها",
     "notifications": "تنظیمات اعلانات",
     "statistics": "گزارشات",
-    "sliders": "اسلایدرها"
+    "sliders": "اسلایدرها",
+    "ai_chats": "چت‌های AI"
   },
   "shipment": {
     "dineIn": "سرو در رستوران",

src/pages/aiChats/List.tsx

@@ -0,0 +1,110 @@
+import { type FC, useMemo, useState } from "react";
+import Table from "@/components/Table";
+import Filters from "@/components/Filters";
+import DefaulModal from "@/components/DefaulModal";
+import { useGetAiChats } from "./hooks/useAiChatData";
+import { useAiChatFilters } from "./hooks/useAiChatFilters";
+import { getAiChatTableColumns } from "./components/AiChatTableColumns";
+import { useAiChatFiltersFields } from "./components/AiChatFiltersFields";
+import {
+  getAiChatAnswer,
+  getAiChatQuestion,
+  type AiChat,
+} from "./types/Types";
+import type { RowDataType } from "@/components/types/TableTypes";
+import { formatPrice } from "@/helpers/func";
+
+const AiChatsList: FC = () => {
+  const [selectedChat, setSelectedChat] = useState<AiChat | null>(null);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  const {
+    filters,
+    currentPage,
+    apiParams,
+    handleFiltersChange,
+    handlePageChange,
+  } = useAiChatFilters();
+
+  const { data: chatsData, isLoading } = useGetAiChats(apiParams);
+
+  const chats = chatsData?.data || [];
+  const totalPages = chatsData?.meta?.totalPages || 1;
+
+  const filterFields = useAiChatFiltersFields();
+  const columns = useMemo(
+    () =>
+      getAiChatTableColumns({
+        onViewAnswer: (chat) => {
+          setSelectedChat(chat);
+          setIsModalOpen(true);
+        },
+      }),
+    []
+  );
+
+  const handleCloseModal = () => {
+    setIsModalOpen(false);
+    setSelectedChat(null);
+  };
+
+  return (
+    <div className="mt-5">
+      <div className="flex justify-between items-center">
+        <h1 className="text-lg font-light">لیست چت‌های AI</h1>
+      </div>
+
+      <div className="mt-8">
+        <Filters
+          fields={filterFields}
+          onChange={handleFiltersChange}
+          initialValues={filters}
+          searchField="search"
+        />
+      </div>
+
+      <Table<AiChat & RowDataType>
+        columns={columns}
+        data={chats as (AiChat & RowDataType)[]}
+        isloading={isLoading}
+        pagination={{
+          currentPage,
+          totalPages,
+          onPageChange: handlePageChange,
+        }}
+      />
+
+      <DefaulModal
+        open={isModalOpen}
+        close={handleCloseModal}
+        isHeader={true}
+        title_header="جزئیات چت"
+      >
+        <div className="mt-4 space-y-4">
+          <div>
+            <div className="text-xs text-description mb-1">سوال</div>
+            <p className="text-sm text-foreground whitespace-pre-wrap break-words">
+              {(selectedChat && getAiChatQuestion(selectedChat)) || "-"}
+            </p>
+          </div>
+          <div>
+            <div className="text-xs text-description mb-1">پاسخ</div>
+            <p className="text-sm text-foreground whitespace-pre-wrap break-words">
+              {(selectedChat && getAiChatAnswer(selectedChat)) || "-"}
+            </p>
+          </div>
+          {typeof selectedChat?.cost === "number" && (
+            <div>
+              <div className="text-xs text-description mb-1">هزینه</div>
+              <p className="text-sm text-foreground">
+                {formatPrice(selectedChat.cost)}
+              </p>
+            </div>
+          )}
+        </div>
+      </DefaulModal>
+    </div>
+  );
+};
+
+export default AiChatsList;

src/pages/aiChats/components/AiChatFiltersFields.tsx

@@ -0,0 +1,15 @@
+import { useMemo } from "react";
+import type { FieldType } from "@/components/Filters";
+
+export const useAiChatFiltersFields = (): FieldType[] => {
+  return useMemo(
+    () => [
+      {
+        type: "input",
+        name: "search",
+        placeholder: "جستجو در سوالات",
+      },
+    ],
+    []
+  );
+};

src/pages/aiChats/components/AiChatTableColumns.tsx

@@ -0,0 +1,89 @@
+import { Eye } from "iconsax-react";
+import type { ColumnType } from "@/components/types/TableTypes";
+import {
+  getAiChatAnswer,
+  getAiChatQuestion,
+  getAiChatTokens,
+  type AiChat,
+} from "../types/Types";
+import { formatOptionalDate, formatPrice } from "@/helpers/func";
+
+interface GetAiChatTableColumnsProps {
+  onViewAnswer?: (chat: AiChat) => void;
+}
+
+export const getAiChatTableColumns = (
+  props?: GetAiChatTableColumnsProps
+): ColumnType<AiChat>[] => {
+  return [
+    {
+      key: "question",
+      title: "سوال",
+      render: (item: AiChat) => {
+        const question = getAiChatQuestion(item);
+        return (
+          <div className="max-w-md truncate" title={question}>
+            {question || "-"}
+          </div>
+        );
+      },
+    },
+    {
+      key: "type",
+      title: "نوع",
+      render: (item: AiChat) => {
+        return item.type || "-";
+      },
+    },
+    {
+      key: "cost",
+      title: "هزینه مصرف‌شده",
+      render: (item: AiChat) => {
+        return typeof item.cost === "number" ? formatPrice(item.cost) : "-";
+      },
+    },
+    {
+      key: "consumedTokens",
+      title: "توکن مصرفی",
+      render: (item: AiChat) => {
+        const tokens = getAiChatTokens(item);
+        return typeof tokens === "number"
+          ? tokens.toLocaleString("fa-IR")
+          : "-";
+      },
+    },
+    {
+      key: "createdAt",
+      title: "تاریخ",
+      render: (item: AiChat) => {
+        return formatOptionalDate(item.createdAt, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit",
+          hour: "2-digit",
+          minute: "2-digit",
+        });
+      },
+    },
+    {
+      key: "details",
+      title: "",
+      render: (item: AiChat) => {
+        if (!getAiChatAnswer(item) || !props?.onViewAnswer) {
+          return null;
+        }
+        return (
+          <Eye
+            size={20}
+            color="#8C90A3"
+            className="cursor-pointer hover:opacity-70 transition-opacity"
+            onClick={(e) => {
+              e.stopPropagation();
+              props.onViewAnswer?.(item);
+            }}
+          />
+        );
+      },
+    },
+  ];
+};

src/pages/aiChats/hooks/useAiChatData.ts

@@ -0,0 +1,10 @@
+import * as api from "../service/AiChatService";
+import { useQuery } from "@tanstack/react-query";
+import type { GetAiChatsParams } from "../types/Types";
+
+export const useGetAiChats = (params?: GetAiChatsParams) => {
+  return useQuery({
+    queryKey: ["ai-chats", params],
+    queryFn: () => api.getAiChats(params),
+  });
+};

src/pages/aiChats/hooks/useAiChatFilters.ts

@@ -0,0 +1,43 @@
+import { useState, useMemo } from "react";
+import type { FilterValues } from "@/components/Filters";
+import type { GetAiChatsParams } from "../types/Types";
+
+const DEFAULT_PAGE = 1;
+const DEFAULT_LIMIT = 10;
+
+export const useAiChatFilters = () => {
+  const [filters, setFilters] = useState<FilterValues>({});
+  const [currentPage, setCurrentPage] = useState(DEFAULT_PAGE);
+  const [limit] = useState(DEFAULT_LIMIT);
+
+  const apiParams = useMemo<GetAiChatsParams>(() => {
+    const params: GetAiChatsParams = {
+      page: currentPage,
+      limit,
+    };
+
+    if (filters.search) {
+      params.search = filters.search as string;
+    }
+
+    return params;
+  }, [filters, currentPage, limit]);
+
+  const handleFiltersChange = (newFilters: FilterValues) => {
+    setFilters(newFilters);
+    setCurrentPage(DEFAULT_PAGE);
+  };
+
+  const handlePageChange = (page: number) => {
+    setCurrentPage(page);
+  };
+
+  return {
+    filters,
+    currentPage,
+    apiParams,
+    handleFiltersChange,
+    handlePageChange,
+    limit,
+  };
+};

src/pages/aiChats/service/AiChatService.ts

@@ -0,0 +1,11 @@
+import axios from "@/config/axios";
+import type { GetAiChatsParams, GetAiChatsResponse } from "../types/Types";
+
+export const getAiChats = async (
+  params?: GetAiChatsParams
+): Promise<GetAiChatsResponse> => {
+  const { data } = await axios.get<GetAiChatsResponse>("/admin/ai/chats", {
+    params,
+  });
+  return data;
+};

src/pages/aiChats/types/Types.ts

@@ -0,0 +1,47 @@
+import type { IResponse } from "@/types/response.types";
+import type { RowDataType } from "@/components/types/TableTypes";
+
+export interface AiChat extends RowDataType {
+  id: string;
+  createdAt: string;
+  updatedAt?: string;
+  deletedAt?: string | null;
+  question?: string;
+  prompt?: string;
+  message?: string;
+  answer?: string | null;
+  response?: string | null;
+  cost?: number;
+  consumedTokens?: number;
+  totalTokens?: number;
+  promptTokens?: number;
+  completionTokens?: number;
+  type?: string | null;
+}
+
+export type PaginationMeta = {
+  total: number;
+  page: number;
+  limit: number;
+  totalPages: number;
+  totalCost?: number;
+};
+
+export type GetAiChatsParams = {
+  page?: number;
+  limit?: number;
+  search?: string;
+};
+
+export type GetAiChatsResponse = IResponse<AiChat[]> & {
+  meta: PaginationMeta;
+};
+
+export const getAiChatQuestion = (chat: AiChat): string =>
+  chat.question || chat.prompt || chat.message || "";
+
+export const getAiChatAnswer = (chat: AiChat): string =>
+  chat.answer || chat.response || "";
+
+export const getAiChatTokens = (chat: AiChat): number | undefined =>
+  chat.consumedTokens ?? chat.totalTokens ?? chat.promptTokens;

src/pages/food/Create.tsx

@@ -1,8 +1,4 @@
 import Button from "@/components/Button";
-import Input from "@/components/Input";
-import Select from "@/components/Select";
-import Textarea from "@/components/Textarea";
-import { Checkbox } from "@/components/ui/checkbox";
 import type { ErrorType } from "@/helpers/types";
 import { useFormik } from "formik";
 import { TickCircle } from "iconsax-react";
@@ -11,8 +7,11 @@ import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
 import * as Yup from "yup";
 import { useMultipleUpload } from "../uploader/hooks/useUploaderData";
+import BasicInfoSection from "./components/BasicInfoSection";
 import CreateFoodSidebar from "./components/CreateFoodSidebar";
+import FoodContentSection from "./components/FoodContentSection";
 import MealTimesSection from "./components/MealTimesSection";
+import ServiceOptionsSection from "./components/ServiceOptionsSection";
 import WeekDaysSection from "./components/WeekDaysSection";
 import { useCreateFood, useGetCategories } from "./hooks/useFoodData";
 import type { CreateFoodType } from "./types/Types";
@@ -117,163 +116,11 @@ const CreateFood: FC = () => {
       <div className="flex flex-col lg:flex-row gap-6 mt-6">
         <div className="flex-1">
           <div className="bg-white py-6 sm:py-8 xl:px-10 px-4 rounded-3xl">
-            <Input
-              label="نام غذا"
-              name="title"
-              placeholder=""
-              value={formik.values.title}
-              onChange={formik.handleChange}
-              error_text={formik.touched.title && formik.errors.title ? formik.errors.title : ""}
-            />
-
-            <div className="mt-5">
-              <Select
-                items={categories}
-                label="دسته بندی"
-                placeholder="انتخاب کنید"
-                name="categoryId"
-                value={formik.values.categoryId}
-                onChange={(e) => {
-                  const value = e.target.value;
-                  formik.setFieldValue("categoryId", value);
-                }}
-                error_text={formik.touched.categoryId && formik.errors.categoryId ? String(formik.errors.categoryId) : ""}
-              />
-            </div>
-
-            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mt-5">
-              <Input
-                name="price"
-                label="قیمت"
-                placeholder="تومان"
-                type="number"
-                seprator={true}
-                value={formik.values.price}
-                onChange={(e) => formik.setFieldValue("price", Number(e.target.value))}
-                error_text={formik.touched.price && formik.errors.price ? formik.errors.price : ""}
-              />
-
-              <Input
-                name="discount"
-                label="تخفیف"
-                placeholder="تومان"
-                type="number"
-                seprator={true}
-                value={formik.values.discount}
-                onChange={(e) => formik.setFieldValue("discount", Number(e.target.value))}
-                error_text={formik.touched.discount && formik.errors.discount ? formik.errors.discount : ""}
-              />
-
-              <Input
-                name="prepareTime"
-                label="زمان آماده سازی"
-                placeholder="دقیقه"
-                type="number"
-                value={formik.values.prepareTime}
-                onChange={(e) => formik.setFieldValue("prepareTime", Number(e.target.value))}
-                error_text={formik.touched.prepareTime && formik.errors.prepareTime ? formik.errors.prepareTime : ""}
-              />
-
-              <Input
-                name="dailyStock"
-                label="موجودی روزانه"
-                placeholder="عدد"
-                type="number"
-                seprator={true}
-                value={formik.values.dailyStock}
-                onChange={(e) => formik.setFieldValue("dailyStock", Number(e.target.value))}
-                error_text={formik.touched.dailyStock && formik.errors.dailyStock ? formik.errors.dailyStock : ""}
-              />
-
-              <Input
-                name="availableStock"
-                label="موجودی فعلی"
-                placeholder="عدد"
-                type="number"
-                seprator={true}
-                value={formik.values.availableStock}
-                onChange={(e) => formik.setFieldValue("availableStock", Number(e.target.value))}
-                error_text={formik.touched.availableStock && formik.errors.availableStock ? formik.errors.availableStock : ""}
-              />
-            </div>
-
-            <div className="mt-5">
-              <Textarea
-                name="desc"
-                label="توضیحات غذا"
-                placeholder=""
-                value={formik.values.desc}
-                onChange={formik.handleChange}
-                error_text={formik.touched.desc && formik.errors.desc ? formik.errors.desc : ""}
-              />
-            </div>
-
-            <div className="mt-5">
-              <Input
-                name="order"
-                label="اولویت"
-                placeholder="عدد"
-                type="number"
-                value={formik.values.order}
-                onChange={(e) => formik.setFieldValue("order", Number(e.target.value))}
-                error_text={formik.touched.order && formik.errors.order ? formik.errors.order : ""}
-              />
-            </div>
-
-            <div className="mt-5">
-              <div className="text-sm mb-2">محتوای غذا</div>
-              <div className="space-y-2">
-                {formik.values.content.map((item, index) => (
-                  <div key={index} className="flex gap-2 items-center">
-                    <Input
-                      placeholder="متن محتوا"
-                      value={item}
-                      onChange={(e) => {
-                        const newContent = [...formik.values.content];
-                        newContent[index] = e.target.value;
-                        formik.setFieldValue("content", newContent);
-                      }}
-                    />
-                    <Button
-                      type="button"
-                      className="px-3 bg-red-500 hover:bg-red-600 w-auto"
-                      onClick={() => {
-                        const newContent = formik.values.content.filter((_, i) => i !== index);
-                        formik.setFieldValue("content", newContent);
-                      }}
-                    >
-                      حذف
-                    </Button>
-                  </div>
-                ))}
-                <Button
-                  type="button"
-                  className="w-full bg-gray-200 text-gray-700 hover:bg-gray-300"
-                  onClick={() => {
-                    formik.setFieldValue("content", [...formik.values.content, ""]);
-                  }}
-                >
-                  افزودن محتوا
-                </Button>
-              </div>
-            </div>
-
+            <BasicInfoSection formik={formik} categories={categories} />
+            <FoodContentSection formik={formik} />
             <MealTimesSection formik={formik} />
             <WeekDaysSection formik={formik} />
-
-            <div className="mt-6">
-              <div className="text-sm mb-3">گزینه‌های سرویس</div>
-              <div className="flex gap-6 flex-wrap">
-                <div className="flex items-center gap-2">
-                  <Checkbox checked={formik.values.pickupServe} onCheckedChange={(checked) => formik.setFieldValue("pickupServe", checked)} />
-                  <label className="text-xs cursor-pointer"> بیرون‌بر</label>
-                </div>
-                <div className="flex items-center gap-2">
-                  <Checkbox checked={formik.values.inPlaceServe} onCheckedChange={(checked) => formik.setFieldValue("inPlaceServe", checked)} />
-                  <label className="text-xs cursor-pointer">سرو در محل</label>
-                </div>
-              </div>
-            </div>
+            <ServiceOptionsSection formik={formik} />
           </div>
         </div>
 

src/pages/food/components/BasicInfoSection.tsx

@@ -1,16 +1,53 @@
 import { type FC } from 'react'
 import type { FormikProps } from 'formik'
+import { Magicpen } from 'iconsax-react'
 import Input from '@/components/Input'
 import Select from '@/components/Select'
 import Textarea from '@/components/Textarea'
+import Button from '@/components/Button'
+import { extractErrorMessage } from '@/config/func'
+import { toast } from 'react-toastify'
 import type { CreateFoodType } from '../types/Types'
+import { useGenerateFoodDescription } from '../hooks/useFoodData'
 
 type BasicInfoSectionProps = {
   formik: FormikProps<CreateFoodType>
   categories: Array<{ label: string; value: string }>
 }
 
+const parseDescription = (data: { answer?: string } | undefined): string => {
+  return data?.answer?.trim() || ''
+}
+
 const BasicInfoSection: FC<BasicInfoSectionProps> = ({ formik, categories }) => {
+  const { mutate: generateDescription, isPending: isGeneratingDesc } = useGenerateFoodDescription()
+
+  const handleGenerateDescription = () => {
+    const foodName = formik.values.title.trim()
+    if (!foodName) {
+      toast.error('لطفاً ابتدا نام کامل غذا را وارد کنید')
+      return
+    }
+
+    generateDescription(
+      { foodName },
+      {
+        onSuccess: (response) => {
+          const description = parseDescription(response.data)
+          if (!description) {
+            toast.error('توضیحی از هوش مصنوعی دریافت نشد')
+            return
+          }
+          formik.setFieldValue('desc', description)
+          toast.success('توضیحات با موفقیت تولید شد')
+        },
+        onError: (error) => {
+          toast.error(extractErrorMessage(error))
+        },
+      },
+    )
+  }
+
   return (
     <>
       <Input
@@ -94,9 +131,22 @@ const BasicInfoSection: FC<BasicInfoSectionProps> = ({ formik, categories }) =>
       </div>
 
       <div className='mt-5'>
+        <div className='flex items-center justify-between mb-1'>
+          <div className='text-sm'>توضیحات غذا</div>
+          <Button
+            type='button'
+            className='w-auto h-8 px-3 bg-transparent text-primary border border-primary text-xs gap-1.5'
+            onClick={handleGenerateDescription}
+            isloading={isGeneratingDesc}
+            colorLoading='black'
+            disabled={!formik.values.title.trim() || isGeneratingDesc}
+          >
+            <Magicpen size={16} color='currentColor' />
+            تولید با AI
+          </Button>
+        </div>
         <Textarea
           name='desc'
-          label='توضیحات غذا'
           placeholder=''
           value={formik.values.desc}
           onChange={formik.handleChange}
@@ -120,4 +170,3 @@ const BasicInfoSection: FC<BasicInfoSectionProps> = ({ formik, categories }) =>
 }
 
 export default BasicInfoSection
-

src/pages/food/components/FoodContentSection.tsx

@@ -1,18 +1,70 @@
 import { type FC } from 'react'
 import type { FormikProps } from 'formik'
+import { Magicpen } from 'iconsax-react'
 import Input from '@/components/Input'
 import Button from '@/components/Button'
+import { extractErrorMessage } from '@/config/func'
+import { toast } from 'react-toastify'
 import type { CreateFoodType } from '../types/Types'
+import { useGenerateFoodContent } from '../hooks/useFoodData'
 
 type FoodContentSectionProps = {
   formik: FormikProps<CreateFoodType>
 }
 
+const parseContent = (data: { answer?: string } | undefined): string[] => {
+  if (!data?.answer) return []
+  return data.answer
+    .split('،')
+    .map((item) => item.trim())
+    .filter(Boolean)
+}
+
 const FoodContentSection: FC<FoodContentSectionProps> = ({ formik }) => {
+  const { mutate: generateContent, isPending: isGeneratingContent } = useGenerateFoodContent()
+
+  const handleGenerateContent = () => {
+    const foodName = formik.values.title.trim()
+    if (!foodName) {
+      toast.error('لطفاً ابتدا نام کامل غذا را وارد کنید')
+      return
+    }
+
+    generateContent(
+      { foodName },
+      {
+        onSuccess: (response) => {
+          const content = parseContent(response.data)
+          if (!content.length) {
+            toast.error('محتوایی از هوش مصنوعی دریافت نشد')
+            return
+          }
+          formik.setFieldValue('content', content)
+          toast.success('محتوای غذا با موفقیت تولید شد')
+        },
+        onError: (error) => {
+          toast.error(extractErrorMessage(error))
+        },
+      },
+    )
+  }
 
   return (
     <div className='mt-5'>
-      <div className='text-sm mb-2'>محتوای غذا</div>
+      <div className='flex items-center justify-between mb-2'>
+        <div className='text-sm'>محتوای غذا</div>
+        <Button
+          type='button'
+          className='w-auto h-8 px-3 bg-transparent text-primary border border-primary text-xs gap-1.5'
+          onClick={handleGenerateContent}
+          isloading={isGeneratingContent}
+          colorLoading='black'
+          disabled={!formik.values.title.trim() || isGeneratingContent}
+        >
+          <Magicpen size={16} color='currentColor' />
+          تولید با AI
+        </Button>
+      </div>
       <div className='space-y-2'>
         {formik.values.content.map((item, index) => (
           <div key={index} className='flex gap-2 items-center'>
@@ -51,4 +103,4 @@ const FoodContentSection: FC<FoodContentSectionProps> = ({ formik }) => {
   )
 }
 
-export default FoodContentSection
+export default FoodContentSection

src/pages/food/hooks/useFoodData.ts

@@ -113,3 +113,15 @@ export const useSetStockForFood = () => {
     },
   });
 };
+
+export const useGenerateFoodDescription = () => {
+  return useMutation({
+    mutationFn: api.generateFoodDescription,
+  });
+};
+
+export const useGenerateFoodContent = () => {
+  return useMutation({
+    mutationFn: api.generateFoodContent,
+  });
+};

src/pages/food/service/FoodService.ts

@@ -2,6 +2,9 @@ import axios from "@/config/axios";
 import type {
   CreateCategoryType,
   CreateFoodType,
+  GenerateFoodAiParams,
+  GenerateFoodContentResponse,
+  GenerateFoodDescriptionResponse,
   GetCategoriesResponseType,
   GetFoodDetailsResponseType,
   GetFoodsParams,
@@ -90,3 +93,23 @@ export const setStockForFood = async (foodId: string, params: SetStockType) => {
   );
   return data;
 };
+
+export const generateFoodDescription = async (
+  params: GenerateFoodAiParams,
+): Promise<GenerateFoodDescriptionResponse> => {
+  const { data } = await axios.post<GenerateFoodDescriptionResponse>(
+    `/admin/ai/food-description`,
+    params,
+  );
+  return data;
+};
+
+export const generateFoodContent = async (
+  params: GenerateFoodAiParams,
+): Promise<GenerateFoodContentResponse> => {
+  const { data } = await axios.post<GenerateFoodContentResponse>(
+    `/admin/ai/food-content`,
+    params,
+  );
+  return data;
+};

src/pages/food/types/Types.ts

@@ -155,3 +155,18 @@ export type SetStockType = {
   totalStock: number;
   availableStock: number;
 };
+
+export type GenerateFoodAiParams = {
+  foodName: string;
+};
+
+export type GenerateFoodAiResult = {
+  answer: string;
+  consumedTokens?: number;
+  cost?: number;
+  promptTokens?: number;
+  completionTokens?: number;
+};
+
+export type GenerateFoodDescriptionResponse = IResponse<GenerateFoodAiResult>;
+export type GenerateFoodContentResponse = IResponse<GenerateFoodAiResult>;

src/pages/orders/Details.tsx

@@ -9,12 +9,16 @@ import {
     useAddOrderItem,
     useUpdateOrderItemQuantity,
     useRemoveOrderItem,
+    useSendPleaseComeSms,
 } from './hooks/useOrderData'
-import { useParams } from 'react-router-dom'
+import { useNavigate, useParams } from 'react-router-dom'
+import { ArrowRight2 } from 'iconsax-react'
 import { formatFaNumber } from '@/helpers/func'
+import { Pages } from '@/config/Pages'
 import { OrderStatus, PaymentStatusEnum } from './enum/Enum'
 import { PaymentMethodEnum } from '@/pages/paymentMethods/enum/Enum'
 import { DeliveryMethodEnum } from '@/pages/shipmentMethod/enum/Enum'
+import Button from '@/components/Button'
 import ModalConfrim from '@/components/ModalConfrim'
 import CustomerInfo from './components/CustomerInfo'
 import OrderItemsDetails from './components/OrderItemsDetails'
@@ -25,6 +29,7 @@ import UpdateOrderFeesModal from './components/UpdateOrderFeesModal'
 import AddOrderItemModal from './components/AddOrderItemModal'
 import RefundPaymentModal from './components/RefundPaymentModal'
 import AddPaymentModal from './components/AddPaymentModal'
+import SendPleaseComeSmsModal from './components/SendPleaseComeSmsModal'
 import { toast } from 'react-toastify'
 import { extractErrorMessage } from '@/config/func'
 import { printOrderReceipt } from './print/orderReceiptPrint'
@@ -32,6 +37,7 @@ import type { UpdateOrderFeesType } from './types/Types'
 
 const OrderDetails: FC = () => {
     const { id } = useParams()
+    const navigate = useNavigate()
     const { data: orderData, isLoading } = useGetOrderById(id!)
     const { mutate: verifyPayment, isPending: isVerifyingPayment } = useVerifyPayment()
     const { mutate: changeOrderStatus, isPending: isChangingStatus } = useChangeOrderStatus()
@@ -41,8 +47,10 @@ const OrderDetails: FC = () => {
     const { mutate: addOrderItem, isPending: isAddingItem } = useAddOrderItem()
     const { mutate: updateOrderItemQuantity, isPending: isUpdatingItemQuantity } = useUpdateOrderItemQuantity()
     const { mutate: removeOrderItem, isPending: isRemovingItem } = useRemoveOrderItem()
+    const { mutate: sendPleaseComeSms, isPending: isSendingPleaseComeSms } = useSendPleaseComeSms()
 
     const [showCancelModal, setShowCancelModal] = useState(false)
+    const [showPleaseComeSmsModal, setShowPleaseComeSmsModal] = useState(false)
     const [refundModal, setRefundModal] = useState<{ defaultAmount: number; maxAmount: number } | null>(null)
     const [showAddPaymentModal, setShowAddPaymentModal] = useState(false)
     const [showEditFeesModal, setShowEditFeesModal] = useState(false)
@@ -98,6 +106,7 @@ const OrderDetails: FC = () => {
         OrderStatus.DELIVERED_TO_RECEPTIONIST,
         OrderStatus.SHIPPED,
     ].includes(order.status as OrderStatus)
+    const canSendPleaseComeSms = Boolean(order.user?.phone)
     const isCourierDelivery = order.deliveryMethod?.method === DeliveryMethodEnum.DeliveryCourier
     const isDineInOrCarDelivery =
         order.deliveryMethod?.method === DeliveryMethodEnum.DineIn ||
@@ -306,12 +315,33 @@ const OrderDetails: FC = () => {
         )
     }
 
+    const handleConfirmPleaseComeSms = () => {
+        sendPleaseComeSms(order.id, {
+            onSuccess: (response) => {
+                toast.success(response.message || 'پیامک در صف ارسال قرار گرفت')
+                setShowPleaseComeSmsModal(false)
+            },
+            onError: (error) => {
+                toast.error(extractErrorMessage(error))
+            },
+        })
+    }
+
     return (
         <div className='mt-5 pb-8'>
             <div className='flex justify-between items-center'>
                 <h1 className='text-lg font-light'>
                     سفارش {formatFaNumber(order.orderNumber)}
                 </h1>
+                <Button
+                    className='w-fit px-6 bg-transparent text-primary border-primary border'
+                    onClick={() => navigate(Pages.orders.list)}
+                >
+                    <div className='flex gap-2 items-center'>
+                        <ArrowRight2 color='#000' size={18} />
+                        <span>بازگشت</span>
+                    </div>
+                </Button>
             </div>
 
             <div className='flex flex-col lg:flex-row gap-5 lg:gap-7 mt-6 sm:mt-9'>
@@ -356,13 +386,16 @@ const OrderDetails: FC = () => {
                         isCustomerPickup={isCustomerPickup}
                         isCanceled={isCanceled}
                         canCompleteOrder={canCompleteOrder}
+                        canSendPleaseComeSms={canSendPleaseComeSms}
                         isChangingStatus={isChangingStatus}
+                        isSendingPleaseComeSms={isSendingPleaseComeSms}
                         onSendToKitchen={handleSendToKitchen}
                         onDeliverToCourier={handleDeliverToCourier}
                         onDeliverToWaiter={handleDeliverToWaiter}
                         onDeliverToReceptionist={handleDeliverToReceptionist}
                         onCompleteOrder={handleCompleteOrder}
                         onCancelOrder={() => setShowCancelModal(true)}
+                        onSendPleaseComeSms={() => setShowPleaseComeSmsModal(true)}
                     />
                 </div>
             </div>
@@ -416,6 +449,15 @@ const OrderDetails: FC = () => {
                 isloading={isRemovingItem}
                 label='آیا از حذف این آیتم مطمئن هستید؟'
             />
+
+            <SendPleaseComeSmsModal
+                isOpen={showPleaseComeSmsModal}
+                onClose={() => setShowPleaseComeSmsModal(false)}
+                isLoading={isSendingPleaseComeSms}
+                customerName={order.user?.firstName || ''}
+                restaurantName={order.restaurant?.name || ''}
+                onConfirm={handleConfirmPleaseComeSms}
+            />
         </div>
     )
 }

src/pages/orders/List.tsx

@@ -1,4 +1,4 @@
-import { type FC } from 'react'
+import { type FC, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Add } from 'iconsax-react'
 import { Link } from 'react-router-dom'
@@ -6,12 +6,15 @@ import Table from '@/components/Table'
 import Filters from '@/components/Filters'
 import Button from '@/components/Button'
 import { Pages } from '@/config/Pages'
-import { useGetOrders } from './hooks/useOrderData'
+import { useGetOrders, useSendPleaseComeSms } from './hooks/useOrderData'
 import { useOrderFilters } from './hooks/useOrderFilters'
 import { getOrderTableColumns } from './components/OrderTableColumns'
 import { useOrderFiltersFields } from './components/OrderFiltersFields'
+import SendPleaseComeSmsModal from './components/SendPleaseComeSmsModal'
 import type { Order } from './types/Types'
 import type { RowDataType } from '@/components/types/TableTypes'
+import { toast } from 'react-toastify'
+import { extractErrorMessage } from '@/config/func'
 
 const OrdersList: FC = () => {
     const { t } = useTranslation('global')
@@ -24,13 +27,32 @@ const OrdersList: FC = () => {
     } = useOrderFilters()
 
     const { data: ordersData, isLoading } = useGetOrders(apiParams)
+    const { mutate: sendPleaseComeSms, isPending: isSendingSms } = useSendPleaseComeSms()
+    const [smsOrder, setSmsOrder] = useState<Order | null>(null)
 
     const orders = ordersData?.data || []
-    const columns = getOrderTableColumns({ t })
+    const columns = getOrderTableColumns({
+        t,
+        onSendPleaseComeSms: (order) => setSmsOrder(order),
+    })
     const filterFields = useOrderFiltersFields()
 
     const totalPages = ordersData?.meta?.totalPages || 1
 
+    const handleConfirmSendSms = () => {
+        if (!smsOrder) return
+
+        sendPleaseComeSms(smsOrder.id, {
+            onSuccess: (response) => {
+                toast.success(response.message || 'پیامک در صف ارسال قرار گرفت')
+                setSmsOrder(null)
+            },
+            onError: (error) => {
+                toast.error(extractErrorMessage(error))
+            },
+        })
+    }
+
     return (
         <div className='mt-5'>
             <div className='flex justify-between items-center'>
@@ -64,8 +86,17 @@ const OrdersList: FC = () => {
                     onPageChange: handlePageChange,
                 }}
             />
+
+            <SendPleaseComeSmsModal
+                isOpen={!!smsOrder}
+                onClose={() => setSmsOrder(null)}
+                isLoading={isSendingSms}
+                customerName={smsOrder?.user?.firstName || ''}
+                restaurantName={smsOrder?.restaurant?.name || ''}
+                onConfirm={handleConfirmSendSms}
+            />
         </div>
     )
 }
 
-export default OrdersList
+export default OrdersList

src/pages/orders/components/OrderActions.tsx

@@ -1,144 +1,162 @@
-import Button from '@/components/Button'
-import { type FC, useState, useEffect } from 'react'
+import Button from "@/components/Button";
+import { type FC, useState, useEffect } from "react";
 
 interface OrderActionsProps {
-    onPrint: () => void
-    showSendToKitchenButton: boolean
-    showCancelButton: boolean
-    isPreparing: boolean
-    isCourierDelivery: boolean
-    isDineInOrCarDelivery: boolean
-    isCustomerPickup: boolean
-    isCanceled: boolean
-    canCompleteOrder: boolean
-    isChangingStatus: boolean
-    onSendToKitchen: () => void
-    onDeliverToCourier: () => void
-    onDeliverToWaiter: () => void
-    onDeliverToReceptionist: () => void
-    onCompleteOrder: () => void
-    onCancelOrder: () => void
+  onPrint: () => void;
+  showSendToKitchenButton: boolean;
+  showCancelButton: boolean;
+  isPreparing: boolean;
+  isCourierDelivery: boolean;
+  isDineInOrCarDelivery: boolean;
+  isCustomerPickup: boolean;
+  isCanceled: boolean;
+  canCompleteOrder: boolean;
+  canSendPleaseComeSms: boolean;
+  isChangingStatus: boolean;
+  isSendingPleaseComeSms?: boolean;
+  onSendToKitchen: () => void;
+  onDeliverToCourier: () => void;
+  onDeliverToWaiter: () => void;
+  onDeliverToReceptionist: () => void;
+  onCompleteOrder: () => void;
+  onCancelOrder: () => void;
+  onSendPleaseComeSms: () => void;
 }
 
 const OrderActions: FC<OrderActionsProps> = ({
-    onPrint,
-    showSendToKitchenButton,
-    showCancelButton,
-    isPreparing,
-    isCourierDelivery,
-    isDineInOrCarDelivery,
-    isCustomerPickup,
-    isCanceled,
-    canCompleteOrder,
-    isChangingStatus,
-    onSendToKitchen,
-    onDeliverToCourier,
-    onDeliverToWaiter,
-    onDeliverToReceptionist,
-    onCompleteOrder,
-    onCancelOrder,
+  onPrint,
+  showSendToKitchenButton,
+  showCancelButton,
+  isPreparing,
+  isCourierDelivery,
+  isDineInOrCarDelivery,
+  isCustomerPickup,
+  isCanceled,
+  canCompleteOrder,
+  canSendPleaseComeSms,
+  isChangingStatus,
+  isSendingPleaseComeSms,
+  onSendToKitchen,
+  onDeliverToCourier,
+  onDeliverToWaiter,
+  onDeliverToReceptionist,
+  onCompleteOrder,
+  onCancelOrder,
+  onSendPleaseComeSms,
 }) => {
-    const [loadingAction, setLoadingAction] = useState<string | null>(null)
+  const [loadingAction, setLoadingAction] = useState<string | null>(null);
 
-    useEffect(() => {
-        if (!isChangingStatus) {
-            setLoadingAction(null)
-        }
-    }, [isChangingStatus])
-
-    const handleSendToKitchen = () => {
-        setLoadingAction('sendToKitchen')
-        onSendToKitchen()
+  useEffect(() => {
+    if (!isChangingStatus) {
+      setLoadingAction(null);
     }
+  }, [isChangingStatus]);
 
-    const handleDeliverToCourier = () => {
-        setLoadingAction('deliverToCourier')
-        onDeliverToCourier()
-    }
+  const handleSendToKitchen = () => {
+    setLoadingAction("sendToKitchen");
+    onSendToKitchen();
+  };
 
-    const handleDeliverToWaiter = () => {
-        setLoadingAction('deliverToWaiter')
-        onDeliverToWaiter()
-    }
+  const handleDeliverToCourier = () => {
+    setLoadingAction("deliverToCourier");
+    onDeliverToCourier();
+  };
 
-    const handleDeliverToReceptionist = () => {
-        setLoadingAction('deliverToReceptionist')
-        onDeliverToReceptionist()
-    }
+  const handleDeliverToWaiter = () => {
+    setLoadingAction("deliverToWaiter");
+    onDeliverToWaiter();
+  };
 
-    const handleCancelOrder = () => {
-        setLoadingAction('cancelOrder')
-        onCancelOrder()
-    }
+  const handleDeliverToReceptionist = () => {
+    setLoadingAction("deliverToReceptionist");
+    onDeliverToReceptionist();
+  };
 
-    const handleCompleteOrder = () => {
-        setLoadingAction('completeOrder')
-        onCompleteOrder()
-    }
+  const handleCancelOrder = () => {
+    setLoadingAction("cancelOrder");
+    onCancelOrder();
+  };
 
-    return (
-        <div className='mt-5 sm:mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-3'>
-            <Button
-                label='چاپ'
-                onClick={onPrint}
-                className='bg-slate-700 hover:bg-slate-800'
-            />
+  const handleCompleteOrder = () => {
+    setLoadingAction("completeOrder");
+    onCompleteOrder();
+  };
 
-            {!isCanceled && showSendToKitchenButton && (
-                <Button
-                    label='ارسال به آشپزخانه'
-                    onClick={handleSendToKitchen}
-                    isloading={isChangingStatus && loadingAction === 'sendToKitchen'}
-                    className='bg-orange-600 hover:bg-orange-700'
-                />
-            )}
+  return (
+    <div className="mt-5 sm:mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-3">
+      <div className="flex gap-3">
+        <Button
+          label="چاپ"
+          onClick={onPrint}
+          className="border bg-white border-slate-700 text-slate-700 hover:bg-slate-100"
+        />
 
-            {!isCanceled && isPreparing && isCourierDelivery && (
-                <Button
-                    label='تحویل به پیک'
-                    onClick={handleDeliverToCourier}
-                    isloading={isChangingStatus && loadingAction === 'deliverToCourier'}
-                    className='bg-blue-600 hover:bg-blue-700'
-                />
-            )}
+        {canSendPleaseComeSms && (
+          <Button
+            label="ارسال پیام"
+            onClick={onSendPleaseComeSms}
+            isloading={isSendingPleaseComeSms}
+            className="border bg-white border-teal-600 text-teal-600 hover:bg-teal-100"
+          />
+        )}
+        {!isCanceled && showCancelButton && (
+          <Button
+            label="لغو سفارش"
+            onClick={handleCancelOrder}
+            isloading={isChangingStatus && loadingAction === "cancelOrder"}
+            className="bg-transparent border border-red-500 text-red-500 hover:bg-red-100 "
+          />
+        )}
+      </div>
 
-            {!isCanceled && isPreparing && isDineInOrCarDelivery && (
-                <Button
-                    label='تحویل به گارسون'
-                    onClick={handleDeliverToWaiter}
-                    isloading={isChangingStatus && loadingAction === 'deliverToWaiter'}
-                    className='bg-purple-600 hover:bg-purple-700'
-                />
-            )}
+      {!isCanceled && showSendToKitchenButton && (
+        <Button
+          label="ارسال به آشپزخانه"
+          onClick={handleSendToKitchen}
+          isloading={isChangingStatus && loadingAction === "sendToKitchen"}
+          className="bg-orange-600 hover:bg-orange-700"
+        />
+      )}
 
-            {!isCanceled && isPreparing && isCustomerPickup && (
-                <Button
-                    label='تحویل به رسپشنیست'
-                    onClick={handleDeliverToReceptionist}
-                    isloading={isChangingStatus && loadingAction === 'deliverToReceptionist'}
-                    className='bg-indigo-600 hover:bg-indigo-700'
-                />
-            )}
+      {!isCanceled && isPreparing && isCourierDelivery && (
+        <Button
+          label="تحویل به پیک"
+          onClick={handleDeliverToCourier}
+          isloading={isChangingStatus && loadingAction === "deliverToCourier"}
+          className="bg-blue-600 hover:bg-blue-700"
+        />
+      )}
 
-            {!isCanceled && canCompleteOrder && (
-                <Button
-                    label='اتمام سفارش'
-                    onClick={handleCompleteOrder}
-                    isloading={isChangingStatus && loadingAction === 'completeOrder'}
-                    className='bg-green-600 hover:bg-green-700'
-                />
-            )}
+      {!isCanceled && isPreparing && isDineInOrCarDelivery && (
+        <Button
+          label="تحویل به گارسون"
+          onClick={handleDeliverToWaiter}
+          isloading={isChangingStatus && loadingAction === "deliverToWaiter"}
+          className="bg-purple-600 hover:bg-purple-700"
+        />
+      )}
 
-            {!isCanceled && showCancelButton && (
-                <Button
-                    label='لغو سفارش'
-                    onClick={handleCancelOrder}
-                    isloading={isChangingStatus && loadingAction === 'cancelOrder'}
-                    className='bg-transparent border border-red-500 text-red-500 hover:bg-red-50 sm:col-span-2 lg:col-span-1'
-                />
-            )}
-        </div>
-    )
-}
+      {!isCanceled && isPreparing && isCustomerPickup && (
+        <Button
+          label="تحویل به رسپشنیست"
+          onClick={handleDeliverToReceptionist}
+          isloading={
+            isChangingStatus && loadingAction === "deliverToReceptionist"
+          }
+          className="bg-indigo-600 hover:bg-indigo-700"
+        />
+      )}
 
-export default OrderActions
+      {!isCanceled && canCompleteOrder && (
+        <Button
+          label="اتمام سفارش"
+          onClick={handleCompleteOrder}
+          isloading={isChangingStatus && loadingAction === "completeOrder"}
+          className="bg-green-600 hover:bg-green-700"
+        />
+      )}
+    </div>
+  );
+};
+
+export default OrderActions;

src/pages/orders/components/OrderTableColumns.tsx

@@ -1,146 +1,189 @@
-import { Eye } from 'iconsax-react'
-import type { ColumnType } from '@/components/types/TableTypes'
-import type { Order } from '../types/Types'
-import { formatPrice, formatOptionalDate } from '@/helpers/func'
-import Status from '@/components/Status'
-import { Link } from 'react-router-dom'
-import { Pages } from '@/config/Pages'
-import { formatFaNumber } from '@/helpers/func'
-import type { TFunction } from 'i18next'
+import { Eye, MessageText } from "iconsax-react";
+import type { ColumnType } from "@/components/types/TableTypes";
+import type { Order } from "../types/Types";
+import { formatPrice, formatOptionalDate } from "@/helpers/func";
+import Status from "@/components/Status";
+import { Link } from "react-router-dom";
+import { Pages } from "@/config/Pages";
+import { formatFaNumber } from "@/helpers/func";
+import type { TFunction } from "i18next";
 
 interface GetOrderTableColumnsParams {
-    onDelete?: (id: string) => void
-    isDeleting?: boolean
-    t: TFunction
+  onDelete?: (id: string) => void;
+  isDeleting?: boolean;
+  onSendPleaseComeSms?: (order: Order) => void;
+  t: TFunction;
 }
 
-const getStatusVariant = (status: string): 'success' | 'error' | 'warning' | 'info' | 'pending' => {
-    const variantMap: Record<string, 'success' | 'error' | 'warning' | 'info' | 'pending'> = {
-        'new': 'pending',
-        'preparing': 'warning',
-        'shipped': 'info',
-        'completed': 'success',
-        'canceled': 'error',
-    }
-    return variantMap[status] || 'pending'
-}
+const getStatusVariant = (
+  status: string,
+): "success" | "error" | "warning" | "info" | "pending" => {
+  const variantMap: Record<
+    string,
+    "success" | "error" | "warning" | "info" | "pending"
+  > = {
+    new: "pending",
+    preparing: "warning",
+    shipped: "info",
+    completed: "success",
+    canceled: "error",
+  };
+  return variantMap[status] || "pending";
+};
 
 const getShiftAdminName = (item: Order): string => {
-    const admin = item.cashShift?.admin
-    if (!admin) return '-'
-    const name = [admin.firstName, admin.lastName].filter(Boolean).join(' ')
-    return name || admin.phone || '-'
-}
+  const admin = item.cashShift?.admin;
+  if (!admin) return "-";
+  const name = [admin.firstName, admin.lastName].filter(Boolean).join(" ");
+  return name || admin.phone || "-";
+};
 
-export const getOrderTableColumns = ({ t }: GetOrderTableColumnsParams): ColumnType<Order>[] => {
-    return [
-        {
-            key: 'orderNumber',
-            title: 'شماره',
-            render: (item: Order) => {
-                return formatFaNumber(item.orderNumber)
-            }
-        },
-        {
-            key: 'customerName',
-            title: 'نام مشتری',
-            render: (item: Order) => {
-                const name = [item.user?.firstName, item.user?.lastName].filter(Boolean).join(' ')
-                return name || '-'
-            }
-        },
-        {
-            key: 'shiftAdmin',
-            title: 'شیفت',
-            render: (item: Order) => getShiftAdminName(item),
-        },
-        {
-            key: 'createdAt',
-            title: 'تاریخ',
-            render: (item: Order) => {
-                if (!item.createdAt) return '-'
-                return (
-                    <div className="flex flex-col whitespace-nowrap">
-                        <span className="text-[11px] text-description">
-                            {formatOptionalDate(item.createdAt, {
-                                year: 'numeric',
-                                month: '2-digit',
-                                day: '2-digit',
-                            })}
-                        </span>
-                        <span className="text-[15px] font-medium">
-                            {formatOptionalDate(item.createdAt, {
-                                hour: '2-digit',
-                                minute: '2-digit',
-                            })}
-                        </span>
-                    </div>
-                )
-            }
-        },
-        {
-            key: 'methods',
-            title: 'تحویل / پرداخت',
-            render: (item: Order) => {
-                const rows = [
-                    { label: 'نوع تحویل', value: item.deliveryMethod?.description || '-' },
-                    { label: 'نوع پرداخت', value: item.paymentMethod?.description || '-' },
-                ]
-                return (
-                    <div className="flex flex-col gap-1 text-[12px] whitespace-nowrap">
-                        {rows.map((row) => (
-                            <div key={row.label} className="flex items-center justify-between gap-3">
-                                <span className="text-description">{row.label}</span>
-                                <span>{row.value}</span>
-                            </div>
-                        ))}
-                    </div>
-                )
-            }
-        },
-        {
-            key: 'amounts',
-            title: 'مبالغ',
-            render: (item: Order) => {
-                const rows = [
-                    { label: 'مبلغ کل', value: formatPrice(item.total) },
-                    { label: 'پرداخت شده', value: formatPrice(Number(item.paidAmount ?? 0)) },
-                    { label: 'مانده', value: formatPrice(Number(item.balance ?? 0)) },
-                ]
-                return (
-                    <div className="flex flex-col gap-1 text-[12px] whitespace-nowrap">
-                        {rows.map((row) => (
-                            <div key={row.label} className="flex items-center justify-between gap-3">
-                                <span className="text-description">{row.label}</span>
-                                <span>{row.value}</span>
-                            </div>
-                        ))}
-                    </div>
-                )
-            }
-        },
-        {
-            key: 'status',
-            title: 'وضعیت',
-            render: (item: Order) => {
-                return (
-                    <Status
-                        variant={getStatusVariant(item.status)}
-                        label={t(`order_status.${item.status}`)}
-                    />
-                )
-            }
-        },
-        {
-            key: 'details',
-            title: '',
-            render: (item: Order) => {
-                return (
-                    <Link to={Pages.orders.detail + item.id}>
-                        <Eye size={20} color="#8C90A3" className="cursor-pointer" />
-                    </Link>
-                )
-            }
-        },
-    ]
-}
+export const getOrderTableColumns = ({
+  t,
+  onSendPleaseComeSms,
+}: GetOrderTableColumnsParams): ColumnType<Order>[] => {
+  return [
+    {
+      key: "orderNumber",
+      title: "شماره",
+      render: (item: Order) => {
+        return formatFaNumber(item.orderNumber);
+      },
+    },
+    {
+      key: "customerName",
+      title: "نام مشتری",
+      render: (item: Order) => {
+        const name = [item.user?.firstName, item.user?.lastName]
+          .filter(Boolean)
+          .join(" ");
+        return name || "-";
+      },
+    },
+    {
+      key: "shiftAdmin",
+      title: "شیفت",
+      render: (item: Order) => getShiftAdminName(item),
+    },
+    {
+      key: "createdAt",
+      title: "تاریخ",
+      render: (item: Order) => {
+        if (!item.createdAt) return "-";
+        return (
+          <div className="flex flex-col whitespace-nowrap">
+            <span className="text-[11px] text-description">
+              {formatOptionalDate(item.createdAt, {
+                year: "numeric",
+                month: "2-digit",
+                day: "2-digit",
+              })}
+            </span>
+            <span className="text-[15px] font-medium">
+              {formatOptionalDate(item.createdAt, {
+                hour: "2-digit",
+                minute: "2-digit",
+              })}
+            </span>
+          </div>
+        );
+      },
+    },
+    {
+      key: "methods",
+      title: "تحویل / پرداخت",
+      render: (item: Order) => {
+        const rows = [
+          {
+            label: "نوع تحویل",
+            value: item.deliveryMethod?.description || "-",
+          },
+          {
+            label: "نوع پرداخت",
+            value: item.paymentMethod?.description || "-",
+          },
+        ];
+        return (
+          <div className="flex flex-col gap-1 text-[12px] whitespace-nowrap">
+            {rows.map((row) => (
+              <div
+                key={row.label}
+                className="flex items-center justify-between gap-3"
+              >
+                <span className="text-description">{row.label}</span>
+                <span>{row.value}</span>
+              </div>
+            ))}
+          </div>
+        );
+      },
+    },
+    {
+      key: "amounts",
+      title: "مبالغ",
+      render: (item: Order) => {
+        const rows = [
+          { label: "مبلغ کل", value: formatPrice(item.total) },
+          {
+            label: "پرداخت شده",
+            value: formatPrice(Number(item.paidAmount ?? 0)),
+          },
+          { label: "مانده", value: formatPrice(Number(item.balance ?? 0)) },
+        ];
+        return (
+          <div className="flex flex-col gap-1 text-[12px] whitespace-nowrap">
+            {rows.map((row) => (
+              <div
+                key={row.label}
+                className="flex items-center justify-between gap-3"
+              >
+                <span className="text-description">{row.label}</span>
+                <span>{row.value}</span>
+              </div>
+            ))}
+          </div>
+        );
+      },
+    },
+    {
+      key: "status",
+      title: "وضعیت",
+      render: (item: Order) => {
+        return (
+          <Status
+            variant={getStatusVariant(item.status)}
+            label={t(`order_status.${item.status}`)}
+          />
+        );
+      },
+    },
+    {
+      key: "actions",
+      title: "",
+      render: (item: Order) => {
+        const canSendSms = Boolean(item.user?.phone);
+        return (
+          <div className="flex items-center gap-3 whitespace-nowrap">
+            {canSendSms && onSendPleaseComeSms && (
+              <button
+                type="button"
+                onClick={() => onSendPleaseComeSms(item)}
+                className="cursor-pointer text-[12px] text-teal-700 hover:text-teal-800 font-medium"
+                title="ارسال پیام به مشتری"
+              >
+                <MessageText
+                  size={20}
+                  color="#8C90A3"
+                  className="cursor-pointer"
+                />
+              </button>
+            )}
+            <Link to={Pages.orders.detail + item.id} title="جزئیات">
+              <Eye size={20} color="#8C90A3" className="cursor-pointer" />
+            </Link>
+          </div>
+        );
+      },
+    },
+  ];
+};

src/pages/orders/components/SendPleaseComeSmsModal.tsx

@@ -0,0 +1,57 @@
+import { type FC } from 'react'
+import DefaulModal from '@/components/DefaulModal'
+import Button from '@/components/Button'
+
+interface SendPleaseComeSmsModalProps {
+    isOpen: boolean
+    onClose: () => void
+    isLoading?: boolean
+    customerName: string
+    restaurantName: string
+    onConfirm: () => void
+}
+
+const SendPleaseComeSmsModal: FC<SendPleaseComeSmsModalProps> = ({
+    isOpen,
+    onClose,
+    isLoading,
+    customerName,
+    restaurantName,
+    onConfirm,
+}) => {
+    const previewMessage = `${customerName || '#NAME#'} عزیز لطفا به پیشخوان ${restaurantName || '#REST#'} مراجعه کنید.`
+
+    return (
+        <DefaulModal
+            open={isOpen}
+            close={onClose}
+            isHeader
+            title_header='ارسال پیام'
+            width={420}
+        >
+            <div className='mt-6'>
+                <p className='text-sm text-description text-center mb-4'>
+                    متن پیامک:
+                </p>
+                <div className='rounded-xl border border-gray-200 bg-gray-50 px-4 py-5 text-center text-[15px] leading-8'>
+                    {previewMessage}
+                </div>
+
+                <div className='flex gap-4 justify-center mt-10'>
+                    <Button
+                        label='ارسال'
+                        onClick={onConfirm}
+                        isloading={isLoading}
+                    />
+                    <Button
+                        label='انصراف'
+                        className='bg-transparent text-black border border-primary'
+                        onClick={onClose}
+                    />
+                </div>
+            </div>
+        </DefaulModal>
+    )
+}
+
+export default SendPleaseComeSmsModal

src/pages/orders/hooks/useOrderData.ts

@@ -155,3 +155,9 @@ export const useRemoveOrderItem = () => {
     },
   });
 };
+
+export const useSendPleaseComeSms = () => {
+  return useMutation({
+    mutationFn: (orderId: string) => api.sendPleaseComeSms(orderId),
+  });
+};

src/pages/orders/service/OrderService.ts

@@ -191,3 +191,10 @@ export const getDailyOrderReport = async (
   );
   return data;
 };
+
+export const sendPleaseComeSms = async (orderId: string): Promise<{ message: string }> => {
+  const { data } = await axios.post<{ message: string }>(
+    `/admin/orders/${orderId}/please-come`
+  );
+  return data;
+};

src/pages/settings/GeneralSettings.tsx

@@ -4,6 +4,7 @@ import Input from '@/components/Input'
 import Textarea from '@/components/Textarea'
 import UploadBox from '@/components/UploadBox'
 import DefaulModal from '@/components/DefaulModal'
+import SwitchComponent from '@/components/Switch'
 import LocationPicker from './components/LocationPicker'
 import LocationInput from './components/LocationInput'
 import { TickCircle } from 'iconsax-react'
@@ -27,6 +28,22 @@ const validationSchema = yup.object({
         .min(1, 'حداقل یک شماره تماس الزامی است')
         .of(yup.string().required('شماره تماس الزامی است')),
     instagram: yup.string().url('لینک اینستاگرام معتبر نیست').nullable(),
+    domain: yup
+        .string()
+        .nullable()
+        .test('domain-or-url', 'آدرس وب‌سایت معتبر نیست', (value) => {
+            if (!value) return true
+            const trimmed = value.trim()
+            if (/^https?:\/\//i.test(trimmed)) {
+                try {
+                    new URL(trimmed)
+                    return true
+                } catch {
+                    return false
+                }
+            }
+            return /^([a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}(\/.*)?$/.test(trimmed)
+        }),
     address: yup.string().required('آدرس الزامی است'),
     latitude: yup.number().required('انتخاب موقعیت روی نقشه الزامی است'),
     longitude: yup.number().required('انتخاب موقعیت روی نقشه الزامی است'),
@@ -51,6 +68,7 @@ const GeneralSettings: FC = () => {
             menuColor: '#000000',
             phones: [''],
             instagram: '',
+            domain: '',
             address: '',
             latitude: 0,
             longitude: 0,
@@ -58,6 +76,7 @@ const GeneralSettings: FC = () => {
             logo: '',
             establishedYear: null,
             serviceArea: undefined,
+            enableAiChat: false,
         },
         validationSchema,
         onSubmit: (values) => {
@@ -110,6 +129,7 @@ const GeneralSettings: FC = () => {
                           ? [restaurantData.phone]
                           : [''],
                 instagram: restaurantData.instagram || '',
+                domain: restaurantData.domain || '',
                 address: restaurantData.address || '',
                 latitude: restaurantData.latitude || 0,
                 longitude: restaurantData.longitude || 0,
@@ -117,6 +137,7 @@ const GeneralSettings: FC = () => {
                 logo: restaurantData.logo || '',
                 establishedYear: restaurantData.establishedYear ?? null,
                 serviceArea: restaurantData.serviceArea || undefined,
+                enableAiChat: restaurantData.enableAiChat ?? false,
             })
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -203,6 +224,22 @@ const GeneralSettings: FC = () => {
                         />
                     </div>
 
+                    <div className='mt-8'>
+                        <Input
+                            label='آدرس وب‌سایت (دامنه)'
+                            name='domain'
+                            value={formik.values.domain || ''}
+                            onChange={formik.handleChange}
+                            onBlur={formik.handleBlur}
+                            error_text={formik.touched.domain && formik.errors.domain ? formik.errors.domain : undefined}
+                            placeholder='example.com یا https://example.com'
+                            isNotRequired
+                        />
+                        <p className='mt-2 text-xs text-description'>
+                            در صورتی که دامنه خریداری کرده اید آدرس دامنه خریداری شده رو وارد کنید
+                        </p>
+                    </div>
+
                     <div className='mt-8'>
                         <Textarea
                             label='آدرس'
@@ -243,7 +280,15 @@ const GeneralSettings: FC = () => {
                             onPolygonSelect={(polygon) => formik.setFieldValue('serviceArea', polygon)}
                         />
                     </div>
-                    {/* </div> */}
+
+                    <div className='mt-8'>
+                        <div className='text-sm mb-3'>چت هوش مصنوعی</div>
+                        <SwitchComponent
+                            active={formik.values.enableAiChat ?? false}
+                            onChange={(value) => formik.setFieldValue('enableAiChat', value)}
+                            label={formik.values.enableAiChat ? 'فعال' : 'غیرفعال'}
+                        />
+                    </div>
 
                     <div className='mt-8 flex justify-end'>
                         <Button

src/pages/settings/Setting.tsx

@@ -1,8 +1,9 @@
 import Tabs from "@/components/Tabs";
-import { Brush2, Money2, NotificationStatus, Setting4 } from "iconsax-react";
+import { Brush2, Money2, NotificationStatus, ScanBarcode, Setting4 } from "iconsax-react";
 import { useState, type FC } from "react";
 import NotificationsList from "../notifications/List";
 import DesignSettings from "./components/DesignSettings";
+import QrCodeSettings from "./components/QrCodeSettings";
 import ScoreSetting from "./components/ScoreSetting";
 import { SettingTabEnum } from "./enum/Enum";
 import GeneralSettings from "./GeneralSettings";
@@ -37,6 +38,11 @@ const Setting: FC = () => {
               label: "تنظیمات طراحی",
               value: SettingTabEnum.DESIGN,
             },
+            {
+              icon: <ScanBarcode color={activeTab === SettingTabEnum.QR_CODE ? "black" : "#8C90A3"} size={24} />,
+              label: "QR کد",
+              value: SettingTabEnum.QR_CODE,
+            },
           ]}
           onChange={(value: string) => setActiveTab(value as SettingTabEnum)}
           active={activeTab}
@@ -48,6 +54,7 @@ const Setting: FC = () => {
         {activeTab === SettingTabEnum.FINANCIAL && <ScoreSetting />}
         {activeTab === SettingTabEnum.NOTIFICATION && <NotificationsList />}
         {activeTab === SettingTabEnum.DESIGN && <DesignSettings />}
+        {activeTab === SettingTabEnum.QR_CODE && <QrCodeSettings />}
       </div>
     </div>
   );

src/pages/settings/components/QrCodeSettings.tsx

@@ -0,0 +1,115 @@
+import Button from "@/components/Button";
+import { MENU_SITE_ORIGIN } from "@/config/menuPreview";
+import { DocumentDownload } from "iconsax-react";
+import { QRCodeCanvas } from "qrcode.react";
+import { useMemo, useRef, type FC } from "react";
+import { toast } from "react-toastify";
+import { useGetRestaurant } from "../hooks/useSettingData";
+
+const normalizeMenuUrl = (domain?: string | null, slug?: string | null): string => {
+  const trimmedDomain = domain?.trim();
+
+  if (trimmedDomain) {
+    if (/^https?:\/\//i.test(trimmedDomain)) {
+      return trimmedDomain.replace(/\/+$/, "");
+    }
+    return `https://${trimmedDomain.replace(/\/+$/, "")}`;
+  }
+
+  if (slug) {
+    return `${MENU_SITE_ORIGIN}/${slug}`;
+  }
+
+  return "";
+};
+
+const QrCodeSettings: FC = () => {
+  const { data: restaurant, isLoading } = useGetRestaurant();
+  const canvasWrapperRef = useRef<HTMLDivElement>(null);
+
+  const menuUrl = useMemo(
+    () => normalizeMenuUrl(restaurant?.data?.domain, restaurant?.data?.slug),
+    [restaurant?.data?.domain, restaurant?.data?.slug],
+  );
+
+  const handleDownload = () => {
+    const canvas = canvasWrapperRef.current?.querySelector("canvas");
+    if (!canvas) {
+      toast.error("QR کد آماده نیست");
+      return;
+    }
+
+    const link = document.createElement("a");
+    const fileName = restaurant?.data?.slug || restaurant?.data?.name || "menu";
+    link.download = `qr-${fileName}.png`;
+    link.href = canvas.toDataURL("image/png");
+    link.click();
+    toast.success("QR کد با موفقیت دانلود شد");
+  };
+
+  if (isLoading) {
+    return (
+      <div className="bg-white rounded-4xl p-8">
+        <div className="text-sm text-gray-500">در حال بارگذاری...</div>
+      </div>
+    );
+  }
+
+  if (!menuUrl) {
+    return (
+      <div className="bg-white rounded-4xl p-8">
+        <div className="text-lg font-light">QR کد منو</div>
+        <p className="mt-4 text-sm text-gray-500">
+          برای ساخت QR کد، ابتدا دامنه وب‌سایت را در تنظیمات عمومی وارد کنید یا از اسلاگ رستوران استفاده شود.
+        </p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="bg-white rounded-4xl p-8">
+      <div className="text-lg font-light">QR کد منو</div>
+      <p className="mt-2 text-sm text-gray-500">
+        این QR کد به آدرس منوی دیجیتال رستوران شما لینک می‌شود. می‌توانید آن را دانلود و چاپ کنید.
+      </p>
+
+      <div className="mt-8 flex flex-col items-center gap-6">
+        <div
+          ref={canvasWrapperRef}
+          className="rounded-2xl border border-gray-100 bg-white p-6 shadow-sm"
+        >
+          <QRCodeCanvas
+            value={menuUrl}
+            size={256}
+            level="H"
+            includeMargin
+            bgColor="#FFFFFF"
+            fgColor="#000000"
+          />
+        </div>
+
+        <div className="w-full max-w-md text-center">
+          <div className="text-xs text-gray-400 mb-1">آدرس منو</div>
+          <a
+            href={menuUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-sm text-primary break-all hover:underline"
+            dir="ltr"
+          >
+            {menuUrl}
+          </a>
+        </div>
+
+        <Button type="button" className="w-fit px-6" onClick={handleDownload}>
+          <div className="flex gap-2 items-center">
+            <DocumentDownload size={20} color="#fff" />
+            <span>دانلود QR کد</span>
+          </div>
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export default QrCodeSettings;

src/pages/settings/enum/Enum.ts

@@ -5,4 +5,5 @@ export const enum SettingTabEnum {
   DELIVERY = "delivery",
   NOTIFICATION = "notification",
   DESIGN = "design",
+  QR_CODE = "qr_code",
 }

src/pages/settings/types/Types.ts

@@ -18,7 +18,9 @@ export type UpdateRestaurantType = {
   longitude?: number;
   description?: string;
   establishedYear?: number | null;
+  domain?: string;
   serviceArea?: GeoJSONPolygon;
+  enableAiChat?: boolean;
   score?: {
     purchaseAmount: string;
     purchaseScore: string;
@@ -50,6 +52,7 @@ export type Restaurant = {
   longitude: number | null;
   serviceArea: GeoJSONPolygon;
   isActive: boolean;
+  enableAiChat: boolean;
   establishedYear: number | null;
   phoneNumber: string | null;
   phone?: string;

src/router/Main.tsx

@@ -57,6 +57,7 @@ import UpdateUserGroup from '@/pages/customers/groups/Update'
 import CampaignsList from '@/pages/customers/campaigns/List'
 import CreateCampaign from '@/pages/customers/campaigns/Create'
 import WalletTransactions from '@/pages/wallet/Transactions'
+import AiChatsList from '@/pages/aiChats/List'
 const MainRouter: FC = () => {
 
     const { hasSubMenu } = useSharedStore()
@@ -137,6 +138,7 @@ const MainRouter: FC = () => {
                             <Route path={Pages.statistics.list} element={<Statistics />} />
 
                             <Route path={Pages.wallet.transactions} element={<WalletTransactions />} />
+                            <Route path={Pages.aiChats.list} element={<AiChatsList />} />
                         </Routes>
                     </div>
                 </div>

src/shared/SideBar.tsx

@@ -1,6 +1,6 @@
 import { usePermissions } from '@/hooks/usePermissions'
 import { PermissionEnum } from '@/pages/roles/enum/Enum'
-import { Calendar, Card, DocumentText, Element3, Gallery, Home2, Logout, NotificationBing, People, Security, SecurityUser, Setting2, SmsEdit, Star1, TicketDiscount, TruckFast } from 'iconsax-react'
+import { Calendar, Card, DocumentText, Element3, Gallery, Home2, Logout, MessageQuestion, NotificationBing, People, Security, SecurityUser, Setting2, SmsEdit, Star1, TicketDiscount, TruckFast } from 'iconsax-react'
 import { type FC, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import Skeleton from 'react-loading-skeleton'
@@ -123,6 +123,16 @@ const SideBar: FC = () => {
                                 />
                             )}
 
+                            {checkPermission(PermissionEnum.MANAGE_FOODS) && (
+                                <SideBarItem
+                                    icon={<MessageQuestion variant={isActive('ai-chats') ? 'Bold' : 'Outline'} color={isActive('ai-chats') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
+                                    title={t('sidebar.ai_chats')}
+                                    isActive={isActive('ai-chats')}
+                                    link={Pages.aiChats.list}
+                                    activeName='ai-chats'
+                                />
+                            )}
+
                             {checkPermission(PermissionEnum.MANAGE_SCHEDULES) && (
                                 <SideBarItem
                                     icon={<Calendar variant={isActive('schedule') ? 'Bold' : 'Outline'} color={isActive('schedule') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}