+
+
+ {isProviderFlow ? (
+
+ ) : (
+
setCurrentStep(PROVIDER_WIZARD_STEP.TEST)}
- onBack={() => setCurrentStep(PROVIDER_WIZARD_STEP.CONNECT)}
- onFooterChange={setFooterConfig}
- />
- )}
-
- {isProviderFlow && currentStep === PROVIDER_WIZARD_STEP.TEST && (
-
- setCurrentStep(PROVIDER_WIZARD_STEP.CREDENTIALS)
- }
- onFooterChange={setFooterConfig}
- />
- )}
-
- {isProviderFlow &&
- currentStep === PROVIDER_WIZARD_STEP.LAUNCH && (
- setCurrentStep(PROVIDER_WIZARD_STEP.TEST)}
- onClose={handleClose}
- onFooterChange={setFooterConfig}
- />
- )}
-
- {!isProviderFlow && orgCurrentStep === ORG_WIZARD_STEP.SETUP && (
- {
- setOrgCurrentStep(ORG_WIZARD_STEP.VALIDATE);
- }}
- onFooterChange={setFooterConfig}
- onPhaseChange={setOrgSetupPhase}
- initialPhase={orgSetupPhase}
- initialValues={
- orgInitialData
- ? {
- organizationName: orgInitialData.organizationName,
- awsOrgId: orgInitialData.externalId,
- }
- : undefined
- }
- intent={orgInitialData?.intent}
- />
- )}
-
- {!isProviderFlow &&
- orgCurrentStep === ORG_WIZARD_STEP.VALIDATE && (
- {
- setOrgCurrentStep(ORG_WIZARD_STEP.SETUP);
- setOrgSetupPhase(ORG_SETUP_PHASE.ACCESS);
- }}
- onNext={() => {
- setOrgCurrentStep(ORG_WIZARD_STEP.LAUNCH);
- }}
- onSkip={() => {
- setOrgCurrentStep(ORG_WIZARD_STEP.LAUNCH);
- }}
- onFooterChange={setFooterConfig}
- />
- )}
-
- {!isProviderFlow && orgCurrentStep === ORG_WIZARD_STEP.LAUNCH && (
- {
- setOrgCurrentStep(ORG_WIZARD_STEP.VALIDATE);
- }}
- onFooterChange={setFooterConfig}
- />
- )}
-
- {/* Sentinel element for IntersectionObserver scroll detection */}
-
-
-
- {showScrollHint && (
-
-
-
-
- Scroll to see more
-
-
-
+ />
)}
- {/* Inside the highlighted right section so the tour spotlight covers the Next
- button (no longer dimmed by the overlay). Aligned to the form width so Next
- stays at the right edge. */}
- {(resolvedFooterConfig.showBack ||
- resolvedFooterConfig.showSecondaryAction ||
- resolvedFooterConfig.showAction) && (
-
-
-
- {resolvedFooterConfig.showBack && (
-
- {resolvedFooterConfig.backLabel}
-
- )}
-
-
- {resolvedFooterConfig.showSecondaryAction && (
-
- {resolvedFooterConfig.secondaryActionLabel}
-
+
+
+
+
+
+ {isProviderFlow &&
+ currentStep === PROVIDER_WIZARD_STEP.CONNECT && (
+
{
+ setCurrentStep(PROVIDER_WIZARD_STEP.CREDENTIALS);
+ // Reaching credentials is the tour's handoff point: end it so the
+ // user continues on their own. No-op off-onboarding.
+ endActiveTour();
+ }}
+ onSelectOrganizations={openOrganizationsFlow}
+ onFooterChange={setFooterConfig}
+ onProviderTypeChange={(providerType) => {
+ // Picking a type reveals the account-detail inputs. Advance the tour
+ // to its wizard-body step, pinned beside the form. No-op off-onboarding.
+ if (providerType) advanceActiveTour();
+ setProviderTypeHint(providerType);
+ }}
+ />
)}
- {resolvedFooterConfig.showAction && (
- setCurrentStep(PROVIDER_WIZARD_STEP.TEST)}
+ onBack={() =>
+ setCurrentStep(PROVIDER_WIZARD_STEP.CONNECT)
}
- form={resolvedFooterConfig.actionFormId}
- disabled={resolvedFooterConfig.actionDisabled}
- onClick={
- resolvedFooterConfig.actionType ===
- WIZARD_FOOTER_ACTION_TYPE.BUTTON
- ? resolvedFooterConfig.onAction
+ onFooterChange={setFooterConfig}
+ />
+ )}
+
+ {isProviderFlow &&
+ currentStep === PROVIDER_WIZARD_STEP.TEST && (
+
+ setCurrentStep(PROVIDER_WIZARD_STEP.CREDENTIALS)
+ }
+ onFooterChange={setFooterConfig}
+ />
+ )}
+
+ {isProviderFlow &&
+ currentStep === PROVIDER_WIZARD_STEP.LAUNCH && (
+ setCurrentStep(PROVIDER_WIZARD_STEP.TEST)}
+ onClose={handleClose}
+ onFooterChange={setFooterConfig}
+ capability={resolvedScanScheduleCapability}
+ isScanLimitReached={isScanLimitReached}
+ isScheduleCapabilityLoading={isScheduleCapabilityLoading}
+ />
+ )}
+
+ {!isProviderFlow &&
+ orgCurrentStep === ORG_WIZARD_STEP.SETUP && (
+ {
+ setOrgCurrentStep(ORG_WIZARD_STEP.VALIDATE);
+ }}
+ onFooterChange={setFooterConfig}
+ onPhaseChange={setOrgSetupPhase}
+ initialPhase={orgSetupPhase}
+ initialValues={
+ orgInitialData
+ ? {
+ organizationName: orgInitialData.organizationName,
+ awsOrgId: orgInitialData.externalId,
+ }
: undefined
}
- >
- {resolvedFooterConfig.actionLabel}
-
+ intent={orgInitialData?.intent}
+ />
)}
+
+ {!isProviderFlow &&
+ orgCurrentStep === ORG_WIZARD_STEP.VALIDATE && (
+ {
+ setOrgCurrentStep(ORG_WIZARD_STEP.SETUP);
+ setOrgSetupPhase(ORG_SETUP_PHASE.ACCESS);
+ }}
+ onNext={() => {
+ setOrgCurrentStep(ORG_WIZARD_STEP.LAUNCH);
+ }}
+ onSkip={() => {
+ setOrgCurrentStep(ORG_WIZARD_STEP.LAUNCH);
+ }}
+ onFooterChange={setFooterConfig}
+ />
+ )}
+
+ {!isProviderFlow &&
+ orgCurrentStep === ORG_WIZARD_STEP.LAUNCH && (
+ {
+ setOrgCurrentStep(ORG_WIZARD_STEP.VALIDATE);
+ }}
+ onFooterChange={setFooterConfig}
+ capability={resolvedScanScheduleCapability}
+ isScanLimitReached={isScanLimitReached}
+ isScheduleCapabilityLoading={isScheduleCapabilityLoading}
+ />
+ )}
+
+ {/* Sentinel element for IntersectionObserver scroll detection */}
+
+
+
+ {showScrollHint && (
+
+
+
+
+ Scroll to see more
+
+
+ )}
+
+
+
+
+ {(resolvedFooterConfig.showBack ||
+ resolvedFooterConfig.showSecondaryAction ||
+ resolvedFooterConfig.showAction) && (
+
+
+
+ {resolvedFooterConfig.showBack && (
+
+ {resolvedFooterConfig.backLabel}
+
+ )}
+
+
+ {resolvedFooterConfig.showSecondaryAction && (
+
+ {resolvedFooterConfig.secondaryActionLabel}
+
+ )}
+
+ {resolvedFooterConfig.showAction && (
+
+ {resolvedFooterConfig.actionLabel}
+
+ )}
- )}
-
+
+ )}
);
diff --git a/ui/components/providers/wizard/steps/launch-step.test.tsx b/ui/components/providers/wizard/steps/launch-step.test.tsx
index ec6bbfe697..dfcf7da5fb 100644
--- a/ui/components/providers/wizard/steps/launch-step.test.tsx
+++ b/ui/components/providers/wizard/steps/launch-step.test.tsx
@@ -1,21 +1,37 @@
-import { act, render, waitFor } from "@testing-library/react";
+import { act, render, screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
import type { ComponentProps } from "react";
-import { beforeEach, describe, expect, it, vi } from "vitest";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import {
+ ACTION_ERROR_API_MESSAGES,
+ ACTION_ERROR_MESSAGES,
+ ACTION_ERROR_STATUS,
+} from "@/lib/action-errors";
import { useProviderWizardStore } from "@/store/provider-wizard/store";
import { SCAN_JOBS_TAB } from "@/types";
+import {
+ SCAN_SCHEDULE_CAPABILITY,
+ SCHEDULE_FREQUENCY,
+} from "@/types/schedules";
import { LaunchStep } from "./launch-step";
-const { scheduleDailyMock, scanOnDemandMock, toastMock } = vi.hoisted(() => ({
- scheduleDailyMock: vi.fn(),
- scanOnDemandMock: vi.fn(),
- toastMock: vi.fn(),
-}));
+const { scanOnDemandMock, scheduleDailyMock, toastMock, updateScheduleMock } =
+ vi.hoisted(() => ({
+ scanOnDemandMock: vi.fn(),
+ scheduleDailyMock: vi.fn(),
+ toastMock: vi.fn(),
+ updateScheduleMock: vi.fn(),
+ }));
vi.mock("@/actions/scans", () => ({
- scheduleDaily: scheduleDailyMock,
scanOnDemand: scanOnDemandMock,
+ scheduleDaily: scheduleDailyMock,
+}));
+
+vi.mock("@/actions/schedules", () => ({
+ updateSchedule: updateScheduleMock,
}));
vi.mock("@/components/shadcn", async (importOriginal) => ({
@@ -28,64 +44,404 @@ vi.mock("@/components/shadcn", async (importOriginal) => ({
}),
}));
+const seedConnectedProvider = () => {
+ useProviderWizardStore.setState({
+ providerId: "provider-1",
+ providerType: "gcp",
+ providerUid: "project-123",
+ mode: "add",
+ });
+};
+
+const lastFooterConfig = (onFooterChange: ReturnType
) =>
+ onFooterChange.mock.calls.at(-1)?.[0];
+
describe("LaunchStep", () => {
beforeEach(() => {
+ vi.spyOn(Intl, "DateTimeFormat").mockReturnValue({
+ resolvedOptions: () => ({ timeZone: "Europe/Madrid" }),
+ } as Intl.DateTimeFormat);
sessionStorage.clear();
localStorage.clear();
+ updateScheduleMock.mockReset();
scheduleDailyMock.mockReset();
scanOnDemandMock.mockReset();
toastMock.mockReset();
useProviderWizardStore.getState().reset();
});
- it("launches a daily scan and shows toast", async () => {
- // Given
- const onClose = vi.fn();
- const onFooterChange = vi.fn();
- useProviderWizardStore.setState({
- providerId: "provider-1",
- providerType: "gcp",
- providerUid: "project-123",
- mode: "add",
+ afterEach(() => {
+ vi.unstubAllEnvs();
+ });
+
+ describe("Prowler OSS (non-Cloud)", () => {
+ beforeEach(() => {
+ vi.stubEnv("NEXT_PUBLIC_IS_CLOUD_ENV", "false");
+ scanOnDemandMock.mockResolvedValue({ data: { id: "scan-1" } });
});
- scheduleDailyMock.mockResolvedValue({ data: { id: "scan-1" } });
+ it("defaults to run now and locks schedule mode outside Cloud", async () => {
+ // Given
+ const onFooterChange = vi.fn();
+ seedConnectedProvider();
- render(
- (
- SCAN_SCHEDULE.DAILY,
+ const [mode, setMode] = useState(
+ isAdvanced ? LAUNCH_MODE.SCHEDULE : LAUNCH_MODE.NOW,
);
- const launchActionRef = useRef<() => void>(() => {});
+ const form = useForm({
+ resolver: zodResolver(scheduleFormSchema),
+ defaultValues: getScheduleFormDefaults(),
+ });
- const handleLaunchScan = async () => {
- if (!providerId) {
+ const isScheduleMode = isAdvanced && mode === LAUNCH_MODE.SCHEDULE;
+ const isLimitBlocked = mode === LAUNCH_MODE.NOW && isScanLimitReached;
+ const isActionBlocked =
+ isLaunching ||
+ isScheduleCapabilityLoading ||
+ !providerId ||
+ isBlocked ||
+ isLimitBlocked;
+ const launchInitialScan = useWatch({
+ control: form.control,
+ name: "launchInitialScan",
+ });
+
+ const actionLabel = (() => {
+ if (!isScheduleMode) {
+ return isLaunching ? "Launching scan..." : "Launch scan";
+ }
+
+ if (isLaunching) {
+ return launchInitialScan ? "Saving and launching..." : "Saving...";
+ }
+
+ return launchInitialScan ? "Save and launch scan" : "Save";
+ })();
+
+ useEffect(() => {
+ if (!isAdvanced && mode !== LAUNCH_MODE.NOW) {
+ setMode(LAUNCH_MODE.NOW);
+ }
+ }, [isAdvanced, mode]);
+
+ const launchOnDemandScan = async (): Promise => {
+ if (!providerId || isBlocked) return null;
+ const formData = new FormData();
+ formData.set("providerId", providerId);
+ return scanOnDemand(formData);
+ };
+
+ const handleManualScan = async () => {
+ if (isActionBlocked) {
return;
}
setIsLaunching(true);
- const formData = new FormData();
- formData.set("providerId", providerId);
- const result =
- scheduleOption === SCAN_SCHEDULE.DAILY
- ? await scheduleDaily(formData)
- : await scanOnDemand(formData);
+ const scanResult = await launchOnDemandScan();
- if (result?.error) {
+ if (hasActionError(scanResult)) {
setIsLaunching(false);
toast({
variant: "destructive",
title: "Unable to launch scan",
- description: String(result.error),
+ description: getActionErrorMessage(scanResult),
});
return;
}
@@ -75,11 +162,8 @@ export function LaunchStep({
setIsLaunching(false);
onClose();
toast({
- title: "Scan Launched",
- description:
- scheduleOption === SCAN_SCHEDULE.DAILY
- ? "Daily scan scheduled successfully."
- : "Single scan launched successfully.",
+ title: "Scan launched",
+ description: "The scan was launched successfully.",
action: (
+
+ );
+
+ if (result.status === SAVE_SCHEDULE_STATUS.SAVED_SCAN_FAILED) {
+ toast({
+ title: "Scan schedule saved",
+ description: `The schedule was saved, but the initial scan could not be launched: ${result.message}`,
+ action: goToScans,
+ });
+ return;
+ }
+
+ toast({
+ title: launched
+ ? "Scan schedule saved and initial scan launched"
+ : "Scan schedule saved",
+ description: launched
+ ? "The schedule was saved and the initial scan was launched."
+ : "The scan schedule was saved successfully.",
+ action: goToScans,
+ });
+ });
+
+ // Keep the latest action handler in a ref so the footer (synced via effect)
+ // always invokes the current closure without re-running on every render.
+ const actionRef = useRef<() => void>(() => {});
+ actionRef.current = () => {
+ if (isBlocked || isScheduleCapabilityLoading) {
+ return;
+ }
+
+ if (!isScheduleMode) {
+ void handleManualScan();
+ return;
+ }
+ void handleSaveSchedule();
};
useEffect(() => {
onFooterChange({
showBack: true,
backLabel: "Back",
- backDisabled: isLaunching,
+ backDisabled: isLaunching || isScheduleCapabilityLoading,
onBack,
showAction: true,
- actionLabel: isLaunching ? "Launching scans..." : "Launch scan",
- actionDisabled: isLaunching || !providerId,
+ actionLabel,
+ actionDisabled: isActionBlocked,
actionType: WIZARD_FOOTER_ACTION_TYPE.BUTTON,
- onAction: () => {
- launchActionRef.current();
- },
+ onAction: () => actionRef.current(),
});
- }, [isLaunching, onBack, onFooterChange, providerId]);
+ }, [
+ isActionBlocked,
+ isLaunching,
+ isScheduleCapabilityLoading,
+ actionLabel,
+ isScheduleMode,
+ launchInitialScan,
+ mode,
+ onBack,
+ onFooterChange,
+ ]);
- if (isLaunching) {
+ if (isLaunching || isScheduleCapabilityLoading) {
return (
-
Launching scans...
+
+ {isScheduleCapabilityLoading
+ ? "Loading scan options..."
+ : !isScheduleMode
+ ? "Launching scan..."
+ : "Saving scan schedule..."}
+
);
@@ -121,13 +284,21 @@ export function LaunchStep({
return (
+ {(providerId || providerUid) && (
+
+ )}
+
Connection validated!
+ Account Connected!
- Choose how you want to launch scans for this provider.
+ Your account is connected to Prowler and ready to Scan!
{!providerId && (
@@ -136,28 +307,62 @@ export function LaunchStep({
)}
-
-
Scan schedule
-
- setScheduleOption(value as ScanScheduleOption)
- }
- disabled={isLaunching || !providerId}
+
+ Mode
+ setMode(value as LaunchMode)}
+ className="flex flex-row flex-wrap gap-6"
+ aria-label="Scan mode"
>
-