import { toast } from "react-toastify";

import { telemetry } from "@/apiClient";
import { managerClient } from "@/managerClient";

type CreateSlicesTemplatesArgs = {
  templateIDs: string[];
  localLibrariesNames: string[];
  location: "custom_type" | "page_type";
  onSuccess: (slicesIds: string[]) => Promise<void>;
};

export async function createSlicesTemplates(args: CreateSlicesTemplatesArgs) {
  try {
    const { templateIDs, localLibrariesNames, location, onSuccess } = args;

    const { data, errors } =
      await managerClient.sliceTemplateLibrary.createSlices({
        templateIDs,
      });

    if (errors.length > 0 || data === undefined) {
      throw errors;
    }

    data.sliceIDs.forEach((sliceID, index) => {
      void telemetry.track({
        event: "slice:created",
        id: sliceID,
        name: sliceID,
        library: localLibrariesNames[0],
        location,
        mode: "template",
        sliceTemplate: templateIDs[index],
      });
    });

    await onSuccess(data.sliceIDs);
  } catch (e) {
    const errorMessage = "Internal Error: Slice(s) not created";
    console.error(errorMessage, e);
    toast.error(errorMessage);
  }
}