@ixo/editor 6.33.0 → 6.34.0

package/dist/ProposalVoteFlowDetail-IJJ3OHAB.js

@@ -0,0 +1,280 @@
+import {
+  parseProposalVoteInputs
+} from "./chunk-UZUMBFPP.js";
+import {
+  ProposalOverviewCard
+} from "./chunk-BZ7UPUTY.js";
+import {
+  useRunRuntimeReader
+} from "./chunk-FFYZXA75.js";
+import "./chunk-NZ7AXA7B.js";
+import {
+  resolveReferences
+} from "./chunk-JVROGQ7Q.js";
+import "./chunk-IIIZZ4E4.js";
+import "./chunk-HT6L7A5M.js";
+import "./chunk-NCSGIRRQ.js";
+import {
+  BaseTextArea
+} from "./chunk-ZDNW6VQG.js";
+import {
+  DismissibleAlert
+} from "./chunk-IFWKRCFF.js";
+import {
+  actionAlertStyles
+} from "./chunk-6GKJR52N.js";
+import {
+  useBlocknoteHandlers
+} from "./chunk-4DGCCXD6.js";
+import "./chunk-7W7UUUIE.js";
+import "./chunk-TS2LNBF2.js";
+
+// src/mantine/blocks/action/actionTypes/proposalVote/ProposalVoteFlowDetail.tsx
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Box, Button, Card, Group, Progress, Stack, Text, Tooltip } from "@mantine/core";
+var getVoteIcon = (voteType) => {
+  switch (voteType) {
+    case "yes":
+      return "\u{1F44D}";
+    case "no":
+      return "\u{1F44E}";
+    case "abstain":
+      return "\u{1F937}";
+    default:
+      return null;
+  }
+};
+var ProposalVoteFlowDetail = ({ inputs, editor, block, runtime, isDisabled, executeAction }) => {
+  const handlers = useBlocknoteHandlers();
+  const parsed = useMemo(() => parseProposalVoteInputs(inputs), [inputs]);
+  const editorDocument = editor?.document || [];
+  const runtimeReader = useRunRuntimeReader(editor);
+  const resolveOpts = useMemo(() => ({ yRuntime: runtimeReader }), [runtimeReader]);
+  const proposalId = resolveReferences(parsed.proposalId, editorDocument, resolveOpts).trim();
+  const coreAddress = resolveReferences(parsed.coreAddress, editorDocument, resolveOpts).trim();
+  const inputContractAddress = resolveReferences(parsed.proposalContractAddress, editorDocument, resolveOpts).trim();
+  const [selectedVote, setSelectedVote] = useState("");
+  const [rationale, setRationale] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const [userVote, setUserVote] = useState(null);
+  const [proposalContractAddress, setProposalContractAddress] = useState(inputContractAddress || null);
+  const hasSubmittedProposal = Boolean(proposalId);
+  const hasVoted = Boolean(userVote?.vote);
+  useEffect(() => {
+    if (inputContractAddress) {
+      setProposalContractAddress(inputContractAddress);
+      return;
+    }
+    if (!handlers || !coreAddress || !proposalId) {
+      setProposalContractAddress(null);
+      return;
+    }
+    let isCancelled = false;
+    const loadProposalContract = async () => {
+      try {
+        const { proposalContractAddress: resolvedAddress } = await handlers.getProposalContractAddress({ coreAddress });
+        if (!isCancelled) {
+          setProposalContractAddress(resolvedAddress);
+        }
+      } catch {
+      }
+    };
+    void loadProposalContract();
+    return () => {
+      isCancelled = true;
+    };
+  }, [handlers, coreAddress, proposalId, inputContractAddress]);
+  useEffect(() => {
+    if (!handlers || !proposalContractAddress || !proposalId) return;
+    let isCancelled = false;
+    const loadUserVote = async () => {
+      try {
+        const user = handlers.getCurrentUser();
+        const vote = await handlers.getVote(proposalContractAddress, proposalId, user.address);
+        if (!isCancelled) {
+          setUserVote(vote);
+        }
+      } catch {
+      }
+    };
+    void loadUserVote();
+    return () => {
+      isCancelled = true;
+    };
+  }, [handlers, proposalContractAddress, proposalId]);
+  const handleVote = useCallback(async () => {
+    if (!selectedVote || !proposalId || !proposalContractAddress || isDisabled || submitting) return;
+    if (!executeAction) {
+      setError("Shared action executor is unavailable");
+      return;
+    }
+    setSubmitting(true);
+    setError(null);
+    try {
+      const outcome = await executeAction({
+        runtimeInputs: {
+          proposalId: parseInt(proposalId, 10),
+          vote: selectedVote,
+          rationale: rationale.trim() || void 0,
+          proposalContractAddress
+        }
+      });
+      if (!outcome.success) {
+        throw new Error(outcome.error || "Vote submission failed");
+      }
+      try {
+        const user = handlers.getCurrentUser();
+        const vote = await handlers.getVote(proposalContractAddress, proposalId, user.address);
+        setUserVote(vote);
+      } catch {
+      }
+      setSelectedVote("");
+      setRationale("");
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to submit vote";
+      setError(message);
+    } finally {
+      setSubmitting(false);
+    }
+  }, [executeAction, handlers, isDisabled, proposalContractAddress, proposalId, rationale, selectedVote, submitting]);
+  return /* @__PURE__ */ React.createElement(Stack, { gap: "md" }, /* @__PURE__ */ React.createElement(Stack, { gap: 2 }, /* @__PURE__ */ React.createElement(Text, { fw: 600 }, block?.props?.title || "Vote on Proposal"), /* @__PURE__ */ React.createElement(Text, { size: "sm", c: "dimmed" }, block?.props?.description || "Cast your vote on a governance proposal.")), !hasSubmittedProposal && /* @__PURE__ */ React.createElement(
+    Card,
+    {
+      padding: "md",
+      radius: "md",
+      style: {
+        backgroundColor: "var(--mantine-color-neutralColor-2)",
+        border: "1px solid #ffd43b",
+        color: "var(--mantine-color-text)"
+      }
+    },
+    /* @__PURE__ */ React.createElement(Group, { gap: "xs", align: "center" }, /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        style: {
+          width: 8,
+          height: 8,
+          backgroundColor: "#ffd43b",
+          borderRadius: "50%"
+        }
+      }
+    ), /* @__PURE__ */ React.createElement(Text, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, "Waiting for Proposal Submission")),
+    /* @__PURE__ */ React.createElement(Text, { size: "xs", style: { color: "var(--mantine-color-dimmed)", marginTop: 4 } }, "The connected proposal needs to be submitted before voting can begin.")
+  ), /* @__PURE__ */ React.createElement(
+    Card,
+    {
+      padding: "lg",
+      radius: "md",
+      style: {
+        backgroundColor: "var(--mantine-color-neutralColor-2)",
+        border: "1px solid #333",
+        color: "var(--mantine-color-text)",
+        opacity: !hasSubmittedProposal ? 0.6 : 1
+      }
+    },
+    /* @__PURE__ */ React.createElement(Stack, { gap: "xs" }, /* @__PURE__ */ React.createElement(Group, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Group, { gap: "xs" }, /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        w: 8,
+        h: 8,
+        style: {
+          backgroundColor: hasSubmittedProposal ? "var(--mantine-color-accent-5)" : "var(--mantine-color-dimmed)",
+          borderRadius: "50%"
+        }
+      }
+    ), /* @__PURE__ */ React.createElement(Text, { size: "sm", style: { color: "var(--mantine-color-dimmed)" } }, "Proposal ID")), /* @__PURE__ */ React.createElement(Text, { size: "sm", fw: 500, style: { color: "var(--mantine-color-text)" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React.createElement(Group, { justify: "space-between" }, /* @__PURE__ */ React.createElement(Group, { gap: "xs" }, /* @__PURE__ */ React.createElement(Box, { w: 8, h: 8, style: { backgroundColor: "var(--mantine-color-dimmed)", borderRadius: "50%" } }), /* @__PURE__ */ React.createElement(Text, { size: "sm", style: { color: "var(--mantine-color-dimmed)" } }, "My Vote")), /* @__PURE__ */ React.createElement(Text, { size: "sm", fw: 500, style: { color: "var(--mantine-color-text)" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
+    /* @__PURE__ */ React.createElement(Stack, { gap: "xs", mt: "md" }, /* @__PURE__ */ React.createElement(Text, { size: "sm", style: { color: "var(--mantine-color-dimmed)" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React.createElement(Progress, { value: hasSubmittedProposal ? 75 : 0, size: "md" }))
+  ), hasSubmittedProposal && proposalContractAddress && /* @__PURE__ */ React.createElement(ProposalOverviewCard, { proposalContractAddress, proposalId }), hasSubmittedProposal && !hasVoted && /* @__PURE__ */ React.createElement(Stack, { gap: "lg" }, /* @__PURE__ */ React.createElement(Stack, { gap: "md" }, ["yes", "no", "abstain"].map((voteType) => /* @__PURE__ */ React.createElement(Tooltip, { key: voteType, label: isDisabled ? "Action is disabled" : void 0, disabled: !isDisabled, position: "top" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "outline",
+      leftSection: getVoteIcon(voteType),
+      onClick: () => !isDisabled && setSelectedVote(voteType),
+      disabled: isDisabled,
+      size: "md",
+      style: {
+        backgroundColor: selectedVote === voteType ? "var(--mantine-color-neutralColor-5)" : "var(--mantine-color-neutralColor-2)",
+        borderColor: selectedVote === voteType ? "var(--mantine-color-accent-5)" : "#444",
+        borderWidth: selectedVote === voteType ? "2px" : "1px",
+        color: isDisabled ? "#666" : "var(--mantine-color-text)",
+        justifyContent: "flex-start",
+        padding: "12px",
+        textAlign: "left",
+        opacity: isDisabled ? 0.5 : 1
+      }
+    },
+    /* @__PURE__ */ React.createElement(Text, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType)
+  )))), /* @__PURE__ */ React.createElement(
+    BaseTextArea,
+    {
+      label: "Rationale (optional)",
+      value: rationale,
+      onChange: (e) => setRationale(e.target.value),
+      placeholder: "Explain your vote...",
+      disabled: isDisabled,
+      rows: 3
+    }
+  )), !hasSubmittedProposal && /* @__PURE__ */ React.createElement(Stack, { gap: "md" }, ["yes", "no", "abstain"].map((voteType) => /* @__PURE__ */ React.createElement(Tooltip, { key: voteType, label: "The proposal must be submitted before you can vote", position: "top" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "outline",
+      leftSection: getVoteIcon(voteType),
+      size: "md",
+      disabled: true,
+      style: {
+        backgroundColor: "var(--mantine-color-neutralColor-3)",
+        borderColor: "var(--mantine-color-neutralColor-5)",
+        color: "var(--mantine-color-dimmed)",
+        justifyContent: "flex-start",
+        padding: "12px",
+        textAlign: "left",
+        opacity: 0.5
+      }
+    },
+    /* @__PURE__ */ React.createElement(Text, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType)
+  )))), hasSubmittedProposal && !hasVoted && selectedVote && /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      size: "sm",
+      onClick: handleVote,
+      disabled: !selectedVote || isDisabled || submitting,
+      loading: submitting,
+      style: {
+        backgroundColor: selectedVote && !isDisabled ? "var(--mantine-color-neutralColor-5)" : "var(--mantine-color-neutralColor-3)",
+        borderColor: "var(--mantine-color-neutralColor-5)",
+        color: selectedVote && !isDisabled ? "#f1f3f5" : "var(--mantine-color-dimmed)",
+        borderRadius: "8px",
+        width: "100%",
+        opacity: isDisabled ? 0.5 : 1
+      }
+    },
+    "Sign"
+  ), hasVoted && hasSubmittedProposal && /* @__PURE__ */ React.createElement(
+    Card,
+    {
+      padding: "md",
+      radius: "md",
+      style: {
+        backgroundColor: "var(--mantine-color-neutralColor-2)",
+        border: "1px solid #51cf66",
+        color: "var(--mantine-color-text)"
+      }
+    },
+    /* @__PURE__ */ React.createElement(Stack, { gap: "xs" }, /* @__PURE__ */ React.createElement(Group, { gap: "xs", align: "center" }, /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        style: {
+          width: 8,
+          height: 8,
+          backgroundColor: "var(--mantine-color-accent-5)",
+          borderRadius: "50%"
+        }
+      }
+    ), /* @__PURE__ */ React.createElement(Text, { size: "sm", fw: 500, style: { color: "var(--mantine-color-accent-5)" } }, "Vote Submitted")), /* @__PURE__ */ React.createElement(Text, { size: "xs", style: { color: "var(--mantine-color-dimmed)" } }, "You have already voted on this proposal. Your vote:", " ", /* @__PURE__ */ React.createElement(Text, { span: true, fw: 500, tt: "capitalize" }, userVote?.vote?.vote)))
+  ), error && /* @__PURE__ */ React.createElement(DismissibleAlert, { color: "red", styles: actionAlertStyles }, error), runtime.error?.message && /* @__PURE__ */ React.createElement(DismissibleAlert, { color: "red", styles: actionAlertStyles }, runtime.error.message));
+};
+export {
+  ProposalVoteFlowDetail
+};
+//# sourceMappingURL=ProposalVoteFlowDetail-IJJ3OHAB.js.map

package/dist/ProposalVoteFlowDetail-IJJ3OHAB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mantine/blocks/action/actionTypes/proposalVote/ProposalVoteFlowDetail.tsx"],"sourcesContent":["import { useRunRuntimeReader } from '@/mantine/hooks/useRunRuntimeReader';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Button, Card, Group, Progress, Stack, Text, Tooltip } from '@mantine/core';\nimport { DismissibleAlert as Alert } from '@/mantine/components/Base/DismissibleAlert';\nimport { useBlocknoteHandlers } from '@/mantine/context/BlocknoteContext';\nimport type { VoteResponse, Vote } from '@/mantine/context/BlocknoteContext';\nimport { resolveReferences } from '@/mantine/utils/referenceResolver';\nimport type { ActionTypeFlowProps } from '../../actionTypeUI';\nimport { parseProposalVoteInputs } from './types';\nimport { actionAlertStyles } from '../../alertStyles';\nimport BaseTextArea from '@/mantine/components/Base/BaseTextArea';\nimport { ProposalOverviewCard } from '../governance/_shared/ProposalOverviewCard';\n\nconst getVoteIcon = (voteType: Vote) => {\n  switch (voteType) {\n    case 'yes':\n      return '👍';\n    case 'no':\n      return '👎';\n    case 'abstain':\n      return '🤷';\n    default:\n      return null;\n  }\n};\n\nexport const ProposalVoteFlowDetail: React.FC<ActionTypeFlowProps> = ({ inputs, editor, block, runtime, isDisabled, executeAction }) => {\n  const handlers = useBlocknoteHandlers();\n\n  const parsed = useMemo(() => parseProposalVoteInputs(inputs), [inputs]);\n  const editorDocument = editor?.document || [];\n  const runtimeReader = useRunRuntimeReader(editor);\n  const resolveOpts = useMemo(() => ({ yRuntime: runtimeReader }), [runtimeReader]);\n  const proposalId = resolveReferences(parsed.proposalId, editorDocument, resolveOpts).trim();\n  const coreAddress = resolveReferences(parsed.coreAddress, editorDocument, resolveOpts).trim();\n  const inputContractAddress = resolveReferences(parsed.proposalContractAddress, editorDocument, resolveOpts).trim();\n\n  const [selectedVote, setSelectedVote] = useState<Vote | ''>('');\n  const [rationale, setRationale] = useState('');\n  const [submitting, setSubmitting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [userVote, setUserVote] = useState<VoteResponse | null>(null);\n  const [proposalContractAddress, setProposalContractAddress] = useState<string | null>(inputContractAddress || null);\n\n  const hasSubmittedProposal = Boolean(proposalId);\n  const hasVoted = Boolean(userVote?.vote);\n\n  // Resolve proposal contract address from coreAddress if not provided\n  useEffect(() => {\n    if (inputContractAddress) {\n      setProposalContractAddress(inputContractAddress);\n      return;\n    }\n\n    if (!handlers || !coreAddress || !proposalId) {\n      setProposalContractAddress(null);\n      return;\n    }\n\n    let isCancelled = false;\n\n    const loadProposalContract = async () => {\n      try {\n        const { proposalContractAddress: resolvedAddress } = await handlers.getProposalContractAddress({ coreAddress });\n        if (!isCancelled) {\n          setProposalContractAddress(resolvedAddress);\n        }\n      } catch {\n        // Error handled silently\n      }\n    };\n\n    void loadProposalContract();\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [handlers, coreAddress, proposalId, inputContractAddress]);\n\n  // Load user's current vote\n  useEffect(() => {\n    if (!handlers || !proposalContractAddress || !proposalId) return;\n\n    let isCancelled = false;\n\n    const loadUserVote = async () => {\n      try {\n        const user = handlers.getCurrentUser();\n        const vote = await handlers.getVote(proposalContractAddress, proposalId, user.address);\n        if (!isCancelled) {\n          setUserVote(vote);\n        }\n      } catch {\n        // Error handled silently\n      }\n    };\n\n    void loadUserVote();\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [handlers, proposalContractAddress, proposalId]);\n\n  const handleVote = useCallback(async () => {\n    if (!selectedVote || !proposalId || !proposalContractAddress || isDisabled || submitting) return;\n\n    if (!executeAction) {\n      setError('Shared action executor is unavailable');\n      return;\n    }\n\n    setSubmitting(true);\n    setError(null);\n\n    try {\n      const outcome = await executeAction({\n        runtimeInputs: {\n          proposalId: parseInt(proposalId, 10),\n          vote: selectedVote,\n          rationale: rationale.trim() || undefined,\n          proposalContractAddress,\n        },\n      });\n\n      if (!outcome.success) {\n        throw new Error(outcome.error || 'Vote submission failed');\n      }\n\n      // Reload user vote after voting\n      try {\n        const user = handlers.getCurrentUser();\n        const vote = await handlers.getVote(proposalContractAddress, proposalId, user.address);\n        setUserVote(vote);\n      } catch {\n        // Error handled silently\n      }\n\n      setSelectedVote('');\n      setRationale('');\n    } catch (err) {\n      const message = err instanceof Error ? err.message : 'Failed to submit vote';\n      setError(message);\n    } finally {\n      setSubmitting(false);\n    }\n  }, [executeAction, handlers, isDisabled, proposalContractAddress, proposalId, rationale, selectedVote, submitting]);\n\n  return (\n    <Stack gap=\"md\">\n      <Stack gap={2}>\n        <Text fw={600}>{block?.props?.title || 'Vote on Proposal'}</Text>\n        <Text size=\"sm\" c=\"dimmed\">\n          {block?.props?.description || 'Cast your vote on a governance proposal.'}\n        </Text>\n      </Stack>\n\n      {/* Waiting for proposal */}\n      {!hasSubmittedProposal && (\n        <Card\n          padding=\"md\"\n          radius=\"md\"\n          style={{\n            backgroundColor: 'var(--mantine-color-neutralColor-2)',\n            border: '1px solid #ffd43b',\n            color: 'var(--mantine-color-text)',\n          }}\n        >\n          <Group gap=\"xs\" align=\"center\">\n            <Box\n              style={{\n                width: 8,\n                height: 8,\n                backgroundColor: '#ffd43b',\n                borderRadius: '50%',\n              }}\n            />\n            <Text size=\"sm\" fw={500} style={{ color: '#ffd43b' }}>\n              Waiting for Proposal Submission\n            </Text>\n          </Group>\n          <Text size=\"xs\" style={{ color: 'var(--mantine-color-dimmed)', marginTop: 4 }}>\n            The connected proposal needs to be submitted before voting can begin.\n          </Text>\n        </Card>\n      )}\n\n      {/* Status Section */}\n      <Card\n        padding=\"lg\"\n        radius=\"md\"\n        style={{\n          backgroundColor: 'var(--mantine-color-neutralColor-2)',\n          border: '1px solid #333',\n          color: 'var(--mantine-color-text)',\n          opacity: !hasSubmittedProposal ? 0.6 : 1,\n        }}\n      >\n        <Stack gap=\"xs\">\n          <Group justify=\"space-between\">\n            <Group gap=\"xs\">\n              <Box\n                w={8}\n                h={8}\n                style={{\n                  backgroundColor: hasSubmittedProposal ? 'var(--mantine-color-accent-5)' : 'var(--mantine-color-dimmed)',\n                  borderRadius: '50%',\n                }}\n              />\n              <Text size=\"sm\" style={{ color: 'var(--mantine-color-dimmed)' }}>\n                Proposal ID\n              </Text>\n            </Group>\n            <Text size=\"sm\" fw={500} style={{ color: 'var(--mantine-color-text)' }}>\n              {hasSubmittedProposal ? `#${proposalId}` : 'TBD'}\n            </Text>\n          </Group>\n\n          <Group justify=\"space-between\">\n            <Group gap=\"xs\">\n              <Box w={8} h={8} style={{ backgroundColor: 'var(--mantine-color-dimmed)', borderRadius: '50%' }} />\n              <Text size=\"sm\" style={{ color: 'var(--mantine-color-dimmed)' }}>\n                My Vote\n              </Text>\n            </Group>\n            <Text size=\"sm\" fw={500} style={{ color: 'var(--mantine-color-text)' }}>\n              {hasSubmittedProposal ? (userVote?.vote ? userVote.vote.vote : 'Pending') : 'N/A'}\n            </Text>\n          </Group>\n        </Stack>\n\n        <Stack gap=\"xs\" mt=\"md\">\n          <Text size=\"sm\" style={{ color: 'var(--mantine-color-dimmed)' }}>\n            {hasSubmittedProposal ? 'Voting is open' : 'Voting pending'}\n          </Text>\n          <Progress value={hasSubmittedProposal ? 75 : 0} size=\"md\" />\n        </Stack>\n      </Card>\n\n      {/* What is being voted on — full proposal content, human readable */}\n      {hasSubmittedProposal && proposalContractAddress && <ProposalOverviewCard proposalContractAddress={proposalContractAddress} proposalId={proposalId} />}\n\n      {/* Vote Options - when proposal submitted and user hasn't voted */}\n      {hasSubmittedProposal && !hasVoted && (\n        <Stack gap=\"lg\">\n          <Stack gap=\"md\">\n            {(['yes', 'no', 'abstain'] as Vote[]).map((voteType) => (\n              <Tooltip key={voteType} label={isDisabled ? 'Action is disabled' : undefined} disabled={!isDisabled} position=\"top\">\n                <Button\n                  variant=\"outline\"\n                  leftSection={getVoteIcon(voteType)}\n                  onClick={() => !isDisabled && setSelectedVote(voteType)}\n                  disabled={isDisabled}\n                  size=\"md\"\n                  style={{\n                    backgroundColor: selectedVote === voteType ? 'var(--mantine-color-neutralColor-5)' : 'var(--mantine-color-neutralColor-2)',\n                    borderColor: selectedVote === voteType ? 'var(--mantine-color-accent-5)' : '#444',\n                    borderWidth: selectedVote === voteType ? '2px' : '1px',\n                    color: isDisabled ? '#666' : 'var(--mantine-color-text)',\n                    justifyContent: 'flex-start',\n                    padding: '12px',\n                    textAlign: 'left',\n                    opacity: isDisabled ? 0.5 : 1,\n                  }}\n                >\n                  <Text fw={500} tt=\"capitalize\" style={{ textAlign: 'left' }}>\n                    {voteType}\n                  </Text>\n                </Button>\n              </Tooltip>\n            ))}\n          </Stack>\n\n          <BaseTextArea\n            label=\"Rationale (optional)\"\n            value={rationale}\n            onChange={(e) => setRationale(e.target.value)}\n            placeholder=\"Explain your vote...\"\n            disabled={isDisabled}\n            rows={3}\n          />\n        </Stack>\n      )}\n\n      {/* Disabled vote buttons when no proposal */}\n      {!hasSubmittedProposal && (\n        <Stack gap=\"md\">\n          {(['yes', 'no', 'abstain'] as Vote[]).map((voteType) => (\n            <Tooltip key={voteType} label=\"The proposal must be submitted before you can vote\" position=\"top\">\n              <Button\n                variant=\"outline\"\n                leftSection={getVoteIcon(voteType)}\n                size=\"md\"\n                disabled\n                style={{\n                  backgroundColor: 'var(--mantine-color-neutralColor-3)',\n                  borderColor: 'var(--mantine-color-neutralColor-5)',\n                  color: 'var(--mantine-color-dimmed)',\n                  justifyContent: 'flex-start',\n                  padding: '12px',\n                  textAlign: 'left',\n                  opacity: 0.5,\n                }}\n              >\n                <Text fw={500} tt=\"capitalize\" style={{ textAlign: 'left' }}>\n                  {voteType}\n                </Text>\n              </Button>\n            </Tooltip>\n          ))}\n        </Stack>\n      )}\n\n      {/* Sign Button */}\n      {hasSubmittedProposal && !hasVoted && selectedVote && (\n        <Button\n          size=\"sm\"\n          onClick={handleVote}\n          disabled={!selectedVote || isDisabled || submitting}\n          loading={submitting}\n          style={{\n            backgroundColor: selectedVote && !isDisabled ? 'var(--mantine-color-neutralColor-5)' : 'var(--mantine-color-neutralColor-3)',\n            borderColor: 'var(--mantine-color-neutralColor-5)',\n            color: selectedVote && !isDisabled ? '#f1f3f5' : 'var(--mantine-color-dimmed)',\n            borderRadius: '8px',\n            width: '100%',\n            opacity: isDisabled ? 0.5 : 1,\n          }}\n        >\n          Sign\n        </Button>\n      )}\n\n      {/* Already voted message */}\n      {hasVoted && hasSubmittedProposal && (\n        <Card\n          padding=\"md\"\n          radius=\"md\"\n          style={{\n            backgroundColor: 'var(--mantine-color-neutralColor-2)',\n            border: '1px solid #51cf66',\n            color: 'var(--mantine-color-text)',\n          }}\n        >\n          <Stack gap=\"xs\">\n            <Group gap=\"xs\" align=\"center\">\n              <Box\n                style={{\n                  width: 8,\n                  height: 8,\n                  backgroundColor: 'var(--mantine-color-accent-5)',\n                  borderRadius: '50%',\n                }}\n              />\n              <Text size=\"sm\" fw={500} style={{ color: 'var(--mantine-color-accent-5)' }}>\n                Vote Submitted\n              </Text>\n            </Group>\n            <Text size=\"xs\" style={{ color: 'var(--mantine-color-dimmed)' }}>\n              You have already voted on this proposal. Your vote:{' '}\n              <Text span fw={500} tt=\"capitalize\">\n                {userVote?.vote?.vote}\n              </Text>\n            </Text>\n          </Stack>\n        </Card>\n      )}\n\n      {error && (\n        <Alert color=\"red\" styles={actionAlertStyles}>\n          {error}\n        </Alert>\n      )}\n      {runtime.error?.message && (\n        <Alert color=\"red\" styles={actionAlertStyles}>\n          {runtime.error.message}\n        </Alert>\n      )}\n    </Stack>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/ProtocolSelectConfig-S5U3P6K7.js

@@ -0,0 +1,48 @@
+// src/mantine/blocks/action/actionTypes/protocolSelect/ProtocolSelectConfig.tsx
+import React, { useMemo, useState } from "react";
+import { Box, Pill, PillsInput, Stack, Text } from "@mantine/core";
+function parseInputs(json) {
+  try {
+    const parsed = typeof json === "string" ? JSON.parse(json) : json;
+    return {
+      protocolDids: Array.isArray(parsed?.protocolDids) ? parsed.protocolDids : []
+    };
+  } catch {
+    return { protocolDids: [] };
+  }
+}
+var ProtocolSelectConfig = ({ inputs, onInputsChange }) => {
+  const local = useMemo(() => parseInputs(inputs), [inputs]);
+  const [inputValue, setInputValue] = useState("");
+  const update = (dids) => {
+    onInputsChange(JSON.stringify({ ...local, protocolDids: dids }));
+  };
+  const handleAdd = () => {
+    const trimmed = inputValue.trim();
+    if (trimmed && !local.protocolDids.includes(trimmed)) {
+      update([...local.protocolDids, trimmed]);
+      setInputValue("");
+    }
+  };
+  const handleRemove = (did) => {
+    update(local.protocolDids.filter((d) => d !== did));
+  };
+  return /* @__PURE__ */ React.createElement(Stack, { gap: "xs" }, /* @__PURE__ */ React.createElement(Text, { size: "sm", fw: 600 }, "Protocol DIDs"), /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, "Add the protocol DIDs that users can select from. Enter a DID and press Enter to add it."), /* @__PURE__ */ React.createElement(PillsInput, null, /* @__PURE__ */ React.createElement(Pill.Group, null, local.protocolDids.map((did) => /* @__PURE__ */ React.createElement(Pill, { key: did, withRemoveButton: true, onRemove: () => handleRemove(did) }, did.length > 30 ? `${did.slice(0, 15)}...${did.slice(-12)}` : did)), /* @__PURE__ */ React.createElement(
+    PillsInput.Field,
+    {
+      placeholder: local.protocolDids.length === 0 ? "Enter protocol DID and press Enter" : "",
+      value: inputValue,
+      onChange: (event) => setInputValue(event.currentTarget.value),
+      onKeyDown: (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          handleAdd();
+        }
+      }
+    }
+  ))), local.protocolDids.length > 0 && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, local.protocolDids.length, " protocol", local.protocolDids.length !== 1 ? "s" : "", " configured")));
+};
+export {
+  ProtocolSelectConfig
+};
+//# sourceMappingURL=ProtocolSelectConfig-S5U3P6K7.js.map

