Confirm

"use client";

import { toast } from "sonner";

import { ConfirmAction } from "@/components/f-ui/confirm/confirm-action";

export function ConfirmActionDemo() {
  return (
    <ConfirmAction
      label="Cancel task"
      tone="destructive"
      confirmTitle="Cancel this task?"
      confirmDescription="Stops the run. You can start a new one later."
      onConfirm={async () => {
        // ~1.2s so the Confirm spinner is obvious in docs
        await new Promise((r) => setTimeout(r, 1200));
        toast.success("Task cancelled — dialog closed");
      }}
    />
  );
}

"use client";

import { toast } from "sonner";

import { ConfirmAction } from "@/components/f-ui/confirm/confirm-action";

/**
 * Always fails onConfirm — dialog must stay open so the user can retry.
 * Toast is host-owned (kit never toasts on reject).
 */
export function ConfirmRejectDemo() {
  return (
    <ConfirmAction
      label="Delete (will fail)"
      tone="destructive"
      confirmTitle="Delete this item?"
      confirmDescription="This demo always fails. Watch: dialog stays open after the error toast."
      confirmLabel="Delete anyway"
      onConfirm={async () => {
        await new Promise((r) => setTimeout(r, 1200));
        toast.error("Server said no — dialog should still be open");
        throw new Error("Server said no");
      }}
    />
  );
}

"use client";

import { toast } from "sonner";

import {
  ConfirmProvider,
  useConfirm,
} from "@/components/f-ui/confirm/confirm-context";
import { Button } from "@/components/ui/button";

function ImperativeTrigger() {
  const confirm = useConfirm();

  return (
    <Button
      type="button"
      variant="destructive"
      onClick={() => {
        void confirm({
          title: "Delete this item?",
          description: "This cannot be undone.",
          tone: "destructive",
          onConfirm: async () => {
            await new Promise((r) => setTimeout(r, 1200));
            toast.success("Item deleted — dialog closed");
          },
        }).catch((error: unknown) => {
          if (
            error instanceof Error &&
            error.message.includes("Confirm cancelled")
          ) {
            toast.message("You cancelled — nothing was deleted");
            return;
          }
          toast.error(
            error instanceof Error ? error.message : "Something went wrong",
          );
        });
      }}
    >
      Delete item
    </Button>
  );
}

export function ConfirmImperativeDemo() {
  return (
    <ConfirmProvider>
      <ImperativeTrigger />
    </ConfirmProvider>
  );
}

"use client";

import { useRef, useState } from "react";
import { toast } from "sonner";

import {
  ConfirmProvider,
  useConfirm,
} from "@/components/f-ui/confirm/confirm-context";
import { Button } from "@/components/ui/button";
import { Checkbox } from "@/components/ui/checkbox";

function ForceDeleteBody({
  onForceChange,
}: {
  onForceChange: (force: boolean) => void;
}) {
  const [force, setForce] = useState(false);
  return (
    <label className="flex items-center gap-2 text-sm">
      <Checkbox
        checked={force}
        onCheckedChange={(v) => {
          const next = v === true;
          setForce(next);
          onForceChange(next);
        }}
      />
      Force delete
    </label>
  );
}

function BodyTrigger() {
  const confirm = useConfirm();
  const forceRef = useRef(false);

  return (
    <Button
      type="button"
      variant="destructive"
      onClick={() => {
        forceRef.current = false;
        void confirm({
          title: "Delete schedule?",
          description: "Related runs may remain unless you force delete.",
          tone: "destructive",
          body: (
            <ForceDeleteBody
              onForceChange={(force) => {
                forceRef.current = force;
              }}
            />
          ),
          onConfirm: async () => {
            await new Promise((r) => setTimeout(r, 800));
            toast.success(forceRef.current ? "Force deleted" : "Deleted");
          },
        }).catch((error: unknown) => {
          if (
            error instanceof Error &&
            error.message.includes("Confirm cancelled")
          ) {
            return;
          }
          toast.error(
            error instanceof Error ? error.message : "Something went wrong",
          );
        });
      }}
    >
      Delete with options
    </Button>
  );
}

export function ConfirmBodyDemo() {
  return (
    <ConfirmProvider>
      <BodyTrigger />
    </ConfirmProvider>
  );
}