feat: update macOS install steps with utmstack-macos-agent.pkg

Author: mjabascal10

frontend/src/app/app-module/guides/guide-macos-agent/guide-macos-agent.component.html

@@ -21,7 +21,7 @@ <h4 class="card-title mb-0 text-primary">
               <div [innerHtml]="step.name"></div>
               <ng-container *ngIf="step.content">
 
-                <ng-template [ngIf]="step.content.id === 'stepContent2'">
+                <ng-template [ngIf]="step.content.id === 'stepContent3'">
                   <app-agent-install-selector [platforms]="architectures" [_selectedPlatform]="architectures[0]"></app-agent-install-selector>
                 </ng-template>
               </ng-container>

frontend/src/app/app-module/guides/guide-macos-agent/guide-macos-agent.component.ts

@@ -42,14 +42,16 @@ export class GuideMacosAgentComponent implements OnInit {
   getCommandARM(installerName: string): string {
     const ip = window.location.host.includes(':') ? window.location.host.split(':')[0] : window.location.host;
 
-    return `sudo bash -c "./${installerName} ${ip} <secret>${this.token}</secret> yes"`;
+    return `sudo bash -c "/opt/utmstack/${installerName} ${ip} <secret>${this.token}</secret> yes"`;
   }
 
 
   getUninstallCommand(installerName: string): string {
-    return `sudo bash -c "./utmstack_agent_service uninstall"`;
+    // tslint:disable-next-line:max-line-length
+    return `sudo bash -c "/opt/utmstack/${installerName} uninstall; launchctl bootout system /Library/LaunchDaemons/UTMStackAgent.plist 2>/dev/null; rm /Library/LaunchDaemons/UTMStackAgent.plist; rm -rf /opt/utmstack"`;
   }
 
+
   private loadArchitectures() {
     this.architectures = [
       {

frontend/src/app/app-module/guides/guide-macos-agent/mac.steps.ts

@@ -2,13 +2,17 @@ import {Step} from '../shared/step';
 
 export const MAC_STEPS: Step[] = [
   {id: '1',
-    name: 'Reach out to support to request the installation dependencies for macOS. ' +
-      'These are required to proceed with the installation or uninstallation process.',
+    name: 'Contact UTMStack support to obtain the <strong> `utmstack-macos-agent.pkg` </strong> file. ' +
+      'This package is required to download and install the necessary dependencies.'
   },
-  {id: '2',
+  {
+    id: '2',
+    name: 'Run the <strong> `utmstack-macos-agent.pkg` file. This will download and install the required components for the UTMStack agent.'
+  },
+  {id: '3',
     name: 'Use the following command according to the action you wish to perform (install or uninstall):',
     content: {
-      id: 'stepContent2'
+      id: 'stepContent3'
     }
   },
 ];