@trustless-work/blocks 1.0.0 → 1.0.2

package/bin/index.js

@@ -814,6 +814,49 @@ function copyTemplate(name, { uiBase, shouldInstall = false } = {}) {
       );
     }
 
+    // Post-copy: materialize shared files for multi-release withdraw-remaining-funds
+    try {
+      const isMultiWithdrawRoot =
+        name === "escrows/multi-release/withdraw-remaining-funds";
+      const isMultiWithdrawDialog =
+        name === "escrows/multi-release/withdraw-remaining-funds/dialog";
+      const isMultiWithdrawForm =
+        name === "escrows/multi-release/withdraw-remaining-funds/form";
+
+      const srcSharedDir = path.join(
+        TEMPLATES_DIR,
+        "escrows",
+        "multi-release",
+        "withdraw-remaining-funds",
+        "shared"
+      );
+
+      function copyMultiWithdrawSharedInto(targetDir) {
+        if (!fs.existsSync(srcSharedDir)) return;
+        const entries = fs.readdirSync(srcSharedDir, { withFileTypes: true });
+        for (const entry of entries) {
+          if (!/\.(tsx?|jsx?)$/i.test(entry.name)) continue;
+          const entrySrc = path.join(srcSharedDir, entry.name);
+          const entryDest = path.join(targetDir, entry.name);
+          writeTransformed(entrySrc, entryDest);
+        }
+      }
+
+      if (isMultiWithdrawRoot) {
+        copyMultiWithdrawSharedInto(path.join(destDir, "dialog"));
+        copyMultiWithdrawSharedInto(path.join(destDir, "form"));
+      } else if (isMultiWithdrawDialog) {
+        copyMultiWithdrawSharedInto(destDir);
+      } else if (isMultiWithdrawForm) {
+        copyMultiWithdrawSharedInto(destDir);
+      }
+    } catch (e) {
+      console.warn(
+        "⚠️  Failed to materialize shared multi-release withdraw-remaining-funds files:",
+        e?.message || e
+      );
+    }
+
     try {
       const isMultiUpdateRoot = name === "escrows/multi-release/update-escrow";
       const isMultiUpdateDialog =
@@ -1034,6 +1077,7 @@ function copyTemplate(name, { uiBase, shouldInstall = false } = {}) {
           "initialize-escrow",
           "resolve-dispute",
           "update-escrow",
+          "withdraw-remaining-funds",
         ];
 
         for (const mod of modules) {
@@ -1164,6 +1208,7 @@ function copyTemplate(name, { uiBase, shouldInstall = false } = {}) {
           "initialize-escrow",
           "resolve-dispute",
           "update-escrow",
+          "withdraw-remaining-funds",
         ];
 
         const baseTarget = path.join(destDir, "multi-release");
@@ -1535,7 +1580,7 @@ if (args[0] === "init") {
   }
 
   const addShadcn = await promptYesNo(
-    "Add shadcn components (button, input, form, card, sonner, checkbox, dialog, textarea, sonner, select, table, calendar, popover, separator, calendar-05, badge, sheet, tabs, avatar, tooltip)?",
+    "Add shadcn components (button, input, form, card, sonner, checkbox, dialog, textarea, sonner, select, table, calendar, popover, separator, calendar-05, badge, sheet, tabs, avatar, tooltip, progress)?",
     true
   );
   if (addShadcn) {
@@ -1563,6 +1608,7 @@ if (args[0] === "init") {
         "tabs",
         "avatar",
         "tooltip",
+        "progress",
       ]);
     });
   } else {
@@ -1654,6 +1700,20 @@ if (args[0] === "init") {
   console.log("- " + oscHyperlink("X", "https://x.com/TrustlessWork"));
 } else if (args[0] === "add" && args[1]) {
   const flags = parseFlags(args.slice(2));
+  // Normalize common aliases (singular/plural, shorthand)
+  const normalizeTemplateName = (name) => {
+    let n = String(name).trim();
+    // singular to plural base
+    n = n.replace(/^escrow\b/, "escrows");
+    n = n.replace(/^indicator\b/, "indicators");
+    // allow nested segments singulars
+    n = n.replace(/(^|\/)escrow(\/|$)/g, "$1escrows$2");
+    n = n.replace(/(^|\/)indicator(\/|$)/g, "$1indicators$2");
+    // friendly shape variants
+    n = n.replace(/(^|\/)circle(\/|$)/g, "$1circular$2");
+    return n;
+  };
+  args[1] = normalizeTemplateName(args[1]);
   const cfgPath = path.join(PROJECT_ROOT, ".twblocks.json");
   if (!fs.existsSync(cfgPath)) {
     console.error(
@@ -1746,6 +1806,11 @@ if (args[0] === "init") {
   
   --- Escrows ---
   trustless-work add escrows
+
+  --- Indicators ---
+  trustless-work add escrows/indicators/balance-progress
+  trustless-work add escrows/indicators/balance-progress/bar
+  trustless-work add escrows/indicators/balance-progress/donut
   
   --- Escrows by role ---
   trustless-work add escrows/escrows-by-role
@@ -1804,6 +1869,12 @@ if (args[0] === "init") {
   - trustless-work add escrows/multi-release/update-escrow
   - trustless-work add escrows/multi-release/update-escrow/form
   - trustless-work add escrows/multi-release/update-escrow/dialog
+
+  --- Withdraw remaining funds ---
+  - trustless-work add escrows/multi-release/withdraw-remaining-funds
+  - trustless-work add escrows/multi-release/withdraw-remaining-funds/form
+  - trustless-work add escrows/multi-release/withdraw-remaining-funds/button
+  - trustless-work add escrows/multi-release/withdraw-remaining-funds/dialog
   
   --- Release escrow ---
   - trustless-work add escrows/multi-release/release-milestone
@@ -1812,6 +1883,12 @@ if (args[0] === "init") {
   --- Dispute escrow ---
   - trustless-work add escrows/multi-release/dispute-milestone
   - trustless-work add escrows/multi-release/dispute-milestone/button
+
+  --- Withdraw remaining funds ---
+  - trustless-work add escrows/multi-release/withdraw-remaining-funds
+  - trustless-work add escrows/multi-release/withdraw-remaining-funds/form
+  - trustless-work add escrows/multi-release/withdraw-remaining-funds/button
+  - trustless-work add escrows/multi-release/withdraw-remaining-funds/dialog
   
   ----------------------
   --- SINGLE-MULTI-RELEASE -> Works with both types of escrows ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trustless-work/blocks",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "author": "Trustless Work",
   "keywords": [
     "react",

package/templates/deps.json

@@ -4,7 +4,7 @@
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.53.0",
     "zod": "^3.23.8",
-    "@trustless-work/escrow": "^2.0.2",
+    "@trustless-work/escrow": "^3.0.0",
     "@tanstack/react-query": "^5.75.0",
     "@tanstack/react-query-devtools": "^5.75.0",
     "tailwindcss": "^3.3.3",

package/templates/escrows/details/Actions.tsx

@@ -113,11 +113,28 @@ export const Actions = ({
     userRolesInEscrow.includes("releaseSigner") &&
     !selectedEscrow.flags?.released;
 
+  const shouldShowWithdrawRemaining = (() => {
+    if (selectedEscrow.type !== "multi-release") return false;
+    if (!userRolesInEscrow.includes("disputeResolver")) return false;
+    if ((selectedEscrow.balance ?? 0) === 0) return false;
+    const milestones = (selectedEscrow.milestones || []) as Array<{
+      flags?: { resolved?: boolean; released?: boolean; disputed?: boolean };
+    }>;
+    return (
+      milestones.length > 0 &&
+      milestones.every((m) => {
+        const f = m.flags || {};
+        return !!(f.resolved || f.released || f.disputed);
+      })
+    );
+  })();
+
   const hasConditionalButtons =
     shouldShowEditButton ||
     shouldShowDisputeButton ||
     shouldShowResolveButton ||
-    shouldShowReleaseFundsButton;
+    shouldShowReleaseFundsButton ||
+    shouldShowWithdrawRemaining;
 
   return (
     <div className="flex items-start justify-start flex-col gap-2 w-full">
@@ -138,6 +155,9 @@ export const Actions = ({
           {/* Works only with single-release escrows */}
           {/* Only appears if all the milestones are approved */}
           {/* {shouldShowReleaseFundsButton && <ReleaseEscrowButton />} */}
+
+          {/* Multi-release: Withdraw Remaining Funds */}
+          {/* {shouldShowWithdrawRemaining && <WithdrawRemainingFundsDialog />} */}
         </div>
       )}
 

package/templates/escrows/indicators/balance-progress/bar/BalanceProgress.tsx

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { Progress } from "__UI_BASE__/progress";
+import { useGetMultipleEscrowBalancesQuery } from "@/components/tw-blocks/tanstack/useGetMultipleEscrowBalances";
+import { formatCurrency } from "@/components/tw-blocks/helpers/format.helper";
+
+type BalanceProgressBarProps = {
+  contractId: string;
+  target: number;
+  currency: string;
+};
+
+export const BalanceProgressBar = ({
+  contractId,
+  target,
+  currency,
+}: BalanceProgressBarProps) => {
+  const isContractProvided = Boolean(
+    contractId && contractId.trim().length > 0
+  );
+
+  const { data, isLoading, isError } = useGetMultipleEscrowBalancesQuery({
+    addresses: isContractProvided ? [contractId] : [],
+    enabled: isContractProvided,
+  });
+
+  const currentBalanceRaw = Number(data?.[0]?.balance ?? 0);
+  const safeTarget = Number.isFinite(target) && target > 0 ? target : 0;
+  const progressValue =
+    safeTarget > 0
+      ? Math.min(100, Math.max(0, (currentBalanceRaw / safeTarget) * 100))
+      : 0;
+
+  return (
+    <div className="w-full">
+      <div className="flex items-center justify-between text-sm text-muted-foreground mb-2">
+        <p>
+          <span className="font-bold mr-1">Balance:</span>
+          {isLoading
+            ? "Loading…"
+            : isError
+            ? "-"
+            : formatCurrency(currentBalanceRaw, currency)}
+        </p>
+        <p>
+          <span className="font-bold mr-1">Target:</span>{" "}
+          {formatCurrency(safeTarget, currency)}
+        </p>
+      </div>
+      <Progress
+        value={isLoading || isError ? 0 : progressValue}
+        className="w-full"
+      />
+    </div>
+  );
+};

package/templates/escrows/indicators/balance-progress/donut/BalanceProgress.tsx

@@ -0,0 +1,99 @@
+// @ts-nocheck
+import * as React from "react";
+import { useGetMultipleEscrowBalancesQuery } from "@/components/tw-blocks/tanstack/useGetMultipleEscrowBalances";
+import { formatCurrency } from "@/components/tw-blocks/helpers/format.helper";
+
+type BalanceProgressDonutProps = {
+  contractId: string;
+  target: number;
+  currency: string;
+};
+
+export const BalanceProgressDonut = ({
+  contractId,
+  target,
+  currency,
+}: BalanceProgressDonutProps) => {
+  const isContractProvided = Boolean(
+    contractId && contractId.trim().length > 0
+  );
+
+  const { data, isLoading, isError } = useGetMultipleEscrowBalancesQuery({
+    addresses: isContractProvided ? [contractId] : [],
+    enabled: isContractProvided,
+  });
+
+  const currentBalanceRaw = Number(data?.[0]?.balance ?? 0);
+  const safeTarget = Number.isFinite(target) && target > 0 ? target : 0;
+  const progressValue =
+    safeTarget > 0
+      ? Math.min(100, Math.max(0, (currentBalanceRaw / safeTarget) * 100))
+      : 0;
+
+  return (
+    <div className="w-full">
+      <div className="flex items-center justify-between text-sm text-muted-foreground mb-2">
+        <p>
+          <span className="font-bold mr-1">Balance:</span>
+          {isLoading
+            ? "Loading…"
+            : isError
+            ? "-"
+            : formatCurrency(currentBalanceRaw, currency)}
+        </p>
+        <p>
+          <span className="font-bold mr-1">Target:</span>{" "}
+          {formatCurrency(safeTarget, currency)}
+        </p>
+      </div>
+      {(() => {
+        const size = 160; // px
+        const stroke = 12; // px
+        const radius = (size - stroke) / 2;
+        const circumference = 2 * Math.PI * radius;
+        const pct = isLoading || isError ? 0 : progressValue;
+        const dashOffset = circumference * (1 - pct / 100);
+
+        return (
+          <div className="flex justify-center">
+            <div className="relative" style={{ width: size, height: size }}>
+              <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
+                {/* Track */}
+                <circle
+                  cx={size / 2}
+                  cy={size / 2}
+                  r={radius}
+                  strokeWidth={stroke}
+                  stroke="currentColor"
+                  className="text-muted-foreground/20"
+                  fill="none"
+                  strokeLinecap="round"
+                />
+                {/* Progress */}
+                <g transform={`rotate(-90 ${size / 2} ${size / 2})`}>
+                  <circle
+                    cx={size / 2}
+                    cy={size / 2}
+                    r={radius}
+                    strokeWidth={stroke}
+                    stroke="currentColor"
+                    className="text-primary"
+                    fill="none"
+                    strokeDasharray={`${circumference} ${circumference}`}
+                    strokeDashoffset={dashOffset}
+                    strokeLinecap="round"
+                  />
+                </g>
+              </svg>
+
+              <div className="absolute inset-0 flex flex-col items-center justify-center">
+                <span className="text-2xl font-bold">{Math.round(pct)}%</span>
+                <span className="text-muted-foreground text-sm">Progress</span>
+              </div>
+            </div>
+          </div>
+        );
+      })()}
+    </div>
+  );
+};

package/templates/escrows/multi-release/initialize-escrow/dialog/InitializeEscrow.tsx

@@ -482,6 +482,7 @@ export const InitializeEscrowDialog = () => {
                       onClick={() => handleRemoveMilestone(index)}
                       className="p-2 bg-transparent text-red-500 rounded-md border-none shadow-none hover:bg-transparent hover:shadow-none hover:text-red-500 focus:ring-0 active:ring-0 self-start sm:self-center"
                       disabled={milestones.length === 1}
+                      type="button"
                     >
                       <Trash2 className="h-5 w-5" />
                     </Button>

package/templates/escrows/multi-release/initialize-escrow/form/InitializeEscrow.tsx

@@ -462,6 +462,7 @@ export const InitializeEscrowForm = () => {
                   onClick={() => handleRemoveMilestone(index)}
                   className="p-2 bg-transparent text-red-500 rounded-md border-none shadow-none hover:bg-transparent hover:shadow-none hover:text-red-500 focus:ring-0 active:ring-0 self-start sm:self-center"
                   disabled={milestones.length === 1}
+                  type="button"
                 >
                   <Trash2 className="h-5 w-5" />
                 </Button>

package/templates/escrows/multi-release/initialize-escrow/shared/schema.ts

@@ -8,7 +8,6 @@ export const useInitializeEscrowSchema = () => {
         address: z.string().min(1, {
           message: "Trustline address is required.",
         }),
-        decimals: z.number().default(10000000),
       }),
       roles: z.object({
         approver: z

package/templates/escrows/multi-release/initialize-escrow/shared/useInitializeEscrow.ts

@@ -37,7 +37,6 @@ export function useInitializeEscrow() {
       receiverMemo: "",
       trustline: {
         address: "",
-        decimals: 10000000,
       },
       roles: {
         approver: "",
@@ -83,7 +82,6 @@ export function useInitializeEscrow() {
       receiverMemo: "123",
       trustline: {
         address: usdc?.value || "",
-        decimals: 10000000,
       },
       roles: {
         approver: walletAddress || "",

package/templates/escrows/multi-release/resolve-dispute/button/ResolveDispute.tsx

@@ -15,14 +15,12 @@ import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvide
 import { Loader2 } from "lucide-react";
 
 type ResolveDisputeButtonProps = {
-  approverFunds: number;
-  receiverFunds: number;
+  distributions: { address: string; amount: number }[];
   milestoneIndex: number | string;
 };
 
 export const ResolveDisputeButton = ({
-  approverFunds,
-  receiverFunds,
+  distributions,
   milestoneIndex,
 }: ResolveDisputeButtonProps) => {
   const { resolveDispute } = useEscrowsMutations();
@@ -32,18 +30,11 @@ export const ResolveDisputeButton = ({
 
   async function handleClick() {
     try {
-      if (
-        approverFunds == null ||
-        Number.isNaN(approverFunds) ||
-        receiverFunds == null ||
-        Number.isNaN(receiverFunds)
-      ) {
-        toast.error("Both amounts are required");
-        return;
-      }
-
-      if (approverFunds < 0 || receiverFunds < 0) {
-        toast.error("Amounts must be >= 0");
+      const hasInvalid = distributions.some(
+        (d) => !d.address || Number.isNaN(d.amount) || d.amount < 0
+      );
+      if (hasInvalid) {
+        toast.error("Invalid distributions");
         return;
       }
 
@@ -57,8 +48,7 @@ export const ResolveDisputeButton = ({
       const payload: MultiReleaseResolveDisputePayload = {
         contractId: selectedEscrow?.contractId || "",
         disputeResolver: walletAddress || "",
-        approverFunds: Number(approverFunds),
-        receiverFunds: Number(receiverFunds),
+        distributions: distributions as [{ address: string; amount: number }],
         milestoneIndex: String(milestoneIndex),
       };
 
@@ -92,8 +82,8 @@ export const ResolveDisputeButton = ({
           return milestone;
         }),
         balance:
-          selectedEscrow?.balance ||
-          Number(approverFunds) + Number(receiverFunds),
+          (selectedEscrow?.balance || 0) -
+          distributions.reduce((acc, d) => acc + Number(d.amount || 0), 0),
       });
     } catch (error) {
       toast.error(handleError(error as ErrorResponse).message);

package/templates/escrows/multi-release/resolve-dispute/dialog/ResolveDispute.tsx

@@ -16,7 +16,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "__UI_BASE__/dialog";
-import { Loader2 } from "lucide-react";
+import { Loader2, Trash2 } from "lucide-react";
 import { useResolveDispute } from "./useResolveDispute";
 import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { formatCurrency } from "../../../../helpers/format.helper";
@@ -35,7 +35,22 @@ export const ResolveDisputeDialog = ({
   showSelectMilestone?: boolean;
   milestoneIndex?: number | string;
 }) => {
-  const { form, handleSubmit, isSubmitting, totalAmount } = useResolveDispute();
+  const {
+    form,
+    handleSubmit,
+    isSubmitting,
+    totalAmount,
+    distributions,
+    handleAddDistribution,
+    handleRemoveDistribution,
+    handleDistributionAddressChange,
+    handleDistributionAmountChange,
+    isAnyDistributionEmpty,
+    allowedAmount,
+    distributedSum,
+    isExactMatch,
+    difference,
+  } = useResolveDispute();
   const { selectedEscrow } = useEscrowContext();
 
   React.useEffect(() => {
@@ -55,7 +70,7 @@ export const ResolveDisputeDialog = ({
           Resolve Dispute
         </Button>
       </DialogTrigger>
-      <DialogContent>
+      <DialogContent className="!w-full sm:!max-w-3xl max-h-[95vh] overflow-y-auto">
         <DialogHeader>
           <DialogTitle>Resolve Dispute</DialogTitle>
         </DialogHeader>
@@ -96,52 +111,110 @@ export const ResolveDisputeDialog = ({
               />
             )}
 
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-              <FormField
-                control={form.control}
-                name="approverFunds"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Approver Funds</FormLabel>
-                    <FormControl>
-                      <Input
-                        type="text"
-                        inputMode="decimal"
-                        placeholder="Enter approver funds"
-                        value={field.value as unknown as string}
-                        onChange={(e) => field.onChange(e.target.value)}
-                      />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
+            <FormLabel className="flex items-center my-4">
+              Distributions<span className="text-destructive ml-1">*</span>
+            </FormLabel>
 
-              <FormField
-                control={form.control}
-                name="receiverFunds"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Receiver Funds</FormLabel>
-                    <FormControl>
-                      <Input
-                        type="text"
-                        inputMode="decimal"
-                        placeholder="Enter receiver funds"
-                        value={field.value as unknown as string}
-                        onChange={(e) => field.onChange(e.target.value)}
-                      />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
+            {distributions.map((d, idx) => (
+              <div
+                key={`dist-${idx}`}
+                className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-[1fr_minmax(140px,220px)_auto] gap-3 sm:gap-4 items-end mb-2"
+              >
+                <FormField
+                  control={form.control}
+                  name={`distributions.${idx}.address` as const}
+                  render={() => (
+                    <FormItem className="sm:col-span-2 lg:col-span-1">
+                      <FormLabel>Address</FormLabel>
+                      <FormControl>
+                        <Input
+                          type="text"
+                          placeholder="Receiver address"
+                          value={d.address}
+                          onChange={(e) =>
+                            handleDistributionAddressChange(idx, e.target.value)
+                          }
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name={`distributions.${idx}.amount` as const}
+                  render={() => (
+                    <FormItem>
+                      <FormLabel>Amount</FormLabel>
+                      <FormControl>
+                        <Input
+                          type="text"
+                          inputMode="decimal"
+                          placeholder="0.00"
+                          value={(d.amount as string) ?? ""}
+                          onChange={(e) =>
+                            handleDistributionAmountChange(idx, e)
+                          }
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <Button
+                  type="button"
+                  onClick={() => handleRemoveDistribution(idx)}
+                  className="justify-self-end self-end p-2 bg-transparent text-destructive rounded-md border-none shadow-none hover:bg-transparent hover:shadow-none hover:text-destructive focus:ring-0 active:ring-0"
+                  disabled={distributions.length <= 2}
+                >
+                  <Trash2 className="h-5 w-5" />
+                </Button>
+              </div>
+            ))}
+
+            <div className="flex justify-between items-center mt-4">
+              <Button
+                type="button"
+                variant="outline"
+                onClick={handleAddDistribution}
+                disabled={isAnyDistributionEmpty}
+                className="cursor-pointer"
+              >
+                Add Item
+              </Button>
+
+              <div className="flex items-center gap-4">
+                <div className="text-xs text-muted-foreground">
+                  <p>
+                    <span className="font-bold">Total Amount: </span>
+                    {distributedSum.toFixed(2)} / {allowedAmount.toFixed(2)}
+                  </p>
+                  {!isExactMatch && (
+                    <p className="text-destructive">
+                      <span className="font-bold">Difference: </span>
+                      {difference.toFixed(2)}
+                    </p>
+                  )}
+                </div>
+
+                <p className="text-xs text-muted-foreground">
+                  <span className="font-bold">Total Balance: </span>
+                  {formatCurrency(
+                    selectedEscrow?.balance || 0,
+                    selectedEscrow?.trustline.name || ""
+                  )}
+                </p>
+              </div>
             </div>
 
-            <div className="mt-4 flex justify-between items-center">
+            <div className="mt-4 flex justify-start items-center">
               <Button
                 type="submit"
-                disabled={isSubmitting}
+                disabled={
+                  isSubmitting || isAnyDistributionEmpty || !isExactMatch
+                }
                 className="cursor-pointer"
               >
                 {isSubmitting ? (
@@ -153,22 +226,6 @@ export const ResolveDisputeDialog = ({
                   "Resolve"
                 )}
               </Button>
-
-              <p className="text-xs text-muted-foreground">
-                <span className="font-bold">Total Amount: </span>
-                {formatCurrency(
-                  totalAmount,
-                  selectedEscrow?.trustline.name || ""
-                )}
-              </p>
-
-              <p className="text-xs text-muted-foreground">
-                <span className="font-bold">Total Balance: </span>
-                {formatCurrency(
-                  selectedEscrow?.balance || 0,
-                  selectedEscrow?.trustline.name || ""
-                )}
-              </p>
             </div>
           </form>
         </Form>