"use client";
import * as React from "react";
import { CircleCheckIcon, CircleMinusIcon, CircleXIcon, PlugZapIcon } from "lucide-react";
import { Checkbox } from "@/components/ui/checkbox";
import { Input } from "@/components/ui/input";
import { Textarea } from "@/components/ui/textarea";
import { cn } from "@/lib/utils";
import { AsyncBadge } from "./async-status";
import { TONE_BOX } from "./tones";
const n2 = (n: number) => n.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
/* ---------------------------------- 28. Promotions ---------------------------------- */
export type Promo = {
name: string;
kind: "Percent" | "Fixed";
value: number;
scope: "Basket" | "Category" | "Product";
target?: string;
minBasket: number;
start: string;
end: string;
branches: string[];
group?: string;
active: boolean;
};
export type PromoStatus = "Off" | "Scheduled" | "Running" | "Ended";
export function promoStatus(p: Promo, today: string): PromoStatus {
if (!p.active) return "Off";
if (today < p.start) return "Scheduled";
if (today > p.end) return "Ended";
return "Running";
}
/** Problems in words; a promotion that can't apply is refused rather than saved silently. */
export function promoProblems(p: Promo): string[] {
const out: string[] = [];
if (!p.name.trim()) out.push("Give the promotion a name customers and staff will recognise.");
if (!(p.value > 0)) out.push("Enter the discount.");
if (p.kind === "Percent" && p.value > 100) out.push("A percentage discount can't be more than 100%.");
if (p.kind === "Fixed" && p.minBasket > 0 && p.value >= p.minBasket) out.push(`A KES ${n2(p.value)} discount on a KES ${n2(p.minBasket)} minimum basket gives the goods away. Raise the minimum or lower the discount.`);
if (p.scope !== "Basket" && !p.target) out.push(`Choose the ${p.scope.toLowerCase()} it applies to.`);
if (!p.start || !p.end) out.push("Set the start and end dates.");
else if (p.end < p.start) out.push("The end date is before the start date.");
if (!p.branches.length) out.push("Choose at least one branch.");
return out;
}
/** What the promotion takes off a given basket, so the person setting it up sees the effect in shillings. */
export function promoDiscount(p: Promo, basket: number, eligible: number) {
if (basket < p.minBasket) return 0;
const base = p.scope === "Basket" ? basket : eligible;
const d = p.kind === "Percent" ? (base * p.value) / 100 : Math.min(p.value, base);
return Math.round(d * 100) / 100;
}
export function PromoBadge({ status }: { status: PromoStatus }) {
const tone = status === "Running" ? TONE_BOX.success : status === "Scheduled" ? TONE_BOX.info : TONE_BOX.neutral;
return {status};
}
/* ---------------------------------- 30. Alert rules ---------------------------------- */
export type AlertRule = { id: string; name: string; when: string; threshold: number; unit: string; roles: string[]; channels: { app: boolean; sms: boolean; email: boolean }; on: boolean };
/**
* Alert rules (PRD 9.9, ST-14): what fires, at what threshold, to which roles, on which channels. SMS and
* email are offered only once their integration is connected; otherwise they say why they're unavailable.
*/
export function AlertRules({ rules, roles, connected, onChange }: { rules: AlertRule[]; roles: string[]; connected: { sms: boolean; email: boolean }; onChange: (id: string, patch: Partial) => void }) {
return (
);
}
/* ------------------------------- 31. Integration status ------------------------------- */
/** `ignored`: received but deliberately not acted on (an unmatched or duplicate callback, IG-04). Not a failure. */
export type IntegrationEvent = { id: string; at: string; event: string; ref: string; ok: boolean; ignored?: boolean; detail?: string };
/** Header of an integration page (PRD 10.x, IG-01): status in words, environment, last success. */
export function IntegrationHeader({ name, status, environment, lastOk }: { name: string; status: "Connected" | "Not connected" | "Failing"; environment: "Sandbox" | "Live"; lastOk?: string }) {
return (
{name}{environment}
{lastOk ? Last success {lastOk} : null}
);
}
/** Event log: every request and callback, success or failure with the reason in words; never the secrets. */
export function IntegrationLog({ events }: { events: IntegrationEvent[] }) {
return (