@ixo/editor 6.32.1 → 6.34.0

package/dist/EvaluateBidFlowDetail-2S2N4YTW.js

@@ -0,0 +1,564 @@
+import {
+  ReadableKeyValues,
+  dedupeBids,
+  describeBidsPagingStop,
+  fetchAllBids,
+  sortBidsForReview
+} from "./chunk-6ESTNTSH.js";
+import {
+  DownloadCsvButton,
+  DownloadZipButton,
+  bidAnswers,
+  buildBidRows,
+  buildExportBundle,
+  exportFileNames,
+  getBidStatusInfo
+} from "./chunk-JBBFSORW.js";
+import {
+  CollapsibleSection
+} from "./chunk-CGFAICUE.js";
+import {
+  parseEvaluateBidActionInputs
+} from "./chunk-QGT3G2XG.js";
+import "./chunk-OMLI45ER.js";
+import {
+  ActAsGroupSection,
+  GroupProposalStatus,
+  actAsGroupReady,
+  actAsGroupRuntimeInputs,
+  emptyActAsGroupState
+} from "./chunk-2WPEATI7.js";
+import "./chunk-TR4KO3AG.js";
+import {
+  downloadArrayAsCsv,
+  downloadBlob,
+  rowsToCsv
+} from "./chunk-5NTKDOP6.js";
+import "./chunk-NKE4TL43.js";
+import {
+  ListItemContainer
+} from "./chunk-EYKZIZ5J.js";
+import "./chunk-YN4CEKCF.js";
+import {
+  BaseNumberInput
+} from "./chunk-76YX5R4L.js";
+import "./chunk-BZ7UPUTY.js";
+import {
+  BaseSelect
+} from "./chunk-4NAFQF6V.js";
+import {
+  useRunRuntimeReader
+} from "./chunk-FFYZXA75.js";
+import "./chunk-NZ7AXA7B.js";
+import "./chunk-HRRI4BLF.js";
+import "./chunk-F4PTFXZH.js";
+import "./chunk-IH4T7V4C.js";
+import "./chunk-PYNDJDWZ.js";
+import "./chunk-NIXT2SBH.js";
+import "./chunk-JIDTNKKL.js";
+import {
+  resolveReferences
+} from "./chunk-JVROGQ7Q.js";
+import "./chunk-IIIZZ4E4.js";
+import "./chunk-HT6L7A5M.js";
+import "./chunk-RRYBAE6E.js";
+import "./chunk-N3ORMGAI.js";
+import "./chunk-NCSGIRRQ.js";
+import {
+  BaseTextArea
+} from "./chunk-ZDNW6VQG.js";
+import {
+  DismissibleAlert
+} from "./chunk-IFWKRCFF.js";
+import {
+  actionAlertStyles
+} from "./chunk-6GKJR52N.js";
+import "./chunk-EBFFDDAS.js";
+import {
+  BaseTextInput
+} from "./chunk-WO7V6ZNC.js";
+import {
+  useBlocknoteHandlers,
+  useTranslate
+} from "./chunk-4DGCCXD6.js";
+import "./chunk-7W7UUUIE.js";
+import "./chunk-TS2LNBF2.js";
+
+// src/mantine/blocks/action/actionTypes/evaluateBid/EvaluateBidFlowDetail.tsx
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { ActionIcon, Badge, Box, Button, Divider, Group, Loader, Stack, Text, UnstyledButton } from "@mantine/core";
+import { IconArrowLeft, IconCheck, IconFilter } from "@tabler/icons-react";
+function getRoleColor(role) {
+  const r = String(role || "").toLowerCase();
+  if (r === "service_agent" || r === "sa") return "blue";
+  if (r === "evaluation_agent" || r === "ea") return "green";
+  return "gray";
+}
+function getRoleLabel(role, translate) {
+  const r = String(role || "").toLowerCase();
+  if (r === "service_agent" || r === "sa") return translate("actionTypes.bid.flow.role.contributor", { defaultValue: "Contributor" });
+  if (r === "evaluation_agent" || r === "ea") return translate("actionTypes.bid.flow.role.evaluator", { defaultValue: "Evaluator" });
+  return role || translate("actionTypes.evaluateBid.flow.role.unknown", { defaultValue: "Unknown" });
+}
+var USDC_DENOM = "ibc/6BBE9BD4246F8E04948D5A4EEE7164B2630263B9EBB5E7DC5F0A46C62A2FF97B";
+var IXO_DENOM = "uixo";
+var CUSTOM_DENOM = "__custom__";
+var DECIMALS = 6;
+var createPaymentRow = () => ({
+  id: `payment-${Math.random().toString(36).slice(2, 9)}`,
+  denom: IXO_DENOM,
+  customDenom: "",
+  amount: ""
+});
+function getTimeAgo(dateString) {
+  if (!dateString) return "";
+  try {
+    const date = new Date(dateString);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffMins = Math.floor(diffMs / 6e4);
+    if (diffMins < 1) return "just now";
+    if (diffMins < 60) return `${diffMins}m ago`;
+    const diffHours = Math.floor(diffMins / 60);
+    if (diffHours < 24) return `${diffHours}h ago`;
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffDays < 30) return `${diffDays} day${diffDays > 1 ? "s" : ""} ago`;
+    const diffMonths = Math.floor(diffDays / 30);
+    return `${diffMonths} month${diffMonths > 1 ? "s" : ""} ago`;
+  } catch {
+    return dateString;
+  }
+}
+function truncateAddress(address) {
+  if (!address) return "";
+  if (address.length <= 14) return address;
+  return `${address.slice(0, 8)}...${address.slice(-3)}`;
+}
+function getBidStatus(bid, translate, context) {
+  const info = getBidStatusInfo(bid, context);
+  const labels = {
+    approved: translate("actionTypes.evaluateBid.flow.status.approved", { defaultValue: "Approved" }),
+    rejected: translate("actionTypes.evaluateBid.flow.status.rejected", { defaultValue: "Rejected" }),
+    pending: translate("actionTypes.evaluateBid.flow.status.pending", { defaultValue: "Pending" })
+  };
+  return { label: labels[info.key], key: info.key, color: info.color };
+}
+var EvaluateBidFlowDetail = ({
+  inputs,
+  editor,
+  block,
+  runtime,
+  isDisabled,
+  provideSigningHandler,
+  unlockSigning,
+  registerRuntimeInputs,
+  executeAction
+}) => {
+  const [actAs, setActAs] = useState(emptyActAsGroupState());
+  const t = useTranslate();
+  const handlers = useBlocknoteHandlers();
+  const handlersRef = useRef(handlers);
+  useEffect(() => {
+    handlersRef.current = handlers;
+  }, [handlers]);
+  const parsed = useMemo(() => parseEvaluateBidActionInputs(inputs), [inputs]);
+  const editorDocument = editor?.document || [];
+  const runtimeReader = useRunRuntimeReader(editor);
+  const resolveOpts = useMemo(() => ({ yRuntime: runtimeReader }), [runtimeReader]);
+  const deedDid = resolveReferences(parsed.deedDid, editorDocument, resolveOpts).trim();
+  const collectionId = resolveReferences(parsed.collectionId, editorDocument, resolveOpts).trim();
+  const [bids, setBids] = useState([]);
+  const [selectedBidId, setSelectedBidId] = useState("");
+  const [decision, setDecision] = useState("");
+  const [loadingBids, setLoadingBids] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const [rejectReason, setRejectReason] = useState("");
+  const [adminAddress, setAdminAddress] = useState("");
+  const [activeFilter, setActiveFilter] = useState("pending");
+  const [paymentRows, setPaymentRows] = useState([createPaymentRow()]);
+  const [profilesByDid, setProfilesByDid] = useState({});
+  const [grantees, setGrantees] = useState([]);
+  const selectedBid = useMemo(() => bids.find((bid) => bid.id === selectedBidId) || null, [bids, selectedBidId]);
+  const statusContext = useMemo(() => ({ grantees }), [grantees]);
+  const statusCounts = useMemo(() => {
+    const counts = { approved: 0, rejected: 0, pending: 0 };
+    for (const bid of bids) counts[getBidStatusInfo(bid, statusContext).key] += 1;
+    return counts;
+  }, [bids, statusContext]);
+  const filteredBids = useMemo(() => {
+    const ordered = sortBidsForReview(bids, statusContext);
+    if (activeFilter === "all") return ordered;
+    return ordered.filter((bid) => getBidStatus(bid, t, statusContext).key === activeFilter);
+  }, [bids, activeFilter, t, statusContext]);
+  const fetchGrantees = useCallback(
+    async (adminAddressForList) => {
+      const listGrantees = handlersRef.current.collectionUsers?.list;
+      if (typeof listGrantees !== "function" || !adminAddressForList) return [];
+      try {
+        const result = await listGrantees({ granterAdminAddress: adminAddressForList, collectionId });
+        return Array.isArray(result?.grantees) ? result.grantees : [];
+      } catch {
+        return [];
+      }
+    },
+    [collectionId]
+  );
+  const refreshBids = useCallback(async () => {
+    if (!deedDid || !collectionId) return;
+    const handlers2 = handlersRef.current;
+    setLoadingBids(true);
+    setError(null);
+    try {
+      const [bidsResult, collectionsResponse] = await Promise.all([fetchAllBids(handlers2.queryBids, { collectionId, entityDid: deedDid }), handlers2.getClaimCollections(deedDid)]);
+      const fetchedBids = dedupeBids(bidsResult.bids);
+      setBids(fetchedBids);
+      const pagingNote = describeBidsPagingStop(bidsResult);
+      if (pagingNote) setError(pagingNote);
+      if (selectedBidId && !fetchedBids.some((bid) => bid.id === selectedBidId)) {
+        setSelectedBidId("");
+      }
+      const resolvedAdmin = collectionsResponse?.collections?.find?.((c) => c?.id === collectionId)?.admin || collectionsResponse?.adminAddress || "";
+      setAdminAddress(resolvedAdmin);
+      setGrantees(await fetchGrantees(resolvedAdmin));
+    } catch (err) {
+      setBids([]);
+      setAdminAddress("");
+      setGrantees([]);
+      setError(err instanceof Error ? err.message : t("actionTypes.evaluateBid.flow.errors.loadBids", { defaultValue: "Failed to load bids" }));
+    } finally {
+      setLoadingBids(false);
+    }
+  }, [deedDid, collectionId, selectedBidId, fetchGrantees]);
+  useEffect(() => {
+    setSelectedBidId("");
+    setRejectReason("");
+    setError(null);
+  }, [deedDid, collectionId]);
+  useEffect(() => {
+    setDecision("");
+    setRejectReason("");
+    setPaymentRows([createPaymentRow()]);
+  }, [selectedBidId]);
+  useEffect(() => {
+    if (!deedDid || !collectionId) return;
+    refreshBids();
+  }, [deedDid, collectionId, refreshBids]);
+  const bidRowOptions = useCallback(
+    (freshGrantees) => ({
+      namesByDid: Object.fromEntries(Object.entries(profilesByDid).map(([did, profile]) => [did, profile?.displayname || ""])),
+      grantees: freshGrantees
+    }),
+    [profilesByDid]
+  );
+  const downloadBidsCsv = useCallback(
+    async (subset, filename) => {
+      const freshGrantees = await fetchGrantees(adminAddress) || grantees;
+      downloadArrayAsCsv(buildBidRows(subset, freshGrantees, bidRowOptions(freshGrantees)), { filename });
+    },
+    [adminAddress, fetchGrantees, grantees, bidRowOptions]
+  );
+  const downloadBidsZip = useCallback(
+    async (subset, names) => {
+      const handlers2 = handlersRef.current;
+      const freshGrantees = await fetchGrantees(adminAddress) || grantees;
+      const fetchMedia = handlers2.fetchClaimMedia ? (url) => handlers2.fetchClaimMedia(url, { entityDid: deedDid }) : void 0;
+      const { blob, mediaTotal, mediaFailed } = await buildExportBundle({
+        records: subset.map((bid) => ({
+          recordId: bid.id,
+          answers: bidAnswers(bid),
+          manifest: {
+            bidId: bid.id,
+            did: bid.did,
+            address: bid.address,
+            role: bid.role,
+            created: bid.created,
+            status: getBidStatusInfo(bid, { grantees: freshGrantees }).key
+          }
+        })),
+        fetchMedia,
+        renderCsv: (answersByBidId) => rowsToCsv(buildBidRows(subset, freshGrantees, { ...bidRowOptions(freshGrantees), answersByBidId })),
+        csvName: names.csv,
+        manifestName: names.manifest
+      });
+      downloadBlob(blob, names.zip);
+      if (mediaFailed > 0) {
+        setError(`${mediaFailed} of ${mediaTotal} media files could not be downloaded \u2014 see downloadStatus in ${names.manifest}.`);
+      }
+    },
+    [adminAddress, fetchGrantees, grantees, bidRowOptions, deedDid]
+  );
+  const handleDownloadBidsCsv = useCallback(() => downloadBidsCsv(bids, exportFileNames.bids(collectionId).csv), [downloadBidsCsv, bids, collectionId]);
+  const handleDownloadBidsZip = useCallback(() => downloadBidsZip(bids, exportFileNames.bids(collectionId)), [downloadBidsZip, bids, collectionId]);
+  useEffect(() => {
+    let mounted = true;
+    const dids = Array.from(new Set(bids.map((bid) => bid.did).filter(Boolean)));
+    const missing = dids.filter((did) => !profilesByDid[did]);
+    if (missing.length === 0)
+      return () => {
+        mounted = false;
+      };
+    const loadProfiles = async () => {
+      const handlers2 = handlersRef.current;
+      const results = await Promise.all(
+        missing.map(async (did) => {
+          try {
+            const profile = await handlers2.getMatrixInfoPerDid(did);
+            return [did, profile];
+          } catch {
+            return [did, null];
+          }
+        })
+      );
+      if (!mounted) return;
+      setProfilesByDid((prev) => {
+        const next = { ...prev };
+        results.forEach(([did, profile]) => {
+          if (profile) {
+            next[did] = profile;
+          }
+        });
+        return next;
+      });
+    };
+    loadProfiles();
+    return () => {
+      mounted = false;
+    };
+  }, [bids, profilesByDid]);
+  const addPaymentRow = useCallback(() => {
+    setPaymentRows((prev) => [...prev, createPaymentRow()]);
+  }, []);
+  const removePaymentRow = useCallback((id) => {
+    setPaymentRows((prev) => prev.length === 1 ? prev : prev.filter((row) => row.id !== id));
+  }, []);
+  const updatePaymentRow = useCallback((id, patch) => {
+    setPaymentRows((prev) => prev.map((row) => row.id === id ? { ...row, ...patch } : row));
+  }, []);
+  const buildMaxAmounts = useCallback(() => {
+    return paymentRows.map((row) => {
+      const denom = row.denom === CUSTOM_DENOM ? row.customDenom.trim() : row.denom || "";
+      const amount = Number(row.amount);
+      if (!denom || !Number.isFinite(amount) || amount <= 0) return null;
+      return { denom, amount: (amount * Math.pow(10, DECIMALS)).toString() };
+    }).filter((entry) => !!entry);
+  }, [paymentRows]);
+  useEffect(() => {
+    if (!registerRuntimeInputs) return;
+    if (!selectedBid) {
+      registerRuntimeInputs({ bidId: "", decision: "", role: "", applicantDid: "", applicantAddress: "", adminAddress: "" });
+      return;
+    }
+    const selectedRole = String(selectedBid.role || "").toLowerCase();
+    const selectedBidIsEvaluator = selectedRole === "evaluation_agent" || selectedRole === "ea";
+    registerRuntimeInputs({
+      bidId: selectedBid.id,
+      decision: decision || "",
+      role: selectedBid.role,
+      applicantDid: selectedBid.did,
+      applicantAddress: selectedBid.address,
+      adminAddress,
+      rejectReason: decision === "reject" ? selectedBidIsEvaluator ? rejectReason : rejectReason.trim() || "Rejected" : void 0,
+      maxAmounts: selectedBidIsEvaluator ? JSON.stringify(buildMaxAmounts()) : void 0
+    });
+  }, [registerRuntimeInputs, selectedBid, decision, adminAddress, rejectReason, buildMaxAmounts]);
+  useEffect(() => {
+    if (!unlockSigning) return;
+    if (!selectedBid || !decision) {
+      unlockSigning(false);
+      return;
+    }
+    const selectedRole = String(selectedBid.role || "").toLowerCase();
+    const selectedBidIsEvaluator = selectedRole === "evaluation_agent" || selectedRole === "ea";
+    if (decision === "approve") {
+      unlockSigning(!!adminAddress && actAsGroupReady(actAs));
+    } else if (decision === "reject") {
+      unlockSigning((!selectedBidIsEvaluator || !!rejectReason.trim()) && actAsGroupReady(actAs));
+    } else {
+      unlockSigning(false);
+    }
+  }, [unlockSigning, selectedBid, decision, adminAddress, rejectReason, actAs]);
+  useEffect(() => {
+    if (!provideSigningHandler || !selectedBid || !decision) return;
+    provideSigningHandler(async () => {
+      const selectedRole = String(selectedBid.role || "").toLowerCase();
+      const selectedBidIsEvaluator = selectedRole === "evaluation_agent" || selectedRole === "ea";
+      if (!executeAction) {
+        setError("Shared action executor is unavailable");
+        return;
+      }
+      setSubmitting(true);
+      setError(null);
+      try {
+        const outcome = await executeAction({
+          runtimeInputs: {
+            ...actAsGroupRuntimeInputs(actAs),
+            decision,
+            bidId: selectedBid.id,
+            collectionId,
+            deedDid,
+            role: selectedBid.role,
+            applicantDid: selectedBid.did,
+            applicantAddress: selectedBid.address,
+            adminAddress,
+            maxAmounts: selectedBidIsEvaluator ? JSON.stringify(buildMaxAmounts()) : "[]",
+            reason: decision === "reject" ? selectedBidIsEvaluator ? rejectReason : rejectReason.trim() || "Rejected" : ""
+          }
+        });
+        if (!outcome.success) throw new Error(outcome.error || t("actionTypes.evaluateBid.flow.errors.evaluationFailed", { defaultValue: "Bid evaluation failed" }));
+        setSelectedBidId("");
+        setDecision("");
+        setRejectReason("");
+        await refreshBids();
+      } catch (err) {
+        const message = err instanceof Error ? err.message : t("actionTypes.evaluateBid.flow.errors.evaluateFailed", { defaultValue: "Failed to evaluate bid" });
+        setError(message);
+      } finally {
+        setSubmitting(false);
+      }
+    });
+  }, [provideSigningHandler, selectedBid, decision, adminAddress, rejectReason, collectionId, deedDid, buildMaxAmounts, refreshBids, executeAction]);
+  if (selectedBid) {
+    const bidStatus = getBidStatus(selectedBid, t, statusContext);
+    const bidRole = String(selectedBid.role || "").toLowerCase();
+    const bidIsEvaluator = bidRole === "evaluation_agent" || bidRole === "ea";
+    const selectedBidProfile = profilesByDid[selectedBid.did];
+    const selectedDisplayName = selectedBidProfile?.displayname || selectedBid.did || selectedBid.address;
+    const selectedAvatarLabel = (selectedBidProfile?.displayname || selectedBid.did || selectedBid.address || "?")[0]?.toUpperCase();
+    let bidData = null;
+    try {
+      bidData = typeof selectedBid.data === "string" ? JSON.parse(selectedBid.data) : selectedBid.data;
+    } catch {
+    }
+    return /* @__PURE__ */ React.createElement(Stack, { gap: "md" }, /* @__PURE__ */ React.createElement(Group, { gap: "xs", align: "center" }, /* @__PURE__ */ React.createElement(ActionIcon, { variant: "subtle", color: "gray", size: "sm", onClick: () => setSelectedBidId("") }, /* @__PURE__ */ React.createElement(IconArrowLeft, { size: 16 })), /* @__PURE__ */ React.createElement(Text, { fw: 500, size: "sm", truncate: true, style: { flex: 1, minWidth: 0 } }, t("actionTypes.evaluateBid.flow.bidNumber", { id: selectedBid.id, defaultValue: `Bid #${selectedBid.id}` })), /* @__PURE__ */ React.createElement(DownloadCsvButton, { onDownload: () => downloadBidsCsv([selectedBid], exportFileNames.bid(selectedBid.id).csv), label: "Download bid CSV", onError: setError }), /* @__PURE__ */ React.createElement(DownloadZipButton, { onDownload: () => downloadBidsZip([selectedBid], exportFileNames.bid(selectedBid.id)), label: "Download bid + media (ZIP)", onError: setError })), /* @__PURE__ */ React.createElement(Group, { gap: 16, align: "center", style: { width: "100%" } }, /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        style: {
+          width: 40,
+          height: 40,
+          borderRadius: "50%",
+          background: "var(--mantine-color-neutralColor-4)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+          fontSize: 16,
+          fontWeight: 500,
+          color: "var(--mantine-color-dimmed)",
+          backgroundImage: selectedBidProfile?.avatarUrl ? `url(${selectedBidProfile.avatarUrl})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
+        }
+      },
+      selectedBidProfile?.avatarUrl ? null : selectedAvatarLabel
+    ), /* @__PURE__ */ React.createElement(Stack, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement(Text, { fw: 500, size: "md", truncate: true }, selectedDisplayName), /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed", truncate: true }, truncateAddress(selectedBid.address))), /* @__PURE__ */ React.createElement(Stack, { gap: 0, align: "flex-end", style: { flexShrink: 0 } }, /* @__PURE__ */ React.createElement(Text, { fw: 500, size: "md", c: bidStatus.color === "green" ? "green" : bidStatus.color === "red" ? "red" : void 0 }, bidStatus.color === "green" && /* @__PURE__ */ React.createElement(IconCheck, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }), bidStatus.label), /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, getTimeAgo(selectedBid.created || "")))), /* @__PURE__ */ React.createElement(CollapsibleSection, { title: t("actionTypes.evaluateBid.flow.section.details", { defaultValue: "Details" }) }, /* @__PURE__ */ React.createElement(Stack, { gap: "xs" }, /* @__PURE__ */ React.createElement(Group, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, "Bid ID"), /* @__PURE__ */ React.createElement(Text, { size: "xs", truncate: true }, selectedBid.id)), /* @__PURE__ */ React.createElement(Group, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, "Collection"), /* @__PURE__ */ React.createElement(Text, { size: "xs" }, selectedBid.collection || collectionId)), /* @__PURE__ */ React.createElement(Group, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, t("actionTypes.evaluateBid.flow.details.role", { defaultValue: "Role" })), /* @__PURE__ */ React.createElement(Badge, { size: "xs", variant: "light", color: getRoleColor(selectedBid.role) }, getRoleLabel(selectedBid.role, t))), /* @__PURE__ */ React.createElement(Group, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, t("actionTypes.evaluateBid.flow.details.address", { defaultValue: "Address" })), /* @__PURE__ */ React.createElement(Text, { size: "xs" }, selectedBid.address)))), /* @__PURE__ */ React.createElement(CollapsibleSection, { title: t("actionTypes.evaluateBid.flow.section.inputs", { defaultValue: "Inputs" }) }, bidData && typeof bidData === "object" && Object.keys(bidData).length > 0 ? /* @__PURE__ */ React.createElement(ReadableKeyValues, { data: bidData }) : /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, t("actionTypes.evaluateBid.flow.noInputData", { defaultValue: "No input data available." }))), /* @__PURE__ */ React.createElement(
+      BaseSelect,
+      {
+        label: t("actionTypes.evaluateClaim.flow.decision.label", { defaultValue: "Decision" }),
+        placeholder: t("actionTypes.evaluateClaim.flow.decision.placeholder", { defaultValue: "Select decision" }),
+        value: decision || null,
+        onChange: (value) => setDecision(value || ""),
+        data: [
+          { value: "approve", label: t("actionTypes.evaluateClaim.flow.decision.approve", { defaultValue: "Approve" }) },
+          { value: "reject", label: t("actionTypes.evaluateClaim.flow.decision.reject", { defaultValue: "Reject" }) }
+        ],
+        disabled: isDisabled || submitting
+      }
+    ), decision && (decision === "reject" || decision === "approve" && bidIsEvaluator) && /* @__PURE__ */ React.createElement(CollapsibleSection, { title: t("actionTypes.evaluateClaim.flow.section.evaluation", { defaultValue: "Evaluation" }), defaultOpen: true }, /* @__PURE__ */ React.createElement(Stack, { gap: "md" }, decision === "reject" && /* @__PURE__ */ React.createElement(Stack, { gap: 4 }, /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, t("actionTypes.evaluateBid.flow.reason", { defaultValue: "Reason" }), " ", bidIsEvaluator && /* @__PURE__ */ React.createElement(Text, { span: true, c: "red", size: "xs" }, "*")), /* @__PURE__ */ React.createElement(
+      BaseTextArea,
+      {
+        placeholder: t("actionTypes.evaluateBid.flow.startTyping", { defaultValue: "Start Typing" }),
+        value: rejectReason,
+        onChange: (event) => setRejectReason(event.currentTarget.value),
+        minRows: 2,
+        disabled: isDisabled || submitting
+      }
+    )), decision === "approve" && bidIsEvaluator && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, { color: "color-mix(in srgb, var(--mantine-color-text) 6%, transparent)" }), /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, t("actionTypes.evaluateBid.flow.paymentLabel", { defaultValue: "Payment (used as evaluator max amount)" })), paymentRows.map((row, index) => /* @__PURE__ */ React.createElement(Stack, { key: row.id, gap: 8 }, /* @__PURE__ */ React.createElement(Group, { justify: "space-between", align: "center" }, /* @__PURE__ */ React.createElement(Text, { size: "sm" }, t("actionTypes.evaluateClaim.flow.payment.token", { index: index + 1, defaultValue: `Token ${index + 1}` })), /* @__PURE__ */ React.createElement(Group, { gap: "xs" }, paymentRows.length > 1 && /* @__PURE__ */ React.createElement(Button, { variant: "subtle", size: "compact-xs", color: "red", onClick: () => removePaymentRow(row.id), disabled: isDisabled || submitting }, t("actionTypes.evaluateClaim.flow.payment.remove", { defaultValue: "Remove" })))), /* @__PURE__ */ React.createElement(
+      BaseSelect,
+      {
+        value: row.denom,
+        onChange: (value) => updatePaymentRow(row.id, { denom: value }),
+        data: [
+          { value: IXO_DENOM, label: "IXO" },
+          { value: USDC_DENOM, label: "USDC" },
+          { value: CUSTOM_DENOM, label: t("actionTypes.evaluateClaim.flow.payment.custom", { defaultValue: "Custom" }) }
+        ],
+        clearable: false,
+        disabled: isDisabled || submitting
+      }
+    ), row.denom === CUSTOM_DENOM && /* @__PURE__ */ React.createElement(
+      BaseTextInput,
+      {
+        placeholder: t("actionTypes.evaluateClaim.flow.payment.customDenomPlaceholder", { defaultValue: "Custom denom (e.g. ibc/... or uixo)" }),
+        value: row.customDenom,
+        onChange: (event) => updatePaymentRow(row.id, { customDenom: event.currentTarget.value }),
+        disabled: isDisabled || submitting
+      }
+    ), /* @__PURE__ */ React.createElement(
+      BaseNumberInput,
+      {
+        min: 0,
+        value: row.amount,
+        onChange: (value) => updatePaymentRow(row.id, { amount: value }),
+        placeholder: t("actionTypes.evaluateClaim.flow.payment.amountPlaceholder", { defaultValue: "Amount" }),
+        disabled: isDisabled || submitting
+      }
+    ))), /* @__PURE__ */ React.createElement(Button, { variant: "light", size: "xs", onClick: addPaymentRow, disabled: isDisabled || submitting }, t("actionTypes.evaluateClaim.flow.payment.addPayment", { defaultValue: "Add Payment" }))))), error && /* @__PURE__ */ React.createElement(DismissibleAlert, { color: "red", styles: actionAlertStyles }, error));
+  }
+  const filterTabs = [
+    { value: "pending", label: t("actionTypes.evaluateBid.flow.status.pending", { defaultValue: "Pending" }) },
+    ...statusCounts.approved > 0 ? [{ value: "approved", label: t("actionTypes.evaluateBid.flow.status.approved", { defaultValue: "Approved" }) }] : [],
+    ...statusCounts.rejected > 0 ? [{ value: "rejected", label: t("actionTypes.evaluateBid.flow.status.rejected", { defaultValue: "Rejected" }) }] : [],
+    ...statusCounts.approved > 0 || statusCounts.rejected > 0 ? [{ value: "all", label: t("actionTypes.evaluateBid.flow.status.all", { defaultValue: "All" }) }] : []
+  ];
+  return /* @__PURE__ */ React.createElement(Stack, { gap: "md" }, /* @__PURE__ */ React.createElement(GroupProposalStatus, { editor, block, runtime }), runtime?.state !== "awaiting_readback" && /* @__PURE__ */ React.createElement(ActAsGroupSection, { value: actAs, onChange: setActAs, isDisabled, actionLabel: "decide this application" }), !deedDid || !collectionId ? /* @__PURE__ */ React.createElement(DismissibleAlert, { color: "yellow", styles: actionAlertStyles }, t("actionTypes.shared.errors.configRequired", {
+    defaultValue: "Configure {{did}} and {{claimCollection}} in template mode before running this action.",
+    did: "DID",
+    claimCollection: "claim collection"
+  })) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Group, { justify: "space-between", align: "center" }, /* @__PURE__ */ React.createElement(Group, { gap: 0 }, filterTabs.map((tab) => /* @__PURE__ */ React.createElement(
+    UnstyledButton,
+    {
+      key: tab.value,
+      onClick: () => setActiveFilter(tab.value),
+      px: 12,
+      py: 6,
+      style: {
+        borderRadius: 8,
+        background: activeFilter === tab.value ? "color-mix(in srgb, var(--mantine-color-text) 10%, transparent)" : "transparent",
+        transition: "background 150ms ease"
+      }
+    },
+    /* @__PURE__ */ React.createElement(Text, { size: "sm", fw: 500, c: activeFilter === tab.value ? "var(--mantine-color-text)" : "dimmed" }, tab.label)
+  ))), /* @__PURE__ */ React.createElement(Group, { gap: 4 }, /* @__PURE__ */ React.createElement(DownloadCsvButton, { onDownload: handleDownloadBidsCsv, disabled: loadingBids || bids.length === 0, label: "Download bids CSV", onError: setError }), /* @__PURE__ */ React.createElement(DownloadZipButton, { onDownload: handleDownloadBidsZip, disabled: loadingBids || bids.length === 0, label: "Download bids + media (ZIP)", onError: setError }), /* @__PURE__ */ React.createElement(ActionIcon, { variant: "subtle", color: "gray", size: "sm" }, /* @__PURE__ */ React.createElement(IconFilter, { size: 16 })))), loadingBids && /* @__PURE__ */ React.createElement(Group, { gap: "xs", justify: "center", py: "md" }, /* @__PURE__ */ React.createElement(Loader, { size: "xs" }), /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, t("actionTypes.evaluateBid.flow.loadingBids", { defaultValue: "Loading bids..." }))), !loadingBids && filteredBids.length === 0 && /* @__PURE__ */ React.createElement(Text, { size: "sm", c: "dimmed", ta: "center", py: "md" }, bids.length === 0 ? t("actionTypes.evaluateBid.flow.empty.allCollections", { defaultValue: "No bids available for this collection." }) : t("actionTypes.evaluateBid.flow.empty.filtered", { filter: activeFilter, defaultValue: `No ${activeFilter} bids found.` })), filteredBids.length > 0 && /* @__PURE__ */ React.createElement(Stack, { gap: 12 }, filteredBids.map((bid) => {
+    const status = getBidStatus(bid, t, statusContext);
+    const profile = profilesByDid[bid.did];
+    const displayName = profile?.displayname || bid.did || bid.address;
+    const avatarLabel = (profile?.displayname || bid.did || bid.address || "?")[0]?.toUpperCase();
+    return /* @__PURE__ */ React.createElement(ListItemContainer, { key: bid.id, isChecked: false, onClick: () => setSelectedBidId(bid.id) }, /* @__PURE__ */ React.createElement(Group, { gap: 16, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        style: {
+          width: 32,
+          height: 32,
+          borderRadius: "50%",
+          background: "var(--mantine-color-neutralColor-4)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+          fontSize: 14,
+          fontWeight: 500,
+          color: "var(--mantine-color-dimmed)",
+          backgroundImage: profile?.avatarUrl ? `url(${profile.avatarUrl})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
+        }
+      },
+      profile?.avatarUrl ? null : avatarLabel
+    ), /* @__PURE__ */ React.createElement(Stack, { gap: 0, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement(Text, { fw: 500, size: "md", truncate: true, style: { lineHeight: 1.5 } }, displayName), /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed", truncate: true }, truncateAddress(bid.address)))), /* @__PURE__ */ React.createElement(Stack, { gap: 0, align: "flex-end", style: { flexShrink: 0, minWidth: 80 } }, /* @__PURE__ */ React.createElement(Text, { fw: 500, size: "md", c: status.color === "green" ? "green" : status.color === "red" ? "red" : void 0, style: { lineHeight: 1.5 } }, status.color === "green" && /* @__PURE__ */ React.createElement(IconCheck, { size: 14, style: { verticalAlign: "middle", marginRight: 2 } }), status.label), /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, getTimeAgo(bid.created || ""))));
+  }))), error && /* @__PURE__ */ React.createElement(DismissibleAlert, { color: "red", styles: actionAlertStyles }, error));
+};
+export {
+  EvaluateBidFlowDetail
+};
+//# sourceMappingURL=EvaluateBidFlowDetail-2S2N4YTW.js.map