package/dist/ProtocolSelectConfig-S5U3P6K7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mantine/blocks/action/actionTypes/protocolSelect/ProtocolSelectConfig.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { Box, Pill, PillsInput, Stack, Text } from '@mantine/core';\nimport type { ActionTypeConfigProps } from '../../actionTypeUI';\n\ninterface ProtocolSelectInputs {\n  protocolDids: string[];\n}\n\nfunction parseInputs(json: string): ProtocolSelectInputs {\n  try {\n    const parsed = typeof json === 'string' ? JSON.parse(json) : json;\n    return {\n      protocolDids: Array.isArray(parsed?.protocolDids) ? parsed.protocolDids : [],\n    };\n  } catch {\n    return { protocolDids: [] };\n  }\n}\n\nexport const ProtocolSelectConfig: React.FC<ActionTypeConfigProps> = ({ inputs, onInputsChange }) => {\n  const local = useMemo(() => parseInputs(inputs), [inputs]);\n  const [inputValue, setInputValue] = useState('');\n\n  const update = (dids: string[]) => {\n    onInputsChange(JSON.stringify({ ...local, protocolDids: dids }));\n  };\n\n  const handleAdd = () => {\n    const trimmed = inputValue.trim();\n    if (trimmed && !local.protocolDids.includes(trimmed)) {\n      update([...local.protocolDids, trimmed]);\n      setInputValue('');\n    }\n  };\n\n  const handleRemove = (did: string) => {\n    update(local.protocolDids.filter((d) => d !== did));\n  };\n\n  return (\n    <Stack gap=\"xs\">\n      <Text size=\"sm\" fw={600}>\n        Protocol DIDs\n      </Text>\n      <Text size=\"xs\" c=\"dimmed\">\n        Add the protocol DIDs that users can select from. Enter a DID and press Enter to add it.\n      </Text>\n      <PillsInput>\n        <Pill.Group>\n          {local.protocolDids.map((did) => (\n            <Pill key={did} withRemoveButton onRemove={() => handleRemove(did)}>\n              {did.length > 30 ? `${did.slice(0, 15)}...${did.slice(-12)}` : did}\n            </Pill>\n          ))}\n          <PillsInput.Field\n            placeholder={local.protocolDids.length === 0 ? 'Enter protocol DID and press Enter' : ''}\n            value={inputValue}\n            onChange={(event) => setInputValue(event.currentTarget.value)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter') {\n                event.preventDefault();\n                handleAdd();\n              }\n            }}\n          />\n        </Pill.Group>\n      </PillsInput>\n      {local.protocolDids.length > 0 && (\n        <Box>\n          <Text size=\"xs\" c=\"dimmed\">\n            {local.protocolDids.length} protocol{local.protocolDids.length !== 1 ? 's' : ''} configured\n          </Text>\n        </Box>\n      )}\n    </Stack>\n  );\n};\n"],"mappings":";AAAA,OAAO,SAAS,SAAS,gBAAgB;AACzC,SAAS,KAAK,MAAM,YAAY,OAAO,YAAY;AAOnD,SAAS,YAAY,MAAoC;AACvD,MAAI;AACF,UAAM,SAAS,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI;AAC7D,WAAO;AAAA,MACL,cAAc,MAAM,QAAQ,QAAQ,YAAY,IAAI,OAAO,eAAe,CAAC;AAAA,IAC7E;AAAA,EACF,QAAQ;AACN,WAAO,EAAE,cAAc,CAAC,EAAE;AAAA,EAC5B;AACF;AAEO,IAAM,uBAAwD,CAAC,EAAE,QAAQ,eAAe,MAAM;AACnG,QAAM,QAAQ,QAAQ,MAAM,YAAY,MAAM,GAAG,CAAC,MAAM,CAAC;AACzD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM,SAAS,CAAC,SAAmB;AACjC,mBAAe,KAAK,UAAU,EAAE,GAAG,OAAO,cAAc,KAAK,CAAC,CAAC;AAAA,EACjE;AAEA,QAAM,YAAY,MAAM;AACtB,UAAM,UAAU,WAAW,KAAK;AAChC,QAAI,WAAW,CAAC,MAAM,aAAa,SAAS,OAAO,GAAG;AACpD,aAAO,CAAC,GAAG,MAAM,cAAc,OAAO,CAAC;AACvC,oBAAc,EAAE;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,QAAgB;AACpC,WAAO,MAAM,aAAa,OAAO,CAAC,MAAM,MAAM,GAAG,CAAC;AAAA,EACpD;AAEA,SACE,oCAAC,SAAM,KAAI,QACT,oCAAC,QAAK,MAAK,MAAK,IAAI,OAAK,eAEzB,GACA,oCAAC,QAAK,MAAK,MAAK,GAAE,YAAS,0FAE3B,GACA,oCAAC,kBACC,oCAAC,KAAK,OAAL,MACE,MAAM,aAAa,IAAI,CAAC,QACvB,oCAAC,QAAK,KAAK,KAAK,kBAAgB,MAAC,UAAU,MAAM,aAAa,GAAG,KAC9D,IAAI,SAAS,KAAK,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,MAAM,IAAI,MAAM,GAAG,CAAC,KAAK,GACjE,CACD,GACD;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,aAAa,MAAM,aAAa,WAAW,IAAI,uCAAuC;AAAA,MACtF,OAAO;AAAA,MACP,UAAU,CAAC,UAAU,cAAc,MAAM,cAAc,KAAK;AAAA,MAC5D,WAAW,CAAC,UAAU;AACpB,YAAI,MAAM,QAAQ,SAAS;AACzB,gBAAM,eAAe;AACrB,oBAAU;AAAA,QACZ;AAAA,MACF;AAAA;AAAA,EACF,CACF,CACF,GACC,MAAM,aAAa,SAAS,KAC3B,oCAAC,WACC,oCAAC,QAAK,MAAK,MAAK,GAAE,YACf,MAAM,aAAa,QAAO,aAAU,MAAM,aAAa,WAAW,IAAI,MAAM,IAAG,aAClF,CACF,CAEJ;AAEJ;","names":[]}

