@trustless-work/blocks 1.2.0 → 1.2.2

package/templates/escrows/details/Actions.tsx

@@ -14,7 +14,7 @@ import {
   GetEscrowsFromIndexerResponse as Escrow,
   Role,
 } from "@trustless-work/escrow/types";
-import { FundEscrowDialog } from "../../single-multi-release/fund-escrow/dialog/FundEscrow";
+// import { FundEscrowDialog } from "../../single-multi-release/fund-escrow/dialog/FundEscrow";
 
 interface ActionsProps {
   selectedEscrow: Escrow;
@@ -28,49 +28,49 @@ export const roleActions: {
   icon: React.ReactNode;
   color: string;
 }[] = [
-  {
-    role: "signer",
-    actions: ["fundEscrow"],
-    icon: <Wallet className="h-6 w-6 text-primary" />,
-    color: "",
-  },
-  {
-    role: "approver",
-    actions: ["fundEscrow", "approveMilestone", "startDispute"],
-    icon: <CheckCircle className="h-6 w-6 text-primary" />,
-    color: "0",
-  },
-  {
-    role: "serviceProvider",
-    actions: ["fundEscrow", "completeMilestone", "startDispute"],
-    icon: <Briefcase className="h-6 w-6 text-primary" />,
-    color: "0",
-  },
-  {
-    role: "disputeResolver",
-    actions: ["fundEscrow", "resolveDispute"],
-    icon: <Scale className="h-6 w-6 text-primary" />,
-    color: "00",
-  },
-  {
-    role: "releaseSigner",
-    actions: ["fundEscrow", "releasePayment"],
-    icon: <Unlock className="h-6 w-6 text-primary" />,
-    color: "",
-  },
-  {
-    role: "platformAddress",
-    actions: ["fundEscrow", "editEscrow"],
-    icon: <Settings className="h-6 w-6 text-primary" />,
-    color: "0",
-  },
-  {
-    role: "receiver",
-    actions: ["fundEscrow"],
-    icon: <DollarSign className="h-6 w-6 text-primary" />,
-    color: "",
-  },
-];
+    {
+      role: "signer",
+      actions: ["fundEscrow"],
+      icon: <Wallet className="h-6 w-6 text-primary" />,
+      color: "",
+    },
+    {
+      role: "approver",
+      actions: ["fundEscrow", "approveMilestone", "startDispute"],
+      icon: <CheckCircle className="h-6 w-6 text-primary" />,
+      color: "0",
+    },
+    {
+      role: "serviceProvider",
+      actions: ["fundEscrow", "completeMilestone", "startDispute"],
+      icon: <Briefcase className="h-6 w-6 text-primary" />,
+      color: "0",
+    },
+    {
+      role: "disputeResolver",
+      actions: ["fundEscrow", "resolveDispute"],
+      icon: <Scale className="h-6 w-6 text-primary" />,
+      color: "00",
+    },
+    {
+      role: "releaseSigner",
+      actions: ["fundEscrow", "releasePayment"],
+      icon: <Unlock className="h-6 w-6 text-primary" />,
+      color: "",
+    },
+    {
+      role: "platformAddress",
+      actions: ["fundEscrow", "editEscrow"],
+      icon: <Settings className="h-6 w-6 text-primary" />,
+      color: "0",
+    },
+    {
+      role: "receiver",
+      actions: ["fundEscrow"],
+      icon: <DollarSign className="h-6 w-6 text-primary" />,
+      color: "",
+    },
+  ];
 
 export const actionIcons: Record<string, React.ReactNode> = {
   fundEscrow: <DollarSign className="h-6 w-6 text-primary/60" />,
@@ -160,7 +160,8 @@ export const Actions = ({
         </div>
       )}
 
-      <FundEscrowDialog />
+      {/* FundEscrow */}
+      {/* <FundEscrowDialog /> */}
     </div>
   );
 };

package/templates/escrows/details/GeneralInformation.tsx

