@trustless-work/blocks 0.0.6 → 0.0.7

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

@@ -101,8 +101,8 @@ export function useEscrowsBySigner() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  const debouncedSearchParams = useDebouncedValue(
-    {
+  const stableSearchParams = React.useMemo(
+    () => ({
       page,
       orderBy,
       orderDirection,
@@ -118,10 +118,28 @@ export function useEscrowsBySigner() {
         ? startOfDay(dateRange.from).toISOString()
         : undefined,
       endDate: dateRange.to ? endOfDay(dateRange.to).toISOString() : undefined,
-    },
-    200
+    }),
+    [
+      page,
+      orderBy,
+      orderDirection,
+      debouncedTitle,
+      debouncedEngagementId,
+      isActive,
+      validateOnChain,
+      type,
+      status,
+      debouncedMinAmount,
+      debouncedMaxAmount,
+      dateRange.from,
+      dateRange.to,
+    ]
   );
 
+  const debouncedSearchParams = useDebouncedValue(stableSearchParams, 200);
+
+  const lastQueryStringRef = React.useRef("");
+
   React.useEffect(() => {
     if (!pathname) return;
     const qp = new URLSearchParams();
@@ -137,8 +155,10 @@ export function useEscrowsBySigner() {
       qp.set("engagementId", debouncedSearchParams.engagementId);
     qp.set("isActive", String(debouncedSearchParams.isActive));
     qp.set("validateOnChain", String(debouncedSearchParams.validateOnChain));
-    if (type && type !== "all") qp.set("type", type);
-    if (status && status !== "all") qp.set("status", status);
+    if (debouncedSearchParams.type && debouncedSearchParams.type !== "all")
+      qp.set("type", debouncedSearchParams.type);
+    if (debouncedSearchParams.status && debouncedSearchParams.status !== "all")
+      qp.set("status", debouncedSearchParams.status);
     if (debouncedSearchParams.minAmount)
       qp.set("minAmount", String(debouncedSearchParams.minAmount));
     if (debouncedSearchParams.maxAmount)
@@ -147,25 +167,12 @@ export function useEscrowsBySigner() {
       qp.set("startDate", String(debouncedSearchParams.startDate));
     if (debouncedSearchParams.endDate)
       qp.set("endDate", String(debouncedSearchParams.endDate));
-
-    router.replace(`${pathname}?${qp.toString()}`);
-  }, [
-    pathname,
-    router,
-    debouncedSearchParams.page,
-    debouncedSearchParams.orderBy,
-    debouncedSearchParams.orderDirection,
-    debouncedSearchParams.title,
-    debouncedSearchParams.engagementId,
-    debouncedSearchParams.isActive,
-    debouncedSearchParams.validateOnChain,
-    type,
-    status,
-    debouncedSearchParams.minAmount,
-    debouncedSearchParams.maxAmount,
-    debouncedSearchParams.startDate,
-    debouncedSearchParams.endDate,
-  ]);
+    const newQs = qp.toString();
+    if (lastQueryStringRef.current !== newQs) {
+      lastQueryStringRef.current = newQs;
+      router.replace(`${pathname}?${newQs}`);
+    }
+  }, [pathname, router, debouncedSearchParams]);
 
   const formattedRangeLabel = React.useMemo(() => {
     if (!dateRange?.from && !dateRange?.to) return "Date range";

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

@@ -8,7 +8,7 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { Loader2 } from "lucide-react";
 
 type ApproveMilestoneButtonProps = {

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

@@ -17,7 +17,7 @@ import {
 } from "__UI_BASE__/dialog";
 import { Loader2 } from "lucide-react";
 import { useApproveMilestone } from "./useApproveMilestone";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import {
   Select,
   SelectContent,

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

@@ -10,7 +10,7 @@ import {
 import { Button } from "__UI_BASE__/button";
 import { useApproveMilestone } from "./useApproveMilestone";
 import { Loader2 } from "lucide-react";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import {
   Select,
   SelectContent,

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

@@ -4,7 +4,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { approveMilestoneSchema, type ApproveMilestoneValues } from "./schema";
 import { toast } from "sonner";
 import { ApproveMilestonePayload } from "@trustless-work/escrow";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,

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

@@ -8,7 +8,7 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { Loader2 } from "lucide-react";
 
 type ChangeMilestoneStatusButtonProps = {

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

@@ -19,7 +19,7 @@ import {
 } from "__UI_BASE__/dialog";
 import { Loader2 } from "lucide-react";
 import { useChangeMilestoneStatus } from "./useChangeMilestoneStatus";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import {
   Select,
   SelectContent,

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

@@ -12,7 +12,7 @@ import { Textarea } from "__UI_BASE__/textarea";
 import { Button } from "__UI_BASE__/button";
 import { useChangeMilestoneStatus } from "./useChangeMilestoneStatus";
 import { Loader2 } from "lucide-react";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import {
   Select,
   SelectContent,

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

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

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

@@ -8,7 +8,7 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { Loader2 } from "lucide-react";
 
 export default function DisputeEscrowButton() {

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

@@ -8,7 +8,7 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { Loader2 } from "lucide-react";
 
 type FundEscrowButtonProps = {

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

@@ -4,7 +4,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { fundEscrowSchema, type FundEscrowValues } from "./schema";
 import { toast } from "sonner";
 import { FundEscrowPayload } from "@trustless-work/escrow";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,

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

@@ -14,7 +14,7 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 
 export function useInitializeEscrow() {
   const [isSubmitting, setIsSubmitting] = React.useState(false);

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

@@ -8,9 +8,9 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
-import { useEscrowDialogs } from "../../../escrow-context/EscrowDialogsProvider";
-import { useEscrowAmountContext } from "../../../escrow-context/EscrowAmountProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
+import { useEscrowDialogs } from "@/components/tw-blocks/providers/EscrowDialogsProvider";
+import { useEscrowAmountContext } from "@/components/tw-blocks/providers/EscrowAmountProvider";
 import { Loader2 } from "lucide-react";
 
 export default function ReleaseEscrowButton() {

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

@@ -8,7 +8,7 @@ import {
   ErrorResponse,
   handleError,
 } from "@/components/tw-blocks/handle-errors/handle";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { Loader2 } from "lucide-react";
 
 type ResolveDisputeButtonProps = {

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

@@ -18,7 +18,7 @@ import {
 } from "__UI_BASE__/dialog";
 import { Loader2 } from "lucide-react";
 import { useResolveDispute } from "./useResolveDispute";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 
 export default function ResolveDisputeDialog() {
   const { form, handleSubmit, isSubmitting } = useResolveDispute();

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

@@ -4,7 +4,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { resolveDisputeSchema, type ResolveDisputeValues } from "./schema";
 import { toast } from "sonner";
 import { SingleReleaseResolveDisputePayload } from "@trustless-work/escrow";
-import { useEscrowContext } from "../../../escrow-context/EscrowProvider";
+import { useEscrowContext } from "@/components/tw-blocks/providers/EscrowProvider";
 import { useEscrowsMutations } from "@/components/tw-blocks/tanstack/useEscrowsMutations";
 import {
   ErrorResponse,