useSettingsQuestionsViewModel.ts

import { ref } from "@nuxtjs/composition-api";
import { useResolve } from "ts-injecty";
import { Question } from "~/v1/domain/entities/question/Question";
import { UpdateQuestionSettingUseCase } from "~/v1/domain/usecases/dataset-setting/update-question-setting-use-case";
import { useNotifications } from "~/v1/infrastructure/services/useNotifications";

export const useSettingsQuestionsViewModel = () => {
  const updateQuestionSettingsUseCase = useResolve(UpdateQuestionSettingUseCase);
  const notification = useNotifications();
  const newLabelText = ref({});

  const restore = (question: Question) => {
    question.restore();
  };

  const update = async (question: Question) => {
    try {
      await updateQuestionSettingsUseCase.execute(question);
    } catch (error) {
      // TODO
    }
  };

  const addOption = (question: Question) => {
    const text = newLabelText.value[question.id]?.trim();
    if (!text) return;

    const existingOption = question.settings.options.find(option =>
      option.value.toLowerCase() === text.toLowerCase() ||
      option.text.toLowerCase() === text.toLowerCase()
    );

    if (existingOption) {
      notification.notify({
        message: "Label already exists. Please choose a different one.",
        type: "warning",
      });
      return;
    }

    question.settings.options.push({
      value: text.toLowerCase().replace(/\s+/g, '_'),
      text: text
    });

    newLabelText.value[question.id] = '';

    question.reloadAnswerFromOptions();
  };

  const deleteOption = (question: Question, optionToDelete: any) => {
    const index = question.settings.options.findIndex(option =>
      option.value === optionToDelete.value
    );

    if (index > -1) {
      question.settings.options.splice(index, 1);
      question.reloadAnswerFromOptions();
    }
  };

  return {
    restore,
    update,
    newLabelText,
    addOption,
    deleteOption,
  };
};