@trustless-work/blocks 0.0.3 → 0.0.4

package/README.md

@@ -115,7 +115,7 @@ This library works with any state solution. It exposes React Context providers a
 
 ```tsx
 // Fetch escrows by role
-import { useEscrowsByRoleQuery } from "@/components/tw-blocks/tanstak/useEscrowsByRoleQuery";
+import { useEscrowsByRoleQuery } from "@/components/tw-blocks/tanstack/useEscrowsByRoleQuery";
 
 export function MyEscrows({ roleAddress }: { roleAddress: string }) {
   const { data, isLoading, isError, refetch } = useEscrowsByRoleQuery({
@@ -134,7 +134,7 @@ export function MyEscrows({ roleAddress }: { roleAddress: string }) {
 }
 
 // Mutations (deploy/fund/update/approve/change-status/release/dispute/resolve)
-import { useEscrowsMutations } from "@/components/tw-blocks/tanstak/useEscrowsMutations";
+import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 
 export function DeployButton({ address }: { address: string }) {
   const { deployEscrow } = useEscrowsMutations();
@@ -167,7 +167,7 @@ npx trustless-work add providers
 npx trustless-work add wallet-kit
 npx trustless-work add handle-errors
 npx trustless-work add helpers
-npx trustless-work add tanstak
+npx trustless-work add tanstack
 npx trustless-work add escrows
 
 # Escrow context providers

package/bin/index.js

@@ -1068,7 +1068,7 @@ if (args[0] === "init") {
   trustless-work add helpers
   
   --- Tanstack ---
-  trustless-work add tanstak
+  trustless-work add tanstack
   
   --- Escrows ---
   trustless-work add escrows

package/package.json

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

package/templates/escrows/details/EscrowDetailDialog.tsx

@@ -59,7 +59,7 @@ const EscrowDetailDialog = ({
   return (
     <>
       <Dialog open={isDialogOpen} onOpenChange={handleClose}>
-        <DialogContent className="w-11/12 sm:w-3/4 h-[95vh] overflow-hidden flex flex-col !max-w-none">
+        <DialogContent className="!w-full sm:!max-w-4xl max-h-[95vh] overflow-y-auto">
           <DialogHeader className="flex-shrink-0">
             <div className="w-full">
               <div className="flex flex-col gap-2">

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

@@ -155,9 +155,11 @@ export function EscrowsByRoleCards() {
           setOrderDirection={(v) => setOrderDirection(v)}
         />
 
-        <div className="w-full p-2 sm:p-4">
+        <div className="w-full py-2 sm:py-4">
           <div className="mb-2 sm:mb-3 flex items-center justify-end gap-2">
-            <span className="text-xs text-muted-foreground">Sort</span>
+            <span className="hidden sm:block text-xs text-muted-foreground">
+              Sort
+            </span>
             <Button
               className="cursor-pointer"
               variant={sortField === "createdAt" ? "default" : "outline"}

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

@@ -239,7 +239,7 @@ export function EscrowsByRoleTable() {
           setOrderDirection={(v) => setOrderDirection(v)}
         />
 
-        <Card className="w-full p-2 sm:p-4">
+        <Card className="w-full py-2 sm:py-4">
           <div className="mt-2 sm:mt-4 overflow-x-auto">
             <Table>
               <TableHeader>

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

@@ -6,7 +6,7 @@ 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 { useEscrowsByRoleQuery } from "../../tanstak/useEscrowsByRoleQuery";
+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

@@ -151,9 +151,11 @@ export function EscrowsBySignerCards() {
           setOrderDirection={(v) => setOrderDirection(v)}
         />
 
-        <div className="w-full p-2 sm:p-4">
+        <div className="w-full py-2 sm:py-4">
           <div className="mb-2 sm:mb-3 flex items-center justify-end gap-2">
-            <span className="text-xs text-muted-foreground">Sort</span>
+            <span className="hidden sm:block text-xs text-muted-foreground">
+              Sort
+            </span>
             <Button
               className="cursor-pointer"
               variant={sortField === "createdAt" ? "default" : "outline"}

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

@@ -234,7 +234,7 @@ export function EscrowsBySignerTable() {
           setOrderDirection={(v) => setOrderDirection(v)}
         />
 
-        <Card className="w-full p-2 sm:p-4">
+        <Card className="w-full py-2 sm:py-4">
           <div className="mt-2 sm:mt-4 overflow-x-auto">
             <Table>
               <TableHeader>

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

@@ -6,7 +6,7 @@ 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 { useEscrowsBySignerQuery } from "../../tanstak/useEscrowsBySignerQuery";
+import { useEscrowsBySignerQuery } from "../../tanstack/useEscrowsBySignerQuery";
 import { GetEscrowsFromIndexerResponse as Escrow } from "@trustless-work/escrow/types";
 
 export type EscrowOrderBy = "createdAt" | "updatedAt" | "amount";

package/templates/escrows/single-release/approve-milestone/button/ApproveMilestone.tsx

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

package/templates/escrows/single-release/approve-milestone/shared/useApproveMilestone.ts

@@ -5,7 +5,7 @@ import { approveMilestoneSchema, type ApproveMilestoneValues } from "./schema";
 import { toast } from "sonner";
 import { ApproveMilestonePayload } from "@trustless-work/escrow";
 import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
-import { useEscrowsMutations } from "@/components/tw-blocks/tanstak/useEscrowsMutations";
+import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,
   handleError,

package/templates/escrows/single-release/change-milestone-status/button/ChangeMilestoneStatus.tsx

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

package/templates/escrows/single-release/change-milestone-status/shared/useChangeMilestoneStatus.ts

@@ -8,7 +8,7 @@ import {
 import { toast } from "sonner";
 import { ChangeMilestoneStatusPayload } from "@trustless-work/escrow";
 import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
-import { useEscrowsMutations } from "@/components/tw-blocks/tanstak/useEscrowsMutations";
+import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,
   handleError,

package/templates/escrows/single-release/dispute-escrow/button/DisputeEscrow.tsx

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

package/templates/escrows/single-release/fund-escrow/button/FundEscrow.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Button } from "__UI_BASE__/button";
-import { useEscrowsMutations } from "@/components/tw-blocks/tanstak/useEscrowsMutations";
+import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
 import { FundEscrowPayload } from "@trustless-work/escrow/types";
 import { toast } from "sonner";
@@ -9,18 +9,13 @@ import {
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
 import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
-import { cn } from "@/lib/utils";
 import { Loader2 } from "lucide-react";
 
 type FundEscrowButtonProps = {
   amount: number;
-  className?: string;
 };
 
-export default function FundEscrowButton({
-  amount,
-  className,
-}: FundEscrowButtonProps) {
+export default function FundEscrowButton({ amount }: FundEscrowButtonProps) {
   const { fundEscrow } = useEscrowsMutations();
   const { selectedEscrow, updateEscrow } = useEscrowContext();
   const { walletAddress } = useWalletContext();
@@ -69,7 +64,7 @@ export default function FundEscrowButton({
       type="button"
       disabled={isSubmitting}
       onClick={handleClick}
-      className={cn(className, "cursor-pointer w-full")}
+      className="cursor-pointer w-full"
     >
       {isSubmitting ? (
         <div className="flex items-center">

package/templates/escrows/single-release/fund-escrow/form/FundEscrow.tsx

@@ -17,7 +17,7 @@ export default function FundEscrowForm() {
 
   return (
     <Form {...form}>
-      <form onSubmit={handleSubmit}>
+      <form onSubmit={handleSubmit} className="flex flex-col space-y-6 w-full">
         <FormField
           control={form.control}
           name="amount"

package/templates/escrows/single-release/fund-escrow/shared/useFundEscrow.ts

@@ -5,7 +5,7 @@ import { fundEscrowSchema, type FundEscrowValues } from "./schema";
 import { toast } from "sonner";
 import { FundEscrowPayload } from "@trustless-work/escrow";
 import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
-import { useEscrowsMutations } from "@/components/tw-blocks/tanstak/useEscrowsMutations";
+import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,
   handleError,

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

@@ -84,7 +84,7 @@ export function InitializeEscrowDialog() {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <Button type="button" className="cursor-pointer">
+        <Button type="button" className="cursor-pointer w-full">
           Initialize
         </Button>
       </DialogTrigger>

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

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

package/templates/escrows/single-release/release-escrow/button/ReleaseEscrow.tsx

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

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

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

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

@@ -17,7 +17,7 @@ export default function ResolveDisputeForm() {
 
   return (
     <Form {...form}>
-      <form onSubmit={handleSubmit}>
+      <form onSubmit={handleSubmit} className="flex flex-col space-y-6 w-full">
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
           <FormField
             control={form.control}

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

@@ -5,7 +5,7 @@ import { resolveDisputeSchema, type ResolveDisputeValues } from "./schema";
 import { toast } from "sonner";
 import { SingleReleaseResolveDisputePayload } from "@trustless-work/escrow";
 import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
-import { useEscrowsMutations } from "@/components/tw-blocks/tanstak/useEscrowsMutations";
+import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,
   handleError,

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

@@ -10,7 +10,7 @@ import {
 import { toast } from "sonner";
 import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
 import { useWalletContext } from "@/components/tw-blocks/wallet-kit/WalletProvider";
-import { useEscrowsMutations } from "@/components/tw-blocks/tanstak/useEscrowsMutations";
+import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,
   handleError,