package/dist/ProtocolSelectFlowDetail-XBSJIEIH.js

@@ -0,0 +1,116 @@
+import {
+  EntityAvatar_default
+} from "./chunk-BKLSSLPZ.js";
+import {
+  useBlocknoteHandlers
+} from "./chunk-4DGCCXD6.js";
+import "./chunk-7W7UUUIE.js";
+import "./chunk-TS2LNBF2.js";
+
+// src/mantine/blocks/action/actionTypes/protocolSelect/ProtocolSelectFlowDetail.tsx
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Box, Group, Loader, Stack, Text } from "@mantine/core";
+function parseInputs(json) {
+  try {
+    const parsed = typeof json === "string" ? JSON.parse(json) : json;
+    return {
+      protocolDids: Array.isArray(parsed?.protocolDids) ? parsed.protocolDids : []
+    };
+  } catch {
+    return { protocolDids: [] };
+  }
+}
+var ProtocolSelectFlowDetail = ({ inputs, block, runtime, isDisabled, executeAction }) => {
+  const handlers = useBlocknoteHandlers();
+  const { protocolDids } = useMemo(() => parseInputs(inputs), [inputs]);
+  const [protocols, setProtocols] = useState([]);
+  const selectedDid = runtime.output?.selectedProtocolDid;
+  useEffect(() => {
+    if (protocolDids.length === 0) {
+      setProtocols([]);
+      return;
+    }
+    setProtocols(
+      protocolDids.map((did) => ({
+        did,
+        name: did,
+        type: "Protocol",
+        description: "",
+        loading: true
+      }))
+    );
+    protocolDids.forEach(async (did, index) => {
+      try {
+        if (handlers.getEntity) {
+          const entity = await handlers.getEntity(did);
+          let metadata = {};
+          if (entity?.metadata) {
+            try {
+              metadata = typeof entity.metadata === "string" ? JSON.parse(entity.metadata) : entity.metadata;
+            } catch {
+            }
+          }
+          const rawType = entity?.type || "";
+          const extractedType = rawType.includes("/") ? rawType.split("/").pop() || rawType : rawType;
+          const displayType = extractedType.charAt(0).toUpperCase() + extractedType.slice(1);
+          setProtocols(
+            (prev) => prev.map(
+              (p, i) => i === index ? {
+                ...p,
+                name: metadata?.name || entity?.id || did,
+                type: displayType || "Protocol",
+                description: metadata?.description || "",
+                loading: false
+              } : p
+            )
+          );
+        } else {
+          setProtocols((prev) => prev.map((p, i) => i === index ? { ...p, name: `Protocol ${index + 1}`, description: `DID: ${did}`, loading: false } : p));
+        }
+      } catch {
+        setProtocols(
+          (prev) => prev.map((p, i) => i === index ? { ...p, name: `Protocol ${index + 1}`, description: `DID: ${did}`, loading: false, error: "Failed to fetch entity info" } : p)
+        );
+      }
+    });
+  }, [protocolDids, handlers]);
+  const handleSelect = useCallback(
+    async (protocol) => {
+      if (protocol.loading || isDisabled || !executeAction) return;
+      await executeAction({
+        runtimeInputs: {
+          selectedProtocolDid: protocol.did,
+          selectedProtocolName: protocol.name,
+          selectedProtocolType: protocol.type
+        }
+      });
+    },
+    [executeAction, isDisabled]
+  );
+  if (protocolDids.length === 0) {
+    return /* @__PURE__ */ React.createElement(Box, { py: "md" }, /* @__PURE__ */ React.createElement(Text, { c: "dimmed", ta: "center" }, "No protocols configured.", /* @__PURE__ */ React.createElement("br", null), "Add protocol DIDs in template mode."));
+  }
+  return /* @__PURE__ */ React.createElement(Stack, { gap: "sm" }, /* @__PURE__ */ React.createElement(Text, { fw: 600 }, block?.props?.title || "Select Protocol"), protocols.map((protocol) => {
+    const isSelected = protocol.did === selectedDid;
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        key: protocol.did,
+        onClick: () => handleSelect(protocol),
+        style: {
+          padding: "12px 16px",
+          borderRadius: 12,
+          border: isSelected ? "2px solid var(--mantine-primary-color-filled)" : "1px solid var(--mantine-color-dark-4)",
+          backgroundColor: isSelected ? "var(--mantine-color-dark-6)" : "var(--mantine-color-dark-7)",
+          cursor: protocol.loading || isDisabled ? "wait" : "pointer",
+          transition: "all 0.15s ease"
+        }
+      },
+      /* @__PURE__ */ React.createElement(Group, { wrap: "nowrap", gap: "md", align: "center" }, protocol.loading ? /* @__PURE__ */ React.createElement(Loader, { size: "xs" }) : /* @__PURE__ */ React.createElement(EntityAvatar_default, { size: 24 }), /* @__PURE__ */ React.createElement(Stack, { gap: 2, style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement(Text, { fw: 500, size: "sm", lineClamp: 1 }, protocol.loading ? "Loading..." : protocol.type), /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed", lineClamp: 2 }, protocol.loading ? "Fetching protocol info..." : protocol.description || protocol.did)))
+    );
+  }));
+};
+export {
+  ProtocolSelectFlowDetail
+};
+//# sourceMappingURL=ProtocolSelectFlowDetail-XBSJIEIH.js.map

package/dist/ProtocolSelectFlowDetail-XBSJIEIH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mantine/blocks/action/actionTypes/protocolSelect/ProtocolSelectFlowDetail.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Group, Loader, Stack, Text } from '@mantine/core';\nimport EntityAvatar from '@/icons/EntityAvatar';\nimport { useBlocknoteHandlers } from '@/mantine/context/BlocknoteContext';\nimport type { ActionTypeFlowProps } from '../../actionTypeUI';\n\ninterface ProtocolInfo {\n  did: string;\n  name: string;\n  type: string;\n  description: string;\n  loading: boolean;\n  error?: string;\n}\n\nfunction parseInputs(json: string): { protocolDids: string[] } {\n  try {\n    const parsed = typeof json === 'string' ? JSON.parse(json) : json;\n    return {\n      protocolDids: Array.isArray(parsed?.protocolDids) ? parsed.protocolDids : [],\n    };\n  } catch {\n    return { protocolDids: [] };\n  }\n}\n\nexport const ProtocolSelectFlowDetail: React.FC<ActionTypeFlowProps> = ({ inputs, block, runtime, isDisabled, executeAction }) => {\n  const handlers = useBlocknoteHandlers();\n  const { protocolDids } = useMemo(() => parseInputs(inputs), [inputs]);\n  const [protocols, setProtocols] = useState<ProtocolInfo[]>([]);\n\n  const selectedDid = runtime.output?.selectedProtocolDid as string | undefined;\n\n  useEffect(() => {\n    if (protocolDids.length === 0) {\n      setProtocols([]);\n      return;\n    }\n\n    setProtocols(\n      protocolDids.map((did) => ({\n        did,\n        name: did,\n        type: 'Protocol',\n        description: '',\n        loading: true,\n      }))\n    );\n\n    protocolDids.forEach(async (did, index) => {\n      try {\n        if (handlers.getEntity) {\n          const entity = await handlers.getEntity(did);\n          let metadata: { name?: string; description?: string } = {};\n          if (entity?.metadata) {\n            try {\n              metadata = typeof entity.metadata === 'string' ? JSON.parse(entity.metadata) : entity.metadata;\n            } catch {\n              // ignore non-JSON metadata\n            }\n          }\n          const rawType = entity?.type || '';\n          const extractedType = rawType.includes('/') ? rawType.split('/').pop() || rawType : rawType;\n          const displayType = extractedType.charAt(0).toUpperCase() + extractedType.slice(1);\n\n          setProtocols((prev) =>\n            prev.map((p, i) =>\n              i === index\n                ? {\n                    ...p,\n                    name: metadata?.name || entity?.id || did,\n                    type: displayType || 'Protocol',\n                    description: metadata?.description || '',\n                    loading: false,\n                  }\n                : p\n            )\n          );\n        } else {\n          setProtocols((prev) => prev.map((p, i) => (i === index ? { ...p, name: `Protocol ${index + 1}`, description: `DID: ${did}`, loading: false } : p)));\n        }\n      } catch {\n        setProtocols((prev) =>\n          prev.map((p, i) => (i === index ? { ...p, name: `Protocol ${index + 1}`, description: `DID: ${did}`, loading: false, error: 'Failed to fetch entity info' } : p))\n        );\n      }\n    });\n  }, [protocolDids, handlers]);\n\n  const handleSelect = useCallback(\n    async (protocol: ProtocolInfo) => {\n      if (protocol.loading || isDisabled || !executeAction) return;\n      await executeAction({\n        runtimeInputs: {\n          selectedProtocolDid: protocol.did,\n          selectedProtocolName: protocol.name,\n          selectedProtocolType: protocol.type,\n        },\n      });\n    },\n    [executeAction, isDisabled]\n  );\n\n  if (protocolDids.length === 0) {\n    return (\n      <Box py=\"md\">\n        <Text c=\"dimmed\" ta=\"center\">\n          No protocols configured.\n          <br />\n          Add protocol DIDs in template mode.\n        </Text>\n      </Box>\n    );\n  }\n\n  return (\n    <Stack gap=\"sm\">\n      <Text fw={600}>{block?.props?.title || 'Select Protocol'}</Text>\n      {protocols.map((protocol) => {\n        const isSelected = protocol.did === selectedDid;\n        return (\n          <Box\n            key={protocol.did}\n            onClick={() => handleSelect(protocol)}\n            style={{\n              padding: '12px 16px',\n              borderRadius: 12,\n              border: isSelected ? '2px solid var(--mantine-primary-color-filled)' : '1px solid var(--mantine-color-dark-4)',\n              backgroundColor: isSelected ? 'var(--mantine-color-dark-6)' : 'var(--mantine-color-dark-7)',\n              cursor: protocol.loading || isDisabled ? 'wait' : 'pointer',\n              transition: 'all 0.15s ease',\n            }}\n          >\n            <Group wrap=\"nowrap\" gap=\"md\" align=\"center\">\n              {protocol.loading ? <Loader size=\"xs\" /> : <EntityAvatar size={24} />}\n              <Stack gap={2} style={{ flex: 1, minWidth: 0 }}>\n                <Text fw={500} size=\"sm\" lineClamp={1}>\n                  {protocol.loading ? 'Loading...' : protocol.type}\n                </Text>\n                <Text size=\"xs\" c=\"dimmed\" lineClamp={2}>\n                  {protocol.loading ? 'Fetching protocol info...' : protocol.description || protocol.did}\n                </Text>\n              </Stack>\n            </Group>\n          </Box>\n        );\n      })}\n    </Stack>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/RetireConfig-MV37WWZ6.js

@@ -0,0 +1,59 @@
+import {
+  BatchesSourceSelect
+} from "./chunk-QZYCJ2GZ.js";
+import {
+  parseRetireConfigInputs,
+  serializeRetireConfigInputs
+} from "./chunk-AAZHI22G.js";
+import "./chunk-4PONO4US.js";
+import "./chunk-XPBKU3JX.js";
+import "./chunk-NZ7AXA7B.js";
+import "./chunk-F4PTFXZH.js";
+import "./chunk-IH4T7V4C.js";
+import "./chunk-PYNDJDWZ.js";
+import "./chunk-NIXT2SBH.js";
+import "./chunk-JIDTNKKL.js";
+import "./chunk-JVROGQ7Q.js";
+import "./chunk-IIIZZ4E4.js";
+import "./chunk-HT6L7A5M.js";
+import "./chunk-N3ORMGAI.js";
+import "./chunk-NCSGIRRQ.js";
+import "./chunk-EBFFDDAS.js";
+import {
+  BaseTextInput
+} from "./chunk-WO7V6ZNC.js";
+import "./chunk-TS2LNBF2.js";
+
+// src/mantine/blocks/action/actionTypes/carbon/retire/RetireConfig.tsx
+import React, { useCallback, useEffect, useState } from "react";
+import { Stack, Text } from "@mantine/core";
+var RetireConfig = ({ inputs, onInputsChange, editor, blockId }) => {
+  const [local, setLocal] = useState(() => parseRetireConfigInputs(inputs));
+  useEffect(() => {
+    setLocal(parseRetireConfigInputs(inputs));
+  }, [inputs]);
+  const update = useCallback(
+    (patch) => {
+      const updated = { ...local, ...patch };
+      setLocal(updated);
+      onInputsChange(serializeRetireConfigInputs(updated));
+    },
+    [local, onInputsChange]
+  );
+  return /* @__PURE__ */ React.createElement(Stack, { gap: "lg" }, /* @__PURE__ */ React.createElement(Stack, { gap: "xs" }, /* @__PURE__ */ React.createElement(Text, { size: "sm", fw: 600 }, "Retire Carbon"), /* @__PURE__ */ React.createElement(Text, { size: "xs", c: "dimmed" }, "Permanently burns credits from your wallet to offset impact. Pick the upstream Load Carbon Batches block that supplies the retireable batches.")), /* @__PURE__ */ React.createElement(
+    BatchesSourceSelect,
+    {
+      outputField: "retireableBatches",
+      label: "Retireable batches source",
+      description: "The Load Carbon Batches block whose retireable credits this block retires.",
+      value: local.batchesRef || "",
+      onChange: (value) => update({ batchesRef: value }),
+      editorDocument: editor?.document || [],
+      currentBlockId: blockId
+    }
+  ), /* @__PURE__ */ React.createElement(BaseTextInput, { label: "Default reason", placeholder: "offset", value: local.reason || "", onChange: (event) => update({ reason: event.currentTarget.value }) }));
+};
+export {
+  RetireConfig
+};
+//# sourceMappingURL=RetireConfig-MV37WWZ6.js.map

package/dist/RetireConfig-MV37WWZ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mantine/blocks/action/actionTypes/carbon/retire/RetireConfig.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Stack, Text } from '@mantine/core';\nimport BaseTextInput from '@/mantine/components/Base/BaseTextInput';\nimport type { ActionTypeConfigProps } from '../../../actionTypeUI';\nimport { BatchesSourceSelect } from '../BatchesSourceSelect';\nimport { parseRetireConfigInputs, serializeRetireConfigInputs, type RetireConfigInputs } from './types';\n\nexport const RetireConfig: React.FC<ActionTypeConfigProps> = ({ inputs, onInputsChange, editor, blockId }) => {\n  const [local, setLocal] = useState<RetireConfigInputs>(() => parseRetireConfigInputs(inputs));\n\n  useEffect(() => {\n    setLocal(parseRetireConfigInputs(inputs));\n  }, [inputs]);\n\n  const update = useCallback(\n    (patch: Partial<RetireConfigInputs>) => {\n      const updated = { ...local, ...patch };\n      setLocal(updated);\n      onInputsChange(serializeRetireConfigInputs(updated));\n    },\n    [local, onInputsChange]\n  );\n\n  return (\n    <Stack gap=\"lg\">\n      <Stack gap=\"xs\">\n        <Text size=\"sm\" fw={600}>\n          Retire Carbon\n        </Text>\n        <Text size=\"xs\" c=\"dimmed\">\n          Permanently burns credits from your wallet to offset impact. Pick the upstream Load Carbon Batches block that supplies the retireable batches.\n        </Text>\n      </Stack>\n\n      <BatchesSourceSelect\n        outputField=\"retireableBatches\"\n        label=\"Retireable batches source\"\n        description=\"The Load Carbon Batches block whose retireable credits this block retires.\"\n        value={local.batchesRef || ''}\n        onChange={(value) => update({ batchesRef: value })}\n        editorDocument={editor?.document || []}\n        currentBlockId={blockId}\n      />\n      <BaseTextInput label=\"Default reason\" placeholder=\"offset\" value={local.reason || ''} onChange={(event) => update({ reason: event.currentTarget.value })} />\n    </Stack>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS,aAAa,WAAW,gBAAgB;AACxD,SAAS,OAAO,YAAY;AAMrB,IAAM,eAAgD,CAAC,EAAE,QAAQ,gBAAgB,QAAQ,QAAQ,MAAM;AAC5G,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA6B,MAAM,wBAAwB,MAAM,CAAC;AAE5F,YAAU,MAAM;AACd,aAAS,wBAAwB,MAAM,CAAC;AAAA,EAC1C,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,SAAS;AAAA,IACb,CAAC,UAAuC;AACtC,YAAM,UAAU,EAAE,GAAG,OAAO,GAAG,MAAM;AACrC,eAAS,OAAO;AAChB,qBAAe,4BAA4B,OAAO,CAAC;AAAA,IACrD;AAAA,IACA,CAAC,OAAO,cAAc;AAAA,EACxB;AAEA,SACE,oCAAC,SAAM,KAAI,QACT,oCAAC,SAAM,KAAI,QACT,oCAAC,QAAK,MAAK,MAAK,IAAI,OAAK,eAEzB,GACA,oCAAC,QAAK,MAAK,MAAK,GAAE,YAAS,gJAE3B,CACF,GAEA;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,OAAO,MAAM,cAAc;AAAA,MAC3B,UAAU,CAAC,UAAU,OAAO,EAAE,YAAY,MAAM,CAAC;AAAA,MACjD,gBAAgB,QAAQ,YAAY,CAAC;AAAA,MACrC,gBAAgB;AAAA;AAAA,EAClB,GACA,oCAAC,iBAAc,OAAM,kBAAiB,aAAY,UAAS,OAAO,MAAM,UAAU,IAAI,UAAU,CAAC,UAAU,OAAO,EAAE,QAAQ,MAAM,cAAc,MAAM,CAAC,GAAG,CAC5J;AAEJ;","names":[]}