parcer/src/components/robot/pages/RobotSettingsPage.tsx

import React, { useState, useEffect } from "react";
import { useTranslation } from "react-i18next";
import { TextField, Typography, Box, Card, CardContent } from "@mui/material";
import { Settings, Info } from "@mui/icons-material";
import { useGlobalInfoStore } from "../../../context/globalInfo";
import { getStoredRecording } from "../../../api/storage";
import { WhereWhatPair } from "maxun-core";
import { getUserById } from "../../../api/auth";
import { RobotConfigPage } from "./RobotConfigPage";
import { useNavigate, useLocation } from "react-router-dom";

interface RobotMeta {
  name: string;
  id: string;
  createdAt: string;
  pairs: number;
  updatedAt: string;
  params: any[];
  url?: string;
}

interface RobotWorkflow {
  workflow: WhereWhatPair[];
}

interface ScheduleConfig {
  runEvery: number;
  runEveryUnit: "MINUTES" | "HOURS" | "DAYS" | "WEEKS" | "MONTHS";
  startFrom:
    | "SUNDAY"
    | "MONDAY"
    | "TUESDAY"
    | "WEDNESDAY"
    | "THURSDAY"
    | "FRIDAY"
    | "SATURDAY";
  atTimeStart?: string;
  atTimeEnd?: string;
  timezone: string;
  lastRunAt?: Date;
  nextRunAt?: Date;
  cronExpression?: string;
}

export interface RobotSettings {
  id: string;
  userId?: number;
  recording_meta: RobotMeta;
  recording: RobotWorkflow;
  google_sheet_email?: string | null;
  google_sheet_name?: string | null;
  google_sheet_id?: string | null;
  google_access_token?: string | null;
  google_refresh_token?: string | null;
  schedule?: ScheduleConfig | null;
}

interface RobotSettingsProps {
  handleStart: (settings: RobotSettings) => void;
}

export const RobotSettingsPage = ({ handleStart }: RobotSettingsProps) => {
  const { t } = useTranslation();
  const navigate = useNavigate();
  const location = useLocation();
  const [userEmail, setUserEmail] = useState<string | null>(null);
  const [robot, setRobot] = useState<RobotSettings | null>(null);
  const { recordingId, notify } = useGlobalInfoStore();

  useEffect(() => {
    getRobot();
  }, []);

  const getRobot = async () => {
    if (recordingId) {
      try {
        const robot = await getStoredRecording(recordingId);
        setRobot(robot);
      } catch (error) {
        notify("error", t("robot_settings.errors.robot_not_found"));
      }
    } else {
      notify("error", t("robot_settings.errors.robot_not_found"));
    }
  };

  const getTargetUrl = () => {
    let url = robot?.recording_meta.url;

    if (!url) {
      const lastPair =
        robot?.recording.workflow[robot?.recording.workflow.length - 1];
      url = lastPair?.what.find((action) => action.action === "goto")
        ?.args?.[0];
    }

    return url;
  };

  useEffect(() => {
    const fetchUserEmail = async () => {
      if (robot && robot.userId) {
        try {
          const userData = await getUserById(robot.userId.toString());
          if (userData && userData.user) {
            setUserEmail(userData.user.email);
          }
        } catch (error) {
          console.error("Failed to fetch user email:", error);
        }
      }
    };
    fetchUserEmail();
  }, [robot?.userId]);

  const handleCancel = () => {
    const basePath = location.pathname.includes("/prebuilt-robots")
      ? "/prebuilt-robots"
      : "/robots";
    navigate(basePath);
  };

  const targetUrl = getTargetUrl();

  return (
    <RobotConfigPage
      title={t("robot_settings.title")}
      onCancel={handleCancel}
      cancelButtonText={t("Close")}
      showSaveButton={false}
    >
      <>
        <Box style={{ display: "flex", flexDirection: "column" }}>
          {robot && (
            <>
              <TextField
                label={t("robot_settings.target_url")}
                key="Robot Target URL"
                value={targetUrl}
                InputProps={{
                  readOnly: true,
                }}
                style={{ marginBottom: "20px" }}
              />
              <TextField
                label={t("robot_settings.robot_id")}
                key="Robot ID"
                value={robot.recording_meta.id}
                InputProps={{
                  readOnly: true,
                }}
                style={{ marginBottom: "20px" }}
              />
              {robot.recording.workflow?.[0]?.what?.[0]?.args?.[0]?.limit !==
                undefined && (
                <TextField
                  label={t("robot_settings.robot_limit")}
                  type="number"
                  value={
                    robot.recording.workflow[0].what[0].args[0].limit || ""
                  }
                  InputProps={{
                    readOnly: true,
                  }}
                  style={{ marginBottom: "20px" }}
                />
              )}
              <TextField
                label={t("robot_settings.created_by_user")}
                key="Created By User"
                value={userEmail ? userEmail : ""}
                InputProps={{
                  readOnly: true,
                }}
                style={{ marginBottom: "20px" }}
              />
              <TextField
                label={t("robot_settings.created_at")}
                key="Robot Created At"
                value={robot.recording_meta.createdAt}
                InputProps={{
                  readOnly: true,
                }}
                style={{ marginBottom: "20px" }}
              />
            </>
          )}
        </Box>
      </>
    </RobotConfigPage>
  );
};