From 4245dce136b29a41c6b222b1a92500ac61fb8ecb Mon Sep 17 00:00:00 2001
From: wixarm <armantarhani1997@gmail.com>
Date: Wed, 18 Feb 2026 12:25:09 +0330
Subject: [PATCH] feat: tag batch otp auth

---
 src/partials/tagging/OtpAuthModal.tsx         |  6 +-
 src/partials/tagging/OtpVerifyModal.tsx       | 46 +++++++++++++++
 .../tagging/TagActiveDistributions.tsx        | 59 ++++++++++++++-----
 3 files changed, 93 insertions(+), 18 deletions(-)
 create mode 100644 src/partials/tagging/OtpVerifyModal.tsx

diff --git a/src/partials/tagging/OtpAuthModal.tsx b/src/partials/tagging/OtpAuthModal.tsx
index 66a8470..0f87e13 100644
--- a/src/partials/tagging/OtpAuthModal.tsx
+++ b/src/partials/tagging/OtpAuthModal.tsx
@@ -12,7 +12,7 @@ export const OtpAuthModal = ({ item, getData }: any) => {
   const [selectedUser, setSelectedUser] = useState<(string | number)[]>([]);
 
   const { data: usersData } = useApiRequest({
-    api: `/auth/api/v1/organization/${item?.id}/org_users/`,
+    api: `/auth/api/v1/organization/${item?.assigned_org?.id}/org_users/`,
     method: "get",
     queryKey: ["orgUsers", item?.id],
   });
@@ -23,7 +23,7 @@ export const OtpAuthModal = ({ item, getData }: any) => {
   });
 
   const usersOptions =
-    usersData?.results?.map((user: any) => ({
+    usersData?.map((user: any) => ({
       key: user?.user_receiver,
       value: `${user?.first_name} ${user?.last_name} - ${user?.mobile}`,
     })) ?? [];
@@ -31,7 +31,7 @@ export const OtpAuthModal = ({ item, getData }: any) => {
   const onSubmit = async () => {
     if (selectedUser.length === 0) return;
 
-    const selected = usersData?.results?.find(
+    const selected = usersData?.find(
       (u: any) => u.user_receiver === selectedUser[0],
     );
 
diff --git a/src/partials/tagging/OtpVerifyModal.tsx b/src/partials/tagging/OtpVerifyModal.tsx
new file mode 100644
index 0000000..f19cd99
--- /dev/null
+++ b/src/partials/tagging/OtpVerifyModal.tsx
@@ -0,0 +1,46 @@
+import { useState } from "react";
+import { Grid } from "../../components/Grid/Grid";
+import Button from "../../components/Button/Button";
+import Textfield from "../../components/Textfeild/Textfeild";
+import { useApiMutation } from "../../utils/useApiRequest";
+import { useToast } from "../../hooks/useToast";
+import { useModalStore } from "../../context/zustand-store/appStore";
+
+export const OtpVerifyModal = ({ item, getData }: any) => {
+  const showToast = useToast();
+  const { closeModal } = useModalStore();
+  const [code, setCode] = useState("");
+
+  const mutation = useApiMutation({
+    api: `/tag/web/api/v1/tag_distribution_batch/${item?.id}/otp_auth/?otp_type=check`,
+    method: "post",
+  });
+
+  const onSubmit = async () => {
+    if (!code) return;
+
+    try {
+      await mutation.mutateAsync({ code: String(code) });
+      showToast("احراز با موفقیت انجام شد", "success");
+      getData();
+      closeModal();
+    } catch (error: any) {
+      showToast(error?.response?.data?.message || "خطا در احراز!", "error");
+    }
+  };
+
+  return (
+    <Grid container column className="gap-3">
+      <Textfield
+        fullWidth
+        placeholder="کد احراز"
+        value={code}
+        onChange={(e) => setCode(e.target.value)}
+      />
+
+      <Button disabled={!code} onClick={onSubmit}>
+        تایید
+      </Button>
+    </Grid>
+  );
+};
diff --git a/src/partials/tagging/TagActiveDistributions.tsx b/src/partials/tagging/TagActiveDistributions.tsx
index fc42a61..005bf83 100644
--- a/src/partials/tagging/TagActiveDistributions.tsx
+++ b/src/partials/tagging/TagActiveDistributions.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import {
   Bars3Icon,
   CheckBadgeIcon,
+  ClockIcon,
   CubeIcon,
   SparklesIcon,
   StopCircleIcon,
@@ -24,6 +25,7 @@ import { BooleanQuestion } from "../../components/BooleanQuestion/BooleanQuestio
 import { TableButton } from "../../components/TableButton/TableButton";
 import { DistributionSpeciesModal } from "./DistributionSpeciesModal";
 import { OtpAuthModal } from "./OtpAuthModal";
+import { OtpVerifyModal } from "./OtpVerifyModal";
 import { useNavigate } from "@tanstack/react-router";
 import { TAG_DISTRIBUTION } from "../../routes/paths";
 import { DocumentOperation } from "../../components/DocumentOperation/DocumentOperation";
@@ -224,29 +226,56 @@ export default function TagActiveDistributions() {
               تایید سند خروج
             </Button>
           ),
-          item?.otp_status ? (
+          item?.otp_status === "accept" ? (
             <span className="flex items-center gap-1 text-green-600 dark:text-green-400">
-              احراز شده
               <CheckBadgeIcon className="w-5 h-5" />
+              احراز شده
+            </span>
+          ) : item?.otp_status === "pending" ? (
+            <span className="flex items-center gap-1 text-yellow-500 dark:text-yellow-400">
+              <ClockIcon className="w-5 h-5" />
+              ارسال شده
             </span>
           ) : (
             <span className="flex items-center gap-1 text-red-500 dark:text-red-400">
-              احراز نشده
               <XCircleIcon className="w-5 h-5" />
+              ارسال نشده
             </span>
           ),
-          <Button
-            key={`otp-${item?.id}`}
-            size="small"
-            onClick={() => {
-              openModal({
-                title: "ارسال پیامک احراز",
-                content: <OtpAuthModal item={item} getData={handleUpdate} />,
-              });
-            }}
-          >
-            ارسال کد
-          </Button>,
+          item?.otp_status !== "accept" ? (
+            <Grid key={`otp-${item?.id}`} container className="gap-2">
+              <Button
+                size="small"
+                onClick={() => {
+                  openModal({
+                    title: "ارسال پیامک احراز",
+                    content: (
+                      <OtpAuthModal item={item} getData={handleUpdate} />
+                    ),
+                  });
+                }}
+              >
+                {item?.otp_status === "unsend" ? "ارسال کد" : "ارسال مجدد"}
+              </Button>
+              {item?.otp_status === "pending" && (
+                <Button
+                  size="small"
+                  onClick={() => {
+                    openModal({
+                      title: "ورود کد احراز",
+                      content: (
+                        <OtpVerifyModal item={item} getData={handleUpdate} />
+                      ),
+                    });
+                  }}
+                >
+                  ورود کد احراز
+                </Button>
+              )}
+            </Grid>
+          ) : (
+            "احراز شده"
+          ),
           <Popover key={index}>
             <Tooltip title="جزئیات توزیع" position="right">
               <Button