frontPanel/src/pages/IntegrationsPage/IntegrationsModal/Amo/useAmoIntegration.ts

import { useEffect, useState } from "react";
import { enqueueSnackbar } from "notistack";
import type { TagKeys, SelectedTags, QuestionKeys, SelectedQuestions, MinifiedData } from "./types";
import {
  AccountResponse,
  getIntegrationRules,
  getPipelines,
  getSteps,
  getTags,
  getUsers,
  getAccount,
  FieldsRule,
  getFields,
} from "@/api/integration";
import { AnyTypedQuizQuestion } from "@frontend/squzanswerer";
import { UntypedQuizQuestion } from "@/model/questionTypes/shared";

const SIZE = 25;

interface Props {
  isModalOpen: boolean;
  isTryRemoveAccount: boolean;
  quizID: number;
  questions: (AnyTypedQuizQuestion | UntypedQuizQuestion)[]
}

const FCTranslate = {
  "name": "имя",
  "email": "почта",
  "phone": "телефон",
  "text": "номер",
  "address": "адрес",
}

let isReadyGetPipeline = true;
let isReadyGetPipelineStep = true;
let isReadyGetUsers = true;
let isReadyGetTags = true;
let isReadyGetFields = true;

export const useAmoIntegration = ({ isModalOpen, isTryRemoveAccount, quizID, questions }: Props) => {
  const [isLoadingPage, setIsLoadingPage] = useState<boolean>(true);
  const [firstRules, setFirstRules] = useState<boolean>(false);
  const [accountInfo, setAccountInfo] = useState<AccountResponse | null>(null);

  const [arrayOfPipelines, setArrayOfPipelines] = useState<MinifiedData[]>([]);
  const [arrayOfPipelinesSteps, setArrayOfPipelinesSteps] = useState<MinifiedData[]>([]);
  const [arrayOfUsers, setArrayOfUsers] = useState<MinifiedData[]>([]);
  const [arrayOfTags, setArrayOfTags] = useState<MinifiedData[]>([]);
  const [arrayOfFields, setArrayOfFields] = useState<MinifiedData[]>([]);

  const [selectedPipeline, setSelectedPipeline] = useState<string | null>(null);
  const [selectedPipelineStep, setSelectedPipelineStep] = useState<string | null>(null);
  const [selectedDealUser, setSelectedDealPerformer] = useState<string | null>(null);
  const [selectedCurrentFields, setSelectedCurrentFields] = useState<MinifiedData[]>([]);

  const [questionsBackend, setQuestionsBackend] = useState<FieldsRule>({} as FieldsRule);
  const [selectedTags, setSelectedTags] = useState<SelectedTags>({
    Lead: [],
    Contact: [],
    Company: [],
    Customer: [],
  });
  const [selectedQuestions, setSelectedQuestions] = useState<SelectedQuestions>({
    Lead: [],
    Company: [],
    Customer: [],
    Contact: []
  });

  const [pageOfPipelines, setPageOfPipelines] = useState(1);
  const [pageOfPipelinesSteps, setPageOfPipelinesSteps] = useState(1);
  const [pageOfUsers, setPageOfUsers] = useState(1);
  const [pageOfTags, setPageOfTags] = useState(1);
  const [pageOfFields, setPageOfFields] = useState(1);

  useEffect(() => {
    const fetchAccountRules = async () => {
      setIsLoadingPage(true);
      const [account, accountError] = await getAccount();

      if (accountError) {
        if (!accountError.includes("Not Found")) enqueueSnackbar(accountError);
        setAccountInfo(null);
      }
      if (account) {
        setAccountInfo(account);
      }
      const [settingsResponse, rulesError] = await getIntegrationRules(quizID.toString());

      if (rulesError) {
        if (rulesError === "first") setFirstRules(true);
        if (!rulesError.includes("Not Found") && !rulesError.includes("first")) enqueueSnackbar(rulesError);
      }
      if (settingsResponse) {
        if (settingsResponse.PipelineID) setSelectedPipeline(settingsResponse.PipelineID.toString());
        if (settingsResponse.StepID) setSelectedPipelineStep(settingsResponse.StepID.toString());
        if (settingsResponse.PerformerID) setSelectedDealPerformer(settingsResponse.PerformerID.toString());

        if (Boolean(settingsResponse.FieldsRule) && Object.keys(settingsResponse?.FieldsRule).length > 0) {
          const gottenQuestions = { ...selectedQuestions };
          setQuestionsBackend(settingsResponse.FieldsRule);

          for (let key in settingsResponse.FieldsRule) {
            if (
              settingsResponse.FieldsRule[key as QuestionKeys] !== null
            ) {
              const gottenList = settingsResponse.FieldsRule[key as QuestionKeys];

              if (gottenList !== null) {
                Object.keys(gottenList.QuestionID).forEach((qId) => {
                  const q = questions.find(e => e.backendId === Number(qId)) || {}
                  gottenQuestions[key as QuestionKeys].push({
                    id: qId,
                    title: q.title,
                    entity: key,

                  })
                })

              }

              if (key === "Contact") {
                const MAP = settingsResponse.FieldsRule[key as QuestionKeys].ContactRuleMap

                const list = []
                for (let key in MAP) {
                  list.push({
                    id: key,
                    title: FCTranslate[key],
                    entity: "Contact",
                    amoId: MAP[key].toString(),
                  })
                }
                setSelectedCurrentFields(list)
              }
            }
          }
          setSelectedQuestions(gottenQuestions);
        }

        if (Boolean(settingsResponse.TagsToAdd) && Object.keys(settingsResponse.TagsToAdd).length > 0) {
          const gottenTags = { ...selectedTags };

          for (let key in settingsResponse.TagsToAdd) {
            const gottenList = settingsResponse.TagsToAdd[key as TagKeys];
            if (gottenList !== null && Array.isArray(gottenList)) {
              gottenTags[key as TagKeys] = gottenList.map((e) => e.toString());
            }
          }
          setSelectedTags(gottenTags);
        }
        setFirstRules(false);
      }
      setIsLoadingPage(false);
    };

    fetchAccountRules();

  }, [isModalOpen, isTryRemoveAccount]);

  useEffect(() => {
    const transletedQuestions = {}

    Object.keys(selectedQuestions)?.forEach((column) => {
      selectedQuestions[column].forEach((minifiedData) => {
      const q = questions.find(e => e.backendId === Number(minifiedData.id)) || {}
        transletedQuestions[column] = {
          ...minifiedData,
          title: q.title || transletedQuestions[column].title
        }
      })
    })

    setSelectedQuestions(transletedQuestions)
  }, [questions])

  useEffect(() => {
    if (isReadyGetPipeline) {
      getPipelines({
        page: pageOfPipelines,
        size: SIZE,
      }).then(([response]) => {
        if (response && response.items !== null) {
          const minifiedPipelines: MinifiedData[] = [];

          response.items.forEach((step) => {
            minifiedPipelines.push({
              id: step.AmoID.toString(),
              title: step.Name,
            });
          });
          setArrayOfPipelines((prevItems) => [...prevItems, ...minifiedPipelines]);
          setPageOfPipelinesSteps(1);
        } else {
          isReadyGetPipeline = false
        }
      });
    }
  }, [pageOfPipelines]);
  useEffect(() => {
    if (isReadyGetPipelineStep) {
      const oldData = pageOfPipelinesSteps === 1 ? [] : arrayOfPipelinesSteps;
      if (selectedPipeline !== null)
        getSteps({
          page: pageOfPipelinesSteps,
          size: SIZE,
          pipelineId: Number(selectedPipeline),
        }).then(([response]) => {
          if (response && response.items !== null) {
            const minifiedSteps: MinifiedData[] = [];

            response.items.forEach((step) => {
              minifiedSteps.push({
                id: step.AmoID.toString(),
                title: step.Name,
              });
            });
            setArrayOfPipelinesSteps([...oldData, ...minifiedSteps]);
          } else {
            isReadyGetPipelineStep = false
          }
        });
    }
  }, [selectedPipeline, pageOfPipelinesSteps]);
  useEffect(() => {
    if (isReadyGetUsers) {
      getUsers({
        page: pageOfUsers,
        size: SIZE,
      }).then(([response]) => {
        if (response && response.items !== null) {
          const minifiedUsers: MinifiedData[] = [];

          response.items.forEach((step) => {
            minifiedUsers.push({
              id: step.amoUserID.toString(),
              title: step.name,
            });
          });
          setArrayOfUsers((prevItems) => [...prevItems, ...minifiedUsers]);
        } else {
          isReadyGetUsers = false
        }
      });
    }
  }, [pageOfUsers]);
  useEffect(() => {
    if (isReadyGetTags) {
      getTags({
        page: pageOfTags,
        size: SIZE,
      }).then(([response]) => {
        if (response && response.items !== null) {
          const minifiedTags: MinifiedData[] = [];

          response.items.forEach((step) => {
            minifiedTags.push({
              id: step.AmoID.toString(),
              title: step.Name,
              entity:
                step.Entity === "leads"
                  ? "Lead"
                  : step.Entity === "contacts"
                    ? "Contact"
                    : step.Entity === "companies"
                      ? "Company"
                      : "Customer",
            });
          });
          setArrayOfTags((prevItems) => [...prevItems, ...minifiedTags]);
        } else {
          isReadyGetTags = false
        }
      });
    }
  }, [pageOfTags]);
  useEffect(() => {
    if (isReadyGetFields) {
      getFields({
        page: pageOfTags,
        size: SIZE,
      }).then(([response]) => {
        if (response && response.items !== null) {
          const minifiedTags: MinifiedData[] = [];

          response.items.forEach((field) => {
            minifiedTags.push({
              id: field.AmoID.toString(),
              title: field.Name,
              entity:
                field.Entity === "leads"
                  ? "Lead"
                  : field.Entity === "contacts"
                    ? "Contact"
                    : field.Entity === "companies"
                      ? "Company"
                      : "Customer",
            });
          });
          setArrayOfFields((prevItems) => [...prevItems, ...minifiedTags]);
        }
      });
    } else {
      isReadyGetFields = false
    }
  }, [pageOfFields]);
  useEffect(() => () => {
    isReadyGetPipeline = true;
    isReadyGetPipelineStep = true;
    isReadyGetUsers = true;
    isReadyGetTags = true;
    isReadyGetFields = true;
  }, [])

  return {
    isLoadingPage,
    firstRules,
    accountInfo,
    arrayOfPipelines,
    arrayOfPipelinesSteps,
    arrayOfUsers,
    arrayOfTags,
    arrayOfFields,
    selectedPipeline,
    setSelectedPipeline,
    selectedCurrentFields,
    selectedPipelineStep,
    setSelectedPipelineStep,
    selectedDealUser,
    setSelectedDealPerformer,
    questionsBackend,
    selectedTags,
    setSelectedTags,
    selectedQuestions,
    setSelectedQuestions,
    setPageOfPipelines: () => setPageOfPipelines(old => old + 1),
    setPageOfPipelinesSteps: () => setPageOfPipelinesSteps(old => old + 1),
    setPageOfUsers: () => setPageOfUsers(old => old + 1),
    setPageOfTags: () => setPageOfTags(old => old + 1),
    setPageOfFields: () => setPageOfFields(old => old + 1),
    setSelectedCurrentFields,
  };
};