adilallo
66 lines
1.9 KiB
TypeScript
66 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import { useCallback } from "react";
|
|
import type { CreateFlowState, CreateFlowStep } from "../types";
|
|
import { saveDraftToServer } from "../../../../lib/create/api";
|
|
import messages from "../../../../messages/en/index";
|
|
|
|
const SYNC_ENABLED = process.env.NEXT_PUBLIC_ENABLE_BACKEND_SYNC === "true";
|
|
|
|
export type CreateFlowExitClearState = () => void;
|
|
|
|
type AppRouterLike = { push: (_href: string) => void };
|
|
|
|
/**
|
|
* Leave the create flow for a **signed-in** user. Caller must not invoke for anonymous users.
|
|
*/
|
|
export function useCreateFlowExit({
|
|
state,
|
|
currentStep,
|
|
clearState,
|
|
router,
|
|
user,
|
|
setDraftSaveBannerMessage,
|
|
}: {
|
|
state: CreateFlowState;
|
|
currentStep: CreateFlowStep | null;
|
|
clearState: CreateFlowExitClearState;
|
|
router: AppRouterLike;
|
|
user: { id: string; email: string } | null;
|
|
/** When save fails, surface the server message in the create shell banner (no leave confirm). */
|
|
setDraftSaveBannerMessage?: (_message: string | null) => void;
|
|
}): (_options?: { saveDraft?: boolean }) => Promise<void> {
|
|
return useCallback(
|
|
async (options?: { saveDraft?: boolean }) => {
|
|
if (!user) return;
|
|
|
|
const saveDraft = options?.saveDraft ?? false;
|
|
|
|
if (!saveDraft && typeof window !== "undefined") {
|
|
const confirmed = window.confirm(
|
|
messages.create.topNav.leaveConfirmLoss,
|
|
);
|
|
if (!confirmed) return;
|
|
}
|
|
|
|
if (saveDraft && SYNC_ENABLED) {
|
|
const payload: CreateFlowState = {
|
|
...state,
|
|
...(currentStep ? { currentStep } : {}),
|
|
};
|
|
const result = await saveDraftToServer(payload);
|
|
if (result.ok === true) {
|
|
setDraftSaveBannerMessage?.(null);
|
|
} else {
|
|
setDraftSaveBannerMessage?.(result.message);
|
|
return;
|
|
}
|
|
}
|
|
|
|
clearState();
|
|
router.push("/");
|
|
},
|
|
[state, currentStep, clearState, router, user, setDraftSaveBannerMessage],
|
|
);
|
|
}
|