@@ -96,7 +96,10 @@ export const GeneralInformation = ({
           <StatisticsCard
             title="Amount"
             icon={CircleDollarSign}
-            value={formatCurrency(totalAmount, selectedEscrow.trustline?.name)}
+            value={formatCurrency(
+              totalAmount,
+              selectedEscrow.trustline?.symbol
+            )}
           />
 
           <StatisticsCard
@@ -104,7 +107,7 @@ export const GeneralInformation = ({
             icon={Wallet}
             value={formatCurrency(
               selectedEscrow.balance ?? 0,
-              selectedEscrow.trustline?.name
+              selectedEscrow.trustline?.symbol
             )}
           />
         </div>
@@ -136,7 +139,7 @@ export const GeneralInformation = ({
                   <div className="flex-1 min-w-0">
                     <div className="flex items-center justify-between mb-2">
                       <span className="text-sm font-medium text-muted-foreground">
-                        {selectedEscrow.trustline?.name || "No Trustline"} |
+                        {selectedEscrow.trustline?.symbol || "No Trustline"} |
                         Escrow ID
                       </span>
                       <button
@@ -237,7 +240,7 @@ export const GeneralInformation = ({
                         <span className="font-medium">
                           {formatCurrency(
                             selectedEscrow.amount,
-                            selectedEscrow.trustline?.name
+                            selectedEscrow.trustline?.symbol
                           )}
                         </span>
                       </div>
@@ -256,7 +259,7 @@ export const GeneralInformation = ({
                           <span className="font-medium">
                             {formatCurrency(
                               Number(receiverAmount.toFixed(2)),
-                              selectedEscrow.trustline?.name
+                              selectedEscrow.trustline?.symbol
                             )}
                           </span>
                         </div>
@@ -276,7 +279,7 @@ export const GeneralInformation = ({
                           <span className="font-medium">
                             {formatCurrency(
                               Number(platformFeeAmount.toFixed(2)),
-                              selectedEscrow.trustline?.name
+                              selectedEscrow.trustline?.symbol
                             )}
                           </span>
                         </div>
@@ -297,7 +300,7 @@ export const GeneralInformation = ({
                         <span className="font-medium">
                           {formatCurrency(
                             Number(trustlessWorkAmount.toFixed(2)),
-                            selectedEscrow.trustline?.name
+                            selectedEscrow.trustline?.symbol
                           )}
                         </span>
                       </div>

package/templates/escrows/details/MilestoneCard.tsx

@@ -2,6 +2,7 @@
 import React from "react";
 import { Button } from "__UI_BASE__/button";
 import { Card, CardContent, CardHeader, CardTitle } from "__UI_BASE__/card";
+import { Tooltip, TooltipContent, TooltipTrigger } from "__UI_BASE__/tooltip";
 import {
   FileCheck2,
   Eye,
@@ -17,8 +18,8 @@ import {
   SingleReleaseMilestone,
 } from "@trustless-work/escrow";
 import { Badge } from "__UI_BASE__/badge";
-import { ChangeMilestoneStatusDialog } from "../../single-multi-release/change-milestone-status/dialog/ChangeMilestoneStatus";
-import { ApproveMilestoneButton } from "../../single-multi-release/approve-milestone/button/ApproveMilestone";
+// import { ChangeMilestoneStatusDialog } from "../../single-multi-release/change-milestone-status/dialog/ChangeMilestoneStatus";
+// import { ApproveMilestoneButton } from "../../single-multi-release/approve-milestone/button/ApproveMilestone";
 import { formatCurrency } from "@/components/tw-blocks/helpers/format.helper";
 
 interface MilestoneCardProps {
@@ -107,10 +108,10 @@ const MilestoneCardComponent = ({
       !("flags" in milestone && milestone.flags?.approved)
     ) {
       buttons.push(
-        <ChangeMilestoneStatusDialog
-          key={`change-status-${milestoneIndex}`}
-          milestoneIndex={milestoneIndex}
-        />
+        // <ChangeMilestoneStatusDialog
+        //   key={`change-status-${milestoneIndex}`}
+        //   milestoneIndex={milestoneIndex}
+        // />
       );
     }
 
@@ -124,10 +125,10 @@ const MilestoneCardComponent = ({
           !milestone.flags?.resolved))
     ) {
       buttons.push(
-        <ApproveMilestoneButton
-          key={`approve-${milestoneIndex}`}
-          milestoneIndex={milestoneIndex}
-        />
+        // <ApproveMilestoneButton
+        //   key={`approve-${milestoneIndex}`}
+        //   milestoneIndex={milestoneIndex}
+        // />
       );
     }
 
@@ -190,11 +191,22 @@ const MilestoneCardComponent = ({
       className="hover:shadow-lg transition-all duration-200"
     >
       <CardHeader className="pb-4">
-        <div className="flex items-center justify-between">
-          <CardTitle className="text-base font-semibold text-foreground truncate">
-            {milestone.description}
-          </CardTitle>
-          {getMilestoneStatusBadge(milestone)}
+        <div className="flex items-center justify-between gap-2 min-w-0">
+          <div className="min-w-0 flex-1 overflow-hidden">
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <CardTitle className="text-base font-semibold text-foreground truncate block">
+                  {milestone.description}
+                </CardTitle>
+              </TooltipTrigger>
+              <TooltipContent side="top" className="max-w-[min(20rem,90vw)]">
+                {milestone.description}
+              </TooltipContent>
+            </Tooltip>
+          </div>
+          <div className="flex-shrink-0">
+            {getMilestoneStatusBadge(milestone)}
+          </div>
         </div>
       </CardHeader>
 
@@ -202,7 +214,10 @@ const MilestoneCardComponent = ({
         {"amount" in milestone && (
           <div className="flex items-center gap-2 py-2">
             <span className="text-2xl font-bold text-foreground">
-              {formatCurrency(milestone.amount, selectedEscrow.trustline?.name)}
+              {formatCurrency(
+                milestone.amount,
+                selectedEscrow.trustline?.symbol
+              )}
             </span>
           </div>
         )}

package/templates/escrows/details/MilestoneDetailDialog.tsx

@@ -178,7 +178,7 @@ export const MilestoneDetailDialog = ({
               <span className="font-bold text-foreground">
                 {formatCurrency(
                   selectedMilestone.milestone.amount,
-                  selectedEscrow?.trustline?.name ?? "USDC"
+                  selectedEscrow?.trustline?.symbol ?? "USDC"
                 )}
               </span>
             </div>
@@ -268,7 +268,7 @@ export const MilestoneDetailDialog = ({
                     <p className="text-sm font-medium text-red-700 dark:text-red-300">
                       <span className="font-bold">Disputed by:</span>{" "}
                       {selectedMilestone.milestone.disputeStartedBy ===
-                      "serviceProvider"
+                        "serviceProvider"
                         ? "Service Provider"
                         : "Approver"}
                     </p>

package/templates/escrows/details/SuccessReleaseDialog.tsx

@@ -35,7 +35,7 @@ export const SuccessReleaseDialog = ({
   const trustlessPercentage = 0.3;
   const receiverPercentage = 100 - (platformFee + trustlessPercentage);
 
-  const currency = selectedEscrow?.trustline?.name ?? "";
+  const currency = selectedEscrow?.trustline?.symbol ?? "";
 
   const cards = useMemo<
     Array<{

package/templates/escrows/details/useDetailsEscrow.ts

@@ -3,7 +3,7 @@ import {
   GetEscrowsFromIndexerResponse as Escrow,
   MultiReleaseMilestone,
 } from "@trustless-work/escrow/types";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { useEscrowAmountContext } from "@/components/tw-blocks/providers/EscrowAmountProvider";
 

package/templates/escrows/escrows-by-role/cards/EscrowsCards.tsx

@@ -293,7 +293,7 @@ export const EscrowsByRoleCards = () => {
                               {escrow.type === "single-release"
                                 ? formatCurrency(
                                     escrow.amount,
-                                    escrow.trustline.name
+                                    escrow.trustline.symbol
                                   )
                                 : formatCurrency(
                                     escrow.milestones.reduce(
@@ -303,7 +303,7 @@ export const EscrowsByRoleCards = () => {
                                           .amount,
                                       0
                                     ),
-                                    escrow.trustline.name
+                                    escrow.trustline.symbol
                                   )}
                             </span>
                           </div>
@@ -316,7 +316,7 @@ export const EscrowsByRoleCards = () => {
                               <span className="font-medium text-green-800 dark:text-green-600">
                                 {formatCurrency(
                                   escrow.balance,
-                                  escrow.trustline.name
+                                  escrow.trustline.symbol
                                 )}
                               </span>
                             </div>
@@ -362,7 +362,7 @@ export const EscrowsByRoleCards = () => {
                                             <span className="text-muted-foreground">
                                               {formatCurrency(
                                                 milestone.amount,
-                                                escrow.trustline.name
+                                                escrow.trustline.symbol
                                               )}
                                             </span>
 

package/templates/escrows/escrows-by-role/table/EscrowsTable.tsx

@@ -160,9 +160,9 @@ export const EscrowsByRoleTable = () => {
         cell: ({ row }) => (
           <span
             className="max-w-[220px] truncate block"
-            title={`${row.original.trustline.name} (${row.original.trustline.address})`}
+            title={`${row.original.trustline.symbol} (${row.original.trustline.address})`}
           >
-            {row.original.trustline.name}
+            {row.original.trustline.symbol}
           </span>
         ),
       },

package/templates/escrows/escrows-by-role/useEscrowsByRole.shared.ts

@@ -5,7 +5,7 @@ import { startOfDay, endOfDay, format } from "date-fns";
 import type { DateRange as DayPickerDateRange } from "react-day-picker";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import type { SortingState } from "@tanstack/react-table";
-import { useWalletContext } from "../../wallet-kit/WalletProvider";
+import { useWalletContext } from "../../providers/WalletProvider";
 import { useEscrowsByRoleQuery } from "../../tanstack/useEscrowsByRoleQuery";
 import type { GetEscrowsFromIndexerByRoleParams } from "@trustless-work/escrow";
 import { GetEscrowsFromIndexerResponse as Escrow } from "@trustless-work/escrow/types";

package/templates/escrows/escrows-by-signer/cards/EscrowsCards.tsx

@@ -281,7 +281,7 @@ export const EscrowsBySignerCards = () => {
                               {escrow.type === "single-release"
                                 ? formatCurrency(
                                     escrow.amount,
-                                    escrow.trustline.name
+                                    escrow.trustline.symbol
                                   )
                                 : formatCurrency(
                                     escrow.milestones.reduce(
@@ -291,7 +291,7 @@ export const EscrowsBySignerCards = () => {
                                           .amount,
                                       0
                                     ),
-                                    escrow.trustline.name
+                                    escrow.trustline.symbol
                                   )}
                             </span>
                           </div>
@@ -304,7 +304,7 @@ export const EscrowsBySignerCards = () => {
                               <span className="font-medium text-green-800 dark:text-green-600">
                                 {formatCurrency(
                                   escrow.balance,
-                                  escrow.trustline.name
+                                  escrow.trustline.symbol
                                 )}
                               </span>
                             </div>
@@ -350,7 +350,7 @@ export const EscrowsBySignerCards = () => {
                                             <span className="text-muted-foreground">
                                               {formatCurrency(
                                                 milestone.amount,
-                                                escrow.trustline.name
+                                                escrow.trustline.symbol
                                               )}
                                             </span>
 

package/templates/escrows/escrows-by-signer/table/EscrowsTable.tsx

@@ -150,9 +150,9 @@ export const EscrowsBySignerTable = () => {
         cell: ({ row }) => (
           <span
             className="max-w-[220px] truncate block"
-            title={`${row.original.trustline.name} (${row.original.trustline.address})`}
+            title={`${row.original.trustline.symbol} (${row.original.trustline.address})`}
           >
-            {row.original.trustline.name}
+            {row.original.trustline.symbol}
           </span>
         ),
       },

package/templates/escrows/escrows-by-signer/useEscrowsBySigner.shared.ts

@@ -5,7 +5,7 @@ import { startOfDay, endOfDay, format } from "date-fns";
 import type { DateRange as DayPickerDateRange } from "react-day-picker";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import type { SortingState } from "@tanstack/react-table";
-import { useWalletContext } from "../../wallet-kit/WalletProvider";
+import { useWalletContext } from "../../providers/WalletProvider";
 import { useEscrowsBySignerQuery } from "../../tanstack/useEscrowsBySignerQuery";
 import { GetEscrowsFromIndexerResponse as Escrow } from "@trustless-work/escrow/types";
 

package/templates/escrows/multi-release/dispute-milestone/button/DisputeMilestone.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Button } from "__UI_BASE__/button";
 import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 import {
   MultiReleaseStartDisputePayload,
   MultiReleaseMilestone,

package/templates/escrows/multi-release/dispute-milestone/shared/useDisputeMilestone.ts

@@ -16,7 +16,7 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 
 export function useDisputeMilestone({
   onSuccess,

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

@@ -8,7 +8,7 @@ import {
   InitializeMultiReleaseEscrowResponse,
 } from "@trustless-work/escrow/types";
 import { toast } from "sonner";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,

package/templates/escrows/multi-release/release-milestone/button/ReleaseMilestone.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Button } from "__UI_BASE__/button";
 import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 import {
   MultiReleaseReleaseFundsPayload,
   MultiReleaseMilestone,

package/templates/escrows/multi-release/release-milestone/shared/useReleaseMilestone.ts

@@ -16,7 +16,7 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 import { useEscrowDialogs } from "@/components/tw-blocks/providers/EscrowDialogsProvider";
 import { useEscrowAmountContext } from "@/components/tw-blocks/providers/EscrowAmountProvider";
 

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Button } from "__UI_BASE__/button";
 import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 import {
   MultiReleaseResolveDisputePayload,
   MultiReleaseMilestone,

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

@@ -204,7 +204,7 @@ export const ResolveDisputeDialog = ({
                   <span className="font-bold">Total Balance: </span>
                   {formatCurrency(
                     selectedEscrow?.balance || 0,
-                    selectedEscrow?.trustline.name || ""
+                    selectedEscrow?.trustline.symbol || ""
                   )}
                 </p>
               </div>

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

@@ -184,7 +184,7 @@ export const ResolveDisputeForm = ({
               <span className="font-bold">Total Balance: </span>
               {formatCurrency(
                 selectedEscrow?.balance || 0,
-                selectedEscrow?.trustline.name || ""
+                selectedEscrow?.trustline.symbol || ""
               )}
             </p>
           </div>

package/templates/escrows/multi-release/resolve-dispute/shared/useResolveDispute.ts

@@ -13,11 +13,13 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 
 type DistributionInput = { address: string; amount: string | number };
 
-export function useResolveDispute({ onSuccess }: { onSuccess?: () => void } = {}) {
+export function useResolveDispute({
+  onSuccess,
+}: { onSuccess?: () => void } = {}) {
   const { resolveDispute } = useEscrowsMutations();
   const { selectedEscrow, updateEscrow } = useEscrowContext();
   const { walletAddress } = useWalletContext();
@@ -50,7 +52,12 @@ export function useResolveDispute({ onSuccess }: { onSuccess?: () => void } = {}
     const idx = Number(milestoneIndexWatch);
     const milestones = selectedEscrow.milestones as MultiReleaseMilestone[];
     const m = milestones?.[idx];
-    return Number((m?.amount as unknown as number) || 0);
+    const amount = m?.amount;
+    // Handle both string and number types
+    if (amount === undefined || amount === null) return 0;
+    const numAmount =
+      typeof amount === "string" ? Number(amount) : Number(amount);
+    return isNaN(numAmount) ? 0 : numAmount;
   }, [selectedEscrow, milestoneIndexWatch]);
 
   const distributions = form.watch("distributions") as DistributionInput[];
@@ -63,11 +70,22 @@ export function useResolveDispute({ onSuccess }: { onSuccess?: () => void } = {}
   }, [distributions]);
 
   const isExactMatch = React.useMemo(() => {
-    return Number(allowedAmount) === Number(distributedSum);
+    const allowed = Number(allowedAmount);
+    const distributed = Number(distributedSum);
+    // Use epsilon comparison for floating point numbers
+    // Round to 2 decimal places to avoid precision issues
+    const roundedAllowed = Math.round(allowed * 100) / 100;
+    const roundedDistributed = Math.round(distributed * 100) / 100;
+    return Math.abs(roundedAllowed - roundedDistributed) < 0.01;
   }, [allowedAmount, distributedSum]);
 
   const difference = React.useMemo(() => {
-    return Math.abs(Number(allowedAmount) - Number(distributedSum));
+    const allowed = Number(allowedAmount);
+    const distributed = Number(distributedSum);
+    // Round to 2 decimal places to avoid precision issues
+    const roundedAllowed = Math.round(allowed * 100) / 100;
+    const roundedDistributed = Math.round(distributed * 100) / 100;
+    return Math.abs(roundedAllowed - roundedDistributed);
   }, [allowedAmount, distributedSum]);
 
   const [isSubmitting, setIsSubmitting] = React.useState(false);

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

@@ -8,6 +8,9 @@ export const useUpdateEscrowSchema = () => {
         address: z.string().min(1, {
           message: "Trustline address is required.",
         }),
+        symbol: z.string().min(1, {
+          message: "Trustline symbol is required.",
+        }),
       }),
       roles: z.object({
         approver: z

package/templates/escrows/multi-release/update-escrow/shared/useUpdateEscrow.ts

@@ -10,7 +10,7 @@ import {
 } from "@trustless-work/escrow/types";
 import { toast } from "sonner";
 import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,
@@ -47,7 +47,6 @@ export function useUpdateEscrow({
         | undefined,
       trustline: {
         address: selectedEscrow?.trustline?.address || "",
-        symbol: selectedEscrow?.trustline?.name || "",
       },
       roles: {
         approver: selectedEscrow?.roles?.approver || "",
@@ -87,7 +86,6 @@ export function useUpdateEscrow({
           | undefined) || "",
       trustline: {
         address: selectedEscrow?.trustline?.address || "",
-        symbol: selectedEscrow?.trustline?.name || "",
       },
       roles: {
         approver: selectedEscrow?.roles?.approver || "",
@@ -207,9 +205,10 @@ export function useUpdateEscrow({
               : payload.platformFee,
           trustline: {
             address: payload.trustline.address,
+            symbol: payload.trustline.symbol,
           },
           roles: payload.roles,
-          milestones: payload.milestones.map((milestone, index) => ({
+          milestones: payload.milestones.map((milestone, index: number) => ({
             ...milestone,
             amount:
               typeof milestone.amount === "string"
@@ -240,10 +239,7 @@ export function useUpdateEscrow({
         ...selectedEscrow,
         ...finalPayload.escrow,
         trustline: {
-          name:
-            selectedEscrow.trustline?.name ||
-            (selectedEscrow.trustline?.address as string) ||
-            "",
+          symbol: selectedEscrow?.trustline?.symbol || "",
           address: finalPayload.escrow.trustline.address,
         },
       };

package/templates/escrows/multi-release/withdraw-remaining-funds/button/WithdrawRemainingFunds.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Button } from "__UI_BASE__/button";
 import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
-import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
+import { useWalletContext } from "@/components/tw-blocks/providers/WalletProvider";
 import { WithdrawRemainingFundsPayload } from "@trustless-work/escrow/types";
 import { toast } from "sonner";
 import {

package/templates/escrows/multi-release/withdraw-remaining-funds/dialog/WithdrawRemainingFunds.tsx

@@ -145,7 +145,7 @@ export const WithdrawRemainingFundsDialog = () => {
                   <span className="font-bold">Total Balance: </span>
                   {formatCurrency(
                     selectedEscrow?.balance || 0,
-                    selectedEscrow?.trustline.name || ""
+                    selectedEscrow?.trustline.symbol || ""
                   )}
                 </p>
               </div>