set up deleting mdm profile

Author: ghernandez345

frontend/pages/ManageControlsPage/SetupExperience/cards/SetupAssistant/SetupAssistant.tsx

@@ -55,6 +55,7 @@ const StartupAssistant = ({ currentTeamId }: ISetupAssistantProps) => {
     isLoading: isLoadingEnrollmentProfile,
     isError: isErrorEnrollmentProfile,
     error: enrollmentProfileError,
+    refetch: refetchEnrollmentProfile,
   } = useQuery<IAppleSetupEnrollmentProfileResponse, AxiosError>(
     ["enrollment_profile", currentTeamId],
     () => mdmAPI.getSetupEnrollmentProfile(currentTeamId),
@@ -73,9 +74,14 @@ const StartupAssistant = ({ currentTeamId }: ISetupAssistantProps) => {
     return teamConfig?.mdm?.macos_setup.enable_release_device_manually || false;
   };
 
-  const onUpload = () => {};
+  const onUpload = () => {
+    refetchEnrollmentProfile();
+  };
 
-  const onDelete = () => {};
+  const onDelete = () => {
+    setShowDeleteProfileModal(false);
+    refetchEnrollmentProfile();
+  };
 
   const defaultReleaseDeviceSetting = getReleaseDeviceSetting();
 
@@ -103,7 +109,7 @@ const StartupAssistant = ({ currentTeamId }: ISetupAssistantProps) => {
             {enrollmentProfileNotFound ? (
               <SetupAssistantProfileUploader
                 currentTeamId={currentTeamId}
-                onUpload={() => 1}
+                onUpload={onUpload}
               />
             ) : (
               <SetuAssistantProfileCard
@@ -125,6 +131,7 @@ const StartupAssistant = ({ currentTeamId }: ISetupAssistantProps) => {
       )}
       {showDeleteProfileModal && (
         <DeleteAutoEnrollmentProfile
+          currentTeamId={currentTeamId}
           onDelete={onDelete}
           onCancel={() => setShowDeleteProfileModal(false)}
         />

frontend/pages/ManageControlsPage/SetupExperience/cards/SetupAssistant/components/DeleteAutoEnrollmentProfile/DeleteAutoEnrollmentProfile.tsx

@@ -1,25 +1,42 @@
-import React from "react";
+import React, { useContext } from "react";
+
+import mdmAPI from "services/entities/mdm";
 
 import Modal from "components/Modal";
 import Button from "components/buttons/Button";
+import { render } from "@testing-library/react";
+import { NotificationContext } from "context/notification";
 
 interface DeleteAutoEnrollProfileProps {
+  currentTeamId: number;
   onCancel: () => void;
   onDelete: () => void;
 }
 
 const baseClass = "delete-auto-enrollment-profile-modal";
 
 const DeleteAutoEnrollProfile = ({
+  currentTeamId,
   onCancel,
   onDelete,
 }: DeleteAutoEnrollProfileProps) => {
+  const { renderFlash } = useContext(NotificationContext);
+
+  const handleDelete = async () => {
+    try {
+      await mdmAPI.deleteSetupEnrollmentProfile(currentTeamId);
+      renderFlash("success", "Successfully deleted!");
+    } catch {
+      renderFlash("error", "Couldn’t delete. Please try again.");
+    }
+    onDelete();
+  };
+
   return (
     <Modal
       className={baseClass}
       title="Delete automatic enrollment profile"
       onExit={onCancel}
-      onEnter={() => onDelete()}
     >
       <>
         <p>Delete the automatic enrollment profile to upload a new one.</p>
@@ -28,7 +45,7 @@ const DeleteAutoEnrollProfile = ({
           automatically enroll with the default setup settings.
         </p>
         <div className="modal-cta-wrap">
-          <Button type="button" onClick={() => onDelete()} variant="alert">
+          <Button type="button" onClick={handleDelete} variant="alert">
             Delete
           </Button>
           <Button onClick={onCancel} variant="inverse-alert">

frontend/pages/ManageControlsPage/SetupExperience/cards/SetupAssistant/components/SetupAssistantProfileUploader/SetupAssistantProfileUploader.tsx

@@ -34,14 +34,14 @@ const SetupAssistantProfileUploader = ({
     const file = files[0];
 
     // quick exit if the file type is incorrect
-    if (!file.name.includes(".json")) {
+    if (file.type !== "application/json") {
       renderFlash("error", UPLOAD_ERROR_MESSAGES.wrongType.message);
       setShowLoading(false);
       return;
     }
 
     try {
-      await mdmAPI.uploadBootstrapPackage(file, currentTeamId);
+      await mdmAPI.uploadSetupEnrollmentProfile(file, currentTeamId);
       renderFlash("success", "Successfully uploaded!");
       onUpload();
     } catch (e) {

frontend/services/entities/mdm.ts

@@ -263,14 +263,28 @@ const mdmService = {
   uploadSetupEnrollmentProfile: (file: File, teamId: number) => {
     const { MDM_APPLE_SETUP_ENROLLMENT_PROFILE } = endpoints;
 
-    const formData = new FormData();
-    formData.append("profile", file);
-    formData.append("team_id", teamId.toString());
-
-    return sendRequest("POST", MDM_APPLE_SETUP_ENROLLMENT_PROFILE, formData);
+    const reader = new FileReader();
+    reader.readAsText(file);
+
+    return new Promise((resolve) => {
+      reader.addEventListener("load", () => {
+        const body: Record<string, any> = {
+          name: file.name,
+          enrollment_profile: JSON.parse(reader.result as string),
+        };
+        if (teamId !== API_NO_TEAM_ID) {
+          body.team_id = teamId;
+        }
+        resolve(sendRequest("POST", MDM_APPLE_SETUP_ENROLLMENT_PROFILE, body));
+      });
+    });
   },
   deleteSetupEnrollmentProfile: (teamId: number) => {
     const { MDM_APPLE_SETUP_ENROLLMENT_PROFILE } = endpoints;
+    if (teamId === API_NO_TEAM_ID) {
+      return sendRequest("DELETE", MDM_APPLE_SETUP_ENROLLMENT_PROFILE);
+    }
+
     const path = `${MDM_APPLE_SETUP_ENROLLMENT_PROFILE}?${buildQueryStringFromParams(
       { team_id: teamId }
     )}`;