149 lines
5.2 KiB
TypeScript
149 lines
5.2 KiB
TypeScript
import React, { useState, useEffect } from 'react';
|
|
import { GenericModal } from "../atoms/GenericModal";
|
|
import { TextField, Typography, Box } from "@mui/material";
|
|
import { modalStyle } from "./AddWhereCondModal";
|
|
import { useGlobalInfoStore } from '../../context/globalInfo';
|
|
import { getStoredRecording } from '../../api/storage';
|
|
import { WhereWhatPair } from 'maxun-core';
|
|
import { getUserById } from "../../api/auth";
|
|
|
|
interface RobotMeta {
|
|
name: string;
|
|
id: string;
|
|
createdAt: string;
|
|
pairs: number;
|
|
updatedAt: string;
|
|
params: any[];
|
|
}
|
|
|
|
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 {
|
|
isOpen: boolean;
|
|
handleStart: (settings: RobotSettings) => void;
|
|
handleClose: () => void;
|
|
initialSettings?: RobotSettings | null;
|
|
|
|
}
|
|
|
|
export const RobotSettingsModal = ({ isOpen, handleStart, handleClose, initialSettings }: RobotSettingsProps) => {
|
|
const [robot, setRobot] = useState<RobotSettings | null>(null);
|
|
const [userEmail, setUserEmail] = useState<string | null>(null);
|
|
const { recordingId, notify } = useGlobalInfoStore();
|
|
|
|
useEffect(() => {
|
|
if (isOpen) {
|
|
getRobot();
|
|
}
|
|
}, [isOpen]);
|
|
|
|
const getRobot = async () => {
|
|
if (recordingId) {
|
|
const robot = await getStoredRecording(recordingId);
|
|
setRobot(robot);
|
|
} else {
|
|
notify('error', 'Could not find robot details. Please try again.');
|
|
}
|
|
}
|
|
|
|
const lastPair = robot?.recording.workflow[robot?.recording.workflow.length - 1];
|
|
|
|
// Find the `goto` action in `what` and retrieve its arguments
|
|
const targetUrl = lastPair?.what.find(action => action.action === "goto")?.args?.[0];
|
|
|
|
useEffect(() => {
|
|
const fetchUserEmail = async () => {
|
|
if (robot && robot.userId) {
|
|
const userData = await getUserById(robot.userId.toString());
|
|
if (userData && userData.user) {
|
|
setUserEmail(userData.user.email);
|
|
}
|
|
}
|
|
};
|
|
fetchUserEmail();
|
|
}, [robot?.userId]);
|
|
|
|
return (
|
|
<GenericModal
|
|
isOpen={isOpen}
|
|
onClose={handleClose}
|
|
modalStyle={modalStyle}
|
|
>
|
|
<>
|
|
<Typography variant="h5" style={{ marginBottom: '20px' }}>Robot Settings</Typography>
|
|
<Box style={{ display: 'flex', flexDirection: 'column' }}>
|
|
{
|
|
robot && (
|
|
<>
|
|
<TextField
|
|
label="Robot Target URL"
|
|
key="Robot Target URL"
|
|
value={targetUrl}
|
|
InputProps={{
|
|
readOnly: true,
|
|
}}
|
|
style={{ marginBottom: '20px' }}
|
|
/>
|
|
<TextField
|
|
label="Robot ID"
|
|
key="Robot ID"
|
|
value={robot.recording_meta.id}
|
|
InputProps={{
|
|
readOnly: true,
|
|
}}
|
|
style={{ marginBottom: '20px' }}
|
|
/>
|
|
<TextField
|
|
label="Created By User"
|
|
key="Created By User"
|
|
value={userEmail ? userEmail : ''}
|
|
InputProps={{
|
|
readOnly: true,
|
|
}}
|
|
style={{ marginBottom: '20px' }}
|
|
/>
|
|
<TextField
|
|
label="Robot Created At"
|
|
key="Robot Created At"
|
|
value={robot.recording_meta.createdAt}
|
|
InputProps={{
|
|
readOnly: true,
|
|
}}
|
|
style={{ marginBottom: '20px' }}
|
|
/>
|
|
</>
|
|
)
|
|
}
|
|
</Box>
|
|
</>
|
|
</GenericModal>
|
|
);
|
|
};
|