From e359d7f9f3d01189bf904757c7a913941c9be4cd Mon Sep 17 00:00:00 2001
From: Bernardo Codesido <bernardo@iovlabs.org>
Date: Fri, 25 Oct 2024 15:58:51 -0300
Subject: [PATCH 001/115] Add dependency review

---
 .github/workflows/dependency_review.yml | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 .github/workflows/dependency_review.yml

diff --git a/.github/workflows/dependency_review.yml b/.github/workflows/dependency_review.yml
new file mode 100644
index 00000000..eadb2edf
--- /dev/null
+++ b/.github/workflows/dependency_review.yml
@@ -0,0 +1,20 @@
+name: 'Dependency Review'
+on: [pull_request]
+
+permissions: read-all
+
+jobs:
+  dependency-review:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: write
+    steps:
+      - name: 'Checkout Repository'
+        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+
+      - name: 'Dependency Review'
+        uses: actions/dependency-review-action@a6993e2c61fd5dc440b409aa1d6904921c5e1894 # v4.3.5
+        with:
+          fail-on-severity: high
+          comment-summary-in-pr: true

From 1e637c279a095cedac5b54992638232baf052137 Mon Sep 17 00:00:00 2001
From: LordCheta <chinaechetam.maduabuchi@iovlabs.org>
Date: Tue, 29 Oct 2024 09:06:27 +0100
Subject: [PATCH 002/115] fix: make left bottom info in left side bar fixed and
 sticky

---
 src/components/LeftSidebar/LeftSidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LeftSidebar/LeftSidebar.tsx b/src/components/LeftSidebar/LeftSidebar.tsx
index 63532227..b557a0eb 100644
--- a/src/components/LeftSidebar/LeftSidebar.tsx
+++ b/src/components/LeftSidebar/LeftSidebar.tsx
@@ -12,7 +12,7 @@ export const LeftSidebar = ({
       <div className="mt-[42px]">
         <SidebarButtons onClick={onSidebarButtonClick} activeButton={activeButton} />
       </div>
-      <div className="mb-4">
+      <div className="mb-4 bottom-0 left-0 sticky">
         <UsefulLinks />
         {ConnectedComponent && ConnectedComponent}
       </div>

From 9edff2d032f86d8f48048adde5042c7602977bc0 Mon Sep 17 00:00:00 2001
From: LordCheta <chinaechetam.maduabuchi@iovlabs.org>
Date: Tue, 29 Oct 2024 16:37:06 +0100
Subject: [PATCH 003/115] fix: implement correct render for smaller screens

---
 src/components/LeftSidebar/SidebarButtons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LeftSidebar/SidebarButtons.tsx b/src/components/LeftSidebar/SidebarButtons.tsx
index c51c1d61..b4b720bd 100644
--- a/src/components/LeftSidebar/SidebarButtons.tsx
+++ b/src/components/LeftSidebar/SidebarButtons.tsx
@@ -1,7 +1,7 @@
 import { Button } from '@/components/Button'
 import { SidebarButtonsProps } from '@/components/LeftSidebar/types'
 
-const DEFAULT_BUTTON_CLASSNAME = 'mb-[32px] pl-11'
+const DEFAULT_BUTTON_CLASSNAME = 'mb-[32px] pl-11 md:mb-[15px]'
 
 const START_ICON_CLASSES = 'left-[-28px] top-[2px]'
 

From 999671922b896bbad10f18075702318ec52dd62d Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <francisngg@gmail.com>
Date: Tue, 29 Oct 2024 11:39:15 -0400
Subject: [PATCH 004/115] Revert "fix: implement correct render for smaller
 screens"

This reverts commit c68c425f278cb8eaa267887770b605777e43651e.
---
 src/components/LeftSidebar/SidebarButtons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LeftSidebar/SidebarButtons.tsx b/src/components/LeftSidebar/SidebarButtons.tsx
index b4b720bd..c51c1d61 100644
--- a/src/components/LeftSidebar/SidebarButtons.tsx
+++ b/src/components/LeftSidebar/SidebarButtons.tsx
@@ -1,7 +1,7 @@
 import { Button } from '@/components/Button'
 import { SidebarButtonsProps } from '@/components/LeftSidebar/types'
 
-const DEFAULT_BUTTON_CLASSNAME = 'mb-[32px] pl-11 md:mb-[15px]'
+const DEFAULT_BUTTON_CLASSNAME = 'mb-[32px] pl-11'
 
 const START_ICON_CLASSES = 'left-[-28px] top-[2px]'
 

From d4c7ac7f4c0c8ebbcfe95a4d5a509169ea1dfdae Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <francisngg@gmail.com>
Date: Tue, 29 Oct 2024 11:43:21 -0400
Subject: [PATCH 005/115] Implemented sidebar from the design

---
 src/components/LeftSidebar/LeftSidebar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/LeftSidebar/LeftSidebar.tsx b/src/components/LeftSidebar/LeftSidebar.tsx
index b557a0eb..f7488d0e 100644
--- a/src/components/LeftSidebar/LeftSidebar.tsx
+++ b/src/components/LeftSidebar/LeftSidebar.tsx
@@ -8,12 +8,14 @@ export const LeftSidebar = ({
   ConnectedComponent,
 }: LeftSidebarProps) => {
   return (
-    <aside className="min-h-screen w-[300px] border border-input-bg px-6 border-b-0 flex flex-col justify-between whitespace-nowrap bg-foreground">
+    <aside className="h-[1024px] w-[300px] border border-input-bg px-6 border-b-0 flex flex-col whitespace-nowrap bg-foreground">
       <div className="mt-[42px]">
         <SidebarButtons onClick={onSidebarButtonClick} activeButton={activeButton} />
       </div>
-      <div className="mb-4 bottom-0 left-0 sticky">
-        <UsefulLinks />
+      <div className="h-full flex flex-col">
+        <div className="flex-1">
+          <UsefulLinks />
+        </div>
         {ConnectedComponent && ConnectedComponent}
       </div>
     </aside>

From 01fdd228d727b2971210d3ccf1f19b40de87fc5f Mon Sep 17 00:00:00 2001
From: LordCheta <chinaechetam.maduabuchi@iovlabs.org>
Date: Tue, 29 Oct 2024 17:46:11 +0100
Subject: [PATCH 006/115] fix: implement correct render of sidebar

---
 src/components/LeftSidebar/LeftSidebar.tsx     | 8 +++-----
 src/components/LeftSidebar/SidebarButtons.tsx  | 2 +-
 src/components/MainContainer/MainContainer.tsx | 2 +-
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/LeftSidebar/LeftSidebar.tsx b/src/components/LeftSidebar/LeftSidebar.tsx
index f7488d0e..e8a7e35c 100644
--- a/src/components/LeftSidebar/LeftSidebar.tsx
+++ b/src/components/LeftSidebar/LeftSidebar.tsx
@@ -8,14 +8,12 @@ export const LeftSidebar = ({
   ConnectedComponent,
 }: LeftSidebarProps) => {
   return (
-    <aside className="h-[1024px] w-[300px] border border-input-bg px-6 border-b-0 flex flex-col whitespace-nowrap bg-foreground">
+    <aside className="h-screen top-0 left-0 w-[300px] border border-input-bg px-6 border-b-0 flex flex-col justify-between whitespace-nowrap bg-foreground">
       <div className="mt-[42px]">
         <SidebarButtons onClick={onSidebarButtonClick} activeButton={activeButton} />
       </div>
-      <div className="h-full flex flex-col">
-        <div className="flex-1">
-          <UsefulLinks />
-        </div>
+      <div className="mb-4">
+        <UsefulLinks />
         {ConnectedComponent && ConnectedComponent}
       </div>
     </aside>
diff --git a/src/components/LeftSidebar/SidebarButtons.tsx b/src/components/LeftSidebar/SidebarButtons.tsx
index c51c1d61..ab95b240 100644
--- a/src/components/LeftSidebar/SidebarButtons.tsx
+++ b/src/components/LeftSidebar/SidebarButtons.tsx
@@ -1,7 +1,7 @@
 import { Button } from '@/components/Button'
 import { SidebarButtonsProps } from '@/components/LeftSidebar/types'
 
-const DEFAULT_BUTTON_CLASSNAME = 'mb-[32px] pl-11'
+const DEFAULT_BUTTON_CLASSNAME = 'mb-[32px] pl-11 md:mb-[2px]'
 
 const START_ICON_CLASSES = 'left-[-28px] top-[2px]'
 
diff --git a/src/components/MainContainer/MainContainer.tsx b/src/components/MainContainer/MainContainer.tsx
index 3a9adedb..313701c2 100644
--- a/src/components/MainContainer/MainContainer.tsx
+++ b/src/components/MainContainer/MainContainer.tsx
@@ -79,7 +79,7 @@ export const MainContainer: FC<Props> = ({ children, notProtected = false }) =>
       <GradientHeader />
       <div className="flex">
         <StatefulSidebar ConnectedComponent={<ConnectedComponent />} />
-        <div className="flex flex-1 flex-col justify-between">
+        <div className="flex flex-1 flex-col justify-between overflow-y-auto h-screen">
           <main className="px-[32px] py-[34px] mb-[100px]">
             {message && (
               <Alert {...message} onDismiss={message.onDismiss === null ? null : () => setMessage(null)} />

From 8a22312ba59268c58d87fa14df67d1506422b937 Mon Sep 17 00:00:00 2001
From: LordCheta <chinaechetam.maduabuchi@iovlabs.org>
Date: Tue, 29 Oct 2024 18:31:11 +0100
Subject: [PATCH 007/115] fix: implement correct render of sidebar, header and
 main content

---
 src/components/GradientHeader/GradientHeader.tsx | 2 +-
 src/components/LeftSidebar/LeftSidebar.tsx       | 4 ++--
 src/components/MainContainer/MainContainer.tsx   | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/GradientHeader/GradientHeader.tsx b/src/components/GradientHeader/GradientHeader.tsx
index 286ec3f9..c2b1b7ac 100644
--- a/src/components/GradientHeader/GradientHeader.tsx
+++ b/src/components/GradientHeader/GradientHeader.tsx
@@ -1,7 +1,7 @@
 import { Logo } from '@/components/Header/Logo'
 
 export const GradientHeader = () => (
-  <div className="gradient-header">
+  <div className="gradient-header fixed top-0 left-0 z-10">
     <Logo />
   </div>
 )
diff --git a/src/components/LeftSidebar/LeftSidebar.tsx b/src/components/LeftSidebar/LeftSidebar.tsx
index e8a7e35c..70c6caee 100644
--- a/src/components/LeftSidebar/LeftSidebar.tsx
+++ b/src/components/LeftSidebar/LeftSidebar.tsx
@@ -8,8 +8,8 @@ export const LeftSidebar = ({
   ConnectedComponent,
 }: LeftSidebarProps) => {
   return (
-    <aside className="h-screen top-0 left-0 w-[300px] border border-input-bg px-6 border-b-0 flex flex-col justify-between whitespace-nowrap bg-foreground">
-      <div className="mt-[42px]">
+    <aside className="h-screen fixed top-0 left-0 w-[300px] border border-input-bg px-6 border-b-0 flex flex-col justify-between whitespace-nowrap bg-foreground">
+      <div className="mt-[48px]">
         <SidebarButtons onClick={onSidebarButtonClick} activeButton={activeButton} />
       </div>
       <div className="mb-4">
diff --git a/src/components/MainContainer/MainContainer.tsx b/src/components/MainContainer/MainContainer.tsx
index 313701c2..790d590a 100644
--- a/src/components/MainContainer/MainContainer.tsx
+++ b/src/components/MainContainer/MainContainer.tsx
@@ -76,10 +76,10 @@ export const MainContainer: FC<Props> = ({ children, notProtected = false }) =>
   )
   return (
     <>
-      <GradientHeader />
+    <GradientHeader />
       <div className="flex">
         <StatefulSidebar ConnectedComponent={<ConnectedComponent />} />
-        <div className="flex flex-1 flex-col justify-between overflow-y-auto h-screen">
+        <div className="flex flex-1 flex-col justify-between overflow-y-auto mt-10 ml-72">
           <main className="px-[32px] py-[34px] mb-[100px]">
             {message && (
               <Alert {...message} onDismiss={message.onDismiss === null ? null : () => setMessage(null)} />

From 03fe66f63318b48a8d08e17684d53afe021d3c19 Mon Sep 17 00:00:00 2001
From: LordCheta <chinaechetam.maduabuchi@iovlabs.org>
Date: Tue, 29 Oct 2024 18:36:06 +0100
Subject: [PATCH 008/115] chore: lint

---
 src/components/MainContainer/MainContainer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/MainContainer/MainContainer.tsx b/src/components/MainContainer/MainContainer.tsx
index 790d590a..93b528a2 100644
--- a/src/components/MainContainer/MainContainer.tsx
+++ b/src/components/MainContainer/MainContainer.tsx
@@ -76,7 +76,7 @@ export const MainContainer: FC<Props> = ({ children, notProtected = false }) =>
   )
   return (
     <>
-    <GradientHeader />
+      <GradientHeader />
       <div className="flex">
         <StatefulSidebar ConnectedComponent={<ConnectedComponent />} />
         <div className="flex flex-1 flex-col justify-between overflow-y-auto mt-10 ml-72">

From e785f6e8078ba45c4b1db9e3d1cfb9d4cc6613d6 Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <francisngg@gmail.com>
Date: Tue, 29 Oct 2024 14:16:36 -0400
Subject: [PATCH 009/115] Updated padding-top to match design

---
 src/components/LeftSidebar/LeftSidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LeftSidebar/LeftSidebar.tsx b/src/components/LeftSidebar/LeftSidebar.tsx
index 70c6caee..b90ccc55 100644
--- a/src/components/LeftSidebar/LeftSidebar.tsx
+++ b/src/components/LeftSidebar/LeftSidebar.tsx
@@ -9,7 +9,7 @@ export const LeftSidebar = ({
 }: LeftSidebarProps) => {
   return (
     <aside className="h-screen fixed top-0 left-0 w-[300px] border border-input-bg px-6 border-b-0 flex flex-col justify-between whitespace-nowrap bg-foreground">
-      <div className="mt-[48px]">
+      <div className="mt-[87px]">
         <SidebarButtons onClick={onSidebarButtonClick} activeButton={activeButton} />
       </div>
       <div className="mb-4">

From e6a771db22bbe98b5f709d679a68538b3272382a Mon Sep 17 00:00:00 2001
From: LordCheta <chinaechetam.maduabuchi@iovlabs.org>
Date: Wed, 30 Oct 2024 14:14:04 +0100
Subject: [PATCH 010/115] fix: make sidebar scroll for small screens

---
 src/components/LeftSidebar/LeftSidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/LeftSidebar/LeftSidebar.tsx b/src/components/LeftSidebar/LeftSidebar.tsx
index b90ccc55..03974407 100644
--- a/src/components/LeftSidebar/LeftSidebar.tsx
+++ b/src/components/LeftSidebar/LeftSidebar.tsx
@@ -8,7 +8,7 @@ export const LeftSidebar = ({
   ConnectedComponent,
 }: LeftSidebarProps) => {
   return (
-    <aside className="h-screen fixed top-0 left-0 w-[300px] border border-input-bg px-6 border-b-0 flex flex-col justify-between whitespace-nowrap bg-foreground">
+    <aside className="h-screen fixed top-0 left-0 w-[300px] sm:overflow-y-auto sm:max-h-screen border border-input-bg px-6 border-b-0 flex flex-col justify-between whitespace-nowrap bg-foreground">
       <div className="mt-[87px]">
         <SidebarButtons onClick={onSidebarButtonClick} activeButton={activeButton} />
       </div>

From a175da601675311b8aca24c9971720027349b21d Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <francisngg@gmail.com>
Date: Wed, 30 Oct 2024 16:28:36 -0400
Subject: [PATCH 011/115] Fixed chain id in axios instance...

---
 src/lib/utils.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 45270c5e..5aa40f51 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,7 +1,7 @@
 import axios from 'axios'
 import { ClassValue, clsx } from 'clsx'
 import { twMerge } from 'tailwind-merge'
-import { EXPLORER_URL, RIF_WALLET_SERVICES_URL } from './constants'
+import { CHAIN_ID, EXPLORER_URL, RIF_WALLET_SERVICES_URL } from './constants'
 import { Address } from 'viem'
 
 /**
@@ -27,6 +27,9 @@ export const shortAddress = (address: Address | undefined, amount = 5): string =
 
 export const axiosInstance = axios.create({
   baseURL: RIF_WALLET_SERVICES_URL,
+  params: {
+    chainId: CHAIN_ID,
+  },
 })
 
 /**

From e562af4e831e7bd6ee1e84ba2394888424d7fefd Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Thu, 31 Oct 2024 03:50:19 -0600
Subject: [PATCH 012/115] feat(cr): builder name in leaderboard (#287)

* feat(cr): builder name in leaderboard

* fix: reward distributed logs

* refactor: extract functionality

* style: fix lint

* chore: add todo

* chore: rename function

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .../BecomeABuilderButton.tsx                  |  45 +++-----
 src/app/collective-rewards/BuilderContext.tsx | 107 ++++++++++++++++++
 src/app/collective-rewards/actions.ts         |   9 +-
 .../hooks/useGetRewardDistributedLogs.ts      |  13 ++-
 .../leaderboard/LeaderBoard.tsx               |  62 +++++-----
 .../hooks/useGetBuildersRewards.ts            |  26 ++---
 src/app/collective-rewards/page.tsx           |   6 +-
 .../whitelist/WhitelistContext.tsx            |  10 +-
 .../whitelist/WhitelistGrid.tsx               |   2 +-
 .../whitelist/WhitelistGridItem.tsx           |  12 +-
 .../whitelist/hooks/useGetFilteredBuilders.ts |  71 ++----------
 src/app/proposals/api/route.ts                |  55 +--------
 src/app/reward-distributed/api/route.ts       |  15 +++
 src/app/user/Balances/actions.ts              |  14 +--
 src/components/Address/AddressOrAlias.tsx     |   8 +-
 src/shared/utils.ts                           |  79 +++++++++++++
 16 files changed, 309 insertions(+), 225 deletions(-)
 create mode 100644 src/app/collective-rewards/BuilderContext.tsx
 create mode 100644 src/app/reward-distributed/api/route.ts

diff --git a/src/app/collective-rewards/BecomeABuilderButton.tsx b/src/app/collective-rewards/BecomeABuilderButton.tsx
index 4c1bdca3..6ef5a364 100644
--- a/src/app/collective-rewards/BecomeABuilderButton.tsx
+++ b/src/app/collective-rewards/BecomeABuilderButton.tsx
@@ -1,7 +1,4 @@
-import { useGetBuilderByAddress } from '@/app/collective-rewards/hooks/useGetBuilders'
 import { BuilderInfo } from '@/app/collective-rewards/types'
-import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
-import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
 import { useAlertContext } from '@/app/providers/AlertProvider'
 import { useModal } from '@/app/user/Balances/hooks/useModal'
 import { Badge } from '@/components/Badge'
@@ -10,6 +7,7 @@ import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { BecomeABuilderModal } from '@/components/Modal/BecomeABuilderModal'
 import { FC, HtmlHTMLAttributes, useEffect } from 'react'
 import { Address } from 'viem'
+import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/BuilderContext'
 
 type StatusBadgeProps = {
   builderStatus?: BuilderInfo['status']
@@ -48,19 +46,12 @@ const StatusBadge: FC<StatusBadgeProps> = ({ builderStatus }) => {
   }[builderStatus as BuilderInfo['status']]
 }
 
-export const BecomeABuilderButton = ({ address }: { address: Address }) => {
+export const BecomeABuilderHandler = ({ address }: { address: Address }) => {
   const { setMessage: setErrorMessage } = useAlertContext()
-  const {
-    data: builder,
-    isLoading: builderLoading,
-    error: builderLoadingError,
-  } = useGetBuilderByAddress(address)
 
-  const {
-    data: builderProposalEvents,
-    isLoading: builderProposalEventsLoading,
-    error: builderProposalEventsError,
-  } = useGetProposalsState(builder?.proposals ?? [])
+  const { getBuilderByAddress, isLoading: builderLoading, error: builderLoadingError } = useBuilderContext()
+
+  const builder = getBuilderByAddress(address)
 
   useEffect(() => {
     if (builderLoadingError) {
@@ -73,29 +64,21 @@ export const BecomeABuilderButton = ({ address }: { address: Address }) => {
     }
   }, [builderLoadingError, address, setErrorMessage])
 
-  useEffect(() => {
-    if (builderProposalEventsError) {
-      setErrorMessage({
-        severity: 'error',
-        title: 'Error loading builder proposal events',
-        content: builderProposalEventsError.message,
-      })
-      console.error('🐛 builderProposalEventsError:', builderProposalEventsError)
-    }
-  }, [builderProposalEventsError, address, setErrorMessage])
-
-  if (builderLoading || builderProposalEventsLoading) {
+  if (builderLoading) {
     return <LoadingSpinner className={'justify-end w-1/4'} />
   }
 
   if (!builder) {
     return <BuilderRegistrationButton />
   }
-  const proposalEvent = getMostAdvancedProposal(builder, builderProposalEvents)
-
-  if (!proposalEvent) {
-    return <BuilderRegistrationButton />
-  }
 
   return <StatusBadge builderStatus={builder.status} />
 }
+
+export const BecomeABuilderButton = ({ address }: { address: Address }) => {
+  return (
+    <BuilderContextProvider>
+      <BecomeABuilderHandler address={address} />
+    </BuilderContextProvider>
+  )
+}
diff --git a/src/app/collective-rewards/BuilderContext.tsx b/src/app/collective-rewards/BuilderContext.tsx
new file mode 100644
index 00000000..a5404ca8
--- /dev/null
+++ b/src/app/collective-rewards/BuilderContext.tsx
@@ -0,0 +1,107 @@
+import { createContext, FC, ReactNode, useContext, useMemo } from 'react'
+import { Address } from 'viem'
+import { BuilderStatus } from '@/app/collective-rewards/types'
+import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
+import { useGetBuilders } from './hooks'
+import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
+import { DateTime } from 'luxon'
+import { splitCombinedName } from '@/app/proposals/shared/utils'
+import { withPricesContextProvider } from '@/shared/context/PricesContext'
+
+export type BuilderProposal = {
+  builderName: string
+  status: BuilderStatus
+  address: Address
+  proposalId: bigint
+  proposalName: string
+  proposalDescription: string
+  joiningDate: string
+}
+
+type ProposalByBuilder = Record<Address, BuilderProposal>
+
+type BuilderContextValue = {
+  data: BuilderProposal[]
+  isLoading: boolean
+  error: Error | null
+  getBuilderByAddress: (address: Address) => BuilderProposal | undefined
+}
+
+export const BuilderContext = createContext<BuilderContextValue>({
+  data: [],
+  isLoading: false,
+  error: null,
+  getBuilderByAddress: () => ({}) as BuilderProposal,
+})
+
+interface BuilderProviderProps {
+  children: ReactNode
+}
+
+export const BuilderContextProvider: FC<BuilderProviderProps> = ({ children }) => {
+  const { data: builders, isLoading: buildersLoading, error: buildersError } = useGetBuilders()
+  const buildersProposals = builders.flatMap(({ proposals }) => proposals)
+  const {
+    data: proposalsStateMap,
+    isLoading: proposalsStateMapLoading,
+    error: proposalsStateMapError,
+  } = useGetProposalsState(buildersProposals)
+
+  const filteredBuilders = useMemo(() => {
+    return builders.reduce<ProposalByBuilder>((acc, builder) => {
+      const { status, address } = builder
+      const proposal = getMostAdvancedProposal(builder, proposalsStateMap)
+
+      if (proposal) {
+        const {
+          args: { proposalId, description },
+          timeStamp,
+        } = proposal
+        const joiningDate = DateTime.fromSeconds(+timeStamp).toFormat('MMMM dd, yyyy')
+        const [name, proposalDescription] = description.split(';')
+        const { proposalName, builderName } = splitCombinedName(name)
+        acc[address] = {
+          builderName,
+          status,
+          address,
+          proposalId,
+          proposalName,
+          proposalDescription,
+          joiningDate,
+        }
+      }
+
+      return acc
+    }, {})
+  }, [builders, proposalsStateMap])
+
+  const isLoading = buildersLoading || proposalsStateMapLoading
+  const error = buildersError ?? proposalsStateMapError
+
+  const getBuilderByAddress = (address: Address): BuilderProposal | undefined => {
+    return filteredBuilders[address]
+  }
+
+  const valueOfContext: BuilderContextValue = {
+    data: Object.values(filteredBuilders),
+    isLoading,
+    error,
+    getBuilderByAddress,
+  }
+
+  return <BuilderContext.Provider value={valueOfContext}>{children}</BuilderContext.Provider>
+}
+
+export const useBuilderContext = () => useContext(BuilderContext)
+
+export const withBuilderContextProvider = <P extends object>(Component: FC<P>) => {
+  return function WrapperComponent(props: P) {
+    return (
+      <BuilderContextProvider>
+        <Component {...props} />
+      </BuilderContextProvider>
+    )
+  }
+}
+
+export const BuilderContextProviderWithPrices = withPricesContextProvider(BuilderContextProvider)
diff --git a/src/app/collective-rewards/actions.ts b/src/app/collective-rewards/actions.ts
index 4d66f0a1..bc73feb9 100644
--- a/src/app/collective-rewards/actions.ts
+++ b/src/app/collective-rewards/actions.ts
@@ -3,11 +3,16 @@ import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistr
 import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
 import { axiosInstance } from '@/lib/utils'
 
-export const fetchRewardDistributedLogs = () => {
+export const fetchRewardDistributedLogs = (fromBlock = 0) => {
   const topic = encodeEventTopics({
     abi: SimplifiedRewardDistributorAbi,
     eventName: 'RewardDistributed',
   })[0]
 
-  return axiosInstance.get(`address/${SimplifiedRewardDistributorAddress}/eventsByTopic0?topic0=${topic}`)
+  return axiosInstance.get(
+    `address/${SimplifiedRewardDistributorAddress}/eventsByTopic0?topic0=${topic}&fromBlock=${fromBlock}`,
+  )
 }
+
+export const fetchRewardDistributedCached = () =>
+  axiosInstance.get('/reward-distributed/api', { baseURL: '/' })
diff --git a/src/app/collective-rewards/hooks/useGetRewardDistributedLogs.ts b/src/app/collective-rewards/hooks/useGetRewardDistributedLogs.ts
index 401f23eb..4af442f3 100644
--- a/src/app/collective-rewards/hooks/useGetRewardDistributedLogs.ts
+++ b/src/app/collective-rewards/hooks/useGetRewardDistributedLogs.ts
@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { fetchRewardDistributedLogs } from '@/app/collective-rewards/actions'
+import { fetchRewardDistributedCached, fetchRewardDistributedLogs } from '@/app/collective-rewards/actions'
 import { Address, isAddressEqual, parseEventLogs } from 'viem'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
 import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinBaseAddress'
@@ -7,15 +7,17 @@ import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/get
 export const useGetRewardDistributedLogs = (rewardToken?: Address, builder?: Address) => {
   const { data, error, isLoading } = useQuery({
     queryFn: async () => {
-      const { data } = await fetchRewardDistributedLogs()
+      const { data } = await fetchRewardDistributedCached()
 
-      const events = parseEventLogs({
+      return parseEventLogs({
         abi: SimplifiedRewardDistributorAbi,
         logs: data,
         eventName: 'RewardDistributed',
       })
-
-      let filteredEvents = events
+    },
+    queryKey: ['rewardDistributedLogs'],
+    select: data => {
+      let filteredEvents = data
       if (rewardToken) {
         filteredEvents = filteredEvents.filter(({ args }) =>
           isAddressEqual(args.rewardToken_, resolveCollectiveRewardToken(rewardToken)),
@@ -27,7 +29,6 @@ export const useGetRewardDistributedLogs = (rewardToken?: Address, builder?: Add
 
       return filteredEvents
     },
-    queryKey: ['rewardDistributedLogs', rewardToken, builder],
     refetchInterval: 30_000,
     initialData: [],
   })
diff --git a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx b/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
index a3e72e16..5c9c823c 100644
--- a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
+++ b/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
@@ -3,12 +3,12 @@ import { useAlertContext } from '@/app/providers'
 import { AddressOrAlias } from '@/components/Address'
 import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { TableBody, TableCell, TableCore, TableHead, TableRow } from '@/components/Table'
-import { HeaderTitle, Label, Paragraph, Typography } from '@/components/Typography'
+import { HeaderTitle, Label, Typography } from '@/components/Typography'
 import { tokenContracts } from '@/lib/contracts'
 import { cn, formatCurrency, toFixed } from '@/lib/utils'
-import { PricesContextProvider } from '@/shared/context/PricesContext'
 import { FC, memo, useEffect } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
+import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/BuilderContext'
 
 type Currency = {
   value: number
@@ -22,6 +22,7 @@ export type Reward = {
 
 type TableData = {
   [address: string]: {
+    displayName: string
     lastCycleReward: Reward[]
     projectedReward: Reward[]
     share: bigint
@@ -33,10 +34,11 @@ type RewardCellProps = {
 }
 
 export const RewardCell: FC<RewardCellProps> = ({ rewards }) => (
-  <div className="flex flex-nowrap flex-row gap-[50px]">
+  <div className="flex flex-nowrap flex-row gap-1">
     {rewards &&
       rewards.map(({ crypto: { value, symbol }, fiat: { value: fiatValue, symbol: fiatSymbol } }) => (
-        <div key={value + symbol}>
+        <div key={value + symbol} className="flex-1">
+          {/* TODO: if the value is very small, should we show it in Gwei/wei? */}
           <Label className="font-normal text-sm leading-none text-text-primary font-rootstock-sans">
             {toFixed(value)} {symbol}
           </Label>
@@ -56,9 +58,9 @@ export const LazyRewardCell = memo(RewardCell, ({ rewards: prevReward }, { rewar
 export const BuilderNameCell = ({ builderName }: { builderName: string }) => {
   return (
     <TableCell className={cn(tableHeaders[0], 'border-solid')}>
-      <div className="flex flex-row">
-        <Jdenticon className="rounded-full bg-white mr-1" value={builderName} size="30" />
-        <AddressOrAlias addressOrAlias={builderName} />
+      <div className="flex flex-row gap-x-1">
+        <Jdenticon className="rounded-md bg-white" value={builderName} size="24" />
+        <AddressOrAlias addressOrAlias={builderName} className="text-sm" />
       </div>
     </TableCell>
   )
@@ -117,16 +119,20 @@ const LeaderBoardTable = () => {
   const { setMessage: setErrorMessage } = useAlertContext()
 
   const data = [...rbtcData, ...rifData]
-  const tableData = data.reduce<TableData>((acc, { address, lastCycleReward, projectedReward, share }) => {
-    const currentShare = acc[address]?.share ?? 0n
-    acc[address] = {
-      lastCycleReward: [...(acc[address]?.lastCycleReward ?? []), lastCycleReward],
-      projectedReward: [...(acc[address]?.projectedReward ?? []), projectedReward],
-      share: share > currentShare ? share : currentShare,
-    }
-
-    return acc
-  }, {})
+  const tableData = data.reduce<TableData>(
+    (acc, { address, builderName, lastCycleReward, projectedReward, share }) => {
+      const currentShare = acc[address]?.share ?? 0n
+      acc[address] = {
+        displayName: builderName || address,
+        lastCycleReward: [...(acc[address]?.lastCycleReward ?? []), lastCycleReward],
+        projectedReward: [...(acc[address]?.projectedReward ?? []), projectedReward],
+        share: share > currentShare ? share : currentShare,
+      }
+
+      return acc
+    },
+    {},
+  )
   const tableDataLength = Object.keys(tableData).length
 
   const isLoading = rbtcLoading || rifLoading
@@ -180,14 +186,16 @@ const LeaderBoardTable = () => {
         </TableRow>
       </TableHead>
       <TableBody>
-        {Object.entries(tableData).map(([address, { lastCycleReward, projectedReward, share }]) => (
-          <TableRow key={address + share} className="text-[14px] border-hidden">
-            <BuilderNameCell builderName={address} />
-            <LastCycleRewardCell rewards={lastCycleReward} />
-            <ProjectedRewardCell rewards={projectedReward} />
-            <ShareCell share={share} />
-          </TableRow>
-        ))}
+        {Object.entries(tableData).map(
+          ([address, { displayName, lastCycleReward, projectedReward, share }]) => (
+            <TableRow key={address + share} className="text-[14px] border-hidden">
+              <BuilderNameCell builderName={displayName} />
+              <LastCycleRewardCell rewards={lastCycleReward} />
+              <ProjectedRewardCell rewards={projectedReward} />
+              <ShareCell share={share} />
+            </TableRow>
+          ),
+        )}
       </TableBody>
     </TableCore>
   )
@@ -197,9 +205,9 @@ export const LeaderBoard = () => {
   return (
     <>
       <HeaderTitle>Rewards leaderboard</HeaderTitle>
-      <PricesContextProvider>
+      <BuilderContextProviderWithPrices>
         <LeaderBoardTable />
-      </PricesContextProvider>
+      </BuilderContextProviderWithPrices>
     </>
   )
 }
diff --git a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
index fdac4672..565f6ce0 100644
--- a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
@@ -4,23 +4,16 @@ import { usePricesContext } from '@/shared/context/PricesContext'
 import { useGetTokenProjectedReward } from '@/app/collective-rewards/hooks/useGetTokenProjectedReward'
 import { Address, isAddressEqual } from 'viem'
 import { getLastCycleRewards } from '@/app/collective-rewards/utils/getLastCycleRewards'
-import { useGetWhitelistedBuilders } from '@/app/collective-rewards/hooks/useGetWhitelistedBuilders'
+import { useBuilderContext } from '@/app/collective-rewards/BuilderContext'
 
 export const useGetBuildersRewards = (rewardToken: Address, rewardTokenSymbol?: string, currency = 'USD') => {
-  const {
-    data: whitelistedBuilders,
-    isLoading: whitelistedBuildersLoading,
-    error: whitelistedBuildersError,
-  } = useGetWhitelistedBuilders()
+  const { data: builders, isLoading: buildersLoading, error: buildersError } = useBuilderContext()
 
   const {
     data: rewardDistributedLogs,
     isLoading: logsLoading,
     error: logsError,
   } = useGetRewardDistributedLogs(rewardToken)
-
-  const { prices } = usePricesContext()
-
   const {
     data: { share, projectedReward },
     isLoading: tokenLoading,
@@ -30,14 +23,16 @@ export const useGetBuildersRewards = (rewardToken: Address, rewardTokenSymbol?:
 
   const projectedRewardInHuman = Number(formatBalanceToHuman(projectedReward))
 
-  const isLoading = whitelistedBuildersLoading || logsLoading || tokenLoading
-  const error = whitelistedBuildersError ?? logsError ?? tokenError
-  const builders = whitelistedBuilders ?? []
+  const isLoading = buildersLoading || logsLoading || tokenLoading
+  const error = buildersError ?? logsError ?? tokenError
+  const whitelistedBuilders = builders.filter(builder => builder.status === 'Whitelisted')
+
+  const { prices } = usePricesContext()
 
   return {
-    data: builders.map(builder => {
+    data: whitelistedBuilders.map(({ address, builderName }) => {
       const builderEvents = rewardDistributedLogs.filter(event =>
-        isAddressEqual(event.args.builder_, builder),
+        isAddressEqual(event.args.builder_, address),
       )
       const lastCycleRewards = getLastCycleRewards(builderEvents)
       const lastCycleRewardsInHuman = Number(formatBalanceToHuman(lastCycleRewards))
@@ -45,7 +40,8 @@ export const useGetBuildersRewards = (rewardToken: Address, rewardTokenSymbol?:
       const price = prices[tokenSymbol]?.price ?? 0
 
       return {
-        address: builder,
+        address,
+        builderName,
         lastCycleReward: {
           crypto: {
             value: lastCycleRewardsInHuman,
diff --git a/src/app/collective-rewards/page.tsx b/src/app/collective-rewards/page.tsx
index ca2b3e15..63b5ab92 100644
--- a/src/app/collective-rewards/page.tsx
+++ b/src/app/collective-rewards/page.tsx
@@ -2,7 +2,7 @@
 
 import { LeaderBoard } from '@/app/collective-rewards/leaderboard/LeaderBoard'
 import { MetricsSection } from '@/app/collective-rewards/MetricsSection'
-import { WhitelistContextProvider } from '@/app/collective-rewards/whitelist/WhitelistContext'
+import { WhitelistContextProviderWithBuilders } from '@/app/collective-rewards/whitelist/WhitelistContext'
 import { WhitelistSection } from '@/app/collective-rewards/whitelist/WhitelistSection'
 import { MainContainer } from '@/components/MainContainer/MainContainer'
 
@@ -11,9 +11,9 @@ export default function BuildersIncentiveMarket() {
     <MainContainer>
       <div className="grid grid-rows-1 gap-[32px]">
         <MetricsSection />
-        <WhitelistContextProvider>
+        <WhitelistContextProviderWithBuilders>
           <WhitelistSection />
-        </WhitelistContextProvider>
+        </WhitelistContextProviderWithBuilders>
         <LeaderBoard />
       </div>
     </MainContainer>
diff --git a/src/app/collective-rewards/whitelist/WhitelistContext.tsx b/src/app/collective-rewards/whitelist/WhitelistContext.tsx
index 380daced..310e3e13 100644
--- a/src/app/collective-rewards/whitelist/WhitelistContext.tsx
+++ b/src/app/collective-rewards/whitelist/WhitelistContext.tsx
@@ -1,9 +1,7 @@
 import { BuilderStatus } from '@/app/collective-rewards/types'
 import { createContext, Dispatch, FC, ReactNode, SetStateAction, useContext, useState } from 'react'
-import {
-  BuilderProposal,
-  useGetFilteredBuilders,
-} from '@/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders'
+import { useGetFilteredBuilders } from '@/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders'
+import { BuilderProposal, withBuilderContextProvider } from '@/app/collective-rewards/BuilderContext'
 
 export type BuilderStatusFilter = 'all' | BuilderStatus
 
@@ -40,7 +38,7 @@ interface WhitelistProviderProps {
   children: ReactNode
 }
 
-export const WhitelistContextProvider: FC<WhitelistProviderProps> = ({ children }) => {
+const WhitelistContextProvider: FC<WhitelistProviderProps> = ({ children }) => {
   const [search, setSearch] = useState('')
   const [filterBy, setFilterBy] = useState<BuilderStatusFilter>(initialFilterByValue)
   const { data, isLoading, error } = useGetFilteredBuilders({ builderName: search, status: filterBy })
@@ -57,3 +55,5 @@ export const WhitelistContextProvider: FC<WhitelistProviderProps> = ({ children
 }
 
 export const useWhitelistContext = () => useContext(WhitelistContext)
+
+export const WhitelistContextProviderWithBuilders = withBuilderContextProvider(WhitelistContextProvider)
diff --git a/src/app/collective-rewards/whitelist/WhitelistGrid.tsx b/src/app/collective-rewards/whitelist/WhitelistGrid.tsx
index 64769aa1..29d06b86 100644
--- a/src/app/collective-rewards/whitelist/WhitelistGrid.tsx
+++ b/src/app/collective-rewards/whitelist/WhitelistGrid.tsx
@@ -1,6 +1,6 @@
 import { FC } from 'react'
 import { WhitelistGridItem } from '@/app/collective-rewards/whitelist/WhitelistGridItem'
-import { BuilderProposal } from '@/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders'
+import { BuilderProposal } from '@/app/collective-rewards/BuilderContext'
 
 interface WhitelistGridProps {
   items: BuilderProposal[]
diff --git a/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx b/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx
index ed4bb279..9a7fbfd0 100644
--- a/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx
+++ b/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx
@@ -1,5 +1,4 @@
 import { crStatusColorClasses } from '@/app/collective-rewards/BecomeABuilderButton'
-import { BuilderProposal } from '@/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders'
 import { AddressOrAlias } from '@/components/Address'
 import { Badge } from '@/components/Badge'
 import { Popover } from '@/components/Popover'
@@ -7,6 +6,7 @@ import { Paragraph, Span, Typography } from '@/components/Typography'
 import { useRouter } from 'next/navigation'
 import { FC, ReactNode } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
+import { BuilderProposal } from '@/app/collective-rewards/BuilderContext'
 
 type WhitelistGridItemProps = BuilderProposal
 
@@ -21,7 +21,7 @@ const Card = ({ header, body }: { header: ReactNode; body: ReactNode }) => {
 
 // TODO: this content can be moved to a different component and become a generic card
 export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
-  displayName,
+  builderName,
   address,
   status,
   joiningDate,
@@ -30,8 +30,8 @@ export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
 }) => {
   const router = useRouter()
   const Header = (
-    <div className="flex flex-row w-full">
-      <Jdenticon className="rounded-md bg-white mr-2" value={address} size="34" />
+    <div className="flex flex-row w-full items-center gap-x-3">
+      <Jdenticon className="rounded-md bg-white" value={address} size="32" />
       <div className="flex-1 min-w-0">
         {/* TODO: To be reviewed, it's weird that we show the address in the tooltip
             and then we copy the builder name, since the builder name it's generally easier to remember
@@ -46,7 +46,7 @@ export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
           trigger="hover"
         >
           <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap">
-            <AddressOrAlias addressOrAlias={displayName || address} />
+            <AddressOrAlias addressOrAlias={builderName || address} className="text-base font-bold" />
           </Typography>
         </Popover>
         <Paragraph className="text-sm font-light"> Joined {joiningDate}</Paragraph>
@@ -59,7 +59,7 @@ export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
   const Body = (
     <div onClick={() => router.push(`/proposals/${proposalId}`)} className="cursor-pointer">
       <Span className="text-base font-semibold">Proposal</Span>
-      <Span className="text-base line-clamp-1 text-wrap">{proposalName}</Span>
+      <Span className="text-sm line-clamp-1 text-wrap">{proposalName}</Span>
     </div>
   )
   return <Card header={Header} body={Body} />
diff --git a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts b/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
index fb573118..94d643d9 100644
--- a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
+++ b/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
@@ -1,27 +1,12 @@
-import { useEffect, useMemo, useState } from 'react'
-import { BuilderStatus } from '@/app/collective-rewards/types'
+import { useEffect, useState } from 'react'
 import { BuilderStatusFilter } from '@/app/collective-rewards/whitelist/WhitelistContext'
-import { useGetBuilders } from '@/app/collective-rewards/hooks/useGetBuilders'
-import { DateTime } from 'luxon'
-import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
-import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
-import { splitCombinedName } from '@/app/proposals/shared/utils'
+import { BuilderProposal, useBuilderContext } from '@/app/collective-rewards/BuilderContext'
 
 type FetchWhitelistedBuildersFilter = {
   builderName: string
   status: BuilderStatusFilter
 }
 
-export type BuilderProposal = {
-  displayName: string
-  status: BuilderStatus
-  address: string
-  proposalId: bigint
-  proposalName: string
-  proposalDescription: string
-  joiningDate: string
-}
-
 const lowerCaseCompare = (a: string, b: string) => a?.toLowerCase().includes(b?.toLowerCase())
 
 export const useGetFilteredBuilders = ({
@@ -29,48 +14,14 @@ export const useGetFilteredBuilders = ({
   status: filterStatus,
 }: FetchWhitelistedBuildersFilter) => {
   const [data, setData] = useState<BuilderProposal[]>([])
-  const { data: builders, isLoading: buildersLoading, error: buildersError } = useGetBuilders()
-  const buildersProposals = builders.flatMap(({ proposals }) => proposals)
-  const {
-    data: proposalsStateMap,
-    isLoading: proposalsStateMapLoading,
-    error: proposalsStateMapError,
-  } = useGetProposalsState(buildersProposals)
-
-  const filteredBuilders = useMemo(() => {
-    return builders.reduce<BuilderProposal[]>((acc, builder) => {
-      const { status, address } = builder
-      const proposal = getMostAdvancedProposal(builder, proposalsStateMap)
-
-      if (proposal) {
-        const {
-          args: { proposalId, description },
-          timeStamp,
-        } = proposal
-        const joiningDate = DateTime.fromSeconds(+timeStamp).toFormat('MMMM dd, yyyy')
-        const [name, proposalDescription] = description.split(';')
-        const { proposalName, builderName } = splitCombinedName(name)
-        acc.push({
-          displayName: builderName,
-          status,
-          address,
-          proposalId,
-          proposalName,
-          proposalDescription,
-          joiningDate,
-        })
-      }
-
-      return acc
-    }, [])
-  }, [builders, proposalsStateMap])
+  const { data: builders, isLoading, error } = useBuilderContext()
 
   useEffect(() => {
-    let filteredData = filteredBuilders
+    let filteredBuilders = builders
 
     if (filterBuilderName) {
-      filteredData = filteredData.filter(
-        ({ displayName: builderName, address }) =>
+      filteredBuilders = filteredBuilders.filter(
+        ({ builderName, address }) =>
           // TODO: Here we filter by both name and address,
           // but the address is not displayed in the UI when the Builder name is present.
           lowerCaseCompare(builderName, filterBuilderName) || lowerCaseCompare(address, filterBuilderName),
@@ -78,14 +29,10 @@ export const useGetFilteredBuilders = ({
     }
 
     if (filterStatus !== 'all') {
-      filteredData = filteredData.filter(builder => builder.status === filterStatus)
+      filteredBuilders = filteredBuilders.filter(builder => builder.status === filterStatus)
     }
-
-    setData(filteredData)
-  }, [filteredBuilders, filterBuilderName, filterStatus])
-
-  const isLoading = buildersLoading || proposalsStateMapLoading
-  const error = buildersError ?? proposalsStateMapError
+    setData(filteredBuilders)
+  }, [builders, filterBuilderName, filterStatus])
 
   return {
     data,
diff --git a/src/app/proposals/api/route.ts b/src/app/proposals/api/route.ts
index 21e187de..f640aa19 100644
--- a/src/app/proposals/api/route.ts
+++ b/src/app/proposals/api/route.ts
@@ -1,7 +1,8 @@
-import { BackendEventByTopic0ResponseValue, fetchProposalCreated } from '@/app/user/Balances/actions'
+import { fetchProposalCreated } from '@/app/user/Balances/actions'
 import { NextRequest } from 'next/server'
+import { BackendEventByTopic0ResponseValue, CachedData, handleCachedGetRequest } from '@/shared/utils'
 
-let cachedProposals = {
+let cachedProposals: CachedData = {
   lastUpdated: Date.now(),
   data: [] as BackendEventByTopic0ResponseValue[],
   isFetching: false,
@@ -9,54 +10,6 @@ let cachedProposals = {
   lastFromBlock: 0,
 }
 
-const shouldAddRowToDataArray = (newTransaction: { blockNumber: string }) => {
-  const indexFound = cachedProposals.data.findIndex(i => i.blockNumber === newTransaction.blockNumber)
-  return indexFound === -1
-}
-
-function fetchProposals() {
-  cachedProposals.isFetching = true
-  console.log(`13: Fetching proposals with lastFromBlock: ${cachedProposals.lastFromBlock}`)
-  fetchProposalCreated(cachedProposals.lastFromBlock)
-    .then(({ data }) => {
-      console.log(14, 'Finished fetching proposals...')
-      if (Array.isArray(data) && data.length > 0) {
-        const dataToBeAdded = data.filter(shouldAddRowToDataArray)
-        if (dataToBeAdded.length > 0) {
-          cachedProposals.data.push(...dataToBeAdded)
-        }
-        cachedProposals.error = ''
-        cachedProposals.lastFromBlock = Number(data[data.length - 1].blockNumber) + 1 // Update lastFromBlock based on last proposal
-      } else {
-        cachedProposals.error = JSON.stringify(data)
-      }
-      cachedProposals.lastUpdated = Date.now()
-    })
-    .catch(err => {
-      cachedProposals.error = err.toString()
-    })
-    .finally(() => (cachedProposals.isFetching = false))
-}
-
-const SECONDS_INTERVAL = 10
-
 export async function GET(request: NextRequest) {
-  const shouldRestartFromBlock = request.nextUrl.searchParams.get('restartBlock')
-  if (shouldRestartFromBlock === '1') {
-    cachedProposals.lastFromBlock = 0
-  }
-  const currentTime = Date.now()
-  const timeElapsed = (currentTime - cachedProposals.lastUpdated) / 1000 // Time elapsed in seconds
-
-  if ((cachedProposals.data.length === 0 || timeElapsed > SECONDS_INTERVAL) && !cachedProposals.isFetching) {
-    fetchProposals()
-  }
-  return Response.json(cachedProposals.data, {
-    headers: {
-      'X-Error': cachedProposals.error,
-      'X-Fetching': cachedProposals.isFetching ? 'true' : 'false',
-      'X-LastUpdated': cachedProposals.lastUpdated.toString(),
-      'X-TimeElapsed': timeElapsed.toString(),
-    },
-  })
+  return handleCachedGetRequest(cachedProposals, request, fetchProposalCreated)
 }
diff --git a/src/app/reward-distributed/api/route.ts b/src/app/reward-distributed/api/route.ts
new file mode 100644
index 00000000..b46a56b3
--- /dev/null
+++ b/src/app/reward-distributed/api/route.ts
@@ -0,0 +1,15 @@
+import { NextRequest } from 'next/server'
+import { fetchRewardDistributedLogs } from '@/app/collective-rewards/actions'
+import { BackendEventByTopic0ResponseValue, CachedData, handleCachedGetRequest } from '@/shared/utils'
+
+let cachedRewardDistributedLogs: CachedData = {
+  lastUpdated: Date.now(),
+  data: [] as BackendEventByTopic0ResponseValue[],
+  isFetching: false,
+  error: '',
+  lastFromBlock: 0,
+}
+
+export async function GET(request: NextRequest) {
+  return handleCachedGetRequest(cachedRewardDistributedLogs, request, fetchRewardDistributedLogs)
+}
diff --git a/src/app/user/Balances/actions.ts b/src/app/user/Balances/actions.ts
index fc665830..f9278dd4 100644
--- a/src/app/user/Balances/actions.ts
+++ b/src/app/user/Balances/actions.ts
@@ -18,6 +18,7 @@ import {
   ServerResponseV2,
   TokenHoldersResponse,
 } from '@/app/user/Balances/types'
+import { BackendEventByTopic0ResponseValue } from '@/shared/utils'
 
 export const fetchAddressTokens = (address: string, chainId = 31) =>
   axiosInstance
@@ -92,19 +93,6 @@ export const fetchNftsOwnedByAddressAndNFTAddress = (address: string, nftAddress
     .then(({ data }) => data)
     .catch(error => console.log(error))
 
-export interface BackendEventByTopic0ResponseValue {
-  address: string
-  blockNumber: string
-  data: string
-  gasPrice: string
-  gasUsed: string
-  logIndex: string
-  timeStamp: string
-  topics: Array<null | string>
-  transactionHash: string
-  transactionIndex: string
-}
-
 export const fetchProposalCreated = (fromBlock = 0) =>
   axiosInstance.get<BackendEventByTopic0ResponseValue[]>(
     fetchProposalsCreatedByGovernorAddress
diff --git a/src/components/Address/AddressOrAlias.tsx b/src/components/Address/AddressOrAlias.tsx
index 939d8440..4b54f6c6 100644
--- a/src/components/Address/AddressOrAlias.tsx
+++ b/src/components/Address/AddressOrAlias.tsx
@@ -3,14 +3,16 @@ import { isAddress } from 'viem'
 import { Span } from '@/components/Typography'
 import { CopySvg } from '@/components/CopySvg'
 import { ADDRESS_ANIMATION_DURATION } from '@/lib/constants'
+import { cn } from '@/lib/utils'
 
 export interface AddressProps {
   addressOrAlias: string
+  className?: string
 }
 
 type CopyStatus = 'success' | 'error'
 
-export const AddressOrAlias: React.FC<AddressProps> = ({ addressOrAlias }) => {
+export const AddressOrAlias: React.FC<AddressProps> = ({ addressOrAlias, className = '' }) => {
   const [animationShown, setAnimationShown] = useState(false)
   const [copied, setCopied] = useState('success' as CopyStatus)
   const onClick = async () => {
@@ -55,11 +57,11 @@ export const AddressOrAlias: React.FC<AddressProps> = ({ addressOrAlias }) => {
   return (
     <span className="flex items-center">
       {isAddress(addressOrAlias) ? (
-        <Span className={addressClass}>
+        <Span className={cn(addressClass, className)}>
           {addressOrAlias.substring(0, 6)}...{addressOrAlias.substring(addressOrAlias.length - 4)}
         </Span>
       ) : (
-        <Span className={aliasClass}>{addressOrAlias}</Span>
+        <Span className={cn(aliasClass, className)}>{addressOrAlias}</Span>
       )}
 
       <span className={copyButtonClass} onClick={onClick}>
diff --git a/src/shared/utils.ts b/src/shared/utils.ts
index ffcd69b5..eee0b8d5 100644
--- a/src/shared/utils.ts
+++ b/src/shared/utils.ts
@@ -1,3 +1,82 @@
+import { NextRequest } from 'next/server'
 import './utils.css'
+import { AxiosResponse } from 'axios'
 // Had to be done this way because tailwind css is not dynamically rendering the image on build
 export const BG_IMG_CLASSES = 'background-logo'
+
+export interface BackendEventByTopic0ResponseValue {
+  address: string
+  blockNumber: string
+  data: string
+  gasPrice: string
+  gasUsed: string
+  logIndex: string
+  timeStamp: string
+  topics: Array<null | string>
+  transactionHash: string
+  transactionIndex: string
+}
+
+export type CachedData = {
+  lastUpdated: number
+  data: BackendEventByTopic0ResponseValue[]
+  isFetching: boolean
+  error: string
+  lastFromBlock: number
+}
+
+export const handleCachedGetRequest = (
+  cachedData: CachedData,
+  request: NextRequest,
+  functionToBeFetch: (fromBlock: number) => Promise<AxiosResponse>,
+  interval = 10,
+) => {
+  const shouldRestartFromBlock = request.nextUrl.searchParams.get('restartBlock')
+  if (shouldRestartFromBlock === '1') {
+    cachedData.lastFromBlock = 0
+  }
+  const currentTime = Date.now()
+  const timeElapsed = (currentTime - cachedData.lastUpdated) / 1000 // Time elapsed in seconds
+
+  if ((cachedData.data.length === 0 || timeElapsed > interval) && !cachedData.isFetching) {
+    fetchFunction(cachedData, functionToBeFetch)
+  }
+  return Response.json(cachedData.data, {
+    headers: {
+      'X-Error': cachedData.error,
+      'X-Fetching': cachedData.isFetching ? 'true' : 'false',
+      'X-LastUpdated': cachedData.lastUpdated.toString(),
+      'X-TimeElapsed': timeElapsed.toString(),
+    },
+  })
+}
+
+const fetchFunction = (
+  cachedData: CachedData,
+  functionToBeFetch: (fromBlock: number) => Promise<AxiosResponse>,
+) => {
+  const shouldAddRowToDataArray = (newTransaction: { blockNumber: string }) => {
+    const indexFound = cachedData.data.findIndex(i => i.blockNumber === newTransaction.blockNumber)
+    return indexFound === -1
+  }
+
+  cachedData.isFetching = true
+  functionToBeFetch(cachedData.lastFromBlock)
+    .then(({ data }) => {
+      if (Array.isArray(data) && data.length > 0) {
+        const dataToBeAdded = data.filter(shouldAddRowToDataArray)
+        if (dataToBeAdded.length > 0) {
+          cachedData.data.push(...dataToBeAdded)
+        }
+        cachedData.error = ''
+        cachedData.lastFromBlock = Number(data[data.length - 1].blockNumber) + 1 // Update lastFromBlock based on last cached value
+      } else {
+        cachedData.error = JSON.stringify(data)
+      }
+      cachedData.lastUpdated = Date.now()
+    })
+    .catch(err => {
+      cachedData.error = err.toString()
+    })
+    .finally(() => (cachedData.isFetching = false))
+}

From c6848bb3b7f792fb06f6eb763c4491f16ef6d0a4 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Thu, 31 Oct 2024 17:10:04 +0000
Subject: [PATCH 013/115] fix(CR): fix qa and staging deployment (#331)

* fix(CR): fix qa env

* fix(CR): fix staging env

* cd: rename cr environments

* Update .github/workflows/cr.qa.deploy.yaml

Co-authored-by: Lucas <39061310+lucasvuotto@users.noreply.github.com>

---------

Co-authored-by: Lucas <39061310+lucasvuotto@users.noreply.github.com>
---
 .github/workflows/cr.qa.deploy.yaml      | 14 +++++++-------
 .github/workflows/cr.staging.deploy.yaml | 14 +++++++-------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/.github/workflows/cr.qa.deploy.yaml b/.github/workflows/cr.qa.deploy.yaml
index ff9ae79d..76fc725d 100644
--- a/.github/workflows/cr.qa.deploy.yaml
+++ b/.github/workflows/cr.qa.deploy.yaml
@@ -7,11 +7,11 @@ on:
 
 env:
   AWS_REGION: us-east-1
-  ECR_REPOSITORY: bim-dao-frontend-qa
-  ECS_SERVICE: bim-dao-frontend
-  ECS_CLUSTER: bim-dao-frontend-qa
-  ECS_TASK_DEFINITION: bim-dao-frontend-qa
-  CONTAINER_NAME: bim-dao-frontend
+  ECR_REPOSITORY: rscoll-dev-bim-qa
+  ECS_SERVICE: rscoll-dev-bim-qa
+  ECS_CLUSTER: rscoll-dev
+  ECS_TASK_DEFINITION: rscoll-dev-bim-qa
+  CONTAINER_NAME: rscoll-dev-bim-qa
 
   PROFILE: testnet.qa
 
@@ -22,7 +22,7 @@ jobs:
     if: |
       github.event_name == 'workflow_dispatch' || github.event.label.name == 'deploy to QA'
     environment:
-      name: QA
+      name: CR-QA
     permissions:
       id-token: write
       contents: read
@@ -34,7 +34,7 @@ jobs:
       - name: Configure AWS credentials
         uses: aws-actions/configure-aws-credentials@v4
         with:
-          role-to-assume: ${{ secrets.ROLE_ECS_ARN }}
+          role-to-assume: ${{ secrets.AWS_LOGIN_QA_ROLE_ARN }}
           aws-region: ${{ env.AWS_REGION }}
 
       - name: Login to Amazon ECR
diff --git a/.github/workflows/cr.staging.deploy.yaml b/.github/workflows/cr.staging.deploy.yaml
index 3241a7de..a5cf450a 100644
--- a/.github/workflows/cr.staging.deploy.yaml
+++ b/.github/workflows/cr.staging.deploy.yaml
@@ -7,11 +7,11 @@ on:
 
 env:
   AWS_REGION: us-east-1
-  ECR_REPOSITORY: bim-dao-frontend-testnet
-  ECS_SERVICE: bim-dao-frontend
-  ECS_CLUSTER: bim-dao-frontend-testnet
-  ECS_TASK_DEFINITION: bim-dao-frontend-testnet
-  CONTAINER_NAME: bim-dao-frontend
+  ECR_REPOSITORY: rscoll-dev-bim-staging
+  ECS_SERVICE: rscoll-dev-bim-staging
+  ECS_CLUSTER: rscoll-dev
+  ECS_TASK_DEFINITION: rscoll-dev-bim-staging
+  CONTAINER_NAME: rscoll-dev-bim-staging
 
   PROFILE: testnet.staging
 
@@ -20,7 +20,7 @@ jobs:
     name: Deploy
     runs-on: ubuntu-latest
     environment:
-      name: TESTNET
+      name: CR-STAGING
     permissions:
       id-token: write
       contents: read
@@ -34,7 +34,7 @@ jobs:
       - name: Configure AWS credentials
         uses: aws-actions/configure-aws-credentials@v4
         with:
-          role-to-assume: ${{ secrets.AWS_LOGIN_TESTNET_ROLE_ARN }}
+          role-to-assume: ${{ secrets.AWS_LOGIN_STAGING_ROLE_ARN }}
           aws-region: ${{ env.AWS_REGION }}
 
       - name: Login to Amazon ECR

From 9bc39d1a0b5e2d26ebcb22cc274f92996bb53680 Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <francisngg@gmail.com>
Date: Thu, 31 Oct 2024 14:23:41 -0400
Subject: [PATCH 014/115] DAO-XXX Fix pagination after 5 pages. The
 nextPageParams was not being passed correctly

---
 src/app/user/Balances/actions.ts |  6 +++---
 src/lib/utils.ts                 | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/src/app/user/Balances/actions.ts b/src/app/user/Balances/actions.ts
index fc665830..b9ddfe23 100644
--- a/src/app/user/Balances/actions.ts
+++ b/src/app/user/Balances/actions.ts
@@ -132,10 +132,10 @@ export async function fetchIpfsUri(
 export const fetchNftInfo = (address: string) =>
   axiosInstance.get(getNftInfo.replace('{{nftAddress}}', address))
 
-export const fetchNftHoldersOfAddress = async (address: string, params: NextPageParams | null) => {
+export const fetchNftHoldersOfAddress = async (address: string, nextParams: NextPageParams | null) => {
   const { data } = await axiosInstance.get<ServerResponseV2<NftHolderItem>>(
     getNftHolders.replace('{{address}}', address),
-    { params },
+    { params: { nextPageParams: nextParams } },
   )
   if (data.error) {
     throw new Error(data.error)
@@ -146,7 +146,7 @@ export const fetchNftHoldersOfAddress = async (address: string, params: NextPage
 export const fetchTokenHoldersOfAddress = async (address: string, nextParams: NextPageParams | null) => {
   const { data } = await axiosInstance.get<ServerResponseV2<TokenHoldersResponse>>(
     getTokenHoldersOfAddress.replace('{{address}}', address),
-    { params: nextParams },
+    { params: { nextPageParams: nextParams } },
   )
   if (data.error) {
     throw new Error(data.error)
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 5aa40f51..95b5cfc1 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -32,6 +32,38 @@ export const axiosInstance = axios.create({
   },
 })
 
+axiosInstance.interceptors.request.use(
+  config => {
+    try {
+      const fullUrl = config.baseURL + (config.url || '')
+      const doesBaseUrlHasChainId = fullUrl.includes('chainId')
+      if (doesBaseUrlHasChainId) {
+        // Parse the full URL (baseURL + request URL)
+        const url = new URL(fullUrl)
+
+        // Get existing URL parameters
+        const existingChainId = url.searchParams.get('chainId')
+
+        // If there are params in the request config
+        if (config.params) {
+          // If chainId exists in both URL and params, remove it from params
+          if (existingChainId && 'chainId' in config.params) {
+            const { chainId, ...otherParams } = config.params
+            config.params = otherParams
+          }
+        }
+      }
+      return config
+    } catch (error) {
+      console.error('Error in axios interceptor:', error)
+      return config
+    }
+  },
+  error => {
+    return Promise.reject(error)
+  },
+)
+
 /**
  * Truncates a string to a given length
  * @param str - The string to truncate

From 08c3dfc2e2e3837e65e36ac3adbb9ca0d171d889 Mon Sep 17 00:00:00 2001
From: Jesse Clark <hello@developerjesse.com>
Date: Thu, 31 Oct 2024 20:32:36 +0200
Subject: [PATCH 015/115] Modify the DAO staging environment to use the
 .env.testnet file and trigger on PR.

---
 .github/workflows/staging.deploy.yaml | 7 ++++---
 Dockerfile                            | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/staging.deploy.yaml b/.github/workflows/staging.deploy.yaml
index f72ea3fc..9a42f698 100644
--- a/.github/workflows/staging.deploy.yaml
+++ b/.github/workflows/staging.deploy.yaml
@@ -1,9 +1,10 @@
 name: Deploy to Amazon ECS (staging)
 
 on:
-  push:
-    branches:
-      - develop
+  pull_request
+  #push:
+  #  branches:
+  #    - develop
 
 env:
   AWS_REGION: us-east-1
diff --git a/Dockerfile b/Dockerfile
index 2ff2451e..68d37627 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -35,7 +35,7 @@ RUN if [ "$arg_env" = "testnet" ]; then \
     elif [ "$arg_env" = "testnet.qa" ]; then \
       mv .env.testnet.qa .env.local; \
     elif [ "$arg_env" = "testnet.staging" ]; then \
-      mv .env.testnet.staging .env.local; \
+      mv .env.testnet .env.local; \
     fi
 
 # Export the NEXT_PUBLIC_BUILD_ID as an environment variable

From 32877dbb0734748cc62d7490727a40abcd70590e Mon Sep 17 00:00:00 2001
From: Jesse Clark <hello@developerjesse.com>
Date: Thu, 31 Oct 2024 20:52:32 +0200
Subject: [PATCH 016/115] Change staging env to mainnet contracts and mainnet
 .env

---
 Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index 68d37627..87894de3 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -34,7 +34,7 @@ RUN if [ "$arg_env" = "testnet" ]; then \
       mv .env.prod .env.local; \
     elif [ "$arg_env" = "testnet.qa" ]; then \
       mv .env.testnet.qa .env.local; \
-    elif [ "$arg_env" = "testnet.staging" ]; then \
+    elif [ "$arg_env" = "mainnet.staging" ]; then \
       mv .env.testnet .env.local; \
     fi
 

From f50884dbc12c134f41be7a31a0cf6a8edd3c5635 Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <francisngg@gmail.com>
Date: Fri, 1 Nov 2024 13:47:14 -0400
Subject: [PATCH 017/115] Point to mainnet prod

---
 Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index 87894de3..a80a150e 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -35,7 +35,7 @@ RUN if [ "$arg_env" = "testnet" ]; then \
     elif [ "$arg_env" = "testnet.qa" ]; then \
       mv .env.testnet.qa .env.local; \
     elif [ "$arg_env" = "mainnet.staging" ]; then \
-      mv .env.testnet .env.local; \
+      mv .env.prod .env.local; \
     fi
 
 # Export the NEXT_PUBLIC_BUILD_ID as an environment variable

From 97b9e11688b40d41bb96308aa468b133bc3abf18 Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <francisngg@gmail.com>
Date: Fri, 1 Nov 2024 14:06:14 -0400
Subject: [PATCH 018/115] Changed to correct profile

---
 .github/workflows/staging.deploy.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/staging.deploy.yaml b/.github/workflows/staging.deploy.yaml
index 9a42f698..a792f421 100644
--- a/.github/workflows/staging.deploy.yaml
+++ b/.github/workflows/staging.deploy.yaml
@@ -14,7 +14,7 @@ env:
   ECS_TASK_DEFINITION: rscoll-dev-dao-staging
   CONTAINER_NAME: rscoll-dev-dao-staging
 
-  PROFILE: qa
+  PROFILE: mainnet.staging
 
 jobs:
   deploy:

From ae5051b3ce1a0da0a6ac2189a9ce10be96bcdb9c Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <francisngg@gmail.com>
Date: Fri, 1 Nov 2024 14:25:27 -0400
Subject: [PATCH 019/115] Created a new env because backend has CORS

---
 .env.staging.mainnet | 27 +++++++++++++++++++++++++++
 Dockerfile           |  2 +-
 2 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 .env.staging.mainnet

diff --git a/.env.staging.mainnet b/.env.staging.mainnet
new file mode 100644
index 00000000..07a7968f
--- /dev/null
+++ b/.env.staging.mainnet
@@ -0,0 +1,27 @@
+NEXT_PUBLIC_ENV=mainnet
+NEXT_PUBLIC_RIF_WALLET_SERVICES=https://dev.rws.app.rootstockcollective.xyz
+NEXT_PUBLIC_EXPLORER=https://explorer.rootstock.io
+NEXT_PUBLIC_BUILD_ID=
+
+NEXT_PUBLIC_RIF_ADDRESS=0x2acc95758f8b5f583470ba265eb685a8f45fc9d5
+NEXT_PUBLIC_STRIF_ADDRESS=0x5db91e24bd32059584bbdb831a901f1199f3d459
+NEXT_PUBLIC_GOVERNOR_ADDRESS=0x71ac6ff904a17f50f2c07b693376ccc1c92627f0
+NEXT_PUBLIC_EA_NFT_ADDRESS=0x339f209b3eb8381c4fbe997232e95a21a731524c
+NEXT_PUBLIC_MULTICALL_ADDRESS=0xcA11bde05977b3631167028862bE2a173976CA11
+NEXT_PUBLIC_GRANTS_BUCKET_ADDRESS=0x48229e5D82a186Aa89a99212D2D59f5674aa5b6C
+NEXT_PUBLIC_GRANTS_ACTIVE_BUCKET_ADDRESS=0xf016fa6b237bb56e3aee7022c6947a6a103e3c47
+NEXT_PUBLIC_GROWTH_BUCKET_ADDRESS=0x267a6073637408b6A1d34d685ff5720A0CbCbD9d
+NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0xfE3d9B7D68aE13455475F28089968336414FD358
+NEXT_PUBLIC_CHAIN_ID=30
+
+# CR-related env variables
+NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x05220a0A76340a4ac474CF6F385718db20C1109f
+NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=14
+NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="2024-10-30T00:00:00Z"
+
+NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.mainnet.json"
+
+# OG NFT Contracts
+NEXT_PUBLIC_OG_FOUNDERS=0x0025e59f281bc06e7A54afe780673bd6A8D3a7E9
+NEXT_PUBLIC_OG_PARTNERS=0x8158aBDAEdD7770F372031aC0AaB8FB4BC9ABe75
+NEXT_PUBLIC_OG_CONTRIBUTORS=0x5b20eDd661a2B87A9C9AE55d3e3b09281Dc71C48
diff --git a/Dockerfile b/Dockerfile
index a80a150e..d3cdd9ab 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -35,7 +35,7 @@ RUN if [ "$arg_env" = "testnet" ]; then \
     elif [ "$arg_env" = "testnet.qa" ]; then \
       mv .env.testnet.qa .env.local; \
     elif [ "$arg_env" = "mainnet.staging" ]; then \
-      mv .env.prod .env.local; \
+      mv .env.staging.mainnet .env.local; \
     fi
 
 # Export the NEXT_PUBLIC_BUILD_ID as an environment variable

From 2387d3cb3496ff0e044f53edbe4b07c57027b43a Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Tue, 5 Nov 2024 08:21:59 -0600
Subject: [PATCH 020/115] build: cors localhost (#338)

---
 .env.regtest                                  |  24 ---
 .env.testnet.local                            |   1 +
 data.regtest.json                             |   6 -
 next.config.mjs                               |  83 ++++-----
 .../hooks/useGetTokenProjectedReward.ts       |   4 +-
 .../api/mocks/events_proposals_by_address.ts  |  15 --
 src/pages/api/mocks/nft_by_address.ts         |  17 --
 src/pages/api/mocks/prices_by_address.ts      |  30 ---
 src/pages/api/mocks/token_by_address.ts       |  17 --
 .../api/mocks/topic_responses/proposals.ts    | 172 ------------------
 .../topic_responses/reward_distributed.ts     |  38 ----
 11 files changed, 43 insertions(+), 364 deletions(-)
 delete mode 100644 .env.regtest
 delete mode 100644 data.regtest.json
 delete mode 100644 src/pages/api/mocks/events_proposals_by_address.ts
 delete mode 100644 src/pages/api/mocks/nft_by_address.ts
 delete mode 100644 src/pages/api/mocks/prices_by_address.ts
 delete mode 100644 src/pages/api/mocks/token_by_address.ts
 delete mode 100644 src/pages/api/mocks/topic_responses/proposals.ts
 delete mode 100644 src/pages/api/mocks/topic_responses/reward_distributed.ts

diff --git a/.env.regtest b/.env.regtest
deleted file mode 100644
index 9f4294b1..00000000
--- a/.env.regtest
+++ /dev/null
@@ -1,24 +0,0 @@
-# This file contains the environment variables for the CR regtest environment
-NEXT_PUBLIC_ENV=regtest
-NEXT_PUBLIC_RIF_WALLET_SERVICES=http://localhost:3000/mock
-NEXT_PUBLIC_EXPLORER=/mock
-NEXT_PUBLIC_BUILD_ID=
-
-NEXT_PUBLIC_RIF_ADDRESS=0x19f64674d8a5b4e652319f5e239efd3bc969a1fe
-NEXT_PUBLIC_STRIF_ADDRESS=0xAF17f7A0124E9F360ffA484b13566b041C0f5023
-NEXT_PUBLIC_GOVERNOR_ADDRESS=0xEc6bd0C8117b74904849af2CED73f30090DB6cd1
-NEXT_PUBLIC_EA_NFT_ADDRESS=0x687E04Bb759B3A010eb797301E5D1D05e135E90f
-NEXT_PUBLIC_MULTICALL_ADDRESS=0xcA11bde05977b3631167028862bE2a173976CA11
-NEXT_PUBLIC_GRANTS_BUCKET_ADDRESS=0xfaca664c661af7e0e630c8f92b401012cd2a30ef
-NEXT_PUBLIC_GRANTS_ACTIVE_BUCKET_ADDRESS=0x2217E4d3Ae0A6E30075D1B5a7b8C1520E8009f49
-NEXT_PUBLIC_GROWTH_BUCKET_ADDRESS=0x420f39968009a0e8693a0e1bba633cd99eaffb9b
-NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
-NEXT_PUBLIC_CHAIN_ID=33
-
-REGTEST_URL=http://localhost:4444
-# CR-related env variables
-NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x2E8924AAa43A9544A058E6f97D2d7a80a5266c28
-NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
-NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
-
-NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.regtest.json"
\ No newline at end of file
diff --git a/.env.testnet.local b/.env.testnet.local
index a3227980..bbd72a51 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -22,3 +22,4 @@ NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.local.json"
+NEXT_PUBLIC_ENABLE_CORS_BYPASS=true
diff --git a/data.regtest.json b/data.regtest.json
deleted file mode 100644
index 8ca6b946..00000000
--- a/data.regtest.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "totalRewardPerCycle": {
-    "0x0000000000000000000000000000000000000000": 999000000000000000000,
-    "0x19f64674d8a5b4e652319f5e239efd3bc969a1fe": 666000000000000000000
-  }
-}
diff --git a/next.config.mjs b/next.config.mjs
index 4675ac4b..10a2bd66 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,4 +1,3 @@
-import { createRequire } from 'module'
 import { createProxyMiddleware } from 'http-proxy-middleware'
 import { config } from 'dotenv'
 
@@ -7,6 +6,8 @@ config({
   path: ['apis.conf', process.env.PROFILE ? `.env.${process.env.PROFILE}` : '.env'],
 })
 
+const isCorsBypassAllowed = process.env.NEXT_PUBLIC_ENABLE_CORS_BYPASS == 'true' ?? false
+
 // Define the proxy configurations
 const corsBypassProxyConfig = () => ({
   target: process.env.NEXT_PUBLIC_PROXY_DESTINATION,
@@ -22,62 +23,58 @@ const corsBypassProxyConfig = () => ({
   },
 })
 
-// Define the proxy configurations based on the network
-const proxyConfigs = {
-  testnet: corsBypassProxyConfig,
-  regtest: undefined,
-}
-
 // We need NEXT_PUBLIC_RIF_WALLET_SERVICES to be an absolute URL, because it's used server side also
 // hence for rewrites, we need to extract the pathname only.
 const rifWalletServicesURL = new URL(process.env.NEXT_PUBLIC_RIF_WALLET_SERVICES || 'http://localhost:3000')
-
-const endpointsPrefix = 'NEXT_PUBLIC_API_RWS_'
-const endpointsEnvVars = Object.entries(process.env).filter(([key]) => key.startsWith(endpointsPrefix))
-
-// Define the rewrites based on the network
-const rewrites = {
-  //TODO: Disabling it for the DAO repo, since it was used in the fork only
-  testnet_cr: () => [
-    {
-      source: `${rifWalletServicesURL.pathname}/:path*`,
-      destination: `${process.env.NEXT_PUBLIC_PROXY_DESTINATION}/:path*`,
-    },
-  ],
-  regtest: () =>
-    endpointsEnvVars.map(([key, endpoint]) => ({
-      source: `${rifWalletServicesURL.pathname}${endpoint}`.replace(/\{\{([^\}]+)\}\}/g, ':$1').split('?')[0],
-      destination: `/api/mocks/${key.replace(endpointsPrefix, '').toLowerCase()}?path=:path*`,
-    })),
-}
-
-// Define the proxy paths
-const proxyPaths = ['/mock', '/cors_bypass']
-
-// Define the network
-const network = process.env.NEXT_PUBLIC_ENV
+const corsBypassRewrite = () => [
+  {
+    source: `${rifWalletServicesURL.pathname}/:path*`,
+    destination: `${process.env.NEXT_PUBLIC_PROXY_DESTINATION}/:path*`,
+  },
+]
 
 // Define the next configuration
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: 'standalone',
-  rewrites: rewrites[network],
-  webpack: (config, { isServer }) => {
+  webpack: config => {
     config.optimization.splitChunks = {
       chunks: 'all',
       maxInitialRequests: 2, // Limit the number of requests on initial page load
       maxAsyncRequests: 2, // Limit the number of requests when loading dynamically imported modules
     }
-    if (!isServer) {
-      config.devServer = {
-        ...config.devServer,
-        before: app => {
-          app.use(proxyPaths[network], createProxyMiddleware(proxyConfigs[network]))
-        },
-      }
-    }
+
     return config
   },
 }
 
-export default nextConfig
+const getNextConfig = () => {
+  if (isCorsBypassAllowed) {
+    return {
+      ...nextConfig,
+      rewrites: corsBypassRewrite,
+      webpack: (config, options) => {
+        if (options.isServer) {
+          return config
+        }
+        const devServer = {
+          ...config.devServer,
+          before: app => {
+            app.use('/cors_bypass', createProxyMiddleware(corsBypassProxyConfig))
+          },
+        }
+
+        return {
+          ...nextConfig.webpack(config, options),
+          devServer,
+        }
+      },
+    }
+  }
+
+  return nextConfig
+}
+
+const exportedNextConfig = getNextConfig()
+
+export default exportedNextConfig
diff --git a/src/app/collective-rewards/hooks/useGetTokenProjectedReward.ts b/src/app/collective-rewards/hooks/useGetTokenProjectedReward.ts
index 09fd7616..ca0d2248 100644
--- a/src/app/collective-rewards/hooks/useGetTokenProjectedReward.ts
+++ b/src/app/collective-rewards/hooks/useGetTokenProjectedReward.ts
@@ -1,6 +1,6 @@
 import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/hooks/useGetWhitelistedBuildersLength'
-import { axiosInstance } from '@/lib/utils'
 import { useQuery } from '@tanstack/react-query'
+import axios from 'axios'
 import { Address } from 'viem'
 
 const ENV_DATA_URL = process.env.NEXT_PUBLIC_ENV_DATA_URL ?? ''
@@ -18,7 +18,7 @@ export const useGetTokenProjectedReward = (rewardToken: Address) => {
     error: totalRewardPerCycleFileError,
   } = useQuery({
     queryFn: async () => {
-      const { data } = await axiosInstance.get(ENV_DATA_URL)
+      const { data } = await axios.get(ENV_DATA_URL)
       return data
     },
     queryKey: ['totalRewardPerCycleFile'],
diff --git a/src/pages/api/mocks/events_proposals_by_address.ts b/src/pages/api/mocks/events_proposals_by_address.ts
deleted file mode 100644
index 513b7411..00000000
--- a/src/pages/api/mocks/events_proposals_by_address.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// Usage: http://localhost:3000/api/mocks/fetchProposalsCreatedByGovernorAddress?address=0x1234567890&topic0=0x1234567890
-import { NextApiRequest, NextApiResponse } from 'next'
-import reward_distributed from './topic_responses/reward_distributed'
-import proposals from './topic_responses/proposals'
-
-export default function handler(req: NextApiRequest, res: NextApiResponse) {
-  const { address, topic0 } = req.query as { address: string; topic0: string }
-
-  const eventsByTopic: { [key: string]: Array<any> } = {
-    '0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0': proposals(address),
-    '0x57ea5c7c295b52ef3b06c69661d59c8a6d9c602ac5355cfe5e54e303c139f270': reward_distributed(address),
-  }
-
-  res.status(200).json(eventsByTopic[topic0])
-}
diff --git a/src/pages/api/mocks/nft_by_address.ts b/src/pages/api/mocks/nft_by_address.ts
deleted file mode 100644
index 22c49dd3..00000000
--- a/src/pages/api/mocks/nft_by_address.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// Usage: http://localhost:3000/api/mocks/fetchNFTsOwnedByAddressAndNftAddress?address=0x123&nftAddress=0x456
-import { NextApiRequest, NextApiResponse } from 'next'
-
-export default function handler(req: NextApiRequest, res: NextApiResponse) {
-  const { address, nftAddress } = req.query
-
-  res.status(200).json({
-    message: 'Mock response for fetching NFTs owned by address',
-    nfts: [
-      { nft: 'nft1', nftAddress },
-      { nft: 'nft2', nftAddress },
-      { nft: 'nft3', nftAddress },
-    ],
-    ownerAddress: address,
-    nftAddress,
-  })
-}
diff --git a/src/pages/api/mocks/prices_by_address.ts b/src/pages/api/mocks/prices_by_address.ts
deleted file mode 100644
index 12e42cb9..00000000
--- a/src/pages/api/mocks/prices_by_address.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-// Usage: http://localhost:3000/api/mocks/fetchPricesEndpoint?address=0x123&chainId=1
-import { NextApiRequest, NextApiResponse } from 'next'
-import { zeroAddress } from 'viem'
-
-export default function handler(req: NextApiRequest, res: NextApiResponse) {
-  const { addresses, convert } = req.query
-
-  if (!addresses) {
-    return res.status(400).json({
-      // eslint-disable-next-line quotes
-      error: "Missing required parameter 'addresses'",
-    })
-  }
-
-  res.status(200).json(
-    addresses
-      .toString()
-      .split(',')
-      .reduce(
-        (acc, address) => ({
-          ...acc,
-          [address]: {
-            price: address === zeroAddress ? 59709.08531329423 : 0.07601445824978191,
-            lastUpdated: '2024-08-12T11:51:00.000Z',
-          },
-        }),
-        {},
-      ),
-  )
-}
diff --git a/src/pages/api/mocks/token_by_address.ts b/src/pages/api/mocks/token_by_address.ts
deleted file mode 100644
index 56fff2fe..00000000
--- a/src/pages/api/mocks/token_by_address.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// Usage: http://localhost:3000/api/mocks/fetchAddressTokensEndpoint?address=0x123&chainId=1
-import { NextApiRequest, NextApiResponse } from 'next'
-
-export default function handler(req: NextApiRequest, res: NextApiResponse) {
-  const { address, chainId } = req.query
-
-  res.status(200).json({
-    message: 'Mock response for fetching address tokens',
-    tokens: [
-      { token: 'token1', chainId },
-      { token: 'token2', chainId },
-      { token: 'token3', chainId },
-    ],
-    address,
-    chainId,
-  })
-}
diff --git a/src/pages/api/mocks/topic_responses/proposals.ts b/src/pages/api/mocks/topic_responses/proposals.ts
deleted file mode 100644
index a58b264e..00000000
--- a/src/pages/api/mocks/topic_responses/proposals.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-export default function proposals_logs(address: string) {
-  return [
-    {
-      address: address,
-      blockNumber: '0x52802f',
-      data: '0x44c8bf3e66e9f5dc59a7b12f3dd1c424cbd54b13d37ba51ccc13afcfd61e567d000000000000000000000000a2193a393aa0c94a4d52893496f02b56c61c36a10000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000528030000000000000000000000000000000000000000000000000000000000052812000000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb000000000000000000000000fbd1cb816f073c554296bfff2be2ddb66ced83fd0000000000000000000000000000000000000000000000000de0b6b3a764000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000002f46697273742070726f706f73616c3b546869732069732074686520766572792066697273742070726f706f73616c2e0000000000000000000000000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x4c14c',
-      logIndex: '0x0',
-      timeStamp: '0x66b297b6',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x267be406359738f9660346d9cb0d07ccfbdce3798812cb4287d4aa6c8d406acd',
-      transactionIndex: '0x3',
-    },
-    {
-      address: address,
-      blockNumber: '0x52970b',
-      data: '0x9f434cd9ec5b312a98a698ba58d37a10f5a8a08e72906ca6a2dff35dbf7dc63000000000000000000000000064a5c098532848372f1e5754ac890b65a28faea10000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a00000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000052970c00000000000000000000000000000000000000000000000000000000005297fc00000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000064a5c098532848372f1e5754ac890b65a28faea10000000000000000000000000000000000000000000000000de0b6b3a76400000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000374672616e63697350726f706f73616c54657374382d382d323032343b4672616e63697350726f706f73616c54657374382d382d32303234000000000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x4875d',
-      logIndex: '0x0',
-      timeStamp: '0x66b4dd48',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x19d341969e62953ad02041031ff29473d85fd5529491d32dc9288d5fc15372c8',
-      transactionIndex: '0x3',
-    },
-    {
-      address: address,
-      blockNumber: '0x52974b',
-      data: '0x05af2ae3bf101f0d27798afa4071a556a2c16c1ecf74161f3387eb542ebb65b200000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a00000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000052974c000000000000000000000000000000000000000000000000000000000052983c00000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000008ac7230489e800000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000286c6567616c2073616d706c652070726f706f73616c3b72616e646f6d206465736372697074696f6e000000000000000000000000000000000000000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x48660',
-      logIndex: '0x0',
-      timeStamp: '0x66b4e393',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x42a0fc2ab878e20c38d32145a17a5ca67e1438247b4818bf91ceb6c9db02364e',
-      transactionIndex: '0x3',
-    },
-    {
-      address: address,
-      blockNumber: '0x529770',
-      data: '0xcd04dec64e0e759a472a95d2d48c971e9b83b21f05c2a527080a4e76ca6d42be00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000529771000000000000000000000000000000000000000000000000000000000052986100000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000008ac7230489e8000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001f72616e646f6d2070726f706f73616c3b646f65736e2774206d61747465722000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x48415',
-      logIndex: '0x0',
-      timeStamp: '0x66b4e6e2',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x1635437719e23c5fb65b251754e524a3d029f2470b796dd438f52dc22abf3cee',
-      transactionIndex: '0x3',
-    },
-    {
-      address: address,
-      blockNumber: '0x5297d1',
-      data: '0x8b5e26cfcce3af9eeba8877e9c683ce45ddecdb3beb28c45b8a707ab63f422bc00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a0000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000000005297d200000000000000000000000000000000000000000000000000000000005298c200000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000de0b6b3a764000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001274657374206b656e203b61736466617364660000000000000000000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x48379',
-      logIndex: '0x0',
-      timeStamp: '0x66b4f034',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0xc624694517fd3c6edbb642fe26f6b91055f2365ab65472634ab27eef41de12ec',
-      transactionIndex: '0x0',
-    },
-    {
-      address: address,
-      blockNumber: '0x52a49f',
-      data: '0x6331c3481da3e6d350c7de96cc0c753c49ec8bbdd08df1ff1e818e613cfb7b4500000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a00000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000052a4a0000000000000000000000000000000000000000000000000000000000052a59000000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca00000000000000000000000000000000000000000052b7d2dcc80cd2e400000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001d73616d706c652070726f706f73616c3b67697665206d65206d6f6e6579000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x48682',
-      logIndex: '0x0',
-      timeStamp: '0x66b635be',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x94190aabed86b79d2ef5d136bcfeac93fc769ee2dbf7bdca2595b601a3e1c69c',
-      transactionIndex: '0x2',
-    },
-    {
-      address: address,
-      blockNumber: '0x52a8aa',
-      data: '0x7f6750351b7f8538f9cd4d5332febdf746cdb47153e2bcfa9585c597c6ed230500000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a00000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000052a8ab000000000000000000000000000000000000000000000000000000000052a99b00000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000de0b6b3a764000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000004120202020202020202020202020202020202020202020202020202020202020202020202020202020647366646664663b73616d706c652064656372697074696f6e00000000000000000000000000000000000000000000000000000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x48c20',
-      logIndex: '0x0',
-      timeStamp: '0x66b69824',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x8a344f5ebeba9bc6e82878fc8b6ac09b733931b2ed4d1371e3a12cc6d97dc28e',
-      transactionIndex: '0x3',
-    },
-    {
-      address: address,
-      blockNumber: '0x52a8aa',
-      data: '0x7f6750351b7f8538f9cd4d5332febdf746cdb47153e2bcfa9585c597c6ed230500000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a00000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000052a8ab000000000000000000000000000000000000000000000000000000000052a99b00000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000de0b6b3a764000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000004120202020202020202020202020202020202020202020202020202020202020202020202020202020647366646664663b73616d706c652064656372697074696f6e00000000000000000000000000000000000000000000000000000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x48c20',
-      logIndex: '0x0',
-      timeStamp: '0x66b69824',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x8a344f5ebeba9bc6e82878fc8b6ac09b733931b2ed4d1371e3a12cc6d97dc28e',
-      transactionIndex: '0x3',
-    },
-    {
-      address: address,
-      blockNumber: '0x52a8ae',
-      data: '0xdd4815af389329a4b1265593c26c0bac9b6b758fe31c4073298edae4fcceedf500000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a00000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000052a8af000000000000000000000000000000000000000000000000000000000052a99f00000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000008ac72306ddf3e400000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000023646563696d616c2070726f706f73616c3b73616d706c65206465736372697074696f6e0000000000000000000000000000000000000000000000000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x4889d',
-      logIndex: '0x0',
-      timeStamp: '0x66b698a9',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x4dd0ae438b412b4ddaccfaaf6b1da40152fd2ae0a66ddcc7cc0f341767c981b2',
-      transactionIndex: '0x1',
-    },
-    {
-      address: address,
-      blockNumber: '0x52a8b0',
-      data: '0x1e2421c3ca150b3410b40ced162fce694ef8296b22a9bcf1c5a7edac4192039000000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a00000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000052a8b1000000000000000000000000000000000000000000000000000000000052a9a100000000000000000000000000000000000000000000000000000000000002c00000000000000000000000000000000000000000000000000000000000000001000000000000000000000000d6eb12591559c42e28d672197265b331b1ad867d00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000081df35317df983e419630908ef6cb2bb48ce21ca0000000000000000000000000000000000000000000000000f6b75aae98a3c00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c1d73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f3b73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f73616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f662063686172732073616d706c65206d6178206e756d626572206f000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x5ca9a',
-      logIndex: '0x0',
-      timeStamp: '0x66b69916',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x0652cdf854b32b5bce3a68663d0b222601b2782035432348501bfa9d1257cb8a',
-      transactionIndex: '0x2',
-    },
-    {
-      address: address,
-      blockNumber: '0x52b2ab',
-      data: '0x1e70eec635e53ff45732dfd257e553ebe6754e486f962153ef57012f4485e49b00000000000000000000000064a5c098532848372f1e5754ac890b65a28faea10000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a00000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000052b2ac000000000000000000000000000000000000000000000000000000000052b39c00000000000000000000000000000000000000000000000000000000000002c0000000000000000000000000000000000000000000000000000000000000000100000000000000000000000019f64674d8a5b4e652319f5e239efd3bc969a1fe00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000064a5c098532848372f1e5754ac890b65a28faea10000000000000000000000000000000000000000000000000de0b6b3a76400000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000194672616e636973546573743b5465737474657372747465737400000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x483cd',
-      logIndex: '0x0',
-      timeStamp: '0x66b7971a',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x1b320646ad1784ddca10eb04937a86ba1e4c6835f11520415e785ee5b8603a70',
-      transactionIndex: '0x3',
-    },
-    {
-      address: address,
-      blockNumber: '0x52b2de',
-      data: '0x9bf1b826ccf22f7cdc0e9f3afcf460f153c00968d85add9e4adf137d401e01ae00000000000000000000000064a5c098532848372f1e5754ac890b65a28faea10000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a00000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000052b2df000000000000000000000000000000000000000000000000000000000052b3cf00000000000000000000000000000000000000000000000000000000000002c0000000000000000000000000000000000000000000000000000000000000000100000000000000000000000019f64674d8a5b4e652319f5e239efd3bc969a1fe00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044a9059cbb00000000000000000000000064a5c098532848372f1e5754ac890b65a28faea10000000000000000000000000000000000000000000000000de0b6b3a764000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001f4672616e63697354657374323b546573746572206c696b65206120626f737300',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x48415',
-      logIndex: '0x0',
-      timeStamp: '0x66b79c05',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0', null, null, null],
-      transactionHash: '0x340de266b091b0177d4aabb59dc7f97bab7fb58d572230ee3a93daf78a52eb3f',
-      transactionIndex: '0x0',
-    },
-    {
-      address: address,
-      blockNumber: '0x52b2de',
-      data: '0x6c99918ab3e84e17f554abce8bf45cbf7d83e60b3ee592bd1392f8c6e9717e6800000000000000000000000009a1eda29f664ac8f68106f6567276df0c65d8590000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000300000000000000000000000000000000000000000000000000000000000002c0000000000000000000000000000000000000000000000000000000000000000100000000000000000000000073ec81da0c72dd112e06c09a6ec03b5544d26f0500000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044b0db8f2c000000000000000000000000a18f4fbee88592bee3d51d90ba791e769a9b902f000000000000000000000000a18f4fbee88592bee3d51d90ba791e769a9b902f00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000b6465736372697074696f6e000000000000000000000000000000000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x48415',
-      logIndex: '0x0',
-      timeStamp: '0x66b79c05',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0'],
-      transactionHash: '0x3ac9191bf3347a0eb89ca4cd4765972207e60db69c4989f203984a5bf645a362',
-      transactionIndex: '0x0',
-    },
-    {
-      address: address,
-      blockNumber: '0x52b2de',
-      data: '0x704b45a880daff550b7446f85417d7f2d9a6e88b1a19fda513cda38c8ee738ab00000000000000000000000009a1eda29f664ac8f68106f6567276df0c65d8590000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000016000000000000000000000000000000000000000000000000000000000000001a000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000300000000000000000000000000000000000000000000000000000000000002c0000000000000000000000000000000000000000000000000000000000000000100000000000000000000000073ec81da0c72dd112e06c09a6ec03b5544d26f0500000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000044b0db8f2c000000000000000000000000a18f4fbee88592bee3d51d90ba791e769a9b902f000000000000000000000000a18f4fbee88592bee3d51d90ba791e769a9b902f00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000d6465736372697074696f6e203200000000000000000000000000000000000000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x48415',
-      logIndex: '0x0',
-      timeStamp: '0x66B79C0E',
-      topics: ['0x7d84a6263ae0d98d3329bd7b46bb4e8d6f98cd35a7adb45c274c8b7fd5ebd5e0'],
-      transactionHash: '0x3ac9191bf3347a0eb89ca4cd4765972207e60db69c4989f203984a5bf645a362',
-      transactionIndex: '0x0',
-    },
-  ]
-}
diff --git a/src/pages/api/mocks/topic_responses/reward_distributed.ts b/src/pages/api/mocks/topic_responses/reward_distributed.ts
deleted file mode 100644
index 1bdc4d2c..00000000
--- a/src/pages/api/mocks/topic_responses/reward_distributed.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-export default function reward_distributed_logs(address: string) {
-  return [
-    {
-      address: address,
-      blockNumber: '0x52802f',
-      data: '0x0000000000000000000000000000000000000000000000004563918244f40000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x4c14c',
-      logIndex: '0x0',
-      timeStamp: '0x66b297b6',
-      topics: [
-        '0x57ea5c7c295b52ef3b06c69661d59c8a6d9c602ac5355cfe5e54e303c139f270',
-        '0x00000000000000000000000019f64674d8a5b4e652319f5e239efd3bc969a1fe',
-        '0x000000000000000000000000a18f4fbee88592bee3d51d90ba791e769a9b902f',
-        '0x000000000000000000000000a18f4fbee88592bee3d51d90ba791e769a9b902f',
-      ],
-      transactionHash: '0x267be406359738f9660346d9cb0d07ccfbdce3798812cb4287d4aa6c8d406acd',
-      transactionIndex: '0x3',
-    },
-    {
-      address: address,
-      blockNumber: '0x52802f',
-      data: '0x0000000000000000000000000000000000000000000000003782DACE9D900000',
-      gasPrice: '0x3e252e0',
-      gasUsed: '0x4c14c',
-      logIndex: '0x0',
-      timeStamp: '0x66b297b6',
-      topics: [
-        '0x57ea5c7c295b52ef3b06c69661d59c8a6d9c602ac5355cfe5e54e303c139f270',
-        '0x0000000000000000000000000000000000000000000000000000000000000000',
-        '0x000000000000000000000000a18f4fbee88592bee3d51d90ba791e769a9b902f',
-        '0x000000000000000000000000a18f4fbee88592bee3d51d90ba791e769a9b902f',
-      ],
-      transactionHash: '0x267be406359738f9660346d9cb0d07ccfbdce3798812cb4287d4aa6c8d406acd',
-      transactionIndex: '0x3',
-    },
-  ]
-}

From c4b899a5034c0085f839fa756ce0c5572b626efe Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Tue, 5 Nov 2024 08:24:29 -0600
Subject: [PATCH 021/115] docs: environments (#334)

* docs: environments

* refactor: pr comments

* docs: public repo
---
 README.md | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/README.md b/README.md
index 69b58cb9..5cce9e67 100644
--- a/README.md
+++ b/README.md
@@ -55,6 +55,25 @@ You can start editing the page by modifying `app/page.tsx`. The page auto-update
 
 This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 
+## Environments
+
+The following table describes the different environments files that the teams interact with it and where they are deployed.
+
+All environment files are prefixed with a `.env`.
+
+| Environment      | Team     | Deploy URL                                      | Configuration                                                                                                                                                                              | Notes        |
+| ---------------- | -------- | ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------ |
+| .prod            | DAO - CR | https://app.rootstockcollective.xyz             | [DAO](https://github.com/RootstockCollective/dao-contracts/blob/develop/params/mainnet.json) <br> [CR](https://github.com/RootstockCollective/collective-rewards-sc/blob/main/.env.30.mvp) | -            |
+| .dev             | DAO - CR | https://dev.app.rootstockcollective.xyz         | [DAO](https://github.com/RootstockCollective/dao-contracts/blob/develop/params/dev.json)                                                                                                   | Requires VPN |
+| .testnet         | DAO      | https://testnet.app.rootstockcollective.xyz     | [DAO](https://github.com/RootstockCollective/dao-contracts/blob/develop/params/testnet.json)                                                                                               | -            |
+| .qa              | DAO      | -                                               | -                                                                                                                                                                                          | -            |
+| .testnet.local   | CR       | http://localhost:3000                           | [CR](https://github.com/RootstockCollective/collective-rewards-sc/blob/main/.env.31.staging.mvp)                                                                                           | -            |
+| .testnet.qa      | CR       | https://frontend.qa.bim.dao.rif.technology      | [CR](https://github.com/RootstockCollective/collective-rewards-sc/blob/main/.env.31.qa.dapp)                                                                                               | -            |
+| .testnet.staging | CR       | https://frontend.testnet.bim.dao.rif.technology | [CR](https://github.com/RootstockCollective/collective-rewards-sc/blob/main/.env.31.staging.mvp)                                                                                           | -            |
+
+**CR**: Rootstock Collective Rewards squad <br>
+**DAO**: Rootstock DAO squad
+
 ## Learn More
 
 To learn more about Next.js, take a look at the following resources:

From b35e90909c6a4b63dacd9565c9d43f9efcce9f05 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Tue, 5 Nov 2024 14:28:45 +0000
Subject: [PATCH 022/115] chore: move reward distributed endpoint in a single
 place (#330)

* chore: move reward distributed endpoint in a single place

* refactor: remove not use dependency

* Update src/lib/endpoints.ts

Co-authored-by: franciscotobar <100875069+franciscotobar@users.noreply.github.com>

---------

Co-authored-by: Francisco Tobar <francisco.tobar@iovlabs.org>
Co-authored-by: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
---
 src/app/collective-rewards/actions.ts | 12 ++++--------
 src/lib/endpoints.ts                  |  3 +++
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/app/collective-rewards/actions.ts b/src/app/collective-rewards/actions.ts
index bc73feb9..bb8e9de7 100644
--- a/src/app/collective-rewards/actions.ts
+++ b/src/app/collective-rewards/actions.ts
@@ -1,16 +1,12 @@
-import { encodeEventTopics } from 'viem'
-import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
 import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
 import { axiosInstance } from '@/lib/utils'
+import { fetchRewardDistributedLogsByAddress } from '@/lib/endpoints'
 
 export const fetchRewardDistributedLogs = (fromBlock = 0) => {
-  const topic = encodeEventTopics({
-    abi: SimplifiedRewardDistributorAbi,
-    eventName: 'RewardDistributed',
-  })[0]
-
   return axiosInstance.get(
-    `address/${SimplifiedRewardDistributorAddress}/eventsByTopic0?topic0=${topic}&fromBlock=${fromBlock}`,
+    fetchRewardDistributedLogsByAddress
+      .replace('{{address}}', SimplifiedRewardDistributorAddress)
+      .replace('{{fromBlock}}', fromBlock.toString()),
   )
 }
 
diff --git a/src/lib/endpoints.ts b/src/lib/endpoints.ts
index e4da2eb9..53b25b3c 100644
--- a/src/lib/endpoints.ts
+++ b/src/lib/endpoints.ts
@@ -22,3 +22,6 @@ export const getNftInfo =
 export const getTokenHoldersOfAddress = `/address/{{address}}/holders?chainId=${CHAIN_ID}`
 
 export const getNftHolders = `/nfts/{{address}}/holders?chainId=${CHAIN_ID}`
+
+const REWARD_DISTRIBUTED_EVENT = '0x57ea5c7c295b52ef3b06c69661d59c8a6d9c602ac5355cfe5e54e303c139f270'
+export const fetchRewardDistributedLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${REWARD_DISTRIBUTED_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`

From 896402aa90ae5a18feffbf03c1d737906a8816d8 Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Wed, 6 Nov 2024 03:10:38 -0600
Subject: [PATCH 023/115] test(cr): remove jest (#332)

* test: remove jest

* refactor: pr comments

* fix: do all the math in milliseconds to avoid calendar math

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 jest.config.ts                                |  210 --
 jest.setup.ts                                 |    4 -
 package-lock.json                             | 2113 ++---------------
 package.json                                  |    7 -
 .../BecomeABuilderButton.test.tsx             |   68 +-
 src/app/collective-rewards/utils/getCycle.ts  |    4 +-
 .../utils/getEpochCycle.test.tsx              |   32 +-
 .../utils/getMostAdvancedProposal.test.tsx    |    2 +-
 .../hooks/useFetchLatestProposals.test.tsx    |   18 +-
 vitest.config.ts                              |    1 -
 10 files changed, 231 insertions(+), 2228 deletions(-)
 delete mode 100644 jest.config.ts
 delete mode 100644 jest.setup.ts
 rename {__tests__ => src}/app/collective-rewards/BecomeABuilderButton.test.tsx (67%)
 rename {__tests__ => src}/app/collective-rewards/utils/getEpochCycle.test.tsx (58%)
 rename {__tests__ => src}/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx (98%)
 rename {__tests__ => src}/app/proposals/hooks/useFetchLatestProposals.test.tsx (96%)

diff --git a/jest.config.ts b/jest.config.ts
deleted file mode 100644
index c3874504..00000000
--- a/jest.config.ts
+++ /dev/null
@@ -1,210 +0,0 @@
-/**
- * For a detailed explanation regarding each configuration property, visit:
- * https://jestjs.io/docs/configuration
- */
-
-import type { Config } from 'jest'
-import nextJest from 'next/jest.js'
-
-const createJestConfig = nextJest({
-  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
-  dir: './',
-})
-
-const config: Config = {
-  // All imported modules in your tests should be mocked automatically
-  // automock: false,
-
-  // Stop running tests after `n` failures
-  // bail: 0,
-
-  // The directory where Jest should store its cached dependency information
-  // cacheDirectory: "/private/var/folders/d1/h0gr26m110l5n8sddjd1kqwm0000gn/T/jest_dx",
-
-  // Automatically clear mock calls, instances, contexts and results before every test
-  clearMocks: true,
-
-  // Indicates whether the coverage information should be collected while executing the test
-  collectCoverage: true,
-
-  // An array of glob patterns indicating a set of files for which coverage information should be collected
-  // collectCoverageFrom: undefined,
-
-  // The directory where Jest should output its coverage files
-  coverageDirectory: 'coverage',
-
-  // An array of regexp pattern strings used to skip coverage collection
-  // coveragePathIgnorePatterns: [
-  //   "/node_modules/"
-  // ],
-
-  // Indicates which provider should be used to instrument code for coverage
-  // coverageProvider: "babel",
-
-  // A list of reporter names that Jest uses when writing coverage reports
-  // coverageReporters: [
-  //   "json",
-  //   "text",
-  //   "lcov",
-  //   "clover"
-  // ],
-
-  // An object that configures minimum threshold enforcement for coverage results
-  // coverageThreshold: undefined,
-
-  // A path to a custom dependency extractor
-  // dependencyExtractor: undefined,
-
-  // Make calling deprecated APIs throw helpful error messages
-  // errorOnDeprecated: false,
-
-  // The default configuration for fake timers
-  // fakeTimers: {
-  //   "enableGlobally": false
-  // },
-
-  // Force coverage collection from ignored files using an array of glob patterns
-  // forceCoverageMatch: [],
-
-  // A path to a module which exports an async function that is triggered once before all test suites
-  // globalSetup: undefined,
-
-  // A path to a module which exports an async function that is triggered once after all test suites
-  // globalTeardown: undefined,
-
-  // A set of global variables that need to be available in all test environments
-  globals: {
-    TextEncoder: require('util').TextEncoder,
-  },
-
-  // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
-  // maxWorkers: "50%",
-
-  // An array of directory names to be searched recursively up from the requiring module's location
-  // moduleDirectories: [
-  //   "node_modules"
-  // ],
-
-  // An array of file extensions your modules use
-  // moduleFileExtensions: [
-  //   "js",
-  //   "mjs",
-  //   "cjs",
-  //   "jsx",
-  //   "ts",
-  //   "tsx",
-  //   "json",
-  //   "node"
-  // ],
-
-  // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
-  moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/src/$1',
-    '^@/public/(.*)$': '<rootDir>/public/$1',
-  },
-
-  // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
-  // modulePathIgnorePatterns: [],
-
-  // Activates notifications for test results
-  // notify: false,
-
-  // An enum that specifies notification mode. Requires { notify: true }
-  // notifyMode: "failure-change",
-
-  // A preset that is used as a base for Jest's configuration
-  // preset: undefined,
-
-  // Run tests from one or more projects
-  // projects: undefined,
-
-  // Use this configuration option to add custom reporters to Jest
-  // reporters: undefined,
-
-  // Automatically reset mock state before every test
-  // resetMocks: false,
-
-  // Reset the module registry before running each individual test
-  // resetModules: false,
-
-  // A path to a custom resolver
-  // resolver: undefined,
-
-  // Automatically restore mock state and implementation before every test
-  // restoreMocks: false,
-
-  // The root directory that Jest should scan for tests and modules within
-  // rootDir: undefined,
-
-  // A list of paths to directories that Jest should use to search for files in
-  // roots: [
-  //   "<rootDir>"
-  // ],
-
-  // Allows you to use a custom runner instead of Jest's default test runner
-  // runner: "jest-runner",
-
-  // The paths to modules that run some code to configure or set up the testing environment before each test
-  // setupFiles: [],
-
-  // A list of paths to modules that run some code to configure or set up the testing framework before each test
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'], // add custom matchers for every test
-
-  // The number of seconds after which a test is considered as slow and reported as such in the results.
-  // slowTestThreshold: 5,
-
-  // A list of paths to snapshot serializer modules Jest should use for snapshot testing
-  // snapshotSerializers: [],
-
-  // The test environment that will be used for testing
-  testEnvironment: 'jsdom',
-
-  // Options that will be passed to the testEnvironment
-  // testEnvironmentOptions: {},
-
-  // Adds a location field to test results
-  // testLocationInResults: false,
-
-  // The glob patterns Jest uses to detect test files
-  testMatch: [
-    '**/__tests__/**/*.[jt]s?(x)',
-    // "**/?(*.)+(spec|test).[tj]s?(x)"
-  ],
-
-  // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-  // testPathIgnorePatterns: [
-  //   "/node_modules/"
-  // ],
-
-  // The regexp pattern or array of patterns that Jest uses to detect test files
-  // testRegex: [],
-
-  // This option allows the use of a custom results processor
-  // testResultsProcessor: undefined,
-
-  // This option allows use of a custom test runner
-  // testRunner: "jest-circus/runner",
-
-  // A map from regular expressions to paths to transformers
-  // transform: undefined,
-
-  // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
-  // transformIgnorePatterns: [
-  //   "/node_modules/",
-  //   "\\.pnp\\.[^\\/]+$"
-  // ],
-
-  // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
-  // unmockedModulePathPatterns: undefined,
-
-  // Indicates whether each individual test should be reported during the run
-  // verbose: undefined,
-
-  // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
-  // watchPathIgnorePatterns: [],
-
-  // Whether to use watchman for file crawling
-  // watchman: true,
-}
-
-export default createJestConfig(config)
diff --git a/jest.setup.ts b/jest.setup.ts
deleted file mode 100644
index 569be510..00000000
--- a/jest.setup.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-// add custom matchers
-import '@testing-library/jest-dom/jest-globals';
-import '@testing-library/jest-dom';
-import "jest-canvas-mock";
diff --git a/package-lock.json b/package-lock.json
index 06f6b952..fa58e035 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -40,7 +40,6 @@
       },
       "devDependencies": {
         "@chromatic-com/storybook": "^1.5.0",
-        "@jest/globals": "^29.7.0",
         "@storybook/addon-docs": "^8.1.10",
         "@storybook/addon-essentials": "^8.1.10",
         "@storybook/addon-interactions": "^8.1.10",
@@ -53,7 +52,6 @@
         "@testing-library/dom": "^10.4.0",
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.0",
-        "@types/jest": "^29.5.12",
         "@types/luxon": "^3.4.2",
         "@types/node": "^20",
         "@types/react": "^18",
@@ -67,9 +65,6 @@
         "eslint-plugin-prettier": "^5.1.3",
         "eslint-plugin-storybook": "^0.8.0",
         "http-proxy-middleware": "^3.0.0",
-        "jest": "^29.7.0",
-        "jest-canvas-mock": "^2.5.2",
-        "jest-environment-jsdom": "^29.7.0",
         "jsdom": "^25.0.1",
         "pino-pretty": "^11.2.1",
         "postcss": "^8",
@@ -768,6 +763,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
       "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -792,6 +788,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
       "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.12.13"
       },
@@ -804,6 +801,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
       "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
       },
@@ -893,6 +891,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
       "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -905,6 +904,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
       "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -932,6 +932,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
       "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -944,6 +945,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
       "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -956,6 +958,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
       "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -968,6 +971,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
       "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -980,6 +984,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
       "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -992,6 +997,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
       "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -1004,6 +1010,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
       "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
       },
@@ -1019,6 +1026,7 @@
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
       "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
       },
@@ -2411,13 +2419,6 @@
       "dev": true,
       "license": "BSD-2-Clause"
     },
-    "node_modules/@bcoe/v8-coverage": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@chromatic-com/storybook": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-1.9.0.tgz",
@@ -3675,6 +3676,7 @@
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
       "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "camelcase": "^5.3.1",
         "find-up": "^4.1.0",
@@ -3691,6 +3693,7 @@
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
@@ -3700,6 +3703,7 @@
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -3713,6 +3717,7 @@
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
       "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "argparse": "^1.0.7",
         "esprima": "^4.0.0"
@@ -3726,6 +3731,7 @@
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -3738,6 +3744,7 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -3753,6 +3760,7 @@
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -3765,6 +3773,7 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
       "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -3774,120 +3783,7 @@
       "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
       "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
       "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@jest/console": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.7.0.tgz",
-      "integrity": "sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "jest-message-util": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/core": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.7.0.tgz",
-      "integrity": "sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/console": "^29.7.0",
-        "@jest/reporters": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "exit": "^0.1.2",
-        "graceful-fs": "^4.2.9",
-        "jest-changed-files": "^29.7.0",
-        "jest-config": "^29.7.0",
-        "jest-haste-map": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-regex-util": "^29.6.3",
-        "jest-resolve": "^29.7.0",
-        "jest-resolve-dependencies": "^29.7.0",
-        "jest-runner": "^29.7.0",
-        "jest-runtime": "^29.7.0",
-        "jest-snapshot": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-validate": "^29.7.0",
-        "jest-watcher": "^29.7.0",
-        "micromatch": "^4.0.4",
-        "pretty-format": "^29.7.0",
-        "slash": "^3.0.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@jest/core/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@jest/core/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/core/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@jest/core/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
+      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -3910,6 +3806,7 @@
       "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
       "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/fake-timers": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -3920,38 +3817,12 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jest/expect": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.7.0.tgz",
-      "integrity": "sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "expect": "^29.7.0",
-        "jest-snapshot": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/expect-utils": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz",
-      "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "jest-get-type": "^29.6.3"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
     "node_modules/@jest/fake-timers": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz",
       "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@sinonjs/fake-timers": "^10.0.2",
@@ -3964,106 +3835,12 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jest/globals": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz",
-      "integrity": "sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/expect": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "jest-mock": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/reporters": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.7.0.tgz",
-      "integrity": "sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@bcoe/v8-coverage": "^0.2.3",
-        "@jest/console": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@jridgewell/trace-mapping": "^0.3.18",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "collect-v8-coverage": "^1.0.0",
-        "exit": "^0.1.2",
-        "glob": "^7.1.3",
-        "graceful-fs": "^4.2.9",
-        "istanbul-lib-coverage": "^3.0.0",
-        "istanbul-lib-instrument": "^6.0.0",
-        "istanbul-lib-report": "^3.0.0",
-        "istanbul-lib-source-maps": "^4.0.0",
-        "istanbul-reports": "^3.1.3",
-        "jest-message-util": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-worker": "^29.7.0",
-        "slash": "^3.0.0",
-        "string-length": "^4.0.1",
-        "strip-ansi": "^6.0.0",
-        "v8-to-istanbul": "^9.0.1"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@jest/reporters/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@jest/reporters/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@jest/schemas": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
       "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@sinclair/typebox": "^0.27.8"
       },
@@ -4071,58 +3848,12 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jest/source-map": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.6.3.tgz",
-      "integrity": "sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.18",
-        "callsites": "^3.0.0",
-        "graceful-fs": "^4.2.9"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/test-result": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.7.0.tgz",
-      "integrity": "sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/console": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "collect-v8-coverage": "^1.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/test-sequencer": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz",
-      "integrity": "sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/test-result": "^29.7.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
     "node_modules/@jest/transform": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
       "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/core": "^7.11.6",
         "@jest/types": "^29.6.3",
@@ -4149,6 +3880,7 @@
       "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
       "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "@types/istanbul-lib-coverage": "^2.0.0",
@@ -6751,13 +6483,15 @@
       "version": "0.27.8",
       "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
       "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@sinonjs/commons": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
       "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
       "license": "BSD-3-Clause",
+      "peer": true,
       "dependencies": {
         "type-detect": "4.0.8"
       }
@@ -6767,6 +6501,7 @@
       "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
       "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
       "license": "BSD-3-Clause",
+      "peer": true,
       "dependencies": {
         "@sinonjs/commons": "^3.0.0"
       }
@@ -7836,9 +7571,9 @@
       }
     },
     "node_modules/@testing-library/jest-dom": {
-      "version": "6.6.2",
-      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.2.tgz",
-      "integrity": "sha512-P6GJD4yqc9jZLbe98j/EkyQDTPgqftohZF5FBkHY5BUERZmcf4HeO2k0XaefEg329ux2p21i1A1DmyQ1kKw2Jw==",
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz",
+      "integrity": "sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7919,16 +7654,6 @@
         "@testing-library/dom": ">=7.21.4"
       }
     },
-    "node_modules/@tootallnate/once": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
-      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/@tsconfig/node10": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
@@ -8087,6 +7812,7 @@
       "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
       "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/node": "*"
       }
@@ -8129,13 +7855,15 @@
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
       "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@types/istanbul-lib-report": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
       "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/istanbul-lib-coverage": "*"
       }
@@ -8145,68 +7873,11 @@
       "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
       "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/istanbul-lib-report": "*"
       }
     },
-    "node_modules/@types/jest": {
-      "version": "29.5.14",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.14.tgz",
-      "integrity": "sha512-ZN+4sdnLUbo8EVvVc2ao0GFW6oVrQRPn4K2lglySj7APvSrgzxHiNNK99us4WDMi57xxA2yggblIAMNhXOotLQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "expect": "^29.0.0",
-        "pretty-format": "^29.0.0"
-      }
-    },
-    "node_modules/@types/jest/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@types/jest/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@types/jest/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/jsdom": {
-      "version": "20.0.1",
-      "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-20.0.1.tgz",
-      "integrity": "sha512-d0r18sZPmMQr1eG35u12FZfhIXNrnsPU/g5wvRKCUf/tOGilKKwYMYGqh33BNR6ba+2gkHw1EUiHoN3mn7E5IQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/tough-cookie": "*",
-        "parse5": "^7.0.0"
-      }
-    },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -8378,14 +8049,8 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
       "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
-      "license": "MIT"
-    },
-    "node_modules/@types/tough-cookie": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
-      "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==",
-      "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@types/trusted-types": {
       "version": "2.0.7",
@@ -8412,6 +8077,7 @@
       "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz",
       "integrity": "sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/yargs-parser": "*"
       }
@@ -8420,7 +8086,8 @@
       "version": "21.0.3",
       "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
       "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@types/yauzl": {
       "version": "2.10.3",
@@ -9515,14 +9182,6 @@
       "dev": true,
       "license": "Apache-2.0"
     },
-    "node_modules/abab": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
-      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
-      "deprecated": "Use your platform's native atob() and btoa() methods instead",
-      "dev": true,
-      "license": "BSD-3-Clause"
-    },
     "node_modules/abitype": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/abitype/-/abitype-1.0.6.tgz",
@@ -9582,43 +9241,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/acorn-globals": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-7.0.1.tgz",
-      "integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "acorn": "^8.1.0",
-        "acorn-walk": "^8.0.2"
-      }
-    },
-    "node_modules/acorn-globals/node_modules/acorn": {
-      "version": "8.13.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.13.0.tgz",
-      "integrity": "sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-globals/node_modules/acorn-walk": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
-      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "acorn": "^8.11.0"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@@ -10342,6 +9964,7 @@
       "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
       "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/transform": "^29.7.0",
         "@types/babel__core": "^7.1.14",
@@ -10502,6 +10125,7 @@
       "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
       "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
       "license": "BSD-3-Clause",
+      "peer": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@istanbuljs/load-nyc-config": "^1.0.0",
@@ -10518,6 +10142,7 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
       "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
       "license": "BSD-3-Clause",
+      "peer": true,
       "dependencies": {
         "@babel/core": "^7.12.3",
         "@babel/parser": "^7.14.7",
@@ -10534,6 +10159,7 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "license": "ISC",
+      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -10543,6 +10169,7 @@
       "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz",
       "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/template": "^7.3.3",
         "@babel/types": "^7.3.3",
@@ -10626,6 +10253,7 @@
       "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz",
       "integrity": "sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/plugin-syntax-async-generators": "^7.8.4",
         "@babel/plugin-syntax-bigint": "^7.8.3",
@@ -10652,6 +10280,7 @@
       "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz",
       "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "babel-plugin-jest-hoist": "^29.6.3",
         "babel-preset-current-node-syntax": "^1.0.0"
@@ -11027,6 +10656,7 @@
       "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
       "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "node-int64": "^0.4.0"
       }
@@ -11370,16 +11000,6 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/char-regex": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
-      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/check-error": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz",
@@ -11836,6 +11456,7 @@
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
       "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "string-width": "^4.2.0",
         "strip-ansi": "^6.0.1",
@@ -11850,6 +11471,7 @@
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -11862,6 +11484,7 @@
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -11911,24 +11534,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/co": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
-      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "iojs": ">= 1.0.0",
-        "node": ">= 0.12.0"
-      }
-    },
-    "node_modules/collect-v8-coverage": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz",
-      "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/color": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
@@ -12304,28 +11909,6 @@
         "sha.js": "^2.4.8"
       }
     },
-    "node_modules/create-jest": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/create-jest/-/create-jest-29.7.0.tgz",
-      "integrity": "sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "chalk": "^4.0.0",
-        "exit": "^0.1.2",
-        "graceful-fs": "^4.2.9",
-        "jest-config": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "prompts": "^2.0.1"
-      },
-      "bin": {
-        "create-jest": "bin/create-jest.js"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
     "node_modules/create-require": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
@@ -12477,20 +12060,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/cssfontparser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/cssfontparser/-/cssfontparser-1.2.1.tgz",
-      "integrity": "sha512-6tun4LoZnj7VN6YeegOVb67KBX/7JJsqvj+pv3ZA7F878/eN33AbGa5b/S/wXxS/tcp8nc40xRUrsPlxIyNUPg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cssom": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz",
-      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/cssstyle": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.1.0.tgz",
@@ -12934,16 +12503,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/detect-newline": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
-      "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
@@ -12966,16 +12525,6 @@
         "node": ">=0.3.1"
       }
     },
-    "node_modules/diff-sequences": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
-      "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
     "node_modules/diffie-hellman": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
@@ -13101,20 +12650,6 @@
       ],
       "license": "BSD-2-Clause"
     },
-    "node_modules/domexception": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
-      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
-      "deprecated": "Use your platform's native DOMException instead",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/domhandler": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
@@ -13294,19 +12829,6 @@
       "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
       "license": "MIT"
     },
-    "node_modules/emittery": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz",
-      "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
-      }
-    },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
@@ -14707,32 +14229,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/exit": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
-      "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/expect": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
-      "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/expect-utils": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "jest-matcher-utils": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-util": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
     "node_modules/exponential-backoff": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.1.tgz",
@@ -14955,6 +14451,7 @@
       "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
       "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "bser": "2.1.1"
       }
@@ -15451,6 +14948,7 @@
       "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
       "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=8.0.0"
       }
@@ -15935,13 +15433,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/html-escaper": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
@@ -16295,26 +15786,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/import-local": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
-      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pkg-dir": "^4.2.0",
-        "resolve-cwd": "^3.0.0"
-      },
-      "bin": {
-        "import-local-fixture": "fixtures/cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -16652,16 +16123,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/is-generator-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
-      "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/is-generator-function": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
@@ -17079,130 +16540,44 @@
       "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
       "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
       "license": "BSD-3-Clause",
+      "peer": true,
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/istanbul-lib-instrument": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz",
-      "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==",
+    "node_modules/iterator.prototype": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.3.tgz",
+      "integrity": "sha512-FW5iMbeQ6rBGm/oKgzq2aW4KvAGpxPzYES8N4g4xNXUKpL1mclMvOe+76AcLDTvD+Ze+sOpVhgdAQEKF4L9iGQ==",
       "dev": true,
-      "license": "BSD-3-Clause",
+      "license": "MIT",
       "dependencies": {
-        "@babel/core": "^7.23.9",
-        "@babel/parser": "^7.23.9",
-        "@istanbuljs/schema": "^0.1.3",
-        "istanbul-lib-coverage": "^3.2.0",
-        "semver": "^7.5.4"
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/istanbul-lib-report": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
-      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
-      "dev": true,
-      "license": "BSD-3-Clause",
+    "node_modules/jackspeak": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
+      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "istanbul-lib-coverage": "^3.0.0",
-        "make-dir": "^4.0.0",
-        "supports-color": "^7.1.0"
+        "@isaacs/cliui": "^8.0.2"
       },
       "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/istanbul-lib-report/node_modules/make-dir": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
-      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "semver": "^7.5.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
-      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "debug": "^4.1.1",
-        "istanbul-lib-coverage": "^3.0.0",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/istanbul-reports": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz",
-      "integrity": "sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "html-escaper": "^2.0.0",
-        "istanbul-lib-report": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.3.tgz",
-      "integrity": "sha512-FW5iMbeQ6rBGm/oKgzq2aW4KvAGpxPzYES8N4g4xNXUKpL1mclMvOe+76AcLDTvD+Ze+sOpVhgdAQEKF4L9iGQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/jackspeak": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
-      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
       }
     },
     "node_modules/jdenticon": {
@@ -17220,703 +16595,19 @@
         "node": ">=6.4.0"
       }
     },
-    "node_modules/jest": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
-      "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/core": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "import-local": "^3.0.2",
-        "jest-cli": "^29.7.0"
-      },
-      "bin": {
-        "jest": "bin/jest.js"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-canvas-mock": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jest-canvas-mock/-/jest-canvas-mock-2.5.2.tgz",
-      "integrity": "sha512-vgnpPupjOL6+L5oJXzxTxFrlGEIbHdZqFU+LFNdtLxZ3lRDCl17FlTMM7IatoRQkrcyOTMlDinjUguqmQ6bR2A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssfontparser": "^1.2.1",
-        "moo-color": "^1.0.2"
-      }
-    },
-    "node_modules/jest-changed-files": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.7.0.tgz",
-      "integrity": "sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "execa": "^5.0.0",
-        "jest-util": "^29.7.0",
-        "p-limit": "^3.1.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-changed-files/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/jest-changed-files/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/jest-changed-files/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/jest-circus": {
+    "node_modules/jest-environment-node": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.7.0.tgz",
-      "integrity": "sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
+      "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/environment": "^29.7.0",
-        "@jest/expect": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
+        "@jest/fake-timers": "^29.7.0",
         "@jest/types": "^29.6.3",
         "@types/node": "*",
-        "chalk": "^4.0.0",
-        "co": "^4.6.0",
-        "dedent": "^1.0.0",
-        "is-generator-fn": "^2.0.0",
-        "jest-each": "^29.7.0",
-        "jest-matcher-utils": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-runtime": "^29.7.0",
-        "jest-snapshot": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "p-limit": "^3.1.0",
-        "pretty-format": "^29.7.0",
-        "pure-rand": "^6.0.0",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.3"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-circus/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-circus/node_modules/dedent": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.3.tgz",
-      "integrity": "sha512-NHQtfOOW68WD8lgypbLA5oT+Bt0xXJhiYvoR6SmmNXZfpzOGXwdKWmcwG8N7PwVVWV3eF/68nmD9BaJSsTBhyQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "babel-plugin-macros": "^3.1.0"
-      },
-      "peerDependenciesMeta": {
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-circus/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-circus/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-cli": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.7.0.tgz",
-      "integrity": "sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/core": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "chalk": "^4.0.0",
-        "create-jest": "^29.7.0",
-        "exit": "^0.1.2",
-        "import-local": "^3.0.2",
-        "jest-config": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-validate": "^29.7.0",
-        "yargs": "^17.3.1"
-      },
-      "bin": {
-        "jest": "bin/jest.js"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-config": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.7.0.tgz",
-      "integrity": "sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/core": "^7.11.6",
-        "@jest/test-sequencer": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "babel-jest": "^29.7.0",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "deepmerge": "^4.2.2",
-        "glob": "^7.1.3",
-        "graceful-fs": "^4.2.9",
-        "jest-circus": "^29.7.0",
-        "jest-environment-node": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "jest-regex-util": "^29.6.3",
-        "jest-resolve": "^29.7.0",
-        "jest-runner": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-validate": "^29.7.0",
-        "micromatch": "^4.0.4",
-        "parse-json": "^5.2.0",
-        "pretty-format": "^29.7.0",
-        "slash": "^3.0.0",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "@types/node": "*",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-config/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-config/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/jest-config/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-config/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-diff": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
-      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^29.6.3",
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-diff/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-diff/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-diff/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-docblock": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.7.0.tgz",
-      "integrity": "sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "detect-newline": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-each": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.7.0.tgz",
-      "integrity": "sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "chalk": "^4.0.0",
-        "jest-get-type": "^29.6.3",
-        "jest-util": "^29.7.0",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-each/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-each/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-each/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-environment-jsdom": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-29.7.0.tgz",
-      "integrity": "sha512-k9iQbsf9OyOfdzWH8HDmrRT0gSIcX+FLNW7IQq94tFX0gynPwqDTW0Ho6iMVNjGz/nb+l/vW3dWM2bbLLpkbXA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/fake-timers": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/jsdom": "^20.0.0",
-        "@types/node": "*",
-        "jest-mock": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jsdom": "^20.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "canvas": "^2.5.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/acorn": {
-      "version": "8.13.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.13.0.tgz",
-      "integrity": "sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/agent-base": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/cssstyle": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
-      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssom": "~0.3.6"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/cssstyle/node_modules/cssom": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
-      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-environment-jsdom/node_modules/data-urls": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
-      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "abab": "^2.0.6",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^11.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/html-encoding-sniffer": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
-      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "whatwg-encoding": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/http-proxy-agent": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
-      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@tootallnate/once": "2",
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/https-proxy-agent": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/jsdom": {
-      "version": "20.0.3",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
-      "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "abab": "^2.0.6",
-        "acorn": "^8.8.1",
-        "acorn-globals": "^7.0.0",
-        "cssom": "^0.5.0",
-        "cssstyle": "^2.3.0",
-        "data-urls": "^3.0.2",
-        "decimal.js": "^10.4.2",
-        "domexception": "^4.0.0",
-        "escodegen": "^2.0.0",
-        "form-data": "^4.0.0",
-        "html-encoding-sniffer": "^3.0.0",
-        "http-proxy-agent": "^5.0.0",
-        "https-proxy-agent": "^5.0.1",
-        "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.2",
-        "parse5": "^7.1.1",
-        "saxes": "^6.0.0",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^4.1.2",
-        "w3c-xmlserializer": "^4.0.0",
-        "webidl-conversions": "^7.0.0",
-        "whatwg-encoding": "^2.0.0",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^11.0.0",
-        "ws": "^8.11.0",
-        "xml-name-validator": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "canvas": "^2.5.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/tr46": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
-      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "punycode": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/w3c-xmlserializer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
-      "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "xml-name-validator": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/whatwg-encoding": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
-      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "iconv-lite": "0.6.3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/whatwg-mimetype": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
-      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/whatwg-url": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
-      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tr46": "^3.0.0",
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/xml-name-validator": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/jest-environment-node": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
-      "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/fake-timers": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "jest-mock": "^29.7.0",
-        "jest-util": "^29.7.0"
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
@@ -17925,392 +16616,66 @@
     "node_modules/jest-get-type": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
-      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
-      "license": "MIT",
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-haste-map": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
-      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
-      "license": "MIT",
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/graceful-fs": "^4.1.3",
-        "@types/node": "*",
-        "anymatch": "^3.0.3",
-        "fb-watchman": "^2.0.0",
-        "graceful-fs": "^4.2.9",
-        "jest-regex-util": "^29.6.3",
-        "jest-util": "^29.7.0",
-        "jest-worker": "^29.7.0",
-        "micromatch": "^4.0.4",
-        "walker": "^1.0.8"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "^2.3.2"
-      }
-    },
-    "node_modules/jest-leak-detector": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz",
-      "integrity": "sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-leak-detector/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-leak-detector/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-leak-detector/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-matcher-utils": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
-      "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "jest-diff": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-message-util": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
-      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.12.13",
-        "@jest/types": "^29.6.3",
-        "@types/stack-utils": "^2.0.0",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "micromatch": "^4.0.4",
-        "pretty-format": "^29.7.0",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.3"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "license": "MIT"
-    },
-    "node_modules/jest-mock": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
-      "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "jest-util": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-pnp-resolver": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
-      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      },
-      "peerDependencies": {
-        "jest-resolve": "*"
-      },
-      "peerDependenciesMeta": {
-        "jest-resolve": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-regex-util": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
-      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
-      "license": "MIT",
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-resolve": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.7.0.tgz",
-      "integrity": "sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "jest-pnp-resolver": "^1.2.2",
-        "jest-util": "^29.7.0",
-        "jest-validate": "^29.7.0",
-        "resolve": "^1.20.0",
-        "resolve.exports": "^2.0.0",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-resolve-dependencies": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz",
-      "integrity": "sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "jest-regex-util": "^29.6.3",
-        "jest-snapshot": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-runner": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.7.0.tgz",
-      "integrity": "sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/console": "^29.7.0",
-        "@jest/environment": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "emittery": "^0.13.1",
-        "graceful-fs": "^4.2.9",
-        "jest-docblock": "^29.7.0",
-        "jest-environment-node": "^29.7.0",
-        "jest-haste-map": "^29.7.0",
-        "jest-leak-detector": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-resolve": "^29.7.0",
-        "jest-runtime": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-watcher": "^29.7.0",
-        "jest-worker": "^29.7.0",
-        "p-limit": "^3.1.0",
-        "source-map-support": "0.5.13"
-      },
+      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
+      "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-runtime": {
+    "node_modules/jest-haste-map": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.7.0.tgz",
-      "integrity": "sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/fake-timers": "^29.7.0",
-        "@jest/globals": "^29.7.0",
-        "@jest/source-map": "^29.6.3",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
         "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
         "@types/node": "*",
-        "chalk": "^4.0.0",
-        "cjs-module-lexer": "^1.0.0",
-        "collect-v8-coverage": "^1.0.0",
-        "glob": "^7.1.3",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
         "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-mock": "^29.7.0",
         "jest-regex-util": "^29.6.3",
-        "jest-resolve": "^29.7.0",
-        "jest-snapshot": "^29.7.0",
         "jest-util": "^29.7.0",
-        "slash": "^3.0.0",
-        "strip-bom": "^4.0.0"
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-runtime/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
       }
     },
-    "node_modules/jest-snapshot": {
+    "node_modules/jest-message-util": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.7.0.tgz",
-      "integrity": "sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==",
-      "dev": true,
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
+      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "@babel/core": "^7.11.6",
-        "@babel/generator": "^7.7.2",
-        "@babel/plugin-syntax-jsx": "^7.7.2",
-        "@babel/plugin-syntax-typescript": "^7.7.2",
-        "@babel/types": "^7.3.3",
-        "@jest/expect-utils": "^29.7.0",
-        "@jest/transform": "^29.7.0",
+        "@babel/code-frame": "^7.12.13",
         "@jest/types": "^29.6.3",
-        "babel-preset-current-node-syntax": "^1.0.0",
+        "@types/stack-utils": "^2.0.0",
         "chalk": "^4.0.0",
-        "expect": "^29.7.0",
         "graceful-fs": "^4.2.9",
-        "jest-diff": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "jest-matcher-utils": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "natural-compare": "^1.4.0",
+        "micromatch": "^4.0.4",
         "pretty-format": "^29.7.0",
-        "semver": "^7.5.3"
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-snapshot/node_modules/ansi-styles": {
+    "node_modules/jest-message-util/node_modules/ansi-styles": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -18318,12 +16683,12 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/jest-snapshot/node_modules/pretty-format": {
+    "node_modules/jest-message-util/node_modules/pretty-format": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -18333,18 +16698,44 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-snapshot/node_modules/react-is": {
+    "node_modules/jest-message-util/node_modules/react-is": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/jest-mock": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
+      "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
     },
     "node_modules/jest-util": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
       "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@types/node": "*",
@@ -18362,6 +16753,7 @@
       "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz",
       "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/types": "^29.6.3",
         "camelcase": "^6.2.0",
@@ -18379,6 +16771,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -18391,6 +16784,7 @@
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
       "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -18403,6 +16797,7 @@
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -18416,33 +16811,15 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "license": "MIT"
-    },
-    "node_modules/jest-watcher": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.7.0.tgz",
-      "integrity": "sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==",
-      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jest/test-result": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.0.0",
-        "emittery": "^0.13.1",
-        "jest-util": "^29.7.0",
-        "string-length": "^4.0.1"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
+      "peer": true
     },
     "node_modules/jest-worker": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
       "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/node": "*",
         "jest-util": "^29.7.0",
@@ -18458,6 +16835,7 @@
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -18910,16 +17288,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/kleur": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
-      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/language-subtag-registry": {
       "version": "0.3.23",
       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
@@ -18955,6 +17323,7 @@
       "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
       "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=6"
       }
@@ -19436,6 +17805,7 @@
       "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
       "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
       "license": "BSD-3-Clause",
+      "peer": true,
       "dependencies": {
         "tmpl": "1.0.5"
       }
@@ -20268,16 +18638,6 @@
         "node": "*"
       }
     },
-    "node_modules/moo-color": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/moo-color/-/moo-color-1.0.3.tgz",
-      "integrity": "sha512-i/+ZKXMDf6aqYtBhuOcej71YSlbjT3wCO/4H1j8rPvxDJEifdwgg5MaFyu6iYAT8GBZJg2z0dkgK4YMzvURALQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "^1.1.4"
-      }
-    },
     "node_modules/motion": {
       "version": "10.16.2",
       "resolved": "https://registry.npmjs.org/motion/-/motion-10.16.2.tgz",
@@ -20573,7 +18933,8 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
       "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/node-polyfill-webpack-plugin": {
       "version": "2.0.1",
@@ -21994,20 +20355,6 @@
         "asap": "~2.0.6"
       }
     },
-    "node_modules/prompts": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
-      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "kleur": "^3.0.3",
-        "sisteransi": "^1.0.5"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -22118,23 +20465,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/pure-rand": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
-      "integrity": "sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/dubzzz"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/fast-check"
-        }
-      ],
-      "license": "MIT"
-    },
     "node_modules/qr-code-styling": {
       "version": "1.8.4",
       "resolved": "https://registry.npmjs.org/qr-code-styling/-/qr-code-styling-1.8.4.tgz",
@@ -23298,29 +21628,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/resolve-cwd": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
-      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/resolve-cwd/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -23390,16 +21697,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/resolve.exports": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.2.tgz",
-      "integrity": "sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/restore-cursor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
@@ -24069,13 +22366,6 @@
       "license": "MIT",
       "optional": true
     },
-    "node_modules/sisteransi": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
-      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -24157,27 +22447,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/source-map-support": {
-      "version": "0.5.13",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
-      "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/source-map-support/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/space-separated-tokens": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
@@ -24224,7 +22493,8 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
       "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "license": "BSD-3-Clause"
+      "license": "BSD-3-Clause",
+      "peer": true
     },
     "node_modules/sshpk": {
       "version": "1.18.0",
@@ -24257,6 +22527,7 @@
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
       "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "escape-string-regexp": "^2.0.0"
       },
@@ -24269,6 +22540,7 @@
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
       "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -24511,33 +22783,6 @@
         "safe-buffer": "~5.2.0"
       }
     },
-    "node_modules/string-length": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
-      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "char-regex": "^1.0.2",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/string-length/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -24748,16 +22993,6 @@
         "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
-    "node_modules/strip-bom": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
-      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/strip-final-newline": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
@@ -25207,6 +23442,7 @@
       "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
       "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "@istanbuljs/schema": "^0.1.2",
         "glob": "^7.1.4",
@@ -25222,6 +23458,7 @@
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -25447,7 +23684,8 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
       "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
-      "license": "BSD-3-Clause"
+      "license": "BSD-3-Clause",
+      "peer": true
     },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
@@ -25751,6 +23989,7 @@
       "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
       "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=4"
       }
@@ -26382,21 +24621,6 @@
       "devOptional": true,
       "license": "MIT"
     },
-    "node_modules/v8-to-istanbul": {
-      "version": "9.3.0",
-      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
-      "integrity": "sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.12",
-        "@types/istanbul-lib-coverage": "^2.0.1",
-        "convert-source-map": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10.12.0"
-      }
-    },
     "node_modules/valtio": {
       "version": "1.11.2",
       "resolved": "https://registry.npmjs.org/valtio/-/valtio-1.11.2.tgz",
@@ -27215,6 +25439,7 @@
       "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
       "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "makeerror": "1.0.12"
       }
@@ -27744,6 +25969,7 @@
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
       "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "imurmurhash": "^0.1.4",
         "signal-exit": "^3.0.7"
@@ -27812,6 +26038,7 @@
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
       "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
       "license": "ISC",
+      "peer": true,
       "engines": {
         "node": ">=10"
       }
@@ -27837,6 +26064,7 @@
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
       "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "cliui": "^8.0.1",
         "escalade": "^3.1.1",
@@ -27855,6 +26083,7 @@
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
       "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
       "license": "ISC",
+      "peer": true,
       "engines": {
         "node": ">=12"
       }
diff --git a/package.json b/package.json
index e905a6de..c2985382 100644
--- a/package.json
+++ b/package.json
@@ -13,8 +13,6 @@
     "build-storybook": "storybook build",
     "e2e-open": "start-server-and-test dev http://localhost:3000 \"cypress open --e2e\"",
     "e2e-test": "start-server-and-test dev http://localhost:3000 \"cypress run --e2e\"",
-    "jest": "jest",
-    "jest:watch": "jest --watch",
     "test": "vitest"
   },
   "dependencies": {
@@ -50,7 +48,6 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",
-    "@jest/globals": "^29.7.0",
     "@storybook/addon-docs": "^8.1.10",
     "@storybook/addon-essentials": "^8.1.10",
     "@storybook/addon-interactions": "^8.1.10",
@@ -63,7 +60,6 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.0",
-    "@types/jest": "^29.5.12",
     "@types/luxon": "^3.4.2",
     "@types/node": "^20",
     "@types/react": "^18",
@@ -78,9 +74,6 @@
     "eslint-plugin-storybook": "^0.8.0",
     "jsdom": "^25.0.1",
     "http-proxy-middleware": "^3.0.0",
-    "jest": "^29.7.0",
-    "jest-canvas-mock": "^2.5.2",
-    "jest-environment-jsdom": "^29.7.0",
     "pino-pretty": "^11.2.1",
     "postcss": "^8",
     "prettier": "^3.3.2",
diff --git a/__tests__/app/collective-rewards/BecomeABuilderButton.test.tsx b/src/app/collective-rewards/BecomeABuilderButton.test.tsx
similarity index 67%
rename from __tests__/app/collective-rewards/BecomeABuilderButton.test.tsx
rename to src/app/collective-rewards/BecomeABuilderButton.test.tsx
index 1decc2e9..96dca2a7 100644
--- a/__tests__/app/collective-rewards/BecomeABuilderButton.test.tsx
+++ b/src/app/collective-rewards/BecomeABuilderButton.test.tsx
@@ -1,27 +1,27 @@
 import { BecomeABuilderButton } from '@/app/collective-rewards/BecomeABuilderButton'
-import { useGetBuilderByAddress } from '@/app/collective-rewards/hooks/useGetBuilders'
+import { useGetBuilders } from '@/app/collective-rewards/hooks/useGetBuilders'
 import { BuilderInfo } from '@/app/collective-rewards/types'
 import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
 import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
 import { AlertProvider, useAlertContext } from '@/app/providers/AlertProvider'
 import { ProposalState } from '@/shared/types'
-import { describe, expect, test } from '@jest/globals'
-import { render, waitFor } from '@testing-library/react'
+import { describe, expect, test, vi, beforeEach, afterEach } from 'vitest'
+import { cleanup, render, waitFor } from '@testing-library/react'
 
-jest.mock('@/app/collective-rewards/hooks/useGetBuilders', () => {
+vi.mock('@/app/collective-rewards/hooks/useGetBuilders', () => {
   return {
-    useGetBuilderByAddress: jest.fn(),
+    useGetBuilders: vi.fn(),
   }
 })
 
-jest.mock('@/app/collective-rewards/whitelist/hooks/useGetProposalsState', () => {
+vi.mock('@/app/collective-rewards/whitelist/hooks/useGetProposalsState', () => {
   return {
-    useGetProposalsState: jest.fn(),
+    useGetProposalsState: vi.fn(),
   }
 })
 
-jest.mock('@/app/providers/AlertProvider', () => ({
-  useAlertContext: jest.fn(),
+vi.mock('@/app/providers/AlertProvider', () => ({
+  useAlertContext: vi.fn(),
   AlertProvider: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
 }))
 
@@ -32,9 +32,9 @@ const renderWithAlertProvider = (children: React.ReactNode) => {
 describe('BecomeABuilderButton', () => {
   const builderAddress = '0xCD2a3d9F938E13CD947Ec05AbC7FE734Df8DD826'
   const proposalId = 1n
-  const buildersData: BuilderInfo = {
+  const builderData: BuilderInfo = {
     status: 'In progress',
-    address: '0xCD2a3d9F938E13CD947Ec05AbC7FE734Df8DD826',
+    address: builderAddress,
     proposals: [
       {
         args: {
@@ -45,29 +45,30 @@ describe('BecomeABuilderButton', () => {
       },
     ] as CreateBuilderProposalEventLog[],
   }
+  const buildersData = [builderData]
   const proposalsToStates = {
     [proposalId.toString()]: ProposalState.Pending,
   }
-  const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {})
-  const setAlertMessageSpy = jest.fn()
+  const consoleErrorSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+  const setAlertMessageSpy = vi.fn()
 
   const expectedLoadingDataError = new Error('Error while loading data, please try again.')
   const expectedLoadingBuilderError = new Error('Error loading builder proposal events')
 
   beforeEach(() => {
-    jest.mocked(useGetBuilderByAddress).mockImplementation(() => {
+    vi.mocked(useGetBuilders).mockImplementation(() => {
       return {
         data: buildersData,
         isLoading: false,
         error: null,
       }
     })
-    jest.mocked(useGetProposalsState).mockReturnValue({
+    vi.mocked(useGetProposalsState).mockReturnValue({
       data: proposalsToStates,
       isLoading: false,
       error: null,
     })
-    jest.mocked(useAlertContext).mockReturnValue({
+    vi.mocked(useAlertContext).mockReturnValue({
       setMessage: setAlertMessageSpy,
       message: null,
     })
@@ -76,6 +77,7 @@ describe('BecomeABuilderButton', () => {
   afterEach(() => {
     setAlertMessageSpy.mockClear()
     consoleErrorSpy.mockClear()
+    cleanup()
   })
 
   test('should render if builder is in progress', async () => {
@@ -85,8 +87,8 @@ describe('BecomeABuilderButton', () => {
   })
 
   test('should render if builder is whitelisted', async () => {
-    buildersData.status = 'Whitelisted'
-    jest.mocked(useGetProposalsState).mockReturnValue({
+    builderData.status = 'Whitelisted'
+    vi.mocked(useGetProposalsState).mockReturnValue({
       data: {
         [proposalId.toString()]: ProposalState.Executed,
       },
@@ -107,7 +109,7 @@ describe('BecomeABuilderButton', () => {
   })
 
   test('should render registration button if builder have a proposal in a invalid state', async () => {
-    jest.mocked(useGetProposalsState).mockReturnValue({
+    vi.mocked(useGetProposalsState).mockReturnValue({
       data: {
         [proposalId.toString()]: ProposalState.Canceled,
       },
@@ -120,9 +122,9 @@ describe('BecomeABuilderButton', () => {
   })
 
   test('should use alert for error message if fails while getting the builders', async () => {
-    jest.mocked(useGetBuilderByAddress).mockImplementation(() => {
+    vi.mocked(useGetBuilders).mockImplementation(() => {
       return {
-        data: undefined,
+        data: [],
         isLoading: false,
         error: expectedLoadingDataError,
       }
@@ -132,33 +134,13 @@ describe('BecomeABuilderButton', () => {
     expect(setAlertMessageSpy).toHaveBeenCalledWith({
       content: expectedLoadingDataError.message,
       severity: 'error',
-      title: `Error loading builder with address ${buildersData.address}`,
+      title: `Error loading builder with address ${builderAddress}`,
     })
     expect(consoleErrorSpy).toHaveBeenCalledWith('🐛 builderLoadingError:', expectedLoadingDataError)
   })
 
-  test('should use alert for error message if fails while getting the proposals states', async () => {
-    jest.mocked(useGetProposalsState).mockReturnValue({
-      data: proposalsToStates,
-      isLoading: false,
-      error: {
-        message: expectedLoadingBuilderError.message,
-        name: 'Error',
-        stack: '',
-        cause: null,
-      },
-    })
-    renderWithAlertProvider(<BecomeABuilderButton address={builderAddress} />)
-
-    expect(setAlertMessageSpy).toHaveBeenCalledWith({
-      content: expectedLoadingBuilderError.message,
-      severity: 'error',
-      title: 'Error loading builder proposal events',
-    })
-  })
-
   test('should render loading message', async () => {
-    jest.mocked(useGetBuilderByAddress).mockReturnValue({
+    vi.mocked(useGetBuilders).mockReturnValue({
       data: buildersData,
       isLoading: true,
       error: null,
diff --git a/src/app/collective-rewards/utils/getCycle.ts b/src/app/collective-rewards/utils/getCycle.ts
index c9a2399e..f48006a2 100644
--- a/src/app/collective-rewards/utils/getCycle.ts
+++ b/src/app/collective-rewards/utils/getCycle.ts
@@ -7,7 +7,7 @@ export type Cycle = {
   cycleEndTimestamp: DateTime<true>
 }
 
-export const daysToMillis = (days: number) => 1000 * 60 * 60 * 24 * days
+export const daysToMillis = (days: number) => Duration.fromObject({ days }).toMillis()
 
 // FIXME: parsing to be reviewed
 const days = +(CYCLE_DURATION_IN_DAYS || '14')
@@ -32,7 +32,7 @@ export const getCycleEndTimestamp = (
   now: DateTime<true> = DateTime.now(),
 ) =>
   /* It must reflect the cycle start/end defined in the smart contracts
-   * https://github.com/rsksmart/builder-incentives-sc/blob/main/src/libraries/CycleLib.sol
+   * https://github.com/RootstockCollective/collective-rewards-sc/blob/bd4110f4954b69d1f286eb5248d4406b7e287d68/src/libraries/UtilsLib.sol#L67
    *
    * cycle start  = now - ( (now - beginning) % duration)
    * cycle end  = cycle start + duration
diff --git a/__tests__/app/collective-rewards/utils/getEpochCycle.test.tsx b/src/app/collective-rewards/utils/getEpochCycle.test.tsx
similarity index 58%
rename from __tests__/app/collective-rewards/utils/getEpochCycle.test.tsx
rename to src/app/collective-rewards/utils/getEpochCycle.test.tsx
index a60b7dcf..5d4882eb 100644
--- a/__tests__/app/collective-rewards/utils/getEpochCycle.test.tsx
+++ b/src/app/collective-rewards/utils/getEpochCycle.test.tsx
@@ -1,4 +1,4 @@
-import { describe, test, expect } from '@jest/globals'
+import { describe, test, expect } from 'vitest'
 import {
   getCycleDurationInDays,
   getCycleEndTimestamp,
@@ -15,37 +15,51 @@ describe('getCycleDurationInDays', () => {
 
 describe('getCycleEndTimestamp', () => {
   const now = DateTime.now()
+  /*
+   * All math is done in milliseconds, to avoid calendar math.
+   * See calendar vs time math https://moment.github.io/luxon/#/math?id=calendar-math-vs-time-math
+   */
   test.each([
     {
       startDate: now.toMillis(),
       cycleDurationInMillis: daysToMillis(7),
-      expectedCycleEndTimestamp: now.plus({ days: 7 }),
+      expectedCycleEndTimestamp: now.plus({ milliseconds: daysToMillis(7) }),
       now,
     },
     {
-      startDate: now.minus(Duration.fromObject({ days: 6 })).toMillis(),
+      startDate: now.minus(Duration.fromObject({ milliseconds: daysToMillis(6) })).toMillis(),
       cycleDurationInMillis: daysToMillis(7),
-      expectedCycleEndTimestamp: now.plus({ days: 1 }),
+      expectedCycleEndTimestamp: now.plus({ milliseconds: daysToMillis(1) }),
       now,
     },
     {
-      startDate: now.minus(Duration.fromObject({ days: 8 })).toMillis(),
+      startDate: now.minus(Duration.fromObject({ milliseconds: daysToMillis(8) })).toMillis(),
       cycleDurationInMillis: daysToMillis(7),
-      expectedCycleEndTimestamp: now.plus({ days: 6 }),
+      expectedCycleEndTimestamp: now.plus({ milliseconds: daysToMillis(6) }),
       now,
     },
     {
       startDate: now
-        .minus(Duration.fromObject({ days: 6, hours: 23, minutes: 59, seconds: 59, milliseconds: 999 }))
+        .minus(
+          Duration.fromMillis(
+            Duration.fromObject({
+              days: 6,
+              hours: 23,
+              minutes: 59,
+              seconds: 59,
+              milliseconds: 999,
+            }).toMillis(),
+          ),
+        )
         .toMillis(),
       cycleDurationInMillis: daysToMillis(7),
       expectedCycleEndTimestamp: now.plus(Duration.fromObject({ milliseconds: 1 })),
       now,
     },
     {
-      startDate: now.minus(Duration.fromObject({ days: 23 })).toMillis(),
+      startDate: now.minus(Duration.fromObject({ milliseconds: daysToMillis(23) })).toMillis(),
       cycleDurationInMillis: daysToMillis(7),
-      expectedCycleEndTimestamp: now.plus(Duration.fromObject({ days: 5 })),
+      expectedCycleEndTimestamp: now.plus(Duration.fromObject({ milliseconds: daysToMillis(5) })),
       now,
     },
   ])(
diff --git a/__tests__/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
similarity index 98%
rename from __tests__/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
rename to src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
index 9f4c0190..a640ca28 100644
--- a/__tests__/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
+++ b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
@@ -1,4 +1,4 @@
-import { describe, test, expect } from '@jest/globals'
+import { describe, test, expect } from 'vitest'
 import { ProposalState } from '@/shared/types'
 import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
 import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
diff --git a/__tests__/app/proposals/hooks/useFetchLatestProposals.test.tsx b/src/app/proposals/hooks/useFetchLatestProposals.test.tsx
similarity index 96%
rename from __tests__/app/proposals/hooks/useFetchLatestProposals.test.tsx
rename to src/app/proposals/hooks/useFetchLatestProposals.test.tsx
index 4e3d96c9..2052d6ee 100644
--- a/__tests__/app/proposals/hooks/useFetchLatestProposals.test.tsx
+++ b/src/app/proposals/hooks/useFetchLatestProposals.test.tsx
@@ -4,7 +4,7 @@ import {
 } from '@/app/proposals/hooks/useFetchLatestProposals'
 import { fetchProposalsCreatedCached } from '@/app/user/Balances/actions'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { expect } from '@jest/globals'
+import { expect, vi, Mock, describe, beforeEach, it } from 'vitest'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
 import { Interface } from 'ethers/abi'
@@ -12,13 +12,13 @@ import { parseEventLogs } from 'viem'
 import { ADDRESS_PADDING_LENGTH, RELAY_PARAMETER_PADDING_LENGTH } from '@/app/proposals/shared/utils'
 import { GovernorAbi } from '@/lib/abis/Governor'
 
-jest.mock('@/app/user/Balances/actions', () => ({
-  fetchProposalsCreatedCached: jest.fn(),
+vi.mock('@/app/user/Balances/actions', () => ({
+  fetchProposalsCreatedCached: vi.fn(),
 }))
 
-jest.mock('viem', () => ({
-  parseEventLogs: jest.fn(),
-  getAddress: jest.fn().mockImplementation((address: string) => address),
+vi.mock('viem', () => ({
+  parseEventLogs: vi.fn(),
+  getAddress: vi.fn().mockImplementation((address: string) => address),
 }))
 
 const CR_WHITELIST_FUNCTION = 'whitelistBuilder' // TODO: refactor
@@ -65,14 +65,14 @@ const relayWrapper = (bytes: string) =>
 
 const createPadding = (length: number) => '0'.repeat(length)
 
-const mocFetchProposalsCreatedCached = fetchProposalsCreatedCached as jest.Mock
-const mockParseEventLogs = parseEventLogs as jest.Mock
+const mocFetchProposalsCreatedCached = fetchProposalsCreatedCached as Mock
+const mockParseEventLogs = parseEventLogs as Mock
 
 describe('useFetchCreateBuilderProposals', () => {
   let queryClient: QueryClient
 
   beforeEach(() => {
-    jest.clearAllMocks()
+    vi.clearAllMocks()
     queryClient = createTestQueryClient()
   })
 
diff --git a/vitest.config.ts b/vitest.config.ts
index c49654af..e836e431 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -6,7 +6,6 @@ export default defineConfig({
   test: {
     environment: 'jsdom',
     setupFiles: './vitest.setup.ts',
-    exclude: ['**/__tests__/**/*', '**/node_modules/**/*'],
   },
   resolve: {
     alias: {

From 07633882d4441d143a93ecb6da12a8ab1cee2d74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Santana=20Gon=C3=A7alves?=
 <rodrigo.santana@iovlabs.org>
Date: Wed, 6 Nov 2024 09:42:07 -0300
Subject: [PATCH 024/115] fix Rouding voting power (#342)

---
 src/app/proposals/VotesColumn.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/proposals/VotesColumn.tsx b/src/app/proposals/VotesColumn.tsx
index 7c5c4aa4..9d7778d6 100644
--- a/src/app/proposals/VotesColumn.tsx
+++ b/src/app/proposals/VotesColumn.tsx
@@ -39,7 +39,7 @@ export const VotesColumn = () => {
   return (
     <>
       <p className={colorClass}>
-        {Math.ceil(votes)} ({isNaN(percentageToShow) ? '-' : percentageToShow}%)
+        {Math.floor(votes)} ({isNaN(percentageToShow) ? '-' : percentageToShow}%)
       </p>
       <p>Quorum: {isNaN(quorumToShow) ? '-' : quorumToShow}</p>
     </>

From 67a2475b0cb83a91c91c860efddca8f6c136a4e8 Mon Sep 17 00:00:00 2001
From: DinizSa <39380608+DinizSa@users.noreply.github.com>
Date: Wed, 6 Nov 2024 14:17:05 +0000
Subject: [PATCH 025/115] Tok 360/prevent dewhitelist nonwhitelisted builder
 (#336)

* feat: general approach to handle custom errors

* fix: check for whitelisted address before propose de-whitelist

* fix: handle custom errors & dont show denied tx error

* chore: avoid whitelist an already whitelisted address

* fix: dont show error when user rejects tx

* fix: display useful errors to user

* chore: remove unused imports

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .../utils/getIsWhitelistedBuilder.ts          | 14 +++++++++++
 .../create/CreateBuilderProposalForm.tsx      | 17 +++++++------
 .../create/RemoveBuilderProposalForm.tsx      | 18 ++++++-------
 .../create/TreasuryWithdrawProposalForm.tsx   |  7 +++++-
 .../useCreateBuilderWhitelistProposal.ts      | 12 ++++++---
 .../useCreateTreasuryTransferProposal.ts      |  3 ++-
 .../hooks/useRemoveBuilderProposal.ts         | 16 ++++++++----
 src/app/proposals/shared/errors.ts            | 14 +++++++++++
 src/app/user/Stake/Steps/StepTwo.tsx          |  3 ++-
 src/components/ErrorPage/commonErrors.ts      | 25 +++++++++++++++++++
 src/pages/communities/nft/[address].tsx       |  4 +--
 src/pages/proposals/[id].tsx                  |  7 +++---
 12 files changed, 106 insertions(+), 34 deletions(-)
 create mode 100644 src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
 create mode 100644 src/app/proposals/shared/errors.ts

diff --git a/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts b/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
new file mode 100644
index 00000000..96b7c5ae
--- /dev/null
+++ b/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
@@ -0,0 +1,14 @@
+import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
+import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
+import { Address } from 'viem'
+import { config } from '@/config'
+import { readContract } from 'wagmi/actions'
+
+export const getIsWhitelistedBuilder = async (builderAddress: Address): Promise<boolean> => {
+  return readContract(config, {
+    address: SimplifiedRewardDistributorAddress,
+    abi: SimplifiedRewardDistributorAbi,
+    functionName: 'isWhitelisted',
+    args: [builderAddress],
+  })
+}
diff --git a/src/app/proposals/create/CreateBuilderProposalForm.tsx b/src/app/proposals/create/CreateBuilderProposalForm.tsx
index 21d76509..03a3cd0d 100644
--- a/src/app/proposals/create/CreateBuilderProposalForm.tsx
+++ b/src/app/proposals/create/CreateBuilderProposalForm.tsx
@@ -14,7 +14,7 @@ import {
 import { TX_MESSAGES } from '@/shared/txMessages'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { useRouter } from 'next/navigation'
-import { FC, useState } from 'react'
+import { FC, useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
 import { Address } from 'viem'
 import { z } from 'zod'
@@ -23,6 +23,7 @@ import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/
 import { Header, Paragraph } from '@/components/Typography'
 import { Button } from '@/components/Button'
 import { isAddressRegex, DISPLAY_NAME_SEPARATOR } from '@/app/proposals/shared/utils'
+import { isBaseError, isUserRejectedTxError } from '@/components/ErrorPage/commonErrors'
 
 const FormSchema = z.object({
   builderName: z
@@ -47,11 +48,7 @@ export const CreateBuilderProposalForm: FC = () => {
   const router = useRouter()
   useVotingPowerRedirect()
   const { setMessage } = useAlertContext()
-  const { onCreateBuilderWhitelistProposal, isPublishing, error } = useCreateBuilderWhitelistProposal()
-  if (error) {
-    setMessage(TX_MESSAGES.proposal.error)
-    console.error('🐛 Error writing to contract:', error)
-  }
+  const { onCreateBuilderWhitelistProposal, isPublishing } = useCreateBuilderWhitelistProposal()
 
   const [activeStep, setActiveStep] = useState('proposal')
 
@@ -95,9 +92,13 @@ export const CreateBuilderProposalForm: FC = () => {
         proposalDescription,
       )
       router.push(`/proposals?txHash=${txHash}`)
-    } catch (err: any) {
-      if (err?.cause?.code !== 4001) {
+    } catch (error: any) {
+      if (isUserRejectedTxError(error)) return
+      if (isBaseError(error)) {
+        setMessage({ ...TX_MESSAGES.proposal.error, content: error.message })
+      } else {
         setMessage(TX_MESSAGES.proposal.error)
+        console.error('🐛 Error writing to contract:', error)
       }
     }
   }
diff --git a/src/app/proposals/create/RemoveBuilderProposalForm.tsx b/src/app/proposals/create/RemoveBuilderProposalForm.tsx
index eec0d694..67d78317 100644
--- a/src/app/proposals/create/RemoveBuilderProposalForm.tsx
+++ b/src/app/proposals/create/RemoveBuilderProposalForm.tsx
@@ -23,6 +23,7 @@ import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@/
 import { Header, Paragraph } from '@/components/Typography'
 import { Button } from '@/components/Button'
 import { isAddressRegex } from '@/app/proposals/shared/utils'
+import { isBaseError, isUserRejectedTxError } from '@/components/ErrorPage/commonErrors'
 
 const FormSchema = z.object({
   proposalName: z
@@ -44,7 +45,7 @@ export const RemoveBuilderProposalForm: FC = () => {
   const proposalId = params?.get('proposalId') ?? ''
   const { isLoading: isVotingPowerLoading, canCreateProposal } = useVotingPower()
   const { setMessage } = useAlertContext()
-  const { onRemoveBuilderProposal, isPublishing, error } = useRemoveBuilderProposal()
+  const { onRemoveBuilderProposal, isPublishing } = useRemoveBuilderProposal()
 
   const [activeStep, setActiveStep] = useState('proposal')
 
@@ -79,20 +80,17 @@ export const RemoveBuilderProposalForm: FC = () => {
     try {
       const txHash = await onRemoveBuilderProposal(builderAddress as Address, proposalDescription)
       router.push(`/proposals?txHash=${txHash}`)
-    } catch (err: any) {
-      if (err?.cause?.code !== 4001) {
+    } catch (error: any) {
+      if (isUserRejectedTxError(error)) return
+      if (isBaseError(error)) {
+        setMessage({ ...TX_MESSAGES.proposal.error, content: error.message })
+      } else {
         setMessage(TX_MESSAGES.proposal.error)
+        console.error('🐛 Error writing to contract:', error)
       }
     }
   }
 
-  useEffect(() => {
-    if (error) {
-      setMessage(TX_MESSAGES.proposal.error)
-      console.error('🐛 Error writing to contract:', error)
-    }
-  }, [error, setMessage])
-
   useEffect(() => {
     if (!isVotingPowerLoading && !canCreateProposal) {
       router.push(`/proposals/${proposalId}`)
diff --git a/src/app/proposals/create/TreasuryWithdrawProposalForm.tsx b/src/app/proposals/create/TreasuryWithdrawProposalForm.tsx
index 3d4d87ff..1d81a275 100644
--- a/src/app/proposals/create/TreasuryWithdrawProposalForm.tsx
+++ b/src/app/proposals/create/TreasuryWithdrawProposalForm.tsx
@@ -34,6 +34,7 @@ import React from 'react'
 import { useForm } from 'react-hook-form'
 import { CreateProposalHeaderSection } from '@/app/proposals/create/CreateProposalHeaderSection'
 import { isAddressRegex } from '@/app/proposals/shared/utils'
+import { isBaseError, isUserRejectedTxError } from '@/components/ErrorPage/commonErrors'
 
 const rifMinimumAmount = ENV === 'mainnet' ? 10 : 1
 const rbtcMinimumAmount = ENV === 'mainnet' ? 0.0001 : 0.000001
@@ -122,8 +123,12 @@ export const TreasuryWithdrawProposalForm = () => {
       )
       router.push(`/proposals?txHash=${txHash}`)
     } catch (err: any) {
-      if (err?.cause?.code !== 4001) {
+      if (isUserRejectedTxError(err)) return
+      if (isBaseError(err)) {
+        setMessage({ ...TX_MESSAGES.proposal.error, content: err.message })
+      } else {
         setMessage(TX_MESSAGES.proposal.error)
+        console.error('🐛 Error writing to contract:', err)
       }
     }
   }
diff --git a/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts b/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
index 3439d4b5..c11f3ecd 100644
--- a/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
+++ b/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
@@ -5,10 +5,12 @@ import { Address, encodeFunctionData, getAddress } from 'viem'
 import { useWriteContract } from 'wagmi'
 import { createProposal, encodeGovernorRelayCallData } from './proposalUtils'
 import { useVotingPower } from './useVotingPower'
+import { AddressAlreadyWhitelistedError, NoVotingPowerError } from '@/app/proposals/shared/errors'
+import { getIsWhitelistedBuilder } from '@/app/collective-rewards/utils/getIsWhitelistedBuilder'
 
 export const useCreateBuilderWhitelistProposal = () => {
   const { canCreateProposal } = useVotingPower()
-  const { writeContractAsync: propose, isPending: isPublishing, error } = useWriteContract()
+  const { writeContractAsync: propose, isPending: isPublishing, error: transactionError } = useWriteContract()
 
   const onCreateBuilderWhitelistProposal = async (
     builderAddress: Address,
@@ -16,7 +18,11 @@ export const useCreateBuilderWhitelistProposal = () => {
     description: string,
   ) => {
     if (!canCreateProposal) {
-      throw new Error('You do not have enough voting power to create a proposal')
+      throw NoVotingPowerError
+    }
+    const isWhitelisted = await getIsWhitelistedBuilder(builderAddress)
+    if (isWhitelisted) {
+      throw AddressAlreadyWhitelistedError
     }
     const calldata = encodeWhitelistBuilderCalldata(builderAddress, receiverAddress)
     const relayCallData = encodeGovernorRelayCallData(SimplifiedRewardDistributorAddress, calldata)
@@ -30,7 +36,7 @@ export const useCreateBuilderWhitelistProposal = () => {
       args: proposal,
     })
   }
-  return { onCreateBuilderWhitelistProposal, isPublishing, error }
+  return { onCreateBuilderWhitelistProposal, isPublishing, transactionError }
 }
 
 export const encodeWhitelistBuilderCalldata = (builderAddress: Address, receiverAddress: Address) => {
diff --git a/src/app/proposals/hooks/useCreateTreasuryTransferProposal.ts b/src/app/proposals/hooks/useCreateTreasuryTransferProposal.ts
index 9be99e7f..e6d6216e 100644
--- a/src/app/proposals/hooks/useCreateTreasuryTransferProposal.ts
+++ b/src/app/proposals/hooks/useCreateTreasuryTransferProposal.ts
@@ -1,5 +1,6 @@
 import { createProposal } from '@/app/proposals/hooks/proposalUtils'
 import { useVotingPower } from '@/app/proposals/hooks/useVotingPower'
+import { NoVotingPowerError } from '@/app/proposals/shared/errors'
 import { DAOTreasuryAbi } from '@/lib/abis/DAOTreasuryAbi'
 import { GovernorAbi } from '@/lib/abis/Governor'
 import { GovernorAddress, tokenContracts, TreasuryAddress } from '@/lib/contracts'
@@ -22,7 +23,7 @@ export const useCreateTreasuryTransferProposal = () => {
     tokenAddress: string,
   ) => {
     if (!canCreateProposal) {
-      throw new Error('You do not have enough voting power to create a proposal')
+      throw NoVotingPowerError
     }
     let calldata
     if (tokenAddress === zeroAddress) {
diff --git a/src/app/proposals/hooks/useRemoveBuilderProposal.ts b/src/app/proposals/hooks/useRemoveBuilderProposal.ts
index 6cd6daf1..6c662893 100644
--- a/src/app/proposals/hooks/useRemoveBuilderProposal.ts
+++ b/src/app/proposals/hooks/useRemoveBuilderProposal.ts
@@ -1,18 +1,24 @@
-import { useWriteContract } from 'wagmi'
+import { AddressNotWhitelistedError, NoVotingPowerError } from '@/app/proposals/shared/errors'
 import { GovernorAbi } from '@/lib/abis/Governor'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
 import { GovernorAddress, SimplifiedRewardDistributorAddress } from '@/lib/contracts'
 import { Address, encodeFunctionData } from 'viem'
-import { useVotingPower } from './useVotingPower'
+import { useWriteContract } from 'wagmi'
 import { createProposal, encodeGovernorRelayCallData } from './proposalUtils'
+import { useVotingPower } from './useVotingPower'
+import { getIsWhitelistedBuilder } from '@/app/collective-rewards/utils/getIsWhitelistedBuilder'
 
 export const useRemoveBuilderProposal = () => {
   const { canCreateProposal } = useVotingPower()
-  const { writeContractAsync: propose, isPending: isPublishing, error } = useWriteContract()
+  const { writeContractAsync: propose, isPending: isPublishing, error: transactionError } = useWriteContract()
 
   const onRemoveBuilderProposal = async (builderAddress: Address, description: string) => {
     if (!canCreateProposal) {
-      throw new Error('You do not have enough voting power to create a proposal')
+      throw NoVotingPowerError
+    }
+    const isWhitelisted = await getIsWhitelistedBuilder(builderAddress)
+    if (!isWhitelisted) {
+      throw AddressNotWhitelistedError
     }
     const calldata = encodeRemoveBuilderCalldata(builderAddress)
     const relayCallData = encodeGovernorRelayCallData(SimplifiedRewardDistributorAddress, calldata)
@@ -26,7 +32,7 @@ export const useRemoveBuilderProposal = () => {
       args: proposal,
     })
   }
-  return { onRemoveBuilderProposal, isPublishing, error }
+  return { onRemoveBuilderProposal, isPublishing, transactionError }
 }
 
 const encodeRemoveBuilderCalldata = (builderAddress: Address) => {
diff --git a/src/app/proposals/shared/errors.ts b/src/app/proposals/shared/errors.ts
new file mode 100644
index 00000000..1f1deef4
--- /dev/null
+++ b/src/app/proposals/shared/errors.ts
@@ -0,0 +1,14 @@
+import { BaseError } from '@/components/ErrorPage/commonErrors'
+
+export const NoVotingPowerError = new BaseError(
+  'NoVotingPowerError',
+  'You do not have enough voting power to create a proposal',
+)
+export const AddressNotWhitelistedError = new BaseError(
+  'AddressNotWhitelistedError',
+  'The submitted address is not whitelisted',
+)
+export const AddressAlreadyWhitelistedError = new BaseError(
+  'AddressAlreadyWhitelistedError',
+  'The submitted address is already whitelisted',
+)
diff --git a/src/app/user/Stake/Steps/StepTwo.tsx b/src/app/user/Stake/Steps/StepTwo.tsx
index 442a3875..f994820f 100644
--- a/src/app/user/Stake/Steps/StepTwo.tsx
+++ b/src/app/user/Stake/Steps/StepTwo.tsx
@@ -3,6 +3,7 @@ import { StakePreview } from '@/app/user/Stake/StakePreview'
 import { useStakingContext } from '@/app/user/Stake/StakingContext'
 import { textsDependingOnAction } from '@/app/user/Stake/Steps/stepsUtils'
 import { StepProps } from '@/app/user/Stake/types'
+import { isUserRejectedTxError } from '@/components/ErrorPage/commonErrors'
 import { TX_MESSAGES } from '@/shared/txMessages'
 
 export const StepTwo = ({ onGoNext, onCloseModal = () => {} }: StepProps) => {
@@ -30,7 +31,7 @@ export const StepTwo = ({ onGoNext, onCloseModal = () => {} }: StepProps) => {
       setStakeTxHash?.(txHash)
       onGoNext?.()
     } catch (err: any) {
-      if (err?.cause?.code !== 4001) {
+      if (!isUserRejectedTxError(err)) {
         setMessage(TX_MESSAGES.staking.error)
       }
     }
diff --git a/src/components/ErrorPage/commonErrors.ts b/src/components/ErrorPage/commonErrors.ts
index 235fce4a..31877d14 100644
--- a/src/components/ErrorPage/commonErrors.ts
+++ b/src/components/ErrorPage/commonErrors.ts
@@ -1,3 +1,28 @@
+// To be extended when we need to identify errors triggered in our codebase
+// Allow to show a specific error message and not a generic one
+
+export class BaseError extends Error {
+  public readonly isBaseError = true
+  constructor(
+    public readonly name: string,
+    message: string,
+  ) {
+    super(message)
+    this.name = name
+  }
+}
+
+export const isBaseError = (error: any): boolean => {
+  return error?.isBaseError === true
+}
+
+export const isUserRejectedTxError = (error: any): boolean => {
+  return (
+    (error && typeof error.message === 'string' && error.message.includes('User rejected the request')) ||
+    (error && error?.cause?.code === 4001)
+  )
+}
+
 export const commonErrors = {
   ProviderNotFoundError: 'Your browser does not have a wallet installed.',
 }
diff --git a/src/pages/communities/nft/[address].tsx b/src/pages/communities/nft/[address].tsx
index 5574bb96..b1a24be4 100644
--- a/src/pages/communities/nft/[address].tsx
+++ b/src/pages/communities/nft/[address].tsx
@@ -15,6 +15,7 @@ import { useStRif } from '@/shared/hooks/useStRIf'
 import { CopyButton } from '@/components/CopyButton'
 import { NftHoldersSection } from '@/app/communities/NftHoldersSection'
 import { communitiesMapByContract } from '@/app/communities/communityUtils'
+import { isUserRejectedTxError } from '@/components/ErrorPage/commonErrors'
 
 /**
  * Name of the local storage variable with information about whether the token was added to the wallet
@@ -180,8 +181,7 @@ export default function Page() {
       resetAddToWallet()
     } catch (error) {
       // don't show error message if user has closed the wallet prompt
-      if ((error as { message?: string }).message?.includes('User rejected the request'))
-        return resetAddToWallet()
+      if (isUserRejectedTxError(error)) return resetAddToWallet()
       console.error('ERROR', error)
       setMessage({ text: `Error adding NFT#${tokenId} to wallet`, severity: 'error' })
       resetAddToWallet()
diff --git a/src/pages/proposals/[id].tsx b/src/pages/proposals/[id].tsx
index c12900fb..f1892dc8 100644
--- a/src/pages/proposals/[id].tsx
+++ b/src/pages/proposals/[id].tsx
@@ -52,6 +52,7 @@ import { Vote, VoteProposalModal } from '@/components/Modal/VoteProposalModal'
 import { VoteSubmittedModal } from '@/components/Modal/VoteSubmittedModal'
 import React from 'react'
 import { ProposalState } from '@/shared/types'
+import { isUserRejectedTxError } from '@/components/ErrorPage/commonErrors'
 
 export default function ProposalView() {
   const {
@@ -131,7 +132,7 @@ const PageWithProposal = (proposal: ParsedProposal) => {
       })
       setMessage(TX_MESSAGES.voting.success)
     } catch (err: any) {
-      if (err?.cause?.code !== 4001) {
+      if (!isUserRejectedTxError(err)) {
         console.error(err)
         setErrorVoting(err.shortMessage || err.toString())
         setMessage(TX_MESSAGES.voting.error)
@@ -149,7 +150,7 @@ const PageWithProposal = (proposal: ParsedProposal) => {
       })
       setMessage(TX_MESSAGES.queuing.success)
     } catch (err: any) {
-      if (err?.cause?.code !== 4001) {
+      if (!isUserRejectedTxError(err)) {
         console.error(err)
         setMessage(TX_MESSAGES.queuing.error)
       }
@@ -167,7 +168,7 @@ const PageWithProposal = (proposal: ParsedProposal) => {
       })
       setMessage(TX_MESSAGES.execution.success)
     } catch (err: any) {
-      if (err?.cause?.code !== 4001) {
+      if (!isUserRejectedTxError(err)) {
         console.error(err)
         setMessage(TX_MESSAGES.execution.error)
       }

From 1c801a0193531ef3d47c5fcca269c7ab0380e3b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Santana=20Gon=C3=A7alves?=
 <rodrigo.santana@iovlabs.org>
Date: Wed, 6 Nov 2024 11:31:04 -0300
Subject: [PATCH 026/115] Fix conditional hooks (#272)

* fix conditional hooks

* Removed conditional hooks

* Fixed dependencies.

---------

Co-authored-by: Francis Rodriguez <francisngg@gmail.com>
---
 src/app/proposals/TimeRemainingColumn.tsx     | 21 ++----
 .../proposals/hooks/useGetProposalDeadline.ts | 71 +++++++++++++++----
 2 files changed, 64 insertions(+), 28 deletions(-)

diff --git a/src/app/proposals/TimeRemainingColumn.tsx b/src/app/proposals/TimeRemainingColumn.tsx
index c165820f..859b865e 100644
--- a/src/app/proposals/TimeRemainingColumn.tsx
+++ b/src/app/proposals/TimeRemainingColumn.tsx
@@ -13,28 +13,19 @@ const convertToTimeRemaining = (seconds: number) => {
   return `${days}d ${hours}h ${minutes}m ${remainingSeconds}s`
 }
 
-/**
- * This helps to render the right hook due to how Wagmi works...
- * If the status is not active, there is no point in fetching the status of the vote
- */
-const HOOK_TO_USE = {
-  dummy: (proposalId: string, number: bigint) => ({
-    blocksUntilClosure: 0,
-    proposalDeadlineBlock: undefined,
-  }),
-  real: useGetProposalDeadline,
-}
-
 export const TimeRemainingColumn = () => {
   const { latestBlockNumber } = useSharedProposalsTableContext()
   const { proposalId, blockNumber, proposalStateHuman } = useProposalContext()
-  const hookToUse = HOOK_TO_USE[proposalStateHuman === 'Active' ? 'real' : 'dummy']
-  const { blocksUntilClosure, proposalDeadlineBlock } = hookToUse(proposalId, latestBlockNumber || BigInt(1))
+  const { blocksUntilClosure = 0n, proposalDeadlineBlock } = useGetProposalDeadline(
+    proposalId,
+    latestBlockNumber || BigInt(1),
+    proposalStateHuman === 'Active',
+  )
 
   const votingWindowBlocks = BigInt(proposalDeadlineBlock || 1) - BigInt(blockNumber)
   const ratio = Number(blocksUntilClosure) / Number(votingWindowBlocks)
 
-  let colorClass
+  let colorClass = ''
   // Determine the text color based on the ratio
   if (ratio > 0.66) {
     colorClass = 'text-st-success'
diff --git a/src/app/proposals/hooks/useGetProposalDeadline.ts b/src/app/proposals/hooks/useGetProposalDeadline.ts
index cbc8a414..f97339aa 100644
--- a/src/app/proposals/hooks/useGetProposalDeadline.ts
+++ b/src/app/proposals/hooks/useGetProposalDeadline.ts
@@ -1,26 +1,71 @@
 import { useBlockNumber, useReadContract } from 'wagmi'
 import { GovernorAbi } from '@/lib/abis/Governor'
 import { GovernorAddress } from '@/lib/contracts'
+import { useEffect, useRef } from 'react'
 
-// Dummy hook that simply returns the value passed to it
-const useDummyBlockNumber = (blockNumber?: bigint) => {
-  return { data: blockNumber }
-}
-
-export const useGetProposalDeadline = (proposalId: string, passedLatestBlockNumber?: bigint) => {
-  const { data: proposalDeadlineBlock } = useReadContract({
+export const useGetProposalDeadline = (
+  proposalId: string,
+  passedLatestBlockNumber?: bigint,
+  fetchOnMount = true,
+) => {
+  const { data: proposalDeadlineBlock, refetch: fetchProposalDeadlineBlock } = useReadContract({
     abi: GovernorAbi,
     address: GovernorAddress,
     functionName: 'proposalDeadline',
     args: [BigInt(proposalId)],
+    query: {
+      enabled: false,
+    },
+  })
+  const { data: latestBlockNumber, refetch: fetchLatestBlockNumber } = useBlockNumber({
+    query: {
+      enabled: false,
+    },
   })
-  // Call the appropriate hook based on passedLatestBlockNumber
-  const hookToUse = passedLatestBlockNumber ? useDummyBlockNumber : useBlockNumber
-  const { data: latestBlockNumber } = hookToUse(passedLatestBlockNumber)
+
+  // Store the fetch functions in refs
+  const fetchProposalDeadlineBlockRef = useRef(fetchProposalDeadlineBlock)
+  const fetchLatestBlockNumberRef = useRef(fetchLatestBlockNumber)
+  const hasRunDeadlineBlockFetch = useRef(false)
+  const hasRunLatestBlockFetch = useRef(false)
+
+  // Keep refs updated
+  useEffect(() => {
+    fetchProposalDeadlineBlockRef.current = fetchProposalDeadlineBlock
+    fetchLatestBlockNumberRef.current = fetchLatestBlockNumber
+  }, [fetchProposalDeadlineBlock, fetchLatestBlockNumber])
+
+  /**
+   * When the fetchOnMount changes, fetch deadline block and latest block number ONCE
+   */
+  useEffect(() => {
+    if (fetchOnMount) {
+      if (!hasRunDeadlineBlockFetch.current) {
+        fetchProposalDeadlineBlockRef.current()
+        hasRunDeadlineBlockFetch.current = true
+      }
+      if (!passedLatestBlockNumber && !hasRunLatestBlockFetch.current) {
+        fetchLatestBlockNumberRef.current()
+        hasRunLatestBlockFetch.current = true
+      }
+    }
+  }, [fetchOnMount, passedLatestBlockNumber])
+
+  /**
+   * Hook to fetch latest block number if passedLatestBlockNumber is undefined ONCE
+   */
+  useEffect(() => {
+    if (!passedLatestBlockNumber && fetchOnMount && !hasRunLatestBlockFetch.current) {
+      fetchLatestBlockNumberRef.current()
+      hasRunLatestBlockFetch.current = true
+    }
+  }, [passedLatestBlockNumber, fetchOnMount])
+
+  const latestBlockNumberToUse = passedLatestBlockNumber || latestBlockNumber
 
   let blocksUntilClosure = null
-  if (proposalDeadlineBlock && latestBlockNumber) {
-    blocksUntilClosure = proposalDeadlineBlock - latestBlockNumber
+  if (proposalDeadlineBlock && latestBlockNumberToUse) {
+    blocksUntilClosure = proposalDeadlineBlock - latestBlockNumberToUse
     if (blocksUntilClosure < 0) {
       blocksUntilClosure = 0
     }
@@ -28,7 +73,7 @@ export const useGetProposalDeadline = (proposalId: string, passedLatestBlockNumb
 
   return {
     proposalDeadlineBlock,
-    latestBlockNumber,
+    latestBlockNumber: latestBlockNumberToUse,
     blocksUntilClosure,
   }
 }

From 5cf25024b55bc7e54f73c3a779c9ce8d54fc3f57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Santana=20Gon=C3=A7alves?=
 <rodrigo.santana@iovlabs.org>
Date: Wed, 6 Nov 2024 11:32:17 -0300
Subject: [PATCH 027/115] fix communities banner image (#340)

---
 src/app/communities/page.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/communities/page.tsx b/src/app/communities/page.tsx
index 1b83c1d6..c66c41a3 100644
--- a/src/app/communities/page.tsx
+++ b/src/app/communities/page.tsx
@@ -7,11 +7,17 @@ import { communitiesToRender } from '@/app/communities/communityUtils'
 export default function Communities() {
   return (
     <MainContainer notProtected>
-      <div className="ml-[24px]">
-        <div className="relative h-[407px]">
-          <Image src="/images/communities-header.png" alt="Communities" fill />
+      <div className="flex flex-col ml-[24px]">
+        <div>
+          <Image
+            src="/images/communities-header.svg"
+            alt="Communities"
+            width={0}
+            height={0}
+            style={{ width: '100%', height: 'auto' }}
+          />
         </div>
-        <div className="mt-[16px] flex flex-wrap gap-[24px]">
+        <div className="flex flex-wrap mt-[16px] gap-[24px]">
           {communitiesToRender.map(community => (
             <CommunityItem key={community.title} {...community} />
           ))}

From 7eb8741e3872d14803a478e1186ffe0bfcf9f1a5 Mon Sep 17 00:00:00 2001
From: Jesse Clark <hello@developerjesse.com>
Date: Wed, 6 Nov 2024 17:19:32 +0200
Subject: [PATCH 028/115] Revert trigger for staging.

- this was a temporary step so that QA could test in an independent env.
---
 .github/workflows/staging.deploy.yaml | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/staging.deploy.yaml b/.github/workflows/staging.deploy.yaml
index a792f421..f72ea3fc 100644
--- a/.github/workflows/staging.deploy.yaml
+++ b/.github/workflows/staging.deploy.yaml
@@ -1,10 +1,9 @@
 name: Deploy to Amazon ECS (staging)
 
 on:
-  pull_request
-  #push:
-  #  branches:
-  #    - develop
+  push:
+    branches:
+      - develop
 
 env:
   AWS_REGION: us-east-1
@@ -14,7 +13,7 @@ env:
   ECS_TASK_DEFINITION: rscoll-dev-dao-staging
   CONTAINER_NAME: rscoll-dev-dao-staging
 
-  PROFILE: mainnet.staging
+  PROFILE: qa
 
 jobs:
   deploy:

From 960f64995cb17b931685c94ba084b37db8a0fab2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Santana=20Gon=C3=A7alves?=
 <rodrigo.santana@iovlabs.org>
Date: Wed, 6 Nov 2024 15:40:02 -0300
Subject: [PATCH 029/115] add some removed locators (#344)

---
 .../create/CreateProposalHeaderSection.tsx    |  8 ++++-
 .../create/TreasuryWithdrawProposalForm.tsx   | 33 +++++++++++++++----
 2 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/src/app/proposals/create/CreateProposalHeaderSection.tsx b/src/app/proposals/create/CreateProposalHeaderSection.tsx
index 6d7a32a3..4dd181f5 100644
--- a/src/app/proposals/create/CreateProposalHeaderSection.tsx
+++ b/src/app/proposals/create/CreateProposalHeaderSection.tsx
@@ -8,7 +8,13 @@ export const CreateProposalHeaderSection = ({ disabled = true, loading = false }
       Create proposal
     </Header>
     <div className="flex flex-row gap-x-6">
-      <Button startIcon={<GoRocket />} disabled={disabled} buttonProps={{ type: 'submit' }} loading={loading}>
+      <Button
+        startIcon={<GoRocket />}
+        disabled={disabled}
+        buttonProps={{ type: 'submit' }}
+        loading={loading}
+        data-testid="Publish"
+      >
         Publish
       </Button>
     </div>
diff --git a/src/app/proposals/create/TreasuryWithdrawProposalForm.tsx b/src/app/proposals/create/TreasuryWithdrawProposalForm.tsx
index 1d81a275..590df331 100644
--- a/src/app/proposals/create/TreasuryWithdrawProposalForm.tsx
+++ b/src/app/proposals/create/TreasuryWithdrawProposalForm.tsx
@@ -92,7 +92,6 @@ export const TreasuryWithdrawProposalForm = () => {
     formState: { touchedFields, errors, isValid, isDirty },
     watch,
     trigger,
-    setValue,
   } = form
 
   const pricesMap = useMemo(
@@ -175,7 +174,12 @@ export const TreasuryWithdrawProposalForm = () => {
                   <FormItem className="mb-6 mx-1">
                     <FormLabel>Proposal name</FormLabel>
                     <FormControl>
-                      <FormInput placeholder="Name your proposal" {...field} maxLength={100} />
+                      <FormInput
+                        placeholder="Name your proposal"
+                        {...field}
+                        maxLength={100}
+                        data-testid="InputName"
+                      />
                     </FormControl>
                     <FormMessage />
                   </FormItem>
@@ -188,14 +192,23 @@ export const TreasuryWithdrawProposalForm = () => {
                   <FormItem className="mb-6 mx-1">
                     <FormLabel>Description</FormLabel>
                     <FormControl>
-                      <FormTextarea placeholder="Enter a description..." {...field} maxLength={3000} />
+                      <FormTextarea
+                        placeholder="Enter a description..."
+                        {...field}
+                        maxLength={3000}
+                        data-testid="InputDescription"
+                      />
                     </FormControl>
                     <FormMessage />
                   </FormItem>
                 )}
               />
               <div className="flex justify-center mb-6">
-                <Button disabled={!isProposalCompleted} onClick={handleProposalCompleted}>
+                <Button
+                  disabled={!isProposalCompleted}
+                  onClick={handleProposalCompleted}
+                  data-testid="Continue"
+                >
                   Continue
                 </Button>
               </div>
@@ -220,7 +233,7 @@ export const TreasuryWithdrawProposalForm = () => {
                   <FormItem className="mb-6 mx-1">
                     <FormLabel>Transfer to</FormLabel>
                     <FormControl>
-                      <FormInput placeholder="0x123...456" {...field} />
+                      <FormInput placeholder="0x123...456" {...field} data-testid="InputTransfer" />
                     </FormControl>
                     <FormDescription>Write or paste the wallet address of the recipient</FormDescription>
                     <FormMessage />
@@ -245,7 +258,7 @@ export const TreasuryWithdrawProposalForm = () => {
                           defaultValue={field.value}
                         >
                           <FormControl>
-                            <SelectTrigger>
+                            <SelectTrigger data-testid="InputAsset">
                               <SelectValue placeholder="Select an asset" />
                             </SelectTrigger>
                           </FormControl>
@@ -288,7 +301,13 @@ export const TreasuryWithdrawProposalForm = () => {
                     <FormItem className="mb-6 mx-1">
                       <FormLabel>Amount</FormLabel>
                       <FormControl>
-                        <FormInputNumber placeholder="0.00" className="w-64" autoComplete="off" {...field} />
+                        <FormInputNumber
+                          placeholder="0.00"
+                          className="w-64"
+                          autoComplete="off"
+                          {...field}
+                          data-testid="InputAmount"
+                        />
                       </FormControl>
                       {amountValue?.toString() && (
                         <FormDescription>= USD {formatCurrency(amountUsd)}</FormDescription>

From c320fb196aa973336b186c54253b50691fb28bba Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Thu, 7 Nov 2024 13:01:18 +0000
Subject: [PATCH 030/115] feat(dao): add feature flags (#295)

* feat(dao): add feature flags

* chore: remove feature flag provider

* chore: remove unused import

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 src/shared/context/FeatureFlagContext.tsx | 115 ++++++++++++++++++++++
 1 file changed, 115 insertions(+)
 create mode 100644 src/shared/context/FeatureFlagContext.tsx

diff --git a/src/shared/context/FeatureFlagContext.tsx b/src/shared/context/FeatureFlagContext.tsx
new file mode 100644
index 00000000..bee38a2b
--- /dev/null
+++ b/src/shared/context/FeatureFlagContext.tsx
@@ -0,0 +1,115 @@
+import React, { createContext, FC, ReactNode, useContext, useEffect, useState } from 'react'
+
+export const features = {
+  user_flags: 'Allows users to enable certain flags',
+  v2_rewards: 'Brings voting to builders',
+} as const
+export type Feature = keyof typeof features
+
+export const userFlags = ['v2_rewards'] as const
+
+export type UserFlag = (typeof userFlags)[number]
+
+export const isUserFeatureFlag = (flag: UserFlag): flag is UserFlag => userFlags.includes(flag)
+
+export type FeatureFlags = {
+  [Key in Feature]?: boolean
+}
+export type UserFlags = {
+  [Key in UserFlag]?: boolean
+}
+
+export const isFeatureFlag = (flag: Feature): flag is Feature => !!features[flag]
+
+export const validateUserFlags = (flags: Record<string, any>): flags is UserFlags => {
+  return Object.keys(flags).every(key => {
+    return userFlags.includes(key as UserFlag) && typeof flags[key] === 'boolean'
+  })
+}
+
+const getEnvFlag = (value?: string): boolean | undefined => {
+  if (value === 'true') {
+    return true
+  }
+  if (value === 'false') {
+    return false
+  }
+}
+
+export const envFlags: FeatureFlags = {
+  user_flags: getEnvFlag(process.env.NEXT_PUBLIC_ENABLE_FEATURE_USER_FLAGS),
+  v2_rewards: getEnvFlag(process.env.NEXT_PUBLIC_ENABLE_FEATURE_V2_REWARDS),
+}
+
+type FeatureFlagContextType = {
+  flags: FeatureFlags
+  toggleFlag: (flagName: UserFlag) => void
+  updateFlags: (newFlags: UserFlags) => void
+}
+const FeatureFlagContext = createContext<FeatureFlagContextType>({
+  flags: {} as FeatureFlags,
+  toggleFlag: () => {},
+  updateFlags: () => {},
+})
+
+const updateLocalStorage = (features: FeatureFlags): void => {
+  if (typeof window !== 'undefined' && !!window.localStorage) {
+    window.localStorage.setItem('features', JSON.stringify(features))
+  }
+}
+
+const readLocalStorage = (): FeatureFlags => {
+  if (typeof window !== 'undefined' && !!window.localStorage) {
+    return JSON.parse(window.localStorage.getItem('features') ?? '{}')
+  }
+  return {}
+}
+
+export const FeatureFlagProvider: FC<{ children: ReactNode }> = ({ children }) => {
+  const [flags, setFlags] = useState<FeatureFlags>(envFlags)
+
+  useEffect(() => {
+    const localStorageFlags = readLocalStorage()
+    const cleanEnvFlags: FeatureFlags = Object.entries(envFlags).reduce<FeatureFlags>((acc, [key, value]) => {
+      if (value !== undefined) {
+        acc[key as Feature] = value
+      }
+
+      return acc
+    }, {})
+    const allFlags: FeatureFlags = { ...envFlags, ...localStorageFlags, ...cleanEnvFlags }
+
+    setFlags(allFlags)
+    updateLocalStorage(allFlags)
+  }, [])
+
+  const toggleFlag = (flag: UserFlag) => {
+    if (flags.user_flags && isUserFeatureFlag(flag)) {
+      const updatedFlags = {
+        ...flags,
+        [flag]: !flags[flag],
+      }
+      setFlags(updatedFlags)
+      updateLocalStorage(updatedFlags)
+    }
+  }
+
+  const updateFlags = (newFlags: UserFlags) => {
+    if (flags.user_flags && validateUserFlags(newFlags)) {
+      const updatedFlags = {
+        ...flags,
+        ...newFlags,
+      }
+      setFlags(updatedFlags)
+      updateLocalStorage(updatedFlags)
+    }
+  }
+
+  return (
+    <FeatureFlagContext.Provider value={{ flags, updateFlags, toggleFlag }}>
+      {children}
+    </FeatureFlagContext.Provider>
+  )
+}
+
+export const useFeatureFlags = () => useContext(FeatureFlagContext)

From c152c74ddacc9ae11f4c3f82047889058d2d20ab Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Thu, 7 Nov 2024 10:27:59 -0600
Subject: [PATCH 031/115] build: dockerfile (#335)

* build: dockerfile

* refactor: pr comments

* docs: update readme

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .env.prod => .env.mainnet                |  0
 .github/workflows/cr.qa.deploy.yaml      |  6 +++++-
 .github/workflows/cr.staging.deploy.yaml |  6 +++++-
 .github/workflows/dev.deploy.yaml        |  6 +++++-
 .github/workflows/mainnet.deploy.yaml    |  6 +++++-
 .github/workflows/staging.deploy.yaml    |  6 +++++-
 .github/workflows/testnet.deploy.yaml    |  6 +++++-
 Dockerfile                               | 18 +++---------------
 README.md                                |  4 ++--
 docker-compose.yml                       |  2 +-
 10 files changed, 36 insertions(+), 24 deletions(-)
 rename .env.prod => .env.mainnet (100%)

diff --git a/.env.prod b/.env.mainnet
similarity index 100%
rename from .env.prod
rename to .env.mainnet
diff --git a/.github/workflows/cr.qa.deploy.yaml b/.github/workflows/cr.qa.deploy.yaml
index 76fc725d..dfec3d1e 100644
--- a/.github/workflows/cr.qa.deploy.yaml
+++ b/.github/workflows/cr.qa.deploy.yaml
@@ -13,6 +13,10 @@ env:
   ECS_TASK_DEFINITION: rscoll-dev-bim-qa
   CONTAINER_NAME: rscoll-dev-bim-qa
 
+  # The .env file that is used to build the docker image 
+  # is retrieved using PROFILE, so be sure there is a `.env.<PROFILE>` file
+  # that matches with the profile set
+  # Example: PROFILE=testnet => .env.testnet
   PROFILE: testnet.qa
 
 jobs:
@@ -50,7 +54,7 @@ jobs:
           # Build a docker container and
           # push it to ECR so that it can
           # be deployed to ECS.
-          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg arg_env="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
+          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg PROFILE="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
           docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG
           echo "::set-output name=image::$ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG"
 
diff --git a/.github/workflows/cr.staging.deploy.yaml b/.github/workflows/cr.staging.deploy.yaml
index a5cf450a..8f6d50ae 100644
--- a/.github/workflows/cr.staging.deploy.yaml
+++ b/.github/workflows/cr.staging.deploy.yaml
@@ -13,6 +13,10 @@ env:
   ECS_TASK_DEFINITION: rscoll-dev-bim-staging
   CONTAINER_NAME: rscoll-dev-bim-staging
 
+  # The .env file that is used to build the docker image 
+  # is retrieved using PROFILE, so be sure there is a `.env.<PROFILE>` file
+  # that matches with the profile set
+  # Example: PROFILE=testnet => .env.testnet
   PROFILE: testnet.staging
 
 jobs:
@@ -50,7 +54,7 @@ jobs:
           # Build a docker container and
           # push it to ECR so that it can
           # be deployed to ECS.
-          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg arg_env="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
+          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg PROFILE="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
           docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG
           echo "::set-output name=image::$ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG"
 
diff --git a/.github/workflows/dev.deploy.yaml b/.github/workflows/dev.deploy.yaml
index 6b611eaa..f83333e5 100644
--- a/.github/workflows/dev.deploy.yaml
+++ b/.github/workflows/dev.deploy.yaml
@@ -13,6 +13,10 @@ env:
   ECS_TASK_DEFINITION: rscoll-dev-dao-dev
   CONTAINER_NAME: rscoll-dev-dao-dev
 
+  # The .env file that is used to build the docker image 
+  # is retrieved using PROFILE, so be sure there is a `.env.<PROFILE>` file
+  # that matches with the profile set
+  # Example: PROFILE=testnet => .env.testnet
   PROFILE: dev
 
 jobs:
@@ -49,7 +53,7 @@ jobs:
           # Build a docker container and
           # push it to ECR so that it can
           # be deployed to ECS.
-          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg arg_env="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
+          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg PROFILE="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
           docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG
           echo "::set-output name=image::$ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG"
 
diff --git a/.github/workflows/mainnet.deploy.yaml b/.github/workflows/mainnet.deploy.yaml
index 564b377e..3c2be2b1 100644
--- a/.github/workflows/mainnet.deploy.yaml
+++ b/.github/workflows/mainnet.deploy.yaml
@@ -12,6 +12,10 @@ env:
   ECS_TASK_DEFINITION: dao-frontend-mainnet
   CONTAINER_NAME: dao-frontend-mainnet
 
+  # The .env file that is used to build the docker image 
+  # is retrieved using PROFILE, so be sure there is a `.env.<PROFILE>` file
+  # that matches with the profile set
+  # Example: PROFILE=testnet => .env.testnet
   PROFILE: mainnet
 
 jobs:
@@ -49,7 +53,7 @@ jobs:
           # Build a docker container and
           # push it to ECR so that it can
           # be deployed to ECS.
-          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg arg_env="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
+          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg PROFILE="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
           docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG
           echo "::set-output name=image::$ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG"
 
diff --git a/.github/workflows/staging.deploy.yaml b/.github/workflows/staging.deploy.yaml
index f72ea3fc..6f93f1f8 100644
--- a/.github/workflows/staging.deploy.yaml
+++ b/.github/workflows/staging.deploy.yaml
@@ -13,6 +13,10 @@ env:
   ECS_TASK_DEFINITION: rscoll-dev-dao-staging
   CONTAINER_NAME: rscoll-dev-dao-staging
 
+  # The .env file that is used to build the docker image 
+  # is retrieved using PROFILE, so be sure there is a `.env.<PROFILE>` file
+  # that matches with the profile set
+  # Example: PROFILE=testnet => .env.testnet
   PROFILE: qa
 
 jobs:
@@ -49,7 +53,7 @@ jobs:
           # Build a docker container and
           # push it to ECR so that it can
           # be deployed to ECS.
-          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg arg_env="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
+          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg PROFILE="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
           docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG
           echo "::set-output name=image::$ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG"
 
diff --git a/.github/workflows/testnet.deploy.yaml b/.github/workflows/testnet.deploy.yaml
index 3c60f3c3..c3295674 100644
--- a/.github/workflows/testnet.deploy.yaml
+++ b/.github/workflows/testnet.deploy.yaml
@@ -12,6 +12,10 @@ env:
   ECS_TASK_DEFINITION: dao-frontend-testnet
   CONTAINER_NAME: dao-frontend-testnet
 
+  # The .env file that is used to build the docker image 
+  # is retrieved using PROFILE, so be sure there is a `.env.<PROFILE>` file
+  # that matches with the profile set
+  # Example: PROFILE=testnet => .env.testnet
   PROFILE: testnet
 
 jobs:
@@ -49,7 +53,7 @@ jobs:
           # Build a docker container and
           # push it to ECR so that it can
           # be deployed to ECS.
-          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg arg_env="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
+          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG --build-arg PROFILE="$PROFILE" --build-arg NEXT_PUBLIC_BUILD_ID=${{ github.sha }} --no-cache .
           docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG
           echo "::set-output name=image::$ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG"
 
diff --git a/Dockerfile b/Dockerfile
index d3cdd9ab..3599df1f 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -20,23 +20,11 @@ COPY . .
 ENV NEXT_TELEMETRY_DISABLED 1
 
 # Set the build argument 
-ARG arg_env
+ARG PROFILE
 ARG NEXT_PUBLIC_BUILD_ID
 
-# Rename environment files based on arg_env TODO: This is silly to do just for the sake of one file name (.env.prod) if we could replace this monster with `mv ".env.$arg_env". .env.local`. Furthermore, PROFILE var should work just as well ;)
-RUN if [ "$arg_env" = "testnet" ]; then \
-      mv .env.testnet .env.local; \
-    elif [ "$arg_env" = "dev" ]; then \
-      mv .env.dev .env.local; \
-    elif [ "$arg_env" = "qa" ]; then \
-          mv .env.qa .env.local; \
-    elif [ "$arg_env" = "mainnet" ]; then \
-      mv .env.prod .env.local; \
-    elif [ "$arg_env" = "testnet.qa" ]; then \
-      mv .env.testnet.qa .env.local; \
-    elif [ "$arg_env" = "mainnet.staging" ]; then \
-      mv .env.staging.mainnet .env.local; \
-    fi
+# Rename environment files based on PROFILE 
+RUN cp .env.${PROFILE} .env.local
 
 # Export the NEXT_PUBLIC_BUILD_ID as an environment variable
 ENV NEXT_PUBLIC_BUILD_ID=${NEXT_PUBLIC_BUILD_ID}
diff --git a/README.md b/README.md
index 5cce9e67..eade3da5 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@ update .env file with the correct data from respective files:
 ```
 .dev
 .testnet
-.prod
+.mainnet
 ```
 
 the chosen set of variables depends on the targeted contract versions you planning to work with. `.dev` - same as the `.testnet` versions of the contract with an exception being reduced wait times of votingDelay, votingPeriod and timelockMinDelay for automation purposes. `.testnet` and `.mainnet` versions are aligned on time but target respective chains(chainIds) 31 and 30.
@@ -63,7 +63,7 @@ All environment files are prefixed with a `.env`.
 
 | Environment      | Team     | Deploy URL                                      | Configuration                                                                                                                                                                              | Notes        |
 | ---------------- | -------- | ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------ |
-| .prod            | DAO - CR | https://app.rootstockcollective.xyz             | [DAO](https://github.com/RootstockCollective/dao-contracts/blob/develop/params/mainnet.json) <br> [CR](https://github.com/RootstockCollective/collective-rewards-sc/blob/main/.env.30.mvp) | -            |
+| .mainnet            | DAO - CR | https://app.rootstockcollective.xyz             | [DAO](https://github.com/RootstockCollective/dao-contracts/blob/develop/params/mainnet.json) <br> [CR](https://github.com/RootstockCollective/collective-rewards-sc/blob/main/.env.30.mvp) | -            |
 | .dev             | DAO - CR | https://dev.app.rootstockcollective.xyz         | [DAO](https://github.com/RootstockCollective/dao-contracts/blob/develop/params/dev.json)                                                                                                   | Requires VPN |
 | .testnet         | DAO      | https://testnet.app.rootstockcollective.xyz     | [DAO](https://github.com/RootstockCollective/dao-contracts/blob/develop/params/testnet.json)                                                                                               | -            |
 | .qa              | DAO      | -                                               | -                                                                                                                                                                                          | -            |
diff --git a/docker-compose.yml b/docker-compose.yml
index 461e3ae6..5ba5ded5 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -4,7 +4,7 @@ services:
       context: .
       dockerfile: Dockerfile
       args:
-        arg_env: dev
+        PROFILE: dev
     ports:
       - '3010:3000'
     command: npm start

From 0ee5e6d21e79613cda32822e6340516694ec7d58 Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Thu, 7 Nov 2024 16:34:50 +0000
Subject: [PATCH 032/115] feat(cr_v2): claim builder rewards btn (#339)

---
 .env.qa                                       |    1 -
 .env.testnet.local                            |   12 +-
 .env.testnet.qa                               |    6 +-
 .env.testnet.staging                          |    1 -
 src/app/collective-rewards/BuilderContext.tsx |    2 +-
 src/app/collective-rewards/Rewards.tsx        |   38 +-
 .../hooks/useClaimAllRewards.ts               |  128 ++
 .../hooks/useGetIsWhitelistedBuilder.ts       |   26 +-
 src/app/user/page.tsx                         |    7 +-
 src/components/Popover/Popover.tsx            |    6 +
 src/lib/abis/v2/BuilderRegistryAbi.ts         | 1231 +++++++++++++++++
 src/lib/abis/v2/GaugeAbi.ts                   |  700 ++++++++++
 src/lib/abis/v2/RewardDistributorAbi.ts       |  329 +++++
 src/lib/constants.ts                          |    5 +-
 src/lib/contracts.ts                          |    8 +-
 src/shared/errors/zeroAddressError.ts         |   14 +
 16 files changed, 2490 insertions(+), 24 deletions(-)
 create mode 100644 src/app/collective-rewards/hooks/useClaimAllRewards.ts
 create mode 100644 src/lib/abis/v2/BuilderRegistryAbi.ts
 create mode 100644 src/lib/abis/v2/GaugeAbi.ts
 create mode 100644 src/lib/abis/v2/RewardDistributorAbi.ts
 create mode 100644 src/shared/errors/zeroAddressError.ts

diff --git a/.env.qa b/.env.qa
index feaf4b00..e311c69b 100644
--- a/.env.qa
+++ b/.env.qa
@@ -18,7 +18,6 @@ NEXT_PUBLIC_CHAIN_ID=31
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0xc469Cc2579De5C16210e9063B4E628bF8C46bA02
 NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
-NEXT_PUBLIC_WHITELISTED_BUILDERS_URL=https://frontend.qa.bim.dao.rif.technology/bim/whitelisted/
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.qa.json"
 
diff --git a/.env.testnet.local b/.env.testnet.local
index bbd72a51..fb600e68 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -1,13 +1,13 @@
 # This file contains the environment variables for the CR local testnet environment
 NEXT_PUBLIC_ENV=testnet
 NEXT_PUBLIC_RIF_WALLET_SERVICES=http://localhost:3000/cors_bypass
-NEXT_PUBLIC_PROXY_DESTINATION=https://rws.app.rootstockcollective.xyz
+NEXT_PUBLIC_PROXY_DESTINATION=https://dev.rws.app.rootstockcollective.xyz
 NEXT_PUBLIC_EXPLORER=https://explorer.testnet.rootstock.io
 NEXT_PUBLIC_BUILD_ID=
 
 NEXT_PUBLIC_RIF_ADDRESS=0x19f64674d8a5b4e652319f5e239efd3bc969a1fe
-NEXT_PUBLIC_STRIF_ADDRESS=0x4861198e9A6814EBfb152552D1b1a37426C54D23
-NEXT_PUBLIC_GOVERNOR_ADDRESS=0x2109FF4a9D5548a21F877cA937Ac5847Fde49694
+NEXT_PUBLIC_STRIF_ADDRESS=0xC4b091d97AD25ceA5922f09fe80711B7ACBbb16f
+NEXT_PUBLIC_GOVERNOR_ADDRESS=0x8F10473F1c2f1dA76F6E921aA6eE8c54aD43F7b7
 NEXT_PUBLIC_EA_NFT_ADDRESS=0x979deF73ec80B8AE24Ae46765b81D9aF7b1C9327
 NEXT_PUBLIC_MULTICALL_ADDRESS=0xcA11bde05977b3631167028862bE2a173976CA11
 NEXT_PUBLIC_GRANTS_BUCKET_ADDRESS=0xfaca664c661af7e0e630c8f92b401012cd2a30ef
@@ -18,7 +18,11 @@ NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4e84FCc953dE129C6C47c5B0AD7E57B226093Ae1
-NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=7
+NEXT_PUBLIC_SPONSORS_MANAGER_ADDRESS=0x3c195EC92Da9d7092020E34B5690574825AdAa90
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x8F389e11CC875007097d9DB6c0F78173e2C3Af66
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xd5F9A4668270F8A839e67ee11e5E7aBE6b52C854
+
+NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=2
 NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.local.json"
diff --git a/.env.testnet.qa b/.env.testnet.qa
index cf19dc7d..81c52563 100644
--- a/.env.testnet.qa
+++ b/.env.testnet.qa
@@ -1,7 +1,7 @@
 # This file contains the environment variables for the CR QA testnet environment
 NEXT_PUBLIC_ENV=testnet
 NEXT_PUBLIC_RIF_WALLET_SERVICES=https://frontend.qa.bim.dao.rif.technology/cors_bypass
-NEXT_PUBLIC_PROXY_DESTINATION=https://rws.app.rootstockcollective.xyz
+NEXT_PUBLIC_PROXY_DESTINATION=https://dev.rws.app.rootstockcollective.xyz
 NEXT_PUBLIC_EXPLORER=https://explorer.testnet.rootstock.io
 NEXT_PUBLIC_BUILD_ID=
 
@@ -18,8 +18,10 @@ NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0xc469Cc2579De5C16210e9063B4E628bF8C46bA02
+NEXT_PUBLIC_SPONSORS_MANAGER_ADDRESS=0x3c195EC92Da9d7092020E34B5690574825AdAa90
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x8F389e11CC875007097d9DB6c0F78173e2C3Af66
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xd5F9A4668270F8A839e67ee11e5E7aBE6b52C854
 NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
-NEXT_PUBLIC_WHITELISTED_BUILDERS_URL=https://frontend.qa.bim.dao.rif.technology/bim/whitelisted/
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.qa.json"
diff --git a/.env.testnet.staging b/.env.testnet.staging
index 6cdc7322..b2de0dd2 100644
--- a/.env.testnet.staging
+++ b/.env.testnet.staging
@@ -20,6 +20,5 @@ NEXT_PUBLIC_CHAIN_ID=31
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4447EC87854651ECdce3E91e581c34641C91eC46
 NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
-NEXT_PUBLIC_WHITELISTED_BUILDERS_URL=https://frontend.testnet.bim.dao.rif.technology/bim/whitelisted/
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.staging.json"
diff --git a/src/app/collective-rewards/BuilderContext.tsx b/src/app/collective-rewards/BuilderContext.tsx
index a5404ca8..e20c045b 100644
--- a/src/app/collective-rewards/BuilderContext.tsx
+++ b/src/app/collective-rewards/BuilderContext.tsx
@@ -2,7 +2,7 @@ import { createContext, FC, ReactNode, useContext, useMemo } from 'react'
 import { Address } from 'viem'
 import { BuilderStatus } from '@/app/collective-rewards/types'
 import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
-import { useGetBuilders } from './hooks'
+import { useGetBuilders } from '@/app/collective-rewards/hooks'
 import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
 import { DateTime } from 'luxon'
 import { splitCombinedName } from '@/app/proposals/shared/utils'
diff --git a/src/app/collective-rewards/Rewards.tsx b/src/app/collective-rewards/Rewards.tsx
index dc099d78..c4837d9a 100644
--- a/src/app/collective-rewards/Rewards.tsx
+++ b/src/app/collective-rewards/Rewards.tsx
@@ -1,28 +1,50 @@
-import { useGetRewardDistributedLogs } from './hooks/useGetRewardDistributedLogs'
+import { useGetRewardDistributedLogs } from '@/app/collective-rewards/hooks/useGetRewardDistributedLogs'
 import { useGetTokenProjectedReward } from '@/app/collective-rewards/hooks/useGetTokenProjectedReward'
 import { getLastCycleRewards } from '@/app/collective-rewards/utils/getLastCycleRewards'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { Address } from 'viem'
-import { HeaderTitle } from '@/components/Typography'
+import { HeaderTitle, Paragraph } from '@/components/Typography'
 import { tokenContracts } from '@/lib/contracts'
 import { PricesContextProvider, usePricesContext } from '@/shared/context/PricesContext'
 import { formatCurrency, toFixed } from '@/lib/utils'
 import { MetricsCardWithSpinner } from '@/components/MetricsCard/MetricsCard'
-import { useEffect } from 'react'
+import { FC, useEffect } from 'react'
 import { useAlertContext } from '@/app/providers'
+import { Button } from '@/components/Button'
+import { useClaimAllRewards, useClaimStateReporting } from '@/app/collective-rewards/hooks/useClaimAllRewards'
+import { Popover } from '@/components/Popover'
 
-type RewardsProps = {
-  builder: Address
-}
+export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
+  const { isClaimFunctionReady, claimAllRewards, ...claimTx } = useClaimAllRewards(builder)
+
+  useClaimStateReporting({ ...claimTx })
 
-export const Rewards = ({ builder }: RewardsProps) => {
   return (
     <>
-      <HeaderTitle className="mb-8 font-normal">As a Builder</HeaderTitle>
+      <HeaderTitle className="mb-8 font-normal">Builder Dashboard</HeaderTitle>
       <PricesContextProvider>
         <Reward builder={builder} rewardToken={tokenContracts.RBTC} rewardTokenSymbol="RBTC" />
         <Reward builder={builder} rewardToken={tokenContracts.RIF} rewardTokenSymbol="RIF" />
       </PricesContextProvider>
+
+      <Popover
+        disabled={isClaimFunctionReady}
+        content={
+          <Paragraph variant="normal" className="text-sm">
+            Wait a moment, please. Preparing the claim functionality.
+          </Paragraph>
+        }
+        trigger="hover"
+        background="dark"
+        size="small"
+        position="bottom"
+        className="z-[100]"
+      >
+        <Button onClick={claimAllRewards} disabled={!isClaimFunctionReady} variant="primary">
+          {/* TODO: adapt size once metrics are in place */}
+          Claim all
+        </Button>
+      </Popover>
     </>
   )
 }
diff --git a/src/app/collective-rewards/hooks/useClaimAllRewards.ts b/src/app/collective-rewards/hooks/useClaimAllRewards.ts
new file mode 100644
index 00000000..398a1be1
--- /dev/null
+++ b/src/app/collective-rewards/hooks/useClaimAllRewards.ts
@@ -0,0 +1,128 @@
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { SponsorsManagerAddress } from '@/lib/contracts'
+import { Address, zeroAddress } from 'viem'
+import { useReadContract, useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { createZeroAddressError } from '@/shared/errors/zeroAddressError'
+import { useEffect, useMemo } from 'react'
+import { useAlertContext } from '@/app/providers'
+
+export const useGetGauge = (builder: Address) =>
+  useReadContract({
+    abi: BuilderRegistryAbi,
+    address: SponsorsManagerAddress,
+    functionName: 'builderToGauge',
+    args: [builder as Address],
+  })
+
+export const useClaimAllRewards = (builder: Address) => {
+  const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
+  const { data: gauge, isPending: isGaugePending, error: gaugeError, isFetched } = useGetGauge(builder)
+
+  const { isLoading, isSuccess, data, error: receiptError } = useWaitForTransactionReceipt({ hash })
+
+  const isClaimFunctionReady = useMemo(
+    () => !isGaugePending && !gaugeError && !!gauge,
+    [isGaugePending, gaugeError, gauge],
+  )
+
+  const error = useMemo(() => {
+    if (gaugeError) {
+      return {
+        ...gaugeError,
+        shortMessage: `Failed getting gauge for builder ${builder} (${gaugeError.message})`,
+      }
+    }
+
+    if (executionError) {
+      return {
+        ...executionError,
+        shortMessage: `Failed claim execution (${executionError.message})`,
+      }
+    }
+
+    if (receiptError) {
+      return {
+        ...receiptError,
+        shortMessage: `Failed to get claim execution receipt (${receiptError.message})`,
+      }
+    }
+
+    if (isFetched && gauge === zeroAddress) {
+      return {
+        ...createZeroAddressError('Gauge', { builder }),
+        shortMessage: `${builder} is not a valid builder`,
+      }
+    }
+  }, [gauge, gaugeError, builder, executionError, receiptError, isFetched])
+
+  const claimAllRewards = () => {
+    return writeContractAsync({
+      abi: GaugeAbi,
+      address: gauge as Address,
+      functionName: 'claimBuilderReward',
+      args: [],
+    })
+  }
+
+  return {
+    isClaimFunctionReady,
+    claimAllRewards: () => isClaimFunctionReady && claimAllRewards(),
+    error,
+    isPendingTx: isPending,
+    isLoadingReceipt: isLoading,
+    isSuccess,
+    receipt: data,
+  }
+}
+
+export const useClaimStateReporting = ({
+  error,
+  isPendingTx,
+  isLoadingReceipt,
+  isSuccess,
+  receipt,
+}: Omit<ReturnType<typeof useClaimAllRewards>, 'isClaimFunctionReady' | 'claimAllRewards'>) => {
+  const { setMessage } = useAlertContext()
+
+  useEffect(() => {
+    if (error) {
+      setMessage({
+        severity: 'error',
+        title: 'Error claiming rewards',
+        content: error.message,
+      })
+      console.error('🐛 claimError:', error)
+    }
+  }, [error, setMessage])
+
+  useEffect(() => {
+    if (isPendingTx) {
+      setMessage({
+        severity: 'info',
+        content: 'Confirm transaction execution in your wallet',
+        title: 'Claiming builder rewards',
+      })
+    }
+  }, [isPendingTx, setMessage])
+
+  useEffect(() => {
+    if (isLoadingReceipt) {
+      setMessage({
+        severity: 'info',
+        content: 'Waiting for transaction confirmation. See status details in your wallet.',
+        title: 'Claiming builder rewards',
+      })
+    }
+  }, [isLoadingReceipt, setMessage])
+
+  useEffect(() => {
+    if (isSuccess && receipt) {
+      setMessage({
+        severity: 'success',
+        title: 'Claiming builder rewards',
+        content: `Successfully claimed in tx: ${receipt.transactionHash}`,
+      })
+    }
+  }, [isSuccess, receipt, setMessage])
+}
diff --git a/src/app/collective-rewards/hooks/useGetIsWhitelistedBuilder.ts b/src/app/collective-rewards/hooks/useGetIsWhitelistedBuilder.ts
index 2e8a8a87..6faf4040 100644
--- a/src/app/collective-rewards/hooks/useGetIsWhitelistedBuilder.ts
+++ b/src/app/collective-rewards/hooks/useGetIsWhitelistedBuilder.ts
@@ -1,5 +1,7 @@
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { SimplifiedRewardDistributorAddress, SponsorsManagerAddress } from '@/lib/contracts'
 import { Address } from 'viem'
 import { useReadContract } from 'wagmi'
 
@@ -11,7 +13,27 @@ export const useGetIsWhitelistedBuilder = (builder: Address) => {
     args: [builder],
     query: {
       // 30 seconds, it's the mean time required for a block to be included in RSKJ
-      refetchInterval: 30_000,
+      refetchInterval: AVERAGE_BLOCKTIME,
+      initialData: false,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
+
+export const useGetIsWhitelistedBuilderV2 = (builder: Address) => {
+  const { data, isLoading, error } = useReadContract({
+    abi: BuilderRegistryAbi,
+    address: SponsorsManagerAddress,
+    functionName: 'isBuilderOperational',
+    args: [builder],
+    query: {
+      // 30 seconds, it's the mean time required for a block to be included in RSKJ
+      refetchInterval: AVERAGE_BLOCKTIME,
       initialData: false,
     },
   })
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index b364a80b..41e758bc 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -7,7 +7,10 @@ import { Tabs, TabsContent, TabsList, TabsTrigger, TabTitle } from '@/components
 import { Rewards } from '@/app/collective-rewards/Rewards'
 import { useAccount } from 'wagmi'
 import { WithBuilderButton } from '@/app/collective-rewards/WithBuilderButton'
-import { useGetIsWhitelistedBuilder } from '@/app/collective-rewards/hooks/useGetIsWhitelistedBuilder'
+import {
+  useGetIsWhitelistedBuilder,
+  useGetIsWhitelistedBuilderV2,
+} from '@/app/collective-rewards/hooks/useGetIsWhitelistedBuilder'
 import { getAddress } from 'viem'
 
 type MyHoldingsProps = {
@@ -27,7 +30,7 @@ const TabsListWithButton = WithBuilderButton(TabsList)
 export default function User() {
   const { address } = useAccount()
 
-  const { data: isWhitelistedBuilder } = useGetIsWhitelistedBuilder(address!)
+  const { data: isWhitelistedBuilder } = useGetIsWhitelistedBuilderV2(address!)
 
   return (
     <MainContainer>
diff --git a/src/components/Popover/Popover.tsx b/src/components/Popover/Popover.tsx
index ae4ab01f..31ae2ce3 100644
--- a/src/components/Popover/Popover.tsx
+++ b/src/components/Popover/Popover.tsx
@@ -5,6 +5,7 @@ import { HTMLAttributes, ReactNode, useEffect, useRef, useState } from 'react'
 interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'content'> {
   children: ReactNode
   content: ReactNode
+  disabled?: boolean
   trigger?: 'click' | 'hover'
   background?: 'dark' | 'light'
   position?: 'top' | 'bottom' | 'right' | 'left'
@@ -15,6 +16,7 @@ interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'conte
 export const Popover = ({
   children,
   content,
+  disabled = false,
   trigger = 'click',
   background = 'dark',
   position = 'bottom',
@@ -52,6 +54,10 @@ export const Popover = ({
     }
   }, [show, wrapperRef])
 
+  if (disabled) {
+    return <>{children}</>
+  }
+
   return (
     <div
       ref={wrapperRef}
diff --git a/src/lib/abis/v2/BuilderRegistryAbi.ts b/src/lib/abis/v2/BuilderRegistryAbi.ts
new file mode 100644
index 00000000..653fe67a
--- /dev/null
+++ b/src/lib/abis/v2/BuilderRegistryAbi.ts
@@ -0,0 +1,1231 @@
+export const BuilderRegistryAbi = [
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'target',
+        type: 'address',
+      },
+    ],
+    name: 'AddressEmptyCode',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'AlreadyKYCApproved',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'AlreadyRevoked',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'AlreadyWhitelisted',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'BuilderAlreadyExists',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'BuilderDoesNotExist',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'CannotRevoke',
+    type: 'error',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'implementation',
+        type: 'address',
+      },
+    ],
+    name: 'ERC1967InvalidImplementation',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'ERC1967NonPayable',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'EpochDurationNotHourBasis',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'EpochDurationTooShort',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'EpochDurationsAreNotMultiples',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'FailedInnerCall',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'InvalidBuilderKickback',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'InvalidInitialization',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'IsRevoked',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotGovernor',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotGovernorOrAuthorizedChanger',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotInitializing',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotKYCApproved',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotOperational',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotPaused',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotRevoked',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotWhitelisted',
+    type: 'error',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'owner',
+        type: 'address',
+      },
+    ],
+    name: 'OwnableInvalidOwner',
+    type: 'error',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'account',
+        type: 'address',
+      },
+    ],
+    name: 'OwnableUnauthorizedAccount',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'UUPSUnauthorizedCallContext',
+    type: 'error',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'bytes32',
+        name: 'slot',
+        type: 'bytes32',
+      },
+    ],
+    name: 'UUPSUnsupportedProxiableUUID',
+    type: 'error',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+      {
+        indexed: false,
+        internalType: 'address',
+        name: 'rewardReceiver_',
+        type: 'address',
+      },
+      {
+        indexed: false,
+        internalType: 'uint64',
+        name: 'kickback_',
+        type: 'uint64',
+      },
+    ],
+    name: 'BuilderActivated',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+      {
+        indexed: false,
+        internalType: 'uint256',
+        name: 'kickback_',
+        type: 'uint256',
+      },
+      {
+        indexed: false,
+        internalType: 'uint256',
+        name: 'cooldown_',
+        type: 'uint256',
+      },
+    ],
+    name: 'BuilderKickbackUpdateScheduled',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'Dewhitelisted',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'gauge_',
+        type: 'address',
+      },
+      {
+        indexed: false,
+        internalType: 'address',
+        name: 'creator_',
+        type: 'address',
+      },
+    ],
+    name: 'GaugeCreated',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: 'uint64',
+        name: 'version',
+        type: 'uint64',
+      },
+    ],
+    name: 'Initialized',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'KYCApproved',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'KYCRevoked',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: 'uint256',
+        name: 'newEpochDuration_',
+        type: 'uint256',
+      },
+      {
+        indexed: false,
+        internalType: 'uint256',
+        name: 'cooldownEndTime_',
+        type: 'uint256',
+      },
+    ],
+    name: 'NewEpochDurationScheduled',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'previousOwner',
+        type: 'address',
+      },
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'newOwner',
+        type: 'address',
+      },
+    ],
+    name: 'OwnershipTransferStarted',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'previousOwner',
+        type: 'address',
+      },
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'newOwner',
+        type: 'address',
+      },
+    ],
+    name: 'OwnershipTransferred',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+      {
+        indexed: false,
+        internalType: 'bytes20',
+        name: 'reason_',
+        type: 'bytes20',
+      },
+    ],
+    name: 'Paused',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+      {
+        indexed: false,
+        internalType: 'uint256',
+        name: 'kickback_',
+        type: 'uint256',
+      },
+      {
+        indexed: false,
+        internalType: 'uint256',
+        name: 'cooldown_',
+        type: 'uint256',
+      },
+    ],
+    name: 'Permitted',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'Revoked',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'Unpaused',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'implementation',
+        type: 'address',
+      },
+    ],
+    name: 'Upgraded',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'Whitelisted',
+    type: 'event',
+  },
+  {
+    inputs: [],
+    name: 'UPGRADE_INTERFACE_VERSION',
+    outputs: [
+      {
+        internalType: 'string',
+        name: '',
+        type: 'string',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'acceptOwnership',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+      {
+        internalType: 'address',
+        name: 'rewardReceiver_',
+        type: 'address',
+      },
+      {
+        internalType: 'uint64',
+        name: 'kickback_',
+        type: 'uint64',
+      },
+    ],
+    name: 'activateBuilder',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'approveBuilderKYC',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder',
+        type: 'address',
+      },
+    ],
+    name: 'builderKickback',
+    outputs: [
+      {
+        internalType: 'uint64',
+        name: 'previous',
+        type: 'uint64',
+      },
+      {
+        internalType: 'uint64',
+        name: 'next',
+        type: 'uint64',
+      },
+      {
+        internalType: 'uint128',
+        name: 'cooldownEndTime',
+        type: 'uint128',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder',
+        type: 'address',
+      },
+    ],
+    name: 'builderRewardReceiver',
+    outputs: [
+      {
+        internalType: 'address',
+        name: 'rewardReceiver',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder',
+        type: 'address',
+      },
+    ],
+    name: 'builderState',
+    outputs: [
+      {
+        internalType: 'bool',
+        name: 'kycApproved',
+        type: 'bool',
+      },
+      {
+        internalType: 'bool',
+        name: 'whitelisted',
+        type: 'bool',
+      },
+      {
+        internalType: 'bool',
+        name: 'paused',
+        type: 'bool',
+      },
+      {
+        internalType: 'bool',
+        name: 'revoked',
+        type: 'bool',
+      },
+      {
+        internalType: 'bytes8',
+        name: 'reserved',
+        type: 'bytes8',
+      },
+      {
+        internalType: 'bytes20',
+        name: 'pausedReason',
+        type: 'bytes20',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder',
+        type: 'address',
+      },
+    ],
+    name: 'builderToGauge',
+    outputs: [
+      {
+        internalType: 'contract Gauge',
+        name: 'gauge',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'changeExecutor',
+    outputs: [
+      {
+        internalType: 'contract IChangeExecutorRootstockCollective',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'dewhitelistBuilder',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'timestamp_',
+        type: 'uint256',
+      },
+    ],
+    name: 'endDistributionWindow',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: '',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'epochData',
+    outputs: [
+      {
+        internalType: 'uint32',
+        name: 'previousDuration',
+        type: 'uint32',
+      },
+      {
+        internalType: 'uint32',
+        name: 'nextDuration',
+        type: 'uint32',
+      },
+      {
+        internalType: 'uint64',
+        name: 'previousStart',
+        type: 'uint64',
+      },
+      {
+        internalType: 'uint64',
+        name: 'nextStart',
+        type: 'uint64',
+      },
+      {
+        internalType: 'uint24',
+        name: 'offset',
+        type: 'uint24',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'timestamp_',
+        type: 'uint256',
+      },
+    ],
+    name: 'epochNext',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: '',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'timestamp_',
+        type: 'uint256',
+      },
+    ],
+    name: 'epochStart',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: '',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'gaugeFactory',
+    outputs: [
+      {
+        internalType: 'contract GaugeFactory',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'contract Gauge',
+        name: 'gauge',
+        type: 'address',
+      },
+    ],
+    name: 'gaugeToBuilder',
+    outputs: [
+      {
+        internalType: 'address',
+        name: 'builder',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'getEpochStartAndDuration',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: '',
+        type: 'uint256',
+      },
+      {
+        internalType: 'uint256',
+        name: '',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'index_',
+        type: 'uint256',
+      },
+    ],
+    name: 'getGaugeAt',
+    outputs: [
+      {
+        internalType: 'address',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'getGaugesLength',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: '',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'index_',
+        type: 'uint256',
+      },
+    ],
+    name: 'getHaltedGaugeAt',
+    outputs: [
+      {
+        internalType: 'address',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'getHaltedGaugesLength',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: '',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'getKickbackToApply',
+    outputs: [
+      {
+        internalType: 'uint64',
+        name: '',
+        type: 'uint64',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'governor',
+    outputs: [
+      {
+        internalType: 'address',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'contract Gauge',
+        name: 'gauge',
+        type: 'address',
+      },
+    ],
+    name: 'haltedGaugeLastPeriodFinish',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: 'lastPeriodFinish',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'isBuilderOperational',
+    outputs: [
+      {
+        internalType: 'bool',
+        name: '',
+        type: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'isBuilderPaused',
+    outputs: [
+      {
+        internalType: 'bool',
+        name: '',
+        type: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'gauge_',
+        type: 'address',
+      },
+    ],
+    name: 'isGaugeHalted',
+    outputs: [
+      {
+        internalType: 'bool',
+        name: '',
+        type: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'contract Gauge',
+        name: 'gauge_',
+        type: 'address',
+      },
+    ],
+    name: 'isGaugeOperational',
+    outputs: [
+      {
+        internalType: 'bool',
+        name: '',
+        type: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'gauge_',
+        type: 'address',
+      },
+    ],
+    name: 'isGaugeRewarded',
+    outputs: [
+      {
+        internalType: 'bool',
+        name: '',
+        type: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'kickbackCooldown',
+    outputs: [
+      {
+        internalType: 'uint128',
+        name: '',
+        type: 'uint128',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'owner',
+    outputs: [
+      {
+        internalType: 'address',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+      {
+        internalType: 'bytes20',
+        name: 'reason_',
+        type: 'bytes20',
+      },
+    ],
+    name: 'pauseBuilder',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'pendingOwner',
+    outputs: [
+      {
+        internalType: 'address',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint64',
+        name: 'kickback_',
+        type: 'uint64',
+      },
+    ],
+    name: 'permitBuilder',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'proxiableUUID',
+    outputs: [
+      {
+        internalType: 'bytes32',
+        name: '',
+        type: 'bytes32',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'renounceOwnership',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'revokeBuilder',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'revokeBuilderKYC',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'rewardDistributor',
+    outputs: [
+      {
+        internalType: 'address',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint64',
+        name: 'kickback_',
+        type: 'uint64',
+      },
+    ],
+    name: 'setBuilderKickback',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint32',
+        name: 'newEpochDuration_',
+        type: 'uint32',
+      },
+      {
+        internalType: 'uint24',
+        name: 'epochStartOffset_',
+        type: 'uint24',
+      },
+    ],
+    name: 'setEpochDuration',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'timestamp_',
+        type: 'uint256',
+      },
+    ],
+    name: 'timeUntilNextEpoch',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: '',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'newOwner',
+        type: 'address',
+      },
+    ],
+    name: 'transferOwnership',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'unpauseBuilder',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'newImplementation',
+        type: 'address',
+      },
+      {
+        internalType: 'bytes',
+        name: 'data',
+        type: 'bytes',
+      },
+    ],
+    name: 'upgradeToAndCall',
+    outputs: [],
+    stateMutability: 'payable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'builder_',
+        type: 'address',
+      },
+    ],
+    name: 'whitelistBuilder',
+    outputs: [
+      {
+        internalType: 'contract Gauge',
+        name: 'gauge_',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+] as const
diff --git a/src/lib/abis/v2/GaugeAbi.ts b/src/lib/abis/v2/GaugeAbi.ts
new file mode 100644
index 00000000..84a8fb8e
--- /dev/null
+++ b/src/lib/abis/v2/GaugeAbi.ts
@@ -0,0 +1,700 @@
+export const GaugeAbi = [
+  {
+    type: 'constructor',
+    inputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'allocate',
+    inputs: [
+      {
+        name: 'sponsor_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'allocation_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'timeUntilNextEpoch_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: 'allocationDeviation_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'rewardSharesDeviation_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'isNegative_',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'allocationOf',
+    inputs: [
+      {
+        name: 'sponsor',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'allocation',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'builderRewards',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'claimBuilderReward',
+    inputs: [],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'claimBuilderReward',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'claimSponsorReward',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'sponsor_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'claimSponsorReward',
+    inputs: [
+      {
+        name: 'sponsor_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'earned',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'sponsor_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'incentivizeWithCoinbase',
+    inputs: [],
+    outputs: [],
+    stateMutability: 'payable',
+  },
+  {
+    type: 'function',
+    name: 'incentivizeWithRewardToken',
+    inputs: [
+      {
+        name: 'amount_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'initialize',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'sponsorsManager_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'lastTimeRewardApplicable',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'lastUpdateTime',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'left',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'moveBuilderUnclaimedRewards',
+    inputs: [
+      {
+        name: 'to_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'notifyRewardAmountAndUpdateShares',
+    inputs: [
+      {
+        name: 'amountERC20_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'builderKickback_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'periodFinish_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'epochStart_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'epochDuration_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: 'newGaugeRewardShares_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'payable',
+  },
+  {
+    type: 'function',
+    name: 'rewardData',
+    inputs: [
+      {
+        name: 'rewardToken',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'rewardRate',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'rewardPerTokenStored',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'rewardMissing',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'lastUpdateTime',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: 'builderRewards',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardMissing',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardPerToken',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardPerTokenStored',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardRate',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardShares',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardToken',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewards',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'sponsor_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'sponsorRewardPerTokenPaid',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'sponsor_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'sponsorsManager',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'contract ISponsorsManager',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'totalAllocation',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'event',
+    name: 'BuilderRewardsClaimed',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'amount_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Initialized',
+    inputs: [
+      {
+        name: 'version',
+        type: 'uint64',
+        indexed: false,
+        internalType: 'uint64',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'NewAllocation',
+    inputs: [
+      {
+        name: 'sponsor_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'allocation_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'NotifyReward',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'builderAmount_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'sponsorsAmount_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'SponsorRewardsClaimed',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'sponsor_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'amount_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'error',
+    name: 'AddressEmptyCode',
+    inputs: [
+      {
+        name: 'target',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'AddressInsufficientBalance',
+    inputs: [
+      {
+        name: 'account',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'BeforeDistribution',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'BuilderRewardsLocked',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'FailedInnerCall',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'GaugeHalted',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'InvalidInitialization',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotAuthorized',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotInitializing',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotSponsorsManager',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'ReentrancyGuardReentrantCall',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'SafeERC20FailedOperation',
+    inputs: [
+      {
+        name: 'token',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+] as const
diff --git a/src/lib/abis/v2/RewardDistributorAbi.ts b/src/lib/abis/v2/RewardDistributorAbi.ts
new file mode 100644
index 00000000..bbb98fd8
--- /dev/null
+++ b/src/lib/abis/v2/RewardDistributorAbi.ts
@@ -0,0 +1,329 @@
+export const RewardDistributorAbi = [
+  {
+    inputs: [],
+    stateMutability: 'nonpayable',
+    type: 'constructor',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'target',
+        type: 'address',
+      },
+    ],
+    name: 'AddressEmptyCode',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'BIMAddressesAlreadyInitialized',
+    type: 'error',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'implementation',
+        type: 'address',
+      },
+    ],
+    name: 'ERC1967InvalidImplementation',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'ERC1967NonPayable',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'FailedInnerCall',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'InvalidInitialization',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotFoundationTreasury',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotGovernor',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotGovernorOrAuthorizedChanger',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'NotInitializing',
+    type: 'error',
+  },
+  {
+    inputs: [],
+    name: 'UUPSUnauthorizedCallContext',
+    type: 'error',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'bytes32',
+        name: 'slot',
+        type: 'bytes32',
+      },
+    ],
+    name: 'UUPSUnsupportedProxiableUUID',
+    type: 'error',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: 'uint64',
+        name: 'version',
+        type: 'uint64',
+      },
+    ],
+    name: 'Initialized',
+    type: 'event',
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: 'address',
+        name: 'implementation',
+        type: 'address',
+      },
+    ],
+    name: 'Upgraded',
+    type: 'event',
+  },
+  {
+    inputs: [],
+    name: 'UPGRADE_INTERFACE_VERSION',
+    outputs: [
+      {
+        internalType: 'string',
+        name: '',
+        type: 'string',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'changeExecutor',
+    outputs: [
+      {
+        internalType: 'contract IChangeExecutorRootstockCollective',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'foundationTreasury',
+    outputs: [
+      {
+        internalType: 'address',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'governor',
+    outputs: [
+      {
+        internalType: 'address',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'changeExecutor_',
+        type: 'address',
+      },
+      {
+        internalType: 'address',
+        name: 'foundationTreasury_',
+        type: 'address',
+      },
+    ],
+    name: 'initialize',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'sponsorsManager_',
+        type: 'address',
+      },
+    ],
+    name: 'initializeBIMAddresses',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'proxiableUUID',
+    outputs: [
+      {
+        internalType: 'bytes32',
+        name: '',
+        type: 'bytes32',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'epochTimestampStart',
+        type: 'uint256',
+      },
+    ],
+    name: 'rewardCoinbaseAmountPerEpoch',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: 'amount',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'rewardToken',
+    outputs: [
+      {
+        internalType: 'contract IERC20',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'epochTimestampStart',
+        type: 'uint256',
+      },
+    ],
+    name: 'rewardTokenAmountPerEpoch',
+    outputs: [
+      {
+        internalType: 'uint256',
+        name: 'amount',
+        type: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'amountERC20_',
+        type: 'uint256',
+      },
+      {
+        internalType: 'uint256',
+        name: 'amountCoinbase_',
+        type: 'uint256',
+      },
+    ],
+    name: 'sendRewards',
+    outputs: [],
+    stateMutability: 'payable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'uint256',
+        name: 'amountERC20_',
+        type: 'uint256',
+      },
+      {
+        internalType: 'uint256',
+        name: 'amountCoinbase_',
+        type: 'uint256',
+      },
+    ],
+    name: 'sendRewardsAndStartDistribution',
+    outputs: [],
+    stateMutability: 'payable',
+    type: 'function',
+  },
+  {
+    inputs: [],
+    name: 'sponsorsManager',
+    outputs: [
+      {
+        internalType: 'contract SponsorsManager',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'newImplementation',
+        type: 'address',
+      },
+      {
+        internalType: 'bytes',
+        name: 'data',
+        type: 'bytes',
+      },
+    ],
+    name: 'upgradeToAndCall',
+    outputs: [],
+    stateMutability: 'payable',
+    type: 'function',
+  },
+  {
+    stateMutability: 'payable',
+    type: 'receive',
+  },
+] as const
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 45f029b9..80b1e35d 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -24,12 +24,13 @@ export const CHAIN_ID = process.env.NEXT_PUBLIC_CHAIN_ID
 
 export const SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS = process.env
   .NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS as Address
+export const SPONSORS_MANAGER_ADDRESS = process.env.NEXT_PUBLIC_SPONSORS_MANAGER_ADDRESS as Address
+export const REWARD_DISTRIBUTOR_ADDRESS = process.env.NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS as Address
 export const CYCLE_DURATION_IN_DAYS = process.env.NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS
 export const FIRST_CYCLE_START_DATE_ISO = process.env.NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO
 
-export const WHITELISTED_BUILDERS_URL = process.env.NEXT_PUBLIC_WHITELISTED_BUILDERS_URL
-
 export const ADDRESS_ANIMATION_DURATION = 800
+export const AVERAGE_BLOCKTIME = 30_000
 
 export const RIF = 'RIF'
 export const USD = 'USD'
diff --git a/src/lib/contracts.ts b/src/lib/contracts.ts
index 08437a91..c3196fa5 100644
--- a/src/lib/contracts.ts
+++ b/src/lib/contracts.ts
@@ -15,6 +15,8 @@ import {
   OG_FOUNDERS_NFT_ADDRESS,
   OG_PARTNERS_NFT_ADDRESS,
   OG_CONTRIBUTORS_NFT_ADDRESS,
+  SPONSORS_MANAGER_ADDRESS,
+  REWARD_DISTRIBUTOR_ADDRESS,
 } from './constants'
 
 const tokenContracts = {
@@ -44,7 +46,7 @@ const treasuryContracts = [
   { name: 'Grants', address: GRANTS_BUCKET_ADDRESS },
   { name: 'Grants - Active', address: GRANTS_ACTIVE_BUCKET_ADDRESS },
   { name: 'Growth', address: GROWTH_BUCKET_ADDRESS },
-  { name: 'Growth - Rewards', address: SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS },
+  { name: 'Growth - Rewards', address: REWARD_DISTRIBUTOR_ADDRESS },
   { name: 'General', address: GENERAL_BUCKET_ADDRESS },
 ]
 
@@ -53,6 +55,8 @@ const MulticallAddress = MULTICALL_ADDRESS
 const TreasuryAddress = GRANTS_ACTIVE_BUCKET_ADDRESS
 
 const SimplifiedRewardDistributorAddress = SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS || ZeroAddress
+const SponsorsManagerAddress = SPONSORS_MANAGER_ADDRESS || ZeroAddress
+const RewardDistributor = REWARD_DISTRIBUTOR_ADDRESS || ZeroAddress
 
 export {
   abiContractsMap,
@@ -63,4 +67,6 @@ export {
   TreasuryAddress,
   treasuryContracts,
   SimplifiedRewardDistributorAddress,
+  SponsorsManagerAddress,
+  RewardDistributor,
 }
diff --git a/src/shared/errors/zeroAddressError.ts b/src/shared/errors/zeroAddressError.ts
new file mode 100644
index 00000000..2e19ebeb
--- /dev/null
+++ b/src/shared/errors/zeroAddressError.ts
@@ -0,0 +1,14 @@
+export type ZeroAddressError = Error & {
+  contractName: string
+}
+
+export const createZeroAddressError = <T extends {} = {}>(
+  contractName: string,
+  data?: T,
+): ZeroAddressError => ({
+  ...new Error(),
+  message: `Contract ${contractName} has zero address. Data: ${data ? JSON.stringify(data, null, 2) : 'none'}`,
+  contractName,
+  name: 'ZeroAddressError',
+  cause: data,
+})

From a283cc5cc32799b5951cc73665009a023a5dab24 Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Thu, 7 Nov 2024 14:42:24 -0600
Subject: [PATCH 033/115] TOK-390: clipboard (#346)

* refactor(AddressOrAlias): clipboard

* refactor: pr comments

* refactor: renaming
---
 src/app/collective-rewards/MetricsSection.tsx |  4 +-
 .../leaderboard/LeaderBoard.tsx               | 36 +++++++--
 .../whitelist/WhitelistGridItem.tsx           | 17 ++++-
 ...uilderButton.tsx => withBuilderButton.tsx} |  2 +-
 src/app/user/Balances/BalancesSection.tsx     |  4 +-
 src/app/user/page.tsx                         | 10 +--
 src/components/Address/AddressOrAlias.tsx     | 74 ++++---------------
 src/components/Address/withCopy.tsx           | 73 ++++++++++++++++++
 8 files changed, 136 insertions(+), 84 deletions(-)
 rename src/app/collective-rewards/{WithBuilderButton.tsx => withBuilderButton.tsx} (90%)
 create mode 100644 src/components/Address/withCopy.tsx

diff --git a/src/app/collective-rewards/MetricsSection.tsx b/src/app/collective-rewards/MetricsSection.tsx
index 2fbec462..9a7b87ea 100644
--- a/src/app/collective-rewards/MetricsSection.tsx
+++ b/src/app/collective-rewards/MetricsSection.tsx
@@ -1,9 +1,9 @@
 import { HeaderTitle } from '@/components/Typography'
 import { CycleMetrics } from '@/app/collective-rewards/metrics/CycleMetrics'
 import { WhitelistedBuildersLengthMetrics } from '@/app/collective-rewards/metrics/WhitelistedBuildersLengthMetrics'
-import { WithBuilderButton } from '@/app/collective-rewards/WithBuilderButton'
+import { withBuilderButton } from '@/app/collective-rewards/withBuilderButton'
 
-const HeaderWithBuilderButton = WithBuilderButton(HeaderTitle)
+const HeaderWithBuilderButton = withBuilderButton(HeaderTitle)
 
 export const MetricsSection = () => {
   return (
diff --git a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx b/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
index 5c9c823c..d7beed81 100644
--- a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
+++ b/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
@@ -1,6 +1,6 @@
 import { useGetBuildersRewards } from '@/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards'
 import { useAlertContext } from '@/app/providers'
-import { AddressOrAlias } from '@/components/Address'
+import { AddressOrAliasWithCopy } from '@/components/Address'
 import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { TableBody, TableCell, TableCore, TableHead, TableRow } from '@/components/Table'
 import { HeaderTitle, Label, Typography } from '@/components/Typography'
@@ -9,6 +9,9 @@ import { cn, formatCurrency, toFixed } from '@/lib/utils'
 import { FC, memo, useEffect } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
 import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/BuilderContext'
+import { Popover } from '@/components/Popover'
+import { shortAddress } from '@/lib/utils'
+import { Address, isAddress } from 'viem'
 
 type Currency = {
   value: number
@@ -22,7 +25,7 @@ export type Reward = {
 
 type TableData = {
   [address: string]: {
-    displayName: string
+    builderName: string
     lastCycleReward: Reward[]
     projectedReward: Reward[]
     share: bigint
@@ -55,12 +58,31 @@ export const LazyRewardCell = memo(RewardCell, ({ rewards: prevReward }, { rewar
   prevReward.every((reward, key) => reward.fiat.value === nextReward[key].fiat.value),
 )
 
-export const BuilderNameCell = ({ builderName }: { builderName: string }) => {
+export const BuilderNameCell = ({ builderName, address }: { builderName: string; address: string }) => {
+  const shortenAddress = shortAddress(address as Address)
   return (
     <TableCell className={cn(tableHeaders[0], 'border-solid')}>
       <div className="flex flex-row gap-x-1">
         <Jdenticon className="rounded-md bg-white" value={builderName} size="24" />
-        <AddressOrAlias addressOrAlias={builderName} className="text-sm" />
+        <Popover
+          content={
+            <div className="text-[12px] font-bold mb-1">
+              <p data-testid="builderAddressTooltip">{shortenAddress}</p>
+            </div>
+          }
+          size="small"
+          trigger="hover"
+          disabled={!builderName || isAddress(builderName)}
+        >
+          <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap min-w-28">
+            <AddressOrAliasWithCopy
+              addressOrAlias={builderName || address}
+              clipboard={address}
+              clipboardAnimationText={shortenAddress}
+              className="text-sm"
+            />
+          </Typography>
+        </Popover>
       </div>
     </TableCell>
   )
@@ -123,7 +145,7 @@ const LeaderBoardTable = () => {
     (acc, { address, builderName, lastCycleReward, projectedReward, share }) => {
       const currentShare = acc[address]?.share ?? 0n
       acc[address] = {
-        displayName: builderName || address,
+        builderName,
         lastCycleReward: [...(acc[address]?.lastCycleReward ?? []), lastCycleReward],
         projectedReward: [...(acc[address]?.projectedReward ?? []), projectedReward],
         share: share > currentShare ? share : currentShare,
@@ -187,9 +209,9 @@ const LeaderBoardTable = () => {
       </TableHead>
       <TableBody>
         {Object.entries(tableData).map(
-          ([address, { displayName, lastCycleReward, projectedReward, share }]) => (
+          ([address, { builderName, lastCycleReward, projectedReward, share }]) => (
             <TableRow key={address + share} className="text-[14px] border-hidden">
-              <BuilderNameCell builderName={displayName} />
+              <BuilderNameCell builderName={builderName} address={address} />
               <LastCycleRewardCell rewards={lastCycleReward} />
               <ProjectedRewardCell rewards={projectedReward} />
               <ShareCell share={share} />
diff --git a/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx b/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx
index 9a7fbfd0..f1742fea 100644
--- a/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx
+++ b/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx
@@ -1,5 +1,5 @@
 import { crStatusColorClasses } from '@/app/collective-rewards/BecomeABuilderButton'
-import { AddressOrAlias } from '@/components/Address'
+import { AddressOrAliasWithCopy } from '@/components/Address'
 import { Badge } from '@/components/Badge'
 import { Popover } from '@/components/Popover'
 import { Paragraph, Span, Typography } from '@/components/Typography'
@@ -7,6 +7,8 @@ import { useRouter } from 'next/navigation'
 import { FC, ReactNode } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
 import { BuilderProposal } from '@/app/collective-rewards/BuilderContext'
+import { Address, isAddress } from 'viem'
+import { shortAddress } from '@/lib/utils'
 
 type WhitelistGridItemProps = BuilderProposal
 
@@ -29,6 +31,7 @@ export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
   proposalName,
 }) => {
   const router = useRouter()
+  const shortenAddress = shortAddress(address as Address)
   const Header = (
     <div className="flex flex-row w-full items-center gap-x-3">
       <Jdenticon className="rounded-md bg-white" value={address} size="32" />
@@ -39,14 +42,20 @@ export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
         <Popover
           content={
             <div className="text-[12px] font-bold mb-1">
-              <p data-testid="builderAddressTooltip">{address}</p>
+              <p data-testid="builderAddressTooltip">{shortenAddress}</p>
             </div>
           }
           size="small"
           trigger="hover"
+          disabled={!builderName || isAddress(builderName)}
         >
-          <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap">
-            <AddressOrAlias addressOrAlias={builderName || address} className="text-base font-bold" />
+          <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap min-h-6">
+            <AddressOrAliasWithCopy
+              addressOrAlias={builderName || address}
+              clipboard={address}
+              clipboardAnimationText={shortenAddress}
+              className="text-base font-bold"
+            />
           </Typography>
         </Popover>
         <Paragraph className="text-sm font-light"> Joined {joiningDate}</Paragraph>
diff --git a/src/app/collective-rewards/WithBuilderButton.tsx b/src/app/collective-rewards/withBuilderButton.tsx
similarity index 90%
rename from src/app/collective-rewards/WithBuilderButton.tsx
rename to src/app/collective-rewards/withBuilderButton.tsx
index f460a003..064adc4e 100644
--- a/src/app/collective-rewards/WithBuilderButton.tsx
+++ b/src/app/collective-rewards/withBuilderButton.tsx
@@ -2,7 +2,7 @@ import { ComponentType, FC } from 'react'
 import { BecomeABuilderButton } from '@/app/collective-rewards/BecomeABuilderButton'
 import { useAccount } from 'wagmi'
 
-export const WithBuilderButton = <P extends {}>(Component: ComponentType<P>): FC<P> => {
+export const withBuilderButton = <P extends {}>(Component: ComponentType<P>): FC<P> => {
   const WrappedComponent = ({ ...props }: P) => {
     const { address } = useAccount()
     return (
diff --git a/src/app/user/Balances/BalancesSection.tsx b/src/app/user/Balances/BalancesSection.tsx
index 3073ce3f..f8302f9e 100644
--- a/src/app/user/Balances/BalancesSection.tsx
+++ b/src/app/user/Balances/BalancesSection.tsx
@@ -8,7 +8,7 @@ import { StakeRIFCell } from '@/app/user/Balances/StakeRIFCell'
 import { RenderTokenSymbol } from '@/app/user/Balances/RenderTokenSymbol'
 import { UnStakeRIFCell } from '@/app/user/Balances/UnStakeRIFCell'
 import { UnStakingModal } from '@/app/user/Stake/UnStakingSteps'
-import { WithBuilderButton } from '@/app/collective-rewards/WithBuilderButton'
+import { withBuilderButton } from '@/app/collective-rewards/withBuilderButton'
 
 const data = [
   {
@@ -34,7 +34,7 @@ const data = [
   },
 ]
 
-const HeaderWithBuilderButton = WithBuilderButton(HeaderTitle)
+const HeaderWithBuilderButton = withBuilderButton(HeaderTitle)
 
 type BalancesSectionProps = {
   showBuilderButton?: boolean
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index 41e758bc..6ecc0166 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -6,12 +6,8 @@ import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { Tabs, TabsContent, TabsList, TabsTrigger, TabTitle } from '@/components/Tabs'
 import { Rewards } from '@/app/collective-rewards/Rewards'
 import { useAccount } from 'wagmi'
-import { WithBuilderButton } from '@/app/collective-rewards/WithBuilderButton'
-import {
-  useGetIsWhitelistedBuilder,
-  useGetIsWhitelistedBuilderV2,
-} from '@/app/collective-rewards/hooks/useGetIsWhitelistedBuilder'
-import { getAddress } from 'viem'
+import { withBuilderButton } from '@/app/collective-rewards/withBuilderButton'
+import { useGetIsWhitelistedBuilderV2 } from '@/app/collective-rewards/hooks/useGetIsWhitelistedBuilder'
 
 type MyHoldingsProps = {
   showBuilderButton?: boolean
@@ -25,7 +21,7 @@ const MyHoldings = ({ showBuilderButton = false }: MyHoldingsProps) => (
   </>
 )
 
-const TabsListWithButton = WithBuilderButton(TabsList)
+const TabsListWithButton = withBuilderButton(TabsList)
 
 export default function User() {
   const { address } = useAccount()
diff --git a/src/components/Address/AddressOrAlias.tsx b/src/components/Address/AddressOrAlias.tsx
index 4b54f6c6..67563de0 100644
--- a/src/components/Address/AddressOrAlias.tsx
+++ b/src/components/Address/AddressOrAlias.tsx
@@ -1,73 +1,25 @@
-import { useEffect, useState } from 'react'
-import { isAddress } from 'viem'
+import { Address, isAddress } from 'viem'
 import { Span } from '@/components/Typography'
-import { CopySvg } from '@/components/CopySvg'
-import { ADDRESS_ANIMATION_DURATION } from '@/lib/constants'
-import { cn } from '@/lib/utils'
+import { cn, shortAddress } from '@/lib/utils'
+import { withCopy } from './withCopy'
 
 export interface AddressProps {
   addressOrAlias: string
   className?: string
 }
 
-type CopyStatus = 'success' | 'error'
-
 export const AddressOrAlias: React.FC<AddressProps> = ({ addressOrAlias, className = '' }) => {
-  const [animationShown, setAnimationShown] = useState(false)
-  const [copied, setCopied] = useState('success' as CopyStatus)
-  const onClick = async () => {
-    if (animationShown) {
-      return
-    }
-
-    try {
-      await navigator.clipboard.writeText(addressOrAlias)
-      setCopied('success')
-    } catch (error) {
-      console.error(error instanceof Error ? error.message : 'Cannot copy contents to the clipboard')
-      setCopied('error')
-    } finally {
-      setAnimationShown(true)
-    }
-  }
-
-  useEffect(() => {
-    if (!animationShown) return
-    const timeout = setTimeout(() => {
-      setAnimationShown(false)
-    }, ADDRESS_ANIMATION_DURATION)
-    return () => clearTimeout(timeout)
-  }, [animationShown])
+  const key = isAddress(addressOrAlias) ? 'address' : 'alias'
 
-  const feedback = {
-    success: { color: 'text-[#22AD5C]', text: 'Copied!' },
-    error: { color: 'text-[#FF0000]', text: 'Error!' },
-  }[copied]
+  const addressClass = 'font-normal text-base leading-none text-text-primary'
+  const aliasClass = 'text-sm line-clamp-1'
 
-  const copyColorValue = {
-    success: '#22AD5C',
-    error: '#FF0000',
-  }[copied]
-  const copyColor = animationShown ? copyColorValue : 'white'
-  const addressClass = `font-normal text-base leading-none text-text-primary ${animationShown ? 'animate-fade-out-slide-out' : ''}`
-  const aliasClass = `text-sm line-clamp-1 ${animationShown ? 'animate-fade-out-slide-out' : ''}`
-  const copyButtonClass = `px-2 hover:cursor-pointer ${animationShown ? 'animate-translate-x' : ''}`
-  const feedbackClass = `text-sm ${feedback.color} animate-fade-in-slide-in`
-
-  return (
-    <span className="flex items-center">
-      {isAddress(addressOrAlias) ? (
-        <Span className={cn(addressClass, className)}>
-          {addressOrAlias.substring(0, 6)}...{addressOrAlias.substring(addressOrAlias.length - 4)}
-        </Span>
-      ) : (
-        <Span className={cn(aliasClass, className)}>{addressOrAlias}</Span>
-      )}
+  const renderedComponent = {
+    alias: <Span className={cn(aliasClass, className)}>{addressOrAlias}</Span>,
+    address: <Span className={cn(addressClass, className)}>{shortAddress(addressOrAlias as Address)}</Span>,
+  }
 
-      <span className={copyButtonClass} onClick={onClick}>
-        <CopySvg color={copyColor} />
-      </span>
-      {animationShown && <span className={feedbackClass}>{feedback.text}</span>}
-    </span>
-  )
+  return renderedComponent[key]
 }
+
+export const AddressOrAliasWithCopy = withCopy(AddressOrAlias)
diff --git a/src/components/Address/withCopy.tsx b/src/components/Address/withCopy.tsx
new file mode 100644
index 00000000..d0320c81
--- /dev/null
+++ b/src/components/Address/withCopy.tsx
@@ -0,0 +1,73 @@
+import { ComponentType, FC, useEffect, useState } from 'react'
+import { CopySvg } from '@/components/CopySvg'
+import { ADDRESS_ANIMATION_DURATION } from '@/lib/constants'
+
+type WithCopyProps = {
+  clipboard: string
+  clipboardAnimationText?: string
+}
+
+type CopyStatus = 'success' | 'error'
+
+export const withCopy = <P extends {}>(Component: ComponentType<P>): FC<P & WithCopyProps> => {
+  const WrappedComponent = ({ clipboard, clipboardAnimationText, ...props }: WithCopyProps) => {
+    const [animationShown, setAnimationShown] = useState(false)
+    const [copied, setCopied] = useState('success' as CopyStatus)
+    const onClick = async () => {
+      if (animationShown) {
+        return
+      }
+
+      try {
+        await navigator.clipboard.writeText(clipboard)
+        setCopied('success')
+      } catch (error) {
+        console.error(error instanceof Error ? error.message : 'Cannot copy contents to the clipboard')
+        setCopied('error')
+      } finally {
+        setAnimationShown(true)
+      }
+    }
+
+    useEffect(() => {
+      if (!animationShown) return
+      const timeout = setTimeout(() => {
+        setAnimationShown(false)
+      }, ADDRESS_ANIMATION_DURATION)
+      return () => clearTimeout(timeout)
+    }, [animationShown])
+
+    const feedback = {
+      success: { color: 'text-[#22AD5C]', text: 'Copied!' },
+      error: { color: 'text-[#FF0000]', text: 'Error!' },
+    }[copied]
+
+    const copyColorValue = {
+      success: '#22AD5C',
+      error: '#FF0000',
+    }[copied]
+
+    const copyColor = animationShown ? copyColorValue : 'white'
+    const copyButtonClass = `px-2 hover:cursor-pointer ${animationShown ? 'animate-translate-x' : ''}`
+    const feedbackClass = `text-sm ${feedback.color} animate-fade-in-slide-in`
+    const animationClass = `${animationShown ? 'animate-fade-out-slide-out' : 'hidden'}`
+    const temp = `${animationShown ? 'hidden' : ''}`
+
+    return (
+      <span className="flex items-center">
+        <div className={temp}>
+          <Component {...(props as P)} />
+        </div>
+        <span className={animationClass}>{clipboardAnimationText ?? clipboard}</span>
+        <span className={copyButtonClass} onClick={onClick}>
+          <CopySvg color={copyColor} />
+        </span>
+        {animationShown && <span className={feedbackClass}>{feedback.text}</span>}
+      </span>
+    )
+  }
+
+  WrappedComponent.displayName = `WithCopy(${Component.displayName || Component.name})`
+
+  return WrappedComponent
+}

From 4be6e8b10e677f056b356cca0df9a527c0d03365 Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Fri, 8 Nov 2024 13:00:30 +0000
Subject: [PATCH 034/115] refactor(cr): create domain-based file-structure
 (#348)

---
 .../Button}/BecomeABuilderButton.test.tsx     |  6 +++---
 .../Button}/BecomeABuilderButton.tsx          |  2 +-
 .../components/Button/WithBuilderButton.tsx}  |  2 +-
 .../builders/components/Button/index.ts       |  2 ++
 .../builders/components/index.ts              |  1 +
 .../{ => builders/context}/BuilderContext.tsx |  2 +-
 .../builders/context/index.ts                 |  1 +
 .../{ => builders}/hooks/index.ts             |  2 --
 .../{ => builders}/hooks/useGetBuilders.ts    |  5 ++++-
 .../hooks/useGetIsWhitelistedBuilder.ts       |  0
 .../hooks/useGetWhitelistedBuilders.ts        |  0
 .../hooks/useGetWhitelistedBuildersLength.ts  |  0
 src/app/collective-rewards/builders/index.ts  |  3 +++
 .../leaderboard/LeaderBoard.tsx               |  9 ++++----
 .../leaderboard/hooks/index.ts                |  1 +
 .../hooks/useGetBuildersRewards.ts            |  5 ++---
 .../collective-rewards/leaderboard/index.ts   |  2 ++
 .../{ => metrics}/MetricsSection.tsx          |  5 ++---
 .../metrics/{ => components}/CycleMetrics.tsx |  0
 .../WhitelistedBuildersLengthMetrics.tsx      |  2 +-
 .../metrics/components/index.ts               |  2 ++
 src/app/collective-rewards/metrics/index.ts   |  2 ++
 src/app/collective-rewards/page.tsx           |  7 +++----
 .../{Rewards.tsx => rewards/MyRewards.tsx}    | 21 +++++++++++--------
 .../collective-rewards/rewards/hooks/index.ts |  3 +++
 .../{ => rewards}/hooks/useClaimAllRewards.ts |  0
 .../hooks/useGetRewardDistributedLogs.ts      |  2 +-
 .../hooks/useGetTokenProjectedReward.ts       |  2 +-
 src/app/collective-rewards/rewards/index.ts   |  2 ++
 .../whitelist/WhitelistSection.tsx            |  9 ++++----
 .../{ => components/Grid}/WhitelistGrid.tsx   |  4 ++--
 .../Grid}/WhitelistGridItem.tsx               |  7 +++----
 .../whitelist/components/Grid/index.ts        |  2 ++
 .../Search}/WhitelistSearch.tsx               |  4 ++--
 .../whitelist/components/Search/index.ts      |  1 +
 .../whitelist/components/index.ts             |  2 ++
 .../{ => context}/WhitelistContext.tsx        |  4 ++--
 .../whitelist/context/index.ts                |  1 +
 .../whitelist/hooks/index.ts                  |  2 ++
 .../whitelist/hooks/useGetFilteredBuilders.ts |  4 ++--
 src/app/collective-rewards/whitelist/index.ts |  4 ++++
 src/app/user/Balances/BalancesSection.tsx     |  2 +-
 src/app/user/page.tsx                         |  7 +++----
 43 files changed, 86 insertions(+), 58 deletions(-)
 rename src/app/collective-rewards/{ => builders/components/Button}/BecomeABuilderButton.test.tsx (95%)
 rename src/app/collective-rewards/{ => builders/components/Button}/BecomeABuilderButton.tsx (98%)
 rename src/app/collective-rewards/{withBuilderButton.tsx => builders/components/Button/WithBuilderButton.tsx} (87%)
 create mode 100644 src/app/collective-rewards/builders/components/Button/index.ts
 create mode 100644 src/app/collective-rewards/builders/components/index.ts
 rename src/app/collective-rewards/{ => builders/context}/BuilderContext.tsx (98%)
 create mode 100644 src/app/collective-rewards/builders/context/index.ts
 rename src/app/collective-rewards/{ => builders}/hooks/index.ts (65%)
 rename src/app/collective-rewards/{ => builders}/hooks/useGetBuilders.ts (95%)
 rename src/app/collective-rewards/{ => builders}/hooks/useGetIsWhitelistedBuilder.ts (100%)
 rename src/app/collective-rewards/{ => builders}/hooks/useGetWhitelistedBuilders.ts (100%)
 rename src/app/collective-rewards/{ => builders}/hooks/useGetWhitelistedBuildersLength.ts (100%)
 create mode 100644 src/app/collective-rewards/builders/index.ts
 create mode 100644 src/app/collective-rewards/leaderboard/hooks/index.ts
 create mode 100644 src/app/collective-rewards/leaderboard/index.ts
 rename src/app/collective-rewards/{ => metrics}/MetricsSection.tsx (59%)
 rename src/app/collective-rewards/metrics/{ => components}/CycleMetrics.tsx (100%)
 rename src/app/collective-rewards/metrics/{ => components}/WhitelistedBuildersLengthMetrics.tsx (94%)
 create mode 100644 src/app/collective-rewards/metrics/components/index.ts
 create mode 100644 src/app/collective-rewards/metrics/index.ts
 rename src/app/collective-rewards/{Rewards.tsx => rewards/MyRewards.tsx} (93%)
 create mode 100644 src/app/collective-rewards/rewards/hooks/index.ts
 rename src/app/collective-rewards/{ => rewards}/hooks/useClaimAllRewards.ts (100%)
 rename src/app/collective-rewards/{ => rewards}/hooks/useGetRewardDistributedLogs.ts (91%)
 rename src/app/collective-rewards/{ => rewards}/hooks/useGetTokenProjectedReward.ts (97%)
 create mode 100644 src/app/collective-rewards/rewards/index.ts
 rename src/app/collective-rewards/whitelist/{ => components/Grid}/WhitelistGrid.tsx (72%)
 rename src/app/collective-rewards/whitelist/{ => components/Grid}/WhitelistGridItem.tsx (91%)
 create mode 100644 src/app/collective-rewards/whitelist/components/Grid/index.ts
 rename src/app/collective-rewards/whitelist/{ => components/Search}/WhitelistSearch.tsx (97%)
 create mode 100644 src/app/collective-rewards/whitelist/components/Search/index.ts
 create mode 100644 src/app/collective-rewards/whitelist/components/index.ts
 rename src/app/collective-rewards/whitelist/{ => context}/WhitelistContext.tsx (95%)
 create mode 100644 src/app/collective-rewards/whitelist/context/index.ts
 create mode 100644 src/app/collective-rewards/whitelist/hooks/index.ts
 create mode 100644 src/app/collective-rewards/whitelist/index.ts

diff --git a/src/app/collective-rewards/BecomeABuilderButton.test.tsx b/src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.test.tsx
similarity index 95%
rename from src/app/collective-rewards/BecomeABuilderButton.test.tsx
rename to src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.test.tsx
index 96dca2a7..d5efa861 100644
--- a/src/app/collective-rewards/BecomeABuilderButton.test.tsx
+++ b/src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.test.tsx
@@ -1,5 +1,5 @@
-import { BecomeABuilderButton } from '@/app/collective-rewards/BecomeABuilderButton'
-import { useGetBuilders } from '@/app/collective-rewards/hooks/useGetBuilders'
+import { BecomeABuilderButton } from './BecomeABuilderButton'
+import { useGetBuilders } from '@/app/collective-rewards/builders/hooks/useGetBuilders'
 import { BuilderInfo } from '@/app/collective-rewards/types'
 import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
 import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
@@ -8,7 +8,7 @@ import { ProposalState } from '@/shared/types'
 import { describe, expect, test, vi, beforeEach, afterEach } from 'vitest'
 import { cleanup, render, waitFor } from '@testing-library/react'
 
-vi.mock('@/app/collective-rewards/hooks/useGetBuilders', () => {
+vi.mock('@/app/collective-rewards/builders/hooks/useGetBuilders', () => {
   return {
     useGetBuilders: vi.fn(),
   }
diff --git a/src/app/collective-rewards/BecomeABuilderButton.tsx b/src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.tsx
similarity index 98%
rename from src/app/collective-rewards/BecomeABuilderButton.tsx
rename to src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.tsx
index 6ef5a364..4727f0ec 100644
--- a/src/app/collective-rewards/BecomeABuilderButton.tsx
+++ b/src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.tsx
@@ -7,7 +7,7 @@ import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { BecomeABuilderModal } from '@/components/Modal/BecomeABuilderModal'
 import { FC, HtmlHTMLAttributes, useEffect } from 'react'
 import { Address } from 'viem'
-import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/BuilderContext'
+import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/builders'
 
 type StatusBadgeProps = {
   builderStatus?: BuilderInfo['status']
diff --git a/src/app/collective-rewards/withBuilderButton.tsx b/src/app/collective-rewards/builders/components/Button/WithBuilderButton.tsx
similarity index 87%
rename from src/app/collective-rewards/withBuilderButton.tsx
rename to src/app/collective-rewards/builders/components/Button/WithBuilderButton.tsx
index 064adc4e..7cdc04c4 100644
--- a/src/app/collective-rewards/withBuilderButton.tsx
+++ b/src/app/collective-rewards/builders/components/Button/WithBuilderButton.tsx
@@ -1,5 +1,5 @@
 import { ComponentType, FC } from 'react'
-import { BecomeABuilderButton } from '@/app/collective-rewards/BecomeABuilderButton'
+import { BecomeABuilderButton } from './BecomeABuilderButton'
 import { useAccount } from 'wagmi'
 
 export const withBuilderButton = <P extends {}>(Component: ComponentType<P>): FC<P> => {
diff --git a/src/app/collective-rewards/builders/components/Button/index.ts b/src/app/collective-rewards/builders/components/Button/index.ts
new file mode 100644
index 00000000..f60d291a
--- /dev/null
+++ b/src/app/collective-rewards/builders/components/Button/index.ts
@@ -0,0 +1,2 @@
+export * from './BecomeABuilderButton'
+export * from './WithBuilderButton'
diff --git a/src/app/collective-rewards/builders/components/index.ts b/src/app/collective-rewards/builders/components/index.ts
new file mode 100644
index 00000000..8486fd6d
--- /dev/null
+++ b/src/app/collective-rewards/builders/components/index.ts
@@ -0,0 +1 @@
+export * from './Button'
diff --git a/src/app/collective-rewards/BuilderContext.tsx b/src/app/collective-rewards/builders/context/BuilderContext.tsx
similarity index 98%
rename from src/app/collective-rewards/BuilderContext.tsx
rename to src/app/collective-rewards/builders/context/BuilderContext.tsx
index e20c045b..645f1f64 100644
--- a/src/app/collective-rewards/BuilderContext.tsx
+++ b/src/app/collective-rewards/builders/context/BuilderContext.tsx
@@ -2,7 +2,7 @@ import { createContext, FC, ReactNode, useContext, useMemo } from 'react'
 import { Address } from 'viem'
 import { BuilderStatus } from '@/app/collective-rewards/types'
 import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
-import { useGetBuilders } from '@/app/collective-rewards/hooks'
+import { useGetBuilders } from '@/app/collective-rewards/builders'
 import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
 import { DateTime } from 'luxon'
 import { splitCombinedName } from '@/app/proposals/shared/utils'
diff --git a/src/app/collective-rewards/builders/context/index.ts b/src/app/collective-rewards/builders/context/index.ts
new file mode 100644
index 00000000..d94a1868
--- /dev/null
+++ b/src/app/collective-rewards/builders/context/index.ts
@@ -0,0 +1 @@
+export * from './BuilderContext'
diff --git a/src/app/collective-rewards/hooks/index.ts b/src/app/collective-rewards/builders/hooks/index.ts
similarity index 65%
rename from src/app/collective-rewards/hooks/index.ts
rename to src/app/collective-rewards/builders/hooks/index.ts
index a6f8873a..163731b8 100644
--- a/src/app/collective-rewards/hooks/index.ts
+++ b/src/app/collective-rewards/builders/hooks/index.ts
@@ -1,6 +1,4 @@
 export * from './useGetBuilders'
 export * from './useGetIsWhitelistedBuilder'
-export * from './useGetRewardDistributedLogs'
-export * from './useGetTokenProjectedReward'
 export * from './useGetWhitelistedBuilders'
 export * from './useGetWhitelistedBuildersLength'
diff --git a/src/app/collective-rewards/hooks/useGetBuilders.ts b/src/app/collective-rewards/builders/hooks/useGetBuilders.ts
similarity index 95%
rename from src/app/collective-rewards/hooks/useGetBuilders.ts
rename to src/app/collective-rewards/builders/hooks/useGetBuilders.ts
index 0a414e08..19f7fa1a 100644
--- a/src/app/collective-rewards/hooks/useGetBuilders.ts
+++ b/src/app/collective-rewards/builders/hooks/useGetBuilders.ts
@@ -1,4 +1,7 @@
-import { useGetIsWhitelistedBuilder, useGetWhitelistedBuilders } from '@/app/collective-rewards/hooks'
+import {
+  useGetIsWhitelistedBuilder,
+  useGetWhitelistedBuilders,
+} from '@/app/collective-rewards/builders/hooks'
 import { BuilderInfo } from '@/app/collective-rewards/types'
 import { useFetchCreateBuilderProposals } from '@/app/proposals/hooks/useFetchLatestProposals'
 import { useMemo } from 'react'
diff --git a/src/app/collective-rewards/hooks/useGetIsWhitelistedBuilder.ts b/src/app/collective-rewards/builders/hooks/useGetIsWhitelistedBuilder.ts
similarity index 100%
rename from src/app/collective-rewards/hooks/useGetIsWhitelistedBuilder.ts
rename to src/app/collective-rewards/builders/hooks/useGetIsWhitelistedBuilder.ts
diff --git a/src/app/collective-rewards/hooks/useGetWhitelistedBuilders.ts b/src/app/collective-rewards/builders/hooks/useGetWhitelistedBuilders.ts
similarity index 100%
rename from src/app/collective-rewards/hooks/useGetWhitelistedBuilders.ts
rename to src/app/collective-rewards/builders/hooks/useGetWhitelistedBuilders.ts
diff --git a/src/app/collective-rewards/hooks/useGetWhitelistedBuildersLength.ts b/src/app/collective-rewards/builders/hooks/useGetWhitelistedBuildersLength.ts
similarity index 100%
rename from src/app/collective-rewards/hooks/useGetWhitelistedBuildersLength.ts
rename to src/app/collective-rewards/builders/hooks/useGetWhitelistedBuildersLength.ts
diff --git a/src/app/collective-rewards/builders/index.ts b/src/app/collective-rewards/builders/index.ts
new file mode 100644
index 00000000..3e91c5ef
--- /dev/null
+++ b/src/app/collective-rewards/builders/index.ts
@@ -0,0 +1,3 @@
+export * from './components'
+export * from './context'
+export * from './hooks'
diff --git a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx b/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
index d7beed81..e9dd8469 100644
--- a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
+++ b/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
@@ -1,17 +1,16 @@
-import { useGetBuildersRewards } from '@/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards'
+import { useGetBuildersRewards } from './hooks'
 import { useAlertContext } from '@/app/providers'
 import { AddressOrAliasWithCopy } from '@/components/Address'
 import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { TableBody, TableCell, TableCore, TableHead, TableRow } from '@/components/Table'
 import { HeaderTitle, Label, Typography } from '@/components/Typography'
 import { tokenContracts } from '@/lib/contracts'
-import { cn, formatCurrency, toFixed } from '@/lib/utils'
+import { cn, formatCurrency, shortAddress, toFixed } from '@/lib/utils'
 import { FC, memo, useEffect } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
-import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/BuilderContext'
-import { Popover } from '@/components/Popover'
-import { shortAddress } from '@/lib/utils'
+import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/builders'
 import { Address, isAddress } from 'viem'
+import { Popover } from '@/components/Popover'
 
 type Currency = {
   value: number
diff --git a/src/app/collective-rewards/leaderboard/hooks/index.ts b/src/app/collective-rewards/leaderboard/hooks/index.ts
new file mode 100644
index 00000000..f2eac8c8
--- /dev/null
+++ b/src/app/collective-rewards/leaderboard/hooks/index.ts
@@ -0,0 +1 @@
+export * from './useGetBuildersRewards'
diff --git a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
index 565f6ce0..7edd1fe7 100644
--- a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
@@ -1,10 +1,9 @@
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { useGetRewardDistributedLogs } from '@/app/collective-rewards/hooks/useGetRewardDistributedLogs'
 import { usePricesContext } from '@/shared/context/PricesContext'
-import { useGetTokenProjectedReward } from '@/app/collective-rewards/hooks/useGetTokenProjectedReward'
+import { useGetTokenProjectedReward, useGetRewardDistributedLogs } from '@/app/collective-rewards/rewards'
 import { Address, isAddressEqual } from 'viem'
 import { getLastCycleRewards } from '@/app/collective-rewards/utils/getLastCycleRewards'
-import { useBuilderContext } from '@/app/collective-rewards/BuilderContext'
+import { useBuilderContext } from '@/app/collective-rewards/builders'
 
 export const useGetBuildersRewards = (rewardToken: Address, rewardTokenSymbol?: string, currency = 'USD') => {
   const { data: builders, isLoading: buildersLoading, error: buildersError } = useBuilderContext()
diff --git a/src/app/collective-rewards/leaderboard/index.ts b/src/app/collective-rewards/leaderboard/index.ts
new file mode 100644
index 00000000..39ca9caf
--- /dev/null
+++ b/src/app/collective-rewards/leaderboard/index.ts
@@ -0,0 +1,2 @@
+export * from './hooks'
+export * from './LeaderBoard'
diff --git a/src/app/collective-rewards/MetricsSection.tsx b/src/app/collective-rewards/metrics/MetricsSection.tsx
similarity index 59%
rename from src/app/collective-rewards/MetricsSection.tsx
rename to src/app/collective-rewards/metrics/MetricsSection.tsx
index 9a7b87ea..c0cf9560 100644
--- a/src/app/collective-rewards/MetricsSection.tsx
+++ b/src/app/collective-rewards/metrics/MetricsSection.tsx
@@ -1,7 +1,6 @@
+import { withBuilderButton } from '@/app/collective-rewards/builders'
 import { HeaderTitle } from '@/components/Typography'
-import { CycleMetrics } from '@/app/collective-rewards/metrics/CycleMetrics'
-import { WhitelistedBuildersLengthMetrics } from '@/app/collective-rewards/metrics/WhitelistedBuildersLengthMetrics'
-import { withBuilderButton } from '@/app/collective-rewards/withBuilderButton'
+import { CycleMetrics, WhitelistedBuildersLengthMetrics } from './components'
 
 const HeaderWithBuilderButton = withBuilderButton(HeaderTitle)
 
diff --git a/src/app/collective-rewards/metrics/CycleMetrics.tsx b/src/app/collective-rewards/metrics/components/CycleMetrics.tsx
similarity index 100%
rename from src/app/collective-rewards/metrics/CycleMetrics.tsx
rename to src/app/collective-rewards/metrics/components/CycleMetrics.tsx
diff --git a/src/app/collective-rewards/metrics/WhitelistedBuildersLengthMetrics.tsx b/src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx
similarity index 94%
rename from src/app/collective-rewards/metrics/WhitelistedBuildersLengthMetrics.tsx
rename to src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx
index ce7b596f..10a7fbbb 100644
--- a/src/app/collective-rewards/metrics/WhitelistedBuildersLengthMetrics.tsx
+++ b/src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx
@@ -1,5 +1,5 @@
 import { MetricsCard } from '@/components/MetricsCard'
-import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/hooks/useGetWhitelistedBuildersLength'
+import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/builders/hooks/useGetWhitelistedBuildersLength'
 import { useAlertContext } from '@/app/providers'
 import { useEffect } from 'react'
 
diff --git a/src/app/collective-rewards/metrics/components/index.ts b/src/app/collective-rewards/metrics/components/index.ts
new file mode 100644
index 00000000..813a12ef
--- /dev/null
+++ b/src/app/collective-rewards/metrics/components/index.ts
@@ -0,0 +1,2 @@
+export * from './CycleMetrics'
+export * from './WhitelistedBuildersLengthMetrics'
diff --git a/src/app/collective-rewards/metrics/index.ts b/src/app/collective-rewards/metrics/index.ts
new file mode 100644
index 00000000..4a82a5b1
--- /dev/null
+++ b/src/app/collective-rewards/metrics/index.ts
@@ -0,0 +1,2 @@
+export * from './components'
+export * from './MetricsSection'
diff --git a/src/app/collective-rewards/page.tsx b/src/app/collective-rewards/page.tsx
index 63b5ab92..d7c18941 100644
--- a/src/app/collective-rewards/page.tsx
+++ b/src/app/collective-rewards/page.tsx
@@ -1,9 +1,8 @@
 'use client'
 
-import { LeaderBoard } from '@/app/collective-rewards/leaderboard/LeaderBoard'
-import { MetricsSection } from '@/app/collective-rewards/MetricsSection'
-import { WhitelistContextProviderWithBuilders } from '@/app/collective-rewards/whitelist/WhitelistContext'
-import { WhitelistSection } from '@/app/collective-rewards/whitelist/WhitelistSection'
+import { LeaderBoard } from '@/app/collective-rewards/leaderboard'
+import { MetricsSection } from '@/app/collective-rewards/metrics'
+import { WhitelistContextProviderWithBuilders, WhitelistSection } from '@/app/collective-rewards/whitelist'
 import { MainContainer } from '@/components/MainContainer/MainContainer'
 
 export default function BuildersIncentiveMarket() {
diff --git a/src/app/collective-rewards/Rewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
similarity index 93%
rename from src/app/collective-rewards/Rewards.tsx
rename to src/app/collective-rewards/rewards/MyRewards.tsx
index c4837d9a..a0b3f109 100644
--- a/src/app/collective-rewards/Rewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -1,18 +1,21 @@
-import { useGetRewardDistributedLogs } from '@/app/collective-rewards/hooks/useGetRewardDistributedLogs'
-import { useGetTokenProjectedReward } from '@/app/collective-rewards/hooks/useGetTokenProjectedReward'
 import { getLastCycleRewards } from '@/app/collective-rewards/utils/getLastCycleRewards'
+import { useAlertContext } from '@/app/providers'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { Address } from 'viem'
+import { Button } from '@/components/Button'
+import { MetricsCardWithSpinner } from '@/components/MetricsCard/MetricsCard'
+import { Popover } from '@/components/Popover'
 import { HeaderTitle, Paragraph } from '@/components/Typography'
 import { tokenContracts } from '@/lib/contracts'
-import { PricesContextProvider, usePricesContext } from '@/shared/context/PricesContext'
 import { formatCurrency, toFixed } from '@/lib/utils'
-import { MetricsCardWithSpinner } from '@/components/MetricsCard/MetricsCard'
+import { PricesContextProvider, usePricesContext } from '@/shared/context/PricesContext'
 import { FC, useEffect } from 'react'
-import { useAlertContext } from '@/app/providers'
-import { Button } from '@/components/Button'
-import { useClaimAllRewards, useClaimStateReporting } from '@/app/collective-rewards/hooks/useClaimAllRewards'
-import { Popover } from '@/components/Popover'
+import { Address } from 'viem'
+import {
+  useClaimAllRewards,
+  useClaimStateReporting,
+  useGetRewardDistributedLogs,
+  useGetTokenProjectedReward,
+} from './hooks'
 
 export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
   const { isClaimFunctionReady, claimAllRewards, ...claimTx } = useClaimAllRewards(builder)
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
new file mode 100644
index 00000000..39a82ad1
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -0,0 +1,3 @@
+export * from './useClaimAllRewards'
+export * from './useGetRewardDistributedLogs'
+export * from './useGetTokenProjectedReward'
diff --git a/src/app/collective-rewards/hooks/useClaimAllRewards.ts b/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
similarity index 100%
rename from src/app/collective-rewards/hooks/useClaimAllRewards.ts
rename to src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
diff --git a/src/app/collective-rewards/hooks/useGetRewardDistributedLogs.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
similarity index 91%
rename from src/app/collective-rewards/hooks/useGetRewardDistributedLogs.ts
rename to src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
index 4af442f3..c0e186fa 100644
--- a/src/app/collective-rewards/hooks/useGetRewardDistributedLogs.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
-import { fetchRewardDistributedCached, fetchRewardDistributedLogs } from '@/app/collective-rewards/actions'
+import { fetchRewardDistributedCached } from '@/app/collective-rewards/actions'
 import { Address, isAddressEqual, parseEventLogs } from 'viem'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
 import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinBaseAddress'
diff --git a/src/app/collective-rewards/hooks/useGetTokenProjectedReward.ts b/src/app/collective-rewards/rewards/hooks/useGetTokenProjectedReward.ts
similarity index 97%
rename from src/app/collective-rewards/hooks/useGetTokenProjectedReward.ts
rename to src/app/collective-rewards/rewards/hooks/useGetTokenProjectedReward.ts
index ca0d2248..6cad6471 100644
--- a/src/app/collective-rewards/hooks/useGetTokenProjectedReward.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetTokenProjectedReward.ts
@@ -1,4 +1,4 @@
-import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/hooks/useGetWhitelistedBuildersLength'
+import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/builders'
 import { useQuery } from '@tanstack/react-query'
 import axios from 'axios'
 import { Address } from 'viem'
diff --git a/src/app/collective-rewards/rewards/index.ts b/src/app/collective-rewards/rewards/index.ts
new file mode 100644
index 00000000..5f30c3fd
--- /dev/null
+++ b/src/app/collective-rewards/rewards/index.ts
@@ -0,0 +1,2 @@
+export * from './hooks'
+export * from './MyRewards'
diff --git a/src/app/collective-rewards/whitelist/WhitelistSection.tsx b/src/app/collective-rewards/whitelist/WhitelistSection.tsx
index bdaace01..7a737cb4 100644
--- a/src/app/collective-rewards/whitelist/WhitelistSection.tsx
+++ b/src/app/collective-rewards/whitelist/WhitelistSection.tsx
@@ -1,10 +1,9 @@
-import { WhitelistGrid } from '@/app/collective-rewards/whitelist/WhitelistGrid'
-import { WhitelistSearch } from '@/app/collective-rewards/whitelist/WhitelistSearch'
-import { HeaderTitle } from '@/components/Typography'
-import { useWhitelistContext } from '@/app/collective-rewards/whitelist/WhitelistContext'
-import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { useAlertContext } from '@/app/providers/AlertProvider'
+import { LoadingSpinner } from '@/components/LoadingSpinner'
+import { HeaderTitle } from '@/components/Typography'
 import { useEffect } from 'react'
+import { WhitelistGrid, WhitelistSearch } from './components'
+import { useWhitelistContext } from './context'
 
 export const WhitelistSection = () => {
   const { builders, isLoading, error: whitelistError } = useWhitelistContext()
diff --git a/src/app/collective-rewards/whitelist/WhitelistGrid.tsx b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx
similarity index 72%
rename from src/app/collective-rewards/whitelist/WhitelistGrid.tsx
rename to src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx
index 29d06b86..775a8397 100644
--- a/src/app/collective-rewards/whitelist/WhitelistGrid.tsx
+++ b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx
@@ -1,6 +1,6 @@
 import { FC } from 'react'
-import { WhitelistGridItem } from '@/app/collective-rewards/whitelist/WhitelistGridItem'
-import { BuilderProposal } from '@/app/collective-rewards/BuilderContext'
+import { WhitelistGridItem } from './WhitelistGridItem'
+import { BuilderProposal } from '@/app/collective-rewards/builders'
 
 interface WhitelistGridProps {
   items: BuilderProposal[]
diff --git a/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
similarity index 91%
rename from src/app/collective-rewards/whitelist/WhitelistGridItem.tsx
rename to src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
index f1742fea..dfacb0c0 100644
--- a/src/app/collective-rewards/whitelist/WhitelistGridItem.tsx
+++ b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
@@ -1,14 +1,13 @@
-import { crStatusColorClasses } from '@/app/collective-rewards/BecomeABuilderButton'
-import { AddressOrAliasWithCopy } from '@/components/Address'
+import { crStatusColorClasses, BuilderProposal } from '@/app/collective-rewards/builders'
+import { AddressOrAlias, AddressOrAliasWithCopy } from '@/components/Address'
 import { Badge } from '@/components/Badge'
 import { Popover } from '@/components/Popover'
 import { Paragraph, Span, Typography } from '@/components/Typography'
 import { useRouter } from 'next/navigation'
 import { FC, ReactNode } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
-import { BuilderProposal } from '@/app/collective-rewards/BuilderContext'
-import { Address, isAddress } from 'viem'
 import { shortAddress } from '@/lib/utils'
+import { isAddress, Address } from 'viem'
 
 type WhitelistGridItemProps = BuilderProposal
 
diff --git a/src/app/collective-rewards/whitelist/components/Grid/index.ts b/src/app/collective-rewards/whitelist/components/Grid/index.ts
new file mode 100644
index 00000000..272be011
--- /dev/null
+++ b/src/app/collective-rewards/whitelist/components/Grid/index.ts
@@ -0,0 +1,2 @@
+export * from './WhitelistGrid'
+export * from './WhitelistGridItem'
diff --git a/src/app/collective-rewards/whitelist/WhitelistSearch.tsx b/src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx
similarity index 97%
rename from src/app/collective-rewards/whitelist/WhitelistSearch.tsx
rename to src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx
index 1eb6f59e..63acc391 100644
--- a/src/app/collective-rewards/whitelist/WhitelistSearch.tsx
+++ b/src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx
@@ -1,8 +1,8 @@
+import { BuilderStatusFilter, useWhitelistContext } from '@/app/collective-rewards/whitelist'
+import { useAlertContext } from '@/app/providers'
 import { Input } from '@/components/Input'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/Select'
 import { Label } from '@/components/Typography'
-import { BuilderStatusFilter, useWhitelistContext } from '@/app/collective-rewards/whitelist/WhitelistContext'
-import { useAlertContext } from '@/app/providers'
 import { useEffect } from 'react'
 
 export const WhitelistSearch = () => {
diff --git a/src/app/collective-rewards/whitelist/components/Search/index.ts b/src/app/collective-rewards/whitelist/components/Search/index.ts
new file mode 100644
index 00000000..8cf60e4c
--- /dev/null
+++ b/src/app/collective-rewards/whitelist/components/Search/index.ts
@@ -0,0 +1 @@
+export * from './WhitelistSearch'
diff --git a/src/app/collective-rewards/whitelist/components/index.ts b/src/app/collective-rewards/whitelist/components/index.ts
new file mode 100644
index 00000000..6c53b546
--- /dev/null
+++ b/src/app/collective-rewards/whitelist/components/index.ts
@@ -0,0 +1,2 @@
+export * from './Grid'
+export * from './Search'
diff --git a/src/app/collective-rewards/whitelist/WhitelistContext.tsx b/src/app/collective-rewards/whitelist/context/WhitelistContext.tsx
similarity index 95%
rename from src/app/collective-rewards/whitelist/WhitelistContext.tsx
rename to src/app/collective-rewards/whitelist/context/WhitelistContext.tsx
index 310e3e13..cef5f041 100644
--- a/src/app/collective-rewards/whitelist/WhitelistContext.tsx
+++ b/src/app/collective-rewards/whitelist/context/WhitelistContext.tsx
@@ -1,7 +1,7 @@
+import { BuilderProposal, withBuilderContextProvider } from '@/app/collective-rewards/builders'
 import { BuilderStatus } from '@/app/collective-rewards/types'
+import { useGetFilteredBuilders } from '@/app/collective-rewards/whitelist'
 import { createContext, Dispatch, FC, ReactNode, SetStateAction, useContext, useState } from 'react'
-import { useGetFilteredBuilders } from '@/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders'
-import { BuilderProposal, withBuilderContextProvider } from '@/app/collective-rewards/BuilderContext'
 
 export type BuilderStatusFilter = 'all' | BuilderStatus
 
diff --git a/src/app/collective-rewards/whitelist/context/index.ts b/src/app/collective-rewards/whitelist/context/index.ts
new file mode 100644
index 00000000..538dc46b
--- /dev/null
+++ b/src/app/collective-rewards/whitelist/context/index.ts
@@ -0,0 +1 @@
+export * from './WhitelistContext'
diff --git a/src/app/collective-rewards/whitelist/hooks/index.ts b/src/app/collective-rewards/whitelist/hooks/index.ts
new file mode 100644
index 00000000..0d8b35cb
--- /dev/null
+++ b/src/app/collective-rewards/whitelist/hooks/index.ts
@@ -0,0 +1,2 @@
+export * from './useGetFilteredBuilders'
+export * from './useGetProposalsState'
diff --git a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts b/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
index 94d643d9..e752202a 100644
--- a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
+++ b/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
-import { BuilderStatusFilter } from '@/app/collective-rewards/whitelist/WhitelistContext'
-import { BuilderProposal, useBuilderContext } from '@/app/collective-rewards/BuilderContext'
+import { BuilderStatusFilter } from '@/app/collective-rewards/whitelist'
+import { BuilderProposal, useBuilderContext } from '@/app/collective-rewards/builders'
 
 type FetchWhitelistedBuildersFilter = {
   builderName: string
diff --git a/src/app/collective-rewards/whitelist/index.ts b/src/app/collective-rewards/whitelist/index.ts
new file mode 100644
index 00000000..d5564b93
--- /dev/null
+++ b/src/app/collective-rewards/whitelist/index.ts
@@ -0,0 +1,4 @@
+export * from './hooks'
+export * from './components'
+export * from './context'
+export * from './WhitelistSection'
diff --git a/src/app/user/Balances/BalancesSection.tsx b/src/app/user/Balances/BalancesSection.tsx
index f8302f9e..4e8b6fcd 100644
--- a/src/app/user/Balances/BalancesSection.tsx
+++ b/src/app/user/Balances/BalancesSection.tsx
@@ -8,7 +8,7 @@ import { StakeRIFCell } from '@/app/user/Balances/StakeRIFCell'
 import { RenderTokenSymbol } from '@/app/user/Balances/RenderTokenSymbol'
 import { UnStakeRIFCell } from '@/app/user/Balances/UnStakeRIFCell'
 import { UnStakingModal } from '@/app/user/Stake/UnStakingSteps'
-import { withBuilderButton } from '@/app/collective-rewards/withBuilderButton'
+import { withBuilderButton } from '@/app/collective-rewards/builders'
 
 const data = [
   {
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index 6ecc0166..83e7a499 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -1,13 +1,12 @@
 'use client'
+import { useGetIsWhitelistedBuilderV2, withBuilderButton } from '@/app/collective-rewards/builders'
+import { Rewards } from '@/app/collective-rewards/rewards/MyRewards'
 import { BalancesSection } from '@/app/user/Balances/BalancesSection'
 import { CommunitiesSection } from '@/app/user/Communities/CommunitiesSection'
 import { MainContainer } from '@/components/MainContainer/MainContainer'
-import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { Tabs, TabsContent, TabsList, TabsTrigger, TabTitle } from '@/components/Tabs'
-import { Rewards } from '@/app/collective-rewards/Rewards'
+import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { useAccount } from 'wagmi'
-import { withBuilderButton } from '@/app/collective-rewards/withBuilderButton'
-import { useGetIsWhitelistedBuilderV2 } from '@/app/collective-rewards/hooks/useGetIsWhitelistedBuilder'
 
 type MyHoldingsProps = {
   showBuilderButton?: boolean

From 641ae6c7883a223c735ff6a5a787d012ec6bad0e Mon Sep 17 00:00:00 2001
From: Maduabuchi Chinaechetam <chinaechetam.maduabuchi@iovlabs.org>
Date: Fri, 8 Nov 2024 14:13:14 +0100
Subject: [PATCH 035/115] fix: make table results render 12 items for
 uniformity (#347)

---
 src/shared/hooks/useFetchNftHolders.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/shared/hooks/useFetchNftHolders.ts b/src/shared/hooks/useFetchNftHolders.ts
index b68f388a..aa59ce2b 100644
--- a/src/shared/hooks/useFetchNftHolders.ts
+++ b/src/shared/hooks/useFetchNftHolders.ts
@@ -8,7 +8,7 @@ export const useFetchNftHolders = (address: Address) => {
     queryKey: ['nft_holders'],
     queryFn: ({ pageParam }) => fetchNftHoldersOfAddress(address, pageParam),
     initialPageParam: null,
-    resultsPerTablePage: 10,
+    resultsPerTablePage: 12,
     hasMorePagesProperty: 'next_page_params',
     getNextPageParam: lastPage => lastPage.next_page_params,
   })

From f6553c456a015c2a17ba8bbca24708a85f6aa062 Mon Sep 17 00:00:00 2001
From: Juraj Piar <juraj@iovlabs.org>
Date: Fri, 8 Nov 2024 09:35:39 +0000
Subject: [PATCH 036/115] fix(dao): makes logo component client only

---
 src/components/Header/Logo.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Header/Logo.tsx b/src/components/Header/Logo.tsx
index fadd6987..a6c9d559 100644
--- a/src/components/Header/Logo.tsx
+++ b/src/components/Header/Logo.tsx
@@ -1,3 +1,4 @@
+'use client'
 import Image from 'next/image'
 
 export const Logo = ({ className = '' }) => {

From be6114a001eb0c573a8eaaaab178aad9819087e5 Mon Sep 17 00:00:00 2001
From: Juraj Piar <juraj@iovlabs.org>
Date: Fri, 8 Nov 2024 11:52:07 +0000
Subject: [PATCH 037/115] fix: use v1 contract for growth bucket

---
 src/lib/contracts.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/contracts.ts b/src/lib/contracts.ts
index c3196fa5..9afb8217 100644
--- a/src/lib/contracts.ts
+++ b/src/lib/contracts.ts
@@ -46,7 +46,7 @@ const treasuryContracts = [
   { name: 'Grants', address: GRANTS_BUCKET_ADDRESS },
   { name: 'Grants - Active', address: GRANTS_ACTIVE_BUCKET_ADDRESS },
   { name: 'Growth', address: GROWTH_BUCKET_ADDRESS },
-  { name: 'Growth - Rewards', address: REWARD_DISTRIBUTOR_ADDRESS },
+  { name: 'Growth - Rewards', address: SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS },
   { name: 'General', address: GENERAL_BUCKET_ADDRESS },
 ]
 

From 3a19e6ec1afd2557be828efcc6b15b60f685c463 Mon Sep 17 00:00:00 2001
From: Juraj Piar <juraj@iovlabs.org>
Date: Fri, 8 Nov 2024 15:54:45 +0000
Subject: [PATCH 038/115] refactor: renames builder folder to user

---
 src/app/collective-rewards/leaderboard/LeaderBoard.tsx       | 2 +-
 .../leaderboard/hooks/useGetBuildersRewards.ts               | 2 +-
 src/app/collective-rewards/metrics/MetricsSection.tsx        | 2 +-
 .../metrics/components/WhitelistedBuildersLengthMetrics.tsx  | 2 +-
 .../rewards/hooks/useGetTokenProjectedReward.ts              | 2 +-
 .../components/Button/BecomeABuilderButton.test.tsx          | 4 ++--
 .../components/Button/BecomeABuilderButton.tsx               | 2 +-
 .../components/Button/WithBuilderButton.tsx                  | 0
 .../{builders => user}/components/Button/index.ts            | 0
 .../{builders => user}/components/index.ts                   | 0
 .../{builders => user}/context/BuilderContext.tsx            | 2 +-
 .../collective-rewards/{builders => user}/context/index.ts   | 0
 src/app/collective-rewards/{builders => user}/hooks/index.ts | 0
 .../{builders => user}/hooks/useGetBuilders.ts               | 5 +----
 .../{builders => user}/hooks/useGetIsWhitelistedBuilder.ts   | 0
 .../{builders => user}/hooks/useGetWhitelistedBuilders.ts    | 0
 .../hooks/useGetWhitelistedBuildersLength.ts                 | 0
 src/app/collective-rewards/{builders => user}/index.ts       | 0
 .../whitelist/components/Grid/WhitelistGrid.tsx              | 2 +-
 .../whitelist/components/Grid/WhitelistGridItem.tsx          | 2 +-
 .../whitelist/context/WhitelistContext.tsx                   | 2 +-
 .../whitelist/hooks/useGetFilteredBuilders.ts                | 2 +-
 src/app/user/Balances/BalancesSection.tsx                    | 2 +-
 src/app/user/page.tsx                                        | 2 +-
 24 files changed, 16 insertions(+), 19 deletions(-)
 rename src/app/collective-rewards/{builders => user}/components/Button/BecomeABuilderButton.test.tsx (96%)
 rename src/app/collective-rewards/{builders => user}/components/Button/BecomeABuilderButton.tsx (98%)
 rename src/app/collective-rewards/{builders => user}/components/Button/WithBuilderButton.tsx (100%)
 rename src/app/collective-rewards/{builders => user}/components/Button/index.ts (100%)
 rename src/app/collective-rewards/{builders => user}/components/index.ts (100%)
 rename src/app/collective-rewards/{builders => user}/context/BuilderContext.tsx (98%)
 rename src/app/collective-rewards/{builders => user}/context/index.ts (100%)
 rename src/app/collective-rewards/{builders => user}/hooks/index.ts (100%)
 rename src/app/collective-rewards/{builders => user}/hooks/useGetBuilders.ts (95%)
 rename src/app/collective-rewards/{builders => user}/hooks/useGetIsWhitelistedBuilder.ts (100%)
 rename src/app/collective-rewards/{builders => user}/hooks/useGetWhitelistedBuilders.ts (100%)
 rename src/app/collective-rewards/{builders => user}/hooks/useGetWhitelistedBuildersLength.ts (100%)
 rename src/app/collective-rewards/{builders => user}/index.ts (100%)

diff --git a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx b/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
index e9dd8469..abc1d6c0 100644
--- a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
+++ b/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
@@ -8,7 +8,7 @@ import { tokenContracts } from '@/lib/contracts'
 import { cn, formatCurrency, shortAddress, toFixed } from '@/lib/utils'
 import { FC, memo, useEffect } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
-import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/builders'
+import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/user'
 import { Address, isAddress } from 'viem'
 import { Popover } from '@/components/Popover'
 
diff --git a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
index 7edd1fe7..0f2e57e5 100644
--- a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
@@ -3,7 +3,7 @@ import { usePricesContext } from '@/shared/context/PricesContext'
 import { useGetTokenProjectedReward, useGetRewardDistributedLogs } from '@/app/collective-rewards/rewards'
 import { Address, isAddressEqual } from 'viem'
 import { getLastCycleRewards } from '@/app/collective-rewards/utils/getLastCycleRewards'
-import { useBuilderContext } from '@/app/collective-rewards/builders'
+import { useBuilderContext } from '@/app/collective-rewards/user'
 
 export const useGetBuildersRewards = (rewardToken: Address, rewardTokenSymbol?: string, currency = 'USD') => {
   const { data: builders, isLoading: buildersLoading, error: buildersError } = useBuilderContext()
diff --git a/src/app/collective-rewards/metrics/MetricsSection.tsx b/src/app/collective-rewards/metrics/MetricsSection.tsx
index c0cf9560..4274eba8 100644
--- a/src/app/collective-rewards/metrics/MetricsSection.tsx
+++ b/src/app/collective-rewards/metrics/MetricsSection.tsx
@@ -1,4 +1,4 @@
-import { withBuilderButton } from '@/app/collective-rewards/builders'
+import { withBuilderButton } from '@/app/collective-rewards/user'
 import { HeaderTitle } from '@/components/Typography'
 import { CycleMetrics, WhitelistedBuildersLengthMetrics } from './components'
 
diff --git a/src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx b/src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx
index 10a7fbbb..05c864ff 100644
--- a/src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx
+++ b/src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx
@@ -1,5 +1,5 @@
 import { MetricsCard } from '@/components/MetricsCard'
-import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/builders/hooks/useGetWhitelistedBuildersLength'
+import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/user/hooks/useGetWhitelistedBuildersLength'
 import { useAlertContext } from '@/app/providers'
 import { useEffect } from 'react'
 
diff --git a/src/app/collective-rewards/rewards/hooks/useGetTokenProjectedReward.ts b/src/app/collective-rewards/rewards/hooks/useGetTokenProjectedReward.ts
index 6cad6471..cd79afca 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetTokenProjectedReward.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetTokenProjectedReward.ts
@@ -1,4 +1,4 @@
-import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/builders'
+import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/user'
 import { useQuery } from '@tanstack/react-query'
 import axios from 'axios'
 import { Address } from 'viem'
diff --git a/src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.test.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
similarity index 96%
rename from src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.test.tsx
rename to src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
index d5efa861..b8f05261 100644
--- a/src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.test.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
@@ -1,5 +1,5 @@
 import { BecomeABuilderButton } from './BecomeABuilderButton'
-import { useGetBuilders } from '@/app/collective-rewards/builders/hooks/useGetBuilders'
+import { useGetBuilders } from '@/app/collective-rewards/user/hooks/useGetBuilders'
 import { BuilderInfo } from '@/app/collective-rewards/types'
 import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
 import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
@@ -8,7 +8,7 @@ import { ProposalState } from '@/shared/types'
 import { describe, expect, test, vi, beforeEach, afterEach } from 'vitest'
 import { cleanup, render, waitFor } from '@testing-library/react'
 
-vi.mock('@/app/collective-rewards/builders/hooks/useGetBuilders', () => {
+vi.mock('@/app/collective-rewards/user/hooks/useGetBuilders', () => {
   return {
     useGetBuilders: vi.fn(),
   }
diff --git a/src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
similarity index 98%
rename from src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.tsx
rename to src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
index 4727f0ec..0e043b14 100644
--- a/src/app/collective-rewards/builders/components/Button/BecomeABuilderButton.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
@@ -7,7 +7,7 @@ import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { BecomeABuilderModal } from '@/components/Modal/BecomeABuilderModal'
 import { FC, HtmlHTMLAttributes, useEffect } from 'react'
 import { Address } from 'viem'
-import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/builders'
+import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/user'
 
 type StatusBadgeProps = {
   builderStatus?: BuilderInfo['status']
diff --git a/src/app/collective-rewards/builders/components/Button/WithBuilderButton.tsx b/src/app/collective-rewards/user/components/Button/WithBuilderButton.tsx
similarity index 100%
rename from src/app/collective-rewards/builders/components/Button/WithBuilderButton.tsx
rename to src/app/collective-rewards/user/components/Button/WithBuilderButton.tsx
diff --git a/src/app/collective-rewards/builders/components/Button/index.ts b/src/app/collective-rewards/user/components/Button/index.ts
similarity index 100%
rename from src/app/collective-rewards/builders/components/Button/index.ts
rename to src/app/collective-rewards/user/components/Button/index.ts
diff --git a/src/app/collective-rewards/builders/components/index.ts b/src/app/collective-rewards/user/components/index.ts
similarity index 100%
rename from src/app/collective-rewards/builders/components/index.ts
rename to src/app/collective-rewards/user/components/index.ts
diff --git a/src/app/collective-rewards/builders/context/BuilderContext.tsx b/src/app/collective-rewards/user/context/BuilderContext.tsx
similarity index 98%
rename from src/app/collective-rewards/builders/context/BuilderContext.tsx
rename to src/app/collective-rewards/user/context/BuilderContext.tsx
index 645f1f64..ec7e91c9 100644
--- a/src/app/collective-rewards/builders/context/BuilderContext.tsx
+++ b/src/app/collective-rewards/user/context/BuilderContext.tsx
@@ -2,7 +2,7 @@ import { createContext, FC, ReactNode, useContext, useMemo } from 'react'
 import { Address } from 'viem'
 import { BuilderStatus } from '@/app/collective-rewards/types'
 import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
-import { useGetBuilders } from '@/app/collective-rewards/builders'
+import { useGetBuilders } from '@/app/collective-rewards/user'
 import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
 import { DateTime } from 'luxon'
 import { splitCombinedName } from '@/app/proposals/shared/utils'
diff --git a/src/app/collective-rewards/builders/context/index.ts b/src/app/collective-rewards/user/context/index.ts
similarity index 100%
rename from src/app/collective-rewards/builders/context/index.ts
rename to src/app/collective-rewards/user/context/index.ts
diff --git a/src/app/collective-rewards/builders/hooks/index.ts b/src/app/collective-rewards/user/hooks/index.ts
similarity index 100%
rename from src/app/collective-rewards/builders/hooks/index.ts
rename to src/app/collective-rewards/user/hooks/index.ts
diff --git a/src/app/collective-rewards/builders/hooks/useGetBuilders.ts b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
similarity index 95%
rename from src/app/collective-rewards/builders/hooks/useGetBuilders.ts
rename to src/app/collective-rewards/user/hooks/useGetBuilders.ts
index 19f7fa1a..ace030e8 100644
--- a/src/app/collective-rewards/builders/hooks/useGetBuilders.ts
+++ b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
@@ -1,7 +1,4 @@
-import {
-  useGetIsWhitelistedBuilder,
-  useGetWhitelistedBuilders,
-} from '@/app/collective-rewards/builders/hooks'
+import { useGetIsWhitelistedBuilder, useGetWhitelistedBuilders } from '@/app/collective-rewards/user/hooks'
 import { BuilderInfo } from '@/app/collective-rewards/types'
 import { useFetchCreateBuilderProposals } from '@/app/proposals/hooks/useFetchLatestProposals'
 import { useMemo } from 'react'
diff --git a/src/app/collective-rewards/builders/hooks/useGetIsWhitelistedBuilder.ts b/src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts
similarity index 100%
rename from src/app/collective-rewards/builders/hooks/useGetIsWhitelistedBuilder.ts
rename to src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts
diff --git a/src/app/collective-rewards/builders/hooks/useGetWhitelistedBuilders.ts b/src/app/collective-rewards/user/hooks/useGetWhitelistedBuilders.ts
similarity index 100%
rename from src/app/collective-rewards/builders/hooks/useGetWhitelistedBuilders.ts
rename to src/app/collective-rewards/user/hooks/useGetWhitelistedBuilders.ts
diff --git a/src/app/collective-rewards/builders/hooks/useGetWhitelistedBuildersLength.ts b/src/app/collective-rewards/user/hooks/useGetWhitelistedBuildersLength.ts
similarity index 100%
rename from src/app/collective-rewards/builders/hooks/useGetWhitelistedBuildersLength.ts
rename to src/app/collective-rewards/user/hooks/useGetWhitelistedBuildersLength.ts
diff --git a/src/app/collective-rewards/builders/index.ts b/src/app/collective-rewards/user/index.ts
similarity index 100%
rename from src/app/collective-rewards/builders/index.ts
rename to src/app/collective-rewards/user/index.ts
diff --git a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx
index 775a8397..4415a213 100644
--- a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx
+++ b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx
@@ -1,6 +1,6 @@
 import { FC } from 'react'
 import { WhitelistGridItem } from './WhitelistGridItem'
-import { BuilderProposal } from '@/app/collective-rewards/builders'
+import { BuilderProposal } from '@/app/collective-rewards/user'
 
 interface WhitelistGridProps {
   items: BuilderProposal[]
diff --git a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
index dfacb0c0..112e4817 100644
--- a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
+++ b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
@@ -1,4 +1,4 @@
-import { crStatusColorClasses, BuilderProposal } from '@/app/collective-rewards/builders'
+import { crStatusColorClasses, BuilderProposal } from '@/app/collective-rewards/user'
 import { AddressOrAlias, AddressOrAliasWithCopy } from '@/components/Address'
 import { Badge } from '@/components/Badge'
 import { Popover } from '@/components/Popover'
diff --git a/src/app/collective-rewards/whitelist/context/WhitelistContext.tsx b/src/app/collective-rewards/whitelist/context/WhitelistContext.tsx
index cef5f041..0441f7bb 100644
--- a/src/app/collective-rewards/whitelist/context/WhitelistContext.tsx
+++ b/src/app/collective-rewards/whitelist/context/WhitelistContext.tsx
@@ -1,4 +1,4 @@
-import { BuilderProposal, withBuilderContextProvider } from '@/app/collective-rewards/builders'
+import { BuilderProposal, withBuilderContextProvider } from '@/app/collective-rewards/user'
 import { BuilderStatus } from '@/app/collective-rewards/types'
 import { useGetFilteredBuilders } from '@/app/collective-rewards/whitelist'
 import { createContext, Dispatch, FC, ReactNode, SetStateAction, useContext, useState } from 'react'
diff --git a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts b/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
index e752202a..eff84149 100644
--- a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
+++ b/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react'
 import { BuilderStatusFilter } from '@/app/collective-rewards/whitelist'
-import { BuilderProposal, useBuilderContext } from '@/app/collective-rewards/builders'
+import { BuilderProposal, useBuilderContext } from '@/app/collective-rewards/user'
 
 type FetchWhitelistedBuildersFilter = {
   builderName: string
diff --git a/src/app/user/Balances/BalancesSection.tsx b/src/app/user/Balances/BalancesSection.tsx
index 4e8b6fcd..d93ceaf5 100644
--- a/src/app/user/Balances/BalancesSection.tsx
+++ b/src/app/user/Balances/BalancesSection.tsx
@@ -8,7 +8,7 @@ import { StakeRIFCell } from '@/app/user/Balances/StakeRIFCell'
 import { RenderTokenSymbol } from '@/app/user/Balances/RenderTokenSymbol'
 import { UnStakeRIFCell } from '@/app/user/Balances/UnStakeRIFCell'
 import { UnStakingModal } from '@/app/user/Stake/UnStakingSteps'
-import { withBuilderButton } from '@/app/collective-rewards/builders'
+import { withBuilderButton } from '@/app/collective-rewards/user'
 
 const data = [
   {
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index 83e7a499..0a5ce258 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { useGetIsWhitelistedBuilderV2, withBuilderButton } from '@/app/collective-rewards/builders'
+import { useGetIsWhitelistedBuilderV2, withBuilderButton } from '@/app/collective-rewards/user'
 import { Rewards } from '@/app/collective-rewards/rewards/MyRewards'
 import { BalancesSection } from '@/app/user/Balances/BalancesSection'
 import { CommunitiesSection } from '@/app/user/Communities/CommunitiesSection'

From 2d6e0c6361dda9b18aa2ec51ab8eb9b93f59c993 Mon Sep 17 00:00:00 2001
From: Juraj Piar <juraj@iovlabs.org>
Date: Fri, 8 Nov 2024 16:42:03 +0000
Subject: [PATCH 039/115] feat(cr_rewards): create my rewards layout

---
 .env.testnet.local                            |   7 +-
 .../collective-rewards/rewards/MyRewards.tsx  | 149 ++----------------
 .../components/Section/RewardsSection.tsx     |   5 +
 .../Section/RewardsSectionHeader.tsx          |  22 +++
 .../rewards/components/Section/index.ts       |   2 +
 .../rewards/components/index.ts               |   1 +
 src/components/ConfigSvg/ConfigSvg.tsx        |  20 +++
 src/components/ConfigSvg/index.ts             |   1 +
 8 files changed, 71 insertions(+), 136 deletions(-)
 create mode 100644 src/app/collective-rewards/rewards/components/Section/RewardsSection.tsx
 create mode 100644 src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx
 create mode 100644 src/app/collective-rewards/rewards/components/Section/index.ts
 create mode 100644 src/app/collective-rewards/rewards/components/index.ts
 create mode 100644 src/components/ConfigSvg/ConfigSvg.tsx
 create mode 100644 src/components/ConfigSvg/index.ts

diff --git a/.env.testnet.local b/.env.testnet.local
index fb600e68..18cf25fd 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -18,12 +18,13 @@ NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4e84FCc953dE129C6C47c5B0AD7E57B226093Ae1
-NEXT_PUBLIC_SPONSORS_MANAGER_ADDRESS=0x3c195EC92Da9d7092020E34B5690574825AdAa90
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x8F389e11CC875007097d9DB6c0F78173e2C3Af66
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xd5F9A4668270F8A839e67ee11e5E7aBE6b52C854
+NEXT_PUBLIC_SPONSORS_MANAGER_ADDRESS=0x0a01A9448883E5b83FbbCE9B103D7c4B1BB0E05b
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xcb2fdF1E05aC2885DA2fabBF0F37c47519C371a2
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0x18AF091C4Da15a94057cAd0bB6Cc06BA7B7B0133
 
 NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=2
 NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.local.json"
 NEXT_PUBLIC_ENABLE_CORS_BYPASS=true
+NEXT_PUBLIC_ENABLE_FEATURE_V2_REWARDS=true
\ No newline at end of file
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index a0b3f109..7fa2b665 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -1,21 +1,7 @@
-import { getLastCycleRewards } from '@/app/collective-rewards/utils/getLastCycleRewards'
-import { useAlertContext } from '@/app/providers'
-import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { Button } from '@/components/Button'
-import { MetricsCardWithSpinner } from '@/components/MetricsCard/MetricsCard'
-import { Popover } from '@/components/Popover'
-import { HeaderTitle, Paragraph } from '@/components/Typography'
-import { tokenContracts } from '@/lib/contracts'
-import { formatCurrency, toFixed } from '@/lib/utils'
-import { PricesContextProvider, usePricesContext } from '@/shared/context/PricesContext'
-import { FC, useEffect } from 'react'
+import { FC } from 'react'
 import { Address } from 'viem'
-import {
-  useClaimAllRewards,
-  useClaimStateReporting,
-  useGetRewardDistributedLogs,
-  useGetTokenProjectedReward,
-} from './hooks'
+import { RewardsSection, RewardsSectionHeader } from './components'
+import { useClaimAllRewards, useClaimStateReporting } from './hooks'
 
 export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
   const { isClaimFunctionReady, claimAllRewards, ...claimTx } = useClaimAllRewards(builder)
@@ -23,122 +9,19 @@ export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
   useClaimStateReporting({ ...claimTx })
 
   return (
-    <>
-      <HeaderTitle className="mb-8 font-normal">Builder Dashboard</HeaderTitle>
-      <PricesContextProvider>
-        <Reward builder={builder} rewardToken={tokenContracts.RBTC} rewardTokenSymbol="RBTC" />
-        <Reward builder={builder} rewardToken={tokenContracts.RIF} rewardTokenSymbol="RIF" />
-      </PricesContextProvider>
-
-      <Popover
-        disabled={isClaimFunctionReady}
-        content={
-          <Paragraph variant="normal" className="text-sm">
-            Wait a moment, please. Preparing the claim functionality.
-          </Paragraph>
-        }
-        trigger="hover"
-        background="dark"
-        size="small"
-        position="bottom"
-        className="z-[100]"
-      >
-        <Button onClick={claimAllRewards} disabled={!isClaimFunctionReady} variant="primary">
-          {/* TODO: adapt size once metrics are in place */}
-          Claim all
-        </Button>
-      </Popover>
-    </>
-  )
-}
-
-type RewardProps = {
-  rewardToken: Address
-  rewardTokenSymbol?: string
-  builder: Address
-  currency?: string
-}
-
-const Reward = ({ rewardToken, rewardTokenSymbol, builder, currency = 'USD' }: RewardProps) => {
-  const { setMessage: setErrorMessage } = useAlertContext()
-  const {
-    data: rewardDistributedLogs,
-    isLoading: logsLoading,
-    error: rewardsError,
-  } = useGetRewardDistributedLogs(rewardToken, builder)
-  const {
-    data: { projectedReward, share },
-    isLoading: tokenLoading,
-    error: tokenError,
-  } = useGetTokenProjectedReward(rewardToken)
-  const tokenSymbol = rewardTokenSymbol ?? ''
-
-  const { prices } = usePricesContext()
-  const price = prices[tokenSymbol]?.price ?? 0
-
-  const lastCycleRewards = getLastCycleRewards(rewardDistributedLogs, rewardToken)
-  const lastCycleRewardsInHuman = Number(formatBalanceToHuman(lastCycleRewards))
-
-  const totalRewards = rewardDistributedLogs.reduce((acc, event) => {
-    const amount = event.args.amount_ ?? 0n
-    return acc + amount
-  }, 0n)
-  const totalRewardsInHuman = Number(formatBalanceToHuman(totalRewards))
-
-  const projectedRewardInHuman = Number(formatBalanceToHuman(projectedReward))
-
-  const formatMetrics = (amount: number, symbol: string) => ({
-    amount: `${toFixed(amount)} ${symbol}`,
-    fiat: `= ${currency} ${formatCurrency(amount * price, currency)}`,
-  })
-
-  const totalRewardsMetrics = formatMetrics(totalRewardsInHuman, tokenSymbol)
-  const lastCycleRewardsMetrics = formatMetrics(lastCycleRewardsInHuman, tokenSymbol)
-  const projectedRewardsMetrics = formatMetrics(projectedRewardInHuman, tokenSymbol)
-
-  const metricsData = [
-    { title: 'Total rewards', ...totalRewardsMetrics },
-    { title: 'Last cycle rewards', ...lastCycleRewardsMetrics },
-    { title: 'Projected rewards', ...projectedRewardsMetrics },
-    { title: 'Share', amount: `${share}%`, fiat: '' },
-  ]
-
-  const isLoading = logsLoading || tokenLoading
-
-  useEffect(() => {
-    if (rewardsError) {
-      setErrorMessage({
-        severity: 'error',
-        title: 'Error loading rewards',
-        content: rewardsError.message,
-      })
-      console.error('🐛 rewardsError:', rewardsError)
-    }
-
-    if (tokenError) {
-      setErrorMessage({
-        severity: 'error',
-        title: 'Error loading tokens',
-        content: tokenError.message,
-      })
-      console.error('🐛 tokenError:', tokenError)
-    }
-  }, [rewardsError, tokenError, setErrorMessage])
-
-  return (
-    <div className="mb-[32px]">
-      <div className="grid grid-cols-4 gap-[16px] ">
-        {metricsData.map(({ title, amount, fiat }, index) => (
-          <MetricsCardWithSpinner
-            key={index}
-            title={title}
-            amount={amount}
-            fiatAmount={fiat}
-            isLoading={isLoading}
-            borderless
-          />
-        ))}
-      </div>
+    <div
+      id="my_rewards_container"
+      className="flex flex-col flex-shrink-0 items-start self-stretch gap-[46px]"
+    >
+      <RewardsSection>
+        <RewardsSectionHeader
+          title="Builder Rewards"
+          subtext="Monitor the rewards you are getting from your Collective Rewards."
+        />
+      </RewardsSection>
+      <RewardsSection>
+        <RewardsSectionHeader title="Backer Rewards" subtext="Monitor your rewards balances and claim." />
+      </RewardsSection>
     </div>
   )
 }
diff --git a/src/app/collective-rewards/rewards/components/Section/RewardsSection.tsx b/src/app/collective-rewards/rewards/components/Section/RewardsSection.tsx
new file mode 100644
index 00000000..3859774f
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Section/RewardsSection.tsx
@@ -0,0 +1,5 @@
+import { FC, ReactNode } from 'react'
+
+export const RewardsSection: FC<{ children: ReactNode }> = ({ children }) => (
+  <div className="flex flex-col justify-center items-start gap-6 self-stretch">{children}</div>
+)
diff --git a/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx b/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx
new file mode 100644
index 00000000..ea829dc2
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx
@@ -0,0 +1,22 @@
+import { Button } from '@/components/Button'
+import { ConfigSvg } from '@/components/ConfigSvg'
+import { HeaderTitle, Typography } from '@/components/Typography'
+import { FC } from 'react'
+
+export type RewardsSectionHeader = {
+  title: string
+  subtext: string
+}
+export const RewardsSectionHeader: FC<RewardsSectionHeader> = ({ title, subtext }) => (
+  <div className="flex justify-between w-full items-center gap-2.5">
+    <div className="flex flex-col items-start w-full">
+      <HeaderTitle className="uppercase text-2xl leading-7 font-normal">{title}</HeaderTitle>
+      <Typography tagVariant="p" className="text-sm leading-7 font-normal font-rootstock-sans">
+        {subtext}
+      </Typography>
+    </div>
+    <Button variant="outlined" className="flex w-[54px] self-stretch border-[#2D2D2D]">
+      <ConfigSvg />
+    </Button>
+  </div>
+)
diff --git a/src/app/collective-rewards/rewards/components/Section/index.ts b/src/app/collective-rewards/rewards/components/Section/index.ts
new file mode 100644
index 00000000..731c7b0e
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Section/index.ts
@@ -0,0 +1,2 @@
+export * from './RewardsSection'
+export * from './RewardsSectionHeader'
diff --git a/src/app/collective-rewards/rewards/components/index.ts b/src/app/collective-rewards/rewards/components/index.ts
new file mode 100644
index 00000000..8efe270c
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/index.ts
@@ -0,0 +1 @@
+export * from './Section'
diff --git a/src/components/ConfigSvg/ConfigSvg.tsx b/src/components/ConfigSvg/ConfigSvg.tsx
new file mode 100644
index 00000000..8b07f505
--- /dev/null
+++ b/src/components/ConfigSvg/ConfigSvg.tsx
@@ -0,0 +1,20 @@
+export const ConfigSvg = ({ color = 'white' }) => {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+      <path
+        d="M9.39504 19.3711L9.97949 20.6856C10.1532 21.0768 10.4368 21.4093 10.7957 21.6426C11.1547 21.8759 11.5736 22.0001 12.0017 22C12.4298 22.0001 12.8488 21.8759 13.2077 21.6426C13.5667 21.4093 13.8502 21.0768 14.0239 20.6856L14.6084 19.3711C14.8164 18.9047 15.1664 18.5159 15.6084 18.26C16.0532 18.0034 16.5677 17.8941 17.0784 17.9478L18.5084 18.1C18.934 18.145 19.3636 18.0656 19.7451 17.8713C20.1265 17.6771 20.4434 17.3763 20.6573 17.0056C20.8714 16.635 20.9735 16.2103 20.951 15.7829C20.9285 15.3555 20.7825 14.9438 20.5306 14.5978L19.6839 13.4344C19.3825 13.0171 19.2214 12.5148 19.2239 12C19.2238 11.4866 19.3864 10.9864 19.6884 10.5711L20.535 9.40778C20.7869 9.06175 20.933 8.65007 20.9554 8.22267C20.9779 7.79528 20.8759 7.37054 20.6617 7C20.4478 6.62923 20.1309 6.32849 19.7495 6.13423C19.3681 5.93997 18.9385 5.86053 18.5128 5.90556L17.0828 6.05778C16.5722 6.11141 16.0576 6.00212 15.6128 5.74556C15.1699 5.48825 14.8199 5.09736 14.6128 4.62889L14.0239 3.31444C13.8502 2.92317 13.5667 2.59072 13.2077 2.3574C12.8488 2.12408 12.4298 1.99993 12.0017 2C11.5736 1.99993 11.1547 2.12408 10.7957 2.3574C10.4368 2.59072 10.1532 2.92317 9.97949 3.31444L9.39504 4.62889C9.18797 5.09736 8.83792 5.48825 8.39504 5.74556C7.95026 6.00212 7.43571 6.11141 6.92504 6.05778L5.4906 5.90556C5.06493 5.86053 4.63534 5.93997 4.25391 6.13423C3.87249 6.32849 3.55561 6.62923 3.34171 7C3.12753 7.37054 3.02549 7.79528 3.04798 8.22267C3.07046 8.65007 3.2165 9.06175 3.46838 9.40778L4.31504 10.5711C4.61698 10.9864 4.77958 11.4866 4.77949 12C4.77958 12.5134 4.61698 13.0137 4.31504 13.4289L3.46838 14.5922C3.2165 14.9382 3.07046 15.3499 3.04798 15.7773C3.02549 16.2047 3.12753 16.6295 3.34171 17C3.55582 17.3706 3.87274 17.6712 4.25411 17.8654C4.63548 18.0596 5.06496 18.1392 5.4906 18.0944L6.9206 17.9422C7.43127 17.8886 7.94581 17.9979 8.3906 18.2544C8.83513 18.511 9.18681 18.902 9.39504 19.3711Z"
+        stroke={color}
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.9999 15C13.6568 15 14.9999 13.6569 14.9999 12C14.9999 10.3431 13.6568 9 11.9999 9C10.3431 9 8.99992 10.3431 8.99992 12C8.99992 13.6569 10.3431 15 11.9999 15Z"
+        stroke={color}
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}
diff --git a/src/components/ConfigSvg/index.ts b/src/components/ConfigSvg/index.ts
new file mode 100644
index 00000000..c44eb842
--- /dev/null
+++ b/src/components/ConfigSvg/index.ts
@@ -0,0 +1 @@
+export * from './ConfigSvg'

From c2207b5e7f9412ef9365db6465d726ed6a889f4c Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Fri, 8 Nov 2024 17:36:38 +0000
Subject: [PATCH 040/115] chore: update contract addresses (#354)

* chore: update contract addresses

* chore: rename epoch to cycle
---
 .env.dev             |  9 +++++++--
 .env.testnet.local   |  4 ++--
 .env.testnet.qa      | 19 +++++++++++++------
 .env.testnet.staging | 14 ++++++++++++--
 4 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/.env.dev b/.env.dev
index 6da0792d..1d986e76 100644
--- a/.env.dev
+++ b/.env.dev
@@ -15,9 +15,14 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
 NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
+# TODO: To be removed 
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0xc469Cc2579De5C16210e9063B4E628bF8C46bA02
-NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=7
-NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
+
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xec0a29Df5180A6B04496dfAf2D827e36F4a0A52F
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xD476E4804551595687C1f6F0a9C22dd1Bbfa0319
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xb7C6918d6aE6df2e147FF464271a94EAfF027E5D
+NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
+NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.json"
 
diff --git a/.env.testnet.local b/.env.testnet.local
index 18cf25fd..6cab0b4e 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -22,8 +22,8 @@ NEXT_PUBLIC_SPONSORS_MANAGER_ADDRESS=0x0a01A9448883E5b83FbbCE9B103D7c4B1BB0E05b
 NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xcb2fdF1E05aC2885DA2fabBF0F37c47519C371a2
 NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0x18AF091C4Da15a94057cAd0bB6Cc06BA7B7B0133
 
-NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=2
-NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
+NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=2
+NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.local.json"
 NEXT_PUBLIC_ENABLE_CORS_BYPASS=true
diff --git a/.env.testnet.qa b/.env.testnet.qa
index 81c52563..f7c7f38b 100644
--- a/.env.testnet.qa
+++ b/.env.testnet.qa
@@ -8,7 +8,7 @@ NEXT_PUBLIC_BUILD_ID=
 NEXT_PUBLIC_RIF_ADDRESS=0x19f64674d8a5b4e652319f5e239efd3bc969a1fe
 NEXT_PUBLIC_STRIF_ADDRESS=0xC4b091d97AD25ceA5922f09fe80711B7ACBbb16f
 NEXT_PUBLIC_GOVERNOR_ADDRESS=0xB1A39B8f57A55d1429324EEb1564122806eb297F
-NEXT_PUBLIC_EA_NFT_ADDRESS=0x979deF73ec80B8AE24Ae46765b81D9aF7b1C9327
+NEXT_PUBLIC_EA_NFT_ADDRESS=0x0Ee4e11f2F2B551cA31Ea7873c7bA675cb51A59d
 NEXT_PUBLIC_MULTICALL_ADDRESS=0xcA11bde05977b3631167028862bE2a173976CA11
 NEXT_PUBLIC_GRANTS_BUCKET_ADDRESS=0xfaca664c661af7e0e630c8f92b401012cd2a30ef
 NEXT_PUBLIC_GRANTS_ACTIVE_BUCKET_ADDRESS=0x2217E4d3Ae0A6E30075D1B5a7b8C1520E8009f49
@@ -17,11 +17,18 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
 NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
+# TODO: To be removed 
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0xc469Cc2579De5C16210e9063B4E628bF8C46bA02
-NEXT_PUBLIC_SPONSORS_MANAGER_ADDRESS=0x3c195EC92Da9d7092020E34B5690574825AdAa90
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x8F389e11CC875007097d9DB6c0F78173e2C3Af66
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xd5F9A4668270F8A839e67ee11e5E7aBE6b52C854
-NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=7
-NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
+
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xec0a29Df5180A6B04496dfAf2D827e36F4a0A52F
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xD476E4804551595687C1f6F0a9C22dd1Bbfa0319
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xb7C6918d6aE6df2e147FF464271a94EAfF027E5D
+NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
+NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.qa.json"
+
+# OG NFT Contracts
+NEXT_PUBLIC_OG_FOUNDERS=0x7E6d9969CAC008bAe5f7b144df3c955515404538
+NEXT_PUBLIC_OG_PARTNERS=0x285046a90fb322E6BaCa4F38Bb884e3C0904F7EB
+NEXT_PUBLIC_OG_CONTRIBUTORS=0xDC03B8fb7E47E4651f5008bD718a804726424A75
diff --git a/.env.testnet.staging b/.env.testnet.staging
index b2de0dd2..9f7795c6 100644
--- a/.env.testnet.staging
+++ b/.env.testnet.staging
@@ -17,8 +17,18 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
 NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
+# TODO: To be removed 
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4447EC87854651ECdce3E91e581c34641C91eC46
-NEXT_PUBLIC_EPOCH_DURATION_IN_DAYS=7
-NEXT_PUBLIC_FIRST_EPOCH_START_DATE_ISO="1970-01-01T00:00:00Z"
+
+# TODO: To be changed once we deploy the contracts for staging
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xec0a29Df5180A6B04496dfAf2D827e36F4a0A52F
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xD476E4804551595687C1f6F0a9C22dd1Bbfa0319
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xb7C6918d6aE6df2e147FF464271a94EAfF027E5D
+NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
+NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.staging.json"
+# OG NFT Contracts
+NEXT_PUBLIC_OG_FOUNDERS=0x7E6d9969CAC008bAe5f7b144df3c955515404538
+NEXT_PUBLIC_OG_PARTNERS=0x285046a90fb322E6BaCa4F38Bb884e3C0904F7EB
+NEXT_PUBLIC_OG_CONTRIBUTORS=0xDC03B8fb7E47E4651f5008bD718a804726424A75

From 3b5e93b01abadaaa6ed16a8ccac684cda994585f Mon Sep 17 00:00:00 2001
From: Juraj Piar <juraj@iovlabs.org>
Date: Fri, 8 Nov 2024 17:14:45 +0000
Subject: [PATCH 041/115] feat(cr_v2): update abi, qa addresses and naming

---
 .env.testnet.local                            |    6 +-
 .../rewards/hooks/useClaimAllRewards.ts       |    4 +-
 .../user/hooks/useGetIsWhitelistedBuilder.ts  |    4 +-
 src/lib/abis/v2/BackersManagerAbi.ts          | 1599 +++++++++++++++++
 src/lib/abis/v2/BuilderRegistryAbi.ts         | 1471 +++++++--------
 src/lib/abis/v2/GaugeAbi.ts                   |  152 +-
 src/lib/abis/v2/RewardDistributorAbi.ts       |  310 ++--
 src/lib/constants.ts                          |    2 +-
 src/lib/contracts.ts                          |    6 +-
 9 files changed, 2514 insertions(+), 1040 deletions(-)
 create mode 100644 src/lib/abis/v2/BackersManagerAbi.ts

diff --git a/.env.testnet.local b/.env.testnet.local
index 6cab0b4e..94e6cf48 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -18,9 +18,9 @@ NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4e84FCc953dE129C6C47c5B0AD7E57B226093Ae1
-NEXT_PUBLIC_SPONSORS_MANAGER_ADDRESS=0x0a01A9448883E5b83FbbCE9B103D7c4B1BB0E05b
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xcb2fdF1E05aC2885DA2fabBF0F37c47519C371a2
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0x18AF091C4Da15a94057cAd0bB6Cc06BA7B7B0133
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0x005EFbeC2326E6303bFf10d71F6651060027f0b5
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x9bCE1C5aAbf149709B56A195C6E0526264cD2a11
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0x2bA88426d3dF22D35CA7fdD69d4B791634C79A22
 
 NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=2
 NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
diff --git a/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts b/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
index 398a1be1..0a0ba0a2 100644
--- a/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
+++ b/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
@@ -1,5 +1,5 @@
 import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
-import { SponsorsManagerAddress } from '@/lib/contracts'
+import { BackersManagerAddress } from '@/lib/contracts'
 import { Address, zeroAddress } from 'viem'
 import { useReadContract, useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
 import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
@@ -10,7 +10,7 @@ import { useAlertContext } from '@/app/providers'
 export const useGetGauge = (builder: Address) =>
   useReadContract({
     abi: BuilderRegistryAbi,
-    address: SponsorsManagerAddress,
+    address: BackersManagerAddress,
     functionName: 'builderToGauge',
     args: [builder as Address],
   })
diff --git a/src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts b/src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts
index 6faf4040..df5cb365 100644
--- a/src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts
+++ b/src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts
@@ -1,7 +1,7 @@
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
 import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-import { SimplifiedRewardDistributorAddress, SponsorsManagerAddress } from '@/lib/contracts'
+import { SimplifiedRewardDistributorAddress, BackersManagerAddress } from '@/lib/contracts'
 import { Address } from 'viem'
 import { useReadContract } from 'wagmi'
 
@@ -28,7 +28,7 @@ export const useGetIsWhitelistedBuilder = (builder: Address) => {
 export const useGetIsWhitelistedBuilderV2 = (builder: Address) => {
   const { data, isLoading, error } = useReadContract({
     abi: BuilderRegistryAbi,
-    address: SponsorsManagerAddress,
+    address: BackersManagerAddress,
     functionName: 'isBuilderOperational',
     args: [builder],
     query: {
diff --git a/src/lib/abis/v2/BackersManagerAbi.ts b/src/lib/abis/v2/BackersManagerAbi.ts
new file mode 100644
index 00000000..46ac3344
--- /dev/null
+++ b/src/lib/abis/v2/BackersManagerAbi.ts
@@ -0,0 +1,1599 @@
+export const BackersManagerAbi = [
+  {
+    type: 'constructor',
+    inputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'UPGRADE_INTERFACE_VERSION',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'string',
+        internalType: 'string',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'activateBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'rewardReceiver_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'rewardPercentage_',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'allocate',
+    inputs: [
+      {
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
+      },
+      {
+        name: 'allocation_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'allocateBatch',
+    inputs: [
+      {
+        name: 'gauges_',
+        type: 'address[]',
+        internalType: 'contract GaugeRootstockCollective[]',
+      },
+      {
+        name: 'allocations_',
+        type: 'uint256[]',
+        internalType: 'uint256[]',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'approveBuilderKYC',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'backerTotalAllocation',
+    inputs: [
+      {
+        name: 'backer',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'allocation',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'builderRewardPercentage',
+    inputs: [
+      {
+        name: 'builder',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'previous',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+      {
+        name: 'next',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+      {
+        name: 'cooldownEndTime',
+        type: 'uint128',
+        internalType: 'uint128',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'builderRewardReceiver',
+    inputs: [
+      {
+        name: 'builder',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'rewardReceiver',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'builderState',
+    inputs: [
+      {
+        name: 'builder',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'activated',
+        type: 'bool',
+        internalType: 'bool',
+      },
+      {
+        name: 'kycApproved',
+        type: 'bool',
+        internalType: 'bool',
+      },
+      {
+        name: 'whitelisted',
+        type: 'bool',
+        internalType: 'bool',
+      },
+      {
+        name: 'paused',
+        type: 'bool',
+        internalType: 'bool',
+      },
+      {
+        name: 'revoked',
+        type: 'bool',
+        internalType: 'bool',
+      },
+      {
+        name: 'reserved',
+        type: 'bytes7',
+        internalType: 'bytes7',
+      },
+      {
+        name: 'pausedReason',
+        type: 'bytes20',
+        internalType: 'bytes20',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'builderToGauge',
+    inputs: [
+      {
+        name: 'builder',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'gauge',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'canWithdraw',
+    inputs: [
+      {
+        name: 'targetAddress_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'value_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'claimBackerRewards',
+    inputs: [
+      {
+        name: 'gauges_',
+        type: 'address[]',
+        internalType: 'contract GaugeRootstockCollective[]',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'claimBackerRewards',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'gauges_',
+        type: 'address[]',
+        internalType: 'contract GaugeRootstockCollective[]',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'cycleData',
+    inputs: [],
+    outputs: [
+      {
+        name: 'previousDuration',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'nextDuration',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'previousStart',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+      {
+        name: 'nextStart',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+      {
+        name: 'offset',
+        type: 'uint24',
+        internalType: 'uint24',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'cycleNext',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'cycleStart',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'dewhitelistBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'distribute',
+    inputs: [],
+    outputs: [
+      {
+        name: 'finished_',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'endDistributionWindow',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'gaugeFactory',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'contract GaugeFactoryRootstockCollective',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'gaugeToBuilder',
+    inputs: [
+      {
+        name: 'gauge',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
+      },
+    ],
+    outputs: [
+      {
+        name: 'builder',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'getCycleStartAndDuration',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'getGaugeAt',
+    inputs: [
+      {
+        name: 'index_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'getGaugesLength',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'getHaltedGaugeAt',
+    inputs: [
+      {
+        name: 'index_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'getHaltedGaugesLength',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'getRewardPercentageToApply',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'governanceManager',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'contract IGovernanceManagerRootstockCollective',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'haltedGaugeLastPeriodFinish',
+    inputs: [
+      {
+        name: 'gauge',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
+      },
+    ],
+    outputs: [
+      {
+        name: 'lastPeriodFinish',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'indexLastGaugeDistributed',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'initialize',
+    inputs: [
+      {
+        name: 'governanceManager_',
+        type: 'address',
+        internalType: 'contract IGovernanceManagerRootstockCollective',
+      },
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'stakingToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'gaugeFactory_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'rewardDistributor_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'cycleDuration_',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'cycleStartOffset_',
+        type: 'uint24',
+        internalType: 'uint24',
+      },
+      {
+        name: 'rewardPercentageCooldown_',
+        type: 'uint128',
+        internalType: 'uint128',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'isBuilderOperational',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'isBuilderPaused',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'isGaugeHalted',
+    inputs: [
+      {
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'isGaugeOperational',
+    inputs: [
+      {
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'isGaugeRewarded',
+    inputs: [
+      {
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'notifyRewardAmount',
+    inputs: [
+      {
+        name: 'amount_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'payable',
+  },
+  {
+    type: 'function',
+    name: 'onDistributionPeriod',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'pauseBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'reason_',
+        type: 'bytes20',
+        internalType: 'bytes20',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'periodFinish',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'permitBuilder',
+    inputs: [
+      {
+        name: 'rewardPercentage_',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'proxiableUUID',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'bytes32',
+        internalType: 'bytes32',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'revokeBuilder',
+    inputs: [],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'revokeBuilderKYC',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'rewardDistributor',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardPercentageCooldown',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint128',
+        internalType: 'uint128',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardToken',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardsCoinbase',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'rewardsERC20',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'setBuilderRewardPercentage',
+    inputs: [
+      {
+        name: 'rewardPercentage_',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'setCycleDuration',
+    inputs: [
+      {
+        name: 'newCycleDuration_',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'cycleStartOffset_',
+        type: 'uint24',
+        internalType: 'uint24',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'stakingToken',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'contract IERC20',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'startDistribution',
+    inputs: [],
+    outputs: [
+      {
+        name: 'finished_',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'supportsInterface',
+    inputs: [
+      {
+        name: 'interfaceId_',
+        type: 'bytes4',
+        internalType: 'bytes4',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'tempTotalPotentialReward',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'timeUntilNextCycle',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'totalPotentialReward',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'unpauseBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'upgradeToAndCall',
+    inputs: [
+      {
+        name: 'newImplementation',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'data',
+        type: 'bytes',
+        internalType: 'bytes',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'payable',
+  },
+  {
+    type: 'function',
+    name: 'whitelistBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
+      },
+    ],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'event',
+    name: 'BuilderActivated',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'rewardReceiver_',
+        type: 'address',
+        indexed: false,
+        internalType: 'address',
+      },
+      {
+        name: 'rewardPercentage_',
+        type: 'uint64',
+        indexed: false,
+        internalType: 'uint64',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'BuilderRewardPercentageUpdateScheduled',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'rewardPercentage_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'cooldown_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Dewhitelisted',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'GaugeCreated',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'gauge_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'creator_',
+        type: 'address',
+        indexed: false,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Initialized',
+    inputs: [
+      {
+        name: 'version',
+        type: 'uint64',
+        indexed: false,
+        internalType: 'uint64',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'KYCApproved',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'KYCRevoked',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'NewAllocation',
+    inputs: [
+      {
+        name: 'backer_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'gauge_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'allocation_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'NewCycleDurationScheduled',
+    inputs: [
+      {
+        name: 'newCycleDuration_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'cooldownEndTime_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'NotifyReward',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'sender_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'amount_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Paused',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'reason_',
+        type: 'bytes20',
+        indexed: false,
+        internalType: 'bytes20',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Permitted',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'rewardPercentage_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'cooldown_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Revoked',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'RewardDistributed',
+    inputs: [
+      {
+        name: 'sender_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'RewardDistributionFinished',
+    inputs: [
+      {
+        name: 'sender_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'RewardDistributionStarted',
+    inputs: [
+      {
+        name: 'sender_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Unpaused',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Upgraded',
+    inputs: [
+      {
+        name: 'implementation',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Whitelisted',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'error',
+    name: 'AddressEmptyCode',
+    inputs: [
+      {
+        name: 'target',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'AddressInsufficientBalance',
+    inputs: [
+      {
+        name: 'account',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'AlreadyActivated',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'AlreadyKYCApproved',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'AlreadyRevoked',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'AlreadyWhitelisted',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'BeforeDistribution',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'BuilderAlreadyExists',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'BuilderDoesNotExist',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CannotRevoke',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CycleDurationNotHourBasis',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CycleDurationTooShort',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CycleDurationsAreNotMultiples',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'DistributionPeriodDidNotStart',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'ERC1967InvalidImplementation',
+    inputs: [
+      {
+        name: 'implementation',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'ERC1967NonPayable',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'FailedInnerCall',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'GaugeDoesNotExist',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'InvalidBuilderRewardPercentage',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'InvalidInitialization',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'IsRevoked',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotActivated',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotEnoughStaking',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotInDistributionPeriod',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotInitializing',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotKYCApproved',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotOperational',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotPaused',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotRevoked',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotWhitelisted',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'OnlyInDistributionWindow',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'PositiveAllocationOnHaltedGauge',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'SafeERC20FailedOperation',
+    inputs: [
+      {
+        name: 'token',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'UUPSUnauthorizedCallContext',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'UUPSUnsupportedProxiableUUID',
+    inputs: [
+      {
+        name: 'slot',
+        type: 'bytes32',
+        internalType: 'bytes32',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'UnequalLengths',
+    inputs: [],
+  },
+] as const
diff --git a/src/lib/abis/v2/BuilderRegistryAbi.ts b/src/lib/abis/v2/BuilderRegistryAbi.ts
index 653fe67a..49c5f831 100644
--- a/src/lib/abis/v2/BuilderRegistryAbi.ts
+++ b/src/lib/abis/v2/BuilderRegistryAbi.ts
@@ -1,1231 +1,1134 @@
 export const BuilderRegistryAbi = [
   {
-    inputs: [
-      {
-        internalType: 'address',
-        name: 'target',
-        type: 'address',
-      },
-    ],
-    name: 'AddressEmptyCode',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'AlreadyKYCApproved',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'AlreadyRevoked',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'AlreadyWhitelisted',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'BuilderAlreadyExists',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'BuilderDoesNotExist',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'CannotRevoke',
-    type: 'error',
-  },
-  {
-    inputs: [
-      {
-        internalType: 'address',
-        name: 'implementation',
-        type: 'address',
-      },
-    ],
-    name: 'ERC1967InvalidImplementation',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'ERC1967NonPayable',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'EpochDurationNotHourBasis',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'EpochDurationTooShort',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'EpochDurationsAreNotMultiples',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'FailedInnerCall',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'InvalidBuilderKickback',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'InvalidInitialization',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'IsRevoked',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotGovernor',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotGovernorOrAuthorizedChanger',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotInitializing',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotKYCApproved',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotOperational',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotPaused',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotRevoked',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotWhitelisted',
-    type: 'error',
-  },
-  {
-    inputs: [
-      {
-        internalType: 'address',
-        name: 'owner',
-        type: 'address',
-      },
-    ],
-    name: 'OwnableInvalidOwner',
-    type: 'error',
-  },
-  {
-    inputs: [
-      {
-        internalType: 'address',
-        name: 'account',
-        type: 'address',
-      },
-    ],
-    name: 'OwnableUnauthorizedAccount',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'UUPSUnauthorizedCallContext',
-    type: 'error',
-  },
-  {
-    inputs: [
-      {
-        internalType: 'bytes32',
-        name: 'slot',
-        type: 'bytes32',
-      },
-    ],
-    name: 'UUPSUnsupportedProxiableUUID',
-    type: 'error',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-      {
-        indexed: false,
-        internalType: 'address',
-        name: 'rewardReceiver_',
-        type: 'address',
-      },
-      {
-        indexed: false,
-        internalType: 'uint64',
-        name: 'kickback_',
-        type: 'uint64',
-      },
-    ],
-    name: 'BuilderActivated',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-      {
-        indexed: false,
-        internalType: 'uint256',
-        name: 'kickback_',
-        type: 'uint256',
-      },
-      {
-        indexed: false,
-        internalType: 'uint256',
-        name: 'cooldown_',
-        type: 'uint256',
-      },
-    ],
-    name: 'BuilderKickbackUpdateScheduled',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-    ],
-    name: 'Dewhitelisted',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'gauge_',
-        type: 'address',
-      },
-      {
-        indexed: false,
-        internalType: 'address',
-        name: 'creator_',
-        type: 'address',
-      },
-    ],
-    name: 'GaugeCreated',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: false,
-        internalType: 'uint64',
-        name: 'version',
-        type: 'uint64',
-      },
-    ],
-    name: 'Initialized',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-    ],
-    name: 'KYCApproved',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-    ],
-    name: 'KYCRevoked',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: false,
-        internalType: 'uint256',
-        name: 'newEpochDuration_',
-        type: 'uint256',
-      },
-      {
-        indexed: false,
-        internalType: 'uint256',
-        name: 'cooldownEndTime_',
-        type: 'uint256',
-      },
-    ],
-    name: 'NewEpochDurationScheduled',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'previousOwner',
-        type: 'address',
-      },
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'newOwner',
-        type: 'address',
-      },
-    ],
-    name: 'OwnershipTransferStarted',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'previousOwner',
-        type: 'address',
-      },
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'newOwner',
-        type: 'address',
-      },
-    ],
-    name: 'OwnershipTransferred',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-      {
-        indexed: false,
-        internalType: 'bytes20',
-        name: 'reason_',
-        type: 'bytes20',
-      },
-    ],
-    name: 'Paused',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-      {
-        indexed: false,
-        internalType: 'uint256',
-        name: 'kickback_',
-        type: 'uint256',
-      },
-      {
-        indexed: false,
-        internalType: 'uint256',
-        name: 'cooldown_',
-        type: 'uint256',
-      },
-    ],
-    name: 'Permitted',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-    ],
-    name: 'Revoked',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-    ],
-    name: 'Unpaused',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'implementation',
-        type: 'address',
-      },
-    ],
-    name: 'Upgraded',
-    type: 'event',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-    ],
-    name: 'Whitelisted',
-    type: 'event',
-  },
-  {
-    inputs: [],
+    type: 'function',
     name: 'UPGRADE_INTERFACE_VERSION',
+    inputs: [],
     outputs: [
       {
-        internalType: 'string',
         name: '',
         type: 'string',
+        internalType: 'string',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
-    inputs: [],
-    name: 'acceptOwnership',
-    outputs: [],
-    stateMutability: 'nonpayable',
     type: 'function',
-  },
-  {
+    name: 'activateBuilder',
     inputs: [
       {
-        internalType: 'address',
         name: 'builder_',
         type: 'address',
+        internalType: 'address',
       },
       {
-        internalType: 'address',
         name: 'rewardReceiver_',
         type: 'address',
+        internalType: 'address',
       },
       {
-        internalType: 'uint64',
-        name: 'kickback_',
+        name: 'rewardPercentage_',
         type: 'uint64',
+        internalType: 'uint64',
       },
     ],
-    name: 'activateBuilder',
     outputs: [],
     stateMutability: 'nonpayable',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'approveBuilderKYC',
     inputs: [
       {
-        internalType: 'address',
         name: 'builder_',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'approveBuilderKYC',
     outputs: [],
     stateMutability: 'nonpayable',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'builderRewardPercentage',
     inputs: [
       {
-        internalType: 'address',
         name: 'builder',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'builderKickback',
     outputs: [
       {
-        internalType: 'uint64',
         name: 'previous',
         type: 'uint64',
+        internalType: 'uint64',
       },
       {
-        internalType: 'uint64',
         name: 'next',
         type: 'uint64',
+        internalType: 'uint64',
       },
       {
-        internalType: 'uint128',
         name: 'cooldownEndTime',
         type: 'uint128',
+        internalType: 'uint128',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'builderRewardReceiver',
     inputs: [
       {
-        internalType: 'address',
         name: 'builder',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'builderRewardReceiver',
     outputs: [
       {
-        internalType: 'address',
         name: 'rewardReceiver',
         type: 'address',
+        internalType: 'address',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'builderState',
     inputs: [
       {
-        internalType: 'address',
         name: 'builder',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'builderState',
     outputs: [
       {
+        name: 'activated',
+        type: 'bool',
         internalType: 'bool',
+      },
+      {
         name: 'kycApproved',
         type: 'bool',
+        internalType: 'bool',
       },
       {
-        internalType: 'bool',
         name: 'whitelisted',
         type: 'bool',
+        internalType: 'bool',
       },
       {
-        internalType: 'bool',
         name: 'paused',
         type: 'bool',
+        internalType: 'bool',
       },
       {
-        internalType: 'bool',
         name: 'revoked',
         type: 'bool',
+        internalType: 'bool',
       },
       {
-        internalType: 'bytes8',
         name: 'reserved',
-        type: 'bytes8',
+        type: 'bytes7',
+        internalType: 'bytes7',
       },
       {
-        internalType: 'bytes20',
         name: 'pausedReason',
         type: 'bytes20',
+        internalType: 'bytes20',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'builderToGauge',
+    inputs: [
+      {
+        name: 'builder',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'gauge',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'cycleData',
+    inputs: [],
+    outputs: [
+      {
+        name: 'previousDuration',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'nextDuration',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'previousStart',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+      {
+        name: 'nextStart',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+      {
+        name: 'offset',
+        type: 'uint24',
+        internalType: 'uint24',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'cycleNext',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'cycleStart',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'dewhitelistBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'endDistributionWindow',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
       },
     ],
     stateMutability: 'view',
+  },
+  {
     type: 'function',
+    name: 'gaugeFactory',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'contract GaugeFactoryRootstockCollective',
+      },
+    ],
+    stateMutability: 'view',
   },
   {
+    type: 'function',
+    name: 'gaugeToBuilder',
     inputs: [
       {
-        internalType: 'address',
-        name: 'builder',
+        name: 'gauge',
         type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
       },
     ],
-    name: 'builderToGauge',
     outputs: [
       {
-        internalType: 'contract Gauge',
-        name: 'gauge',
+        name: 'builder',
         type: 'address',
+        internalType: 'address',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'getCycleStartAndDuration',
     inputs: [],
-    name: 'changeExecutor',
     outputs: [
       {
-        internalType: 'contract IChangeExecutorRootstockCollective',
         name: '',
-        type: 'address',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'getGaugeAt',
     inputs: [
       {
-        internalType: 'address',
-        name: 'builder_',
+        name: 'index_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'dewhitelistBuilder',
-    outputs: [],
-    stateMutability: 'nonpayable',
+    stateMutability: 'view',
+  },
+  {
     type: 'function',
+    name: 'getGaugesLength',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
   },
   {
+    type: 'function',
+    name: 'getHaltedGaugeAt',
     inputs: [
       {
-        internalType: 'uint256',
-        name: 'timestamp_',
+        name: 'index_',
         type: 'uint256',
+        internalType: 'uint256',
       },
     ],
-    name: 'endDistributionWindow',
     outputs: [
       {
-        internalType: 'uint256',
         name: '',
-        type: 'uint256',
+        type: 'address',
+        internalType: 'address',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'getHaltedGaugesLength',
     inputs: [],
-    name: 'epochData',
     outputs: [
       {
-        internalType: 'uint32',
-        name: 'previousDuration',
-        type: 'uint32',
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
       },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'getRewardPercentageToApply',
+    inputs: [
       {
-        internalType: 'uint32',
-        name: 'nextDuration',
-        type: 'uint32',
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
       },
+    ],
+    outputs: [
       {
-        internalType: 'uint64',
-        name: 'previousStart',
+        name: '',
         type: 'uint64',
-      },
-      {
         internalType: 'uint64',
-        name: 'nextStart',
-        type: 'uint64',
       },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'governanceManager',
+    inputs: [],
+    outputs: [
       {
-        internalType: 'uint24',
-        name: 'offset',
-        type: 'uint24',
+        name: '',
+        type: 'address',
+        internalType: 'contract IGovernanceManagerRootstockCollective',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'haltedGaugeLastPeriodFinish',
     inputs: [
       {
-        internalType: 'uint256',
-        name: 'timestamp_',
-        type: 'uint256',
+        name: 'gauge',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
       },
     ],
-    name: 'epochNext',
     outputs: [
       {
-        internalType: 'uint256',
-        name: '',
+        name: 'lastPeriodFinish',
         type: 'uint256',
+        internalType: 'uint256',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'isBuilderOperational',
     inputs: [
       {
-        internalType: 'uint256',
-        name: 'timestamp_',
-        type: 'uint256',
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'epochStart',
     outputs: [
       {
-        internalType: 'uint256',
         name: '',
-        type: 'uint256',
+        type: 'bool',
+        internalType: 'bool',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
-    inputs: [],
-    name: 'gaugeFactory',
+    type: 'function',
+    name: 'isBuilderPaused',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
     outputs: [
       {
-        internalType: 'contract GaugeFactory',
         name: '',
-        type: 'address',
+        type: 'bool',
+        internalType: 'bool',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'isGaugeHalted',
     inputs: [
       {
-        internalType: 'contract Gauge',
-        name: 'gauge',
+        name: 'gauge_',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'gaugeToBuilder',
     outputs: [
       {
-        internalType: 'address',
-        name: 'builder',
-        type: 'address',
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
-    inputs: [],
-    name: 'getEpochStartAndDuration',
-    outputs: [
+    type: 'function',
+    name: 'isGaugeOperational',
+    inputs: [
       {
-        internalType: 'uint256',
-        name: '',
-        type: 'uint256',
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
       },
+    ],
+    outputs: [
       {
-        internalType: 'uint256',
         name: '',
-        type: 'uint256',
+        type: 'bool',
+        internalType: 'bool',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'isGaugeRewarded',
     inputs: [
       {
-        internalType: 'uint256',
-        name: 'index_',
-        type: 'uint256',
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'getGaugeAt',
     outputs: [
       {
-        internalType: 'address',
         name: '',
-        type: 'address',
+        type: 'bool',
+        internalType: 'bool',
       },
     ],
     stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'pauseBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'reason_',
+        type: 'bytes20',
+        internalType: 'bytes20',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
     type: 'function',
+    name: 'permitBuilder',
+    inputs: [
+      {
+        name: 'rewardPercentage_',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
   },
   {
+    type: 'function',
+    name: 'proxiableUUID',
     inputs: [],
-    name: 'getGaugesLength',
     outputs: [
       {
-        internalType: 'uint256',
         name: '',
-        type: 'uint256',
+        type: 'bytes32',
+        internalType: 'bytes32',
       },
     ],
     stateMutability: 'view',
+  },
+  {
     type: 'function',
+    name: 'revokeBuilder',
+    inputs: [],
+    outputs: [],
+    stateMutability: 'nonpayable',
   },
   {
+    type: 'function',
+    name: 'revokeBuilderKYC',
     inputs: [
       {
-        internalType: 'uint256',
-        name: 'index_',
-        type: 'uint256',
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'getHaltedGaugeAt',
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'rewardDistributor',
+    inputs: [],
     outputs: [
       {
-        internalType: 'address',
         name: '',
         type: 'address',
+        internalType: 'address',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'rewardPercentageCooldown',
     inputs: [],
-    name: 'getHaltedGaugesLength',
     outputs: [
       {
-        internalType: 'uint256',
         name: '',
-        type: 'uint256',
+        type: 'uint128',
+        internalType: 'uint128',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'setBuilderRewardPercentage',
     inputs: [
       {
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
-      },
-    ],
-    name: 'getKickbackToApply',
-    outputs: [
-      {
-        internalType: 'uint64',
-        name: '',
+        name: 'rewardPercentage_',
         type: 'uint64',
+        internalType: 'uint64',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    outputs: [],
+    stateMutability: 'nonpayable',
   },
   {
-    inputs: [],
-    name: 'governor',
-    outputs: [
+    type: 'function',
+    name: 'setCycleDuration',
+    inputs: [
       {
-        internalType: 'address',
-        name: '',
-        type: 'address',
+        name: 'newCycleDuration_',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'cycleStartOffset_',
+        type: 'uint24',
+        internalType: 'uint24',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    outputs: [],
+    stateMutability: 'nonpayable',
   },
   {
+    type: 'function',
+    name: 'supportsInterface',
     inputs: [
       {
-        internalType: 'contract Gauge',
-        name: 'gauge',
-        type: 'address',
+        name: 'interfaceId',
+        type: 'bytes4',
+        internalType: 'bytes4',
       },
     ],
-    name: 'haltedGaugeLastPeriodFinish',
     outputs: [
       {
-        internalType: 'uint256',
-        name: 'lastPeriodFinish',
-        type: 'uint256',
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'timeUntilNextCycle',
     inputs: [
       {
-        internalType: 'address',
-        name: 'builder_',
-        type: 'address',
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
       },
     ],
-    name: 'isBuilderOperational',
     outputs: [
       {
-        internalType: 'bool',
         name: '',
-        type: 'bool',
+        type: 'uint256',
+        internalType: 'uint256',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'unpauseBuilder',
     inputs: [
       {
-        internalType: 'address',
         name: 'builder_',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'isBuilderPaused',
-    outputs: [
-      {
-        internalType: 'bool',
-        name: '',
-        type: 'bool',
-      },
-    ],
-    stateMutability: 'view',
-    type: 'function',
+    outputs: [],
+    stateMutability: 'nonpayable',
   },
   {
+    type: 'function',
+    name: 'upgradeToAndCall',
     inputs: [
       {
-        internalType: 'address',
-        name: 'gauge_',
+        name: 'newImplementation',
         type: 'address',
+        internalType: 'address',
       },
-    ],
-    name: 'isGaugeHalted',
-    outputs: [
       {
-        internalType: 'bool',
-        name: '',
-        type: 'bool',
+        name: 'data',
+        type: 'bytes',
+        internalType: 'bytes',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    outputs: [],
+    stateMutability: 'payable',
   },
   {
+    type: 'function',
+    name: 'whitelistBuilder',
     inputs: [
       {
-        internalType: 'contract Gauge',
-        name: 'gauge_',
+        name: 'builder_',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'isGaugeOperational',
     outputs: [
       {
-        internalType: 'bool',
-        name: '',
-        type: 'bool',
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    stateMutability: 'nonpayable',
   },
   {
+    type: 'event',
+    name: 'BuilderActivated',
     inputs: [
       {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
         internalType: 'address',
-        name: 'gauge_',
+      },
+      {
+        name: 'rewardReceiver_',
         type: 'address',
+        indexed: false,
+        internalType: 'address',
       },
-    ],
-    name: 'isGaugeRewarded',
-    outputs: [
       {
-        internalType: 'bool',
-        name: '',
-        type: 'bool',
+        name: 'rewardPercentage_',
+        type: 'uint64',
+        indexed: false,
+        internalType: 'uint64',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    anonymous: false,
   },
   {
-    inputs: [],
-    name: 'kickbackCooldown',
-    outputs: [
+    type: 'event',
+    name: 'BuilderRewardPercentageUpdateScheduled',
+    inputs: [
       {
-        internalType: 'uint128',
-        name: '',
-        type: 'uint128',
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'rewardPercentage_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'cooldown_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    anonymous: false,
   },
   {
-    inputs: [],
-    name: 'owner',
-    outputs: [
+    type: 'event',
+    name: 'Dewhitelisted',
+    inputs: [
       {
-        internalType: 'address',
-        name: '',
+        name: 'builder_',
         type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'event',
+    name: 'GaugeCreated',
     inputs: [
       {
-        internalType: 'address',
         name: 'builder_',
         type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
       {
-        internalType: 'bytes20',
-        name: 'reason_',
-        type: 'bytes20',
+        name: 'gauge_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
-    ],
-    name: 'pauseBuilder',
-    outputs: [],
-    stateMutability: 'nonpayable',
-    type: 'function',
-  },
-  {
-    inputs: [],
-    name: 'pendingOwner',
-    outputs: [
       {
-        internalType: 'address',
-        name: '',
+        name: 'creator_',
         type: 'address',
+        indexed: false,
+        internalType: 'address',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'event',
+    name: 'Initialized',
     inputs: [
       {
-        internalType: 'uint64',
-        name: 'kickback_',
+        name: 'version',
         type: 'uint64',
+        indexed: false,
+        internalType: 'uint64',
       },
     ],
-    name: 'permitBuilder',
-    outputs: [],
-    stateMutability: 'nonpayable',
-    type: 'function',
-  },
-  {
-    inputs: [],
-    name: 'proxiableUUID',
-    outputs: [
-      {
-        internalType: 'bytes32',
-        name: '',
-        type: 'bytes32',
-      },
-    ],
-    stateMutability: 'view',
-    type: 'function',
-  },
-  {
-    inputs: [],
-    name: 'renounceOwnership',
-    outputs: [],
-    stateMutability: 'nonpayable',
-    type: 'function',
-  },
-  {
-    inputs: [],
-    name: 'revokeBuilder',
-    outputs: [],
-    stateMutability: 'nonpayable',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'event',
+    name: 'KYCApproved',
     inputs: [
       {
-        internalType: 'address',
         name: 'builder_',
         type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
     ],
-    name: 'revokeBuilderKYC',
-    outputs: [],
-    stateMutability: 'nonpayable',
-    type: 'function',
+    anonymous: false,
   },
-  {
-    inputs: [],
-    name: 'rewardDistributor',
-    outputs: [
+  {
+    type: 'event',
+    name: 'KYCRevoked',
+    inputs: [
       {
-        internalType: 'address',
-        name: '',
+        name: 'builder_',
         type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'event',
+    name: 'NewCycleDurationScheduled',
     inputs: [
       {
-        internalType: 'uint64',
-        name: 'kickback_',
-        type: 'uint64',
+        name: 'newCycleDuration_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'cooldownEndTime_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
       },
     ],
-    name: 'setBuilderKickback',
-    outputs: [],
-    stateMutability: 'nonpayable',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'event',
+    name: 'Paused',
     inputs: [
       {
-        internalType: 'uint32',
-        name: 'newEpochDuration_',
-        type: 'uint32',
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
       {
-        internalType: 'uint24',
-        name: 'epochStartOffset_',
-        type: 'uint24',
+        name: 'reason_',
+        type: 'bytes20',
+        indexed: false,
+        internalType: 'bytes20',
       },
     ],
-    name: 'setEpochDuration',
-    outputs: [],
-    stateMutability: 'nonpayable',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'event',
+    name: 'Permitted',
     inputs: [
       {
-        internalType: 'uint256',
-        name: 'timestamp_',
-        type: 'uint256',
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
-    ],
-    name: 'timeUntilNextEpoch',
-    outputs: [
       {
+        name: 'rewardPercentage_',
+        type: 'uint256',
+        indexed: false,
         internalType: 'uint256',
-        name: '',
+      },
+      {
+        name: 'cooldown_',
         type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'event',
+    name: 'Revoked',
     inputs: [
       {
-        internalType: 'address',
-        name: 'newOwner',
+        name: 'builder_',
         type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
     ],
-    name: 'transferOwnership',
-    outputs: [],
-    stateMutability: 'nonpayable',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'event',
+    name: 'Unpaused',
     inputs: [
       {
-        internalType: 'address',
         name: 'builder_',
         type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
     ],
-    name: 'unpauseBuilder',
-    outputs: [],
-    stateMutability: 'nonpayable',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'event',
+    name: 'Upgraded',
     inputs: [
       {
-        internalType: 'address',
-        name: 'newImplementation',
+        name: 'implementation',
         type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Whitelisted',
+    inputs: [
       {
-        internalType: 'bytes',
-        name: 'data',
-        type: 'bytes',
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
     ],
-    name: 'upgradeToAndCall',
-    outputs: [],
-    stateMutability: 'payable',
-    type: 'function',
+    anonymous: false,
   },
   {
+    type: 'error',
+    name: 'AddressEmptyCode',
     inputs: [
       {
-        internalType: 'address',
-        name: 'builder_',
+        name: 'target',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'whitelistBuilder',
-    outputs: [
+  },
+  {
+    type: 'error',
+    name: 'AlreadyActivated',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'AlreadyKYCApproved',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'AlreadyRevoked',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'AlreadyWhitelisted',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'BuilderAlreadyExists',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'BuilderDoesNotExist',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CannotRevoke',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CycleDurationNotHourBasis',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CycleDurationTooShort',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CycleDurationsAreNotMultiples',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'ERC1967InvalidImplementation',
+    inputs: [
       {
-        internalType: 'contract Gauge',
-        name: 'gauge_',
+        name: 'implementation',
         type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'ERC1967NonPayable',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'FailedInnerCall',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'GaugeDoesNotExist',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'InvalidBuilderRewardPercentage',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'InvalidInitialization',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'IsRevoked',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotActivated',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotInitializing',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotKYCApproved',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotOperational',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotPaused',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotRevoked',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotWhitelisted',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'UUPSUnauthorizedCallContext',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'UUPSUnsupportedProxiableUUID',
+    inputs: [
+      {
+        name: 'slot',
+        type: 'bytes32',
+        internalType: 'bytes32',
       },
     ],
-    stateMutability: 'nonpayable',
-    type: 'function',
   },
 ] as const
diff --git a/src/lib/abis/v2/GaugeAbi.ts b/src/lib/abis/v2/GaugeAbi.ts
index 84a8fb8e..46310485 100644
--- a/src/lib/abis/v2/GaugeAbi.ts
+++ b/src/lib/abis/v2/GaugeAbi.ts
@@ -9,7 +9,7 @@ export const GaugeAbi = [
     name: 'allocate',
     inputs: [
       {
-        name: 'sponsor_',
+        name: 'backer_',
         type: 'address',
         internalType: 'address',
       },
@@ -19,7 +19,7 @@ export const GaugeAbi = [
         internalType: 'uint256',
       },
       {
-        name: 'timeUntilNextEpoch_',
+        name: 'timeUntilNextCycle_',
         type: 'uint256',
         internalType: 'uint256',
       },
@@ -48,7 +48,7 @@ export const GaugeAbi = [
     name: 'allocationOf',
     inputs: [
       {
-        name: 'sponsor',
+        name: 'backer',
         type: 'address',
         internalType: 'address',
       },
@@ -64,13 +64,18 @@ export const GaugeAbi = [
   },
   {
     type: 'function',
-    name: 'builderRewards',
+    name: 'backerRewardPerTokenPaid',
     inputs: [
       {
         name: 'rewardToken_',
         type: 'address',
         internalType: 'address',
       },
+      {
+        name: 'backer_',
+        type: 'address',
+        internalType: 'address',
+      },
     ],
     outputs: [
       {
@@ -83,14 +88,20 @@ export const GaugeAbi = [
   },
   {
     type: 'function',
-    name: 'claimBuilderReward',
+    name: 'backersManager',
     inputs: [],
-    outputs: [],
-    stateMutability: 'nonpayable',
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'contract IBackersManagerRootstockCollective',
+      },
+    ],
+    stateMutability: 'view',
   },
   {
     type: 'function',
-    name: 'claimBuilderReward',
+    name: 'builderRewards',
     inputs: [
       {
         name: 'rewardToken_',
@@ -98,12 +109,31 @@ export const GaugeAbi = [
         internalType: 'address',
       },
     ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'claimBackerReward',
+    inputs: [
+      {
+        name: 'backer_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
     outputs: [],
     stateMutability: 'nonpayable',
   },
   {
     type: 'function',
-    name: 'claimSponsorReward',
+    name: 'claimBackerReward',
     inputs: [
       {
         name: 'rewardToken_',
@@ -111,7 +141,7 @@ export const GaugeAbi = [
         internalType: 'address',
       },
       {
-        name: 'sponsor_',
+        name: 'backer_',
         type: 'address',
         internalType: 'address',
       },
@@ -121,10 +151,17 @@ export const GaugeAbi = [
   },
   {
     type: 'function',
-    name: 'claimSponsorReward',
+    name: 'claimBuilderReward',
+    inputs: [],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'claimBuilderReward',
     inputs: [
       {
-        name: 'sponsor_',
+        name: 'rewardToken_',
         type: 'address',
         internalType: 'address',
       },
@@ -142,7 +179,7 @@ export const GaugeAbi = [
         internalType: 'address',
       },
       {
-        name: 'sponsor_',
+        name: 'backer_',
         type: 'address',
         internalType: 'address',
       },
@@ -186,7 +223,7 @@ export const GaugeAbi = [
         internalType: 'address',
       },
       {
-        name: 'sponsorsManager_',
+        name: 'backersManager_',
         type: 'address',
         internalType: 'address',
       },
@@ -268,7 +305,7 @@ export const GaugeAbi = [
         internalType: 'uint256',
       },
       {
-        name: 'builderKickback_',
+        name: 'builderRewardPercentage_',
         type: 'uint256',
         internalType: 'uint256',
       },
@@ -278,12 +315,12 @@ export const GaugeAbi = [
         internalType: 'uint256',
       },
       {
-        name: 'epochStart_',
+        name: 'cycleStart_',
         type: 'uint256',
         internalType: 'uint256',
       },
       {
-        name: 'epochDuration_',
+        name: 'cycleDuration_',
         type: 'uint256',
         internalType: 'uint256',
       },
@@ -448,7 +485,7 @@ export const GaugeAbi = [
         internalType: 'address',
       },
       {
-        name: 'sponsor_',
+        name: 'backer_',
         type: 'address',
         internalType: 'address',
       },
@@ -464,19 +501,8 @@ export const GaugeAbi = [
   },
   {
     type: 'function',
-    name: 'sponsorRewardPerTokenPaid',
-    inputs: [
-      {
-        name: 'rewardToken_',
-        type: 'address',
-        internalType: 'address',
-      },
-      {
-        name: 'sponsor_',
-        type: 'address',
-        internalType: 'address',
-      },
-    ],
+    name: 'totalAllocation',
+    inputs: [],
     outputs: [
       {
         name: '',
@@ -487,30 +513,29 @@ export const GaugeAbi = [
     stateMutability: 'view',
   },
   {
-    type: 'function',
-    name: 'sponsorsManager',
-    inputs: [],
-    outputs: [
+    type: 'event',
+    name: 'BackerRewardsClaimed',
+    inputs: [
       {
-        name: '',
+        name: 'rewardToken_',
         type: 'address',
-        internalType: 'contract ISponsorsManager',
+        indexed: true,
+        internalType: 'address',
       },
-    ],
-    stateMutability: 'view',
-  },
-  {
-    type: 'function',
-    name: 'totalAllocation',
-    inputs: [],
-    outputs: [
       {
-        name: '',
+        name: 'backer_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'amount_',
         type: 'uint256',
+        indexed: false,
         internalType: 'uint256',
       },
     ],
-    stateMutability: 'view',
+    anonymous: false,
   },
   {
     type: 'event',
@@ -555,7 +580,7 @@ export const GaugeAbi = [
     name: 'NewAllocation',
     inputs: [
       {
-        name: 'sponsor_',
+        name: 'backer_',
         type: 'address',
         indexed: true,
         internalType: 'address',
@@ -586,32 +611,7 @@ export const GaugeAbi = [
         internalType: 'uint256',
       },
       {
-        name: 'sponsorsAmount_',
-        type: 'uint256',
-        indexed: false,
-        internalType: 'uint256',
-      },
-    ],
-    anonymous: false,
-  },
-  {
-    type: 'event',
-    name: 'SponsorRewardsClaimed',
-    inputs: [
-      {
-        name: 'rewardToken_',
-        type: 'address',
-        indexed: true,
-        internalType: 'address',
-      },
-      {
-        name: 'sponsor_',
-        type: 'address',
-        indexed: true,
-        internalType: 'address',
-      },
-      {
-        name: 'amount_',
+        name: 'backersAmount_',
         type: 'uint256',
         indexed: false,
         internalType: 'uint256',
@@ -673,12 +673,12 @@ export const GaugeAbi = [
   },
   {
     type: 'error',
-    name: 'NotInitializing',
+    name: 'NotBackersManager',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'NotSponsorsManager',
+    name: 'NotInitializing',
     inputs: [],
   },
   {
diff --git a/src/lib/abis/v2/RewardDistributorAbi.ts b/src/lib/abis/v2/RewardDistributorAbi.ts
index bbb98fd8..776a2782 100644
--- a/src/lib/abis/v2/RewardDistributorAbi.ts
+++ b/src/lib/abis/v2/RewardDistributorAbi.ts
@@ -1,329 +1,301 @@
 export const RewardDistributorAbi = [
   {
-    inputs: [],
-    stateMutability: 'nonpayable',
     type: 'constructor',
-  },
-  {
-    inputs: [
-      {
-        internalType: 'address',
-        name: 'target',
-        type: 'address',
-      },
-    ],
-    name: 'AddressEmptyCode',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'BIMAddressesAlreadyInitialized',
-    type: 'error',
-  },
-  {
-    inputs: [
-      {
-        internalType: 'address',
-        name: 'implementation',
-        type: 'address',
-      },
-    ],
-    name: 'ERC1967InvalidImplementation',
-    type: 'error',
-  },
-  {
     inputs: [],
-    name: 'ERC1967NonPayable',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'FailedInnerCall',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'InvalidInitialization',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotFoundationTreasury',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotGovernor',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotGovernorOrAuthorizedChanger',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'NotInitializing',
-    type: 'error',
-  },
-  {
-    inputs: [],
-    name: 'UUPSUnauthorizedCallContext',
-    type: 'error',
-  },
-  {
-    inputs: [
-      {
-        internalType: 'bytes32',
-        name: 'slot',
-        type: 'bytes32',
-      },
-    ],
-    name: 'UUPSUnsupportedProxiableUUID',
-    type: 'error',
-  },
-  {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: false,
-        internalType: 'uint64',
-        name: 'version',
-        type: 'uint64',
-      },
-    ],
-    name: 'Initialized',
-    type: 'event',
+    stateMutability: 'nonpayable',
   },
   {
-    anonymous: false,
-    inputs: [
-      {
-        indexed: true,
-        internalType: 'address',
-        name: 'implementation',
-        type: 'address',
-      },
-    ],
-    name: 'Upgraded',
-    type: 'event',
+    type: 'receive',
+    stateMutability: 'payable',
   },
   {
-    inputs: [],
+    type: 'function',
     name: 'UPGRADE_INTERFACE_VERSION',
+    inputs: [],
     outputs: [
       {
-        internalType: 'string',
         name: '',
         type: 'string',
+        internalType: 'string',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'backersManager',
     inputs: [],
-    name: 'changeExecutor',
     outputs: [
       {
-        internalType: 'contract IChangeExecutorRootstockCollective',
         name: '',
         type: 'address',
+        internalType: 'contract BackersManagerRootstockCollective',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
-    inputs: [],
+    type: 'function',
     name: 'foundationTreasury',
+    inputs: [],
     outputs: [
       {
-        internalType: 'address',
         name: '',
         type: 'address',
+        internalType: 'address',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'governanceManager',
     inputs: [],
-    name: 'governor',
     outputs: [
       {
-        internalType: 'address',
         name: '',
         type: 'address',
+        internalType: 'contract IGovernanceManagerRootstockCollective',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'initialize',
     inputs: [
       {
-        internalType: 'address',
-        name: 'changeExecutor_',
-        type: 'address',
-      },
-      {
-        internalType: 'address',
-        name: 'foundationTreasury_',
+        name: 'governanceManager_',
         type: 'address',
+        internalType: 'contract IGovernanceManagerRootstockCollective',
       },
     ],
-    name: 'initialize',
     outputs: [],
     stateMutability: 'nonpayable',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'initializeCollectiveRewardsAddresses',
     inputs: [
       {
-        internalType: 'address',
-        name: 'sponsorsManager_',
+        name: 'backersManager_',
         type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'initializeBIMAddresses',
     outputs: [],
     stateMutability: 'nonpayable',
-    type: 'function',
   },
   {
-    inputs: [],
+    type: 'function',
     name: 'proxiableUUID',
+    inputs: [],
     outputs: [
       {
-        internalType: 'bytes32',
         name: '',
         type: 'bytes32',
+        internalType: 'bytes32',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'rewardCoinbaseAmountPerCycle',
     inputs: [
       {
-        internalType: 'uint256',
-        name: 'epochTimestampStart',
+        name: 'cycleTimestampStart',
         type: 'uint256',
+        internalType: 'uint256',
       },
     ],
-    name: 'rewardCoinbaseAmountPerEpoch',
     outputs: [
       {
-        internalType: 'uint256',
         name: 'amount',
         type: 'uint256',
+        internalType: 'uint256',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
-    inputs: [],
+    type: 'function',
     name: 'rewardToken',
+    inputs: [],
     outputs: [
       {
-        internalType: 'contract IERC20',
         name: '',
         type: 'address',
+        internalType: 'contract IERC20',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'rewardTokenAmountPerCycle',
     inputs: [
       {
-        internalType: 'uint256',
-        name: 'epochTimestampStart',
+        name: 'cycleTimestampStart',
         type: 'uint256',
+        internalType: 'uint256',
       },
     ],
-    name: 'rewardTokenAmountPerEpoch',
     outputs: [
       {
-        internalType: 'uint256',
         name: 'amount',
         type: 'uint256',
+        internalType: 'uint256',
       },
     ],
     stateMutability: 'view',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'sendRewards',
     inputs: [
       {
-        internalType: 'uint256',
         name: 'amountERC20_',
         type: 'uint256',
+        internalType: 'uint256',
       },
       {
-        internalType: 'uint256',
         name: 'amountCoinbase_',
         type: 'uint256',
+        internalType: 'uint256',
       },
     ],
-    name: 'sendRewards',
     outputs: [],
     stateMutability: 'payable',
-    type: 'function',
   },
   {
+    type: 'function',
+    name: 'sendRewardsAndStartDistribution',
     inputs: [
       {
-        internalType: 'uint256',
         name: 'amountERC20_',
         type: 'uint256',
+        internalType: 'uint256',
       },
       {
-        internalType: 'uint256',
         name: 'amountCoinbase_',
         type: 'uint256',
+        internalType: 'uint256',
       },
     ],
-    name: 'sendRewardsAndStartDistribution',
     outputs: [],
     stateMutability: 'payable',
-    type: 'function',
   },
   {
-    inputs: [],
-    name: 'sponsorsManager',
-    outputs: [
+    type: 'function',
+    name: 'upgradeToAndCall',
+    inputs: [
       {
-        internalType: 'contract SponsorsManager',
-        name: '',
+        name: 'newImplementation',
         type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'data',
+        type: 'bytes',
+        internalType: 'bytes',
       },
     ],
-    stateMutability: 'view',
-    type: 'function',
+    outputs: [],
+    stateMutability: 'payable',
   },
   {
+    type: 'event',
+    name: 'Initialized',
     inputs: [
       {
+        name: 'version',
+        type: 'uint64',
+        indexed: false,
+        internalType: 'uint64',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Upgraded',
+    inputs: [
+      {
+        name: 'implementation',
+        type: 'address',
+        indexed: true,
         internalType: 'address',
-        name: 'newImplementation',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'error',
+    name: 'AddressEmptyCode',
+    inputs: [
+      {
+        name: 'target',
         type: 'address',
+        internalType: 'address',
       },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'CollectiveRewardsAddressesAlreadyInitialized',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'ERC1967InvalidImplementation',
+    inputs: [
       {
-        internalType: 'bytes',
-        name: 'data',
-        type: 'bytes',
+        name: 'implementation',
+        type: 'address',
+        internalType: 'address',
       },
     ],
-    name: 'upgradeToAndCall',
-    outputs: [],
-    stateMutability: 'payable',
-    type: 'function',
   },
   {
-    stateMutability: 'payable',
-    type: 'receive',
+    type: 'error',
+    name: 'ERC1967NonPayable',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'FailedInnerCall',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'InvalidInitialization',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotFoundationTreasury',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotInitializing',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'UUPSUnauthorizedCallContext',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'UUPSUnsupportedProxiableUUID',
+    inputs: [
+      {
+        name: 'slot',
+        type: 'bytes32',
+        internalType: 'bytes32',
+      },
+    ],
   },
 ] as const
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 80b1e35d..727e9f55 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -24,7 +24,7 @@ export const CHAIN_ID = process.env.NEXT_PUBLIC_CHAIN_ID
 
 export const SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS = process.env
   .NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS as Address
-export const SPONSORS_MANAGER_ADDRESS = process.env.NEXT_PUBLIC_SPONSORS_MANAGER_ADDRESS as Address
+export const BACKERS_MANAGER_ADDRESS = process.env.NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS as Address
 export const REWARD_DISTRIBUTOR_ADDRESS = process.env.NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS as Address
 export const CYCLE_DURATION_IN_DAYS = process.env.NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS
 export const FIRST_CYCLE_START_DATE_ISO = process.env.NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO
diff --git a/src/lib/contracts.ts b/src/lib/contracts.ts
index 9afb8217..0ee5f73a 100644
--- a/src/lib/contracts.ts
+++ b/src/lib/contracts.ts
@@ -15,7 +15,7 @@ import {
   OG_FOUNDERS_NFT_ADDRESS,
   OG_PARTNERS_NFT_ADDRESS,
   OG_CONTRIBUTORS_NFT_ADDRESS,
-  SPONSORS_MANAGER_ADDRESS,
+  BACKERS_MANAGER_ADDRESS,
   REWARD_DISTRIBUTOR_ADDRESS,
 } from './constants'
 
@@ -55,7 +55,7 @@ const MulticallAddress = MULTICALL_ADDRESS
 const TreasuryAddress = GRANTS_ACTIVE_BUCKET_ADDRESS
 
 const SimplifiedRewardDistributorAddress = SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS || ZeroAddress
-const SponsorsManagerAddress = SPONSORS_MANAGER_ADDRESS || ZeroAddress
+const BackersManagerAddress = BACKERS_MANAGER_ADDRESS || ZeroAddress
 const RewardDistributor = REWARD_DISTRIBUTOR_ADDRESS || ZeroAddress
 
 export {
@@ -67,6 +67,6 @@ export {
   TreasuryAddress,
   treasuryContracts,
   SimplifiedRewardDistributorAddress,
-  SponsorsManagerAddress,
+  BackersManagerAddress,
   RewardDistributor,
 }

From b939dc15d582282d717a8c14d74602a5a0e1b5ba Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 11 Nov 2024 16:25:44 +0000
Subject: [PATCH 042/115] fix: set new projected reward amount (#360)

---
 data.mainnet.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/data.mainnet.json b/data.mainnet.json
index 01bcec50..7a1ef13f 100644
--- a/data.mainnet.json
+++ b/data.mainnet.json
@@ -1,6 +1,6 @@
 {
   "totalRewardPerCycle": {
-    "0x0000000000000000000000000000000000000000": 101100000000000000,
-    "0x2acc95758f8b5f583470ba265eb685a8f45fc9d5": 20588000000000000000000
+    "0x0000000000000000000000000000000000000000": 61000000000000000,
+    "0x2acc95758f8b5f583470ba265eb685a8f45fc9d5": 12963000000000000000000
   }
 }

From f8a02887647bcbbbceb6602ad8d706e260d24259 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 11 Nov 2024 20:40:27 +0000
Subject: [PATCH 043/115] fix: change the builder button (#356)

---
 .../user/components/Button/BecomeABuilderButton.tsx        | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
index 0e043b14..5c641d4a 100644
--- a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
@@ -1,13 +1,14 @@
 import { BuilderInfo } from '@/app/collective-rewards/types'
+import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/user'
 import { useAlertContext } from '@/app/providers/AlertProvider'
 import { useModal } from '@/app/user/Balances/hooks/useModal'
 import { Badge } from '@/components/Badge'
 import { Button } from '@/components/Button'
 import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { BecomeABuilderModal } from '@/components/Modal/BecomeABuilderModal'
+import { Typography } from '@/components/Typography'
 import { FC, HtmlHTMLAttributes, useEffect } from 'react'
 import { Address } from 'viem'
-import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/user'
 
 type StatusBadgeProps = {
   builderStatus?: BuilderInfo['status']
@@ -36,7 +37,9 @@ const StatusBadge: FC<StatusBadgeProps> = ({ builderStatus }) => {
     <Badge content="In Progress" className={`${crStatusColorClasses['In progress']} py-2 px-1`} />
   )
   const WhitelistedComponent = (
-    <Badge content="You are a Builder" className={`${crStatusColorClasses['Whitelisted']} py-2 px-1`} />
+    <Typography tagVariant="h2" className={'font-kk-topo text-2xl/7 font-normal uppercase py-2 px-1'}>
+      You are a Builder
+    </Typography>
   )
 
   return {

From d89a0e086b02113352e9b60ae79f19e9030f8921 Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Tue, 12 Nov 2024 03:34:09 -0600
Subject: [PATCH 044/115] feat(rc): last cycle rewards v2 (#341)

* feat(cr_v2): last cycle rewards

* refactor: pr comments

* refactor: make use of composition for cards

* refactor: moves spinner to children and fixes error handler

---------

Co-authored-by: Juraj Piar <juraj@iovlabs.org>
---
 .env.testnet.local                            |   6 +-
 src/app/collective-rewards/actions.ts         |  11 +-
 .../metrics/context/CycleContext.tsx          |  68 ++++
 .../metrics/context/index.ts                  |   1 +
 .../collective-rewards/metrics/hooks/index.ts |   3 +
 .../metrics/hooks/useGetCycleStart.ts         |  22 ++
 .../hooks/useGetCycleStartAndDuration.ts      |  21 ++
 .../hooks/useGetEndDistributionWindow.ts      |  22 ++
 src/app/collective-rewards/metrics/index.ts   |   2 +
 .../rewards/LastCycleRewards.tsx              |  71 ++++
 .../collective-rewards/rewards/MyRewards.tsx  |  59 +++-
 .../components/Metrics/MetricsCard.tsx        |  91 +++++
 .../rewards/components/Metrics/index.ts       |   1 +
 .../rewards/components/index.ts               |   1 +
 .../collective-rewards/rewards/hooks/index.ts |   1 +
 .../rewards/hooks/useClaimAllRewards.ts       |  20 +-
 .../rewards/hooks/useGetNotifyRewardLogs.ts   |  39 +++
 .../hooks/useGetRewardDistributedLogs.ts      |   3 +-
 src/app/collective-rewards/rewards/index.ts   |   3 +
 .../rewards/utils/formatMetrics.ts            |   6 +
 .../rewards/utils/getLastCycleRewards.ts      |  40 +++
 .../collective-rewards/rewards/utils/index.ts |   2 +
 .../collective-rewards/user/hooks/index.ts    |   1 +
 .../user/hooks/useGetBuilderToGauge.ts        |  17 +
 .../utils/getLastCycleRewards.ts              |   2 +-
 .../{getLastCycle.ts => getPreviousCycle.ts}  |   0
 .../collective-rewards/utils/handleErrors.ts  |  18 +
 src/app/collective-rewards/utils/index.ts     |   2 +
 src/app/user/page.tsx                         |  13 +-
 src/lib/abis/v2/CycleTimeKeeperAbi.ts         | 322 ++++++++++++++++++
 src/lib/endpoints.ts                          |   3 +
 31 files changed, 844 insertions(+), 27 deletions(-)
 create mode 100644 src/app/collective-rewards/metrics/context/CycleContext.tsx
 create mode 100644 src/app/collective-rewards/metrics/context/index.ts
 create mode 100644 src/app/collective-rewards/metrics/hooks/index.ts
 create mode 100644 src/app/collective-rewards/metrics/hooks/useGetCycleStart.ts
 create mode 100644 src/app/collective-rewards/metrics/hooks/useGetCycleStartAndDuration.ts
 create mode 100644 src/app/collective-rewards/metrics/hooks/useGetEndDistributionWindow.ts
 create mode 100644 src/app/collective-rewards/rewards/LastCycleRewards.tsx
 create mode 100644 src/app/collective-rewards/rewards/components/Metrics/MetricsCard.tsx
 create mode 100644 src/app/collective-rewards/rewards/components/Metrics/index.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetNotifyRewardLogs.ts
 create mode 100644 src/app/collective-rewards/rewards/utils/formatMetrics.ts
 create mode 100644 src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
 create mode 100644 src/app/collective-rewards/rewards/utils/index.ts
 create mode 100644 src/app/collective-rewards/user/hooks/useGetBuilderToGauge.ts
 rename src/app/collective-rewards/utils/{getLastCycle.ts => getPreviousCycle.ts} (100%)
 create mode 100644 src/app/collective-rewards/utils/handleErrors.ts
 create mode 100644 src/app/collective-rewards/utils/index.ts
 create mode 100644 src/lib/abis/v2/CycleTimeKeeperAbi.ts

diff --git a/.env.testnet.local b/.env.testnet.local
index 94e6cf48..142c0ba2 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -18,9 +18,9 @@ NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4e84FCc953dE129C6C47c5B0AD7E57B226093Ae1
-NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0x005EFbeC2326E6303bFf10d71F6651060027f0b5
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x9bCE1C5aAbf149709B56A195C6E0526264cD2a11
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0x2bA88426d3dF22D35CA7fdD69d4B791634C79A22
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xC2857F402096BfF24E8E05C2E047F8461d1af927
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x21534EaE65041b85cA309C3258E967f305917F8F
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xAEdD29bebb0dd8e29702DD1e32346365F96aA016
 
 NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=2
 NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
diff --git a/src/app/collective-rewards/actions.ts b/src/app/collective-rewards/actions.ts
index bb8e9de7..67e0bb3c 100644
--- a/src/app/collective-rewards/actions.ts
+++ b/src/app/collective-rewards/actions.ts
@@ -1,6 +1,7 @@
+import { Address } from 'viem'
 import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
 import { axiosInstance } from '@/lib/utils'
-import { fetchRewardDistributedLogsByAddress } from '@/lib/endpoints'
+import { fetchNotifyRewardLogsByAddress, fetchRewardDistributedLogsByAddress } from '@/lib/endpoints'
 
 export const fetchRewardDistributedLogs = (fromBlock = 0) => {
   return axiosInstance.get(
@@ -12,3 +13,11 @@ export const fetchRewardDistributedLogs = (fromBlock = 0) => {
 
 export const fetchRewardDistributedCached = () =>
   axiosInstance.get('/reward-distributed/api', { baseURL: '/' })
+
+export const fetchNotifyRewardLogs = (gaugeAddress: Address, fromBlock = 0) => {
+  return axiosInstance.get(
+    fetchNotifyRewardLogsByAddress
+      .replace('{{address}}', gaugeAddress)
+      .replace('{{fromBlock}}', fromBlock.toString()),
+  )
+}
diff --git a/src/app/collective-rewards/metrics/context/CycleContext.tsx b/src/app/collective-rewards/metrics/context/CycleContext.tsx
new file mode 100644
index 00000000..9a9952f3
--- /dev/null
+++ b/src/app/collective-rewards/metrics/context/CycleContext.tsx
@@ -0,0 +1,68 @@
+import { createContext, FC, ReactNode, useContext } from 'react'
+import { DateTime } from 'luxon'
+import {
+  useGetCycleStart,
+  useGetCycleStartAndDuration,
+  useGetEndDistributionWindow,
+} from '@/app/collective-rewards/metrics'
+
+export type Cycle = {
+  cycleStart: DateTime
+  cycleDuration: DateTime
+  fistCycleStart: DateTime
+  endDistributionWindow: DateTime
+}
+
+type CycleContextValue = {
+  data: Cycle
+  isLoading: boolean
+  error: Error | null
+}
+
+export const CycleContext = createContext<CycleContextValue>({
+  data: {} as Cycle,
+  isLoading: false,
+  error: null,
+})
+
+type CycleProviderProps = {
+  children: ReactNode
+}
+
+export const CycleContextProvider: FC<CycleProviderProps> = ({ children }) => {
+  const timestamp = BigInt(DateTime.now().toUnixInteger())
+  const {
+    data: cycleStartAndDuration,
+    isLoading: cycleStartAndDurationLoading,
+    error: cycleStartAndDurationError,
+  } = useGetCycleStartAndDuration()
+  const [fistCycleStart, cycleDuration] = cycleStartAndDuration || []
+  const {
+    data: cycleStart,
+    isLoading: cycleStartLoading,
+    error: cycleStartError,
+  } = useGetCycleStart(timestamp)
+  const {
+    data: endDistributionWindow,
+    isLoading: endDistributionWindowLoading,
+    error: endDistributionWindowError,
+  } = useGetEndDistributionWindow(timestamp)
+
+  const isLoading = cycleStartAndDurationLoading || cycleStartLoading || endDistributionWindowLoading
+  const error = cycleStartAndDurationError ?? cycleStartError ?? endDistributionWindowError
+
+  const valueOfContext: CycleContextValue = {
+    data: {
+      cycleStart: DateTime.fromSeconds(Number(cycleStart ?? 0n)),
+      cycleDuration: DateTime.fromSeconds(Number(cycleDuration ?? 0n)),
+      fistCycleStart: DateTime.fromSeconds(Number(fistCycleStart ?? 0n)),
+      endDistributionWindow: DateTime.fromSeconds(Number(endDistributionWindow ?? 0n)),
+    },
+    isLoading,
+    error,
+  }
+
+  return <CycleContext.Provider value={valueOfContext}>{children}</CycleContext.Provider>
+}
+
+export const useCycleContext = () => useContext(CycleContext)
diff --git a/src/app/collective-rewards/metrics/context/index.ts b/src/app/collective-rewards/metrics/context/index.ts
new file mode 100644
index 00000000..e2df82a1
--- /dev/null
+++ b/src/app/collective-rewards/metrics/context/index.ts
@@ -0,0 +1 @@
+export * from './CycleContext'
diff --git a/src/app/collective-rewards/metrics/hooks/index.ts b/src/app/collective-rewards/metrics/hooks/index.ts
new file mode 100644
index 00000000..dd83692f
--- /dev/null
+++ b/src/app/collective-rewards/metrics/hooks/index.ts
@@ -0,0 +1,3 @@
+export * from './useGetCycleStart'
+export * from './useGetCycleStartAndDuration'
+export * from './useGetEndDistributionWindow'
diff --git a/src/app/collective-rewards/metrics/hooks/useGetCycleStart.ts b/src/app/collective-rewards/metrics/hooks/useGetCycleStart.ts
new file mode 100644
index 00000000..141b287e
--- /dev/null
+++ b/src/app/collective-rewards/metrics/hooks/useGetCycleStart.ts
@@ -0,0 +1,22 @@
+import { CycleTimeKeeperAbi } from '@/lib/abis/v2/CycleTimeKeeperAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useReadContract } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+
+export const useGetCycleStart = (timestamp: bigint) => {
+  const { data, isLoading, error } = useReadContract({
+    address: BackersManagerAddress,
+    abi: CycleTimeKeeperAbi,
+    functionName: 'cycleStart',
+    args: [timestamp],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/metrics/hooks/useGetCycleStartAndDuration.ts b/src/app/collective-rewards/metrics/hooks/useGetCycleStartAndDuration.ts
new file mode 100644
index 00000000..9533e54e
--- /dev/null
+++ b/src/app/collective-rewards/metrics/hooks/useGetCycleStartAndDuration.ts
@@ -0,0 +1,21 @@
+import { CycleTimeKeeperAbi } from '@/lib/abis/v2/CycleTimeKeeperAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useReadContract } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+
+export const useGetCycleStartAndDuration = () => {
+  const { data, isLoading, error } = useReadContract({
+    address: BackersManagerAddress,
+    abi: CycleTimeKeeperAbi,
+    functionName: 'getCycleStartAndDuration',
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/metrics/hooks/useGetEndDistributionWindow.ts b/src/app/collective-rewards/metrics/hooks/useGetEndDistributionWindow.ts
new file mode 100644
index 00000000..f6c1b5ff
--- /dev/null
+++ b/src/app/collective-rewards/metrics/hooks/useGetEndDistributionWindow.ts
@@ -0,0 +1,22 @@
+import { CycleTimeKeeperAbi } from '@/lib/abis/v2/CycleTimeKeeperAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useReadContract } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+
+export const useGetEndDistributionWindow = (timestamp: bigint) => {
+  const { data, isLoading, error } = useReadContract({
+    address: BackersManagerAddress,
+    abi: CycleTimeKeeperAbi,
+    functionName: 'endDistributionWindow',
+    args: [timestamp],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/metrics/index.ts b/src/app/collective-rewards/metrics/index.ts
index 4a82a5b1..453d09c7 100644
--- a/src/app/collective-rewards/metrics/index.ts
+++ b/src/app/collective-rewards/metrics/index.ts
@@ -1,2 +1,4 @@
 export * from './components'
+export * from './context'
+export * from './hooks'
 export * from './MetricsSection'
diff --git a/src/app/collective-rewards/rewards/LastCycleRewards.tsx b/src/app/collective-rewards/rewards/LastCycleRewards.tsx
new file mode 100644
index 00000000..0825d15d
--- /dev/null
+++ b/src/app/collective-rewards/rewards/LastCycleRewards.tsx
@@ -0,0 +1,71 @@
+import { useCycleContext } from '@/app/collective-rewards/metrics/context/CycleContext'
+import {
+  formatMetrics,
+  getLastCycleRewards,
+  MetricsCard,
+  MetricsCardTitle,
+  MetricsCardWithSpinner,
+  TokenMetricsCardRow,
+  useGetNotifyRewardLogs,
+} from '@/app/collective-rewards/rewards'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { usePricesContext } from '@/shared/context/PricesContext'
+import { FC, useEffect, useState } from 'react'
+import { Address } from 'viem'
+
+type TokenRewardsProps = {
+  gauge: Address
+  currency?: string
+  token: {
+    symbol: string
+    address: Address
+  }
+}
+
+const TokenRewardsMetrics: FC<TokenRewardsProps> = ({
+  gauge,
+  token: { symbol, address },
+  currency = 'USD',
+}) => {
+  const { data: cycle, isLoading: cycleLoading, error: cycleError } = useCycleContext()
+  const { data: rewardsPerToken, isLoading: logsLoading, error: rewardsError } = useGetNotifyRewardLogs(gauge)
+
+  const error = cycleError ?? rewardsError
+  useHandleErrors({ error, title: 'Error loading last cycle rewards' })
+
+  const { prices } = usePricesContext()
+
+  const lastCycleRewards = getLastCycleRewards(cycle, rewardsPerToken[address])
+  const lastCycleRewardsInHuman = Number(formatBalanceToHuman(lastCycleRewards.builderAmount))
+  const price = prices[symbol]?.price ?? 0
+  const { amount, fiatAmount } = formatMetrics(lastCycleRewardsInHuman, price, symbol, currency)
+
+  return withSpinner(TokenMetricsCardRow)({
+    amount,
+    fiatAmount,
+    isLoading: cycleLoading || logsLoading,
+  })
+}
+
+type LastCycleRewardsProps = {
+  gauge: Address
+  data: {
+    [token: string]: {
+      symbol: string
+      address: Address
+    }
+  }
+  currency?: string
+}
+
+export const LastCycleRewards: FC<LastCycleRewardsProps> = ({ data: { rif, rbtc }, ...rest }) => {
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle title="Last cycle rewards" data-testid="LastCycleRewards" />
+      <TokenRewardsMetrics {...rest} token={rif} />
+      <TokenRewardsMetrics {...rest} token={rbtc} />
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index 7fa2b665..012c89fb 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -1,13 +1,36 @@
 import { FC } from 'react'
-import { Address } from 'viem'
-import { RewardsSection, RewardsSectionHeader } from './components'
-import { useClaimAllRewards, useClaimStateReporting } from './hooks'
+import { Address, getAddress } from 'viem'
+import {
+  RewardsSection,
+  RewardsSectionHeader,
+  useClaimAllRewards,
+  useClaimStateReporting,
+  LastCycleRewards,
+} from '@/app/collective-rewards/rewards'
+import { CycleContextProvider } from '@/app/collective-rewards/metrics'
+import { PricesContextProvider } from '@/shared/context/PricesContext'
+import { getCoinBaseAddress } from '@/app/collective-rewards/utils'
+import { tokenContracts } from '@/lib/contracts'
+import { Popover } from '@/components/Popover'
+import { Button } from '@/components/Button'
+import { Paragraph } from '@/components/Typography'
 
-export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
+export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gauge }) => {
   const { isClaimFunctionReady, claimAllRewards, ...claimTx } = useClaimAllRewards(builder)
 
   useClaimStateReporting({ ...claimTx })
 
+  const data = {
+    rif: {
+      address: getAddress(tokenContracts.RIF),
+      symbol: 'RIF',
+    },
+    rbtc: {
+      address: getCoinBaseAddress(),
+      symbol: 'RBTC',
+    },
+  }
+
   return (
     <div
       id="my_rewards_container"
@@ -18,6 +41,34 @@ export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
           title="Builder Rewards"
           subtext="Monitor the rewards you are getting from your Collective Rewards."
         />
+        <div className="grid grid-cols-5 gap-[16px]">
+          <CycleContextProvider>
+            <PricesContextProvider>
+              <div>Claimable Rewards</div>
+              <LastCycleRewards gauge={gauge} data={data} />
+              <div>Estimated Rewards</div>
+              <div>All time rewards</div>
+              <div>All time share</div>
+              <Popover
+                disabled={isClaimFunctionReady}
+                content={
+                  <Paragraph variant="normal" className="text-sm">
+                    Wait a moment, please. Preparing the claim functionality.
+                  </Paragraph>
+                }
+                trigger="hover"
+                background="dark"
+                size="small"
+                position="bottom"
+                className="z-[100]"
+              >
+                <Button onClick={claimAllRewards} disabled={!isClaimFunctionReady} variant="primary">
+                  Claim all
+                </Button>
+              </Popover>
+            </PricesContextProvider>
+          </CycleContextProvider>
+        </div>
       </RewardsSection>
       <RewardsSection>
         <RewardsSectionHeader title="Backer Rewards" subtext="Monitor your rewards balances and claim." />
diff --git a/src/app/collective-rewards/rewards/components/Metrics/MetricsCard.tsx b/src/app/collective-rewards/rewards/components/Metrics/MetricsCard.tsx
new file mode 100644
index 00000000..03dc4830
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Metrics/MetricsCard.tsx
@@ -0,0 +1,91 @@
+import { cn } from '@/lib/utils'
+import { FC, ReactNode } from 'react'
+import { Address } from 'viem'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { Typography } from '@/components/Typography'
+
+type MetricsCardRow = {
+  amount: string
+  fiatAmount?: string
+  children?: ReactNode
+}
+
+type MetricsCardProps = {
+  /**
+   * Whether the card should have a border or not.
+   */
+  borderless?: boolean
+
+  /**
+   * The address of the contract to link to.
+   */
+  contractAddress?: Address
+  'data-testid'?: string
+
+  /**
+   * The children of the card. Usually a MetricsCardRow.
+   */
+  children?: ReactNode
+}
+
+const DEFAULT_CLASSES = 'h-min-[79px] w-full py-[12px] px-[12px] flex flex-col bg-foreground'
+
+export const TokenMetricsCardRow: FC<MetricsCardRow> = ({ amount, fiatAmount, children }) => (
+  <div className="flex flex-row w-full items-center">
+    <div className="flex-1 min-w-0">
+      <Typography
+        tagVariant="h2"
+        paddingBottom="2px"
+        paddingTop="10px"
+        lineHeight="28.8px"
+        fontFamily="kk-topo"
+        className="text-[24px] text-primary font-normal"
+        data-testid="Amount"
+      >
+        {amount}
+      </Typography>
+      {fiatAmount && (
+        <Typography
+          tagVariant="label"
+          className="text-[14px] font-rootstock-sans text-disabled-primary"
+          lineHeight="14px"
+          data-testid="FiatAmount"
+        >
+          {fiatAmount}
+        </Typography>
+      )}
+    </div>
+    {children}
+  </div>
+)
+
+/**
+ * Card for displaying balance and corresponding (fiat) value.
+ */
+export const MetricsCard: FC<MetricsCardProps> = ({
+  borderless = false,
+  children,
+  'data-testid': dataTestId,
+}) => {
+  const borderClasses = borderless ? '' : 'border border-white border-opacity-40 rounded-lg'
+  return (
+    <div className={cn(DEFAULT_CLASSES, borderClasses)} data-testid={dataTestId || 'MetricsCard'}>
+      {children}
+    </div>
+  )
+}
+
+export const MetricsCardTitle: FC<{ title: string; 'data-testid': string }> = ({
+  title,
+  'data-testid': dataTestId,
+}) => (
+  <Typography
+    tagVariant="label"
+    className="text-[16px] font-normal tracking-wide overflow-hidden whitespace-nowrap text-ellipsis"
+    data-testid={`${dataTestId}_MetricsCardTitle`}
+  >
+    {title}
+  </Typography>
+)
+
+export const MetricsCardWithSpinner = withSpinner(MetricsCard)
diff --git a/src/app/collective-rewards/rewards/components/Metrics/index.ts b/src/app/collective-rewards/rewards/components/Metrics/index.ts
new file mode 100644
index 00000000..0224b30f
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Metrics/index.ts
@@ -0,0 +1 @@
+export * from './MetricsCard'
diff --git a/src/app/collective-rewards/rewards/components/index.ts b/src/app/collective-rewards/rewards/components/index.ts
index 8efe270c..64ef06b9 100644
--- a/src/app/collective-rewards/rewards/components/index.ts
+++ b/src/app/collective-rewards/rewards/components/index.ts
@@ -1 +1,2 @@
 export * from './Section'
+export * from './Metrics'
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index 39a82ad1..e227d850 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -1,3 +1,4 @@
 export * from './useClaimAllRewards'
 export * from './useGetRewardDistributedLogs'
 export * from './useGetTokenProjectedReward'
+export * from './useGetNotifyRewardLogs'
diff --git a/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts b/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
index 0a0ba0a2..4645e2a3 100644
--- a/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
+++ b/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
@@ -1,23 +1,19 @@
-import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
-import { BackersManagerAddress } from '@/lib/contracts'
 import { Address, zeroAddress } from 'viem'
-import { useReadContract, useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
+import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
 import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
 import { createZeroAddressError } from '@/shared/errors/zeroAddressError'
 import { useEffect, useMemo } from 'react'
 import { useAlertContext } from '@/app/providers'
-
-export const useGetGauge = (builder: Address) =>
-  useReadContract({
-    abi: BuilderRegistryAbi,
-    address: BackersManagerAddress,
-    functionName: 'builderToGauge',
-    args: [builder as Address],
-  })
+import { useGetBuilderToGauge } from '@/app/collective-rewards/user'
 
 export const useClaimAllRewards = (builder: Address) => {
   const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
-  const { data: gauge, isPending: isGaugePending, error: gaugeError, isFetched } = useGetGauge(builder)
+  const {
+    data: gauge,
+    isPending: isGaugePending,
+    error: gaugeError,
+    isFetched,
+  } = useGetBuilderToGauge(builder)
 
   const { isLoading, isSuccess, data, error: receiptError } = useWaitForTransactionReceipt({ hash })
 
diff --git a/src/app/collective-rewards/rewards/hooks/useGetNotifyRewardLogs.ts b/src/app/collective-rewards/rewards/hooks/useGetNotifyRewardLogs.ts
new file mode 100644
index 00000000..5fae824a
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetNotifyRewardLogs.ts
@@ -0,0 +1,39 @@
+import { useQuery } from '@tanstack/react-query'
+import { fetchNotifyRewardLogs } from '@/app/collective-rewards/actions'
+import { Address, getAddress, parseEventLogs } from 'viem'
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+
+export type NotifyRewardEventLog = ReturnType<typeof parseEventLogs<typeof GaugeAbi, true, 'NotifyReward'>>
+
+export type NotifyRewardsPerToken = Record<Address, NotifyRewardEventLog>
+
+export const useGetNotifyRewardLogs = (gauge: Address) => {
+  const { data, error, isLoading } = useQuery({
+    queryFn: async () => {
+      const { data } = await fetchNotifyRewardLogs(gauge)
+
+      const events = parseEventLogs({
+        abi: GaugeAbi,
+        logs: data,
+        eventName: 'NotifyReward',
+      })
+
+      return events.reduce<NotifyRewardsPerToken>((acc, log) => {
+        const rewardToken = getAddress(log.args.rewardToken_)
+        acc[rewardToken] = [...(acc[rewardToken] || []), log]
+
+        return acc
+      }, {})
+    },
+    queryKey: ['notifyRewardLogs'],
+    refetchInterval: AVERAGE_BLOCKTIME,
+    initialData: {},
+  })
+
+  return {
+    data,
+    error,
+    isLoading,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
index c0e186fa..21674a39 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
@@ -3,6 +3,7 @@ import { fetchRewardDistributedCached } from '@/app/collective-rewards/actions'
 import { Address, isAddressEqual, parseEventLogs } from 'viem'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
 import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinBaseAddress'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 
 export const useGetRewardDistributedLogs = (rewardToken?: Address, builder?: Address) => {
   const { data, error, isLoading } = useQuery({
@@ -29,7 +30,7 @@ export const useGetRewardDistributedLogs = (rewardToken?: Address, builder?: Add
 
       return filteredEvents
     },
-    refetchInterval: 30_000,
+    refetchInterval: AVERAGE_BLOCKTIME,
     initialData: [],
   })
 
diff --git a/src/app/collective-rewards/rewards/index.ts b/src/app/collective-rewards/rewards/index.ts
index 5f30c3fd..01cdddf9 100644
--- a/src/app/collective-rewards/rewards/index.ts
+++ b/src/app/collective-rewards/rewards/index.ts
@@ -1,2 +1,5 @@
+export * from './components'
 export * from './hooks'
+export * from './utils'
 export * from './MyRewards'
+export * from './LastCycleRewards'
diff --git a/src/app/collective-rewards/rewards/utils/formatMetrics.ts b/src/app/collective-rewards/rewards/utils/formatMetrics.ts
new file mode 100644
index 00000000..8242c185
--- /dev/null
+++ b/src/app/collective-rewards/rewards/utils/formatMetrics.ts
@@ -0,0 +1,6 @@
+import { formatCurrency, toFixed } from '@/lib/utils'
+
+export const formatMetrics = (amount: number, price: number, symbol: string, currency: string) => ({
+  amount: `${toFixed(amount)} ${symbol}`,
+  fiatAmount: `= ${currency} ${formatCurrency(amount * price, currency)}`,
+})
diff --git a/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts b/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
new file mode 100644
index 00000000..72c618cf
--- /dev/null
+++ b/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
@@ -0,0 +1,40 @@
+import { NotifyRewardEventLog } from '@/app/collective-rewards/rewards'
+import { Cycle } from '@/app/collective-rewards/metrics/context/CycleContext'
+
+type Log = NotifyRewardEventLog[number]
+type CycleRewards = {
+  builderAmount: bigint
+  backersAmount: bigint
+}
+
+export const getLastCycleRewards = (cycle: Cycle, notifyRewardLogs?: NotifyRewardEventLog) => {
+  const { cycleDuration, endDistributionWindow, cycleStart } = cycle
+  const distributionWindow = endDistributionWindow.diff(cycleStart)
+  const lastCycleStart = cycleStart.minus({ millisecond: +cycleDuration })
+  const lastCycleAfterDistribution = lastCycleStart.plus({ millisecond: +distributionWindow })
+
+  if (!notifyRewardLogs) {
+    return { builderAmount: 0n, sponsorsAmount: 0n }
+  }
+
+  return notifyRewardLogs.reduce<CycleRewards>(
+    (acc, event) => {
+      const {
+        timeStamp,
+        args: { backersAmount_, builderAmount_ },
+      } = event as Log & { timeStamp: number }
+
+      // Check if the event is in the last cycle
+      if (
+        timeStamp > lastCycleAfterDistribution.toSeconds() &&
+        timeStamp < endDistributionWindow.toSeconds()
+      ) {
+        acc.builderAmount += builderAmount_
+        acc.backersAmount += backersAmount_
+      }
+
+      return acc
+    },
+    { builderAmount: 0n, backersAmount: 0n },
+  )
+}
diff --git a/src/app/collective-rewards/rewards/utils/index.ts b/src/app/collective-rewards/rewards/utils/index.ts
new file mode 100644
index 00000000..52526a99
--- /dev/null
+++ b/src/app/collective-rewards/rewards/utils/index.ts
@@ -0,0 +1,2 @@
+export * from './formatMetrics'
+export * from './getLastCycleRewards'
diff --git a/src/app/collective-rewards/user/hooks/index.ts b/src/app/collective-rewards/user/hooks/index.ts
index 163731b8..94fc413a 100644
--- a/src/app/collective-rewards/user/hooks/index.ts
+++ b/src/app/collective-rewards/user/hooks/index.ts
@@ -2,3 +2,4 @@ export * from './useGetBuilders'
 export * from './useGetIsWhitelistedBuilder'
 export * from './useGetWhitelistedBuilders'
 export * from './useGetWhitelistedBuildersLength'
+export * from './useGetBuilderToGauge'
diff --git a/src/app/collective-rewards/user/hooks/useGetBuilderToGauge.ts b/src/app/collective-rewards/user/hooks/useGetBuilderToGauge.ts
new file mode 100644
index 00000000..ea011a6a
--- /dev/null
+++ b/src/app/collective-rewards/user/hooks/useGetBuilderToGauge.ts
@@ -0,0 +1,17 @@
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { Address } from 'viem'
+import { useReadContract } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+
+export const useGetBuilderToGauge = (builder: Address) => {
+  return useReadContract({
+    address: BackersManagerAddress,
+    abi: BuilderRegistryAbi,
+    functionName: 'builderToGauge',
+    args: [builder],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+}
diff --git a/src/app/collective-rewards/utils/getLastCycleRewards.ts b/src/app/collective-rewards/utils/getLastCycleRewards.ts
index 4513f7e9..13a25aaf 100644
--- a/src/app/collective-rewards/utils/getLastCycleRewards.ts
+++ b/src/app/collective-rewards/utils/getLastCycleRewards.ts
@@ -1,6 +1,6 @@
 import { Address, isAddressEqual, parseEventLogs } from 'viem'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { getPreviousCycle } from '@/app/collective-rewards/utils/getLastCycle'
+import { getPreviousCycle } from '@/app/collective-rewards/utils/getPreviousCycle'
 import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinBaseAddress'
 
 type EventLog = ReturnType<
diff --git a/src/app/collective-rewards/utils/getLastCycle.ts b/src/app/collective-rewards/utils/getPreviousCycle.ts
similarity index 100%
rename from src/app/collective-rewards/utils/getLastCycle.ts
rename to src/app/collective-rewards/utils/getPreviousCycle.ts
diff --git a/src/app/collective-rewards/utils/handleErrors.ts b/src/app/collective-rewards/utils/handleErrors.ts
new file mode 100644
index 00000000..49c6e171
--- /dev/null
+++ b/src/app/collective-rewards/utils/handleErrors.ts
@@ -0,0 +1,18 @@
+import { useEffect } from 'react'
+import { useAlertContext } from '@/app/providers'
+
+type ErrorHandler = (params: { error: Error | null; title: string }) => void
+export const useHandleErrors: ErrorHandler = ({ error, title }) => {
+  const { setMessage } = useAlertContext()
+
+  useEffect(() => {
+    if (error) {
+      setMessage({
+        severity: 'error',
+        title,
+        content: error.message,
+      })
+      console.error(`🐛 ${title}:`, error)
+    }
+  }, [error, title, setMessage])
+}
diff --git a/src/app/collective-rewards/utils/index.ts b/src/app/collective-rewards/utils/index.ts
new file mode 100644
index 00000000..821fa7f4
--- /dev/null
+++ b/src/app/collective-rewards/utils/index.ts
@@ -0,0 +1,2 @@
+export * from './handleErrors'
+export * from './getCoinBaseAddress'
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index 0a5ce258..fe175e8b 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -1,12 +1,14 @@
 'use client'
-import { useGetIsWhitelistedBuilderV2, withBuilderButton } from '@/app/collective-rewards/user'
 import { Rewards } from '@/app/collective-rewards/rewards/MyRewards'
 import { BalancesSection } from '@/app/user/Balances/BalancesSection'
 import { CommunitiesSection } from '@/app/user/Communities/CommunitiesSection'
 import { MainContainer } from '@/components/MainContainer/MainContainer'
 import { Tabs, TabsContent, TabsList, TabsTrigger, TabTitle } from '@/components/Tabs'
-import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { useAccount } from 'wagmi'
+import { withBuilderButton, useGetBuilderToGauge } from '@/app/collective-rewards/user'
+import { TxStatusMessage } from '@/components/TxStatusMessage'
+import { zeroAddress } from 'viem'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
 
 type MyHoldingsProps = {
   showBuilderButton?: boolean
@@ -24,12 +26,13 @@ const TabsListWithButton = withBuilderButton(TabsList)
 
 export default function User() {
   const { address } = useAccount()
+  const { data: gauge, error } = useGetBuilderToGauge(address!)
 
-  const { data: isWhitelistedBuilder } = useGetIsWhitelistedBuilderV2(address!)
+  useHandleErrors({ error, title: 'Error loading gauge' })
 
   return (
     <MainContainer>
-      {isWhitelistedBuilder ? (
+      {gauge && gauge !== zeroAddress ? (
         <Tabs defaultValue="holdings">
           <TabsListWithButton>
             <TabsTrigger value="holdings">
@@ -43,7 +46,7 @@ export default function User() {
             <MyHoldings showBuilderButton={false} />
           </TabsContent>
           <TabsContent value="rewards">
-            <Rewards builder={address!} />
+            <Rewards builder={address!} gauge={gauge} />
           </TabsContent>
         </Tabs>
       ) : (
diff --git a/src/lib/abis/v2/CycleTimeKeeperAbi.ts b/src/lib/abis/v2/CycleTimeKeeperAbi.ts
new file mode 100644
index 00000000..e4ae1c2d
--- /dev/null
+++ b/src/lib/abis/v2/CycleTimeKeeperAbi.ts
@@ -0,0 +1,322 @@
+export const CycleTimeKeeperAbi = [
+  {
+    type: 'function',
+    name: 'UPGRADE_INTERFACE_VERSION',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'string',
+        internalType: 'string',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'cycleData',
+    inputs: [],
+    outputs: [
+      {
+        name: 'previousDuration',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'nextDuration',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'previousStart',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+      {
+        name: 'nextStart',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+      {
+        name: 'offset',
+        type: 'uint24',
+        internalType: 'uint24',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'cycleNext',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'cycleStart',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'endDistributionWindow',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'getCycleStartAndDuration',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'governanceManager',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'address',
+        internalType: 'contract IGovernanceManagerRootstockCollective',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'proxiableUUID',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'bytes32',
+        internalType: 'bytes32',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'setCycleDuration',
+    inputs: [
+      {
+        name: 'newCycleDuration_',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+      {
+        name: 'cycleStartOffset_',
+        type: 'uint24',
+        internalType: 'uint24',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'timeUntilNextCycle',
+    inputs: [
+      {
+        name: 'timestamp_',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'upgradeToAndCall',
+    inputs: [
+      {
+        name: 'newImplementation',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'data',
+        type: 'bytes',
+        internalType: 'bytes',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'payable',
+  },
+  {
+    type: 'event',
+    name: 'Initialized',
+    inputs: [
+      {
+        name: 'version',
+        type: 'uint64',
+        indexed: false,
+        internalType: 'uint64',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'NewCycleDurationScheduled',
+    inputs: [
+      {
+        name: 'newCycleDuration_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'cooldownEndTime_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'Upgraded',
+    inputs: [
+      {
+        name: 'implementation',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'error',
+    name: 'AddressEmptyCode',
+    inputs: [
+      {
+        name: 'target',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'CycleDurationNotHourBasis',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CycleDurationTooShort',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'CycleDurationsAreNotMultiples',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'ERC1967InvalidImplementation',
+    inputs: [
+      {
+        name: 'implementation',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+  },
+  {
+    type: 'error',
+    name: 'ERC1967NonPayable',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'FailedInnerCall',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'InvalidInitialization',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'NotInitializing',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'UUPSUnauthorizedCallContext',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'UUPSUnsupportedProxiableUUID',
+    inputs: [
+      {
+        name: 'slot',
+        type: 'bytes32',
+        internalType: 'bytes32',
+      },
+    ],
+  },
+] as const
diff --git a/src/lib/endpoints.ts b/src/lib/endpoints.ts
index 53b25b3c..faae7ed0 100644
--- a/src/lib/endpoints.ts
+++ b/src/lib/endpoints.ts
@@ -25,3 +25,6 @@ export const getNftHolders = `/nfts/{{address}}/holders?chainId=${CHAIN_ID}`
 
 const REWARD_DISTRIBUTED_EVENT = '0x57ea5c7c295b52ef3b06c69661d59c8a6d9c602ac5355cfe5e54e303c139f270'
 export const fetchRewardDistributedLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${REWARD_DISTRIBUTED_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
+
+const NOTIFY_REWARD_EVENT = '0x3c0f5c48b0ffa2c570c1a0f4fbf7b0f8982213afff9eb42cd258ead865cf3c9d'
+export const fetchNotifyRewardLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${NOTIFY_REWARD_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`

From e4162cb13b930aff1909bc6520946999140527b2 Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Tue, 12 Nov 2024 03:52:19 -0600
Subject: [PATCH 045/115] feat(cr): claimable rewards (#349)

* refactor: make use of composition for cards

* refactor: moves spinner to children and fixes error handler

* feat(cr_v2): claimable rewards

* refactor: make use of composition for cards

* fix(WIP): align the wallet icon to the top right of its container

* fix: move spinner to children

* fix(rewards): claim hook

---------

Co-authored-by: Juraj Piar <juraj@iovlabs.org>
Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .../rewards/ClaimableRewards.tsx              | 117 ++++++++++++++++++
 .../collective-rewards/rewards/MyRewards.tsx  |   9 +-
 .../collective-rewards/rewards/hooks/index.ts |   3 +-
 ...llRewards.ts => useClaimBuilderRewards.ts} |  10 +-
 .../rewards/hooks/useGetBuilderRewards.ts     |  22 ++++
 src/app/collective-rewards/rewards/index.ts   |   1 +
 src/components/Button/Button.tsx              |   1 +
 src/components/Popover/Popover.tsx            |   1 -
 8 files changed, 153 insertions(+), 11 deletions(-)
 create mode 100644 src/app/collective-rewards/rewards/ClaimableRewards.tsx
 rename src/app/collective-rewards/rewards/hooks/{useClaimAllRewards.ts => useClaimBuilderRewards.ts} (89%)
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetBuilderRewards.ts

diff --git a/src/app/collective-rewards/rewards/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/ClaimableRewards.tsx
new file mode 100644
index 00000000..14dec5a6
--- /dev/null
+++ b/src/app/collective-rewards/rewards/ClaimableRewards.tsx
@@ -0,0 +1,117 @@
+import {
+  formatMetrics,
+  MetricsCard,
+  MetricsCardTitle,
+  TokenMetricsCardRow,
+  useClaimBuilderRewards,
+  useClaimStateReporting,
+  useGetBuilderRewards,
+} from '@/app/collective-rewards/rewards'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { Button, ButtonProps } from '@/components/Button'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { Popover } from '@/components/Popover'
+import { usePricesContext } from '@/shared/context/PricesContext'
+import { FC } from 'react'
+import { Address } from 'viem'
+
+const ClaimYourRewardsSvg = () => (
+  <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M13.75 12.1667H13.7583M2.5 4.66667V16.3333C2.5 17.2538 3.24619 18 4.16667 18H15.8333C16.7538 18 17.5 17.2538 17.5 16.3333V8C17.5 7.07953 16.7538 6.33333 15.8333 6.33333L4.16667 6.33333C3.24619 6.33333 2.5 5.58714 2.5 4.66667ZM2.5 4.66667C2.5 3.74619 3.24619 3 4.16667 3H14.1667M14.1667 12.1667C14.1667 12.3968 13.9801 12.5833 13.75 12.5833C13.5199 12.5833 13.3333 12.3968 13.3333 12.1667C13.3333 11.9365 13.5199 11.75 13.75 11.75C13.9801 11.75 14.1667 11.9365 14.1667 12.1667Z"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+const ClaimYourRewardsButton: FC<Required<Pick<ButtonProps, 'onClick' | 'disabled'>>> = buttonProps => (
+  <div className="self-start justify-self-end pt-[10px]">
+    <Popover
+      content={
+        <div className="text-[12px] font-bold mb-1">
+          <p data-testid="builderAddressTooltip">Claim your rewards</p>
+        </div>
+      }
+      size="small"
+      position="top"
+      trigger="hover"
+    >
+      <Button {...buttonProps} variant="borderless" className="px-1 py-1">
+        <ClaimYourRewardsSvg />
+      </Button>
+    </Popover>
+  </div>
+)
+
+type Token = {
+  symbol: string
+  address: Address
+}
+
+type RewardsTokenMetricsProps = {
+  builder: Address
+  gauge: Address
+  token: Token
+  currency?: string
+}
+
+const RewardsTokenMetrics: FC<RewardsTokenMetricsProps> = ({
+  builder,
+  gauge,
+  token: { address, symbol },
+  currency = 'USD',
+}) => {
+  const { prices } = usePricesContext()
+
+  const {
+    data: rewards,
+    isLoading: isLoadingRewards,
+    error: rewardsError,
+  } = useGetBuilderRewards(address, gauge)
+  useHandleErrors({ error: rewardsError, title: 'Error loading rewards' })
+
+  const tokenPrice = prices[symbol]?.price ?? 0
+
+  const { amount, fiatAmount } = formatMetrics(
+    Number(formatBalanceToHuman(rewards ?? 0n)),
+    tokenPrice,
+    symbol,
+    currency,
+  )
+
+  const { isClaimFunctionReady, claimRewards, ...claimTx } = useClaimBuilderRewards(builder)
+
+  useClaimStateReporting({ ...claimTx, error: rewardsError ?? claimTx.error })
+
+  return withSpinner(TokenMetricsCardRow)({
+    amount,
+    fiatAmount,
+    isLoading: isLoadingRewards,
+    children: (
+      <ClaimYourRewardsButton onClick={() => claimRewards(address)} disabled={!isClaimFunctionReady} />
+    ),
+  })
+}
+
+type ClaimableRewardsProps = {
+  builder: Address
+  gauge: Address
+  currency?: string
+  data: {
+    [token: string]: Token
+  }
+}
+
+export const ClaimableRewards: FC<ClaimableRewardsProps> = ({ data, ...rest }) => {
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle title="Claimable rewards" data-testid="ClaimableRewards" />
+      <RewardsTokenMetrics {...rest} token={data.rif} />
+      <RewardsTokenMetrics {...rest} token={data.rbtc} />
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index 012c89fb..e530fa27 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -3,9 +3,10 @@ import { Address, getAddress } from 'viem'
 import {
   RewardsSection,
   RewardsSectionHeader,
-  useClaimAllRewards,
+  useClaimBuilderRewards,
   useClaimStateReporting,
   LastCycleRewards,
+  ClaimableRewards,
 } from '@/app/collective-rewards/rewards'
 import { CycleContextProvider } from '@/app/collective-rewards/metrics'
 import { PricesContextProvider } from '@/shared/context/PricesContext'
@@ -16,7 +17,7 @@ import { Button } from '@/components/Button'
 import { Paragraph } from '@/components/Typography'
 
 export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gauge }) => {
-  const { isClaimFunctionReady, claimAllRewards, ...claimTx } = useClaimAllRewards(builder)
+  const { isClaimFunctionReady, claimRewards, ...claimTx } = useClaimBuilderRewards(builder)
 
   useClaimStateReporting({ ...claimTx })
 
@@ -44,7 +45,7 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
         <div className="grid grid-cols-5 gap-[16px]">
           <CycleContextProvider>
             <PricesContextProvider>
-              <div>Claimable Rewards</div>
+              <ClaimableRewards builder={builder} gauge={gauge} data={data} />
               <LastCycleRewards gauge={gauge} data={data} />
               <div>Estimated Rewards</div>
               <div>All time rewards</div>
@@ -62,7 +63,7 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
                 position="bottom"
                 className="z-[100]"
               >
-                <Button onClick={claimAllRewards} disabled={!isClaimFunctionReady} variant="primary">
+                <Button onClick={() => claimRewards()} disabled={!isClaimFunctionReady} variant="primary">
                   Claim all
                 </Button>
               </Popover>
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index e227d850..418750a7 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -1,4 +1,5 @@
-export * from './useClaimAllRewards'
+export * from './useClaimBuilderRewards'
+export * from './useGetBuilderRewards'
 export * from './useGetRewardDistributedLogs'
 export * from './useGetTokenProjectedReward'
 export * from './useGetNotifyRewardLogs'
diff --git a/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts b/src/app/collective-rewards/rewards/hooks/useClaimBuilderRewards.ts
similarity index 89%
rename from src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
rename to src/app/collective-rewards/rewards/hooks/useClaimBuilderRewards.ts
index 4645e2a3..2075169b 100644
--- a/src/app/collective-rewards/rewards/hooks/useClaimAllRewards.ts
+++ b/src/app/collective-rewards/rewards/hooks/useClaimBuilderRewards.ts
@@ -6,7 +6,7 @@ import { useEffect, useMemo } from 'react'
 import { useAlertContext } from '@/app/providers'
 import { useGetBuilderToGauge } from '@/app/collective-rewards/user'
 
-export const useClaimAllRewards = (builder: Address) => {
+export const useClaimBuilderRewards = (builder: Address) => {
   const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
   const {
     data: gauge,
@@ -52,18 +52,18 @@ export const useClaimAllRewards = (builder: Address) => {
     }
   }, [gauge, gaugeError, builder, executionError, receiptError, isFetched])
 
-  const claimAllRewards = () => {
+  const claimBuilderReward = (rewardToken?: Address) => {
     return writeContractAsync({
       abi: GaugeAbi,
       address: gauge as Address,
       functionName: 'claimBuilderReward',
-      args: [],
+      args: rewardToken ? [rewardToken] : [],
     })
   }
 
   return {
     isClaimFunctionReady,
-    claimAllRewards: () => isClaimFunctionReady && claimAllRewards(),
+    claimRewards: (rewardToken?: Address) => isClaimFunctionReady && claimBuilderReward(rewardToken),
     error,
     isPendingTx: isPending,
     isLoadingReceipt: isLoading,
@@ -78,7 +78,7 @@ export const useClaimStateReporting = ({
   isLoadingReceipt,
   isSuccess,
   receipt,
-}: Omit<ReturnType<typeof useClaimAllRewards>, 'isClaimFunctionReady' | 'claimAllRewards'>) => {
+}: Omit<ReturnType<typeof useClaimBuilderRewards>, 'isClaimFunctionReady' | 'claimRewards'>) => {
   const { setMessage } = useAlertContext()
 
   useEffect(() => {
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuilderRewards.ts b/src/app/collective-rewards/rewards/hooks/useGetBuilderRewards.ts
new file mode 100644
index 00000000..0342d6d7
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetBuilderRewards.ts
@@ -0,0 +1,22 @@
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { Address } from 'viem'
+import { useReadContract } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+
+export const useGetBuilderRewards = (rewardToken: Address, gauge: Address) => {
+  const { data, isLoading, error } = useReadContract({
+    address: gauge,
+    abi: GaugeAbi,
+    functionName: 'builderRewards',
+    args: [rewardToken],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/index.ts b/src/app/collective-rewards/rewards/index.ts
index 01cdddf9..752b7b97 100644
--- a/src/app/collective-rewards/rewards/index.ts
+++ b/src/app/collective-rewards/rewards/index.ts
@@ -3,3 +3,4 @@ export * from './hooks'
 export * from './utils'
 export * from './MyRewards'
 export * from './LastCycleRewards'
+export * from './ClaimableRewards'
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index c7787a72..da93452b 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -26,6 +26,7 @@ interface Props {
   startIconClasses?: string
   'data-testid'?: string
 }
+export type ButtonProps = Props
 
 const DEFAULT_DATA_TESTID = 'Button'
 
diff --git a/src/components/Popover/Popover.tsx b/src/components/Popover/Popover.tsx
index 31ae2ce3..c2b4a8c5 100644
--- a/src/components/Popover/Popover.tsx
+++ b/src/components/Popover/Popover.tsx
@@ -12,7 +12,6 @@ interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'conte
   size?: 'small' | 'medium'
   hasCaret?: boolean
 }
-
 export const Popover = ({
   children,
   content,

From 0d4951e1539162e229153869449bb4d84b7b8bbb Mon Sep 17 00:00:00 2001
From: Francisco Tobar <francisco.tobar@iovlabs.org>
Date: Tue, 5 Nov 2024 20:38:08 -0600
Subject: [PATCH 046/115] feat(cr_v2): all time rewards

---
 src/app/collective-rewards/actions.ts         | 14 ++-
 .../rewards/AllTimeRewards.tsx                | 87 +++++++++++++++++++
 .../rewards/ClaimableRewards.tsx              | 14 +--
 .../rewards/LastCycleRewards.tsx              |  7 +-
 .../collective-rewards/rewards/MyRewards.tsx  |  3 +-
 .../collective-rewards/rewards/hooks/index.ts |  1 +
 .../hooks/useGetBuilderRewardsClaimedLogs.ts  | 41 +++++++++
 src/app/collective-rewards/rewards/index.ts   |  1 +
 src/lib/endpoints.ts                          |  3 +
 9 files changed, 158 insertions(+), 13 deletions(-)
 create mode 100644 src/app/collective-rewards/rewards/AllTimeRewards.tsx
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetBuilderRewardsClaimedLogs.ts

diff --git a/src/app/collective-rewards/actions.ts b/src/app/collective-rewards/actions.ts
index 67e0bb3c..687af3de 100644
--- a/src/app/collective-rewards/actions.ts
+++ b/src/app/collective-rewards/actions.ts
@@ -1,7 +1,11 @@
 import { Address } from 'viem'
 import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
 import { axiosInstance } from '@/lib/utils'
-import { fetchNotifyRewardLogsByAddress, fetchRewardDistributedLogsByAddress } from '@/lib/endpoints'
+import {
+  fetchBuilderRewardsClaimedLogsByAddress,
+  fetchNotifyRewardLogsByAddress,
+  fetchRewardDistributedLogsByAddress,
+} from '@/lib/endpoints'
 
 export const fetchRewardDistributedLogs = (fromBlock = 0) => {
   return axiosInstance.get(
@@ -21,3 +25,11 @@ export const fetchNotifyRewardLogs = (gaugeAddress: Address, fromBlock = 0) => {
       .replace('{{fromBlock}}', fromBlock.toString()),
   )
 }
+
+export const fetchBuilderRewardsClaimed = (gaugeAddress: Address, fromBlock = 0) => {
+  return axiosInstance.get(
+    fetchBuilderRewardsClaimedLogsByAddress
+      .replace('{{address}}', gaugeAddress)
+      .replace('{{fromBlock}}', fromBlock.toString()),
+  )
+}
diff --git a/src/app/collective-rewards/rewards/AllTimeRewards.tsx b/src/app/collective-rewards/rewards/AllTimeRewards.tsx
new file mode 100644
index 00000000..c26c18da
--- /dev/null
+++ b/src/app/collective-rewards/rewards/AllTimeRewards.tsx
@@ -0,0 +1,87 @@
+import {
+  formatMetrics,
+  MetricsCard,
+  MetricsCardTitle,
+  MetricsCardWithSpinner,
+  TokenMetricsCardRow,
+  useGetBuilderRewards,
+  useGetBuilderRewardsClaimedLogs,
+} from '@/app/collective-rewards/rewards'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { usePricesContext } from '@/shared/context/PricesContext'
+import { FC } from 'react'
+import { Address } from 'viem'
+
+type Token = {
+  symbol: string
+  address: Address
+}
+
+type TokenRewardsMetricsProps = {
+  gauge: Address
+  currency?: string
+  token: {
+    symbol: string
+    address: Address
+  }
+}
+
+const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
+  gauge,
+  token: { symbol, address },
+  currency = 'USD',
+}) => {
+  const {
+    data: rewardsPerToken,
+    isLoading: logsLoading,
+    error: rewardsError,
+  } = useGetBuilderRewardsClaimedLogs(gauge)
+  const {
+    data: claimableRewards,
+    isLoading: claimableRewardsLoading,
+    error: claimableRewardsError,
+  } = useGetBuilderRewards(address, gauge)
+
+  const error = rewardsError ?? claimableRewardsError
+  useHandleErrors({ error, title: 'Error loading all time rewards' })
+
+  const { prices } = usePricesContext()
+
+  const totalClaimedRewards =
+    rewardsPerToken[address]?.reduce((acc, event) => {
+      const amount = event.args.amount_ ?? 0n
+      return acc + amount
+    }, 0n) ?? 0n
+
+  const totalRewards = totalClaimedRewards + (claimableRewards ?? 0n)
+  const totalRewardsInHuman = Number(formatBalanceToHuman(totalRewards))
+  const price = prices[symbol]?.price ?? 0
+
+  const { amount, fiatAmount } = formatMetrics(totalRewardsInHuman, price, symbol, currency)
+
+  return withSpinner(TokenMetricsCardRow)({
+    amount,
+    fiatAmount,
+    isLoading: logsLoading || claimableRewardsLoading,
+  })
+}
+
+type AllTimeRewardsProps = {
+  gauge: Address
+  currency?: string
+  data: {
+    [token: string]: Token
+  }
+}
+
+export const AllTimeRewards: FC<AllTimeRewardsProps> = ({ data: { rif, rbtc }, ...rest }) => {
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle title="All time rewards" data-testid="AllTimeRewards" />
+      <TokenRewardsMetrics {...rest} token={rif} />
+      <TokenRewardsMetrics {...rest} token={rbtc} />
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/ClaimableRewards.tsx
index 14dec5a6..4eeec6bf 100644
--- a/src/app/collective-rewards/rewards/ClaimableRewards.tsx
+++ b/src/app/collective-rewards/rewards/ClaimableRewards.tsx
@@ -52,14 +52,14 @@ type Token = {
   address: Address
 }
 
-type RewardsTokenMetricsProps = {
+type TokenRewardsMetricsProps = {
   builder: Address
   gauge: Address
   token: Token
   currency?: string
 }
 
-const RewardsTokenMetrics: FC<RewardsTokenMetricsProps> = ({
+const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
   builder,
   gauge,
   token: { address, symbol },
@@ -69,7 +69,7 @@ const RewardsTokenMetrics: FC<RewardsTokenMetricsProps> = ({
 
   const {
     data: rewards,
-    isLoading: isLoadingRewards,
+    isLoading: rewardsLoading,
     error: rewardsError,
   } = useGetBuilderRewards(address, gauge)
   useHandleErrors({ error: rewardsError, title: 'Error loading rewards' })
@@ -90,7 +90,7 @@ const RewardsTokenMetrics: FC<RewardsTokenMetricsProps> = ({
   return withSpinner(TokenMetricsCardRow)({
     amount,
     fiatAmount,
-    isLoading: isLoadingRewards,
+    isLoading: rewardsLoading,
     children: (
       <ClaimYourRewardsButton onClick={() => claimRewards(address)} disabled={!isClaimFunctionReady} />
     ),
@@ -106,12 +106,12 @@ type ClaimableRewardsProps = {
   }
 }
 
-export const ClaimableRewards: FC<ClaimableRewardsProps> = ({ data, ...rest }) => {
+export const ClaimableRewards: FC<ClaimableRewardsProps> = ({ data: { rif, rbtc }, ...rest }) => {
   return (
     <MetricsCard borderless>
       <MetricsCardTitle title="Claimable rewards" data-testid="ClaimableRewards" />
-      <RewardsTokenMetrics {...rest} token={data.rif} />
-      <RewardsTokenMetrics {...rest} token={data.rbtc} />
+      <TokenRewardsMetrics {...rest} token={rif} />
+      <TokenRewardsMetrics {...rest} token={rbtc} />
     </MetricsCard>
   )
 }
diff --git a/src/app/collective-rewards/rewards/LastCycleRewards.tsx b/src/app/collective-rewards/rewards/LastCycleRewards.tsx
index 0825d15d..8cc4eebd 100644
--- a/src/app/collective-rewards/rewards/LastCycleRewards.tsx
+++ b/src/app/collective-rewards/rewards/LastCycleRewards.tsx
@@ -4,7 +4,6 @@ import {
   getLastCycleRewards,
   MetricsCard,
   MetricsCardTitle,
-  MetricsCardWithSpinner,
   TokenMetricsCardRow,
   useGetNotifyRewardLogs,
 } from '@/app/collective-rewards/rewards'
@@ -12,10 +11,10 @@ import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 import { usePricesContext } from '@/shared/context/PricesContext'
-import { FC, useEffect, useState } from 'react'
+import { FC } from 'react'
 import { Address } from 'viem'
 
-type TokenRewardsProps = {
+type TokenRewardsMetricsProps = {
   gauge: Address
   currency?: string
   token: {
@@ -24,7 +23,7 @@ type TokenRewardsProps = {
   }
 }
 
-const TokenRewardsMetrics: FC<TokenRewardsProps> = ({
+const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
   gauge,
   token: { symbol, address },
   currency = 'USD',
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index e530fa27..4897ae78 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -7,6 +7,7 @@ import {
   useClaimStateReporting,
   LastCycleRewards,
   ClaimableRewards,
+  AllTimeRewards,
 } from '@/app/collective-rewards/rewards'
 import { CycleContextProvider } from '@/app/collective-rewards/metrics'
 import { PricesContextProvider } from '@/shared/context/PricesContext'
@@ -48,7 +49,7 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
               <ClaimableRewards builder={builder} gauge={gauge} data={data} />
               <LastCycleRewards gauge={gauge} data={data} />
               <div>Estimated Rewards</div>
-              <div>All time rewards</div>
+              <AllTimeRewards gauge={gauge} data={data} />
               <div>All time share</div>
               <Popover
                 disabled={isClaimFunctionReady}
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index 418750a7..fe0a563d 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -1,5 +1,6 @@
 export * from './useClaimBuilderRewards'
 export * from './useGetBuilderRewards'
+export * from './useGetBuilderRewardsClaimedLogs'
 export * from './useGetRewardDistributedLogs'
 export * from './useGetTokenProjectedReward'
 export * from './useGetNotifyRewardLogs'
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardsClaimedLogs.ts b/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardsClaimedLogs.ts
new file mode 100644
index 00000000..161ccb4b
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardsClaimedLogs.ts
@@ -0,0 +1,41 @@
+import { useQuery } from '@tanstack/react-query'
+import { fetchBuilderRewardsClaimed } from '@/app/collective-rewards/actions'
+import { Address, getAddress, parseEventLogs } from 'viem'
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+
+export type BuilderRewardsClaimedEventLog = ReturnType<
+  typeof parseEventLogs<typeof GaugeAbi, true, 'BuilderRewardsClaimed'>
+>
+
+export type BuilderRewardsClaimedPerToken = Record<Address, BuilderRewardsClaimedEventLog>
+
+export const useGetBuilderRewardsClaimedLogs = (gauge: Address) => {
+  const { data, error, isLoading } = useQuery({
+    queryFn: async () => {
+      const { data } = await fetchBuilderRewardsClaimed(gauge)
+
+      const events = parseEventLogs({
+        abi: GaugeAbi,
+        logs: data,
+        eventName: 'BuilderRewardsClaimed',
+      })
+
+      return events.reduce<BuilderRewardsClaimedPerToken>((acc, log) => {
+        const rewardToken = getAddress(log.args.rewardToken_)
+        acc[rewardToken] = [...(acc[rewardToken] || []), log]
+
+        return acc
+      }, {})
+    },
+    queryKey: ['builderRewardsClaimedLogs', gauge],
+    refetchInterval: AVERAGE_BLOCKTIME,
+    initialData: {},
+  })
+
+  return {
+    data,
+    error,
+    isLoading,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/index.ts b/src/app/collective-rewards/rewards/index.ts
index 752b7b97..a556b0c7 100644
--- a/src/app/collective-rewards/rewards/index.ts
+++ b/src/app/collective-rewards/rewards/index.ts
@@ -4,3 +4,4 @@ export * from './utils'
 export * from './MyRewards'
 export * from './LastCycleRewards'
 export * from './ClaimableRewards'
+export * from './AllTimeRewards'
diff --git a/src/lib/endpoints.ts b/src/lib/endpoints.ts
index faae7ed0..b96bd4c0 100644
--- a/src/lib/endpoints.ts
+++ b/src/lib/endpoints.ts
@@ -28,3 +28,6 @@ export const fetchRewardDistributedLogsByAddress = `/address/{{address}}/eventsB
 
 const NOTIFY_REWARD_EVENT = '0x3c0f5c48b0ffa2c570c1a0f4fbf7b0f8982213afff9eb42cd258ead865cf3c9d'
 export const fetchNotifyRewardLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${NOTIFY_REWARD_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
+
+const BUILDER_REWARDS_CLAIMED_EVENT = 'c309438e69ba53ef6afef64839bd1ab1acc4a9a8fd28c8e0356075ca66f72c1b'
+export const fetchBuilderRewardsClaimedLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${BUILDER_REWARDS_CLAIMED_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`

From 23d1983699b88bb2891e19377ceb575c9c6b660c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Santana=20Gon=C3=A7alves?=
 <rodrigo.santana@iovlabs.org>
Date: Tue, 12 Nov 2024 12:53:05 -0300
Subject: [PATCH 047/115] DAO-823: User wants to see which address have
 delegated stRIF to "Voting power delegated" (#364)

* add delegation section

* check if it's not delegate to himself

* fix subtitle

* rename hook
---
 src/app/communities/HolderColumn.tsx          | 23 +++++++++++++++
 src/app/communities/NftHoldersSection.tsx     | 22 +-------------
 src/app/user/Delegation/DelegationSection.tsx | 29 +++++++++++++++++++
 .../user/Delegation/hooks/useGetDelegates.tsx | 21 ++++++++++++++
 src/app/user/Delegation/index.ts              |  1 +
 src/app/user/page.tsx                         |  2 ++
 src/components/Table/index.ts                 |  2 +-
 7 files changed, 78 insertions(+), 22 deletions(-)
 create mode 100644 src/app/communities/HolderColumn.tsx
 create mode 100644 src/app/user/Delegation/DelegationSection.tsx
 create mode 100644 src/app/user/Delegation/hooks/useGetDelegates.tsx
 create mode 100644 src/app/user/Delegation/index.ts

diff --git a/src/app/communities/HolderColumn.tsx b/src/app/communities/HolderColumn.tsx
new file mode 100644
index 00000000..222a173d
--- /dev/null
+++ b/src/app/communities/HolderColumn.tsx
@@ -0,0 +1,23 @@
+import { Span } from '@/components/Typography'
+import { EXPLORER_URL } from '@/lib/constants'
+import { RxExternalLink } from 'react-icons/rx'
+
+interface HolderColumnProps {
+  address: string
+  rns?: string
+  image?: string
+}
+
+export const HolderColumn = ({ address, rns, image }: HolderColumnProps) => (
+  <a
+    href={`${EXPLORER_URL}/address/${address}`}
+    target="_blank"
+    className="flex items-center gap-1.5 text-white"
+  >
+    <img src={image || '/images/treasury/holders.png'} width={24} height={24} alt="Holders Image" />
+    <Span className="underline text-left overflow-hidden whitespace-nowrap text-[14px]">
+      {rns || address}
+    </Span>
+    <RxExternalLink size={18} />
+  </a>
+)
diff --git a/src/app/communities/NftHoldersSection.tsx b/src/app/communities/NftHoldersSection.tsx
index 03f996d3..64c67c98 100644
--- a/src/app/communities/NftHoldersSection.tsx
+++ b/src/app/communities/NftHoldersSection.tsx
@@ -10,27 +10,7 @@ import { useState } from 'react'
 import { TableIcon } from '@/app/communities/TableIcon'
 import { SquareIcon } from '@/app/communities/SquareIcon'
 import { ErrorMessageAlert } from '@/components/ErrorMessageAlert/ErrorMessageAlert'
-
-interface HolderColumnProps {
-  address: string
-  rns?: string
-  image?: string
-}
-const HolderColumn = ({ address, rns, image }: HolderColumnProps) => {
-  return (
-    <a
-      href={`${EXPLORER_URL}/address/${address}`}
-      target="_blank"
-      className="flex items-center gap-1.5 text-white"
-    >
-      <img src={image || '/images/treasury/holders.png'} width={24} height={24} alt="Holders Image" />
-      <Span className="underline text-left overflow-hidden whitespace-nowrap text-[14px]">
-        {rns || address}
-      </Span>
-      <RxExternalLink size={18} />
-    </a>
-  )
-}
+import { HolderColumn } from './HolderColumn'
 
 interface IdNumberColumnProps {
   id: string
diff --git a/src/app/user/Delegation/DelegationSection.tsx b/src/app/user/Delegation/DelegationSection.tsx
new file mode 100644
index 00000000..1fa8fe15
--- /dev/null
+++ b/src/app/user/Delegation/DelegationSection.tsx
@@ -0,0 +1,29 @@
+import { HolderColumn } from '@/app/communities/HolderColumn'
+import { Table } from '@/components/Table'
+import { HeaderTitle } from '@/components/Typography'
+import { useAccount } from 'wagmi'
+import { RenderTotalBalance } from '../Balances/RenderTotalBalance'
+import { BalancesProvider } from '../Balances/context/BalancesContext'
+import { useGetDelegates } from './hooks/useGetDelegates'
+
+export const DelegationSection = () => {
+  const { address } = useAccount()
+  const { delegateeAddress } = useGetDelegates(address)
+
+  if (!delegateeAddress || delegateeAddress === address) {
+    return null
+  }
+
+  const delegatee = {
+    'Voting Power Delegated': <HolderColumn address={delegateeAddress} />,
+    Amount: <RenderTotalBalance symbol="stRIF" />,
+  }
+  return (
+    <>
+      <HeaderTitle className="mb-6">Delegation</HeaderTitle>
+      <BalancesProvider>
+        <Table data={[delegatee]} />
+      </BalancesProvider>
+    </>
+  )
+}
diff --git a/src/app/user/Delegation/hooks/useGetDelegates.tsx b/src/app/user/Delegation/hooks/useGetDelegates.tsx
new file mode 100644
index 00000000..5073ce66
--- /dev/null
+++ b/src/app/user/Delegation/hooks/useGetDelegates.tsx
@@ -0,0 +1,21 @@
+import { StRIFTokenAbi } from '@/lib/abis/StRIFTokenAbi'
+import { tokenContracts } from '@/lib/contracts'
+import { Address } from 'viem'
+import { useReadContract } from 'wagmi'
+
+const stRifContract = {
+  abi: StRIFTokenAbi,
+  address: tokenContracts.stRIF,
+}
+
+export const useGetDelegates = (address: Address | undefined) => {
+  const { data: delegateeAddress } = useReadContract(
+    address && {
+      ...stRifContract,
+      functionName: 'delegates',
+      args: [address],
+    },
+  )
+
+  return { delegateeAddress }
+}
diff --git a/src/app/user/Delegation/index.ts b/src/app/user/Delegation/index.ts
new file mode 100644
index 00000000..2f903119
--- /dev/null
+++ b/src/app/user/Delegation/index.ts
@@ -0,0 +1 @@
+export * from './DelegationSection'
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index fe175e8b..6c331eec 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -9,6 +9,7 @@ import { withBuilderButton, useGetBuilderToGauge } from '@/app/collective-reward
 import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { zeroAddress } from 'viem'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { DelegationSection } from './Delegation'
 
 type MyHoldingsProps = {
   showBuilderButton?: boolean
@@ -18,6 +19,7 @@ const MyHoldings = ({ showBuilderButton = false }: MyHoldingsProps) => (
   <>
     <TxStatusMessage messageType="staking" />
     <BalancesSection showBuilderButton={showBuilderButton} />
+    <DelegationSection />
     <CommunitiesSection />
   </>
 )
diff --git a/src/components/Table/index.ts b/src/components/Table/index.ts
index c55a8cb2..6c3e3747 100644
--- a/src/components/Table/index.ts
+++ b/src/components/Table/index.ts
@@ -1,2 +1,2 @@
 export * from './components'
-export { Table } from './Table'
+export * from './Table'

From bf7b947458452ee227ea5a67a5fa02a773fedee5 Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Tue, 12 Nov 2024 10:10:16 -0600
Subject: [PATCH 048/115] feat(cr_v2): estimated rewards (#358)

---
 .../rewards/EstimatedRewards.tsx              | 91 +++++++++++++++++++
 .../collective-rewards/rewards/MyRewards.tsx  |  7 +-
 .../rewards/hooks/getRewardShares.ts          | 21 +++++
 .../rewards/hooks/getTotalPotentialRewards.ts | 21 +++++
 .../collective-rewards/rewards/hooks/index.ts |  4 +
 .../rewards/hooks/useGetPerTokenRewards.ts    | 12 +++
 .../hooks/useGetRewardDistributedLogs.ts      |  2 +-
 .../rewards/hooks/useGetRewardsCoinbase.ts    | 15 +++
 .../rewards/hooks/useGetRewardsERC20.ts       | 16 ++++
 src/app/collective-rewards/rewards/index.ts   |  1 +
 ...inBaseAddress.ts => getCoinbaseAddress.ts} |  4 +-
 .../utils/getLastCycleRewards.ts              |  2 +-
 src/app/collective-rewards/utils/index.ts     |  2 +-
 13 files changed, 190 insertions(+), 8 deletions(-)
 create mode 100644 src/app/collective-rewards/rewards/EstimatedRewards.tsx
 create mode 100644 src/app/collective-rewards/rewards/hooks/getRewardShares.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/getTotalPotentialRewards.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetPerTokenRewards.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts
 rename src/app/collective-rewards/utils/{getCoinBaseAddress.ts => getCoinbaseAddress.ts} (71%)

diff --git a/src/app/collective-rewards/rewards/EstimatedRewards.tsx b/src/app/collective-rewards/rewards/EstimatedRewards.tsx
new file mode 100644
index 00000000..aa968e17
--- /dev/null
+++ b/src/app/collective-rewards/rewards/EstimatedRewards.tsx
@@ -0,0 +1,91 @@
+import {
+  formatMetrics,
+  MetricsCard,
+  MetricsCardTitle,
+  TokenMetricsCardRow,
+  useGetRewardShares,
+  useGetTotalPotentialReward,
+} from '@/app/collective-rewards/rewards'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { usePricesContext } from '@/shared/context/PricesContext'
+import { FC, useEffect, useState } from 'react'
+import { Address } from 'viem'
+import { useGetPerTokenRewards } from './hooks/useGetPerTokenRewards'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+
+type Token = {
+  symbol: string
+  address: Address
+}
+
+type TokenRewardsProps = {
+  gauge: Address
+  currency?: string
+  token: Token & { id: 'rif' | 'rbtc' }
+}
+
+const TokenRewards: FC<TokenRewardsProps> = ({ gauge, token: { id, symbol }, currency = 'USD' }) => {
+  const { [id]: tokenRewards } = useGetPerTokenRewards()
+  const [rewards, setRewards] = useState<bigint>(0n)
+  const [rewardsError, setRewardsError] = useState<Error | null>(null)
+  const [isRewardsLoading, setIsRewardsLoading] = useState(true)
+
+  useEffect(() => {
+    if (tokenRewards && symbol in tokenRewards) {
+      setRewards(tokenRewards.data ?? 0n)
+    }
+    if (tokenRewards && tokenRewards.error) {
+      setRewardsError(tokenRewards.error)
+    }
+    if (tokenRewards) {
+      setIsRewardsLoading(tokenRewards.isLoading)
+    }
+  }, [tokenRewards, symbol])
+
+  const {
+    data: totalPotentialRewards,
+    isLoading: totalPotentialRewardsLoading,
+    error: totalPotentialRewardsError,
+  } = useGetTotalPotentialReward()
+  const {
+    data: rewardShares,
+    isLoading: rewardSharesLoading,
+    error: rewardSharesError,
+  } = useGetRewardShares(gauge)
+
+  const error = rewardsError ?? totalPotentialRewardsError ?? rewardSharesError
+  useHandleErrors({ error, title: 'Error loading estimated rewards' })
+
+  const { prices } = usePricesContext()
+
+  const estimatedRewards =
+    rewards && rewardShares && totalPotentialRewards ? (rewards * rewardShares) / totalPotentialRewards : 0n
+  const estimatedRewardsInHuman = Number(formatBalanceToHuman(estimatedRewards))
+  const price = prices[symbol]?.price ?? 0
+  const { amount, fiatAmount } = formatMetrics(estimatedRewardsInHuman, price, symbol, currency)
+
+  return withSpinner(TokenMetricsCardRow)({
+    amount,
+    fiatAmount,
+    isLoading: isRewardsLoading || totalPotentialRewardsLoading || rewardSharesLoading,
+  })
+}
+
+type EstimatedRewardsProps = {
+  gauge: Address
+  currency?: string
+  data: {
+    [token: string]: Token
+  }
+}
+
+export const EstimatedRewards: FC<EstimatedRewardsProps> = ({ data: { rif, rbtc }, ...rest }) => {
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle title="Estimated rewards" data-testid="EstimatedRewards" />
+      <TokenRewards {...rest} token={{ ...rif, id: 'rif' }} />
+      <TokenRewards {...rest} token={{ ...rbtc, id: 'rbtc' }} />
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index 4897ae78..f70c3698 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -8,10 +8,11 @@ import {
   LastCycleRewards,
   ClaimableRewards,
   AllTimeRewards,
+  EstimatedRewards,
 } from '@/app/collective-rewards/rewards'
 import { CycleContextProvider } from '@/app/collective-rewards/metrics'
 import { PricesContextProvider } from '@/shared/context/PricesContext'
-import { getCoinBaseAddress } from '@/app/collective-rewards/utils'
+import { getCoinbaseAddress } from '@/app/collective-rewards/utils'
 import { tokenContracts } from '@/lib/contracts'
 import { Popover } from '@/components/Popover'
 import { Button } from '@/components/Button'
@@ -28,7 +29,7 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
       symbol: 'RIF',
     },
     rbtc: {
-      address: getCoinBaseAddress(),
+      address: getCoinbaseAddress(),
       symbol: 'RBTC',
     },
   }
@@ -48,7 +49,7 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
             <PricesContextProvider>
               <ClaimableRewards builder={builder} gauge={gauge} data={data} />
               <LastCycleRewards gauge={gauge} data={data} />
-              <div>Estimated Rewards</div>
+              <EstimatedRewards gauge={gauge} data={data} />
               <AllTimeRewards gauge={gauge} data={data} />
               <div>All time share</div>
               <Popover
diff --git a/src/app/collective-rewards/rewards/hooks/getRewardShares.ts b/src/app/collective-rewards/rewards/hooks/getRewardShares.ts
new file mode 100644
index 00000000..5cf5ad3c
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/getRewardShares.ts
@@ -0,0 +1,21 @@
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { Address } from 'viem'
+import { useReadContract } from 'wagmi'
+
+export const useGetRewardShares = (gauge: Address) => {
+  const { data, isLoading, error } = useReadContract({
+    address: gauge,
+    abi: GaugeAbi,
+    functionName: 'rewardShares',
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/getTotalPotentialRewards.ts b/src/app/collective-rewards/rewards/hooks/getTotalPotentialRewards.ts
new file mode 100644
index 00000000..1c7017ec
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/getTotalPotentialRewards.ts
@@ -0,0 +1,21 @@
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useReadContract } from 'wagmi'
+
+export const useGetTotalPotentialReward = () => {
+  const { data, isLoading, error } = useReadContract({
+    address: BackersManagerAddress,
+    abi: BackersManagerAbi,
+    functionName: 'totalPotentialReward',
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index fe0a563d..d5ae0147 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -4,3 +4,7 @@ export * from './useGetBuilderRewardsClaimedLogs'
 export * from './useGetRewardDistributedLogs'
 export * from './useGetTokenProjectedReward'
 export * from './useGetNotifyRewardLogs'
+export * from './getRewardShares'
+export * from './getTotalPotentialRewards'
+export * from './useGetRewardsCoinbase'
+export * from './useGetRewardsERC20'
diff --git a/src/app/collective-rewards/rewards/hooks/useGetPerTokenRewards.ts b/src/app/collective-rewards/rewards/hooks/useGetPerTokenRewards.ts
new file mode 100644
index 00000000..21fe0610
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetPerTokenRewards.ts
@@ -0,0 +1,12 @@
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { UseReadContractReturnType } from 'wagmi'
+import { useGetRewardsCoinbase } from './useGetRewardsCoinbase'
+import { useGetRewardsERC20 } from './useGetRewardsERC20'
+
+export const useGetPerTokenRewards = (): Record<
+  'rif' | 'rbtc',
+  UseReadContractReturnType<typeof BackersManagerAbi, 'rewardsERC20' | 'rewardsCoinbase'>
+> => ({
+  rif: useGetRewardsERC20(),
+  rbtc: useGetRewardsCoinbase(),
+})
diff --git a/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
index 21674a39..f2e849b0 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
@@ -2,7 +2,7 @@ import { useQuery } from '@tanstack/react-query'
 import { fetchRewardDistributedCached } from '@/app/collective-rewards/actions'
 import { Address, isAddressEqual, parseEventLogs } from 'viem'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinBaseAddress'
+import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinbaseAddress'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 
 export const useGetRewardDistributedLogs = (rewardToken?: Address, builder?: Address) => {
diff --git a/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts
new file mode 100644
index 00000000..073be48a
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts
@@ -0,0 +1,15 @@
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useReadContract, UseReadContractReturnType } from 'wagmi'
+
+export const useGetRewardsCoinbase = () => {
+  return useReadContract({
+    address: BackersManagerAddress,
+    abi: BackersManagerAbi,
+    functionName: 'rewardsCoinbase',
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+}
diff --git a/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts
new file mode 100644
index 00000000..36572490
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts
@@ -0,0 +1,16 @@
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { ReadContractReturnType } from 'viem/actions'
+import { useReadContract, UseReadContractReturnType } from 'wagmi'
+
+export const useGetRewardsERC20 = () => {
+  return useReadContract({
+    address: BackersManagerAddress,
+    abi: BackersManagerAbi,
+    functionName: 'rewardsERC20',
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+}
diff --git a/src/app/collective-rewards/rewards/index.ts b/src/app/collective-rewards/rewards/index.ts
index a556b0c7..c7a24d6c 100644
--- a/src/app/collective-rewards/rewards/index.ts
+++ b/src/app/collective-rewards/rewards/index.ts
@@ -5,3 +5,4 @@ export * from './MyRewards'
 export * from './LastCycleRewards'
 export * from './ClaimableRewards'
 export * from './AllTimeRewards'
+export * from './EstimatedRewards'
diff --git a/src/app/collective-rewards/utils/getCoinBaseAddress.ts b/src/app/collective-rewards/utils/getCoinbaseAddress.ts
similarity index 71%
rename from src/app/collective-rewards/utils/getCoinBaseAddress.ts
rename to src/app/collective-rewards/utils/getCoinbaseAddress.ts
index b663633a..d8ee32c7 100644
--- a/src/app/collective-rewards/utils/getCoinBaseAddress.ts
+++ b/src/app/collective-rewards/utils/getCoinbaseAddress.ts
@@ -1,9 +1,9 @@
 import { getAddress, keccak256, toUtf8Bytes, ZeroAddress } from 'ethers'
 import { Address } from 'viem'
 
-export const getCoinBaseAddress = () => {
+export const getCoinbaseAddress = () => {
   return getAddress(keccak256(toUtf8Bytes('COINBASE_ADDRESS')).slice(26)) as Address
 }
 
 export const resolveCollectiveRewardToken = (rewardToken: Address) =>
-  rewardToken === ZeroAddress ? getCoinBaseAddress() : rewardToken
+  rewardToken === ZeroAddress ? getCoinbaseAddress() : rewardToken
diff --git a/src/app/collective-rewards/utils/getLastCycleRewards.ts b/src/app/collective-rewards/utils/getLastCycleRewards.ts
index 13a25aaf..d91238d5 100644
--- a/src/app/collective-rewards/utils/getLastCycleRewards.ts
+++ b/src/app/collective-rewards/utils/getLastCycleRewards.ts
@@ -1,7 +1,7 @@
 import { Address, isAddressEqual, parseEventLogs } from 'viem'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
 import { getPreviousCycle } from '@/app/collective-rewards/utils/getPreviousCycle'
-import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinBaseAddress'
+import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinbaseAddress'
 
 type EventLog = ReturnType<
   typeof parseEventLogs<typeof SimplifiedRewardDistributorAbi, true, 'RewardDistributed'>
diff --git a/src/app/collective-rewards/utils/index.ts b/src/app/collective-rewards/utils/index.ts
index 821fa7f4..5abf3f6e 100644
--- a/src/app/collective-rewards/utils/index.ts
+++ b/src/app/collective-rewards/utils/index.ts
@@ -1,2 +1,2 @@
 export * from './handleErrors'
-export * from './getCoinBaseAddress'
+export * from './getCoinbaseAddress'

From b2baef3b68e600d17d215f6d968439dea9b1e72b Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Tue, 12 Nov 2024 16:10:51 +0000
Subject: [PATCH 049/115] TOK-457: remove the receiver (#355)

* feat(whitelist): remove the receiver

* fix: remove Builder proposal

* fix: use the new contract name

* fix: fix button link to de-whitelist builder
---
 .../utils/getBuilderGauge.ts                  | 16 +++++++++
 .../utils/getBuilderState.ts                  | 36 +++++++++++++++++++
 .../utils/getIsWhitelistedBuilder.ts          | 13 ++-----
 .../create/CreateBuilderProposalForm.tsx      | 32 ++---------------
 .../create/RemoveBuilderProposalForm.tsx      |  2 +-
 .../useCreateBuilderWhitelistProposal.ts      | 31 ++++++++--------
 .../hooks/useRemoveBuilderProposal.ts         | 12 +++----
 src/app/proposals/shared/supportedABIs.ts     | 19 ++++++++--
 .../Modal/ProposalSelectionModal.tsx          |  6 ++--
 src/pages/proposals/[id].tsx                  |  6 ++--
 src/pages/proposals/create.tsx                |  4 +--
 11 files changed, 104 insertions(+), 73 deletions(-)
 create mode 100644 src/app/collective-rewards/utils/getBuilderGauge.ts
 create mode 100644 src/app/collective-rewards/utils/getBuilderState.ts

diff --git a/src/app/collective-rewards/utils/getBuilderGauge.ts b/src/app/collective-rewards/utils/getBuilderGauge.ts
new file mode 100644
index 00000000..ccdacc39
--- /dev/null
+++ b/src/app/collective-rewards/utils/getBuilderGauge.ts
@@ -0,0 +1,16 @@
+import { config } from '@/config'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { Address } from 'viem'
+import { readContract } from 'wagmi/actions'
+
+export type BuilderStateStruct = readonly [boolean, boolean, boolean, boolean, boolean, string, string]
+
+export const getBuilderGauge = async (builderAddress: Address): Promise<Address> => {
+  return readContract(config, {
+    address: BackersManagerAddress,
+    abi: BuilderRegistryAbi,
+    functionName: 'builderToGauge',
+    args: [builderAddress],
+  })
+}
diff --git a/src/app/collective-rewards/utils/getBuilderState.ts b/src/app/collective-rewards/utils/getBuilderState.ts
new file mode 100644
index 00000000..35ebb9f8
--- /dev/null
+++ b/src/app/collective-rewards/utils/getBuilderState.ts
@@ -0,0 +1,36 @@
+import { config } from '@/config'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { Address } from 'viem'
+import { readContract } from 'wagmi/actions'
+
+export type BuilderState = {
+  activated: boolean
+  kycApproved: boolean
+  whitelisted: boolean
+  paused: boolean
+  revoked: boolean
+  reserved: string
+  pausedReason: string
+}
+
+export const getBuilderState = async (builderAddress: Address): Promise<BuilderState> => {
+  const [activated, kycApproved, whitelisted, paused, revoked, reserved, pausedReason] = await readContract(
+    config,
+    {
+      address: BackersManagerAddress,
+      abi: BuilderRegistryAbi,
+      functionName: 'builderState',
+      args: [builderAddress],
+    },
+  )
+  return {
+    activated,
+    kycApproved,
+    whitelisted,
+    paused,
+    revoked,
+    reserved,
+    pausedReason,
+  }
+}
diff --git a/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts b/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
index 96b7c5ae..71161cde 100644
--- a/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
+++ b/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
@@ -1,14 +1,7 @@
-import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
 import { Address } from 'viem'
-import { config } from '@/config'
-import { readContract } from 'wagmi/actions'
+import { getBuilderState } from './getBuilderState'
 
 export const getIsWhitelistedBuilder = async (builderAddress: Address): Promise<boolean> => {
-  return readContract(config, {
-    address: SimplifiedRewardDistributorAddress,
-    abi: SimplifiedRewardDistributorAbi,
-    functionName: 'isWhitelisted',
-    args: [builderAddress],
-  })
+  const builderState = await getBuilderState(builderAddress)
+  return builderState.whitelisted
 }
diff --git a/src/app/proposals/create/CreateBuilderProposalForm.tsx b/src/app/proposals/create/CreateBuilderProposalForm.tsx
index 03a3cd0d..c114f1f0 100644
--- a/src/app/proposals/create/CreateBuilderProposalForm.tsx
+++ b/src/app/proposals/create/CreateBuilderProposalForm.tsx
@@ -39,9 +39,6 @@ const FormSchema = z.object({
     .max(3000)
     .refine(s => s.trim().replace(/\s+/g, ' ').length >= 10, 'Field must contain at least 10 characters'),
   builderAddress: z.string().refine(value => isAddressRegex(value), 'Please enter a valid address'),
-  receiverAddress: z
-    .string()
-    .refine(value => isAddressRegex(value) || value === '', 'Please enter a valid address'),
 })
 
 export const CreateBuilderProposalForm: FC = () => {
@@ -59,7 +56,6 @@ export const CreateBuilderProposalForm: FC = () => {
       builderName: '',
       proposalName: '',
       builderAddress: '' as Address,
-      receiverAddress: '',
       description: '',
     },
   })
@@ -76,21 +72,16 @@ export const CreateBuilderProposalForm: FC = () => {
   const isProposalCompleted = isBuilderNameValid && isProposalNameValid && isDescriptionValid
 
   const isBuilderAddressValid = !errors.builderAddress && touchedFields.builderAddress
-  const isReceiverAddressValid = !errors.receiverAddress && touchedFields.receiverAddress
-  const isActionsCompleted = isBuilderAddressValid && isReceiverAddressValid
+  const isActionsCompleted = isBuilderAddressValid
 
   const handleProposalCompleted = () => setActiveStep('actions')
 
   const onSubmit = async (data: z.infer<typeof FormSchema>) => {
-    const { builderName, proposalName, description, builderAddress, receiverAddress } = data
+    const { builderName, proposalName, description, builderAddress } = data
     const proposalDescription = `${proposalName}${DISPLAY_NAME_SEPARATOR}${builderName};${description}`
 
     try {
-      const txHash = await onCreateBuilderWhitelistProposal(
-        builderAddress as Address,
-        (receiverAddress || builderAddress) as Address,
-        proposalDescription,
-      )
+      const txHash = await onCreateBuilderWhitelistProposal(builderAddress as Address, proposalDescription)
       router.push(`/proposals?txHash=${txHash}`)
     } catch (error: any) {
       if (isUserRejectedTxError(error)) return
@@ -201,23 +192,6 @@ export const CreateBuilderProposalForm: FC = () => {
                   </FormItem>
                 )}
               />
-              <FormField
-                control={control}
-                name="receiverAddress"
-                render={({ field }) => (
-                  <FormItem className="mb-6 mx-1">
-                    <FormLabel>Receiver address (optional)</FormLabel>
-                    <FormControl>
-                      <FormInput
-                        placeholder="Write or paste the receiver address"
-                        {...field}
-                        maxLength={100}
-                      />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
             </AccordionContent>
           </AccordionItem>
         </Accordion>
diff --git a/src/app/proposals/create/RemoveBuilderProposalForm.tsx b/src/app/proposals/create/RemoveBuilderProposalForm.tsx
index 67d78317..a616e9c0 100644
--- a/src/app/proposals/create/RemoveBuilderProposalForm.tsx
+++ b/src/app/proposals/create/RemoveBuilderProposalForm.tsx
@@ -178,7 +178,7 @@ export const RemoveBuilderProposalForm: FC = () => {
                 name="builderAddress"
                 render={({ field }) => (
                   <FormItem className="mb-6 mx-1">
-                    <FormLabel>Address to de-whitelisted</FormLabel>
+                    <FormLabel>Address to be de-whitelisted</FormLabel>
                     <FormControl>
                       <FormInput placeholder="0x..." {...field} maxLength={100} />
                     </FormControl>
diff --git a/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts b/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
index c11f3ecd..f357176c 100644
--- a/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
+++ b/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
@@ -1,31 +1,28 @@
+import { getBuilderGauge } from '@/app/collective-rewards/utils/getBuilderGauge'
+import { AddressAlreadyWhitelistedError, NoVotingPowerError } from '@/app/proposals/shared/errors'
 import { GovernorAbi } from '@/lib/abis/Governor'
-import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { GovernorAddress, SimplifiedRewardDistributorAddress } from '@/lib/contracts'
-import { Address, encodeFunctionData, getAddress } from 'viem'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { GovernorAddress, BackersManagerAddress } from '@/lib/contracts'
+import { Address, encodeFunctionData, zeroAddress } from 'viem'
 import { useWriteContract } from 'wagmi'
 import { createProposal, encodeGovernorRelayCallData } from './proposalUtils'
 import { useVotingPower } from './useVotingPower'
-import { AddressAlreadyWhitelistedError, NoVotingPowerError } from '@/app/proposals/shared/errors'
-import { getIsWhitelistedBuilder } from '@/app/collective-rewards/utils/getIsWhitelistedBuilder'
 
 export const useCreateBuilderWhitelistProposal = () => {
   const { canCreateProposal } = useVotingPower()
   const { writeContractAsync: propose, isPending: isPublishing, error: transactionError } = useWriteContract()
 
-  const onCreateBuilderWhitelistProposal = async (
-    builderAddress: Address,
-    receiverAddress: Address,
-    description: string,
-  ) => {
+  const onCreateBuilderWhitelistProposal = async (builderAddress: Address, description: string) => {
     if (!canCreateProposal) {
       throw NoVotingPowerError
     }
-    const isWhitelisted = await getIsWhitelistedBuilder(builderAddress)
-    if (isWhitelisted) {
+    const builderGauge = await getBuilderGauge(builderAddress)
+    if (builderGauge !== zeroAddress) {
+      // TODO: maybe we can use a different error here
       throw AddressAlreadyWhitelistedError
     }
-    const calldata = encodeWhitelistBuilderCalldata(builderAddress, receiverAddress)
-    const relayCallData = encodeGovernorRelayCallData(SimplifiedRewardDistributorAddress, calldata)
+    const calldata = encodeWhitelistBuilderCalldata(builderAddress)
+    const relayCallData = encodeGovernorRelayCallData(BackersManagerAddress, calldata)
 
     const { proposal } = createProposal([GovernorAddress], [0n], [relayCallData], description)
 
@@ -39,10 +36,10 @@ export const useCreateBuilderWhitelistProposal = () => {
   return { onCreateBuilderWhitelistProposal, isPublishing, transactionError }
 }
 
-export const encodeWhitelistBuilderCalldata = (builderAddress: Address, receiverAddress: Address) => {
+export const encodeWhitelistBuilderCalldata = (builderAddress: Address) => {
   return encodeFunctionData({
-    abi: SimplifiedRewardDistributorAbi,
+    abi: BuilderRegistryAbi,
     functionName: 'whitelistBuilder',
-    args: [builderAddress.toLocaleLowerCase() as Address, receiverAddress.toLocaleLowerCase() as Address],
+    args: [builderAddress.toLocaleLowerCase() as Address],
   })
 }
diff --git a/src/app/proposals/hooks/useRemoveBuilderProposal.ts b/src/app/proposals/hooks/useRemoveBuilderProposal.ts
index 6c662893..425376fd 100644
--- a/src/app/proposals/hooks/useRemoveBuilderProposal.ts
+++ b/src/app/proposals/hooks/useRemoveBuilderProposal.ts
@@ -1,12 +1,12 @@
+import { getIsWhitelistedBuilder } from '@/app/collective-rewards/utils/getIsWhitelistedBuilder'
 import { AddressNotWhitelistedError, NoVotingPowerError } from '@/app/proposals/shared/errors'
 import { GovernorAbi } from '@/lib/abis/Governor'
-import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { GovernorAddress, SimplifiedRewardDistributorAddress } from '@/lib/contracts'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { GovernorAddress, BackersManagerAddress } from '@/lib/contracts'
 import { Address, encodeFunctionData } from 'viem'
 import { useWriteContract } from 'wagmi'
 import { createProposal, encodeGovernorRelayCallData } from './proposalUtils'
 import { useVotingPower } from './useVotingPower'
-import { getIsWhitelistedBuilder } from '@/app/collective-rewards/utils/getIsWhitelistedBuilder'
 
 export const useRemoveBuilderProposal = () => {
   const { canCreateProposal } = useVotingPower()
@@ -21,7 +21,7 @@ export const useRemoveBuilderProposal = () => {
       throw AddressNotWhitelistedError
     }
     const calldata = encodeRemoveBuilderCalldata(builderAddress)
-    const relayCallData = encodeGovernorRelayCallData(SimplifiedRewardDistributorAddress, calldata)
+    const relayCallData = encodeGovernorRelayCallData(BackersManagerAddress, calldata)
 
     const { proposal } = createProposal([GovernorAddress], [0n], [relayCallData], description)
 
@@ -37,8 +37,8 @@ export const useRemoveBuilderProposal = () => {
 
 const encodeRemoveBuilderCalldata = (builderAddress: Address) => {
   return encodeFunctionData({
-    abi: SimplifiedRewardDistributorAbi,
-    functionName: 'removeWhitelistedBuilder',
+    abi: BuilderRegistryAbi,
+    functionName: 'dewhitelistBuilder',
     args: [builderAddress.toLocaleLowerCase() as Address],
   })
 }
diff --git a/src/app/proposals/shared/supportedABIs.ts b/src/app/proposals/shared/supportedABIs.ts
index 10bd972a..034c075c 100644
--- a/src/app/proposals/shared/supportedABIs.ts
+++ b/src/app/proposals/shared/supportedABIs.ts
@@ -1,16 +1,31 @@
 import { DAOTreasuryAbi } from '@/lib/abis/DAOTreasuryAbi'
 import { RIFTokenAbi } from '@/lib/abis/RIFTokenAbi'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
 import { HTMLProps } from 'react'
 import { AbiFunction, AbiParameterToPrimitiveType } from 'viem'
 
-export const abiNames = ['DAOTreasuryAbi', 'RIFTokenAbi', 'SimplifiedRewardDistributorAbi'] as const
-export const abis = [DAOTreasuryAbi, RIFTokenAbi, SimplifiedRewardDistributorAbi] as const
+export const abiNames = [
+  'DAOTreasuryAbi',
+  'RIFTokenAbi',
+  'BuilderRegistryAbi',
+  // CR MVP: To keep compatibility with the MVP logs
+  'SimplifiedRewardDistributorAbi',
+] as const
+export const abis = [
+  DAOTreasuryAbi,
+  RIFTokenAbi,
+  BuilderRegistryAbi,
+  // CR MVP: To keep compatibility with the MVP logs
+  SimplifiedRewardDistributorAbi,
+] as const
 
 export const supportedProposalActions = [
   'withdraw',
   'withdrawERC20',
   'whitelistBuilder',
+  'dewhitelistBuilder',
+  // CR MVP: To keep compatibility with the MVP logs
   'removeWhitelistedBuilder',
 ] as const
 
diff --git a/src/components/Modal/ProposalSelectionModal.tsx b/src/components/Modal/ProposalSelectionModal.tsx
index d5c8c32a..255b79b9 100644
--- a/src/components/Modal/ProposalSelectionModal.tsx
+++ b/src/components/Modal/ProposalSelectionModal.tsx
@@ -20,14 +20,14 @@ const typesMap: Record<ProposalType, ProposalTypeDetails> = {
   'Builder Activation': {
     description:
       'Ask the community to vote on adding a Builder to the RootstockCollective’s whitelist, granting them access to the Collective Rewards.',
-    contract: 'SimplifiedRewardDistributorAbi',
+    contract: 'BuilderRegistryAbi',
     action: 'whitelistBuilder',
   },
   'Builder Deactivation': {
     description:
       'Ask the community to vote on removing a Builder from the RootstockCollective’s whitelist, revoking their access to the Collective Rewards.',
-    contract: 'SimplifiedRewardDistributorAbi',
-    action: 'removeWhitelistedBuilder',
+    contract: 'BuilderRegistryAbi',
+    action: 'dewhitelistBuilder',
   },
   Standard: {
     description:
diff --git a/src/pages/proposals/[id].tsx b/src/pages/proposals/[id].tsx
index f1892dc8..98f8993e 100644
--- a/src/pages/proposals/[id].tsx
+++ b/src/pages/proposals/[id].tsx
@@ -482,8 +482,8 @@ const DewhitelistButton: FC<DewhitelistButton> = ({
   proposalState,
 }) => {
   const router = useRouter()
-  const rewardDistributorContract = 'SimplifiedRewardDistributorAbi'
-  const removeWhitelistedBuilderAction = 'removeWhitelistedBuilder'
+  const builderRegistryContract = 'BuilderRegistryAbi'
+  const dewhitelistBuilderAction = 'dewhitelistBuilder'
   const builderAddress = getAddress(calldatasParsed[0]?.args[0]?.toString() || '')
   const isProposalExecuted = proposalState === ProposalState.Executed
   const isButtonEnabled = builderAddress && isProposalExecuted
@@ -495,7 +495,7 @@ const DewhitelistButton: FC<DewhitelistButton> = ({
           startIcon={<FaMinus />}
           onClick={() =>
             router.push(
-              `/proposals/create?contract=${rewardDistributorContract}&action=${removeWhitelistedBuilderAction}&builderAddress=${builderAddress}&proposalId=${proposalId}`,
+              `/proposals/create?contract=${builderRegistryContract}&action=${dewhitelistBuilderAction}&builderAddress=${builderAddress}&proposalId=${proposalId}`,
             )
           }
           disabled={!canCreateProposal}
diff --git a/src/pages/proposals/create.tsx b/src/pages/proposals/create.tsx
index 030f89a0..31ce382a 100644
--- a/src/pages/proposals/create.tsx
+++ b/src/pages/proposals/create.tsx
@@ -17,9 +17,9 @@ const componentByType: Partial<ProposalFormByType> = {
     withdraw: TreasuryWithdrawProposalForm,
     withdrawERC20: TreasuryWithdrawProposalForm,
   },
-  SimplifiedRewardDistributorAbi: {
+  BuilderRegistryAbi: {
     whitelistBuilder: CreateBuilderProposalForm,
-    removeWhitelistedBuilder: RemoveBuilderProposalForm,
+    dewhitelistBuilder: RemoveBuilderProposalForm,
   },
 }
 

From 54e3e7d9e3c67acdcc4bfd3c308887c0cf417312 Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <39339295+Freshenext@users.noreply.github.com>
Date: Tue, 12 Nov 2024 12:24:18 -0400
Subject: [PATCH 050/115] DAO-820 Added delegate modal (#362)

* DAO-820 Added delegate modal

* Fixed lint

* Files renamed

* fix: added dot at the end of sentence
fix: merged DelegationSection.tsx with current changes

* fix: should only show delegated power of another address - not own.
fix: added mb-6 to separate the section from communities.

* fix: added refetch interval of 5s.
---
 src/app/user/Delegation/DelegateModal.tsx     | 89 +++++++++++++++++++
 src/app/user/Delegation/DelegationSection.tsx | 47 ++++++++--
 .../user/Delegation/hooks/useGetDelegates.tsx |  3 +
 src/shared/hooks/useDelegateToAddress.tsx     | 19 ++++
 src/shared/txMessages.ts                      | 18 ++++
 5 files changed, 169 insertions(+), 7 deletions(-)
 create mode 100644 src/app/user/Delegation/DelegateModal.tsx
 create mode 100644 src/shared/hooks/useDelegateToAddress.tsx

diff --git a/src/app/user/Delegation/DelegateModal.tsx b/src/app/user/Delegation/DelegateModal.tsx
new file mode 100644
index 00000000..c2ad578b
--- /dev/null
+++ b/src/app/user/Delegation/DelegateModal.tsx
@@ -0,0 +1,89 @@
+import { Modal } from '@/components/Modal/Modal'
+import { HeaderTitle, Paragraph } from '@/components/Typography'
+import { Button } from '@/components/Button'
+import { Input } from '@/components/Input'
+import { useState } from 'react'
+import { useDelegateToAddress } from '@/shared/hooks/useDelegateToAddress'
+import { isAddressRegex } from '@/app/proposals/shared/utils'
+import { useAlertContext } from '@/app/providers'
+import { TX_MESSAGES } from '@/shared/txMessages'
+
+interface DelegateModalProps {
+  onClose: () => void
+  onDelegateTxStarted: (hash: string) => void
+}
+
+export const DelegateModal = ({ onClose, onDelegateTxStarted }: DelegateModalProps) => {
+  // NOTE: this might use RNS in the future
+  const [addressToDelegateTo, setAddressToDelegateTo] = useState('')
+  const [error, setError] = useState('')
+  // Global Alert
+  const { setMessage: setGlobalMessage } = useAlertContext()
+  const onAddressChange = (value: string) => setAddressToDelegateTo(value)
+
+  const { onDelegate, isPending } = useDelegateToAddress()
+
+  const onDelegateClick = async () => {
+    setError('')
+    // Validate address is valid
+    const isValid = isAddressRegex(addressToDelegateTo)
+
+    if (!isValid) {
+      setError('Please insert a valid address.')
+      return
+    }
+    // If address is valid
+    const onDelegatePromise = onDelegate(addressToDelegateTo)
+
+    onDelegatePromise.then(txHash => {
+      setGlobalMessage(TX_MESSAGES.delegation.pending)
+      onClose()
+      onDelegateTxStarted(txHash)
+    })
+
+    onDelegatePromise.catch(err => {
+      if ('toString' in err) {
+        const errorParsed = err.toString()
+        if (errorParsed.includes('User rejected the request')) {
+          setError('User rejected the request.')
+        }
+        console.log({ errorParsed })
+      }
+    })
+  }
+
+  return (
+    <Modal onClose={onClose} width={892}>
+      <div className="px-[157px] py-[45px] text-center">
+        <HeaderTitle className="mb-[16px]">Delegate</HeaderTitle>
+        <Paragraph className="mb-[16px]">
+          This action lets you delegate all of your voting power to the selected address.
+          <br />
+          You can easily change or remove this delegation if needed.
+        </Paragraph>
+        {/* Input Container */}
+        <div className="mb-14">
+          <Input
+            label="Address"
+            name="address"
+            value={addressToDelegateTo}
+            onChange={onAddressChange}
+            className="mb-1"
+            fullWidth
+            labelWrapperProps={{ className: 'text-left mb-[10px]' }}
+          />
+          {error && <p className="text-st-error">{error}</p>}
+        </div>
+        {/* Button */}
+        <div className="flex flex-row justify-center gap-4">
+          <Button onClick={onDelegateClick} disabled={isPending || !addressToDelegateTo}>
+            Delegate
+          </Button>
+          <Button variant="secondary" onClick={onClose}>
+            Cancel
+          </Button>
+        </div>
+      </div>
+    </Modal>
+  )
+}
diff --git a/src/app/user/Delegation/DelegationSection.tsx b/src/app/user/Delegation/DelegationSection.tsx
index 1fa8fe15..49890e48 100644
--- a/src/app/user/Delegation/DelegationSection.tsx
+++ b/src/app/user/Delegation/DelegationSection.tsx
@@ -1,5 +1,13 @@
+'use client'
 import { HolderColumn } from '@/app/communities/HolderColumn'
 import { Table } from '@/components/Table'
+import { Button } from '@/components/Button'
+import { DelegateModal } from '@/app/user/Delegation/DelegateModal'
+import { useEffect, useState } from 'react'
+import { useWaitForTransactionReceipt } from 'wagmi'
+import { Hash } from 'viem'
+import { useAlertContext } from '@/app/providers'
+import { TX_MESSAGES } from '@/shared/txMessages'
 import { HeaderTitle } from '@/components/Typography'
 import { useAccount } from 'wagmi'
 import { RenderTotalBalance } from '../Balances/RenderTotalBalance'
@@ -10,20 +18,45 @@ export const DelegationSection = () => {
   const { address } = useAccount()
   const { delegateeAddress } = useGetDelegates(address)
 
-  if (!delegateeAddress || delegateeAddress === address) {
-    return null
+  const [isDelegateModalOpened, setIsDelegateModalOpened] = useState(false)
+  const [hash, setHash] = useState<Hash | undefined>(undefined)
+
+  const { setMessage: setGlobalMessage } = useAlertContext()
+
+  const onDelegateTxStarted = (hash: string) => {
+    setHash(hash as Hash)
   }
 
+  const { isSuccess } = useWaitForTransactionReceipt({ hash })
+
+  useEffect(() => {
+    if (isSuccess) {
+      setGlobalMessage(TX_MESSAGES.delegation.success)
+    }
+  }, [isSuccess, setGlobalMessage])
+
   const delegatee = {
-    'Voting Power Delegated': <HolderColumn address={delegateeAddress} />,
-    Amount: <RenderTotalBalance symbol="stRIF" />,
+    'Voting Power Delegated':
+      delegateeAddress !== address ? <HolderColumn address={delegateeAddress || ''} /> : '-',
+    Amount: delegateeAddress !== address ? <RenderTotalBalance symbol="stRIF" /> : '-',
   }
+
   return (
-    <>
-      <HeaderTitle className="mb-6">Delegation</HeaderTitle>
+    <div className="mb-6">
+      {/* Header Components*/}
+      <div className="flex flex-row justify-between mb-6">
+        <HeaderTitle>DELEGATION</HeaderTitle>
+        <Button onClick={() => setIsDelegateModalOpened(true)}>Delegate</Button>
+      </div>
       <BalancesProvider>
         <Table data={[delegatee]} />
       </BalancesProvider>
-    </>
+      {isDelegateModalOpened && (
+        <DelegateModal
+          onClose={() => setIsDelegateModalOpened(false)}
+          onDelegateTxStarted={onDelegateTxStarted}
+        />
+      )}
+    </div>
   )
 }
diff --git a/src/app/user/Delegation/hooks/useGetDelegates.tsx b/src/app/user/Delegation/hooks/useGetDelegates.tsx
index 5073ce66..ea3b5e28 100644
--- a/src/app/user/Delegation/hooks/useGetDelegates.tsx
+++ b/src/app/user/Delegation/hooks/useGetDelegates.tsx
@@ -14,6 +14,9 @@ export const useGetDelegates = (address: Address | undefined) => {
       ...stRifContract,
       functionName: 'delegates',
       args: [address],
+      query: {
+        refetchInterval: 5000,
+      },
     },
   )
 
diff --git a/src/shared/hooks/useDelegateToAddress.tsx b/src/shared/hooks/useDelegateToAddress.tsx
new file mode 100644
index 00000000..2e324866
--- /dev/null
+++ b/src/shared/hooks/useDelegateToAddress.tsx
@@ -0,0 +1,19 @@
+import { useWriteContract } from 'wagmi'
+import { StRIFTokenAbi } from '@/lib/abis/StRIFTokenAbi'
+import { STRIF_ADDRESS } from '@/lib/constants'
+import { Address } from 'viem'
+
+export const useDelegateToAddress = () => {
+  const { writeContractAsync: delegateToAddress, isPending, data: hash } = useWriteContract()
+
+  const onDelegate = (addressToDelegate: string) => {
+    return delegateToAddress({
+      abi: StRIFTokenAbi,
+      address: STRIF_ADDRESS,
+      functionName: 'delegate',
+      args: [addressToDelegate as Address],
+    })
+  }
+
+  return { onDelegate, isPending, hash }
+}
diff --git a/src/shared/txMessages.ts b/src/shared/txMessages.ts
index cdc509f5..732a8194 100644
--- a/src/shared/txMessages.ts
+++ b/src/shared/txMessages.ts
@@ -110,4 +110,22 @@ export const TX_MESSAGES = {
       severity: 'success',
     },
   },
+  delegation: {
+    pending: {
+      title: 'Delegation in process',
+      content: 'Your transaction is in progress. It will be visible when the transaction is confirmed.',
+      severity: 'info',
+    },
+    success: {
+      title: 'Delegation successful',
+      content: 'Voting power successfully delegated!',
+      severity: 'success',
+    },
+    error: {
+      title: 'Error on execution',
+      content:
+        'An unexpected error occurred while trying to execute the delegation. Please try again later. If the issue persists, contact support for assistance.',
+      severity: 'error',
+    },
+  },
 } as const

From 50554aaaf902d8131d92aeb0a3f0b9d72c2e1b83 Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <39339295+Freshenext@users.noreply.github.com>
Date: Tue, 12 Nov 2024 12:25:37 -0400
Subject: [PATCH 051/115] DAO-679 Fixed proposal confirmation message UI (#361)

---
 src/pages/proposals/[id].tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/proposals/[id].tsx b/src/pages/proposals/[id].tsx
index 98f8993e..25afc21f 100644
--- a/src/pages/proposals/[id].tsx
+++ b/src/pages/proposals/[id].tsx
@@ -281,6 +281,7 @@ const PageWithProposal = (proposal: ParsedProposal) => {
             <Popover
               size="small"
               trigger="hover"
+              disabled={isExecuting}
               content={
                 !canProposalBeExecuted ? (
                   <p className="text-[12px] font-bold mb-1">
@@ -290,13 +291,15 @@ const PageWithProposal = (proposal: ParsedProposal) => {
                 ) : isExecuting ? (
                   <p className="text-[12px] font-bold mb-1">The proposal is being executed.</p>
                 ) : (
-                  <p className="text-[12px] font-bold mb-1">The proposal can be executed.</p>
+                  <p className="text-[12px] font-bold mb-1">
+                    The proposal <br /> can be executed.
+                  </p>
                 )
               }
             >
               <Button
                 onClick={handleVotingExecution}
-                className="mt-2"
+                className="mt-2 ml-auto"
                 disabled={!canProposalBeExecuted || isExecuting}
                 data-testid="Execute"
               >
@@ -304,7 +307,12 @@ const PageWithProposal = (proposal: ParsedProposal) => {
               </Button>
             </Popover>
           )}
-          {isExecuting && <p>Pending transaction confirmation to complete execution.</p>}
+          {isExecuting && (
+            <Span variant="light" className="inline-block mt-2">
+              Pending transaction confirmation <br />
+              to complete execution.
+            </Span>
+          )}
           {votingModal.isModalOpened && address && (
             <VoteProposalModal
               onSubmit={handleVoting}

From 055ec14ee8363dc7e5cc1f416c68d6390948673d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Santana=20Gon=C3=A7alves?=
 <rodrigo.santana@iovlabs.org>
Date: Tue, 12 Nov 2024 14:54:41 -0300
Subject: [PATCH 052/115] check for valid delegated address (#366)

---
 src/app/user/Delegation/DelegationSection.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/user/Delegation/DelegationSection.tsx b/src/app/user/Delegation/DelegationSection.tsx
index 49890e48..87610d5e 100644
--- a/src/app/user/Delegation/DelegationSection.tsx
+++ b/src/app/user/Delegation/DelegationSection.tsx
@@ -13,6 +13,7 @@ import { useAccount } from 'wagmi'
 import { RenderTotalBalance } from '../Balances/RenderTotalBalance'
 import { BalancesProvider } from '../Balances/context/BalancesContext'
 import { useGetDelegates } from './hooks/useGetDelegates'
+import { ZeroAddress } from 'ethers'
 
 export const DelegationSection = () => {
   const { address } = useAccount()
@@ -35,10 +36,10 @@ export const DelegationSection = () => {
     }
   }, [isSuccess, setGlobalMessage])
 
+  const isValidDelegatee = delegateeAddress !== address && delegateeAddress !== ZeroAddress
   const delegatee = {
-    'Voting Power Delegated':
-      delegateeAddress !== address ? <HolderColumn address={delegateeAddress || ''} /> : '-',
-    Amount: delegateeAddress !== address ? <RenderTotalBalance symbol="stRIF" /> : '-',
+    'Voting Power Delegated': isValidDelegatee ? <HolderColumn address={delegateeAddress || ''} /> : '-',
+    Amount: isValidDelegatee ? <RenderTotalBalance symbol="stRIF" /> : '-',
   }
 
   return (

From 82806cfe69e0f8251656f0005e68b65640c3ae25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Santana=20Gon=C3=A7alves?=
 <rodrigo.santana@iovlabs.org>
Date: Wed, 13 Nov 2024 12:06:17 -0300
Subject: [PATCH 053/115] DAO-819: As a user I need to reclaim the delegation
 of my stRIF (delegate back to myself) (#367)

* add reclaiming feature

* show error status

* check for stRIF balance
---
 src/app/user/Delegation/DelegationSection.tsx | 27 +++++++++----
 src/app/user/Delegation/ReclaimCell.tsx       | 40 +++++++++++++++++++
 .../Delegation/hooks/useDelegateToAddress.tsx | 19 +++++++++
 src/app/user/Delegation/type.ts               |  1 +
 src/shared/txMessages.ts                      | 20 +++++++++-
 5 files changed, 99 insertions(+), 8 deletions(-)
 create mode 100644 src/app/user/Delegation/ReclaimCell.tsx
 create mode 100644 src/app/user/Delegation/hooks/useDelegateToAddress.tsx
 create mode 100644 src/app/user/Delegation/type.ts

diff --git a/src/app/user/Delegation/DelegationSection.tsx b/src/app/user/Delegation/DelegationSection.tsx
index 87610d5e..406ac7a4 100644
--- a/src/app/user/Delegation/DelegationSection.tsx
+++ b/src/app/user/Delegation/DelegationSection.tsx
@@ -13,33 +13,44 @@ import { useAccount } from 'wagmi'
 import { RenderTotalBalance } from '../Balances/RenderTotalBalance'
 import { BalancesProvider } from '../Balances/context/BalancesContext'
 import { useGetDelegates } from './hooks/useGetDelegates'
-import { ZeroAddress } from 'ethers'
+import { ReclaimCell } from './ReclaimCell'
+import { DelegationAction } from './type'
+import { useGetAddressBalances } from '../Balances/hooks/useGetAddressBalances'
 
 export const DelegationSection = () => {
   const { address } = useAccount()
   const { delegateeAddress } = useGetDelegates(address)
+  const {
+    stRIF: { balance: stRIFBalance },
+  } = useGetAddressBalances()
 
   const [isDelegateModalOpened, setIsDelegateModalOpened] = useState(false)
   const [hash, setHash] = useState<Hash | undefined>(undefined)
+  const [action, setAction] = useState<DelegationAction>('delegation')
 
   const { setMessage: setGlobalMessage } = useAlertContext()
 
-  const onDelegateTxStarted = (hash: string) => {
+  const onDelegateTxStarted = (hash: string, action: DelegationAction = 'delegation') => {
     setHash(hash as Hash)
+    setAction(action)
   }
 
-  const { isSuccess } = useWaitForTransactionReceipt({ hash })
+  const { isSuccess, isError } = useWaitForTransactionReceipt({ hash })
 
   useEffect(() => {
     if (isSuccess) {
-      setGlobalMessage(TX_MESSAGES.delegation.success)
+      setGlobalMessage(TX_MESSAGES[action].success)
     }
-  }, [isSuccess, setGlobalMessage])
+    if (isError) {
+      setGlobalMessage(TX_MESSAGES[action].error)
+    }
+  }, [action, isError, isSuccess, setGlobalMessage])
 
-  const isValidDelegatee = delegateeAddress !== address && delegateeAddress !== ZeroAddress
+  const isValidDelegatee = delegateeAddress !== address && Number(stRIFBalance) > 0
   const delegatee = {
     'Voting Power Delegated': isValidDelegatee ? <HolderColumn address={delegateeAddress || ''} /> : '-',
     Amount: isValidDelegatee ? <RenderTotalBalance symbol="stRIF" /> : '-',
+    Actions: isValidDelegatee ? <ReclaimCell onDelegateTxStarted={onDelegateTxStarted} /> : '-',
   }
 
   return (
@@ -47,7 +58,9 @@ export const DelegationSection = () => {
       {/* Header Components*/}
       <div className="flex flex-row justify-between mb-6">
         <HeaderTitle>DELEGATION</HeaderTitle>
-        <Button onClick={() => setIsDelegateModalOpened(true)}>Delegate</Button>
+        <Button onClick={() => setIsDelegateModalOpened(true)} data-testid="Delegate">
+          Delegate
+        </Button>
       </div>
       <BalancesProvider>
         <Table data={[delegatee]} />
diff --git a/src/app/user/Delegation/ReclaimCell.tsx b/src/app/user/Delegation/ReclaimCell.tsx
new file mode 100644
index 00000000..5a5f6332
--- /dev/null
+++ b/src/app/user/Delegation/ReclaimCell.tsx
@@ -0,0 +1,40 @@
+import { useAlertContext } from '@/app/providers'
+import { useDelegateToAddress } from '@/app/user/Delegation/hooks/useDelegateToAddress'
+import { isUserRejectedTxError } from '@/components/ErrorPage/commonErrors'
+import { TX_MESSAGES } from '@/shared/txMessages'
+import { useAccount } from 'wagmi'
+import { DelegationAction } from './type'
+
+type Props = {
+  onDelegateTxStarted: (hash: string, action?: DelegationAction) => void
+}
+
+export const ReclaimCell = ({ onDelegateTxStarted }: Props) => {
+  const { address } = useAccount()
+  const { onDelegate, isPending } = useDelegateToAddress()
+  const { setMessage: setGlobalMessage } = useAlertContext()
+
+  const onReclaim = async () => {
+    if (!address || isPending) return
+    onDelegate(address)
+      .then(txHash => {
+        setGlobalMessage(TX_MESSAGES.reclaiming.pending)
+        onDelegateTxStarted(txHash, 'reclaiming')
+      })
+      .catch(err => {
+        if (!isUserRejectedTxError(err)) {
+          setGlobalMessage(TX_MESSAGES.reclaiming.error)
+        }
+      })
+  }
+
+  return (
+    <p
+      onClick={onReclaim}
+      className={isPending ? 'text-zinc-500' : 'text-primary cursor-pointer'}
+      data-testid="Reclaim"
+    >
+      Reclaim
+    </p>
+  )
+}
diff --git a/src/app/user/Delegation/hooks/useDelegateToAddress.tsx b/src/app/user/Delegation/hooks/useDelegateToAddress.tsx
new file mode 100644
index 00000000..6730391e
--- /dev/null
+++ b/src/app/user/Delegation/hooks/useDelegateToAddress.tsx
@@ -0,0 +1,19 @@
+import { useWriteContract } from 'wagmi'
+import { StRIFTokenAbi } from '@/lib/abis/StRIFTokenAbi'
+import { STRIF_ADDRESS } from '@/lib/constants'
+import { Address } from 'viem'
+
+export const useDelegateToAddress = () => {
+  const { writeContractAsync: delegateToAddress, isPending, data: hash } = useWriteContract()
+
+  const onDelegate = (addressToDelegate: Address) => {
+    return delegateToAddress({
+      abi: StRIFTokenAbi,
+      address: STRIF_ADDRESS,
+      functionName: 'delegate',
+      args: [addressToDelegate],
+    })
+  }
+
+  return { onDelegate, isPending, hash }
+}
diff --git a/src/app/user/Delegation/type.ts b/src/app/user/Delegation/type.ts
new file mode 100644
index 00000000..65bb32f9
--- /dev/null
+++ b/src/app/user/Delegation/type.ts
@@ -0,0 +1 @@
+export type DelegationAction = 'delegation' | 'reclaiming'
diff --git a/src/shared/txMessages.ts b/src/shared/txMessages.ts
index 732a8194..95c48e77 100644
--- a/src/shared/txMessages.ts
+++ b/src/shared/txMessages.ts
@@ -122,10 +122,28 @@ export const TX_MESSAGES = {
       severity: 'success',
     },
     error: {
-      title: 'Error on execution',
+      title: 'Error on delegation',
       content:
         'An unexpected error occurred while trying to execute the delegation. Please try again later. If the issue persists, contact support for assistance.',
       severity: 'error',
     },
   },
+  reclaiming: {
+    pending: {
+      title: 'Reclaiming in process',
+      content: 'Your transaction is in progress. It will be visible when the transaction is confirmed.',
+      severity: 'info',
+    },
+    success: {
+      title: 'Reclaiming successful',
+      content: 'Voting power successfully reclaimed!',
+      severity: 'success',
+    },
+    error: {
+      title: 'Error on reclaiming',
+      content:
+        'An unexpected error occurred while trying to execute the reclaiming. Please try again later. If the issue persists, contact support for assistance.',
+      severity: 'error',
+    },
+  },
 } as const

From 10a2a3365e447880023f0b8ab5726aff455d57ab Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Wed, 13 Nov 2024 14:29:08 -0600
Subject: [PATCH 054/115] feat(cr_v2): all time share (#359)

---
 src/app/collective-rewards/actions.ts         | 13 ++-
 .../rewards/AllTimeRewards.tsx                |  1 -
 .../rewards/AllTimeShare.tsx                  | 90 +++++++++++++++++++
 .../rewards/LastCycleRewards.tsx              |  8 +-
 .../collective-rewards/rewards/MyRewards.tsx  |  3 +-
 .../rewards/hooks/useGetNotifyRewardLogs.ts   | 49 ++++++++--
 src/app/collective-rewards/rewards/index.ts   |  1 +
 .../rewards/utils/getLastCycleRewards.ts      |  6 +-
 src/app/user/page.tsx                         |  2 +-
 src/lib/endpoints.ts                          |  5 +-
 10 files changed, 161 insertions(+), 17 deletions(-)
 create mode 100644 src/app/collective-rewards/rewards/AllTimeShare.tsx

diff --git a/src/app/collective-rewards/actions.ts b/src/app/collective-rewards/actions.ts
index 687af3de..b1bd42ad 100644
--- a/src/app/collective-rewards/actions.ts
+++ b/src/app/collective-rewards/actions.ts
@@ -1,8 +1,9 @@
 import { Address } from 'viem'
-import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
+import { BackersManagerAddress, SimplifiedRewardDistributorAddress } from '@/lib/contracts'
 import { axiosInstance } from '@/lib/utils'
 import {
   fetchBuilderRewardsClaimedLogsByAddress,
+  fetchGaugeNotifyRewardLogsByAddress,
   fetchNotifyRewardLogsByAddress,
   fetchRewardDistributedLogsByAddress,
 } from '@/lib/endpoints'
@@ -18,9 +19,17 @@ export const fetchRewardDistributedLogs = (fromBlock = 0) => {
 export const fetchRewardDistributedCached = () =>
   axiosInstance.get('/reward-distributed/api', { baseURL: '/' })
 
-export const fetchNotifyRewardLogs = (gaugeAddress: Address, fromBlock = 0) => {
+export const fetchNotifyRewardLogs = (fromBlock = 0) => {
   return axiosInstance.get(
     fetchNotifyRewardLogsByAddress
+      .replace('{{address}}', BackersManagerAddress)
+      .replace('{{fromBlock}}', fromBlock.toString()),
+  )
+}
+
+export const fetchGaugeNotifyRewardLogs = (gaugeAddress: Address, fromBlock = 0) => {
+  return axiosInstance.get(
+    fetchGaugeNotifyRewardLogsByAddress
       .replace('{{address}}', gaugeAddress)
       .replace('{{fromBlock}}', fromBlock.toString()),
   )
diff --git a/src/app/collective-rewards/rewards/AllTimeRewards.tsx b/src/app/collective-rewards/rewards/AllTimeRewards.tsx
index c26c18da..18402b67 100644
--- a/src/app/collective-rewards/rewards/AllTimeRewards.tsx
+++ b/src/app/collective-rewards/rewards/AllTimeRewards.tsx
@@ -2,7 +2,6 @@ import {
   formatMetrics,
   MetricsCard,
   MetricsCardTitle,
-  MetricsCardWithSpinner,
   TokenMetricsCardRow,
   useGetBuilderRewards,
   useGetBuilderRewardsClaimedLogs,
diff --git a/src/app/collective-rewards/rewards/AllTimeShare.tsx b/src/app/collective-rewards/rewards/AllTimeShare.tsx
new file mode 100644
index 00000000..7213127f
--- /dev/null
+++ b/src/app/collective-rewards/rewards/AllTimeShare.tsx
@@ -0,0 +1,90 @@
+import { Address } from 'viem'
+import { FC, ReactNode } from 'react'
+import {
+  useGetNotifyRewardLogs,
+  useGetGaugeNotifyRewardLogs,
+  useGetBuilderRewards,
+  MetricsCardWithSpinner,
+  MetricsCardTitle,
+} from '@/app/collective-rewards/rewards'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { Typography } from '@/components/Typography'
+
+type AllTimeShareProps = {
+  gauge: Address
+  data: {
+    [token: string]: {
+      symbol: string
+      address: Address
+    }
+  }
+}
+
+type MetricsCardContentProps = {
+  children: ReactNode
+}
+
+const MetricsCardContent: FC<MetricsCardContentProps> = ({ children }) => (
+  <Typography
+    tagVariant="h2"
+    paddingBottom="2px"
+    paddingTop="10px"
+    lineHeight="28.8px"
+    fontFamily="kk-topo"
+    className="text-[48px] text-primary font-normal"
+    data-testid="Amount"
+  >
+    {children}
+  </Typography>
+)
+
+export const AllTimeShare: FC<AllTimeShareProps> = ({ gauge, data: { rif } }) => {
+  const { data: rewardsPerToken, isLoading: logsLoading, error: rewardsError } = useGetNotifyRewardLogs()
+  const {
+    data: gaugeRewardsPerToken,
+    isLoading: gaugeLogsLoading,
+    error: gaugeRewardsError,
+  } = useGetGaugeNotifyRewardLogs(gauge)
+  const {
+    data: claimableRewards,
+    isLoading: claimableRewardsLoading,
+    error: claimableRewardsError,
+  } = useGetBuilderRewards(rif.address, gauge)
+
+  const error = rewardsError ?? gaugeRewardsError ?? claimableRewardsError
+
+  useHandleErrors({ error, title: 'Error loading all time share' })
+
+  let isLoading: boolean = logsLoading || gaugeLogsLoading || claimableRewardsLoading
+
+  if (!rewardsPerToken[rif.address] || !gaugeRewardsPerToken[rif.address]) {
+    return (
+      <MetricsCardWithSpinner isLoading={isLoading} borderless>
+        <MetricsCardTitle title="All time share" data-testid="AllTimeShare" />
+        <MetricsCardContent>0%</MetricsCardContent>
+      </MetricsCardWithSpinner>
+    )
+  }
+
+  const rifRewards = rewardsPerToken[rif.address].reduce((acc, event) => {
+    const amount = event.args.amount_
+    return acc + amount
+  }, 0n)
+  const gaugeRifRewards = gaugeRewardsPerToken[rif.address].reduce((acc, event) => {
+    const amount = event.args.builderAmount_
+    return acc + amount
+  }, 0n)
+
+  const totalRewards = gaugeRifRewards + (claimableRewards ?? 0n)
+
+  const amount = !rifRewards ? '0%' : `${(totalRewards * 100n) / rifRewards}%`
+
+  return (
+    <MetricsCardWithSpinner isLoading={isLoading} borderless>
+      <div className="flex flex-col gap-y-[10px]">
+        <MetricsCardTitle title="All time share" data-testid="AllTimeShare" />
+        <MetricsCardContent>{amount}</MetricsCardContent>
+      </div>
+    </MetricsCardWithSpinner>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/LastCycleRewards.tsx b/src/app/collective-rewards/rewards/LastCycleRewards.tsx
index 8cc4eebd..00e9a299 100644
--- a/src/app/collective-rewards/rewards/LastCycleRewards.tsx
+++ b/src/app/collective-rewards/rewards/LastCycleRewards.tsx
@@ -5,7 +5,7 @@ import {
   MetricsCard,
   MetricsCardTitle,
   TokenMetricsCardRow,
-  useGetNotifyRewardLogs,
+  useGetGaugeNotifyRewardLogs,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
@@ -29,7 +29,11 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
   currency = 'USD',
 }) => {
   const { data: cycle, isLoading: cycleLoading, error: cycleError } = useCycleContext()
-  const { data: rewardsPerToken, isLoading: logsLoading, error: rewardsError } = useGetNotifyRewardLogs(gauge)
+  const {
+    data: rewardsPerToken,
+    isLoading: logsLoading,
+    error: rewardsError,
+  } = useGetGaugeNotifyRewardLogs(gauge)
 
   const error = cycleError ?? rewardsError
   useHandleErrors({ error, title: 'Error loading last cycle rewards' })
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index f70c3698..35cda0d0 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -9,6 +9,7 @@ import {
   ClaimableRewards,
   AllTimeRewards,
   EstimatedRewards,
+  AllTimeShare,
 } from '@/app/collective-rewards/rewards'
 import { CycleContextProvider } from '@/app/collective-rewards/metrics'
 import { PricesContextProvider } from '@/shared/context/PricesContext'
@@ -51,7 +52,7 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
               <LastCycleRewards gauge={gauge} data={data} />
               <EstimatedRewards gauge={gauge} data={data} />
               <AllTimeRewards gauge={gauge} data={data} />
-              <div>All time share</div>
+              <AllTimeShare gauge={gauge} data={data} />
               <Popover
                 disabled={isClaimFunctionReady}
                 content={
diff --git a/src/app/collective-rewards/rewards/hooks/useGetNotifyRewardLogs.ts b/src/app/collective-rewards/rewards/hooks/useGetNotifyRewardLogs.ts
index 5fae824a..5a9a13a8 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetNotifyRewardLogs.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetNotifyRewardLogs.ts
@@ -1,20 +1,24 @@
 import { useQuery } from '@tanstack/react-query'
-import { fetchNotifyRewardLogs } from '@/app/collective-rewards/actions'
+import { fetchGaugeNotifyRewardLogs, fetchNotifyRewardLogs } from '@/app/collective-rewards/actions'
 import { Address, getAddress, parseEventLogs } from 'viem'
 import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 
-export type NotifyRewardEventLog = ReturnType<typeof parseEventLogs<typeof GaugeAbi, true, 'NotifyReward'>>
+export type NotifyRewardEventLog = ReturnType<
+  typeof parseEventLogs<typeof BackersManagerAbi, true, 'NotifyReward'>
+>
 
 export type NotifyRewardsPerToken = Record<Address, NotifyRewardEventLog>
 
-export const useGetNotifyRewardLogs = (gauge: Address) => {
+export const useGetNotifyRewardLogs = () => {
   const { data, error, isLoading } = useQuery({
     queryFn: async () => {
-      const { data } = await fetchNotifyRewardLogs(gauge)
+      const { data } = await fetchNotifyRewardLogs()
 
       const events = parseEventLogs({
-        abi: GaugeAbi,
+        abi: BackersManagerAbi,
         logs: data,
         eventName: 'NotifyReward',
       })
@@ -22,11 +26,44 @@ export const useGetNotifyRewardLogs = (gauge: Address) => {
       return events.reduce<NotifyRewardsPerToken>((acc, log) => {
         const rewardToken = getAddress(log.args.rewardToken_)
         acc[rewardToken] = [...(acc[rewardToken] || []), log]
+        return acc
+      }, {})
+    },
+    queryKey: ['notifyRewardLogs', BackersManagerAddress],
+    refetchInterval: AVERAGE_BLOCKTIME,
+    initialData: {},
+  })
+
+  return {
+    data,
+    error,
+    isLoading,
+  }
+}
+
+export type GaugeNotifyRewardEventLog = ReturnType<
+  typeof parseEventLogs<typeof GaugeAbi, true, 'NotifyReward'>
+>
+export type GaugeNotifyRewardsPerToken = Record<Address, GaugeNotifyRewardEventLog>
 
+export const useGetGaugeNotifyRewardLogs = (gauge: Address) => {
+  const { data, error, isLoading } = useQuery({
+    queryFn: async () => {
+      const { data } = await fetchGaugeNotifyRewardLogs(gauge)
+
+      const events = parseEventLogs({
+        abi: GaugeAbi,
+        logs: data,
+        eventName: 'NotifyReward',
+      })
+
+      return events.reduce<GaugeNotifyRewardsPerToken>((acc, log) => {
+        const rewardToken = getAddress(log.args.rewardToken_)
+        acc[rewardToken] = [...(acc[rewardToken] || []), log]
         return acc
       }, {})
     },
-    queryKey: ['notifyRewardLogs'],
+    queryKey: ['notifyRewardLogs', gauge],
     refetchInterval: AVERAGE_BLOCKTIME,
     initialData: {},
   })
diff --git a/src/app/collective-rewards/rewards/index.ts b/src/app/collective-rewards/rewards/index.ts
index c7a24d6c..2aef92a6 100644
--- a/src/app/collective-rewards/rewards/index.ts
+++ b/src/app/collective-rewards/rewards/index.ts
@@ -6,3 +6,4 @@ export * from './LastCycleRewards'
 export * from './ClaimableRewards'
 export * from './AllTimeRewards'
 export * from './EstimatedRewards'
+export * from './AllTimeShare'
diff --git a/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts b/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
index 72c618cf..db68ea10 100644
--- a/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
+++ b/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
@@ -1,13 +1,13 @@
-import { NotifyRewardEventLog } from '@/app/collective-rewards/rewards'
+import { GaugeNotifyRewardEventLog } from '@/app/collective-rewards/rewards'
 import { Cycle } from '@/app/collective-rewards/metrics/context/CycleContext'
 
-type Log = NotifyRewardEventLog[number]
+type Log = GaugeNotifyRewardEventLog[number]
 type CycleRewards = {
   builderAmount: bigint
   backersAmount: bigint
 }
 
-export const getLastCycleRewards = (cycle: Cycle, notifyRewardLogs?: NotifyRewardEventLog) => {
+export const getLastCycleRewards = (cycle: Cycle, notifyRewardLogs?: GaugeNotifyRewardEventLog) => {
   const { cycleDuration, endDistributionWindow, cycleStart } = cycle
   const distributionWindow = endDistributionWindow.diff(cycleStart)
   const lastCycleStart = cycleStart.minus({ millisecond: +cycleDuration })
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index 6c331eec..aa073484 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -9,7 +9,7 @@ import { withBuilderButton, useGetBuilderToGauge } from '@/app/collective-reward
 import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { zeroAddress } from 'viem'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
-import { DelegationSection } from './Delegation'
+import { DelegationSection } from '@/app/user/Delegation'
 
 type MyHoldingsProps = {
   showBuilderButton?: boolean
diff --git a/src/lib/endpoints.ts b/src/lib/endpoints.ts
index b96bd4c0..ae0f4f93 100644
--- a/src/lib/endpoints.ts
+++ b/src/lib/endpoints.ts
@@ -26,8 +26,11 @@ export const getNftHolders = `/nfts/{{address}}/holders?chainId=${CHAIN_ID}`
 const REWARD_DISTRIBUTED_EVENT = '0x57ea5c7c295b52ef3b06c69661d59c8a6d9c602ac5355cfe5e54e303c139f270'
 export const fetchRewardDistributedLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${REWARD_DISTRIBUTED_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
 
-const NOTIFY_REWARD_EVENT = '0x3c0f5c48b0ffa2c570c1a0f4fbf7b0f8982213afff9eb42cd258ead865cf3c9d'
+const NOTIFY_REWARD_EVENT = 'f70d5c697de7ea828df48e5c4573cb2194c659f1901f70110c52b066dcf50826'
 export const fetchNotifyRewardLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${NOTIFY_REWARD_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
 
+const GAUGE_NOTIFY_REWARD_EVENT = '0x3c0f5c48b0ffa2c570c1a0f4fbf7b0f8982213afff9eb42cd258ead865cf3c9d'
+export const fetchGaugeNotifyRewardLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${GAUGE_NOTIFY_REWARD_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
+
 const BUILDER_REWARDS_CLAIMED_EVENT = 'c309438e69ba53ef6afef64839bd1ab1acc4a9a8fd28c8e0356075ca66f72c1b'
 export const fetchBuilderRewardsClaimedLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${BUILDER_REWARDS_CLAIMED_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`

From 1f2d340a2d42f88a032856c0a890d4d1c3bd4758 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Santana=20Gon=C3=A7alves?=
 <rodrigo.santana@iovlabs.org>
Date: Thu, 14 Nov 2024 14:04:08 -0300
Subject: [PATCH 055/115] fix log injection (#345)

---
 src/pages/communities/nft/[address].tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/communities/nft/[address].tsx b/src/pages/communities/nft/[address].tsx
index b1a24be4..a34c5d7a 100644
--- a/src/pages/communities/nft/[address].tsx
+++ b/src/pages/communities/nft/[address].tsx
@@ -62,7 +62,7 @@ export default function Page() {
 
   const nftInfo = communitiesMapByContract[nftAddress || '']
   if (nftInfo === undefined && nftAddress !== undefined) {
-    console.warn(`The current NFT address is not registered: ${nftAddress} - Please check the config.`)
+    console.warn('The current NFT address is not registered. Please check the config.')
   }
   const [message, setMessage] = useState<MessageProps | null>(null)
   // reset message after few seconds

From 2bbb9d91fd6ad920e070f8af9541319d109b36f9 Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Thu, 14 Nov 2024 23:39:54 -0600
Subject: [PATCH 056/115] TOK-470: backer rewards dashboard (#365)

* feat(cr_v2): backer rewards dashboard

* fix: alingn items

* fix: set min heigh

* fix: metrics card row loader

* refactor: pr comments

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .env.testnet.local                            | 21 ++--
 src/app/collective-rewards/actions.ts         |  9 ++
 .../rewards/AllTimeShare.tsx                  | 90 -----------------
 .../collective-rewards/rewards/MyRewards.tsx  | 94 ++++++------------
 .../rewards/backers/AllTimeShare.tsx          | 60 ++++++++++++
 .../rewards/backers/ClaimableRewards.tsx      | 68 +++++++++++++
 .../rewards/backers/Rewards.tsx               | 82 ++++++++++++++++
 .../rewards/backers/RewardsCard.tsx           | 82 ++++++++++++++++
 .../backers/context/BackerRewardsContex.tsx   | 98 +++++++++++++++++++
 .../rewards/backers/context/index.ts          |  1 +
 .../rewards/backers/hooks/index.ts            |  3 +
 .../backers/hooks/useClaimBackerRewards.ts    | 45 +++++++++
 .../hooks/useGetGaugesBackerRewards.ts        | 57 +++++++++++
 .../hooks/useGetGaugesBackerRewardsClaimed.ts | 39 ++++++++
 .../rewards/backers/index.ts                  | 13 +++
 .../rewards/{ => builders}/AllTimeRewards.tsx | 39 +++-----
 .../rewards/builders/AllTimeShare.tsx         | 65 ++++++++++++
 .../{ => builders}/ClaimableRewards.tsx       | 57 ++---------
 .../{ => builders}/EstimatedRewards.tsx       | 47 +++++----
 .../{ => builders}/LastCycleRewards.tsx       | 25 ++---
 .../rewards/builders/Rewards.tsx              | 73 ++++++++++++++
 .../rewards/builders/hooks/index.ts           |  4 +
 .../hooks/useClaimBuilderRewards.ts           | 54 +---------
 .../hooks/useGetBuilderRewards.ts             |  0
 .../hooks/useGetBuilderRewardsClaimedLogs.ts  |  0
 .../hooks/useGetRewardPercentageToApply.ts    | 23 +++++
 .../rewards/builders/index.ts                 | 17 ++++
 .../components/ClaimYouRewardButton.tsx       | 34 +++++++
 .../rewards/components/MetricContainer.tsx    | 11 +++
 .../rewards/components/Metrics/index.ts       |  1 -
 .../components/{Metrics => }/MetricsCard.tsx  | 20 +++-
 .../components/Section/RewardsSection.tsx     |  2 +-
 .../rewards/components/index.ts               |  4 +-
 .../useGetRewardDistributedLogs.ts            |  0
 .../useGetTokenProjectedReward.ts             |  0
 .../collective-rewards/rewards/hooks/index.ts | 11 ++-
 .../rewards/hooks/useClaimStateReporting.ts   | 57 +++++++++++
 .../rewards/hooks/useGetGaugesEvents.ts       | 52 ++++++++++
 .../rewards/hooks/useGetGaugesNotifyReward.ts | 27 +++++
 .../rewards/hooks/useGetPerTokenRewards.ts    |  3 +-
 .../rewards/hooks/useGetRewardsCoinbase.ts    |  2 +-
 .../rewards/hooks/useGetRewardsERC20.ts       |  3 +-
 src/app/collective-rewards/rewards/index.ts   |  9 +-
 src/app/collective-rewards/rewards/types.ts   | 16 +++
 .../collective-rewards/user/hooks/index.ts    |  2 +
 .../user/hooks/useGetGaugesArray.ts           | 57 +++++++++++
 .../user/hooks/useGetGaugesLength.ts          | 31 ++++++
 .../LoadingSpinner/withLoadingSpinner.tsx     |  7 +-
 src/lib/abis/v2/GaugeAbi.ts                   | 48 +++++++++
 src/lib/endpoints.ts                          |  7 +-
 50 files changed, 1224 insertions(+), 346 deletions(-)
 delete mode 100644 src/app/collective-rewards/rewards/AllTimeShare.tsx
 create mode 100644 src/app/collective-rewards/rewards/backers/AllTimeShare.tsx
 create mode 100644 src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
 create mode 100644 src/app/collective-rewards/rewards/backers/Rewards.tsx
 create mode 100644 src/app/collective-rewards/rewards/backers/RewardsCard.tsx
 create mode 100644 src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
 create mode 100644 src/app/collective-rewards/rewards/backers/context/index.ts
 create mode 100644 src/app/collective-rewards/rewards/backers/hooks/index.ts
 create mode 100644 src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
 create mode 100644 src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewards.ts
 create mode 100644 src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewardsClaimed.ts
 create mode 100644 src/app/collective-rewards/rewards/backers/index.ts
 rename src/app/collective-rewards/rewards/{ => builders}/AllTimeRewards.tsx (74%)
 create mode 100644 src/app/collective-rewards/rewards/builders/AllTimeShare.tsx
 rename src/app/collective-rewards/rewards/{ => builders}/ClaimableRewards.tsx (51%)
 rename src/app/collective-rewards/rewards/{ => builders}/EstimatedRewards.tsx (66%)
 rename src/app/collective-rewards/rewards/{ => builders}/LastCycleRewards.tsx (83%)
 create mode 100644 src/app/collective-rewards/rewards/builders/Rewards.tsx
 create mode 100644 src/app/collective-rewards/rewards/builders/hooks/index.ts
 rename src/app/collective-rewards/rewards/{ => builders}/hooks/useClaimBuilderRewards.ts (60%)
 rename src/app/collective-rewards/rewards/{ => builders}/hooks/useGetBuilderRewards.ts (100%)
 rename src/app/collective-rewards/rewards/{ => builders}/hooks/useGetBuilderRewardsClaimedLogs.ts (100%)
 create mode 100644 src/app/collective-rewards/rewards/builders/hooks/useGetRewardPercentageToApply.ts
 create mode 100644 src/app/collective-rewards/rewards/builders/index.ts
 create mode 100644 src/app/collective-rewards/rewards/components/ClaimYouRewardButton.tsx
 create mode 100644 src/app/collective-rewards/rewards/components/MetricContainer.tsx
 delete mode 100644 src/app/collective-rewards/rewards/components/Metrics/index.ts
 rename src/app/collective-rewards/rewards/components/{Metrics => }/MetricsCard.tsx (82%)
 rename src/app/collective-rewards/rewards/hooks/{ => depecrated}/useGetRewardDistributedLogs.ts (100%)
 rename src/app/collective-rewards/rewards/hooks/{ => depecrated}/useGetTokenProjectedReward.ts (100%)
 create mode 100644 src/app/collective-rewards/rewards/hooks/useClaimStateReporting.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetGaugesEvents.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetGaugesNotifyReward.ts
 create mode 100644 src/app/collective-rewards/rewards/types.ts
 create mode 100644 src/app/collective-rewards/user/hooks/useGetGaugesArray.ts
 create mode 100644 src/app/collective-rewards/user/hooks/useGetGaugesLength.ts

diff --git a/.env.testnet.local b/.env.testnet.local
index 142c0ba2..76ff3cfe 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -7,8 +7,8 @@ NEXT_PUBLIC_BUILD_ID=
 
 NEXT_PUBLIC_RIF_ADDRESS=0x19f64674d8a5b4e652319f5e239efd3bc969a1fe
 NEXT_PUBLIC_STRIF_ADDRESS=0xC4b091d97AD25ceA5922f09fe80711B7ACBbb16f
-NEXT_PUBLIC_GOVERNOR_ADDRESS=0x8F10473F1c2f1dA76F6E921aA6eE8c54aD43F7b7
-NEXT_PUBLIC_EA_NFT_ADDRESS=0x979deF73ec80B8AE24Ae46765b81D9aF7b1C9327
+NEXT_PUBLIC_GOVERNOR_ADDRESS=0xB1A39B8f57A55d1429324EEb1564122806eb297F
+NEXT_PUBLIC_EA_NFT_ADDRESS=0x0Ee4e11f2F2B551cA31Ea7873c7bA675cb51A59d
 NEXT_PUBLIC_MULTICALL_ADDRESS=0xcA11bde05977b3631167028862bE2a173976CA11
 NEXT_PUBLIC_GRANTS_BUCKET_ADDRESS=0xfaca664c661af7e0e630c8f92b401012cd2a30ef
 NEXT_PUBLIC_GRANTS_ACTIVE_BUCKET_ADDRESS=0x2217E4d3Ae0A6E30075D1B5a7b8C1520E8009f49
@@ -18,13 +18,18 @@ NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4e84FCc953dE129C6C47c5B0AD7E57B226093Ae1
-NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xC2857F402096BfF24E8E05C2E047F8461d1af927
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x21534EaE65041b85cA309C3258E967f305917F8F
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xAEdD29bebb0dd8e29702DD1e32346365F96aA016
-
-NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=2
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xC637ca467C7Ae6607b0F230A8e8b7f558e80a70C
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xEe77314B67080BbDA66EA31E6CA9B17efD699F79
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xF732B73B6b7c63Abcb999743e2542A7DBf82C925
+NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
-NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.local.json"
+NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.qa.json"
+
+# OG NFT Contracts
+NEXT_PUBLIC_OG_FOUNDERS=0x7E6d9969CAC008bAe5f7b144df3c955515404538
+NEXT_PUBLIC_OG_PARTNERS=0x285046a90fb322E6BaCa4F38Bb884e3C0904F7EB
+NEXT_PUBLIC_OG_CONTRIBUTORS=0xDC03B8fb7E47E4651f5008bD718a804726424A75
+
 NEXT_PUBLIC_ENABLE_CORS_BYPASS=true
 NEXT_PUBLIC_ENABLE_FEATURE_V2_REWARDS=true
\ No newline at end of file
diff --git a/src/app/collective-rewards/actions.ts b/src/app/collective-rewards/actions.ts
index b1bd42ad..bb9c60c1 100644
--- a/src/app/collective-rewards/actions.ts
+++ b/src/app/collective-rewards/actions.ts
@@ -2,6 +2,7 @@ import { Address } from 'viem'
 import { BackersManagerAddress, SimplifiedRewardDistributorAddress } from '@/lib/contracts'
 import { axiosInstance } from '@/lib/utils'
 import {
+  fetchBackerRewardsClaimedLogsByAddress,
   fetchBuilderRewardsClaimedLogsByAddress,
   fetchGaugeNotifyRewardLogsByAddress,
   fetchNotifyRewardLogsByAddress,
@@ -42,3 +43,11 @@ export const fetchBuilderRewardsClaimed = (gaugeAddress: Address, fromBlock = 0)
       .replace('{{fromBlock}}', fromBlock.toString()),
   )
 }
+
+export const fetchBackerRewardsClaimed = (gaugeAddress: Address, fromBlock = 0) => {
+  return axiosInstance.get(
+    fetchBackerRewardsClaimedLogsByAddress
+      .replace('{{address}}', gaugeAddress)
+      .replace('{{fromBlock}}', fromBlock.toString()),
+  )
+}
diff --git a/src/app/collective-rewards/rewards/AllTimeShare.tsx b/src/app/collective-rewards/rewards/AllTimeShare.tsx
deleted file mode 100644
index 7213127f..00000000
--- a/src/app/collective-rewards/rewards/AllTimeShare.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Address } from 'viem'
-import { FC, ReactNode } from 'react'
-import {
-  useGetNotifyRewardLogs,
-  useGetGaugeNotifyRewardLogs,
-  useGetBuilderRewards,
-  MetricsCardWithSpinner,
-  MetricsCardTitle,
-} from '@/app/collective-rewards/rewards'
-import { useHandleErrors } from '@/app/collective-rewards/utils'
-import { Typography } from '@/components/Typography'
-
-type AllTimeShareProps = {
-  gauge: Address
-  data: {
-    [token: string]: {
-      symbol: string
-      address: Address
-    }
-  }
-}
-
-type MetricsCardContentProps = {
-  children: ReactNode
-}
-
-const MetricsCardContent: FC<MetricsCardContentProps> = ({ children }) => (
-  <Typography
-    tagVariant="h2"
-    paddingBottom="2px"
-    paddingTop="10px"
-    lineHeight="28.8px"
-    fontFamily="kk-topo"
-    className="text-[48px] text-primary font-normal"
-    data-testid="Amount"
-  >
-    {children}
-  </Typography>
-)
-
-export const AllTimeShare: FC<AllTimeShareProps> = ({ gauge, data: { rif } }) => {
-  const { data: rewardsPerToken, isLoading: logsLoading, error: rewardsError } = useGetNotifyRewardLogs()
-  const {
-    data: gaugeRewardsPerToken,
-    isLoading: gaugeLogsLoading,
-    error: gaugeRewardsError,
-  } = useGetGaugeNotifyRewardLogs(gauge)
-  const {
-    data: claimableRewards,
-    isLoading: claimableRewardsLoading,
-    error: claimableRewardsError,
-  } = useGetBuilderRewards(rif.address, gauge)
-
-  const error = rewardsError ?? gaugeRewardsError ?? claimableRewardsError
-
-  useHandleErrors({ error, title: 'Error loading all time share' })
-
-  let isLoading: boolean = logsLoading || gaugeLogsLoading || claimableRewardsLoading
-
-  if (!rewardsPerToken[rif.address] || !gaugeRewardsPerToken[rif.address]) {
-    return (
-      <MetricsCardWithSpinner isLoading={isLoading} borderless>
-        <MetricsCardTitle title="All time share" data-testid="AllTimeShare" />
-        <MetricsCardContent>0%</MetricsCardContent>
-      </MetricsCardWithSpinner>
-    )
-  }
-
-  const rifRewards = rewardsPerToken[rif.address].reduce((acc, event) => {
-    const amount = event.args.amount_
-    return acc + amount
-  }, 0n)
-  const gaugeRifRewards = gaugeRewardsPerToken[rif.address].reduce((acc, event) => {
-    const amount = event.args.builderAmount_
-    return acc + amount
-  }, 0n)
-
-  const totalRewards = gaugeRifRewards + (claimableRewards ?? 0n)
-
-  const amount = !rifRewards ? '0%' : `${(totalRewards * 100n) / rifRewards}%`
-
-  return (
-    <MetricsCardWithSpinner isLoading={isLoading} borderless>
-      <div className="flex flex-col gap-y-[10px]">
-        <MetricsCardTitle title="All time share" data-testid="AllTimeShare" />
-        <MetricsCardContent>{amount}</MetricsCardContent>
-      </div>
-    </MetricsCardWithSpinner>
-  )
-}
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index 35cda0d0..a22a6821 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -3,80 +3,50 @@ import { Address, getAddress } from 'viem'
 import {
   RewardsSection,
   RewardsSectionHeader,
-  useClaimBuilderRewards,
-  useClaimStateReporting,
-  LastCycleRewards,
-  ClaimableRewards,
-  AllTimeRewards,
-  EstimatedRewards,
-  AllTimeShare,
+  BuilderRewards,
+  BackerRewards,
+  RewardDetails,
 } from '@/app/collective-rewards/rewards'
-import { CycleContextProvider } from '@/app/collective-rewards/metrics'
-import { PricesContextProvider } from '@/shared/context/PricesContext'
 import { getCoinbaseAddress } from '@/app/collective-rewards/utils'
 import { tokenContracts } from '@/lib/contracts'
-import { Popover } from '@/components/Popover'
-import { Button } from '@/components/Button'
-import { Paragraph } from '@/components/Typography'
+import { useGetGaugesArray } from '@/app/collective-rewards/user'
 
 export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gauge }) => {
-  const { isClaimFunctionReady, claimRewards, ...claimTx } = useClaimBuilderRewards(builder)
+  const { data: rewardGauges } = useGetGaugesArray('active')
+  const { data: haltedGauges } = useGetGaugesArray('halted')
+  const gauges = [...(rewardGauges ?? []), ...(haltedGauges ?? [])]
 
-  useClaimStateReporting({ ...claimTx })
-
-  const data = {
-    rif: {
-      address: getAddress(tokenContracts.RIF),
-      symbol: 'RIF',
-    },
-    rbtc: {
-      address: getCoinbaseAddress(),
-      symbol: 'RBTC',
+  const data: RewardDetails = {
+    builder,
+    gauge,
+    gauges,
+    tokens: {
+      rif: {
+        address: getAddress(tokenContracts.RIF),
+        symbol: 'RIF',
+      },
+      rbtc: {
+        address: getCoinbaseAddress(),
+        symbol: 'RBTC',
+      },
     },
   }
 
   return (
-    <div
-      id="my_rewards_container"
-      className="flex flex-col flex-shrink-0 items-start self-stretch gap-[46px]"
-    >
-      <RewardsSection>
-        <RewardsSectionHeader
-          title="Builder Rewards"
-          subtext="Monitor the rewards you are getting from your Collective Rewards."
-        />
-        <div className="grid grid-cols-5 gap-[16px]">
-          <CycleContextProvider>
-            <PricesContextProvider>
-              <ClaimableRewards builder={builder} gauge={gauge} data={data} />
-              <LastCycleRewards gauge={gauge} data={data} />
-              <EstimatedRewards gauge={gauge} data={data} />
-              <AllTimeRewards gauge={gauge} data={data} />
-              <AllTimeShare gauge={gauge} data={data} />
-              <Popover
-                disabled={isClaimFunctionReady}
-                content={
-                  <Paragraph variant="normal" className="text-sm">
-                    Wait a moment, please. Preparing the claim functionality.
-                  </Paragraph>
-                }
-                trigger="hover"
-                background="dark"
-                size="small"
-                position="bottom"
-                className="z-[100]"
-              >
-                <Button onClick={() => claimRewards()} disabled={!isClaimFunctionReady} variant="primary">
-                  Claim all
-                </Button>
-              </Popover>
-            </PricesContextProvider>
-          </CycleContextProvider>
-        </div>
-      </RewardsSection>
+    <>
+      <div className="pb-[46px]">
+        <RewardsSection>
+          <RewardsSectionHeader
+            title="Builder Rewards"
+            subtext="Monitor the rewards you are getting from your Collective Rewards."
+          />
+          <BuilderRewards {...data} />
+        </RewardsSection>
+      </div>
       <RewardsSection>
         <RewardsSectionHeader title="Backer Rewards" subtext="Monitor your rewards balances and claim." />
+        <BackerRewards {...data} />
       </RewardsSection>
-    </div>
+    </>
   )
 }
diff --git a/src/app/collective-rewards/rewards/backers/AllTimeShare.tsx b/src/app/collective-rewards/rewards/backers/AllTimeShare.tsx
new file mode 100644
index 00000000..2526b771
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/AllTimeShare.tsx
@@ -0,0 +1,60 @@
+import { FC } from 'react'
+import {
+  MetricsCardWithSpinner,
+  MetricsCardTitle,
+  RewardDetails,
+  useBackerRewardsContext,
+  MetricsCardContent,
+  useGetGaugesNotifyReward,
+} from '@/app/collective-rewards/rewards'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+
+type AllTimeShareProps = Omit<RewardDetails, 'builder' | 'gauge'>
+
+export const AllTimeShare: FC<AllTimeShareProps> = ({ gauges, tokens: { rif } }) => {
+  const {
+    data: notifyReward,
+    isLoading: notifyRewardLoading,
+    error: notifyRewardError,
+  } = useGetGaugesNotifyReward(gauges, rif.address)
+
+  const {
+    data: backerRewards,
+    isLoading: backerRewardsLoading,
+    error: backerRewardsError,
+  } = useBackerRewardsContext()
+  const { claimed, earned } = backerRewards[rif.address]
+
+  const earnedRewards = Object.values(earned).reduce((acc, earned) => acc + earned, 0n)
+  const claimedRewards = Object.values(claimed).reduce(
+    (acc, claimed) => acc + claimed.reduce((acc, event) => acc + event.args.amount_, 0n),
+    0n,
+  )
+  const notifyRewards = Object.values(notifyReward).reduce(
+    (acc, events) =>
+      acc +
+      events.reduce(
+        (acc, { args: { backersAmount_, builderAmount_ } }) => acc + backersAmount_ + builderAmount_,
+        0n,
+      ),
+    0n,
+  )
+
+  const error = notifyRewardError ?? backerRewardsError
+
+  useHandleErrors({ error, title: 'Error loading all time share' })
+
+  const isLoading = notifyRewardLoading || backerRewardsLoading
+
+  const totalRewards = earnedRewards + claimedRewards
+  const amount = !notifyRewards ? '0%' : `${(totalRewards * 100n) / notifyRewards}%`
+
+  return (
+    <MetricsCardWithSpinner isLoading={isLoading} borderless>
+      <div className="flex flex-col gap-y-[10px]">
+        <MetricsCardTitle title="All time share" data-testid="AllTimeShare" />
+        <MetricsCardContent>{amount}</MetricsCardContent>
+      </div>
+    </MetricsCardWithSpinner>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
new file mode 100644
index 00000000..52e8216b
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
@@ -0,0 +1,68 @@
+import { FC } from 'react'
+import { Address } from 'viem'
+import { usePricesContext } from '@/shared/context/PricesContext'
+import {
+  formatMetrics,
+  useClaimStateReporting,
+  MetricsCard,
+  TokenMetricsCardRow,
+  MetricsCardTitle,
+  useClaimBackerRewards,
+  RewardDetails,
+  Token,
+  useBackerRewardsContext,
+  ClaimYourRewardsButton,
+} from '@/app/collective-rewards/rewards'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+
+type TokenRewardsMetricsProps = {
+  gauges: Address[]
+  token: Token
+  currency?: string
+}
+
+const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
+  gauges,
+  token: { address, symbol },
+  currency = 'USD',
+}) => {
+  const { prices } = usePricesContext()
+  const { data, isLoading, error } = useBackerRewardsContext()
+  const { earned } = data[address]
+  const earnedRewards = Object.values(earned).reduce((acc, earned) => acc + earned, 0n)
+  useHandleErrors({ error, title: 'Error loading rewards' })
+
+  const tokenPrice = prices[symbol]?.price ?? 0
+
+  const { amount, fiatAmount } = formatMetrics(
+    Number(formatBalanceToHuman(earnedRewards)),
+    tokenPrice,
+    symbol,
+    currency,
+  )
+
+  const { claimRewards, ...claimTx } = useClaimBackerRewards(gauges, address)
+
+  useClaimStateReporting({ ...claimTx, error: claimTx.error })
+
+  return withSpinner(TokenMetricsCardRow)({
+    amount,
+    fiatAmount,
+    isLoading,
+    children: <ClaimYourRewardsButton onClick={() => claimRewards()} />,
+  })
+}
+
+type ClaimableRewardsProps = Omit<RewardDetails, 'gauge'>
+
+export const ClaimableRewards: FC<ClaimableRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle title="Claimable rewards" data-testid="ClaimableRewards" />
+      <TokenRewardsMetrics {...rest} token={rif} />
+      <TokenRewardsMetrics {...rest} token={rbtc} />
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/backers/Rewards.tsx b/src/app/collective-rewards/rewards/backers/Rewards.tsx
new file mode 100644
index 00000000..48f4338f
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/Rewards.tsx
@@ -0,0 +1,82 @@
+import { FC } from 'react'
+import {
+  BackerAllTimeShare,
+  BackerClaimableRewards,
+  useClaimBackerRewards,
+} from '@/app/collective-rewards/rewards/backers'
+import {
+  RewardDetails,
+  useClaimStateReporting,
+  BackerRewardsCard,
+  BackerRewardsContextProvider,
+} from '@/app/collective-rewards/rewards'
+import { CycleContextProvider } from '@/app/collective-rewards/metrics'
+import { PricesContextProvider } from '@/shared/context/PricesContext'
+import { Popover } from '@/components/Popover'
+import { Button } from '@/components/Button'
+import { Paragraph } from '@/components/Typography'
+import { MetricContainer } from '@/app/collective-rewards/rewards/components/MetricContainer'
+
+type RewardsProps = RewardDetails
+
+export const Rewards: FC<RewardsProps> = ({ builder, gauges, tokens }) => {
+  const { claimRewards, ...claimTx } = useClaimBackerRewards(gauges)
+
+  useClaimStateReporting({ ...claimTx })
+
+  return (
+    <div className="flex gap-4 w-full">
+      <BackerRewardsContextProvider backer={builder} gauges={gauges} tokens={tokens}>
+        <CycleContextProvider>
+          <PricesContextProvider>
+            <MetricContainer className="flex-1 flex flex-col gap-2">
+              <div className="min-h-[190px] w-full">
+                <BackerClaimableRewards builder={builder} gauges={gauges} tokens={tokens} />
+              </div>
+              <Popover
+                content={
+                  <Paragraph variant="normal" className="text-sm">
+                    Wait a moment, please. Preparing the claim functionality.
+                  </Paragraph>
+                }
+                trigger="hover"
+                background="dark"
+                size="small"
+                position="bottom"
+                className="z-[100]"
+                disabled={true}
+              >
+                <Button className="w-full" onClick={() => claimRewards()} variant="primary">
+                  Claim all
+                </Button>
+              </Popover>
+            </MetricContainer>
+            <MetricContainer>
+              <BackerRewardsCard
+                title="Estimated rewards"
+                data-testid="EstimatedRewards"
+                builder={builder}
+                gauges={gauges}
+                tokens={tokens}
+                rewards={['estimated']}
+              />
+            </MetricContainer>
+            <MetricContainer>
+              <BackerRewardsCard
+                title="All time rewards"
+                data-testid="AllTimeRewards"
+                builder={builder}
+                gauges={gauges}
+                tokens={tokens}
+                rewards={['earned', 'claimed']}
+              />
+            </MetricContainer>
+            <MetricContainer>
+              <BackerAllTimeShare gauges={gauges} tokens={tokens} />
+            </MetricContainer>
+          </PricesContextProvider>
+        </CycleContextProvider>
+      </BackerRewardsContextProvider>
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/backers/RewardsCard.tsx b/src/app/collective-rewards/rewards/backers/RewardsCard.tsx
new file mode 100644
index 00000000..59885784
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/RewardsCard.tsx
@@ -0,0 +1,82 @@
+import {
+  formatMetrics,
+  MetricsCardTitle,
+  MetricsCard,
+  TokenMetricsCardRow,
+  Token,
+  RewardDetails,
+  useBackerRewardsContext,
+} from '@/app/collective-rewards/rewards'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { usePricesContext } from '@/shared/context/PricesContext'
+import { FC } from 'react'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+
+export const rewardTypes = ['earned', 'claimed', 'estimated'] as const
+export type Rewards = (typeof rewardTypes)[number]
+
+type TokenRewardsMetricsProps = {
+  rewards: Rewards[]
+  currency?: string
+  token: Token
+}
+
+const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
+  token: { symbol, address },
+  currency = 'USD',
+  rewards,
+}) => {
+  const { data, isLoading, error } = useBackerRewardsContext()
+  const { earned, claimed, estimated } = data[address]
+
+  const calculateTotalRewards = {
+    earned: Object.values(earned).reduce((acc, earned) => acc + earned, 0n),
+    claimed: Object.values(claimed).reduce(
+      (acc, value) => acc + value.reduce((acc, value) => acc + value.args.amount_, 0n),
+      0n,
+    ),
+    estimated: Object.values(estimated).reduce((acc, estimated) => acc + estimated, 0n),
+  }
+
+  const totalRewards = rewards.reduce((acc, rewardType) => acc + calculateTotalRewards[rewardType], 0n)
+
+  useHandleErrors({ error: error, title: 'Error loading all time rewards' })
+
+  const { prices } = usePricesContext()
+
+  const totalRewardsInHuman = Number(formatBalanceToHuman(totalRewards))
+  const price = prices[symbol]?.price ?? 0
+
+  const { amount, fiatAmount } = formatMetrics(totalRewardsInHuman, price, symbol, currency)
+
+  return withSpinner(
+    TokenMetricsCardRow,
+    'min-h-0 grow-0',
+  )({
+    amount,
+    fiatAmount,
+    isLoading,
+  })
+}
+
+type RewardsCardProps = Omit<RewardDetails, 'gauge'> & {
+  title: string
+  'data-testid': string
+  rewards: Rewards[]
+}
+
+export const RewardsCard: FC<RewardsCardProps> = ({
+  title,
+  'data-testid': dataTestId,
+  tokens: { rif, rbtc },
+  ...rest
+}) => {
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle title={title} data-testid={dataTestId} />
+      <TokenRewardsMetrics {...rest} token={rif} />
+      <TokenRewardsMetrics {...rest} token={rbtc} />
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
new file mode 100644
index 00000000..da80094c
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
@@ -0,0 +1,98 @@
+import { createContext, FC, ReactNode, useContext } from 'react'
+import {
+  Token,
+  BackerRewardsClaimedEventLog,
+  useGetGaugesBackerRewardsClaimed,
+  useGetGaugesBackerRewards,
+} from '@/app/collective-rewards/rewards'
+import { Address } from 'viem'
+
+type TokenRewards = {
+  earned: Record<Address, bigint>
+  claimed: Record<Address, BackerRewardsClaimedEventLog>
+  estimated: Record<Address, bigint>
+}
+
+type BackerRewardsContextValue = {
+  data: {
+    [token: string]: TokenRewards
+  }
+  isLoading: boolean
+  error: Error | null
+}
+
+export const BackerRewardsContext = createContext<BackerRewardsContextValue>({
+  data: {},
+  isLoading: false,
+  error: null,
+})
+
+type BackerRewardsProviderProps = {
+  children: ReactNode
+  backer: Address
+  gauges: Address[]
+  tokens: {
+    [token: string]: Token
+  }
+}
+
+const useGetTokenRewards = (backer: Address, token: Token, gauges: Address[]) => {
+  const {
+    data: earned,
+    isLoading: earnedLoading,
+    error: earnedError,
+  } = useGetGaugesBackerRewards(backer, token.address, gauges, 'earned')
+  const {
+    data: claimed,
+    isLoading: claimedLoading,
+    error: claimedError,
+  } = useGetGaugesBackerRewardsClaimed(gauges, token.address, backer)
+  const {
+    data: estimated,
+    isLoading: estimatedLoading,
+    error: estimatedError,
+  } = useGetGaugesBackerRewards(backer, token.address, gauges, 'estimatedBackerRewards')
+
+  const isLoading = earnedLoading || claimedLoading || estimatedLoading
+  const error = earnedError ?? claimedError ?? estimatedError
+
+  return {
+    data: {
+      earned,
+      claimed,
+      estimated,
+    },
+    isLoading,
+    error,
+  }
+}
+
+export const BackerRewardsContextProvider: FC<BackerRewardsProviderProps> = ({
+  children,
+  backer,
+  gauges,
+  tokens: { rif, rbtc },
+}) => {
+  const { data: rifRewards, isLoading: rifLoading, error: rifError } = useGetTokenRewards(backer, rif, gauges)
+  const {
+    data: rbtcRewards,
+    isLoading: rbtcLoading,
+    error: rbtcError,
+  } = useGetTokenRewards(backer, rbtc, gauges)
+
+  const isLoading = rifLoading || rbtcLoading
+  const error = rifError ?? rbtcError
+
+  const valueOfContext: BackerRewardsContextValue = {
+    data: {
+      [rif.address]: rifRewards,
+      [rbtc.address]: rbtcRewards,
+    },
+    isLoading,
+    error,
+  }
+
+  return <BackerRewardsContext.Provider value={valueOfContext}>{children}</BackerRewardsContext.Provider>
+}
+
+export const useBackerRewardsContext = () => useContext(BackerRewardsContext)
diff --git a/src/app/collective-rewards/rewards/backers/context/index.ts b/src/app/collective-rewards/rewards/backers/context/index.ts
new file mode 100644
index 00000000..f21c892f
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/context/index.ts
@@ -0,0 +1 @@
+export * from './BackerRewardsContex'
diff --git a/src/app/collective-rewards/rewards/backers/hooks/index.ts b/src/app/collective-rewards/rewards/backers/hooks/index.ts
new file mode 100644
index 00000000..ba48501b
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/hooks/index.ts
@@ -0,0 +1,3 @@
+export * from './useClaimBackerRewards'
+export * from './useGetGaugesBackerRewardsClaimed'
+export * from './useGetGaugesBackerRewards'
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
new file mode 100644
index 00000000..6094973e
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
@@ -0,0 +1,45 @@
+import { Address } from 'viem'
+import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useMemo } from 'react'
+
+export const useClaimBackerRewards = (gauges: Address[], rewardToken?: Address) => {
+  const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
+
+  const { isLoading, isSuccess, data, error: receiptError } = useWaitForTransactionReceipt({ hash })
+
+  const error = useMemo(() => {
+    if (executionError) {
+      return {
+        ...executionError,
+        shortMessage: `Failed claim execution (${executionError.message})`,
+      }
+    }
+
+    if (receiptError) {
+      return {
+        ...receiptError,
+        shortMessage: `Failed to get claim execution receipt (${receiptError.message})`,
+      }
+    }
+  }, [executionError, receiptError])
+
+  const claimBackerReward = () => {
+    return writeContractAsync({
+      abi: BackersManagerAbi,
+      address: BackersManagerAddress,
+      functionName: 'claimBackerRewards',
+      args: rewardToken ? [rewardToken, gauges] : [gauges],
+    })
+  }
+
+  return {
+    claimRewards: () => claimBackerReward(),
+    error,
+    isPendingTx: isPending,
+    isLoadingReceipt: isLoading,
+    isSuccess,
+    receipt: data,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewards.ts
new file mode 100644
index 00000000..376c7884
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewards.ts
@@ -0,0 +1,57 @@
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { Address } from 'viem'
+import { useReadContracts } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { useMemo } from 'react'
+import { AbiFunction } from 'viem'
+
+type FunctionEntry = Extract<(typeof GaugeAbi)[number], AbiFunction>
+type FunctionName = Extract<FunctionEntry['name'], 'earned' | 'estimatedBackerRewards'>
+
+export const useGetGaugesBackerRewards = (
+  backer: Address,
+  rewardToken: Address,
+  gauges: Address[],
+  functionName: FunctionName,
+) => {
+  const contractCalls = gauges.map(gauge => {
+    return {
+      address: gauge,
+      abi: GaugeAbi,
+      functionName,
+      args: [rewardToken, backer],
+    } as const
+  })
+
+  const {
+    data: contractResults,
+    isLoading,
+    error,
+  } = useReadContracts<bigint[]>({
+    contracts: contractCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  const gaugesMap = useMemo(
+    () =>
+      gauges.reduce<Record<Address, bigint>>((acc, gauge, index) => {
+        if (!contractResults) {
+          return {} as Record<Address, bigint>
+        }
+
+        const earned = (contractResults[index].result as bigint) || BigInt(0)
+        acc[gauge] = earned
+
+        return acc
+      }, {}),
+    [gauges, contractResults],
+  )
+
+  return {
+    data: gaugesMap,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewardsClaimed.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewardsClaimed.ts
new file mode 100644
index 00000000..8c17b6f9
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewardsClaimed.ts
@@ -0,0 +1,39 @@
+import { Address, isAddressEqual, parseEventLogs } from 'viem'
+import { useGetGaugesEvents } from '@/app/collective-rewards/rewards'
+import { useMemo } from 'react'
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+
+export type BackerRewardsClaimedEventLog = ReturnType<
+  typeof parseEventLogs<typeof GaugeAbi, true, 'BackerRewardsClaimed'>
+>
+
+export const useGetGaugesBackerRewardsClaimed = (
+  gauges: Address[],
+  rewardToken?: Address,
+  backer?: Address,
+) => {
+  const { data: eventsData, isLoading, error } = useGetGaugesEvents(gauges, 'BackerRewardsClaimed')
+
+  const data = useMemo(() => {
+    return Object.keys(eventsData).reduce((acc: { [key: string]: (typeof eventsData)[Address] }, key) => {
+      let events = eventsData[key as Address]
+      if (backer) {
+        events = events.filter(event => isAddressEqual(event.args.backer_, backer))
+      }
+      if (rewardToken) {
+        events = events.filter(event => isAddressEqual(event.args.rewardToken_, rewardToken))
+      }
+
+      if (events.length > 0) {
+        acc[key] = events
+      }
+      return acc
+    }, {})
+  }, [eventsData, rewardToken, backer])
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/backers/index.ts b/src/app/collective-rewards/rewards/backers/index.ts
new file mode 100644
index 00000000..44d23ba9
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/index.ts
@@ -0,0 +1,13 @@
+export * from './hooks'
+export * from './context'
+import { Rewards } from './Rewards'
+import { RewardsCard } from './RewardsCard'
+import { AllTimeShare } from './AllTimeShare'
+import { ClaimableRewards } from './ClaimableRewards'
+
+export {
+  Rewards as BackerRewards,
+  RewardsCard as BackerRewardsCard,
+  AllTimeShare as BackerAllTimeShare,
+  ClaimableRewards as BackerClaimableRewards,
+}
diff --git a/src/app/collective-rewards/rewards/AllTimeRewards.tsx b/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx
similarity index 74%
rename from src/app/collective-rewards/rewards/AllTimeRewards.tsx
rename to src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx
index 18402b67..3ec97710 100644
--- a/src/app/collective-rewards/rewards/AllTimeRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx
@@ -5,6 +5,8 @@ import {
   TokenMetricsCardRow,
   useGetBuilderRewards,
   useGetBuilderRewardsClaimedLogs,
+  RewardDetails,
+  Token,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
@@ -13,18 +15,10 @@ import { usePricesContext } from '@/shared/context/PricesContext'
 import { FC } from 'react'
 import { Address } from 'viem'
 
-type Token = {
-  symbol: string
-  address: Address
-}
-
 type TokenRewardsMetricsProps = {
   gauge: Address
   currency?: string
-  token: {
-    symbol: string
-    address: Address
-  }
+  token: Token
 }
 
 const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
@@ -33,9 +27,9 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
   currency = 'USD',
 }) => {
   const {
-    data: rewardsPerToken,
-    isLoading: logsLoading,
-    error: rewardsError,
+    data: builderRewardsPerToken,
+    isLoading: builderRewardsPerTokenLoading,
+    error: builderRewardsPerTokenError,
   } = useGetBuilderRewardsClaimedLogs(gauge)
   const {
     data: claimableRewards,
@@ -43,13 +37,13 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
     error: claimableRewardsError,
   } = useGetBuilderRewards(address, gauge)
 
-  const error = rewardsError ?? claimableRewardsError
+  const error = builderRewardsPerTokenError ?? claimableRewardsError
   useHandleErrors({ error, title: 'Error loading all time rewards' })
 
   const { prices } = usePricesContext()
 
   const totalClaimedRewards =
-    rewardsPerToken[address]?.reduce((acc, event) => {
+    builderRewardsPerToken[address]?.reduce((acc, event) => {
       const amount = event.args.amount_ ?? 0n
       return acc + amount
     }, 0n) ?? 0n
@@ -60,22 +54,19 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
 
   const { amount, fiatAmount } = formatMetrics(totalRewardsInHuman, price, symbol, currency)
 
-  return withSpinner(TokenMetricsCardRow)({
+  return withSpinner(
+    TokenMetricsCardRow,
+    'min-h-0 grow-0',
+  )({
     amount,
     fiatAmount,
-    isLoading: logsLoading || claimableRewardsLoading,
+    isLoading: builderRewardsPerTokenLoading || claimableRewardsLoading,
   })
 }
 
-type AllTimeRewardsProps = {
-  gauge: Address
-  currency?: string
-  data: {
-    [token: string]: Token
-  }
-}
+type AllTimeRewardsProps = Omit<RewardDetails, 'builder'>
 
-export const AllTimeRewards: FC<AllTimeRewardsProps> = ({ data: { rif, rbtc }, ...rest }) => {
+export const AllTimeRewards: FC<AllTimeRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
     <MetricsCard borderless>
       <MetricsCardTitle title="All time rewards" data-testid="AllTimeRewards" />
diff --git a/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx b/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx
new file mode 100644
index 00000000..ec1c95a4
--- /dev/null
+++ b/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx
@@ -0,0 +1,65 @@
+import { FC } from 'react'
+import {
+  useGetBuilderRewards,
+  MetricsCardWithSpinner,
+  MetricsCardTitle,
+  MetricsCardContent,
+  useGetBuilderRewardsClaimedLogs,
+  RewardDetails,
+  useGetGaugesNotifyReward,
+} from '@/app/collective-rewards/rewards'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+
+type AllTimeShareProps = Omit<RewardDetails, 'builder'>
+
+export const AllTimeShare: FC<AllTimeShareProps> = ({ gauge, gauges, tokens: { rif } }) => {
+  const {
+    data: notifyReward,
+    isLoading: notifyRewardLoading,
+    error: notifyRewardError,
+  } = useGetGaugesNotifyReward(gauges, rif.address)
+  const {
+    data: builderRewardsPerToken,
+    isLoading: builderRewardsPerTokenLoading,
+    error: builderRewardsPerTokenError,
+  } = useGetBuilderRewardsClaimedLogs(gauge)
+  const {
+    data: claimableRewards,
+    isLoading: claimableRewardsLoading,
+    error: claimableRewardsError,
+  } = useGetBuilderRewards(rif.address, gauge)
+
+  const error = notifyRewardError ?? builderRewardsPerTokenError ?? claimableRewardsError
+
+  useHandleErrors({ error, title: 'Error loading all time share' })
+
+  const isLoading = notifyRewardLoading || builderRewardsPerTokenLoading || claimableRewardsLoading
+
+  const builderClaimedRewards =
+    builderRewardsPerToken[rif.address]?.reduce((acc, event) => {
+      const amount = event.args.amount_
+      return acc + amount
+    }, 0n) ?? 0n
+  const totalBuilderRewards = builderClaimedRewards + (claimableRewards ?? 0n)
+
+  const notifyRewards = Object.values(notifyReward).reduce(
+    (acc, events) =>
+      acc +
+      events.reduce(
+        (acc, { args: { backersAmount_, builderAmount_ } }) => acc + backersAmount_ + builderAmount_,
+        0n,
+      ),
+    0n,
+  )
+
+  const amount = !notifyRewards ? '0%' : `${(totalBuilderRewards * 100n) / notifyRewards}%`
+
+  return (
+    <MetricsCardWithSpinner isLoading={isLoading} borderless>
+      <div className="flex flex-col gap-y-[10px]">
+        <MetricsCardTitle title="All time share" data-testid="AllTimeShare" />
+        <MetricsCardContent>{amount}</MetricsCardContent>
+      </div>
+    </MetricsCardWithSpinner>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
similarity index 51%
rename from src/app/collective-rewards/rewards/ClaimableRewards.tsx
rename to src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
index 4eeec6bf..3858a1e6 100644
--- a/src/app/collective-rewards/rewards/ClaimableRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
@@ -6,52 +6,17 @@ import {
   useClaimBuilderRewards,
   useClaimStateReporting,
   useGetBuilderRewards,
+  Token,
+  RewardDetails,
+  ClaimYourRewardsButton,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { Button, ButtonProps } from '@/components/Button'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
-import { Popover } from '@/components/Popover'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import { FC } from 'react'
 import { Address } from 'viem'
 
-const ClaimYourRewardsSvg = () => (
-  <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M13.75 12.1667H13.7583M2.5 4.66667V16.3333C2.5 17.2538 3.24619 18 4.16667 18H15.8333C16.7538 18 17.5 17.2538 17.5 16.3333V8C17.5 7.07953 16.7538 6.33333 15.8333 6.33333L4.16667 6.33333C3.24619 6.33333 2.5 5.58714 2.5 4.66667ZM2.5 4.66667C2.5 3.74619 3.24619 3 4.16667 3H14.1667M14.1667 12.1667C14.1667 12.3968 13.9801 12.5833 13.75 12.5833C13.5199 12.5833 13.3333 12.3968 13.3333 12.1667C13.3333 11.9365 13.5199 11.75 13.75 11.75C13.9801 11.75 14.1667 11.9365 14.1667 12.1667Z"
-      stroke="white"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-)
-
-const ClaimYourRewardsButton: FC<Required<Pick<ButtonProps, 'onClick' | 'disabled'>>> = buttonProps => (
-  <div className="self-start justify-self-end pt-[10px]">
-    <Popover
-      content={
-        <div className="text-[12px] font-bold mb-1">
-          <p data-testid="builderAddressTooltip">Claim your rewards</p>
-        </div>
-      }
-      size="small"
-      position="top"
-      trigger="hover"
-    >
-      <Button {...buttonProps} variant="borderless" className="px-1 py-1">
-        <ClaimYourRewardsSvg />
-      </Button>
-    </Popover>
-  </div>
-)
-
-type Token = {
-  symbol: string
-  address: Address
-}
-
 type TokenRewardsMetricsProps = {
   builder: Address
   gauge: Address
@@ -87,7 +52,10 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
 
   useClaimStateReporting({ ...claimTx, error: rewardsError ?? claimTx.error })
 
-  return withSpinner(TokenMetricsCardRow)({
+  return withSpinner(
+    TokenMetricsCardRow,
+    'min-h-0 grow-0',
+  )({
     amount,
     fiatAmount,
     isLoading: rewardsLoading,
@@ -97,16 +65,9 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
   })
 }
 
-type ClaimableRewardsProps = {
-  builder: Address
-  gauge: Address
-  currency?: string
-  data: {
-    [token: string]: Token
-  }
-}
+type ClaimableRewardsProps = RewardDetails
 
-export const ClaimableRewards: FC<ClaimableRewardsProps> = ({ data: { rif, rbtc }, ...rest }) => {
+export const ClaimableRewards: FC<ClaimableRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
     <MetricsCard borderless>
       <MetricsCardTitle title="Claimable rewards" data-testid="ClaimableRewards" />
diff --git a/src/app/collective-rewards/rewards/EstimatedRewards.tsx b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
similarity index 66%
rename from src/app/collective-rewards/rewards/EstimatedRewards.tsx
rename to src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
index aa968e17..f494be4e 100644
--- a/src/app/collective-rewards/rewards/EstimatedRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
@@ -5,34 +5,33 @@ import {
   TokenMetricsCardRow,
   useGetRewardShares,
   useGetTotalPotentialReward,
+  useGetPerTokenRewards,
+  useGetRewardPercentageToApply,
+  RewardDetails,
+  Token,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import { FC, useEffect, useState } from 'react'
-import { Address } from 'viem'
-import { useGetPerTokenRewards } from './hooks/useGetPerTokenRewards'
+import { Address, parseUnits } from 'viem'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 
-type Token = {
-  symbol: string
-  address: Address
-}
-
 type TokenRewardsProps = {
+  builder: Address
   gauge: Address
   currency?: string
   token: Token & { id: 'rif' | 'rbtc' }
 }
 
-const TokenRewards: FC<TokenRewardsProps> = ({ gauge, token: { id, symbol }, currency = 'USD' }) => {
+const TokenRewards: FC<TokenRewardsProps> = ({ builder, gauge, token: { id, symbol }, currency = 'USD' }) => {
   const { [id]: tokenRewards } = useGetPerTokenRewards()
   const [rewards, setRewards] = useState<bigint>(0n)
   const [rewardsError, setRewardsError] = useState<Error | null>(null)
   const [isRewardsLoading, setIsRewardsLoading] = useState(true)
 
   useEffect(() => {
-    if (tokenRewards && symbol in tokenRewards) {
+    if (tokenRewards && tokenRewards.data) {
       setRewards(tokenRewards.data ?? 0n)
     }
     if (tokenRewards && tokenRewards.error) {
@@ -53,34 +52,40 @@ const TokenRewards: FC<TokenRewardsProps> = ({ gauge, token: { id, symbol }, cur
     isLoading: rewardSharesLoading,
     error: rewardSharesError,
   } = useGetRewardShares(gauge)
+  const {
+    data: rewardPercentage,
+    isLoading: rewardPercentageLoading,
+    error: rewardPercentageError,
+  } = useGetRewardPercentageToApply(builder)
 
-  const error = rewardsError ?? totalPotentialRewardsError ?? rewardSharesError
+  const error = rewardsError ?? totalPotentialRewardsError ?? rewardSharesError ?? rewardPercentageError
   useHandleErrors({ error, title: 'Error loading estimated rewards' })
 
   const { prices } = usePricesContext()
 
+  const precision = parseUnits('1', 18)
+  const rewardsAmount = rewardPercentage ? (rewards * rewardPercentage) / precision : 0n
+
   const estimatedRewards =
-    rewards && rewardShares && totalPotentialRewards ? (rewards * rewardShares) / totalPotentialRewards : 0n
+    rewardShares && totalPotentialRewards ? (rewardShares * rewardsAmount) / totalPotentialRewards : 0n
   const estimatedRewardsInHuman = Number(formatBalanceToHuman(estimatedRewards))
   const price = prices[symbol]?.price ?? 0
   const { amount, fiatAmount } = formatMetrics(estimatedRewardsInHuman, price, symbol, currency)
 
-  return withSpinner(TokenMetricsCardRow)({
+  return withSpinner(
+    TokenMetricsCardRow,
+    'min-h-0 grow-0',
+  )({
     amount,
     fiatAmount,
-    isLoading: isRewardsLoading || totalPotentialRewardsLoading || rewardSharesLoading,
+    isLoading:
+      isRewardsLoading || totalPotentialRewardsLoading || rewardSharesLoading || rewardPercentageLoading,
   })
 }
 
-type EstimatedRewardsProps = {
-  gauge: Address
-  currency?: string
-  data: {
-    [token: string]: Token
-  }
-}
+type EstimatedRewardsProps = RewardDetails
 
-export const EstimatedRewards: FC<EstimatedRewardsProps> = ({ data: { rif, rbtc }, ...rest }) => {
+export const EstimatedRewards: FC<EstimatedRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
     <MetricsCard borderless>
       <MetricsCardTitle title="Estimated rewards" data-testid="EstimatedRewards" />
diff --git a/src/app/collective-rewards/rewards/LastCycleRewards.tsx b/src/app/collective-rewards/rewards/builders/LastCycleRewards.tsx
similarity index 83%
rename from src/app/collective-rewards/rewards/LastCycleRewards.tsx
rename to src/app/collective-rewards/rewards/builders/LastCycleRewards.tsx
index 00e9a299..790e47e5 100644
--- a/src/app/collective-rewards/rewards/LastCycleRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/LastCycleRewards.tsx
@@ -6,6 +6,8 @@ import {
   MetricsCardTitle,
   TokenMetricsCardRow,
   useGetGaugeNotifyRewardLogs,
+  RewardDetails,
+  Token,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
@@ -17,10 +19,7 @@ import { Address } from 'viem'
 type TokenRewardsMetricsProps = {
   gauge: Address
   currency?: string
-  token: {
-    symbol: string
-    address: Address
-  }
+  token: Token
 }
 
 const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
@@ -45,25 +44,19 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
   const price = prices[symbol]?.price ?? 0
   const { amount, fiatAmount } = formatMetrics(lastCycleRewardsInHuman, price, symbol, currency)
 
-  return withSpinner(TokenMetricsCardRow)({
+  return withSpinner(
+    TokenMetricsCardRow,
+    'min-h-0 grow-0',
+  )({
     amount,
     fiatAmount,
     isLoading: cycleLoading || logsLoading,
   })
 }
 
-type LastCycleRewardsProps = {
-  gauge: Address
-  data: {
-    [token: string]: {
-      symbol: string
-      address: Address
-    }
-  }
-  currency?: string
-}
+type LastCycleRewardsProps = Omit<RewardDetails, 'builder'>
 
-export const LastCycleRewards: FC<LastCycleRewardsProps> = ({ data: { rif, rbtc }, ...rest }) => {
+export const LastCycleRewards: FC<LastCycleRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
     <MetricsCard borderless>
       <MetricsCardTitle title="Last cycle rewards" data-testid="LastCycleRewards" />
diff --git a/src/app/collective-rewards/rewards/builders/Rewards.tsx b/src/app/collective-rewards/rewards/builders/Rewards.tsx
new file mode 100644
index 00000000..38ee010c
--- /dev/null
+++ b/src/app/collective-rewards/rewards/builders/Rewards.tsx
@@ -0,0 +1,73 @@
+import { CycleContextProvider } from '@/app/collective-rewards/metrics'
+import {
+  BuilderAllTimeRewards,
+  BuilderAllTimeShare,
+  BuilderClaimableRewards,
+  BuilderEstimatedRewards,
+  BuilderLastCycleRewards,
+  RewardDetails,
+  useClaimBuilderRewards,
+  useClaimStateReporting,
+} from '@/app/collective-rewards/rewards'
+import { MetricContainer } from '@/app/collective-rewards/rewards/components/MetricContainer'
+import { Button } from '@/components/Button'
+import { Popover } from '@/components/Popover'
+import { Paragraph } from '@/components/Typography'
+import { PricesContextProvider } from '@/shared/context/PricesContext'
+import { FC } from 'react'
+
+type RewardsProps = RewardDetails
+
+export const Rewards: FC<RewardsProps> = ({ builder, ...rest }) => {
+  const { isClaimFunctionReady, claimRewards, ...claimTx } = useClaimBuilderRewards(builder)
+
+  useClaimStateReporting({ ...claimTx })
+
+  return (
+    <CycleContextProvider>
+      <PricesContextProvider>
+        <div className="flex justify-center gap-4 w-full">
+          <MetricContainer className="flex-1 flex flex-col items-start gap-2">
+            <div className="min-h-[190px] w-full">
+              <BuilderClaimableRewards builder={builder} {...rest} />
+            </div>
+            <Popover
+              disabled={isClaimFunctionReady}
+              content={
+                <Paragraph variant="normal" className="text-sm">
+                  Wait a moment, please. Preparing the claim functionality.
+                </Paragraph>
+              }
+              trigger="hover"
+              background="dark"
+              size="small"
+              position="bottom"
+              className="z-[100]"
+            >
+              <Button
+                className="w-full"
+                onClick={() => claimRewards()}
+                disabled={!isClaimFunctionReady}
+                variant="primary"
+              >
+                Claim all
+              </Button>
+            </Popover>
+          </MetricContainer>
+          <MetricContainer>
+            <BuilderLastCycleRewards {...rest} />
+          </MetricContainer>
+          <MetricContainer>
+            <BuilderEstimatedRewards builder={builder} {...rest} />
+          </MetricContainer>
+          <MetricContainer>
+            <BuilderAllTimeRewards {...rest} />
+          </MetricContainer>
+          <MetricContainer>
+            <BuilderAllTimeShare {...rest} />
+          </MetricContainer>
+        </div>
+      </PricesContextProvider>
+    </CycleContextProvider>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/builders/hooks/index.ts b/src/app/collective-rewards/rewards/builders/hooks/index.ts
new file mode 100644
index 00000000..4e0ddd0c
--- /dev/null
+++ b/src/app/collective-rewards/rewards/builders/hooks/index.ts
@@ -0,0 +1,4 @@
+export * from './useClaimBuilderRewards'
+export * from './useGetBuilderRewards'
+export * from './useGetBuilderRewardsClaimedLogs'
+export * from './useGetRewardPercentageToApply'
diff --git a/src/app/collective-rewards/rewards/hooks/useClaimBuilderRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts
similarity index 60%
rename from src/app/collective-rewards/rewards/hooks/useClaimBuilderRewards.ts
rename to src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts
index 2075169b..e4b7279c 100644
--- a/src/app/collective-rewards/rewards/hooks/useClaimBuilderRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts
@@ -2,8 +2,7 @@ import { Address, zeroAddress } from 'viem'
 import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
 import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
 import { createZeroAddressError } from '@/shared/errors/zeroAddressError'
-import { useEffect, useMemo } from 'react'
-import { useAlertContext } from '@/app/providers'
+import { useMemo } from 'react'
 import { useGetBuilderToGauge } from '@/app/collective-rewards/user'
 
 export const useClaimBuilderRewards = (builder: Address) => {
@@ -71,54 +70,3 @@ export const useClaimBuilderRewards = (builder: Address) => {
     receipt: data,
   }
 }
-
-export const useClaimStateReporting = ({
-  error,
-  isPendingTx,
-  isLoadingReceipt,
-  isSuccess,
-  receipt,
-}: Omit<ReturnType<typeof useClaimBuilderRewards>, 'isClaimFunctionReady' | 'claimRewards'>) => {
-  const { setMessage } = useAlertContext()
-
-  useEffect(() => {
-    if (error) {
-      setMessage({
-        severity: 'error',
-        title: 'Error claiming rewards',
-        content: error.message,
-      })
-      console.error('🐛 claimError:', error)
-    }
-  }, [error, setMessage])
-
-  useEffect(() => {
-    if (isPendingTx) {
-      setMessage({
-        severity: 'info',
-        content: 'Confirm transaction execution in your wallet',
-        title: 'Claiming builder rewards',
-      })
-    }
-  }, [isPendingTx, setMessage])
-
-  useEffect(() => {
-    if (isLoadingReceipt) {
-      setMessage({
-        severity: 'info',
-        content: 'Waiting for transaction confirmation. See status details in your wallet.',
-        title: 'Claiming builder rewards',
-      })
-    }
-  }, [isLoadingReceipt, setMessage])
-
-  useEffect(() => {
-    if (isSuccess && receipt) {
-      setMessage({
-        severity: 'success',
-        title: 'Claiming builder rewards',
-        content: `Successfully claimed in tx: ${receipt.transactionHash}`,
-      })
-    }
-  }, [isSuccess, receipt, setMessage])
-}
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuilderRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuilderRewards.ts
similarity index 100%
rename from src/app/collective-rewards/rewards/hooks/useGetBuilderRewards.ts
rename to src/app/collective-rewards/rewards/builders/hooks/useGetBuilderRewards.ts
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardsClaimedLogs.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuilderRewardsClaimedLogs.ts
similarity index 100%
rename from src/app/collective-rewards/rewards/hooks/useGetBuilderRewardsClaimedLogs.ts
rename to src/app/collective-rewards/rewards/builders/hooks/useGetBuilderRewardsClaimedLogs.ts
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetRewardPercentageToApply.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetRewardPercentageToApply.ts
new file mode 100644
index 00000000..7ea763de
--- /dev/null
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetRewardPercentageToApply.ts
@@ -0,0 +1,23 @@
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { Address } from 'viem'
+import { useReadContract } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+
+export const useGetRewardPercentageToApply = (builder: Address) => {
+  const { data, isLoading, error } = useReadContract({
+    address: BackersManagerAddress,
+    abi: BackersManagerAbi,
+    functionName: 'getRewardPercentageToApply',
+    args: [builder],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/builders/index.ts b/src/app/collective-rewards/rewards/builders/index.ts
new file mode 100644
index 00000000..e4883831
--- /dev/null
+++ b/src/app/collective-rewards/rewards/builders/index.ts
@@ -0,0 +1,17 @@
+export * from './hooks'
+
+import { AllTimeRewards } from './AllTimeRewards'
+import { AllTimeShare } from './AllTimeShare'
+import { ClaimableRewards } from './ClaimableRewards'
+import { EstimatedRewards } from './EstimatedRewards'
+import { LastCycleRewards } from './LastCycleRewards'
+import { Rewards } from './Rewards'
+
+export {
+  AllTimeRewards as BuilderAllTimeRewards,
+  AllTimeShare as BuilderAllTimeShare,
+  ClaimableRewards as BuilderClaimableRewards,
+  EstimatedRewards as BuilderEstimatedRewards,
+  LastCycleRewards as BuilderLastCycleRewards,
+  Rewards as BuilderRewards,
+}
diff --git a/src/app/collective-rewards/rewards/components/ClaimYouRewardButton.tsx b/src/app/collective-rewards/rewards/components/ClaimYouRewardButton.tsx
new file mode 100644
index 00000000..81c7c324
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/ClaimYouRewardButton.tsx
@@ -0,0 +1,34 @@
+import { FC } from 'react'
+import { ButtonProps, Button } from '@/components/Button'
+import { Popover } from '@/components/Popover'
+
+const ClaimYourRewardsSvg = () => (
+  <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M13.75 12.1667H13.7583M2.5 4.66667V16.3333C2.5 17.2538 3.24619 18 4.16667 18H15.8333C16.7538 18 17.5 17.2538 17.5 16.3333V8C17.5 7.07953 16.7538 6.33333 15.8333 6.33333L4.16667 6.33333C3.24619 6.33333 2.5 5.58714 2.5 4.66667ZM2.5 4.66667C2.5 3.74619 3.24619 3 4.16667 3H14.1667M14.1667 12.1667C14.1667 12.3968 13.9801 12.5833 13.75 12.5833C13.5199 12.5833 13.3333 12.3968 13.3333 12.1667C13.3333 11.9365 13.5199 11.75 13.75 11.75C13.9801 11.75 14.1667 11.9365 14.1667 12.1667Z"
+      stroke="white"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+export const ClaimYourRewardsButton: FC<Pick<ButtonProps, 'onClick' | 'disabled'>> = buttonProps => (
+  <div className="self-start justify-self-end pt-[10px]">
+    <Popover
+      content={
+        <div className="text-[12px] font-bold mb-1">
+          <p data-testid="builderAddressTooltip">Claim your rewards</p>
+        </div>
+      }
+      size="small"
+      position="top"
+      trigger="hover"
+    >
+      <Button {...buttonProps} variant="borderless" className="px-1 py-1">
+        <ClaimYourRewardsSvg />
+      </Button>
+    </Popover>
+  </div>
+)
diff --git a/src/app/collective-rewards/rewards/components/MetricContainer.tsx b/src/app/collective-rewards/rewards/components/MetricContainer.tsx
new file mode 100644
index 00000000..67f813e6
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/MetricContainer.tsx
@@ -0,0 +1,11 @@
+import { cn } from '@/lib/utils'
+import { ReactNode } from 'react'
+
+interface MetricsElementProps {
+  children: ReactNode
+  className?: string
+}
+
+export const MetricContainer = ({ children, className }: MetricsElementProps) => (
+  <div className={cn('flex-1 min-w-[calc(20%-1rem)] max-w-[17%]', className)}>{children}</div>
+)
diff --git a/src/app/collective-rewards/rewards/components/Metrics/index.ts b/src/app/collective-rewards/rewards/components/Metrics/index.ts
deleted file mode 100644
index 0224b30f..00000000
--- a/src/app/collective-rewards/rewards/components/Metrics/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './MetricsCard'
diff --git a/src/app/collective-rewards/rewards/components/Metrics/MetricsCard.tsx b/src/app/collective-rewards/rewards/components/MetricsCard.tsx
similarity index 82%
rename from src/app/collective-rewards/rewards/components/Metrics/MetricsCard.tsx
rename to src/app/collective-rewards/rewards/components/MetricsCard.tsx
index 03dc4830..a054194e 100644
--- a/src/app/collective-rewards/rewards/components/Metrics/MetricsCard.tsx
+++ b/src/app/collective-rewards/rewards/components/MetricsCard.tsx
@@ -28,7 +28,7 @@ type MetricsCardProps = {
   children?: ReactNode
 }
 
-const DEFAULT_CLASSES = 'h-min-[79px] w-full py-[12px] px-[12px] flex flex-col bg-foreground'
+const DEFAULT_CLASSES = 'flex-1 py-[12px] px-[12px] flex flex-col bg-foreground h-[190px] w-full'
 
 export const TokenMetricsCardRow: FC<MetricsCardRow> = ({ amount, fiatAmount, children }) => (
   <div className="flex flex-row w-full items-center">
@@ -88,4 +88,22 @@ export const MetricsCardTitle: FC<{ title: string; 'data-testid': string }> = ({
   </Typography>
 )
 
+type MetricsCardContentProps = {
+  children: ReactNode
+}
+
+export const MetricsCardContent: FC<MetricsCardContentProps> = ({ children }) => (
+  <Typography
+    tagVariant="h2"
+    paddingBottom="2px"
+    paddingTop="10px"
+    lineHeight="28.8px"
+    fontFamily="kk-topo"
+    className="text-[48px] text-primary font-normal"
+    data-testid="Content"
+  >
+    {children}
+  </Typography>
+)
+
 export const MetricsCardWithSpinner = withSpinner(MetricsCard)
diff --git a/src/app/collective-rewards/rewards/components/Section/RewardsSection.tsx b/src/app/collective-rewards/rewards/components/Section/RewardsSection.tsx
index 3859774f..385ea28a 100644
--- a/src/app/collective-rewards/rewards/components/Section/RewardsSection.tsx
+++ b/src/app/collective-rewards/rewards/components/Section/RewardsSection.tsx
@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react'
 
 export const RewardsSection: FC<{ children: ReactNode }> = ({ children }) => (
-  <div className="flex flex-col justify-center items-start gap-6 self-stretch">{children}</div>
+  <div className="flex flex-col items-start gap-6 self-stretch">{children}</div>
 )
diff --git a/src/app/collective-rewards/rewards/components/index.ts b/src/app/collective-rewards/rewards/components/index.ts
index 64ef06b9..80e367ea 100644
--- a/src/app/collective-rewards/rewards/components/index.ts
+++ b/src/app/collective-rewards/rewards/components/index.ts
@@ -1,2 +1,4 @@
 export * from './Section'
-export * from './Metrics'
+export * from './MetricsCard'
+export * from './MetricContainer'
+export * from './ClaimYouRewardButton'
diff --git a/src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts b/src/app/collective-rewards/rewards/hooks/depecrated/useGetRewardDistributedLogs.ts
similarity index 100%
rename from src/app/collective-rewards/rewards/hooks/useGetRewardDistributedLogs.ts
rename to src/app/collective-rewards/rewards/hooks/depecrated/useGetRewardDistributedLogs.ts
diff --git a/src/app/collective-rewards/rewards/hooks/useGetTokenProjectedReward.ts b/src/app/collective-rewards/rewards/hooks/depecrated/useGetTokenProjectedReward.ts
similarity index 100%
rename from src/app/collective-rewards/rewards/hooks/useGetTokenProjectedReward.ts
rename to src/app/collective-rewards/rewards/hooks/depecrated/useGetTokenProjectedReward.ts
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index d5ae0147..35c9a727 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -1,10 +1,11 @@
-export * from './useClaimBuilderRewards'
-export * from './useGetBuilderRewards'
-export * from './useGetBuilderRewardsClaimedLogs'
-export * from './useGetRewardDistributedLogs'
-export * from './useGetTokenProjectedReward'
+export * from './depecrated/useGetRewardDistributedLogs'
+export * from './depecrated/useGetTokenProjectedReward'
 export * from './useGetNotifyRewardLogs'
 export * from './getRewardShares'
 export * from './getTotalPotentialRewards'
 export * from './useGetRewardsCoinbase'
 export * from './useGetRewardsERC20'
+export * from './useGetPerTokenRewards'
+export * from './useClaimStateReporting'
+export * from './useGetGaugesEvents'
+export * from './useGetGaugesNotifyReward'
diff --git a/src/app/collective-rewards/rewards/hooks/useClaimStateReporting.ts b/src/app/collective-rewards/rewards/hooks/useClaimStateReporting.ts
new file mode 100644
index 00000000..3e344399
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useClaimStateReporting.ts
@@ -0,0 +1,57 @@
+import { useEffect } from 'react'
+import { useAlertContext } from '@/app/providers'
+import { useClaimBackerRewards, useClaimBuilderRewards } from '@/app/collective-rewards/rewards'
+
+export const useClaimStateReporting = ({
+  error,
+  isPendingTx,
+  isLoadingReceipt,
+  isSuccess,
+  receipt,
+}: Omit<
+  ReturnType<typeof useClaimBackerRewards | typeof useClaimBuilderRewards>,
+  'isClaimFunctionReady' | 'claimRewards'
+>) => {
+  const { setMessage } = useAlertContext()
+
+  useEffect(() => {
+    if (error) {
+      setMessage({
+        severity: 'error',
+        title: 'Error claiming rewards',
+        content: error.message,
+      })
+      console.error('🐛 claimError:', error)
+    }
+  }, [error, setMessage])
+
+  useEffect(() => {
+    if (isPendingTx) {
+      setMessage({
+        severity: 'info',
+        content: 'Confirm transaction execution in your wallet',
+        title: 'Claiming rewards',
+      })
+    }
+  }, [isPendingTx, setMessage])
+
+  useEffect(() => {
+    if (isLoadingReceipt) {
+      setMessage({
+        severity: 'info',
+        content: 'Waiting for transaction confirmation. See status details in your wallet.',
+        title: 'Claiming rewards',
+      })
+    }
+  }, [isLoadingReceipt, setMessage])
+
+  useEffect(() => {
+    if (isSuccess && receipt) {
+      setMessage({
+        severity: 'success',
+        title: 'Claiming rewards',
+        content: `Successfully claimed in tx: ${receipt.transactionHash}`,
+      })
+    }
+  }, [isSuccess, receipt, setMessage])
+}
diff --git a/src/app/collective-rewards/rewards/hooks/useGetGaugesEvents.ts b/src/app/collective-rewards/rewards/hooks/useGetGaugesEvents.ts
new file mode 100644
index 00000000..357d74cc
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetGaugesEvents.ts
@@ -0,0 +1,52 @@
+import { AbiEvent, Address, parseEventLogs } from 'viem'
+import {
+  fetchBackerRewardsClaimed,
+  fetchBuilderRewardsClaimed,
+  fetchGaugeNotifyRewardLogs,
+} from '@/app/collective-rewards/actions'
+import { useQuery } from '@tanstack/react-query'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+
+type EventEntry = Extract<(typeof GaugeAbi)[number], AbiEvent>
+type EventName = Extract<
+  EventEntry['name'],
+  'NotifyReward' | 'BackerRewardsClaimed' | 'BuilderRewardsClaimed'
+>
+type GaugeEventLog<T extends EventName> = ReturnType<typeof parseEventLogs<typeof GaugeAbi, true, T>>
+
+const eventFetchers: Record<EventName, Function> = {
+  BackerRewardsClaimed: fetchBackerRewardsClaimed,
+  NotifyReward: fetchGaugeNotifyRewardLogs,
+  BuilderRewardsClaimed: fetchBuilderRewardsClaimed,
+}
+
+export const useGetGaugesEvents = <T extends EventName>(gauges: Address[], eventName: T) => {
+  const { data, isLoading, error } = useQuery({
+    queryFn: async () => {
+      const values = await Promise.allSettled(gauges.map(gauge => eventFetchers[eventName](gauge)))
+      return values.reduce<Record<Address, GaugeEventLog<T>>>((acc, result, index) => {
+        if (result.status !== 'fulfilled') {
+          throw new Error('Error fetching gauge logs')
+        }
+        const events = parseEventLogs({
+          abi: GaugeAbi,
+          logs: result.value.data,
+          eventName,
+        })
+
+        acc[gauges[index]] = events
+        return acc
+      }, {})
+    },
+    queryKey: ['useGetDistributedRewards', eventName],
+    refetchInterval: AVERAGE_BLOCKTIME,
+    initialData: {},
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/useGetGaugesNotifyReward.ts b/src/app/collective-rewards/rewards/hooks/useGetGaugesNotifyReward.ts
new file mode 100644
index 00000000..2d7463c3
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetGaugesNotifyReward.ts
@@ -0,0 +1,27 @@
+import { Address, isAddressEqual } from 'viem'
+import { useMemo } from 'react'
+import { useGetGaugesEvents } from '@/app/collective-rewards/rewards'
+
+export const useGetGaugesNotifyReward = (gauges: Address[], rewardToken?: Address) => {
+  const { data: eventsData, isLoading, error } = useGetGaugesEvents(gauges, 'NotifyReward')
+
+  const data = useMemo(() => {
+    return Object.keys(eventsData).reduce((acc: { [key: string]: (typeof eventsData)[Address] }, key) => {
+      let events = eventsData[key as Address]
+      if (rewardToken) {
+        events = events.filter(event => isAddressEqual(event.args.rewardToken_, rewardToken))
+      }
+
+      if (events.length > 0) {
+        acc[key] = events
+      }
+      return acc
+    }, {})
+  }, [eventsData, rewardToken])
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/useGetPerTokenRewards.ts b/src/app/collective-rewards/rewards/hooks/useGetPerTokenRewards.ts
index 21fe0610..f36a3d65 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetPerTokenRewards.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetPerTokenRewards.ts
@@ -1,7 +1,6 @@
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { UseReadContractReturnType } from 'wagmi'
-import { useGetRewardsCoinbase } from './useGetRewardsCoinbase'
-import { useGetRewardsERC20 } from './useGetRewardsERC20'
+import { useGetRewardsCoinbase, useGetRewardsERC20 } from '@/app/collective-rewards/rewards'
 
 export const useGetPerTokenRewards = (): Record<
   'rif' | 'rbtc',
diff --git a/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts
index 073be48a..43073ea2 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts
@@ -1,7 +1,7 @@
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 import { BackersManagerAddress } from '@/lib/contracts'
-import { useReadContract, UseReadContractReturnType } from 'wagmi'
+import { useReadContract } from 'wagmi'
 
 export const useGetRewardsCoinbase = () => {
   return useReadContract({
diff --git a/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts
index 36572490..bd485e0d 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts
@@ -1,8 +1,7 @@
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 import { BackersManagerAddress } from '@/lib/contracts'
-import { ReadContractReturnType } from 'viem/actions'
-import { useReadContract, UseReadContractReturnType } from 'wagmi'
+import { useReadContract } from 'wagmi'
 
 export const useGetRewardsERC20 = () => {
   return useReadContract({
diff --git a/src/app/collective-rewards/rewards/index.ts b/src/app/collective-rewards/rewards/index.ts
index 2aef92a6..3ecc14e6 100644
--- a/src/app/collective-rewards/rewards/index.ts
+++ b/src/app/collective-rewards/rewards/index.ts
@@ -1,9 +1,6 @@
+export * from './backers'
+export * from './builders'
 export * from './components'
 export * from './hooks'
 export * from './utils'
-export * from './MyRewards'
-export * from './LastCycleRewards'
-export * from './ClaimableRewards'
-export * from './AllTimeRewards'
-export * from './EstimatedRewards'
-export * from './AllTimeShare'
+export * from './types'
diff --git a/src/app/collective-rewards/rewards/types.ts b/src/app/collective-rewards/rewards/types.ts
new file mode 100644
index 00000000..cf80d50b
--- /dev/null
+++ b/src/app/collective-rewards/rewards/types.ts
@@ -0,0 +1,16 @@
+import { Address } from 'viem'
+
+export type Token = {
+  symbol: string
+  address: Address
+}
+
+export type RewardDetails = {
+  builder: Address
+  gauge: Address
+  gauges: Address[]
+  currency?: string
+  tokens: {
+    [token: string]: Token
+  }
+}
diff --git a/src/app/collective-rewards/user/hooks/index.ts b/src/app/collective-rewards/user/hooks/index.ts
index 94fc413a..d1969ba0 100644
--- a/src/app/collective-rewards/user/hooks/index.ts
+++ b/src/app/collective-rewards/user/hooks/index.ts
@@ -3,3 +3,5 @@ export * from './useGetIsWhitelistedBuilder'
 export * from './useGetWhitelistedBuilders'
 export * from './useGetWhitelistedBuildersLength'
 export * from './useGetBuilderToGauge'
+export * from './useGetGaugesArray'
+export * from './useGetGaugesLength'
diff --git a/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts b/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts
new file mode 100644
index 00000000..dc8092a0
--- /dev/null
+++ b/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts
@@ -0,0 +1,57 @@
+import { useReadContracts } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { AbiFunction, Address } from 'viem'
+import { useGetGaugesLength } from '@/app/collective-rewards/user'
+
+const gaugeTypeOptions = ['active', 'halted'] as const
+export type GaugeType = (typeof gaugeTypeOptions)[number]
+
+type FunctionEntry = Extract<(typeof BuilderRegistryAbi)[number], AbiFunction>
+type FunctionName = Extract<FunctionEntry['name'], 'getGaugeAt' | 'getHaltedGaugeAt'>
+
+const gaugeType: Record<GaugeType, FunctionName> = {
+  active: 'getGaugeAt',
+  halted: 'getHaltedGaugeAt',
+}
+
+export const useGetGaugesArray = (type: GaugeType) => {
+  const {
+    data: gaugesLength,
+    isLoading: gaugesLengthLoading,
+    error: gaugesLengthError,
+  } = useGetGaugesLength(type)
+
+  const length = gaugesLength ? Number(gaugesLength) : 0
+
+  const contractCalls = Array.from({ length }, (_, index) => {
+    return {
+      address: BackersManagerAddress,
+      abi: BuilderRegistryAbi,
+      functionName: gaugeType[type],
+      args: [index],
+    } as const
+  })
+
+  const {
+    data: gaugesAddress,
+    isLoading: gaugesAddressLoading,
+    error: gaugesAddressError,
+  } = useReadContracts<Address[]>({
+    contracts: contractCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  const gauges = gaugesAddress?.map(gauge => gauge.result as Address)
+  const isLoading = gaugesLengthLoading || gaugesAddressLoading
+  const error = gaugesLengthError ?? gaugesAddressError
+
+  return {
+    data: gauges,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/user/hooks/useGetGaugesLength.ts b/src/app/collective-rewards/user/hooks/useGetGaugesLength.ts
new file mode 100644
index 00000000..e474dbfc
--- /dev/null
+++ b/src/app/collective-rewards/user/hooks/useGetGaugesLength.ts
@@ -0,0 +1,31 @@
+import { useReadContract } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { AbiFunction } from 'viem'
+import { GaugeType } from '@/app/collective-rewards/user'
+
+type FunctionEntry = Extract<(typeof BuilderRegistryAbi)[number], AbiFunction>
+type FunctionName = Extract<FunctionEntry['name'], 'getGaugesLength' | 'getHaltedGaugesLength'>
+
+const gaugeType: Record<GaugeType, FunctionName> = {
+  active: 'getGaugesLength',
+  halted: 'getHaltedGaugesLength',
+}
+
+export const useGetGaugesLength = (type: GaugeType) => {
+  const { data, isLoading, error } = useReadContract({
+    address: BackersManagerAddress,
+    abi: BuilderRegistryAbi,
+    functionName: gaugeType[type],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/components/LoadingSpinner/withLoadingSpinner.tsx b/src/components/LoadingSpinner/withLoadingSpinner.tsx
index 68ed2b00..c62b7291 100644
--- a/src/components/LoadingSpinner/withLoadingSpinner.tsx
+++ b/src/components/LoadingSpinner/withLoadingSpinner.tsx
@@ -5,9 +5,12 @@ type WithLoadingProps = {
   isLoading: boolean
 }
 
-export const withSpinner = <P extends {}>(Component: ComponentType<P>): FC<P & WithLoadingProps> => {
+export const withSpinner = <P extends {}>(
+  Component: ComponentType<P>,
+  className = '',
+): FC<P & WithLoadingProps> => {
   const WrappedComponent = ({ isLoading, ...props }: WithLoadingProps) => (
-    <>{isLoading ? <LoadingSpinner /> : <Component {...(props as P)} />}</>
+    <>{isLoading ? <LoadingSpinner className={className} /> : <Component {...(props as P)} />}</>
   )
 
   WrappedComponent.displayName = `WithSpinner(${Component.displayName || Component.name})`
diff --git a/src/lib/abis/v2/GaugeAbi.ts b/src/lib/abis/v2/GaugeAbi.ts
index 46310485..612a1625 100644
--- a/src/lib/abis/v2/GaugeAbi.ts
+++ b/src/lib/abis/v2/GaugeAbi.ts
@@ -169,6 +169,30 @@ export const GaugeAbi = [
     outputs: [],
     stateMutability: 'nonpayable',
   },
+  {
+    type: 'function',
+    name: 'claimedBackerRewards',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'backer_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
   {
     type: 'function',
     name: 'earned',
@@ -193,6 +217,30 @@ export const GaugeAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'estimatedBackerRewards',
+    inputs: [
+      {
+        name: 'rewardToken_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'backer_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
   {
     type: 'function',
     name: 'incentivizeWithCoinbase',
diff --git a/src/lib/endpoints.ts b/src/lib/endpoints.ts
index ae0f4f93..1f7a470a 100644
--- a/src/lib/endpoints.ts
+++ b/src/lib/endpoints.ts
@@ -26,11 +26,14 @@ export const getNftHolders = `/nfts/{{address}}/holders?chainId=${CHAIN_ID}`
 const REWARD_DISTRIBUTED_EVENT = '0x57ea5c7c295b52ef3b06c69661d59c8a6d9c602ac5355cfe5e54e303c139f270'
 export const fetchRewardDistributedLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${REWARD_DISTRIBUTED_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
 
-const NOTIFY_REWARD_EVENT = 'f70d5c697de7ea828df48e5c4573cb2194c659f1901f70110c52b066dcf50826'
+const NOTIFY_REWARD_EVENT = '0xf70d5c697de7ea828df48e5c4573cb2194c659f1901f70110c52b066dcf50826'
 export const fetchNotifyRewardLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${NOTIFY_REWARD_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
 
 const GAUGE_NOTIFY_REWARD_EVENT = '0x3c0f5c48b0ffa2c570c1a0f4fbf7b0f8982213afff9eb42cd258ead865cf3c9d'
 export const fetchGaugeNotifyRewardLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${GAUGE_NOTIFY_REWARD_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
 
-const BUILDER_REWARDS_CLAIMED_EVENT = 'c309438e69ba53ef6afef64839bd1ab1acc4a9a8fd28c8e0356075ca66f72c1b'
+const BUILDER_REWARDS_CLAIMED_EVENT = '0xc309438e69ba53ef6afef64839bd1ab1acc4a9a8fd28c8e0356075ca66f72c1b'
 export const fetchBuilderRewardsClaimedLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${BUILDER_REWARDS_CLAIMED_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
+
+const BACKER_REWARDS_CLAIMED_EVENT = '0x72421f1eeaa316f3b67618996c0df193d45328d3645bb1866b6beb11a0c8230e'
+export const fetchBackerRewardsClaimedLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${BACKER_REWARDS_CLAIMED_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`

From 8eedabe475424367acdd4ba9099c19f9f588eb32 Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Fri, 15 Nov 2024 15:12:34 +0000
Subject: [PATCH 057/115] TOK-341: reward distribution strategy (#320)

* feat(cr_builder): adds settings page

---------

Co-authored-by: Francisco Tobar <francisco.tobar@iovlabs.org>
---
 .../collective-rewards/rewards/MyRewards.tsx  |  25 ++--
 .../rewards/backers/ClaimableRewards.tsx      |   5 +-
 .../rewards/backers/Rewards.tsx               |   5 +-
 .../backers/hooks/useClaimBackerRewards.ts    |  28 ++---
 .../rewards/builders/ClaimableRewards.tsx     |   5 +-
 .../rewards/builders/Rewards.tsx              |   5 +-
 .../builders/hooks/useClaimBuilderRewards.ts  |  53 ++++----
 .../builders/hooks/useGetBuilderRewards.ts    |   8 +-
 .../components/Button/SettingsButton.tsx      |   9 ++
 .../rewards/components/Button/index.ts        |   1 +
 .../rewards/components/MetricsCard.tsx        |  60 +++++----
 .../Section/RewardsSectionHeader.tsx          |  11 +-
 .../rewards/components/index.ts               |   1 +
 .../collective-rewards/rewards/hooks/index.ts |   1 -
 .../rewards/hooks/useClaimStateReporting.ts   |  57 ---------
 .../builder/BuilderRewardsSettingsForm.tsx    | 115 ++++++++++++++++++
 .../builder/BuilderRewardsSettingsMetrics.tsx |  85 +++++++++++++
 .../settings/builder/BuilderSettings.tsx      |  31 +++++
 .../context/BuilderSettingsContext.tsx        |  33 +++++
 .../settings/builder/context/index.ts         |   1 +
 .../settings/builder/hooks/index.ts           |   1 +
 .../builder/hooks/useBuilderConfig.ts         | 104 ++++++++++++++++
 .../settings/builder/index.ts                 |   3 +
 src/app/collective-rewards/settings/index.ts  |   4 +
 src/app/collective-rewards/settings/page.tsx  |  25 ++++
 .../settings/utils/index.ts                   |   1 +
 .../settings/utils/weiUtils.ts                |  24 ++++
 .../collective-rewards/shared/hooks/index.ts  |   1 +
 .../shared/hooks/useReporting.ts              |  72 +++++++++++
 .../collective-rewards/utils/handleErrors.ts  |   2 +-
 src/app/login/Login.tsx                       |   4 +-
 src/app/user/page.tsx                         |  45 +++++--
 src/app/user/settings/page.tsx                |  11 ++
 src/components/Tabs/Tabs.tsx                  |  38 ++++--
 src/shared/utility.d.ts                       |  14 +++
 35 files changed, 696 insertions(+), 192 deletions(-)
 create mode 100644 src/app/collective-rewards/rewards/components/Button/SettingsButton.tsx
 create mode 100644 src/app/collective-rewards/rewards/components/Button/index.ts
 delete mode 100644 src/app/collective-rewards/rewards/hooks/useClaimStateReporting.ts
 create mode 100644 src/app/collective-rewards/settings/builder/BuilderRewardsSettingsForm.tsx
 create mode 100644 src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx
 create mode 100644 src/app/collective-rewards/settings/builder/BuilderSettings.tsx
 create mode 100644 src/app/collective-rewards/settings/builder/context/BuilderSettingsContext.tsx
 create mode 100644 src/app/collective-rewards/settings/builder/context/index.ts
 create mode 100644 src/app/collective-rewards/settings/builder/hooks/index.ts
 create mode 100644 src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
 create mode 100644 src/app/collective-rewards/settings/builder/index.ts
 create mode 100644 src/app/collective-rewards/settings/index.ts
 create mode 100644 src/app/collective-rewards/settings/page.tsx
 create mode 100644 src/app/collective-rewards/settings/utils/index.ts
 create mode 100644 src/app/collective-rewards/settings/utils/weiUtils.ts
 create mode 100644 src/app/collective-rewards/shared/hooks/index.ts
 create mode 100644 src/app/collective-rewards/shared/hooks/useReporting.ts
 create mode 100644 src/app/user/settings/page.tsx
 create mode 100644 src/shared/utility.d.ts

diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index a22a6821..04883a0f 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -1,17 +1,19 @@
-import { FC } from 'react'
-import { Address, getAddress } from 'viem'
 import {
-  RewardsSection,
-  RewardsSectionHeader,
-  BuilderRewards,
   BackerRewards,
+  BuilderRewards,
   RewardDetails,
+  RewardsSection,
+  RewardsSectionHeader,
 } from '@/app/collective-rewards/rewards'
+import { useGetGaugesArray } from '@/app/collective-rewards/user'
 import { getCoinbaseAddress } from '@/app/collective-rewards/utils'
 import { tokenContracts } from '@/lib/contracts'
-import { useGetGaugesArray } from '@/app/collective-rewards/user'
+import { useRouter } from 'next/navigation'
+import { FC } from 'react'
+import { Address, getAddress } from 'viem'
 
 export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gauge }) => {
+  const router = useRouter()
   const { data: rewardGauges } = useGetGaugesArray('active')
   const { data: haltedGauges } = useGetGaugesArray('halted')
   const gauges = [...(rewardGauges ?? []), ...(haltedGauges ?? [])]
@@ -37,6 +39,9 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
       <div className="pb-[46px]">
         <RewardsSection>
           <RewardsSectionHeader
+            onSettingsOpen={() => {
+              router.push('/user/settings?type=builder')
+            }}
             title="Builder Rewards"
             subtext="Monitor the rewards you are getting from your Collective Rewards."
           />
@@ -44,7 +49,13 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
         </RewardsSection>
       </div>
       <RewardsSection>
-        <RewardsSectionHeader title="Backer Rewards" subtext="Monitor your rewards balances and claim." />
+        <RewardsSectionHeader
+          onSettingsOpen={() => {
+            console.error('Not implemented')
+          }}
+          title="Backer Rewards"
+          subtext="Monitor your rewards balances and claim."
+        />
         <BackerRewards {...data} />
       </RewardsSection>
     </>
diff --git a/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
index 52e8216b..9c34c1d3 100644
--- a/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
+++ b/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
@@ -3,7 +3,6 @@ import { Address } from 'viem'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import {
   formatMetrics,
-  useClaimStateReporting,
   MetricsCard,
   TokenMetricsCardRow,
   MetricsCardTitle,
@@ -43,9 +42,7 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
     currency,
   )
 
-  const { claimRewards, ...claimTx } = useClaimBackerRewards(gauges, address)
-
-  useClaimStateReporting({ ...claimTx, error: claimTx.error })
+  const { claimRewards } = useClaimBackerRewards(gauges, address)
 
   return withSpinner(TokenMetricsCardRow)({
     amount,
diff --git a/src/app/collective-rewards/rewards/backers/Rewards.tsx b/src/app/collective-rewards/rewards/backers/Rewards.tsx
index 48f4338f..bcfba988 100644
--- a/src/app/collective-rewards/rewards/backers/Rewards.tsx
+++ b/src/app/collective-rewards/rewards/backers/Rewards.tsx
@@ -6,7 +6,6 @@ import {
 } from '@/app/collective-rewards/rewards/backers'
 import {
   RewardDetails,
-  useClaimStateReporting,
   BackerRewardsCard,
   BackerRewardsContextProvider,
 } from '@/app/collective-rewards/rewards'
@@ -20,9 +19,7 @@ import { MetricContainer } from '@/app/collective-rewards/rewards/components/Met
 type RewardsProps = RewardDetails
 
 export const Rewards: FC<RewardsProps> = ({ builder, gauges, tokens }) => {
-  const { claimRewards, ...claimTx } = useClaimBackerRewards(gauges)
-
-  useClaimStateReporting({ ...claimTx })
+  const { claimRewards } = useClaimBackerRewards(gauges)
 
   return (
     <div className="flex gap-4 w-full">
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
index 6094973e..0c50ed2a 100644
--- a/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
+++ b/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
@@ -2,28 +2,14 @@ import { Address } from 'viem'
 import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
-import { useMemo } from 'react'
+import { useAwaitedTxReporting } from '../../../shared/hooks'
 
 export const useClaimBackerRewards = (gauges: Address[], rewardToken?: Address) => {
   const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
 
   const { isLoading, isSuccess, data, error: receiptError } = useWaitForTransactionReceipt({ hash })
 
-  const error = useMemo(() => {
-    if (executionError) {
-      return {
-        ...executionError,
-        shortMessage: `Failed claim execution (${executionError.message})`,
-      }
-    }
-
-    if (receiptError) {
-      return {
-        ...receiptError,
-        shortMessage: `Failed to get claim execution receipt (${receiptError.message})`,
-      }
-    }
-  }, [executionError, receiptError])
+  const error = executionError || receiptError
 
   const claimBackerReward = () => {
     return writeContractAsync({
@@ -34,6 +20,16 @@ export const useClaimBackerRewards = (gauges: Address[], rewardToken?: Address)
     })
   }
 
+  useAwaitedTxReporting({
+    hash,
+    error,
+    isPendingTx: isPending,
+    isLoadingReceipt: isLoading,
+    isSuccess,
+    receipt: data,
+    title: 'Claiming backer rewards',
+  })
+
   return {
     claimRewards: () => claimBackerReward(),
     error,
diff --git a/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
index 3858a1e6..1ef243fa 100644
--- a/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
@@ -4,7 +4,6 @@ import {
   MetricsCardTitle,
   TokenMetricsCardRow,
   useClaimBuilderRewards,
-  useClaimStateReporting,
   useGetBuilderRewards,
   Token,
   RewardDetails,
@@ -48,9 +47,7 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
     currency,
   )
 
-  const { isClaimFunctionReady, claimRewards, ...claimTx } = useClaimBuilderRewards(builder)
-
-  useClaimStateReporting({ ...claimTx, error: rewardsError ?? claimTx.error })
+  const { isClaimFunctionReady, claimRewards } = useClaimBuilderRewards(builder)
 
   return withSpinner(
     TokenMetricsCardRow,
diff --git a/src/app/collective-rewards/rewards/builders/Rewards.tsx b/src/app/collective-rewards/rewards/builders/Rewards.tsx
index 38ee010c..f076494d 100644
--- a/src/app/collective-rewards/rewards/builders/Rewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/Rewards.tsx
@@ -7,7 +7,6 @@ import {
   BuilderLastCycleRewards,
   RewardDetails,
   useClaimBuilderRewards,
-  useClaimStateReporting,
 } from '@/app/collective-rewards/rewards'
 import { MetricContainer } from '@/app/collective-rewards/rewards/components/MetricContainer'
 import { Button } from '@/components/Button'
@@ -19,9 +18,7 @@ import { FC } from 'react'
 type RewardsProps = RewardDetails
 
 export const Rewards: FC<RewardsProps> = ({ builder, ...rest }) => {
-  const { isClaimFunctionReady, claimRewards, ...claimTx } = useClaimBuilderRewards(builder)
-
-  useClaimStateReporting({ ...claimTx })
+  const { isClaimFunctionReady, claimRewards } = useClaimBuilderRewards(builder)
 
   return (
     <CycleContextProvider>
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts
index e4b7279c..c9a6b824 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts
@@ -1,9 +1,10 @@
-import { Address, zeroAddress } from 'viem'
-import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
+import { useAwaitedTxReporting } from '@/app/collective-rewards/shared/hooks'
+import { useGetBuilderToGauge } from '@/app/collective-rewards/user'
 import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
 import { createZeroAddressError } from '@/shared/errors/zeroAddressError'
 import { useMemo } from 'react'
-import { useGetBuilderToGauge } from '@/app/collective-rewards/user'
+import { Address, zeroAddress } from 'viem'
+import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
 
 export const useClaimBuilderRewards = (builder: Address) => {
   const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
@@ -21,35 +22,15 @@ export const useClaimBuilderRewards = (builder: Address) => {
     [isGaugePending, gaugeError, gauge],
   )
 
-  const error = useMemo(() => {
-    if (gaugeError) {
-      return {
-        ...gaugeError,
-        shortMessage: `Failed getting gauge for builder ${builder} (${gaugeError.message})`,
-      }
-    }
-
-    if (executionError) {
-      return {
-        ...executionError,
-        shortMessage: `Failed claim execution (${executionError.message})`,
-      }
-    }
+  const fetchedError =
+    isFetched && gauge === zeroAddress
+      ? {
+          ...createZeroAddressError('Gauge', { builder }),
+          shortMessage: `${builder} is not a valid builder`,
+        }
+      : null
 
-    if (receiptError) {
-      return {
-        ...receiptError,
-        shortMessage: `Failed to get claim execution receipt (${receiptError.message})`,
-      }
-    }
-
-    if (isFetched && gauge === zeroAddress) {
-      return {
-        ...createZeroAddressError('Gauge', { builder }),
-        shortMessage: `${builder} is not a valid builder`,
-      }
-    }
-  }, [gauge, gaugeError, builder, executionError, receiptError, isFetched])
+  const error = executionError || receiptError || fetchedError
 
   const claimBuilderReward = (rewardToken?: Address) => {
     return writeContractAsync({
@@ -60,6 +41,16 @@ export const useClaimBuilderRewards = (builder: Address) => {
     })
   }
 
+  useAwaitedTxReporting({
+    hash,
+    error,
+    isPendingTx: isPending,
+    isLoadingReceipt: isLoading,
+    isSuccess,
+    receipt: data,
+    title: 'Claiming builder rewards',
+  })
+
   return {
     isClaimFunctionReady,
     claimRewards: (rewardToken?: Address) => isClaimFunctionReady && claimBuilderReward(rewardToken),
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetBuilderRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuilderRewards.ts
index 0342d6d7..ac62130a 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useGetBuilderRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetBuilderRewards.ts
@@ -4,7 +4,7 @@ import { useReadContract } from 'wagmi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 
 export const useGetBuilderRewards = (rewardToken: Address, gauge: Address) => {
-  const { data, isLoading, error } = useReadContract({
+  return useReadContract({
     address: gauge,
     abi: GaugeAbi,
     functionName: 'builderRewards',
@@ -13,10 +13,4 @@ export const useGetBuilderRewards = (rewardToken: Address, gauge: Address) => {
       refetchInterval: AVERAGE_BLOCKTIME,
     },
   })
-
-  return {
-    data,
-    isLoading,
-    error,
-  }
 }
diff --git a/src/app/collective-rewards/rewards/components/Button/SettingsButton.tsx b/src/app/collective-rewards/rewards/components/Button/SettingsButton.tsx
new file mode 100644
index 00000000..4df6d7e1
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Button/SettingsButton.tsx
@@ -0,0 +1,9 @@
+import { Button, ButtonProps } from '@/components/Button'
+import { ConfigSvg } from '@/components/ConfigSvg'
+import { FC } from 'react'
+
+export const SettingsButton: FC<Omit<ButtonProps, 'children'>> = props => (
+  <Button {...props} variant="outlined" className="flex w-[54px] self-stretch border-[#2D2D2D]">
+    <ConfigSvg />
+  </Button>
+)
diff --git a/src/app/collective-rewards/rewards/components/Button/index.ts b/src/app/collective-rewards/rewards/components/Button/index.ts
new file mode 100644
index 00000000..cb6474bf
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Button/index.ts
@@ -0,0 +1 @@
+export * from './SettingsButton'
diff --git a/src/app/collective-rewards/rewards/components/MetricsCard.tsx b/src/app/collective-rewards/rewards/components/MetricsCard.tsx
index a054194e..07649b72 100644
--- a/src/app/collective-rewards/rewards/components/MetricsCard.tsx
+++ b/src/app/collective-rewards/rewards/components/MetricsCard.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@/lib/utils'
-import { FC, ReactNode } from 'react'
+import { FC, HTMLAttributes, ReactNode } from 'react'
 import { Address } from 'viem'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 import { Typography } from '@/components/Typography'
@@ -10,28 +10,8 @@ type MetricsCardRow = {
   children?: ReactNode
 }
 
-type MetricsCardProps = {
-  /**
-   * Whether the card should have a border or not.
-   */
-  borderless?: boolean
-
-  /**
-   * The address of the contract to link to.
-   */
-  contractAddress?: Address
-  'data-testid'?: string
-
-  /**
-   * The children of the card. Usually a MetricsCardRow.
-   */
-  children?: ReactNode
-}
-
-const DEFAULT_CLASSES = 'flex-1 py-[12px] px-[12px] flex flex-col bg-foreground h-[190px] w-full'
-
 export const TokenMetricsCardRow: FC<MetricsCardRow> = ({ amount, fiatAmount, children }) => (
-  <div className="flex flex-row w-full items-center">
+  <MetricsCardRow>
     <div className="flex-1 min-w-0">
       <Typography
         tagVariant="h2"
@@ -56,20 +36,46 @@ export const TokenMetricsCardRow: FC<MetricsCardRow> = ({ amount, fiatAmount, ch
       )}
     </div>
     {children}
-  </div>
+  </MetricsCardRow>
 )
 
+type MetricsCardProps = {
+  /**
+   * Whether the card should have a border or not.
+   */
+  borderless?: boolean
+
+  /**
+   * The address of the contract to link to.
+   */
+  contractAddress?: Address
+  dataTestId?: string
+
+  /**
+   * The children of the card. Usually a MetricsCardRow.
+   */
+  children?: ReactNode
+
+  /**
+   * Additional classes to apply to the card.
+   */
+  className?: HTMLAttributes<HTMLDivElement>['className']
+}
+
+const DEFAULT_CLASSES = 'h-min-[79px] w-full py-[12px] px-[12px] flex flex-col bg-foreground'
+
 /**
  * Card for displaying balance and corresponding (fiat) value.
  */
 export const MetricsCard: FC<MetricsCardProps> = ({
   borderless = false,
   children,
-  'data-testid': dataTestId,
+  dataTestId,
+  className,
 }) => {
   const borderClasses = borderless ? '' : 'border border-white border-opacity-40 rounded-lg'
   return (
-    <div className={cn(DEFAULT_CLASSES, borderClasses)} data-testid={dataTestId || 'MetricsCard'}>
+    <div className={cn(DEFAULT_CLASSES, borderClasses, className)} data-testid={dataTestId + '_MetricsCard'}>
       {children}
     </div>
   )
@@ -106,4 +112,8 @@ export const MetricsCardContent: FC<MetricsCardContentProps> = ({ children }) =>
   </Typography>
 )
 
+export const MetricsCardRow: FC<{ children: ReactNode }> = ({ children }) => (
+  <div className="flex flex-row w-full items-center">{children}</div>
+)
+
 export const MetricsCardWithSpinner = withSpinner(MetricsCard)
diff --git a/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx b/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx
index ea829dc2..7ebfead7 100644
--- a/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx
+++ b/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx
@@ -1,13 +1,14 @@
-import { Button } from '@/components/Button'
-import { ConfigSvg } from '@/components/ConfigSvg'
+import { ButtonProps } from '@/components/Button'
 import { HeaderTitle, Typography } from '@/components/Typography'
 import { FC } from 'react'
+import { SettingsButton } from '@/app/collective-rewards/rewards'
 
 export type RewardsSectionHeader = {
   title: string
   subtext: string
+  onSettingsOpen: ButtonProps['onClick']
 }
-export const RewardsSectionHeader: FC<RewardsSectionHeader> = ({ title, subtext }) => (
+export const RewardsSectionHeader: FC<RewardsSectionHeader> = ({ title, subtext, onSettingsOpen }) => (
   <div className="flex justify-between w-full items-center gap-2.5">
     <div className="flex flex-col items-start w-full">
       <HeaderTitle className="uppercase text-2xl leading-7 font-normal">{title}</HeaderTitle>
@@ -15,8 +16,6 @@ export const RewardsSectionHeader: FC<RewardsSectionHeader> = ({ title, subtext
         {subtext}
       </Typography>
     </div>
-    <Button variant="outlined" className="flex w-[54px] self-stretch border-[#2D2D2D]">
-      <ConfigSvg />
-    </Button>
+    <SettingsButton onClick={onSettingsOpen} />
   </div>
 )
diff --git a/src/app/collective-rewards/rewards/components/index.ts b/src/app/collective-rewards/rewards/components/index.ts
index 80e367ea..eb63f173 100644
--- a/src/app/collective-rewards/rewards/components/index.ts
+++ b/src/app/collective-rewards/rewards/components/index.ts
@@ -2,3 +2,4 @@ export * from './Section'
 export * from './MetricsCard'
 export * from './MetricContainer'
 export * from './ClaimYouRewardButton'
+export * from './Button'
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index 35c9a727..28203926 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -6,6 +6,5 @@ export * from './getTotalPotentialRewards'
 export * from './useGetRewardsCoinbase'
 export * from './useGetRewardsERC20'
 export * from './useGetPerTokenRewards'
-export * from './useClaimStateReporting'
 export * from './useGetGaugesEvents'
 export * from './useGetGaugesNotifyReward'
diff --git a/src/app/collective-rewards/rewards/hooks/useClaimStateReporting.ts b/src/app/collective-rewards/rewards/hooks/useClaimStateReporting.ts
deleted file mode 100644
index 3e344399..00000000
--- a/src/app/collective-rewards/rewards/hooks/useClaimStateReporting.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { useEffect } from 'react'
-import { useAlertContext } from '@/app/providers'
-import { useClaimBackerRewards, useClaimBuilderRewards } from '@/app/collective-rewards/rewards'
-
-export const useClaimStateReporting = ({
-  error,
-  isPendingTx,
-  isLoadingReceipt,
-  isSuccess,
-  receipt,
-}: Omit<
-  ReturnType<typeof useClaimBackerRewards | typeof useClaimBuilderRewards>,
-  'isClaimFunctionReady' | 'claimRewards'
->) => {
-  const { setMessage } = useAlertContext()
-
-  useEffect(() => {
-    if (error) {
-      setMessage({
-        severity: 'error',
-        title: 'Error claiming rewards',
-        content: error.message,
-      })
-      console.error('🐛 claimError:', error)
-    }
-  }, [error, setMessage])
-
-  useEffect(() => {
-    if (isPendingTx) {
-      setMessage({
-        severity: 'info',
-        content: 'Confirm transaction execution in your wallet',
-        title: 'Claiming rewards',
-      })
-    }
-  }, [isPendingTx, setMessage])
-
-  useEffect(() => {
-    if (isLoadingReceipt) {
-      setMessage({
-        severity: 'info',
-        content: 'Waiting for transaction confirmation. See status details in your wallet.',
-        title: 'Claiming rewards',
-      })
-    }
-  }, [isLoadingReceipt, setMessage])
-
-  useEffect(() => {
-    if (isSuccess && receipt) {
-      setMessage({
-        severity: 'success',
-        title: 'Claiming rewards',
-        content: `Successfully claimed in tx: ${receipt.transactionHash}`,
-      })
-    }
-  }, [isSuccess, receipt, setMessage])
-}
diff --git a/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsForm.tsx b/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsForm.tsx
new file mode 100644
index 00000000..c102e38b
--- /dev/null
+++ b/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsForm.tsx
@@ -0,0 +1,115 @@
+import { Button } from '@/components/Button'
+import { Form, FormControl, FormField, FormInput, FormItem, FormLabel, FormMessage } from '@/components/Form'
+import { LoadingSpinner } from '@/components/LoadingSpinner'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { useRouter } from 'next/navigation'
+import { FC, useEffect, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { GoRocket } from 'react-icons/go'
+import { z } from 'zod'
+import { percentageToWei } from '../utils'
+import { useBuilderSettingsContext } from './context'
+
+const formSchema = z.object({
+  reward: z
+    .string()
+    .regex(
+      /^\d{1,3}(\.\d{1,18})?$/,
+      'Invalid format: should only contain digits and at most 1 decimal point with up to 18 decimal places.',
+    )
+    .refine(
+      value => {
+        const digitsOnly = value.replace('.', '')
+
+        if (digitsOnly.length > 19) {
+          return false
+        }
+
+        const [whole, decimal] = value.split('.')
+
+        // Check that if there are 3 digits before the decimal, they must be "100" and there are no non-zero digits after ".".
+        return whole.length < 3 || (whole === '100' && (!decimal || BigInt(decimal) == 0n))
+      },
+      {
+        message: 'Value must be between 0 and 100',
+      },
+    ),
+})
+
+export const BuilderRewardsSettingsForm: FC = () => {
+  const router = useRouter()
+  const [backButtonName, setBackButtonName] = useState('Cancel')
+  const {
+    current: { refetch, isLoading: isCurrentRewardsLoading },
+    update: { isSuccess, setNewReward, isPending },
+  } = useBuilderSettingsContext()
+
+  const form = useForm<z.infer<typeof formSchema>>({
+    mode: 'onTouched',
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      reward: '',
+    },
+  })
+
+  const {
+    control,
+    handleSubmit,
+    formState: { isValid, isDirty },
+  } = form
+
+  useEffect(() => {
+    if (isSuccess) {
+      refetch()
+      setBackButtonName('Go Back')
+    }
+  }, [isSuccess, refetch])
+
+  const submitForm = ({ reward }: z.infer<typeof formSchema>) => {
+    setNewReward(percentageToWei(reward))
+  }
+
+  return (
+    <Form {...form}>
+      <form className="flex flex-col gap-6" onSubmit={handleSubmit(submitForm)}>
+        <FormField
+          control={control}
+          name="reward"
+          render={({ field }) => (
+            <FormItem className="flex flex-col items-start gap-4 space-y-0">
+              <FormLabel className="font-rootstock-sans font-normal text-base leading-none p-0">
+                Adjust backers rewards %
+              </FormLabel>
+              <FormControl className="bg-[#1A1A1A] rounded border border-[#2D2D2D] w-36 h-[53px] gap-2 items-center flex">
+                {isCurrentRewardsLoading ? (
+                  <LoadingSpinner />
+                ) : (
+                  <FormInput placeholder="0 ... 100 %" inputMode="decimal" {...field} />
+                )}
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        ></FormField>
+        <div className="flex flex-row justify-start gap-4">
+          <Button
+            startIcon={<GoRocket />}
+            disabled={!isDirty || !isValid}
+            buttonProps={{ type: 'submit' }}
+            loading={isPending}
+          >
+            Save changes
+          </Button>
+          <Button
+            variant="secondary"
+            onClick={() => {
+              router.back()
+            }}
+          >
+            {backButtonName}
+          </Button>
+        </div>
+      </form>
+    </Form>
+  )
+}
diff --git a/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx b/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx
new file mode 100644
index 00000000..347f9eb9
--- /dev/null
+++ b/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx
@@ -0,0 +1,85 @@
+import { MetricsCard, MetricsCardRow, MetricsCardTitle } from '@/app/collective-rewards/rewards'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { Typography } from '@/components/Typography'
+import { cn } from '@/lib/utils'
+import { DateTime } from 'luxon'
+import { FC, HTMLAttributes, ReactNode, useEffect } from 'react'
+import { weiToPercentage } from '../utils'
+import { useBuilderSettingsContext } from './context'
+
+const getDateTimeRemaining = (cooldownEndTime: DateTime | undefined): string | undefined => {
+  if (!cooldownEndTime) {
+    return
+  }
+
+  const now = DateTime.now()
+  const remaining = cooldownEndTime.diff(now, ['days', 'hours', 'minutes'])
+  if (remaining.as('minutes') < 0) {
+    return
+  }
+
+  return `${remaining.days}D ${remaining.hours}H ${remaining.minutes.toFixed(0)}M`
+}
+
+export const RewardsSettingsCard: FC<{
+  children: ReactNode
+  className?: HTMLAttributes<HTMLDivElement>['className']
+  title: string
+  dataTestId: string
+}> = ({ children, title, className, dataTestId }) => {
+  return (
+    <MetricsCard
+      className={cn('rounded-none max-w-min min-w-[172px]', className ?? {})}
+      dataTestId={dataTestId}
+    >
+      <MetricsCardTitle title={title} data-testid={dataTestId} />
+      <MetricsCardRow>{children}</MetricsCardRow>
+    </MetricsCard>
+  )
+}
+
+export const BuilderRewardsSettingsMetrics: FC = () => {
+  const {
+    current: { data, isLoading },
+  } = useBuilderSettingsContext()
+
+  const timeRemaining: string | undefined = getDateTimeRemaining(data?.cooldownEndTime)
+
+  return (
+    <div className="flex flex-row gap-2.5 self-stretch items-start content-start flex-nowrap">
+      <RewardsSettingsCard title="Current %" dataTestId="CurrentBackerReward">
+        {withSpinner(Typography)({
+          tagVariant: 'h2',
+          className: 'text-2xl leading-[120%] uppercase text-primary font-normal',
+          isLoading: isLoading,
+          children: `${weiToPercentage(data?.previous ?? 0n)}%`,
+        })}
+      </RewardsSettingsCard>
+
+      {timeRemaining && (
+        <>
+          <RewardsSettingsCard title="Next %" dataTestId="NextBackerReward">
+            <Typography
+              tagVariant="h2"
+              className="text-2xl leading-[120%] uppercase text-primary font-normal"
+            >
+              {weiToPercentage(data?.next ?? 0n)}%
+            </Typography>
+          </RewardsSettingsCard>
+          <RewardsSettingsCard
+            className="min-w-[242px]"
+            title="Takes Effect In"
+            dataTestId="BackerRewardCooldown"
+          >
+            <Typography
+              tagVariant="h2"
+              className="text-2xl leading-[120%] uppercase text-primary font-normal"
+            >
+              {getDateTimeRemaining(data?.cooldownEndTime) ?? '-'}
+            </Typography>
+          </RewardsSettingsCard>
+        </>
+      )}
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/settings/builder/BuilderSettings.tsx b/src/app/collective-rewards/settings/builder/BuilderSettings.tsx
new file mode 100644
index 00000000..4712968b
--- /dev/null
+++ b/src/app/collective-rewards/settings/builder/BuilderSettings.tsx
@@ -0,0 +1,31 @@
+import { Header, Typography } from '@/components/Typography'
+import { FC } from 'react'
+import { BuilderRewardsSettingsForm, BuilderRewardsSettingsMetrics } from '.'
+import { BuilderSettingsProvider } from './context'
+
+export const BuilderSettings: FC = () => {
+  return (
+    <div className="flex flex-col items-start self-stretch flex-grow flex-shrink-0 gap-6 h-full">
+      <Header
+        variant="h1"
+        fontFamily="kk-topo"
+        className="text-2xl leading-tight font-normal text-left uppercase tracking-[-0.96px]"
+      >
+        Builder Rewards Settings
+      </Header>
+      <BuilderSettingsProvider>
+        <BuilderRewardsSettingsMetrics />
+        <div className="flex flex-col gap-2.5 items-start self-stretch">
+          <Typography
+            tagVariant="label"
+            className="font-rootstock-sans text-base leading-4 font-normal w-[606px]"
+          >
+            This update will take effect after the cooldown period, in the meantime it will be displayed in
+            “next %” metric
+          </Typography>
+        </div>
+        <BuilderRewardsSettingsForm />
+      </BuilderSettingsProvider>
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/settings/builder/context/BuilderSettingsContext.tsx b/src/app/collective-rewards/settings/builder/context/BuilderSettingsContext.tsx
new file mode 100644
index 00000000..578b085d
--- /dev/null
+++ b/src/app/collective-rewards/settings/builder/context/BuilderSettingsContext.tsx
@@ -0,0 +1,33 @@
+import {
+  BackerRewardResponse,
+  SetBackerRewardsForBuilder,
+  useGetBackerRewardsForBuilder,
+  useSetBackerRewardsForBuilder,
+} from '@/app/collective-rewards/settings/builder/hooks'
+import { createContext, FC, ReactNode, useContext } from 'react'
+import { Address } from 'viem'
+import { useAccount } from 'wagmi'
+
+type BackerRewardsPercentageContext = {
+  update: SetBackerRewardsForBuilder
+  current: BackerRewardResponse
+}
+
+const BuilderSettingsContext = createContext<BackerRewardsPercentageContext>(
+  {} as BackerRewardsPercentageContext,
+)
+
+export const useBuilderSettingsContext = () => useContext(BuilderSettingsContext)
+
+export const BuilderSettingsProvider: FC<{ children: ReactNode }> = ({ children }) => {
+  const { address } = useAccount()
+  const current = useGetBackerRewardsForBuilder(address as Address)
+  const update = useSetBackerRewardsForBuilder()
+
+  const contextValue: BackerRewardsPercentageContext = {
+    update,
+    current,
+  }
+
+  return <BuilderSettingsContext.Provider value={contextValue}>{children}</BuilderSettingsContext.Provider>
+}
diff --git a/src/app/collective-rewards/settings/builder/context/index.ts b/src/app/collective-rewards/settings/builder/context/index.ts
new file mode 100644
index 00000000..2f9925c1
--- /dev/null
+++ b/src/app/collective-rewards/settings/builder/context/index.ts
@@ -0,0 +1 @@
+export * from './BuilderSettingsContext'
diff --git a/src/app/collective-rewards/settings/builder/hooks/index.ts b/src/app/collective-rewards/settings/builder/hooks/index.ts
new file mode 100644
index 00000000..880f1170
--- /dev/null
+++ b/src/app/collective-rewards/settings/builder/hooks/index.ts
@@ -0,0 +1 @@
+export * from './useBuilderConfig'
diff --git a/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts b/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
new file mode 100644
index 00000000..4e3cab7a
--- /dev/null
+++ b/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
@@ -0,0 +1,104 @@
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { Modify } from '@/shared/utility'
+import { DateTime } from 'luxon'
+import { Address } from 'viem'
+import {
+  useReadContract,
+  UseReadContractReturnType,
+  useWaitForTransactionReceipt,
+  UseWaitForTransactionReceiptReturnType,
+  useWriteContract,
+  UseWriteContractReturnType,
+} from 'wagmi'
+import { useAwaitedTxReporting } from '../../../shared/hooks'
+import { useEffect, useState } from 'react'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+
+export type BackerReward = {
+  previous: bigint
+  next: bigint
+  cooldownEndTime: DateTime
+}
+export type BackerRewardResponse = Modify<
+  UseReadContractReturnType,
+  {
+    data?: BackerReward
+  }
+>
+
+export const useGetBackerRewardsForBuilder = (builder: Address): BackerRewardResponse => {
+  const [previous, setPrevious] = useState<bigint>(0n)
+  const [next, setNext] = useState<bigint>(0n)
+  const [cooldown, setCooldown] = useState<bigint>(0n)
+  const { data, ...rest } = useReadContract({
+    abi: BuilderRegistryAbi,
+    address: BackersManagerAddress,
+    functionName: 'builderRewardPercentage',
+    args: [builder as Address],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  useEffect(() => {
+    if (data) {
+      const [prev, next, cooldown] = data
+      setPrevious(prev)
+      setNext(next)
+      setCooldown(cooldown)
+    }
+  }, [data, setPrevious, setNext, setCooldown])
+
+  return {
+    ...rest,
+    data: {
+      previous,
+      next,
+      cooldownEndTime: DateTime.fromSeconds(Number(cooldown)),
+    },
+  }
+}
+
+export type SetBackerRewardsForBuilder = {
+  data: UseWriteContractReturnType['data']
+  isPending: UseWriteContractReturnType['isPending']
+  isSuccess: UseWriteContractReturnType['isSuccess']
+  error: UseWriteContractReturnType['error'] | UseWaitForTransactionReceiptReturnType['error']
+  setNewReward: (newReward: bigint) => Promise<string>
+} & Omit<UseWriteContractReturnType, 'error' | 'writeContractAsync'>
+
+export const useSetBackerRewardsForBuilder = (): SetBackerRewardsForBuilder => {
+  const { writeContractAsync, data, isPending, isSuccess, error: writeError, ...rest } = useWriteContract()
+  const { data: receipt, isLoading, error: receiptError } = useWaitForTransactionReceipt({ hash: data! })
+
+  const error = writeError || receiptError
+
+  useAwaitedTxReporting({
+    hash: data,
+    error,
+    isPendingTx: isPending,
+    isLoadingReceipt: isLoading,
+    isSuccess,
+    receipt,
+    title: 'Setting new builder rewards percantage',
+  })
+
+  const setNewReward = async (newReward: bigint) => {
+    return await writeContractAsync({
+      abi: BuilderRegistryAbi,
+      address: BackersManagerAddress,
+      functionName: 'setBuilderRewardPercentage',
+      args: [newReward],
+    })
+  }
+
+  return {
+    data,
+    isPending: isPending || isLoading,
+    isSuccess: isSuccess && !!receipt,
+    error,
+    setNewReward,
+    ...rest,
+  }
+}
diff --git a/src/app/collective-rewards/settings/builder/index.ts b/src/app/collective-rewards/settings/builder/index.ts
new file mode 100644
index 00000000..819e51f7
--- /dev/null
+++ b/src/app/collective-rewards/settings/builder/index.ts
@@ -0,0 +1,3 @@
+export * from './BuilderRewardsSettingsMetrics'
+export * from './BuilderRewardsSettingsForm'
+export * from './BuilderSettings'
diff --git a/src/app/collective-rewards/settings/index.ts b/src/app/collective-rewards/settings/index.ts
new file mode 100644
index 00000000..fb6ea0e0
--- /dev/null
+++ b/src/app/collective-rewards/settings/index.ts
@@ -0,0 +1,4 @@
+export * from './builder'
+export * from './builder/hooks'
+export * from './utils'
+export * from './page'
diff --git a/src/app/collective-rewards/settings/page.tsx b/src/app/collective-rewards/settings/page.tsx
new file mode 100644
index 00000000..d2b0940d
--- /dev/null
+++ b/src/app/collective-rewards/settings/page.tsx
@@ -0,0 +1,25 @@
+import { useRouter, useSearchParams } from 'next/navigation'
+import { FC, ReactNode } from 'react'
+import { BuilderSettings } from './builder/BuilderSettings'
+
+const settingTypes = ['builder'] as const
+type SettingType = (typeof settingTypes)[number]
+
+const isSettingType = (type: string): type is SettingType => settingTypes.includes(type as SettingType)
+
+const settings: Record<SettingType, ReactNode> = {
+  builder: <BuilderSettings />,
+}
+
+export const Settings: FC = () => {
+  const searchParams = useSearchParams()
+  const settingType = searchParams?.get('type') as SettingType
+
+  const router = useRouter()
+
+  if (!isSettingType(settingType)) {
+    router.push('/_not-found')
+  }
+
+  return settings[settingType]
+}
diff --git a/src/app/collective-rewards/settings/utils/index.ts b/src/app/collective-rewards/settings/utils/index.ts
new file mode 100644
index 00000000..20fd097e
--- /dev/null
+++ b/src/app/collective-rewards/settings/utils/index.ts
@@ -0,0 +1 @@
+export * from './weiUtils'
diff --git a/src/app/collective-rewards/settings/utils/weiUtils.ts b/src/app/collective-rewards/settings/utils/weiUtils.ts
new file mode 100644
index 00000000..6524d4c6
--- /dev/null
+++ b/src/app/collective-rewards/settings/utils/weiUtils.ts
@@ -0,0 +1,24 @@
+import { WeiPerEther } from 'ethers'
+
+export function weiToPercentage(weiValue: bigint): string {
+  const scaledWei = weiValue * 100n
+  const whole = scaledWei / WeiPerEther
+  const remainder = scaledWei % WeiPerEther
+
+  // Scale to 18 decimal places
+  const decimal = remainder.toString().padStart(18, '0')
+  const formattedDecimal = decimal.replace(/0+$/, '')
+
+  return formattedDecimal ? `${whole}.${formattedDecimal}` : whole.toString()
+}
+
+export function percentageToWei(percentage: string): bigint {
+  const [whole, decimal = ''] = percentage.split('.')
+  const numDigits = decimal.length
+
+  const numerator = BigInt(whole + decimal)
+  const denominator = BigInt(10 ** numDigits) * 100n // Convert percentage to a fraction and scale
+  const weiValue = (numerator * WeiPerEther) / denominator
+
+  return weiValue
+}
diff --git a/src/app/collective-rewards/shared/hooks/index.ts b/src/app/collective-rewards/shared/hooks/index.ts
new file mode 100644
index 00000000..c2307bc2
--- /dev/null
+++ b/src/app/collective-rewards/shared/hooks/index.ts
@@ -0,0 +1 @@
+export * from './useReporting'
diff --git a/src/app/collective-rewards/shared/hooks/useReporting.ts b/src/app/collective-rewards/shared/hooks/useReporting.ts
new file mode 100644
index 00000000..4a4c6c80
--- /dev/null
+++ b/src/app/collective-rewards/shared/hooks/useReporting.ts
@@ -0,0 +1,72 @@
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { useAlertContext } from '@/app/providers'
+import { Merge, Rename } from '@/shared/utility'
+import { useEffect } from 'react'
+import { UseWaitForTransactionReceiptReturnType, UseWriteContractReturnType } from 'wagmi'
+
+type AwaitedTxProps = Rename<
+  Pick<UseWriteContractReturnType, 'error' | 'isSuccess' | 'isPending' | 'data'>,
+  {
+    isPending: 'isPendingTx'
+    data: 'hash'
+  }
+>
+
+type AwaitedReceiptProps = Rename<
+  Pick<UseWaitForTransactionReceiptReturnType, 'isLoading' | 'error' | 'data'>,
+  { data: 'receipt'; isLoading: 'isLoadingReceipt' }
+>
+
+type MergedProps = Merge<AwaitedTxProps, AwaitedReceiptProps>
+
+export type UseAwaitedTxReportingProps = Merge<
+  MergedProps,
+  {
+    error: Error | null
+  }
+> & {
+  title: string
+}
+
+export const useAwaitedTxReporting = ({
+  hash,
+  error,
+  isPendingTx,
+  isLoadingReceipt,
+  isSuccess,
+  receipt,
+  title,
+}: UseAwaitedTxReportingProps) => {
+  const { setMessage } = useAlertContext()
+  useHandleErrors({ error, title })
+
+  useEffect(() => {
+    if (isPendingTx) {
+      setMessage({
+        severity: 'info',
+        content: 'Confirm transaction execution in your wallet',
+        title,
+      })
+    }
+  }, [isPendingTx, setMessage, title])
+
+  useEffect(() => {
+    if (isLoadingReceipt) {
+      setMessage({
+        severity: 'info',
+        content: `Waiting for transaction  ${hash} confirmation. See status details in your wallet.`,
+        title,
+      })
+    }
+  }, [isLoadingReceipt, setMessage, title, hash])
+
+  useEffect(() => {
+    if (isSuccess && receipt) {
+      setMessage({
+        severity: 'success',
+        title,
+        content: `Transaction ${receipt.transactionHash} was successful`,
+      })
+    }
+  }, [isSuccess, receipt, setMessage, title])
+}
diff --git a/src/app/collective-rewards/utils/handleErrors.ts b/src/app/collective-rewards/utils/handleErrors.ts
index 49c6e171..bb4627b6 100644
--- a/src/app/collective-rewards/utils/handleErrors.ts
+++ b/src/app/collective-rewards/utils/handleErrors.ts
@@ -1,7 +1,7 @@
 import { useEffect } from 'react'
 import { useAlertContext } from '@/app/providers'
 
-type ErrorHandler = (params: { error: Error | null; title: string }) => void
+type ErrorHandler = (params: { error?: Error | null; title: string }) => void
 export const useHandleErrors: ErrorHandler = ({ error, title }) => {
   const { setMessage } = useAlertContext()
 
diff --git a/src/app/login/Login.tsx b/src/app/login/Login.tsx
index 38e25532..457098ba 100644
--- a/src/app/login/Login.tsx
+++ b/src/app/login/Login.tsx
@@ -28,7 +28,7 @@ export const Login = () => {
   useEffect(() => {
     // Redirect the user to /user if connected
     if (isConnected) {
-      router.push('/user')
+      router.push('/user?tab=holdings')
     }
   }, [isConnected, router])
 
@@ -44,7 +44,7 @@ export const Login = () => {
                 <p>Redirecting...</p>
               ) : showDisclaimer ? (
                 <Disclaimer
-                  onConnect={() => router.push('/user')}
+                  onConnect={() => router.push('/user?tab=holdings')}
                   onCancel={() => setShowDisclaimer(false)}
                 />
               ) : (
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index aa073484..59ec8b07 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -1,15 +1,16 @@
 'use client'
 import { Rewards } from '@/app/collective-rewards/rewards/MyRewards'
+import { useGetBuilderToGauge, withBuilderButton } from '@/app/collective-rewards/user'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { BalancesSection } from '@/app/user/Balances/BalancesSection'
 import { CommunitiesSection } from '@/app/user/Communities/CommunitiesSection'
+import { DelegationSection } from '@/app/user/Delegation'
 import { MainContainer } from '@/components/MainContainer/MainContainer'
 import { Tabs, TabsContent, TabsList, TabsTrigger, TabTitle } from '@/components/Tabs'
-import { useAccount } from 'wagmi'
-import { withBuilderButton, useGetBuilderToGauge } from '@/app/collective-rewards/user'
 import { TxStatusMessage } from '@/components/TxStatusMessage'
+import { useSearchParams } from 'next/navigation'
 import { zeroAddress } from 'viem'
-import { useHandleErrors } from '@/app/collective-rewards/utils'
-import { DelegationSection } from '@/app/user/Delegation'
+import { useAccount } from 'wagmi'
 
 type MyHoldingsProps = {
   showBuilderButton?: boolean
@@ -26,28 +27,50 @@ const MyHoldings = ({ showBuilderButton = false }: MyHoldingsProps) => (
 
 const TabsListWithButton = withBuilderButton(TabsList)
 
+const values = ['holdings', 'rewards'] as const
+type TabValue = (typeof values)[number]
+type Tabs = {
+  [key in TabValue]: {
+    value: key
+    title: string
+  }
+}
+const tabs: Tabs = {
+  holdings: {
+    value: 'holdings',
+    title: 'My Holdings',
+  },
+  rewards: {
+    value: 'rewards',
+    title: 'My Rewards',
+  },
+}
+
 export default function User() {
   const { address } = useAccount()
   const { data: gauge, error } = useGetBuilderToGauge(address!)
+  const searchParams = useSearchParams()
+  const tabFromParams = searchParams?.get('tab') as TabValue
+  const defaultTabValue = tabs[tabFromParams]?.value ?? 'holdings'
 
   useHandleErrors({ error, title: 'Error loading gauge' })
 
   return (
     <MainContainer>
       {gauge && gauge !== zeroAddress ? (
-        <Tabs defaultValue="holdings">
+        <Tabs defaultValue={defaultTabValue}>
           <TabsListWithButton>
-            <TabsTrigger value="holdings">
-              <TabTitle>My Holdings</TabTitle>
+            <TabsTrigger value={tabs.holdings.value}>
+              <TabTitle>{tabs.holdings.title}</TabTitle>
             </TabsTrigger>
-            <TabsTrigger value="rewards">
-              <TabTitle>My Rewards</TabTitle>
+            <TabsTrigger value={tabs.rewards.value}>
+              <TabTitle>{tabs.rewards.title}</TabTitle>
             </TabsTrigger>
           </TabsListWithButton>
-          <TabsContent value="holdings">
+          <TabsContent value={tabs.holdings.value}>
             <MyHoldings showBuilderButton={false} />
           </TabsContent>
-          <TabsContent value="rewards">
+          <TabsContent value={tabs.rewards.value}>
             <Rewards builder={address!} gauge={gauge} />
           </TabsContent>
         </Tabs>
diff --git a/src/app/user/settings/page.tsx b/src/app/user/settings/page.tsx
new file mode 100644
index 00000000..25a175b3
--- /dev/null
+++ b/src/app/user/settings/page.tsx
@@ -0,0 +1,11 @@
+'use client'
+import { Settings } from '@/app/collective-rewards/settings'
+import { MainContainer } from '@/components/MainContainer/MainContainer'
+
+export default function UserSettingsPage() {
+  return (
+    <MainContainer>
+      <Settings />
+    </MainContainer>
+  )
+}
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
index e39573c7..2afed69f 100644
--- a/src/components/Tabs/Tabs.tsx
+++ b/src/components/Tabs/Tabs.tsx
@@ -5,6 +5,7 @@ import * as TabsPrimitive from '@radix-ui/react-tabs'
 import { cn } from '@/lib/utils'
 import { ComponentPropsWithoutRef, ElementRef, forwardRef, ReactNode } from 'react'
 import { Typography } from '@/components/Typography'
+import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 
 const Tabs = TabsPrimitive.Root
 
@@ -19,18 +20,31 @@ TabsList.displayName = TabsPrimitive.TabsList.displayName
 const TabsTrigger = forwardRef<
   ElementRef<typeof TabsPrimitive.Trigger>,
   ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      'data-[state=active]:rounded-md data-[state=active]:bg-primary',
-      'data-[state=inactive]:font-light data-[state=inactive]:text-disabled-primary',
-      'px-[16px] py-[8px]',
-      className,
-    )}
-    {...props}
-  />
-))
+>(({ className, onClick, value, ...props }, ref) => {
+  const router = useRouter()
+  const pathname = usePathname()
+  const searchParams = useSearchParams()
+
+  const updateSearchParam = (tab: string) => {
+    const currentParams = searchParams ? searchParams + '&' : ''
+    const updatedUrl = `${pathname}?${currentParams}tab=${tab}`
+    router.push(updatedUrl)
+  }
+  return (
+    <TabsPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        'data-[state=active]:rounded-md data-[state=active]:bg-primary',
+        'data-[state=inactive]:font-light data-[state=inactive]:text-disabled-primary',
+        'px-[16px] py-[8px]',
+        className,
+      )}
+      value={value}
+      onClick={(...e) => (onClick ? onClick(...e) : updateSearchParam(value))}
+      {...props}
+    />
+  )
+})
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
 
 const TabsContent = TabsPrimitive.Content
diff --git a/src/shared/utility.d.ts b/src/shared/utility.d.ts
new file mode 100644
index 00000000..6f4d8e13
--- /dev/null
+++ b/src/shared/utility.d.ts
@@ -0,0 +1,14 @@
+/**
+ * Utility types
+ */
+export type Merge<T, R> = {
+  [K in keyof T | keyof R]: K extends keyof R ? R[K] : K extends keyof T ? T[K] : never
+}
+
+export type Rename<T, Mappings extends Record<keyof Mappings, PropertyKey>> = {
+  [K in keyof T as K extends keyof Mappings ? Mappings[K] : K]: T[K]
+}
+
+export type Modify<Type, Replacement extends Partial<Type>> = {
+  [K in keyof Type]: K extends keyof Replacement ? Replacement[K] : Type[K]
+}

From dae2a530808279ebac2adfae6afabf44bcbea2a1 Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <39339295+Freshenext@users.noreply.github.com>
Date: Fri, 15 Nov 2024 12:54:15 -0400
Subject: [PATCH 058/115] DAO-824 Added voting power received (#370)

* DAO-824 Added voting power received

* fix: should always show the voting power delegated no matter if there is balance or not
---
 src/app/user/Delegation/DelegationSection.tsx | 16 ++--
 src/app/user/Delegation/TokenValue.tsx        | 31 ++++++++
 .../user/Delegation/hooks/useGetDelegates.tsx |  4 +-
 .../hooks/useGetExternalDelegatedAmount.tsx   | 73 +++++++++++++++++++
 4 files changed, 117 insertions(+), 7 deletions(-)
 create mode 100644 src/app/user/Delegation/TokenValue.tsx
 create mode 100644 src/shared/hooks/useGetExternalDelegatedAmount.tsx

diff --git a/src/app/user/Delegation/DelegationSection.tsx b/src/app/user/Delegation/DelegationSection.tsx
index 406ac7a4..bb0e684e 100644
--- a/src/app/user/Delegation/DelegationSection.tsx
+++ b/src/app/user/Delegation/DelegationSection.tsx
@@ -15,14 +15,12 @@ import { BalancesProvider } from '../Balances/context/BalancesContext'
 import { useGetDelegates } from './hooks/useGetDelegates'
 import { ReclaimCell } from './ReclaimCell'
 import { DelegationAction } from './type'
-import { useGetAddressBalances } from '../Balances/hooks/useGetAddressBalances'
+import { useGetExternalDelegatedAmount } from '@/shared/hooks/useGetExternalDelegatedAmount'
+import { TokenValue } from '@/app/user/Delegation/TokenValue'
 
 export const DelegationSection = () => {
   const { address } = useAccount()
   const { delegateeAddress } = useGetDelegates(address)
-  const {
-    stRIF: { balance: stRIFBalance },
-  } = useGetAddressBalances()
 
   const [isDelegateModalOpened, setIsDelegateModalOpened] = useState(false)
   const [hash, setHash] = useState<Hash | undefined>(undefined)
@@ -46,13 +44,20 @@ export const DelegationSection = () => {
     }
   }, [action, isError, isSuccess, setGlobalMessage])
 
-  const isValidDelegatee = delegateeAddress !== address && Number(stRIFBalance) > 0
+  const isValidDelegatee = delegateeAddress !== address
   const delegatee = {
     'Voting Power Delegated': isValidDelegatee ? <HolderColumn address={delegateeAddress || ''} /> : '-',
     Amount: isValidDelegatee ? <RenderTotalBalance symbol="stRIF" /> : '-',
     Actions: isValidDelegatee ? <ReclaimCell onDelegateTxStarted={onDelegateTxStarted} /> : '-',
   }
 
+  const { amount: amountDelegatedToMe, isLoading: isExternalDelegatedAmountLoading } =
+    useGetExternalDelegatedAmount(address)
+
+  const delegatedToMe = {
+    'Voting Power Received': <TokenValue symbol="stRIF" amount={amountDelegatedToMe} shouldFormatBalance />,
+  }
+
   return (
     <div className="mb-6">
       {/* Header Components*/}
@@ -63,6 +68,7 @@ export const DelegationSection = () => {
         </Button>
       </div>
       <BalancesProvider>
+        {!isExternalDelegatedAmountLoading && <Table data={[delegatedToMe]} />}
         <Table data={[delegatee]} />
       </BalancesProvider>
       {isDelegateModalOpened && (
diff --git a/src/app/user/Delegation/TokenValue.tsx b/src/app/user/Delegation/TokenValue.tsx
new file mode 100644
index 00000000..d5b525ac
--- /dev/null
+++ b/src/app/user/Delegation/TokenValue.tsx
@@ -0,0 +1,31 @@
+import { useBalancesContext } from '@/app/user/Balances/context/BalancesContext'
+import { SupportedTokens } from '@/lib/contracts'
+import { Paragraph } from '@/components/Typography'
+import { formatCurrency, toFixed } from '@/lib/utils'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+
+interface TokenValueProps {
+  symbol: SupportedTokens
+  amount: bigint | number
+  shouldFormatBalance?: boolean
+}
+
+export const TokenValue = ({ symbol, amount, shouldFormatBalance = false }: TokenValueProps) => {
+  const { prices } = useBalancesContext()
+  const amountFormatted = shouldFormatBalance ? formatBalanceToHuman(amount) : amount
+  const price = prices[symbol]?.price || 0
+  const value = price * Number(amountFormatted)
+
+  return (
+    <>
+      <Paragraph size="small">
+        {toFixed(amountFormatted.toString())} {symbol}
+      </Paragraph>
+      {prices[symbol] && (
+        <Paragraph size="small" className="text-zinc-500">
+          = USD {formatCurrency(value) ?? 0}
+        </Paragraph>
+      )}
+    </>
+  )
+}
diff --git a/src/app/user/Delegation/hooks/useGetDelegates.tsx b/src/app/user/Delegation/hooks/useGetDelegates.tsx
index ea3b5e28..36558cca 100644
--- a/src/app/user/Delegation/hooks/useGetDelegates.tsx
+++ b/src/app/user/Delegation/hooks/useGetDelegates.tsx
@@ -9,7 +9,7 @@ const stRifContract = {
 }
 
 export const useGetDelegates = (address: Address | undefined) => {
-  const { data: delegateeAddress } = useReadContract(
+  const { data: delegateeAddress, isLoading } = useReadContract(
     address && {
       ...stRifContract,
       functionName: 'delegates',
@@ -20,5 +20,5 @@ export const useGetDelegates = (address: Address | undefined) => {
     },
   )
 
-  return { delegateeAddress }
+  return { delegateeAddress, isLoading }
 }
diff --git a/src/shared/hooks/useGetExternalDelegatedAmount.tsx b/src/shared/hooks/useGetExternalDelegatedAmount.tsx
new file mode 100644
index 00000000..a3f96098
--- /dev/null
+++ b/src/shared/hooks/useGetExternalDelegatedAmount.tsx
@@ -0,0 +1,73 @@
+import { Address } from 'viem'
+import { useGetDelegates } from '@/app/user/Delegation/hooks/useGetDelegates'
+import { useAccount, useReadContract } from 'wagmi'
+import { StRIFTokenAbi } from '@/lib/abis/StRIFTokenAbi'
+import { STRIF_ADDRESS } from '@/lib/constants'
+
+/**
+ * Custom hook to calculate the amount of voting power delegated to an address by other users.
+ * Excludes self-delegated voting power from the calculation.
+ *
+ * @param {Address|undefined} address - The address to check delegations for
+ * @returns {Object} Object containing the external delegated amount and loading state
+ * @property {bigint} amount - The amount of voting power delegated by other users
+ * @property {boolean} isLoading - True if any dependent data is still loading
+ *
+ * @example
+ * ```tsx
+ * const externalDelegations = useGetExternalDelegatedAmount(userAddress)
+ * ```
+ *
+ * @remarks
+ * Returns:
+ * - All voting power if user hasn't self-delegated but has voting power (full external delegation)
+ * - Difference between voting power and balance if self-delegated (partial external delegation)
+ * - 0n if no external delegations exist
+ */
+export const useGetExternalDelegatedAmount = (address: Address | undefined) => {
+  const { address: ownAddress } = useAccount()
+  const { delegateeAddress, isLoading: isDelegateLoading } = useGetDelegates(address)
+
+  const { data: votingPower, isLoading: isVotingPowerLoading } = useReadContract(
+    ownAddress && {
+      abi: StRIFTokenAbi,
+      address: STRIF_ADDRESS,
+      functionName: 'getVotes',
+      args: [ownAddress],
+      query: {
+        refetchInterval: 10000,
+      },
+    },
+  )
+
+  const { data: balance, isLoading: isBalanceLoading } = useReadContract(
+    ownAddress && {
+      abi: StRIFTokenAbi,
+      address: STRIF_ADDRESS,
+      functionName: 'balanceOf',
+      args: [ownAddress],
+      query: {
+        refetchInterval: 10000,
+      },
+    },
+  )
+
+  const isLoading = isDelegateLoading || isVotingPowerLoading || isBalanceLoading
+
+  const didIDelegateToMyself = ownAddress === delegateeAddress
+  const doIHaveVotingPower = (votingPower || 0n) > 0n
+
+  let amount = 0n
+
+  if (!didIDelegateToMyself && doIHaveVotingPower) {
+    amount = votingPower || 0n
+  }
+
+  if (didIDelegateToMyself && votingPower && balance) {
+    if (votingPower > balance) {
+      amount = votingPower - balance
+    }
+  }
+
+  return { amount, isLoading }
+}

From 9b6fa442dee57ffa010561a5d71965059bb6c668 Mon Sep 17 00:00:00 2001
From: Antonio <antonio@iovlabs.org>
Date: Tue, 12 Nov 2024 14:10:25 +0100
Subject: [PATCH 059/115] feat(cr): use v2 contracts

feat(collapsible): add the collapsible component

feat(WIP): read proposals from v2

feat(wip): show v1 and v2 builders

chore: review pending work

style: apply lint

test: fix failing tests

chore: restore .env.testnet.local

style: apply lint rules

style: apply lint rules

chore: rename whitelisted with communityApproved

chore: apply PR suggestion

test: fix failing tests

fix: use the updated hook useGetGaugesArray
---
 .env.testnet.local                            |  21 +--
 .../hooks/useGetBuildersRewards.ts            |   3 +-
 .../settings/{page.tsx => Settings.tsx}       |   2 +
 src/app/collective-rewards/settings/index.ts  |   2 +-
 src/app/collective-rewards/types.ts           |  10 +-
 .../Button/BecomeABuilderButton.test.tsx      |   3 +-
 .../Button/BecomeABuilderButton.tsx           |  10 +-
 .../user/context/BuilderContext.tsx           |  15 +-
 .../user/hooks/useGetBuilders.ts              | 142 ++++++++++++------
 .../user/hooks/useGetGaugesArray.ts           |   2 +-
 .../utils/getMostAdvancedProposal.test.tsx    |   4 +-
 .../utils/getMostAdvancedProposal.ts          |  10 +-
 .../whitelist/WhitelistSection.tsx            |  23 ++-
 .../components/Grid/WhitelistGridItem.tsx     |  11 +-
 .../whitelist/hooks/useGetProposalsState.ts   |   3 +-
 .../hooks/useFetchLatestProposals.test.tsx    |  16 +-
 .../hooks/useFetchLatestProposals.ts          |  49 ++++--
 .../Collapsible/Collapsible.stories.tsx       |  20 +++
 src/components/Collapsible/Collapsible.tsx    |  45 ++++++
 src/components/Collapsible/index.ts           |   1 +
 tailwind.config.ts                            |  10 ++
 21 files changed, 290 insertions(+), 112 deletions(-)
 rename src/app/collective-rewards/settings/{page.tsx => Settings.tsx} (98%)
 create mode 100644 src/components/Collapsible/Collapsible.stories.tsx
 create mode 100644 src/components/Collapsible/Collapsible.tsx
 create mode 100644 src/components/Collapsible/index.ts

diff --git a/.env.testnet.local b/.env.testnet.local
index 76ff3cfe..142c0ba2 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -7,8 +7,8 @@ NEXT_PUBLIC_BUILD_ID=
 
 NEXT_PUBLIC_RIF_ADDRESS=0x19f64674d8a5b4e652319f5e239efd3bc969a1fe
 NEXT_PUBLIC_STRIF_ADDRESS=0xC4b091d97AD25ceA5922f09fe80711B7ACBbb16f
-NEXT_PUBLIC_GOVERNOR_ADDRESS=0xB1A39B8f57A55d1429324EEb1564122806eb297F
-NEXT_PUBLIC_EA_NFT_ADDRESS=0x0Ee4e11f2F2B551cA31Ea7873c7bA675cb51A59d
+NEXT_PUBLIC_GOVERNOR_ADDRESS=0x8F10473F1c2f1dA76F6E921aA6eE8c54aD43F7b7
+NEXT_PUBLIC_EA_NFT_ADDRESS=0x979deF73ec80B8AE24Ae46765b81D9aF7b1C9327
 NEXT_PUBLIC_MULTICALL_ADDRESS=0xcA11bde05977b3631167028862bE2a173976CA11
 NEXT_PUBLIC_GRANTS_BUCKET_ADDRESS=0xfaca664c661af7e0e630c8f92b401012cd2a30ef
 NEXT_PUBLIC_GRANTS_ACTIVE_BUCKET_ADDRESS=0x2217E4d3Ae0A6E30075D1B5a7b8C1520E8009f49
@@ -18,18 +18,13 @@ NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4e84FCc953dE129C6C47c5B0AD7E57B226093Ae1
-NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xC637ca467C7Ae6607b0F230A8e8b7f558e80a70C
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xEe77314B67080BbDA66EA31E6CA9B17efD699F79
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xF732B73B6b7c63Abcb999743e2542A7DBf82C925
-NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
-NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
-
-NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.qa.json"
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xC2857F402096BfF24E8E05C2E047F8461d1af927
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x21534EaE65041b85cA309C3258E967f305917F8F
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xAEdD29bebb0dd8e29702DD1e32346365F96aA016
 
-# OG NFT Contracts
-NEXT_PUBLIC_OG_FOUNDERS=0x7E6d9969CAC008bAe5f7b144df3c955515404538
-NEXT_PUBLIC_OG_PARTNERS=0x285046a90fb322E6BaCa4F38Bb884e3C0904F7EB
-NEXT_PUBLIC_OG_CONTRIBUTORS=0xDC03B8fb7E47E4651f5008bD718a804726424A75
+NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=2
+NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
+NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.local.json"
 NEXT_PUBLIC_ENABLE_CORS_BYPASS=true
 NEXT_PUBLIC_ENABLE_FEATURE_V2_REWARDS=true
\ No newline at end of file
diff --git a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
index 0f2e57e5..0d45dead 100644
--- a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
@@ -4,6 +4,7 @@ import { useGetTokenProjectedReward, useGetRewardDistributedLogs } from '@/app/c
 import { Address, isAddressEqual } from 'viem'
 import { getLastCycleRewards } from '@/app/collective-rewards/utils/getLastCycleRewards'
 import { useBuilderContext } from '@/app/collective-rewards/user'
+import { BuilderStatusActive } from '@/app/collective-rewards/types'
 
 export const useGetBuildersRewards = (rewardToken: Address, rewardTokenSymbol?: string, currency = 'USD') => {
   const { data: builders, isLoading: buildersLoading, error: buildersError } = useBuilderContext()
@@ -24,7 +25,7 @@ export const useGetBuildersRewards = (rewardToken: Address, rewardTokenSymbol?:
 
   const isLoading = buildersLoading || logsLoading || tokenLoading
   const error = buildersError ?? logsError ?? tokenError
-  const whitelistedBuilders = builders.filter(builder => builder.status === 'Whitelisted')
+  const whitelistedBuilders = builders.filter(builder => builder.status === BuilderStatusActive)
 
   const { prices } = usePricesContext()
 
diff --git a/src/app/collective-rewards/settings/page.tsx b/src/app/collective-rewards/settings/Settings.tsx
similarity index 98%
rename from src/app/collective-rewards/settings/page.tsx
rename to src/app/collective-rewards/settings/Settings.tsx
index d2b0940d..c0a90cdf 100644
--- a/src/app/collective-rewards/settings/page.tsx
+++ b/src/app/collective-rewards/settings/Settings.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { useRouter, useSearchParams } from 'next/navigation'
 import { FC, ReactNode } from 'react'
 import { BuilderSettings } from './builder/BuilderSettings'
diff --git a/src/app/collective-rewards/settings/index.ts b/src/app/collective-rewards/settings/index.ts
index fb6ea0e0..ac44b47a 100644
--- a/src/app/collective-rewards/settings/index.ts
+++ b/src/app/collective-rewards/settings/index.ts
@@ -1,4 +1,4 @@
 export * from './builder'
 export * from './builder/hooks'
 export * from './utils'
-export * from './page'
+export * from './Settings'
diff --git a/src/app/collective-rewards/types.ts b/src/app/collective-rewards/types.ts
index 157d76ed..fe435078 100644
--- a/src/app/collective-rewards/types.ts
+++ b/src/app/collective-rewards/types.ts
@@ -2,9 +2,17 @@ import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLat
 import { ProposalState } from '@/shared/types'
 import { Address } from 'viem'
 
-export const builderStatusOptions = ['Whitelisted', 'In progress'] as const
+export const BuilderStatusActive = 'Active'
+export const BuilderStatusInProgress = 'In progress'
+export const BuilderStatusProposalCreatedMVP = 'In progress - mvp'
+export const builderStatusOptions = [
+  BuilderStatusActive,
+  BuilderStatusInProgress,
+  BuilderStatusProposalCreatedMVP,
+] as const
 
 export type BuilderStatus = (typeof builderStatusOptions)[number]
+export type BuilderStatusShown = Exclude<BuilderInfo['status'], 'In progress - mvp'>
 
 export type BuilderInfo = {
   address: Address
diff --git a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
index b8f05261..d6541d99 100644
--- a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
@@ -53,7 +53,6 @@ describe('BecomeABuilderButton', () => {
   const setAlertMessageSpy = vi.fn()
 
   const expectedLoadingDataError = new Error('Error while loading data, please try again.')
-  const expectedLoadingBuilderError = new Error('Error loading builder proposal events')
 
   beforeEach(() => {
     vi.mocked(useGetBuilders).mockImplementation(() => {
@@ -87,7 +86,7 @@ describe('BecomeABuilderButton', () => {
   })
 
   test('should render if builder is whitelisted', async () => {
-    builderData.status = 'Whitelisted'
+    builderData.status = 'Active'
     vi.mocked(useGetProposalsState).mockReturnValue({
       data: {
         [proposalId.toString()]: ProposalState.Executed,
diff --git a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
index 5c641d4a..7cb10190 100644
--- a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
@@ -1,4 +1,4 @@
-import { BuilderInfo } from '@/app/collective-rewards/types'
+import { BuilderInfo, BuilderStatusShown } from '@/app/collective-rewards/types'
 import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/user'
 import { useAlertContext } from '@/app/providers/AlertProvider'
 import { useModal } from '@/app/user/Balances/hooks/useModal'
@@ -25,10 +25,10 @@ const BuilderRegistrationButton = () => {
 }
 
 export const crStatusColorClasses: Record<
-  BuilderInfo['status'],
+  BuilderStatusShown,
   HtmlHTMLAttributes<HTMLSpanElement>['className']
 > = {
-  Whitelisted: 'bg-[#DBFEE5] text-secondary',
+  Active: 'bg-[#DBFEE5] text-secondary',
   'In progress': 'bg-[#4B5CF0] color-text-primary',
 } as const
 
@@ -44,9 +44,9 @@ const StatusBadge: FC<StatusBadgeProps> = ({ builderStatus }) => {
 
   return {
     'In progress': InProgressComponent,
-    Whitelisted: WhitelistedComponent,
+    Active: WhitelistedComponent,
     undefined: BuilderRegistrationButton,
-  }[builderStatus as BuilderInfo['status']]
+  }[builderStatus as BuilderStatusShown]
 }
 
 export const BecomeABuilderHandler = ({ address }: { address: Address }) => {
diff --git a/src/app/collective-rewards/user/context/BuilderContext.tsx b/src/app/collective-rewards/user/context/BuilderContext.tsx
index ec7e91c9..f29c6392 100644
--- a/src/app/collective-rewards/user/context/BuilderContext.tsx
+++ b/src/app/collective-rewards/user/context/BuilderContext.tsx
@@ -1,6 +1,10 @@
 import { createContext, FC, ReactNode, useContext, useMemo } from 'react'
 import { Address } from 'viem'
-import { BuilderStatus } from '@/app/collective-rewards/types'
+import {
+  BuilderStatus,
+  BuilderStatusProposalCreatedMVP,
+  BuilderStatusShown,
+} from '@/app/collective-rewards/types'
 import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
 import { useGetBuilders } from '@/app/collective-rewards/user'
 import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
@@ -10,7 +14,7 @@ import { withPricesContextProvider } from '@/shared/context/PricesContext'
 
 export type BuilderProposal = {
   builderName: string
-  status: BuilderStatus
+  status: BuilderStatusShown
   address: Address
   proposalId: bigint
   proposalName: string
@@ -37,6 +41,11 @@ export const BuilderContext = createContext<BuilderContextValue>({
 interface BuilderProviderProps {
   children: ReactNode
 }
+const getBuilderStatus = (status: BuilderStatus) => {
+  // we show all the v1 builders with "In progress" because, they're filtered out later on, if the proposal is executed
+  if (BuilderStatusProposalCreatedMVP === status) return 'In progress'
+  return status
+}
 
 export const BuilderContextProvider: FC<BuilderProviderProps> = ({ children }) => {
   const { data: builders, isLoading: buildersLoading, error: buildersError } = useGetBuilders()
@@ -62,7 +71,7 @@ export const BuilderContextProvider: FC<BuilderProviderProps> = ({ children }) =
         const { proposalName, builderName } = splitCombinedName(name)
         acc[address] = {
           builderName,
-          status,
+          status: getBuilderStatus(status),
           address,
           proposalId,
           proposalName,
diff --git a/src/app/collective-rewards/user/hooks/useGetBuilders.ts b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
index ace030e8..fd791b8e 100644
--- a/src/app/collective-rewards/user/hooks/useGetBuilders.ts
+++ b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
@@ -1,8 +1,19 @@
-import { useGetIsWhitelistedBuilder, useGetWhitelistedBuilders } from '@/app/collective-rewards/user/hooks'
-import { BuilderInfo } from '@/app/collective-rewards/types'
+import {
+  BuilderInfo,
+  BuilderStatus,
+  BuilderStatusActive,
+  BuilderStatusInProgress,
+  BuilderStatusProposalCreatedMVP,
+} from '@/app/collective-rewards/types'
 import { useFetchCreateBuilderProposals } from '@/app/proposals/hooks/useFetchLatestProposals'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BackersManagerAddress } from '@/lib/contracts'
 import { useMemo } from 'react'
-import { Address, getAddress, isAddressEqual } from 'viem'
+import { Address, getAddress } from 'viem'
+import { useReadContracts } from 'wagmi'
+import { useGetGaugesArray } from '@/app/collective-rewards/user/hooks/useGetGaugesArray'
+import { BuilderStateStruct } from '@/app/collective-rewards/utils/getBuilderGauge'
 
 export type BuilderLoader = {
   data?: BuilderInfo
@@ -14,67 +25,110 @@ export type BuildersLoader = Omit<BuilderLoader, 'data'> & {
   data: BuilderInfo[]
 }
 
-export const useGetBuilderByAddress = (address: Address): BuilderLoader => {
-  const {
-    data: buildersProposalsMap,
-    isLoading: builderProposalsMapLoading,
-    error: builderProposalsMapError,
-  } = useFetchCreateBuilderProposals()
+type BuilderStatusMap = Record<Address, BuilderStatus>
 
-  const {
-    data: isWhitelistedBuilder,
-    isLoading: isWhitelistedBuilderLoading,
-    error: isWhitelistedBuilderError,
-  } = useGetIsWhitelistedBuilder(address)
+const EXCLUDED_BUILDER_STATUS = 'X'
+type BuilderStatusWithExcluded = BuilderStatus | 'X'
 
-  const data = useMemo(() => {
-    if (buildersProposalsMap) {
-      const proposals = buildersProposalsMap?.[address] ?? {}
-
-      return {
-        address,
-        status: isWhitelistedBuilder ? 'Whitelisted' : 'In progress',
-        proposals: Object.values(proposals),
-      } as BuilderInfo
-    }
-  }, [buildersProposalsMap, address, isWhitelistedBuilder])
+const getCombinedBuilderStatus = (builderState: BuilderStateStruct): BuilderStatusWithExcluded => {
+  // Destructure the relevant elements from builderState
+  // TODO: we may need to review the logic
+  const [activated, kycApproved, communityApproved, , revoked] = builderState
 
-  const isLoading = builderProposalsMapLoading || isWhitelistedBuilderLoading
-  const error = builderProposalsMapError ?? isWhitelistedBuilderError
+  if (revoked) {
+    return BuilderStatusActive
+  }
 
-  return {
-    data,
-    isLoading,
-    error,
+  if (activated && kycApproved && communityApproved) {
+    return BuilderStatusActive
+  }
+
+  if (kycApproved || communityApproved) {
+    return BuilderStatusInProgress
   }
+
+  // Default case: used to filter out builders
+  return EXCLUDED_BUILDER_STATUS
 }
 
 export const useGetBuilders = (): BuildersLoader => {
+  /*
+   * get Gauges
+   * for each Gauge
+   *    get Builder from Gauge
+   *    get Builder state
+   *    ignore the builder if paused or revoked (to be confirmed)
+   */
+  // get the gauges
+  const { data: gauges, isLoading: gaugesLoading, error: gaugesError } = useGetGaugesArray('active')
+  // get the builders for each gauge
+  const gaugeToBuilderCalls = gauges?.map(
+    gauge =>
+      ({
+        address: BackersManagerAddress,
+        abi: BuilderRegistryAbi,
+        functionName: 'gaugeToBuilder',
+        args: [gauge],
+      }) as const,
+  )
+  const {
+    data: buildersResult,
+    isLoading: buildersLoading,
+    error: buildersError,
+  } = useReadContracts<Address[]>({
+    contracts: gaugeToBuilderCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+  const builders = buildersResult?.map(builder => builder.result) as Address[]
+
+  // get the builder state for each builder
+  const builderStatesCalls = builders?.map(
+    builder =>
+      ({
+        address: BackersManagerAddress,
+        abi: BuilderRegistryAbi,
+        functionName: 'builderState',
+        args: [builder],
+      }) as const,
+  )
+  const {
+    data: builderStatesResult,
+    isLoading: builderStatesLoading,
+    error: builderStatesError,
+  } = useReadContracts({ contracts: builderStatesCalls, query: { refetchInterval: AVERAGE_BLOCKTIME } })
+  const builderStates = builderStatesResult?.map(({ result }) => result as BuilderStateStruct)
+
+  const builderStatusMap = builders?.reduce<BuilderStatusMap>((acc, builder, index) => {
+    const builderState = (builderStates?.[index] ?? []) as BuilderStateStruct
+    const status = getCombinedBuilderStatus(builderState)
+    if (status !== EXCLUDED_BUILDER_STATUS) {
+      acc[builder] = status as BuilderStatus
+    }
+
+    return acc
+  }, {})
+
   const {
     data: buildersProposalsMap,
     isLoading: builderProposalsMapLoading,
     error: builderProposalsMapError,
   } = useFetchCreateBuilderProposals()
-  const {
-    data: whitelistedBuilders,
-    isLoading: whitelistedBuildersLoading,
-    error: whitelistedBuildersError,
-  } = useGetWhitelistedBuilders()
 
   const data = useMemo(() => {
     return Object.entries(buildersProposalsMap ?? {}).map<BuilderInfo>(([builder, proposals]) => ({
       address: getAddress(builder),
-      status: whitelistedBuilders?.some(whitelistedBuilder =>
-        isAddressEqual(whitelistedBuilder, getAddress(builder)),
-      )
-        ? 'Whitelisted'
-        : 'In progress',
+      status:
+        builderStatusMap && builder in builderStatusMap
+          ? builderStatusMap[builder as Address] // V2
+          : BuilderStatusProposalCreatedMVP, // MVP
       proposals: Object.values(proposals),
     }))
-  }, [whitelistedBuilders, buildersProposalsMap])
+  }, [builderStatusMap, buildersProposalsMap])
 
-  const isLoading = builderProposalsMapLoading || whitelistedBuildersLoading
-  const error = builderProposalsMapError ?? whitelistedBuildersError
+  const isLoading = builderProposalsMapLoading || builderStatesLoading || buildersLoading || gaugesLoading
+  const error = builderProposalsMapError ?? builderStatesError ?? buildersError ?? gaugesError
 
   return {
     data,
diff --git a/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts b/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts
index dc8092a0..9948c49a 100644
--- a/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts
+++ b/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts
@@ -23,7 +23,7 @@ export const useGetGaugesArray = (type: GaugeType) => {
     error: gaugesLengthError,
   } = useGetGaugesLength(type)
 
-  const length = gaugesLength ? Number(gaugesLength) : 0
+  const length = Number(gaugesLength) ?? 0
 
   const contractCalls = Array.from({ length }, (_, index) => {
     return {
diff --git a/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
index a640ca28..2435d4f3 100644
--- a/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
+++ b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
@@ -9,7 +9,7 @@ describe('getValidProposal', () => {
       const proposal = getMostAdvancedProposal(
         {
           address: '0x01',
-          status: 'Whitelisted',
+          status: 'Active',
           proposals: [
             {
               timeStamp: 1,
@@ -39,7 +39,7 @@ describe('getValidProposal', () => {
       const proposal = getMostAdvancedProposal(
         {
           address: '0x01',
-          status: 'Whitelisted',
+          status: 'Active',
           proposals: [
             {
               timeStamp: 1,
diff --git a/src/app/collective-rewards/utils/getMostAdvancedProposal.ts b/src/app/collective-rewards/utils/getMostAdvancedProposal.ts
index fa78f909..580811ee 100644
--- a/src/app/collective-rewards/utils/getMostAdvancedProposal.ts
+++ b/src/app/collective-rewards/utils/getMostAdvancedProposal.ts
@@ -1,8 +1,14 @@
+import {
+  BuilderInfo,
+  BuilderStatus,
+  BuilderStatusActive,
+  ProposalsToState,
+} from '@/app/collective-rewards/types'
 import { ProposalState } from '@/shared/types'
-import { BuilderInfo, ProposalsToState } from '@/app/collective-rewards/types'
 
 const inactiveProposalsStates = [ProposalState.Canceled, ProposalState.Defeated, ProposalState.Expired]
 const isActive = (state: ProposalState) => !inactiveProposalsStates.includes(state)
+const isBuilderActive = (builderStatus: BuilderStatus) => BuilderStatusActive === builderStatus
 
 export const getMostAdvancedProposal = (
   { status, proposals }: BuilderInfo,
@@ -14,7 +20,7 @@ export const getMostAdvancedProposal = (
       const state = proposalsStateMap[proposalId.toString()]
 
       const isExecuted = ProposalState.Executed === state
-      if (status === 'Whitelisted') {
+      if (isBuilderActive(status)) {
         return isExecuted
       }
 
diff --git a/src/app/collective-rewards/whitelist/WhitelistSection.tsx b/src/app/collective-rewards/whitelist/WhitelistSection.tsx
index 7a737cb4..7f3948ad 100644
--- a/src/app/collective-rewards/whitelist/WhitelistSection.tsx
+++ b/src/app/collective-rewards/whitelist/WhitelistSection.tsx
@@ -1,9 +1,11 @@
 import { useAlertContext } from '@/app/providers/AlertProvider'
 import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { HeaderTitle } from '@/components/Typography'
-import { useEffect } from 'react'
+import React, { useEffect } from 'react'
 import { WhitelistGrid, WhitelistSearch } from './components'
 import { useWhitelistContext } from './context'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/Collapsible'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 
 export const WhitelistSection = () => {
   const { builders, isLoading, error: whitelistError } = useWhitelistContext()
@@ -21,13 +23,18 @@ export const WhitelistSection = () => {
   }, [whitelistError, setErrorMessage])
 
   return (
-    <div>
-      <HeaderTitle>Whitelist</HeaderTitle>
-      <WhitelistSearch />
+    <>
+      <Collapsible defaultOpen>
+        <CollapsibleTrigger>
+          <HeaderTitle>Activated Builders</HeaderTitle>
+        </CollapsibleTrigger>
 
-      {/* TODO: We should show an empty table (not considered in the design yet) on error */}
-      {isLoading && <LoadingSpinner />}
-      {!isLoading && <WhitelistGrid items={builders} />}
-    </div>
+        <CollapsibleContent>
+          <WhitelistSearch />
+
+          {withSpinner(WhitelistGrid)({ isLoading, items: builders })}
+        </CollapsibleContent>
+      </Collapsible>
+    </>
   )
 }
diff --git a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
index 112e4817..175d19cd 100644
--- a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
+++ b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
@@ -1,5 +1,5 @@
 import { crStatusColorClasses, BuilderProposal } from '@/app/collective-rewards/user'
-import { AddressOrAlias, AddressOrAliasWithCopy } from '@/components/Address'
+import { AddressOrAliasWithCopy } from '@/components/Address'
 import { Badge } from '@/components/Badge'
 import { Popover } from '@/components/Popover'
 import { Paragraph, Span, Typography } from '@/components/Typography'
@@ -8,8 +8,9 @@ import { FC, ReactNode } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
 import { shortAddress } from '@/lib/utils'
 import { isAddress, Address } from 'viem'
+import { BuilderStatusActive, BuilderStatusShown } from '@/app/collective-rewards/types'
 
-type WhitelistGridItemProps = BuilderProposal
+type WhitelistGridItemProps = BuilderProposal & { status: BuilderStatusShown }
 
 const Card = ({ header, body }: { header: ReactNode; body: ReactNode }) => {
   return (
@@ -32,7 +33,7 @@ export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
   const router = useRouter()
   const shortenAddress = shortAddress(address as Address)
   const Header = (
-    <div className="flex flex-row w-full items-center gap-x-3">
+    <div className="flex flex-row w-full items-center gap-x-3 min-h-11">
       <Jdenticon className="rounded-md bg-white" value={address} size="32" />
       <div className="flex-1 min-w-0">
         {/* TODO: To be reviewed, it's weird that we show the address in the tooltip
@@ -57,7 +58,9 @@ export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
             />
           </Typography>
         </Popover>
-        <Paragraph className="text-sm font-light"> Joined {joiningDate}</Paragraph>
+        {status === BuilderStatusActive && (
+          <Paragraph className="text-sm font-light"> Joined {joiningDate}</Paragraph>
+        )}
       </div>
       <div className="flex justify-center items-center">
         <Badge content={status} className={`${crStatusColorClasses[status]} py-1 px-2`} />
diff --git a/src/app/collective-rewards/whitelist/hooks/useGetProposalsState.ts b/src/app/collective-rewards/whitelist/hooks/useGetProposalsState.ts
index b7d1599e..59ab7840 100644
--- a/src/app/collective-rewards/whitelist/hooks/useGetProposalsState.ts
+++ b/src/app/collective-rewards/whitelist/hooks/useGetProposalsState.ts
@@ -6,6 +6,7 @@ import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLat
 import { useMemo } from 'react'
 import { ProposalState } from '@/shared/types'
 import { ProposalsToState } from '@/app/collective-rewards/types'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 
 export const useGetProposalsState = (proposals: CreateBuilderProposalEventLog[]) => {
   const contractCalls = proposals.map(({ args: { proposalId } }) => {
@@ -24,7 +25,7 @@ export const useGetProposalsState = (proposals: CreateBuilderProposalEventLog[])
   } = useReadContracts<ProposalState[]>({
     contracts: contractCalls,
     query: {
-      refetchInterval: 30_000,
+      refetchInterval: AVERAGE_BLOCKTIME,
     },
   })
 
diff --git a/src/app/proposals/hooks/useFetchLatestProposals.test.tsx b/src/app/proposals/hooks/useFetchLatestProposals.test.tsx
index 2052d6ee..e3df3d03 100644
--- a/src/app/proposals/hooks/useFetchLatestProposals.test.tsx
+++ b/src/app/proposals/hooks/useFetchLatestProposals.test.tsx
@@ -2,30 +2,30 @@ import {
   ProposalQueryResult,
   useFetchCreateBuilderProposals,
 } from '@/app/proposals/hooks/useFetchLatestProposals'
+import { ADDRESS_PADDING_LENGTH, RELAY_PARAMETER_PADDING_LENGTH } from '@/app/proposals/shared/utils'
 import { fetchProposalsCreatedCached } from '@/app/user/Balances/actions'
+import { GovernorAbi } from '@/lib/abis/Governor'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { expect, vi, Mock, describe, beforeEach, it } from 'vitest'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
 import { Interface } from 'ethers/abi'
 import { parseEventLogs } from 'viem'
-import { ADDRESS_PADDING_LENGTH, RELAY_PARAMETER_PADDING_LENGTH } from '@/app/proposals/shared/utils'
-import { GovernorAbi } from '@/lib/abis/Governor'
+import { Mock, beforeEach, describe, expect, it, vi } from 'vitest'
 
 vi.mock('@/app/user/Balances/actions', () => ({
   fetchProposalsCreatedCached: vi.fn(),
 }))
 
-vi.mock('viem', () => ({
-  parseEventLogs: vi.fn(),
-  getAddress: vi.fn().mockImplementation((address: string) => address),
-}))
-
 const CR_WHITELIST_FUNCTION = 'whitelistBuilder' // TODO: refactor
 const CR_WHITELIST_FUNCTION_SELECTOR = new Interface(SimplifiedRewardDistributorAbi).getFunction(
   CR_WHITELIST_FUNCTION,
 )?.selector
 
+vi.mock('viem', () => ({
+  parseEventLogs: vi.fn(),
+  getAddress: vi.fn().mockImplementation((address: string) => address),
+}))
+
 const builder_1 = '0xCD2a3d9F938E13CD947Ec05AbC7FE734Df8DD826'
 const builder_2 = '0x45418b3cc0CF56847A8A3C3004961c572E259142'
 
diff --git a/src/app/proposals/hooks/useFetchLatestProposals.ts b/src/app/proposals/hooks/useFetchLatestProposals.ts
index e379e9ed..85acd413 100644
--- a/src/app/proposals/hooks/useFetchLatestProposals.ts
+++ b/src/app/proposals/hooks/useFetchLatestProposals.ts
@@ -2,16 +2,18 @@ import { fetchProposalsCreatedCached } from '@/app/user/Balances/actions'
 import { GovernorAbi } from '@/lib/abis/Governor'
 import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
 import { useQuery, UseQueryResult } from '@tanstack/react-query'
-import { Interface } from 'ethers'
+import { Interface, InterfaceAbi } from 'ethers'
 import { useMemo } from 'react'
 import { getAddress, parseEventLogs } from 'viem'
 import { ADDRESS_PADDING_LENGTH, RELAY_PARAMETER_PADDING_LENGTH } from '@/app/proposals/shared/utils'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 
 const useFetchLatestProposals = () => {
   return useQuery({
     queryFn: fetchProposalsCreatedCached,
     queryKey: ['proposalsCreated'],
-    refetchInterval: 30_000,
+    refetchInterval: AVERAGE_BLOCKTIME,
   })
 }
 
@@ -43,20 +45,30 @@ export const useFetchAllProposals = () => {
   return { latestProposals }
 }
 
-const RELAY_FUNCTION = 'relay'
-const RELAY_FUNCTION_SELECTOR = new Interface(GovernorAbi).getFunction(RELAY_FUNCTION)?.selector
-if (!RELAY_FUNCTION_SELECTOR) {
-  throw new Error(`Function ${RELAY_FUNCTION} not found in GovernorAbi.`)
+type FunctionSelectorArgs = {
+  functionName: string
+  abi: InterfaceAbi
 }
 
-const CR_WHITELIST_FUNCTION = 'whitelistBuilder' // TODO: refactor
-const CR_WHITELIST_FUNCTION_SELECTOR = new Interface(SimplifiedRewardDistributorAbi).getFunction(
-  CR_WHITELIST_FUNCTION,
-)?.selector
-if (!CR_WHITELIST_FUNCTION_SELECTOR) {
-  throw new Error(`Function ${CR_WHITELIST_FUNCTION} not found in SimplifiedRewardDistributorAbi.`)
+const toFunctionSelector = ({ functionName, abi }: FunctionSelectorArgs) => {
+  const selector = new Interface(abi).getFunction(functionName)?.selector
+  if (!selector) {
+    throw new Error(`Function ${functionName} not found in abi.`)
+  }
+  return selector
 }
 
+const RELAY_FUNCTION_SELECTOR = toFunctionSelector({ abi: GovernorAbi, functionName: 'relay' })
+const CR_WHITELIST_FUNCTION_SELECTOR_MVP = toFunctionSelector({
+  abi: BuilderRegistryAbi,
+  functionName: 'whitelistBuilder',
+})
+
+const CR_WHITELIST_FUNCTION_SELECTOR_V2 = toFunctionSelector({
+  abi: SimplifiedRewardDistributorAbi,
+  functionName: 'whitelistBuilder',
+})
+
 type ElementType<T> = T extends (infer U)[] ? U : never
 
 type EventLog = ElementType<ReturnType<typeof parseEventLogs<typeof GovernorAbi, true, 'ProposalCreated'>>>
@@ -99,14 +111,19 @@ export const useFetchCreateBuilderProposals = (): ProposalQueryResult<ProposalsP
         calldatas.find(calldata => calldata.startsWith(RELAY_FUNCTION_SELECTOR)),
       )
     const crProposalMap = sortedAndRelayFilteredEvents.reduce<ProposalsPerBuilder>((acc, event) => {
-      const crWhitelistFunctionHash = CR_WHITELIST_FUNCTION_SELECTOR.slice(2)
+      const crWhitelistFunctionHashMVP = CR_WHITELIST_FUNCTION_SELECTOR_MVP.slice(2)
+      const crWhitelistFunctionHashV2 = CR_WHITELIST_FUNCTION_SELECTOR_V2.slice(2)
+      // both MVP and V2 have the same length
+      const whitelistFnLength = crWhitelistFunctionHashV2.length
       const relayPadding = RELAY_FUNCTION_SELECTOR.length + RELAY_PARAMETER_PADDING_LENGTH
-      const crEventCalldatas = event.args.calldatas.find(calldata =>
-        calldata.startsWith(crWhitelistFunctionHash, relayPadding),
+      const crEventCalldatas = event.args.calldatas.find(
+        calldata =>
+          calldata.startsWith(crWhitelistFunctionHashMVP, relayPadding) ||
+          calldata.startsWith(crWhitelistFunctionHashV2, relayPadding),
       )
 
       if (crEventCalldatas) {
-        const addressStart = relayPadding + crWhitelistFunctionHash.length + ADDRESS_PADDING_LENGTH
+        const addressStart = relayPadding + whitelistFnLength + ADDRESS_PADDING_LENGTH
         const addressEnd = addressStart + 40
         const addressSlice = `0x${crEventCalldatas.slice(addressStart, addressEnd)}`
         let builder
diff --git a/src/components/Collapsible/Collapsible.stories.tsx b/src/components/Collapsible/Collapsible.stories.tsx
new file mode 100644
index 00000000..f6759762
--- /dev/null
+++ b/src/components/Collapsible/Collapsible.stories.tsx
@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './Collapsible'
+
+const meta = {
+  title: 'Components/Collapsible',
+  component: Collapsible,
+} satisfies Meta<typeof Collapsible>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const CollapsiblePanel: Omit<Story, 'args'> = {
+  render: () => (
+    <Collapsible>
+      <CollapsibleTrigger>I am the header </CollapsibleTrigger>
+      <CollapsibleContent>I am the body</CollapsibleContent>
+    </Collapsible>
+  ),
+}
diff --git a/src/components/Collapsible/Collapsible.tsx b/src/components/Collapsible/Collapsible.tsx
new file mode 100644
index 00000000..113a03ab
--- /dev/null
+++ b/src/components/Collapsible/Collapsible.tsx
@@ -0,0 +1,45 @@
+'use client'
+
+import { cn } from '@/lib/utils'
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'
+import React from 'react'
+import { SlArrowDown, SlArrowUp } from 'react-icons/sl'
+
+const Collapsible = CollapsiblePrimitive.Root
+const CollapsibleTrigger = React.forwardRef<
+  React.ElementRef<typeof CollapsiblePrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>
+>(({ className, children, ...props }, ref) => {
+  const iconBaseCn = 'h-6 w-6 shrink-0'
+  return (
+    <div className="flex">
+      <div className="flex items-center justify-center gap-[10px]">
+        <CollapsiblePrimitive.Trigger ref={ref} className={cn('transition-all group', className)} {...props}>
+          <SlArrowUp className={cn(iconBaseCn, 'group-data-[state=open]:hidden')} />
+          <SlArrowDown className={cn(iconBaseCn, 'group-data-[state=closed]:hidden')} />
+        </CollapsiblePrimitive.Trigger>
+        {children}
+      </div>
+    </div>
+  )
+})
+CollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName
+
+const CollapsibleContent = React.forwardRef<
+  React.ElementRef<typeof CollapsiblePrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <CollapsiblePrimitive.Content
+    ref={ref}
+    className={cn(
+      'text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down',
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </CollapsiblePrimitive.Content>
+))
+CollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger }
diff --git a/src/components/Collapsible/index.ts b/src/components/Collapsible/index.ts
new file mode 100644
index 00000000..c9bf93fc
--- /dev/null
+++ b/src/components/Collapsible/index.ts
@@ -0,0 +1 @@
+export * from './Collapsible'
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 97f2617b..b6a490ce 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -51,6 +51,14 @@ const config: Config = {
           from: { height: 'var(--radix-accordion-content-height)' },
           to: { height: '0' },
         },
+        'collapsible-down': {
+          from: { height: '0' },
+          to: { height: 'var(--radix-collapsible-content-height)' },
+        },
+        'collapsible-up': {
+          from: { height: 'var(--radix-collapsible-content-height)' },
+          to: { height: '0' },
+        },
         'fade-out-slide-out': {
           from: {
             opacity: '1',
@@ -85,6 +93,8 @@ const config: Config = {
       animation: {
         'accordion-down': 'accordion-down 0.2s ease-out',
         'accordion-up': 'accordion-up 0.2s ease-out',
+        'collapsible-down': 'collapsible-down 0.2s ease-out',
+        'collapsible-up': 'collapsible-up 0.2s ease-out',
         'translate-x': `translate-x ${ADDRESS_ANIMATION_DURATION}ms`,
         'fade-out-slide-out': `fade-out-slide-out ${ADDRESS_ANIMATION_DURATION}ms`,
         'fade-in-slide-in': `fade-in-slide-in ${ADDRESS_ANIMATION_DURATION}ms`,

From 45266c02109780a0fc0e638b361235bb5425ee70 Mon Sep 17 00:00:00 2001
From: Juraj Piar <juraj@iovlabs.org>
Date: Fri, 15 Nov 2024 16:31:46 +0000
Subject: [PATCH 060/115] fix: adds suspense

---
 src/app/user/page.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index 59ec8b07..a834588f 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -9,6 +9,7 @@ import { MainContainer } from '@/components/MainContainer/MainContainer'
 import { Tabs, TabsContent, TabsList, TabsTrigger, TabTitle } from '@/components/Tabs'
 import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { useSearchParams } from 'next/navigation'
+import { Suspense } from 'react'
 import { zeroAddress } from 'viem'
 import { useAccount } from 'wagmi'
 
@@ -46,7 +47,7 @@ const tabs: Tabs = {
   },
 }
 
-export default function User() {
+function User() {
   const { address } = useAccount()
   const { data: gauge, error } = useGetBuilderToGauge(address!)
   const searchParams = useSearchParams()
@@ -80,3 +81,11 @@ export default function User() {
     </MainContainer>
   )
 }
+
+export default function UserPage() {
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <User />
+    </Suspense>
+  )
+}

From 41f80ba0cd679f3efe992bc2b1ab47f54471dc26 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Tue, 19 Nov 2024 13:09:14 +0000
Subject: [PATCH 061/115] fix: filter activated builders (#377)

* fix: filter activated builders

* fix: use constants
---
 .../components/Search/WhitelistSearch.tsx     | 24 +++++++++++++------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx b/src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx
index 63acc391..f5c61162 100644
--- a/src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx
+++ b/src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx
@@ -1,3 +1,8 @@
+import {
+  BuilderStatusActive,
+  BuilderStatusInProgress,
+  BuilderStatusShown,
+} from '@/app/collective-rewards/types'
 import { BuilderStatusFilter, useWhitelistContext } from '@/app/collective-rewards/whitelist'
 import { useAlertContext } from '@/app/providers'
 import { Input } from '@/components/Input'
@@ -5,6 +10,18 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
 import { Label } from '@/components/Typography'
 import { useEffect } from 'react'
 
+type SelectOption = {
+  value: BuilderStatusShown | 'all'
+  label: string
+}
+
+// TODO: are there other statuses to be considered?
+const statuses: SelectOption[] = [
+  { value: 'all', label: 'All' },
+  { value: BuilderStatusActive, label: 'Activated' },
+  { value: BuilderStatusInProgress, label: 'In progress' },
+]
+
 export const WhitelistSearch = () => {
   const { search, filterBy, error: whitelistError } = useWhitelistContext()
   const { setMessage: setErrorMessage } = useAlertContext()
@@ -20,13 +37,6 @@ export const WhitelistSearch = () => {
     }
   }, [whitelistError, setErrorMessage])
 
-  // TODO: are there other statuses to be considered?
-  const statuses = [
-    { value: 'all', label: 'All' },
-    { value: 'Whitelisted', label: 'Whitelisted' },
-    { value: 'In progress', label: 'In progress' },
-  ]
-
   const onValueChange = (value: string) => filterBy.onChange(value as BuilderStatusFilter)
 
   return (

From 343f752517e65b891c00801914ed52b0fcde979c Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Tue, 19 Nov 2024 13:28:59 +0000
Subject: [PATCH 062/115] TOK-477: page layout and metrics (#368)

* feat(allocations): page layout and metrics
---
 .../allocations/AllocationAmount.tsx          | 67 +++++++++++++
 .../allocations/AllocationMetrics.tsx         | 94 +++++++++++++++++++
 .../collective-rewards/allocations/Header.tsx | 13 +++
 .../collective-rewards/allocations/page.tsx   | 26 +++++
 .../allocations/useBackerTotalAllocation.tsx  | 24 +++++
 src/components/Input/Input.tsx                | 15 ++-
 6 files changed, 230 insertions(+), 9 deletions(-)
 create mode 100644 src/app/collective-rewards/allocations/AllocationAmount.tsx
 create mode 100644 src/app/collective-rewards/allocations/AllocationMetrics.tsx
 create mode 100644 src/app/collective-rewards/allocations/Header.tsx
 create mode 100644 src/app/collective-rewards/allocations/page.tsx
 create mode 100644 src/app/collective-rewards/allocations/useBackerTotalAllocation.tsx

diff --git a/src/app/collective-rewards/allocations/AllocationAmount.tsx b/src/app/collective-rewards/allocations/AllocationAmount.tsx
new file mode 100644
index 00000000..f24df6ea
--- /dev/null
+++ b/src/app/collective-rewards/allocations/AllocationAmount.tsx
@@ -0,0 +1,67 @@
+'use client'
+
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { Button, ButtonProps } from '@/components/Button'
+import { Input } from '@/components/Input'
+import { cn } from '@/lib/utils'
+import { useState } from 'react'
+
+const PercentageButton = ({ children, variant, ...rest }: ButtonProps) => (
+  <Button
+    className={cn('px-2 py-1', variant === 'primary' && 'border-[1px] border-primary')}
+    variant={variant}
+    {...rest}
+  >
+    {children}
+  </Button>
+)
+
+type AllocationAmountProps = {
+  balance: bigint
+  errorMessage?: string
+  onPercentageSet?: (percentage: number) => void
+}
+
+export const AllocationAmount = ({ balance, errorMessage, onPercentageSet }: AllocationAmountProps) => {
+  const [activeButton, setActiveButton] = useState<number | null>(null)
+  const [allocatedAmount, setAllocatedAmount] = useState('0')
+  const onChange = (value: string) => {
+    setAllocatedAmount(value)
+  }
+
+  const onPercentageButtonClicked = (percentage: number, index: number) => {
+    const percentageAmount = (BigInt(balance ?? 0n) * BigInt(percentage)) / BigInt(100)
+    setAllocatedAmount(formatBalanceToHuman(percentageAmount))
+    onPercentageSet?.(percentage)
+    setActiveButton(index)
+  }
+  return (
+    <div className="flex flex-col items-end gap-4 min-w-[694px] min-h-[130px]">
+      <div className="flex flex-col items-center gap-[10px] self-stretch">
+        <Input
+          type="number"
+          className="w-full"
+          label="Set amount to allocate"
+          labelProps={{ className: 'text-base leading-4 font-normal' }}
+          name="allocated-amount"
+          fullWidth
+          onChange={onChange}
+          value={allocatedAmount.toString()}
+          errorMessage={errorMessage}
+        />
+      </div>
+      <div className="flex items-center gap-3">
+        {[10, 20, 50, 100].map((percentage, i) => (
+          <PercentageButton
+            key={i}
+            onClick={() => onPercentageButtonClicked(percentage, i)}
+            variant={i === activeButton ? 'primary' : 'secondary'}
+          >
+            {' '}
+            {percentage}%
+          </PercentageButton>
+        ))}
+      </div>
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/allocations/AllocationMetrics.tsx b/src/app/collective-rewards/allocations/AllocationMetrics.tsx
new file mode 100644
index 00000000..f2e3430a
--- /dev/null
+++ b/src/app/collective-rewards/allocations/AllocationMetrics.tsx
@@ -0,0 +1,94 @@
+'use client'
+
+import { formatBalanceToHuman, getTokenBalance } from '@/app/user/Balances/balanceUtils'
+import { useGetAddressTokens } from '@/app/user/Balances/hooks/useGetAddressTokens'
+import { MainContainer } from '@/components/MainContainer/MainContainer'
+import { HeaderTitle, Paragraph } from '@/components/Typography'
+import { useAccount } from 'wagmi'
+import { useHandleErrors } from '../utils'
+import { useBackerTotalAllocation } from './useBackerTotalAllocation'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { ethers } from 'ethers'
+
+type ValueProps = {
+  value: string
+}
+
+type MetricsProps = ValueProps & {
+  name: string
+}
+
+const Metric = ({ name, value }: MetricsProps) => {
+  return (
+    <div className="flex flex-col items-start gap-[10px]">
+      <Paragraph className="font-bold tracking-[-0.28px] text-[14px]">{name}</Paragraph>
+      <Paragraph className="font-kk-topo text-[48px] text-primary">{value}</Paragraph>
+    </div>
+  )
+}
+
+const Column = ({ children }: { children: React.ReactNode }) => {
+  return <div className="flex flex-col items-start gap-[10px] min-w-[200px] max-w-[20%]">{children}</div>
+}
+
+const Balance = ({ value }: ValueProps) => {
+  return <Metric name="Balance" value={value} />
+}
+const BalanceWithSpinner = withSpinner(Balance)
+
+const AllocatedAmount = ({ value }: ValueProps) => {
+  return <Metric name="Allocated amount" value={value} />
+}
+const AllocatedAmountWithSpinner = withSpinner(AllocatedAmount)
+
+const UnallocatedAmount = ({ value }: ValueProps) => {
+  return <Metric name="Unallocated amount" value={value} />
+}
+const UnallocatedAmountWithSpinner = withSpinner(UnallocatedAmount)
+
+export const AllocationMetrics = () => {
+  // TODO: we can move this logic to a custom hook or to a context
+  const { address, chainId } = useAccount()
+  let {
+    data,
+    isLoading: balanceLoading,
+    error: balanceError,
+  } = useGetAddressTokens(address!, chainId as number)
+  const stRIFBalance = getTokenBalance('stRIF', data)
+  const balanceValue = `${stRIFBalance.balance} ${stRIFBalance.symbol}`
+  balanceLoading = false
+
+  let {
+    data: allocatedAmount,
+    isLoading: allocatedAmountLoading,
+    error: allocatedAmountError,
+  } = useBackerTotalAllocation(address!)
+  const allocatedAmountValue = `${allocatedAmount} ${stRIFBalance.symbol}`
+  allocatedAmountLoading = false
+  allocatedAmount = 0n
+
+  useHandleErrors({
+    error: balanceError ?? allocatedAmountError,
+    title: 'Failed to fetch balance and allocated amount',
+  })
+
+  const unformattedUnit = stRIFBalance.balance
+  const formattedUnit = ethers.parseEther(unformattedUnit)
+  const unallocatedAmount = formatBalanceToHuman(formattedUnit - (allocatedAmount || 0n))
+
+  const unallocatedAmountValue = `${unallocatedAmount} ${stRIFBalance.symbol}`
+  const unallocatedAmountLoading = balanceLoading || allocatedAmountLoading
+  return (
+    <div className="flex items-start gap-6 w-full">
+      <Column>
+        <BalanceWithSpinner value={balanceValue} isLoading={balanceLoading} />
+      </Column>
+      <Column>
+        <AllocatedAmountWithSpinner value={allocatedAmountValue} isLoading={allocatedAmountLoading} />
+      </Column>
+      <Column>
+        <UnallocatedAmountWithSpinner value={unallocatedAmountValue} isLoading={unallocatedAmountLoading} />
+      </Column>
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/allocations/Header.tsx b/src/app/collective-rewards/allocations/Header.tsx
new file mode 100644
index 00000000..e3602b17
--- /dev/null
+++ b/src/app/collective-rewards/allocations/Header.tsx
@@ -0,0 +1,13 @@
+import { HeaderTitle, Label, Paragraph, Typography } from '@/components/Typography'
+
+export const Header = () => {
+  return (
+    <>
+      <HeaderTitle>Confirm strif allocation for the selected builders</HeaderTitle>
+      <Paragraph className="font-normal leading-6 text-[rgba(255,255,255,0.6)]">
+        Back builders who drive innovations. Review the selection and support the Builders you align with.
+        Your allocations influence the rewards the Builders will receive.
+      </Paragraph>
+    </>
+  )
+}
diff --git a/src/app/collective-rewards/allocations/page.tsx b/src/app/collective-rewards/allocations/page.tsx
new file mode 100644
index 00000000..d6a68500
--- /dev/null
+++ b/src/app/collective-rewards/allocations/page.tsx
@@ -0,0 +1,26 @@
+'use client'
+
+import { MainContainer } from '@/components/MainContainer/MainContainer'
+import { AllocationAmount } from './AllocationAmount'
+import { AllocationMetrics } from './AllocationMetrics'
+import { Header } from './Header'
+
+export default function BuildersIncentiveMarket() {
+  return (
+    <MainContainer>
+      <div className="grid grid-rows-1 gap-[32px]">
+        <div className="flex flex-col justify-center items-start self-stretch gap-2">
+          <Header />
+        </div>
+        <div className="flex flex-col items-start gap-6 self-stretch">
+          <AllocationMetrics />
+          <AllocationAmount
+            // TODO: balance set only to make the percentage buttons work
+            balance={50000000000000000000n}
+            // errorMessage="Builder allocations exceeds amount to allocate"
+          />
+        </div>
+      </div>
+    </MainContainer>
+  )
+}
diff --git a/src/app/collective-rewards/allocations/useBackerTotalAllocation.tsx b/src/app/collective-rewards/allocations/useBackerTotalAllocation.tsx
new file mode 100644
index 00000000..b7239801
--- /dev/null
+++ b/src/app/collective-rewards/allocations/useBackerTotalAllocation.tsx
@@ -0,0 +1,24 @@
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { Address } from 'viem'
+import { useReadContract } from 'wagmi'
+
+export const useBackerTotalAllocation = (backer: Address) => {
+  const { data, isLoading, error } = useReadContract({
+    abi: BackersManagerAbi,
+    address: BackersManagerAddress,
+    functionName: 'backerTotalAllocation',
+    args: [backer],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+      initialData: 0n,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
index 3612c24a..4804ef66 100644
--- a/src/components/Input/Input.tsx
+++ b/src/components/Input/Input.tsx
@@ -28,11 +28,12 @@ interface Props {
   label?: string
   labelWrapperProps?: JSX.IntrinsicElements['div']
   inputProps?: JSX.IntrinsicElements['input'] & NumericFormatProps<InputAttributes>
-  hint?: string
+  hint?: string | JSX.Element
   errorMessage?: string
   className?: string
   type?: InputType
   onChange?: (value: string) => void
+  labelProps?: JSX.IntrinsicElements['div']
 }
 export const Input: FC<Props> = ({
   name,
@@ -48,6 +49,7 @@ export const Input: FC<Props> = ({
   className,
   type = 'text',
   onChange = () => {},
+  labelProps = {},
 }) => {
   const handleOnChange = (e: { target: { value: string } }) => onChange(e.target.value)
 
@@ -106,7 +108,9 @@ export const Input: FC<Props> = ({
     <div className={className} data-testid={`Input_Container_${name}`}>
       {label && (
         <div className="pb-[10px]" {...labelWrapperProps}>
-          <Label variant="semibold">{label}</Label>
+          <Label variant="semibold" {...labelProps}>
+            {label}
+          </Label>
         </div>
       )}
       {input}
@@ -117,13 +121,6 @@ export const Input: FC<Props> = ({
           </Paragraph>
         </div>
       )}
-      {hint && !errorMessage && (
-        <div className="text-st-hint mt-[5px]">
-          <Paragraph variant="light" className="text-[14px]">
-            {hint}
-          </Paragraph>
-        </div>
-      )}
       {errorMessage && (
         <div className="mt-[5px]">
           <Paragraph variant="error" className="text-[14px]">

From 1a78efc5c85dc805c5e039661395d419c83521d6 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Tue, 19 Nov 2024 14:25:10 +0000
Subject: [PATCH 063/115] TOK-476: builder allocation component (#373)

* feat(allocations): page layout and metrics

* style: fix lint

* fix: add metrics

* fix: set fixed column width when loading

* feat(wip): add allocation amount input and percentage

* feat: includ logic for percentage buttons and error mgmt

* chore: add AllocationAmount usage

* chore: update dependencies to include collapsible and slider

* feat: add slider

* feat: include placeholder to manage logic

* chore: remove unused imports

* fix: set min width for builder allocation component
---
 package-lock.json                             | 35 +++++++-
 package.json                                  |  6 +-
 .../allocations/AllocationAmount.tsx          |  5 ++
 .../allocations/AllocationMetrics.tsx         |  7 +-
 .../allocations/BuilderAllocation.tsx         | 32 ++++++++
 .../allocations/BuilderAllocationHeader.tsx   | 31 +++++++
 .../collective-rewards/allocations/Header.tsx |  2 +-
 .../allocations/StakeHint.tsx                 | 11 +++
 .../collective-rewards/allocations/page.tsx   | 80 ++++++++++++++++++-
 .../collective-rewards/allocations/types.ts   | 15 ++++
 .../Button/BecomeABuilderButton.tsx           |  8 +-
 src/components/Slider/Slider.stories.tsx      | 15 ++++
 src/components/Slider/Slider.tsx              | 54 +++++++++++++
 src/components/Slider/index.ts                |  1 +
 14 files changed, 288 insertions(+), 14 deletions(-)
 create mode 100644 src/app/collective-rewards/allocations/BuilderAllocation.tsx
 create mode 100644 src/app/collective-rewards/allocations/BuilderAllocationHeader.tsx
 create mode 100644 src/app/collective-rewards/allocations/StakeHint.tsx
 create mode 100644 src/app/collective-rewards/allocations/types.ts
 create mode 100644 src/components/Slider/Slider.stories.tsx
 create mode 100644 src/components/Slider/Slider.tsx
 create mode 100644 src/components/Slider/index.ts

diff --git a/package-lock.json b/package-lock.json
index fa58e035..40a10a15 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,8 +10,10 @@
       "dependencies": {
         "@hookform/resolvers": "^3.7.0",
         "@radix-ui/react-accordion": "^1.2.0",
+        "@radix-ui/react-collapsible": "^1.1.1",
         "@radix-ui/react-label": "^2.1.0",
         "@radix-ui/react-select": "^2.1.1",
+        "@radix-ui/react-slider": "^1.2.1",
         "@radix-ui/react-slot": "^1.1.0",
         "@radix-ui/react-tabs": "^1.1.0",
         "@tanstack/react-query": "^5.56.2",
@@ -5140,7 +5142,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.1.tgz",
       "integrity": "sha512-1///SnrfQHJEofLokyczERxQbWfCGQlQ2XsCZMucVs6it+lq9iw4vXy+uDn1edlb58cOZOWSldnfPAYcT4O/Yg==",
-      "license": "MIT",
       "dependencies": {
         "@radix-ui/primitive": "1.1.0",
         "@radix-ui/react-compose-refs": "1.1.0",
@@ -5567,6 +5568,38 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-slider": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slider/-/react-slider-1.2.1.tgz",
+      "integrity": "sha512-bEzQoDW0XP+h/oGbutF5VMWJPAl/UU8IJjr7h02SOHDIIIxq+cep8nItVNoBV+OMmahCdqdF38FTpmXoqQUGvw==",
+      "dependencies": {
+        "@radix-ui/number": "1.1.0",
+        "@radix-ui/primitive": "1.1.0",
+        "@radix-ui/react-collection": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-slot": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
diff --git a/package.json b/package.json
index c2985382..66900f9c 100644
--- a/package.json
+++ b/package.json
@@ -18,16 +18,18 @@
   "dependencies": {
     "@hookform/resolvers": "^3.7.0",
     "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-collapsible": "^1.1.1",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-slider": "^1.2.1",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-tabs": "^1.1.0",
     "@tanstack/react-query": "^5.56.2",
     "axios": "^1.7.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
-    "dotenv": "^16.4.5",
     "decimal.js": "^10.4.3",
+    "dotenv": "^16.4.5",
     "ethers": "^6.13.1",
     "jdenticon": "^3.3.0",
     "lottie-react": "^2.4.0",
@@ -72,8 +74,8 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-storybook": "^0.8.0",
-    "jsdom": "^25.0.1",
     "http-proxy-middleware": "^3.0.0",
+    "jsdom": "^25.0.1",
     "pino-pretty": "^11.2.1",
     "postcss": "^8",
     "prettier": "^3.3.2",
diff --git a/src/app/collective-rewards/allocations/AllocationAmount.tsx b/src/app/collective-rewards/allocations/AllocationAmount.tsx
index f24df6ea..a6d84450 100644
--- a/src/app/collective-rewards/allocations/AllocationAmount.tsx
+++ b/src/app/collective-rewards/allocations/AllocationAmount.tsx
@@ -23,6 +23,10 @@ type AllocationAmountProps = {
 }
 
 export const AllocationAmount = ({ balance, errorMessage, onPercentageSet }: AllocationAmountProps) => {
+  // TODO: hint is shown only when the allocated amount exceeds the balance
+  // const hint = <StakeHint />
+  const hint = undefined
+
   const [activeButton, setActiveButton] = useState<number | null>(null)
   const [allocatedAmount, setAllocatedAmount] = useState('0')
   const onChange = (value: string) => {
@@ -48,6 +52,7 @@ export const AllocationAmount = ({ balance, errorMessage, onPercentageSet }: All
           onChange={onChange}
           value={allocatedAmount.toString()}
           errorMessage={errorMessage}
+          hint={hint}
         />
       </div>
       <div className="flex items-center gap-3">
diff --git a/src/app/collective-rewards/allocations/AllocationMetrics.tsx b/src/app/collective-rewards/allocations/AllocationMetrics.tsx
index f2e3430a..9e3694f9 100644
--- a/src/app/collective-rewards/allocations/AllocationMetrics.tsx
+++ b/src/app/collective-rewards/allocations/AllocationMetrics.tsx
@@ -2,13 +2,12 @@
 
 import { formatBalanceToHuman, getTokenBalance } from '@/app/user/Balances/balanceUtils'
 import { useGetAddressTokens } from '@/app/user/Balances/hooks/useGetAddressTokens'
-import { MainContainer } from '@/components/MainContainer/MainContainer'
-import { HeaderTitle, Paragraph } from '@/components/Typography'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { Paragraph } from '@/components/Typography'
+import { ethers } from 'ethers'
 import { useAccount } from 'wagmi'
 import { useHandleErrors } from '../utils'
 import { useBackerTotalAllocation } from './useBackerTotalAllocation'
-import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
-import { ethers } from 'ethers'
 
 type ValueProps = {
   value: string
diff --git a/src/app/collective-rewards/allocations/BuilderAllocation.tsx b/src/app/collective-rewards/allocations/BuilderAllocation.tsx
new file mode 100644
index 00000000..6fe5eaed
--- /dev/null
+++ b/src/app/collective-rewards/allocations/BuilderAllocation.tsx
@@ -0,0 +1,32 @@
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { Input } from '@/components/Input'
+import { Slider } from '@/components/Slider'
+import { Label } from '@/components/Typography'
+import { useState } from 'react'
+import { BuilderAllocationHeader } from './BuilderAllocationHeader'
+import { BuilderAllocationProps } from './types'
+
+export const BuilderAllocation = (builder: BuilderAllocationProps) => {
+  const [sliderValue, setSliderValue] = useState<number>(builder.currentAllocation)
+  /* TODO: when the cumulative amount exceeds the balance
+   * - hint is changed
+   * - Slider is hidden
+   */
+  const hint = `Allocation left ${formatBalanceToHuman(builder.allocationLeft.toString())} stRIF`
+  // const hint = <StakeHint />
+  const onInputChange = () => {
+    /* TODO:
+     *  - reset all the sliders to 0 when the user changes the input
+     *  - update the cumulative amount
+     *  - if the cumulative amount exceeds the total allocation, show an error message in the current input
+     */
+  }
+  return (
+    <div className="flex flex-col py-4 px-2 gap-6 shrink-0 bg-foreground min-w-[calc(25%-1rem)] max-w-[calc(25%-1rem)]">
+      <BuilderAllocationHeader {...builder} />
+      <Label className="font-bold">Backer rewards {builder.backerRewards}% </Label>
+      <Input type="number" name={`allocation-${builder.address}`} hint={hint} onChange={onInputChange} />
+      <Slider value={[sliderValue]} />
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/allocations/BuilderAllocationHeader.tsx b/src/app/collective-rewards/allocations/BuilderAllocationHeader.tsx
new file mode 100644
index 00000000..9437f299
--- /dev/null
+++ b/src/app/collective-rewards/allocations/BuilderAllocationHeader.tsx
@@ -0,0 +1,31 @@
+import { AddressOrAlias } from '@/components/Address'
+import { Badge } from '@/components/Badge'
+import { Jdenticon } from '@/components/Header/Jdenticon'
+import { Paragraph, Typography } from '@/components/Typography'
+import { BuilderStatusActive } from '../types'
+import { crStatusColorClasses } from '../user'
+import { BuilderAllocationProps } from './types'
+
+export const BuilderAllocationHeader = ({
+  address,
+  builderName,
+  status,
+  joiningDate,
+}: BuilderAllocationProps) => {
+  return (
+    <div className="flex flex-row w-full items-center content-between gap-3">
+      <Jdenticon className="rounded-md bg-white" value={address} size="46" />
+      <div className="flex flex-col items-start gap-2">
+        <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap text-base leading-4">
+          <AddressOrAlias addressOrAlias={builderName || address} className="text-base font-bold leading-4" />
+        </Typography>
+        {status !== BuilderStatusActive && (
+          <Badge content={status} className={`${crStatusColorClasses[status]} py-1 px-1 text-[12px]`} />
+        )}
+        {status === BuilderStatusActive && (
+          <Paragraph className="text-sm font-light"> Joined {joiningDate}</Paragraph>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/allocations/Header.tsx b/src/app/collective-rewards/allocations/Header.tsx
index e3602b17..2d7c399f 100644
--- a/src/app/collective-rewards/allocations/Header.tsx
+++ b/src/app/collective-rewards/allocations/Header.tsx
@@ -1,4 +1,4 @@
-import { HeaderTitle, Label, Paragraph, Typography } from '@/components/Typography'
+import { HeaderTitle, Paragraph } from '@/components/Typography'
 
 export const Header = () => {
   return (
diff --git a/src/app/collective-rewards/allocations/StakeHint.tsx b/src/app/collective-rewards/allocations/StakeHint.tsx
new file mode 100644
index 00000000..53a1740f
--- /dev/null
+++ b/src/app/collective-rewards/allocations/StakeHint.tsx
@@ -0,0 +1,11 @@
+import { Link } from '@/components/Link'
+
+export const StakeHint = () => (
+  <span>
+    Not enough stRIF to allocate. You can{' '}
+    <Link href={'/user'} className="text-[#E56B1A]" target="_blank">
+      Stake RIF
+    </Link>{' '}
+    to increase your balance
+  </span>
+)
diff --git a/src/app/collective-rewards/allocations/page.tsx b/src/app/collective-rewards/allocations/page.tsx
index d6a68500..6323acda 100644
--- a/src/app/collective-rewards/allocations/page.tsx
+++ b/src/app/collective-rewards/allocations/page.tsx
@@ -1,11 +1,77 @@
 'use client'
 
 import { MainContainer } from '@/components/MainContainer/MainContainer'
+import { Typography } from '@/components/Typography'
 import { AllocationAmount } from './AllocationAmount'
 import { AllocationMetrics } from './AllocationMetrics'
+import { BuilderAllocation } from './BuilderAllocation'
 import { Header } from './Header'
+import { BuilderAllocationProps } from './types'
+import { useState } from 'react'
 
-export default function BuildersIncentiveMarket() {
+const ALLOCATION_EXCEED_AMOUNT_ERROR = 'Builder allocations exceeds amount to allocate'
+
+export default function Allocations() {
+  /* TODO: Error message is set when
+   * - the cumulative amount exceeds the allocation amount (ALLOCATION_EXCEED_AMOUNT_ERROR)
+   */
+  const [errorMessage, setErrorMessage] = useState<string>('')
+  const builders: BuilderAllocationProps[] = [
+    {
+      builderName: 'Builder 1',
+      address: '0x1234567890abcdef1234567890abcdef12345678',
+      status: 'Active',
+      joiningDate: '2021-10-01',
+      allocationLeft: 50000000000000000000n,
+      backerRewards: 10,
+      currentAllocation: 70,
+    },
+    {
+      builderName: 'Builder 2',
+      address: '0x1234567890abcdef1234567890abcdef12345678',
+      status: 'Active',
+      joiningDate: '2021-10-01',
+      allocationLeft: 50000000000000000000n,
+      backerRewards: 8,
+      currentAllocation: 50,
+    },
+    {
+      builderName: 'Builder 3',
+      address: '0x1234567890abcdef1234567890abcdef12345678',
+      status: 'Deactivated',
+      joiningDate: '2021-10-01',
+      allocationLeft: 50000000000000000000n,
+      backerRewards: 100,
+      currentAllocation: 20,
+    },
+    {
+      builderName: 'Builder 4',
+      address: '0x1234567890abcdef1234567890abcdef12345678',
+      status: 'Paused',
+      joiningDate: '2021-10-01',
+      allocationLeft: 50000000000000000000n,
+      backerRewards: 99,
+      currentAllocation: 100,
+    },
+    {
+      builderName: 'Builder 5',
+      address: '0x1234567890abcdef1234567890abcdef12345678',
+      status: 'Deactivated',
+      joiningDate: '2021-10-01',
+      allocationLeft: 50000000000000000000n,
+      backerRewards: 99,
+      currentAllocation: 100,
+    },
+    {
+      builderName: 'Builder 6',
+      address: '0x1234567890abcdef1234567890abcdef12345678',
+      status: 'Active',
+      joiningDate: '2021-10-01',
+      allocationLeft: 50000000000000000000n,
+      backerRewards: 99,
+      currentAllocation: 100,
+    },
+  ]
   return (
     <MainContainer>
       <div className="grid grid-rows-1 gap-[32px]">
@@ -17,9 +83,19 @@ export default function BuildersIncentiveMarket() {
           <AllocationAmount
             // TODO: balance set only to make the percentage buttons work
             balance={50000000000000000000n}
-            // errorMessage="Builder allocations exceeds amount to allocate"
+            errorMessage={errorMessage}
           />
         </div>
+        <div className="flex flex-col items-start gap-4 self-stretch">
+          <Typography tagVariant="h2" className="text-lg font-bold leading-[18px]">
+            Selected Builders
+          </Typography>
+          <div className="flex items-start content-start flex-wrap gap-4">
+            {builders.map((builder, index) => (
+              <BuilderAllocation key={index} {...builder} />
+            ))}
+          </div>
+        </div>
       </div>
     </MainContainer>
   )
diff --git a/src/app/collective-rewards/allocations/types.ts b/src/app/collective-rewards/allocations/types.ts
new file mode 100644
index 00000000..9d2242ee
--- /dev/null
+++ b/src/app/collective-rewards/allocations/types.ts
@@ -0,0 +1,15 @@
+import { Address } from 'viem'
+import { BuilderStatusShown } from '../types'
+
+export type BuilderStatus = BuilderStatusShown | 'Paused' | 'Deactivated'
+
+export type BuilderAllocationProps = {
+  builderName: string
+  address: Address
+  status: BuilderStatus
+  joiningDate: string
+  allocationLeft: BigInt
+  // TODO: what's the value we expect here? (e.g. 8% or 8.123456%)
+  backerRewards: number
+  currentAllocation: number
+}
diff --git a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
index 7cb10190..5647a610 100644
--- a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
@@ -1,3 +1,4 @@
+import { BuilderStatus } from '@/app/collective-rewards/allocations/types'
 import { BuilderInfo, BuilderStatusShown } from '@/app/collective-rewards/types'
 import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/user'
 import { useAlertContext } from '@/app/providers/AlertProvider'
@@ -24,12 +25,11 @@ const BuilderRegistrationButton = () => {
   )
 }
 
-export const crStatusColorClasses: Record<
-  BuilderStatusShown,
-  HtmlHTMLAttributes<HTMLSpanElement>['className']
-> = {
+export const crStatusColorClasses: Record<BuilderStatus, HtmlHTMLAttributes<HTMLSpanElement>['className']> = {
   Active: 'bg-[#DBFEE5] text-secondary',
   'In progress': 'bg-[#4B5CF0] color-text-primary',
+  Paused: 'bg-[#F9E1FF] text-secondary',
+  Deactivated: 'bg-[#932309] color-text-primary',
 } as const
 
 const StatusBadge: FC<StatusBadgeProps> = ({ builderStatus }) => {
diff --git a/src/components/Slider/Slider.stories.tsx b/src/components/Slider/Slider.stories.tsx
new file mode 100644
index 00000000..36008253
--- /dev/null
+++ b/src/components/Slider/Slider.stories.tsx
@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react'
+import { Slider } from './Slider'
+
+const meta = {
+  title: 'Components/Slider',
+  component: Slider,
+} satisfies Meta<typeof Slider>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const SliderDemo: Omit<Story, 'args'> = {
+  render: () => <Slider defaultValue={[20]} />,
+}
diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
new file mode 100644
index 00000000..e04f3fa9
--- /dev/null
+++ b/src/components/Slider/Slider.tsx
@@ -0,0 +1,54 @@
+'use client'
+
+import * as SliderPrimitive from '@radix-ui/react-slider'
+import React from 'react'
+
+export const Slider = React.forwardRef<
+  React.ElementRef<typeof SliderPrimitive.Slider>,
+  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Slider>
+>((props, forwardedRef) => {
+  const initialValue = props.value || props.defaultValue
+  const [value, setValue] = React.useState(initialValue)
+
+  const onPercentageClick = (percentage: number) => {
+    setValue([percentage])
+    console.log('percentage', percentage)
+  }
+
+  return (
+    <>
+      <SliderPrimitive.Root
+        {...props}
+        ref={forwardedRef}
+        className="relative flex h-10 touch-none select-none items-center w-full pb-4"
+        onValueChange={nextValue => setValue(nextValue)}
+      >
+        <SliderPrimitive.Track className="relative h-[6px] grow rounded-full bg-input-bg">
+          <SliderPrimitive.Range className="absolute h-full rounded-full bg-primary" />
+
+          <span className="flex content-between items-center self-stretch justify-between pt-5 w-full">
+            {/* TODO: we may need to fix the click to be more precise */}
+            {[0, 25, 50, 75, 100].map(v => (
+              <span
+                className="max-w-6 text-xs text-center font-kk-topo font-normal hover:cursor-pointer"
+                key={v}
+                onClick={() => onPercentageClick(v)}
+              >
+                {v}%
+              </span>
+            ))}
+          </span>
+        </SliderPrimitive.Track>
+        {value?.map((_, i) => (
+          <SliderPrimitive.Thumb
+            key={i}
+            className="block size-3 rounded-[10px] bg-white shadow-[0_2px_10px] shadow-primary focus:shadow-[0_0_0_2px] focus:shadow-primary focus:outline-none"
+            aria-label="Volume"
+          />
+        ))}
+      </SliderPrimitive.Root>
+    </>
+  )
+})
+
+Slider.displayName = SliderPrimitive.Slider.displayName
diff --git a/src/components/Slider/index.ts b/src/components/Slider/index.ts
new file mode 100644
index 00000000..4b76ec72
--- /dev/null
+++ b/src/components/Slider/index.ts
@@ -0,0 +1 @@
+export * from './Slider'

From 5d26e10d6d0fe4f3ef1a3f393a0a1095c74ddd6d Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Tue, 19 Nov 2024 14:25:43 +0000
Subject: [PATCH 064/115] fix: fix opacity to gradually show the component
 (#379)

---
 tailwind.config.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/tailwind.config.ts b/tailwind.config.ts
index b6a490ce..7e2e1731 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -52,12 +52,12 @@ const config: Config = {
           to: { height: '0' },
         },
         'collapsible-down': {
-          from: { height: '0' },
-          to: { height: 'var(--radix-collapsible-content-height)' },
+          from: { height: '0', opacity: '0' },
+          to: { height: 'var(--radix-collapsible-content-height)', opacity: '1' },
         },
         'collapsible-up': {
-          from: { height: 'var(--radix-collapsible-content-height)' },
-          to: { height: '0' },
+          from: { height: 'var(--radix-collapsible-content-height)', opacity: '1' },
+          to: { height: '0', opacity: '0' },
         },
         'fade-out-slide-out': {
           from: {

From cd3820db2321b093442fa1d97be203b461bef366 Mon Sep 17 00:00:00 2001
From: Talal Abuzinadah <159197109+tzinadah@users.noreply.github.com>
Date: Tue, 19 Nov 2024 14:53:33 +0000
Subject: [PATCH 065/115] Request to resolve #301 (#310)

* Change the variable form to an object

* Add new reference to TreeasuerySection file

* Add new reference to TreasuryContext file

* Format to solve lint
---
 src/app/treasury/TreasuryContext.tsx | 10 +++++-----
 src/app/treasury/TreasurySection.tsx | 12 +++++++-----
 src/lib/contracts.ts                 | 14 +++++++-------
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/app/treasury/TreasuryContext.tsx b/src/app/treasury/TreasuryContext.tsx
index fb436307..2f3dfb24 100644
--- a/src/app/treasury/TreasuryContext.tsx
+++ b/src/app/treasury/TreasuryContext.tsx
@@ -61,11 +61,11 @@ const getBucketBalance = (
 const TreasuryContextProvider = ({ children }: Props) => {
   const { prices } = usePricesContext()
 
-  const bucketOneBalance = useGetTreasuryBucketBalance(treasuryContracts[0].address)
-  const bucketTwoBalance = useGetTreasuryBucketBalance(treasuryContracts[1].address)
-  const bucketThreeBalance = useGetTreasuryBucketBalance(treasuryContracts[2].address)
-  const bucketFourBalance = useGetTreasuryBucketBalance(treasuryContracts[3].address)
-  const bucketFiveBalance = useGetTreasuryBucketBalance(treasuryContracts[4].address)
+  const bucketOneBalance = useGetTreasuryBucketBalance(treasuryContracts['GRANTS'].address)
+  const bucketTwoBalance = useGetTreasuryBucketBalance(treasuryContracts['GRANTS_ACTIVE'].address)
+  const bucketThreeBalance = useGetTreasuryBucketBalance(treasuryContracts['GROWTH'].address)
+  const bucketFourBalance = useGetTreasuryBucketBalance(treasuryContracts['GROWTH_REWARDS'].address)
+  const bucketFiveBalance = useGetTreasuryBucketBalance(treasuryContracts['GENERAL'].address)
 
   // Create the buckets array
   const buckets = useMemo(
diff --git a/src/app/treasury/TreasurySection.tsx b/src/app/treasury/TreasurySection.tsx
index eee4636f..eaa0acfd 100644
--- a/src/app/treasury/TreasurySection.tsx
+++ b/src/app/treasury/TreasurySection.tsx
@@ -11,11 +11,13 @@ export const TreasurySection = () => {
       <HeaderTitle className="mb-4">Treasury</HeaderTitle>
       <div className="grid grid-cols-2 xl:grid-cols-5 gap-[24px]">
         {/* RIF Holdings */}
-        {treasuryContracts.map((contract, index) => (
+        {Object.values(treasuryContracts).map((contract, index) => (
           <MetricsCard
             key={`${contract.name}-RIF`}
             title={`${contract.name} RIF`}
+            // Show the RIF amount, rounded up to the nearest whole number. If not available, show 0 RIF.
             amount={`${buckets[index]?.RIF?.amount ? Math.ceil(Number(buckets[index].RIF.amount)) : 0} RIF`}
+            // Display the fiat amount in USD, or show 0 if not available
             fiatAmount={`= USD ${buckets[index]?.RIF?.fiatAmount ? buckets[index].RIF.fiatAmount : 0}`}
             contractAddress={contract.address}
             data-testid={`${contract.name}-RIF`}
@@ -23,13 +25,13 @@ export const TreasurySection = () => {
           />
         ))}
         {/* RBTC Holdings */}
-        {treasuryContracts.map((contract, index) => (
+        {Object.values(treasuryContracts).map((contract, index) => (
           <MetricsCard
             key={`${contract.name}-RBTC`}
             title={`${contract.name} RBTC`}
-            // If the amount is less than 1e-7, show 0, this is because,
-            // toFixed may not be correctly formatting it to a clean
-            // output due to limitations in JavaScript's handling of floating-point numbers
+            // If the amount is less than 1e-7, show 0. This is because
+            // toFixed may not correctly format it to a clean output due to
+            // limitations in JavaScript's handling of floating-point numbers
             amount={`${
               Number(buckets[index]?.RBTC?.amount) < 1e-7 ? 0 : toFixed(Number(buckets[index]?.RBTC?.amount))
             }`}
diff --git a/src/lib/contracts.ts b/src/lib/contracts.ts
index 0ee5f73a..fba13aa4 100644
--- a/src/lib/contracts.ts
+++ b/src/lib/contracts.ts
@@ -42,13 +42,13 @@ const abiContractsMap = {
   [nftContracts.OG_PARTNERS]: EarlyAdoptersNFTAbi,
 }
 
-const treasuryContracts = [
-  { name: 'Grants', address: GRANTS_BUCKET_ADDRESS },
-  { name: 'Grants - Active', address: GRANTS_ACTIVE_BUCKET_ADDRESS },
-  { name: 'Growth', address: GROWTH_BUCKET_ADDRESS },
-  { name: 'Growth - Rewards', address: SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS },
-  { name: 'General', address: GENERAL_BUCKET_ADDRESS },
-]
+const treasuryContracts = {
+  GRANTS: { name: 'Grants', address: GRANTS_BUCKET_ADDRESS },
+  GRANTS_ACTIVE: { name: 'Grants - Active', address: GRANTS_ACTIVE_BUCKET_ADDRESS },
+  GROWTH: { name: 'Growth', address: GROWTH_BUCKET_ADDRESS },
+  GROWTH_REWARDS: { name: 'Growth - Rewards', address: SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS },
+  GENERAL: { name: 'General', address: GENERAL_BUCKET_ADDRESS },
+}
 
 const GovernorAddress = GOVERNOR_ADDRESS
 const MulticallAddress = MULTICALL_ADDRESS

From cc8d56ace1937ca9b2aacc9fabc474ce3cb1b165 Mon Sep 17 00:00:00 2001
From: Maduabuchi Chinaechetam <chinaechetam.maduabuchi@iovlabs.org>
Date: Tue, 19 Nov 2024 15:58:01 +0100
Subject: [PATCH 066/115] chore: update tooltip explainer for voting power
 (#378)

---
 src/app/proposals/page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/proposals/page.tsx b/src/app/proposals/page.tsx
index 05d92f6c..f47819ec 100644
--- a/src/app/proposals/page.tsx
+++ b/src/app/proposals/page.tsx
@@ -55,8 +55,9 @@ const PopoverContent = () => {
         How is my voting power calculated?
       </Paragraph>
       <Paragraph size="small">
-        Your voting power is determined by the amount of stRIF (staked RIF) you hold. To increase your voting
-        power,{' '}
+        Your voting power is determined by the amount of stRIF (staked RIF) you hold, whether you have
+        delegated this voting power to someone else, and also by someone else who may have delegated their
+        voting power to you. <br /> <br /> To increase your voting power,{' '}
         <Span
           className="text-primary text-[14px] hover:underline cursor-pointer"
           onClick={() => router.push('/user?action=stake')}

From f4284942bc6d3cd032da38b382200927214e3f40 Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Tue, 19 Nov 2024 09:11:33 -0600
Subject: [PATCH 067/115] TOK-478: metrics (#371)

* feat(cr_v2): metrics
---
 src/app/collective-rewards/hooks/index.ts     |  1 +
 .../hooks/useGaugesGetFunction.ts             | 65 +++++++++++++++
 .../metrics/AllTimeRewardsMetrics.tsx         | 79 +++++++++++++++++++
 .../metrics/CycleMetrics.tsx                  | 57 +++++++++++++
 .../collective-rewards/metrics/Metrics.tsx    | 51 ++++++++++++
 .../metrics/MetricsSection.tsx                | 17 ----
 .../metrics/TotalActiveBuildersMetrics.tsx    | 22 ++++++
 .../metrics/TotalAllocationsMetrics.tsx       | 51 ++++++++++++
 .../metrics/components/CycleMetrics.tsx       | 23 ------
 .../WhitelistedBuildersLengthMetrics.tsx      | 29 -------
 .../metrics/components/index.ts               |  2 -
 .../metrics/context/CycleContext.tsx          | 50 +++++++++---
 .../collective-rewards/metrics/hooks/index.ts |  1 +
 .../metrics/hooks/useGetCycleNext.ts          | 28 +++++++
 .../metrics/hooks/useGetCycleStart.ts         | 22 ++++--
 .../hooks/useGetEndDistributionWindow.ts      | 22 ++++--
 src/app/collective-rewards/metrics/index.ts   |  7 +-
 src/app/collective-rewards/page.tsx           |  4 +-
 .../rewards/builders/EstimatedRewards.tsx     |  7 +-
 .../components/ClaimYouRewardButton.tsx       |  2 +-
 .../rewards/components/MetricsCard.tsx        | 27 +++++--
 .../rewards/components/Tooltip.tsx            | 47 +++++++++++
 .../rewards/components/index.ts               |  1 +
 .../rewards/hooks/useGetGaugesEvents.ts       | 11 +--
 .../rewards/utils/getLastCycleRewards.ts      |  2 +-
 .../builder/BuilderRewardsSettingsMetrics.tsx |  2 +-
 .../utils/applyPrecision.ts                   |  3 +
 src/app/collective-rewards/utils/index.ts     |  1 +
 src/components/Popover/Popover.tsx            |  4 +-
 29 files changed, 510 insertions(+), 128 deletions(-)
 create mode 100644 src/app/collective-rewards/hooks/index.ts
 create mode 100644 src/app/collective-rewards/hooks/useGaugesGetFunction.ts
 create mode 100644 src/app/collective-rewards/metrics/AllTimeRewardsMetrics.tsx
 create mode 100644 src/app/collective-rewards/metrics/CycleMetrics.tsx
 create mode 100644 src/app/collective-rewards/metrics/Metrics.tsx
 delete mode 100644 src/app/collective-rewards/metrics/MetricsSection.tsx
 create mode 100644 src/app/collective-rewards/metrics/TotalActiveBuildersMetrics.tsx
 create mode 100644 src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx
 delete mode 100644 src/app/collective-rewards/metrics/components/CycleMetrics.tsx
 delete mode 100644 src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx
 delete mode 100644 src/app/collective-rewards/metrics/components/index.ts
 create mode 100644 src/app/collective-rewards/metrics/hooks/useGetCycleNext.ts
 create mode 100644 src/app/collective-rewards/rewards/components/Tooltip.tsx
 create mode 100644 src/app/collective-rewards/utils/applyPrecision.ts

diff --git a/src/app/collective-rewards/hooks/index.ts b/src/app/collective-rewards/hooks/index.ts
new file mode 100644
index 00000000..d44f01ba
--- /dev/null
+++ b/src/app/collective-rewards/hooks/index.ts
@@ -0,0 +1 @@
+export * from './useGaugesGetFunction'
diff --git a/src/app/collective-rewards/hooks/useGaugesGetFunction.ts b/src/app/collective-rewards/hooks/useGaugesGetFunction.ts
new file mode 100644
index 00000000..b5af2d7e
--- /dev/null
+++ b/src/app/collective-rewards/hooks/useGaugesGetFunction.ts
@@ -0,0 +1,65 @@
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { Address } from 'viem'
+import { useReadContracts } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { useMemo } from 'react'
+import { AbiFunction } from 'viem'
+
+type FunctionEntry = Extract<(typeof GaugeAbi)[number], AbiFunction>
+type FunctionName = Extract<
+  FunctionEntry['name'],
+  'earned' | 'claimedBackerRewards' | 'estimatedBackerRewards' | 'totalAllocation'
+>
+type FunctionParams = FunctionEntry['inputs']
+
+//TODO: Add the correct return type
+export const useGaugesGetFunction = <FunctionResult>(
+  gauges: Address[],
+  functionName: FunctionName,
+  functionParams?: FunctionParams,
+) => {
+  const contractCalls = gauges.map(gauge => {
+    return {
+      address: gauge,
+      abi: GaugeAbi,
+      functionName,
+      args: functionParams,
+    } as const
+  })
+
+  const {
+    data: contractResults,
+    isLoading,
+    error,
+  } = useReadContracts<bigint[]>({
+    contracts: contractCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  const gaugesMap = useMemo(
+    () =>
+      gauges.reduce<Record<Address, FunctionResult>>((acc, gauge, index) => {
+        if (!contractResults) {
+          return {} as Record<Address, FunctionResult>
+        }
+
+        if (contractResults[index].error) {
+          throw contractResults[index].error
+        }
+
+        const result = contractResults[index].result as FunctionResult
+        acc[gauge] = result
+
+        return acc
+      }, {}),
+    [gauges, contractResults],
+  )
+
+  return {
+    data: gaugesMap,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/metrics/AllTimeRewardsMetrics.tsx b/src/app/collective-rewards/metrics/AllTimeRewardsMetrics.tsx
new file mode 100644
index 00000000..1b9201b7
--- /dev/null
+++ b/src/app/collective-rewards/metrics/AllTimeRewardsMetrics.tsx
@@ -0,0 +1,79 @@
+import { Address } from 'viem'
+import {
+  MetricsCard,
+  MetricsCardTitle,
+  useGetGaugesNotifyReward,
+  Token,
+  TokenMetricsCardRow,
+  formatMetrics,
+} from '@/app/collective-rewards/rewards'
+import { FC } from 'react'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { usePricesContext } from '@/shared/context/PricesContext'
+
+type TokenRewardsMetricsProps = {
+  gauges: Address[]
+  currency?: string
+  token: Token
+}
+
+const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
+  gauges,
+  token: { symbol, address },
+  currency = 'USD',
+}) => {
+  const { data, isLoading, error } = useGetGaugesNotifyReward(gauges, address)
+
+  useHandleErrors({ error, title: 'Error loading all time rewards' })
+
+  const { prices } = usePricesContext()
+
+  const totalRewards = Object.values(data).reduce(
+    (acc, events) =>
+      acc +
+      events.reduce(
+        (acc, { args: { backersAmount_, builderAmount_ } }) => acc + backersAmount_ + builderAmount_,
+        0n,
+      ),
+    0n,
+  )
+
+  const totalRewardsInHuman = Number(formatBalanceToHuman(totalRewards))
+  const price = prices[symbol]?.price ?? 0
+
+  const { amount, fiatAmount } = formatMetrics(totalRewardsInHuman, price, symbol, currency)
+
+  return withSpinner(
+    TokenMetricsCardRow,
+    'min-h-0 grow-0',
+  )({
+    amount,
+    fiatAmount,
+    isLoading,
+  })
+}
+
+type AllTimeRewardsProps = {
+  gauges: Address[]
+  tokens: {
+    [token: string]: Token
+  }
+}
+
+export const AllTimeRewardsMetrics: FC<AllTimeRewardsProps> = ({ gauges, tokens: { rif, rbtc } }) => {
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle
+        title="All time rewards"
+        data-testid="AllTimeRewards"
+        tooltip={{
+          text: 'Total of Builders and Backers rewards paid/claimed/received',
+        }}
+      />
+      <TokenRewardsMetrics gauges={gauges} token={rif} />
+      <TokenRewardsMetrics gauges={gauges} token={rbtc} />
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/metrics/CycleMetrics.tsx b/src/app/collective-rewards/metrics/CycleMetrics.tsx
new file mode 100644
index 00000000..66d78933
--- /dev/null
+++ b/src/app/collective-rewards/metrics/CycleMetrics.tsx
@@ -0,0 +1,57 @@
+import { useCycleContext } from '@/app/collective-rewards/metrics'
+import { Duration, DateTime } from 'luxon'
+import { useEffect, useState } from 'react'
+import { MetricsCard, MetricsCardTitle, TokenMetricsCardRow } from '@/app/collective-rewards/rewards'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+
+let timeout: NodeJS.Timeout
+
+export const CycleMetrics = () => {
+  const [timeRemaining, setTimeRemaining] = useState<Duration>(Duration.fromObject({ minutes: 0 }))
+  let {
+    data: { cycleDuration, cycleNext },
+    isLoading,
+    error,
+  } = useCycleContext()
+
+  useHandleErrors({ error, title: 'Error loading cycle metrics' })
+
+  const duration =
+    cycleDuration.as('days') < 1 ? cycleDuration.shiftTo('hours') : cycleDuration.shiftTo('days')
+
+  useEffect(() => {
+    if (timeRemaining.as('minutes') > 0) {
+      timeout = setTimeout(() => {
+        setTimeRemaining(state => state.minus({ minutes: 1 }))
+      }, 60000) // every minute
+    }
+
+    return () => clearTimeout(timeout)
+  }, [timeRemaining])
+
+  useEffect(() => {
+    const now = DateTime.now()
+    let diff = cycleNext.diff(now, ['days']).mapUnits(unit => Math.floor(unit))
+
+    if (diff.as('days') < 1) {
+      diff = cycleNext.diff(now, ['hours', 'minutes']).mapUnits(unit => Math.floor(unit))
+    }
+
+    setTimeRemaining(diff)
+  }, [cycleNext])
+
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle title="Current cycle" data-testid="CurrentCycle" />
+      {withSpinner(
+        TokenMetricsCardRow,
+        'min-h-0 grow-0',
+      )({
+        amount: `${timeRemaining.toHuman()}`,
+        fiatAmount: `out of ${duration.toHuman()}. Ends ${cycleNext.toFormat('EEE, dd MMM')}`,
+        isLoading,
+      })}
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/metrics/Metrics.tsx b/src/app/collective-rewards/metrics/Metrics.tsx
new file mode 100644
index 00000000..bb80c0fe
--- /dev/null
+++ b/src/app/collective-rewards/metrics/Metrics.tsx
@@ -0,0 +1,51 @@
+import { useGetGaugesArray, withBuilderButton } from '@/app/collective-rewards/user'
+import { HeaderTitle } from '@/components/Typography'
+import {
+  TotalAllocationsMetrics,
+  CycleMetrics,
+  CycleContextProvider,
+  TotalActiveBuildersMetrics,
+  AllTimeRewardsMetrics,
+} from '@/app/collective-rewards/metrics'
+import { getAddress } from 'viem'
+import { tokenContracts } from '@/lib/contracts'
+import { getCoinbaseAddress } from '@/app/collective-rewards/utils'
+import { PricesContextProvider } from '@/shared/context/PricesContext'
+
+const HeaderWithBuilderButton = withBuilderButton(HeaderTitle)
+
+export const Metrics = () => {
+  const { data: activeGauges } = useGetGaugesArray('active')
+  const gauges = activeGauges ?? []
+
+  const tokens = {
+    rif: {
+      address: getAddress(tokenContracts.RIF),
+      symbol: 'RIF',
+    },
+    rbtc: {
+      address: getCoinbaseAddress(),
+      symbol: 'RBTC',
+    },
+  }
+
+  return (
+    <div>
+      <HeaderWithBuilderButton>Metrics</HeaderWithBuilderButton>
+      <PricesContextProvider>
+        <CycleContextProvider>
+          <div className="flex gap-4 w-full">
+            <div className="flex gap-4 h-min w-3/4">
+              <CycleMetrics />
+              <TotalActiveBuildersMetrics />
+              <TotalAllocationsMetrics gauges={gauges} token={tokens.rif} />
+            </div>
+            <div className="w-1/4">
+              <AllTimeRewardsMetrics gauges={gauges} tokens={tokens} />
+            </div>
+          </div>
+        </CycleContextProvider>
+      </PricesContextProvider>
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/metrics/MetricsSection.tsx b/src/app/collective-rewards/metrics/MetricsSection.tsx
deleted file mode 100644
index 4274eba8..00000000
--- a/src/app/collective-rewards/metrics/MetricsSection.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { withBuilderButton } from '@/app/collective-rewards/user'
-import { HeaderTitle } from '@/components/Typography'
-import { CycleMetrics, WhitelistedBuildersLengthMetrics } from './components'
-
-const HeaderWithBuilderButton = withBuilderButton(HeaderTitle)
-
-export const MetricsSection = () => {
-  return (
-    <div>
-      <HeaderWithBuilderButton>Metrics</HeaderWithBuilderButton>
-      <div className="grid grid-cols-4 gap-[8px]">
-        <CycleMetrics />
-        <WhitelistedBuildersLengthMetrics />
-      </div>
-    </div>
-  )
-}
diff --git a/src/app/collective-rewards/metrics/TotalActiveBuildersMetrics.tsx b/src/app/collective-rewards/metrics/TotalActiveBuildersMetrics.tsx
new file mode 100644
index 00000000..f0d38860
--- /dev/null
+++ b/src/app/collective-rewards/metrics/TotalActiveBuildersMetrics.tsx
@@ -0,0 +1,22 @@
+import { useGetGaugesLength } from '@/app/collective-rewards/user'
+import { MetricsCard, MetricsCardTitle, TokenMetricsCardRow } from '@/app/collective-rewards/rewards'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+
+export const TotalActiveBuildersMetrics = () => {
+  const { data, isLoading, error } = useGetGaugesLength('active')
+  useHandleErrors({ error, title: 'Error loading active builders' })
+
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle title="Total active builders" data-testid="TotalActiveBuilders" />
+      {withSpinner(
+        TokenMetricsCardRow,
+        'min-h-0 grow-0',
+      )({
+        amount: Number(data || 0n).toFixed(),
+        isLoading,
+      })}
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx b/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx
new file mode 100644
index 00000000..6317bc96
--- /dev/null
+++ b/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx
@@ -0,0 +1,51 @@
+import { useGaugesGetFunction } from '@/app/collective-rewards/hooks'
+import { Address } from 'viem'
+import { FC } from 'react'
+import { usePricesContext } from '@/shared/context/PricesContext'
+import { formatCurrency } from '@/lib/utils'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { MetricsCard, MetricsCardTitle, TokenMetricsCardRow, Token } from '@/app/collective-rewards/rewards'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+
+type TotalAllocationsProps = {
+  gauges: Address[]
+  currency?: string
+  token: Token
+}
+
+export const TotalAllocationsMetrics: FC<TotalAllocationsProps> = ({
+  gauges,
+  token: { symbol },
+  currency = 'USD',
+}) => {
+  const { prices } = usePricesContext()
+  const { data, isLoading, error } = useGaugesGetFunction<bigint>(gauges, 'totalAllocation', [])
+  useHandleErrors({ error, title: 'Error loading total allocations' })
+
+  const price = prices[symbol]?.price ?? 0
+
+  const totalAllocations = Object.values(data).reduce((acc, allocation) => acc + allocation, 0n)
+  const totalAllocationsInHuman = Number(formatBalanceToHuman(totalAllocations))
+  const fiatAmount = `= ${currency} ${formatCurrency(totalAllocationsInHuman * price, currency)}`
+
+  return (
+    <MetricsCard borderless>
+      <MetricsCardTitle
+        title="Total allocations"
+        data-testid="TotalAllocations"
+        tooltip={{
+          text: 'Total stRIF allocation from Backers to Builders',
+        }}
+      />
+      {withSpinner(
+        TokenMetricsCardRow,
+        'min-h-0 grow-0',
+      )({
+        amount: `${totalAllocationsInHuman} STRIF`,
+        fiatAmount,
+        isLoading,
+      })}
+    </MetricsCard>
+  )
+}
diff --git a/src/app/collective-rewards/metrics/components/CycleMetrics.tsx b/src/app/collective-rewards/metrics/components/CycleMetrics.tsx
deleted file mode 100644
index 7d59b6e6..00000000
--- a/src/app/collective-rewards/metrics/components/CycleMetrics.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { MetricsCard } from '@/components/MetricsCard'
-import { getCycle } from '@/app/collective-rewards/utils/getCycle'
-
-export const CycleMetrics = () => {
-  const { remainingDays, cycleDuration, cycleEndTimestamp } = getCycle()
-  const remainingDaysString: string =
-    remainingDays.as('day') > 1
-      ? `${Math.floor(remainingDays.as('day'))} days`
-      : remainingDays.as('hour') > 1
-        ? `${Math.floor(remainingDays.as('hours'))} hours`
-        : remainingDays.as('minute') > 1
-          ? `${Math.floor(remainingDays.as('minutes'))} minutes`
-          : '1 minute'
-
-  return (
-    <MetricsCard
-      title="Current cycle"
-      amount={remainingDaysString}
-      fiatAmount={`out of ${cycleDuration} days. Ends ${cycleEndTimestamp.toFormat('EEE, dd MMM')}`}
-      borderless
-    />
-  )
-}
diff --git a/src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx b/src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx
deleted file mode 100644
index 05c864ff..00000000
--- a/src/app/collective-rewards/metrics/components/WhitelistedBuildersLengthMetrics.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { MetricsCard } from '@/components/MetricsCard'
-import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/user/hooks/useGetWhitelistedBuildersLength'
-import { useAlertContext } from '@/app/providers'
-import { useEffect } from 'react'
-
-export const WhitelistedBuildersLengthMetrics = () => {
-  const { data: wlBuildersLength, error: whitelistedBuildersError } = useGetWhitelistedBuildersLength()
-  const { setMessage: setErrorMessage } = useAlertContext()
-
-  useEffect(() => {
-    if (whitelistedBuildersError) {
-      setErrorMessage({
-        severity: 'error',
-        title: 'Error loading whitelisted builders',
-        content: whitelistedBuildersError.message,
-      })
-      console.error('🐛 whitelistedBuildersError:', whitelistedBuildersError)
-    }
-  }, [whitelistedBuildersError, setErrorMessage])
-
-  /* TODO: MetricsCard should support loading and error status */
-  return (
-    <MetricsCard
-      title="Total whitelisted builders"
-      amount={Number(wlBuildersLength || 0n).toFixed()}
-      borderless
-    />
-  )
-}
diff --git a/src/app/collective-rewards/metrics/components/index.ts b/src/app/collective-rewards/metrics/components/index.ts
deleted file mode 100644
index 813a12ef..00000000
--- a/src/app/collective-rewards/metrics/components/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './CycleMetrics'
-export * from './WhitelistedBuildersLengthMetrics'
diff --git a/src/app/collective-rewards/metrics/context/CycleContext.tsx b/src/app/collective-rewards/metrics/context/CycleContext.tsx
index 9a9952f3..ad014c14 100644
--- a/src/app/collective-rewards/metrics/context/CycleContext.tsx
+++ b/src/app/collective-rewards/metrics/context/CycleContext.tsx
@@ -1,6 +1,7 @@
-import { createContext, FC, ReactNode, useContext } from 'react'
-import { DateTime } from 'luxon'
+import { createContext, FC, ReactNode, useContext, useEffect, useMemo, useState } from 'react'
+import { DateTime, Duration } from 'luxon'
 import {
+  useGetCycleNext,
   useGetCycleStart,
   useGetCycleStartAndDuration,
   useGetEndDistributionWindow,
@@ -8,7 +9,8 @@ import {
 
 export type Cycle = {
   cycleStart: DateTime
-  cycleDuration: DateTime
+  cycleDuration: Duration
+  cycleNext: DateTime
   fistCycleStart: DateTime
   endDistributionWindow: DateTime
 }
@@ -30,34 +32,56 @@ type CycleProviderProps = {
 }
 
 export const CycleContextProvider: FC<CycleProviderProps> = ({ children }) => {
-  const timestamp = BigInt(DateTime.now().toUnixInteger())
+  const [timestamp, setTimestamp] = useState(BigInt(DateTime.now().toUnixInteger()))
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setTimestamp(BigInt(DateTime.now().toUnixInteger()))
+    }, 30000) // Update every 30 seconds
+
+    return () => clearInterval(interval) // Cleanup interval on component unmount
+  }, [])
+
   const {
     data: cycleStartAndDuration,
     isLoading: cycleStartAndDurationLoading,
     error: cycleStartAndDurationError,
   } = useGetCycleStartAndDuration()
-  const [fistCycleStart, cycleDuration] = cycleStartAndDuration || []
+
+  const [firstCycleStart, cycleDuration] = cycleStartAndDuration || []
+
   const {
     data: cycleStart,
     isLoading: cycleStartLoading,
     error: cycleStartError,
   } = useGetCycleStart(timestamp)
+
   const {
     data: endDistributionWindow,
     isLoading: endDistributionWindowLoading,
     error: endDistributionWindowError,
   } = useGetEndDistributionWindow(timestamp)
 
-  const isLoading = cycleStartAndDurationLoading || cycleStartLoading || endDistributionWindowLoading
-  const error = cycleStartAndDurationError ?? cycleStartError ?? endDistributionWindowError
+  const { data: cycleNext, isLoading: cycleNextLoading, error: cycleNextError } = useGetCycleNext(timestamp)
+
+  const isLoading =
+    cycleStartAndDurationLoading || cycleStartLoading || endDistributionWindowLoading || cycleNextLoading
+
+  const error = cycleStartAndDurationError || cycleStartError || endDistributionWindowError || cycleNextError
+
+  const data = useMemo(
+    () => ({
+      cycleStart: DateTime.fromSeconds(Number(cycleStart ?? BigInt(0))),
+      cycleNext: DateTime.fromSeconds(Number(cycleNext ?? BigInt(0))),
+      cycleDuration: Duration.fromObject({ seconds: Number(cycleDuration ?? BigInt(0)) }),
+      fistCycleStart: DateTime.fromSeconds(Number(firstCycleStart ?? BigInt(0))),
+      endDistributionWindow: DateTime.fromSeconds(Number(endDistributionWindow ?? BigInt(0))),
+    }),
+    [firstCycleStart, cycleDuration, cycleStart, endDistributionWindow, cycleNext],
+  )
 
   const valueOfContext: CycleContextValue = {
-    data: {
-      cycleStart: DateTime.fromSeconds(Number(cycleStart ?? 0n)),
-      cycleDuration: DateTime.fromSeconds(Number(cycleDuration ?? 0n)),
-      fistCycleStart: DateTime.fromSeconds(Number(fistCycleStart ?? 0n)),
-      endDistributionWindow: DateTime.fromSeconds(Number(endDistributionWindow ?? 0n)),
-    },
+    data,
     isLoading,
     error,
   }
diff --git a/src/app/collective-rewards/metrics/hooks/index.ts b/src/app/collective-rewards/metrics/hooks/index.ts
index dd83692f..d6460464 100644
--- a/src/app/collective-rewards/metrics/hooks/index.ts
+++ b/src/app/collective-rewards/metrics/hooks/index.ts
@@ -1,3 +1,4 @@
 export * from './useGetCycleStart'
 export * from './useGetCycleStartAndDuration'
 export * from './useGetEndDistributionWindow'
+export * from './useGetCycleNext'
diff --git a/src/app/collective-rewards/metrics/hooks/useGetCycleNext.ts b/src/app/collective-rewards/metrics/hooks/useGetCycleNext.ts
new file mode 100644
index 00000000..26990917
--- /dev/null
+++ b/src/app/collective-rewards/metrics/hooks/useGetCycleNext.ts
@@ -0,0 +1,28 @@
+import { CycleTimeKeeperAbi } from '@/lib/abis/v2/CycleTimeKeeperAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { useQuery } from '@tanstack/react-query'
+import { readContract } from 'wagmi/actions'
+import { config } from '@/config'
+
+export const useGetCycleNext = (timestamp: bigint) => {
+  const { data, isLoading, error } = useQuery({
+    queryFn: async () => {
+      return readContract(config, {
+        address: BackersManagerAddress,
+        abi: CycleTimeKeeperAbi,
+        functionName: 'cycleNext',
+        args: [timestamp],
+      })
+    },
+    queryKey: ['cycleNext'],
+    refetchInterval: AVERAGE_BLOCKTIME,
+    initialData: 0n,
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/metrics/hooks/useGetCycleStart.ts b/src/app/collective-rewards/metrics/hooks/useGetCycleStart.ts
index 141b287e..cb92e508 100644
--- a/src/app/collective-rewards/metrics/hooks/useGetCycleStart.ts
+++ b/src/app/collective-rewards/metrics/hooks/useGetCycleStart.ts
@@ -1,17 +1,23 @@
 import { CycleTimeKeeperAbi } from '@/lib/abis/v2/CycleTimeKeeperAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
-import { useReadContract } from 'wagmi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { useQuery } from '@tanstack/react-query'
+import { readContract } from 'wagmi/actions'
+import { config } from '@/config'
 
 export const useGetCycleStart = (timestamp: bigint) => {
-  const { data, isLoading, error } = useReadContract({
-    address: BackersManagerAddress,
-    abi: CycleTimeKeeperAbi,
-    functionName: 'cycleStart',
-    args: [timestamp],
-    query: {
-      refetchInterval: AVERAGE_BLOCKTIME,
+  const { data, isLoading, error } = useQuery({
+    queryFn: async () => {
+      return readContract(config, {
+        address: BackersManagerAddress,
+        abi: CycleTimeKeeperAbi,
+        functionName: 'cycleStart',
+        args: [timestamp],
+      })
     },
+    queryKey: ['cycleStart'],
+    refetchInterval: AVERAGE_BLOCKTIME,
+    initialData: 0n,
   })
 
   return {
diff --git a/src/app/collective-rewards/metrics/hooks/useGetEndDistributionWindow.ts b/src/app/collective-rewards/metrics/hooks/useGetEndDistributionWindow.ts
index f6c1b5ff..14264e3f 100644
--- a/src/app/collective-rewards/metrics/hooks/useGetEndDistributionWindow.ts
+++ b/src/app/collective-rewards/metrics/hooks/useGetEndDistributionWindow.ts
@@ -1,17 +1,23 @@
 import { CycleTimeKeeperAbi } from '@/lib/abis/v2/CycleTimeKeeperAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
-import { useReadContract } from 'wagmi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { useQuery } from '@tanstack/react-query'
+import { readContract } from 'wagmi/actions'
+import { config } from '@/config'
 
 export const useGetEndDistributionWindow = (timestamp: bigint) => {
-  const { data, isLoading, error } = useReadContract({
-    address: BackersManagerAddress,
-    abi: CycleTimeKeeperAbi,
-    functionName: 'endDistributionWindow',
-    args: [timestamp],
-    query: {
-      refetchInterval: AVERAGE_BLOCKTIME,
+  const { data, isLoading, error } = useQuery({
+    queryFn: async () => {
+      return readContract(config, {
+        address: BackersManagerAddress,
+        abi: CycleTimeKeeperAbi,
+        functionName: 'endDistributionWindow',
+        args: [timestamp],
+      })
     },
+    queryKey: ['endDistributionWindow'],
+    refetchInterval: AVERAGE_BLOCKTIME,
+    initialData: 0n,
   })
 
   return {
diff --git a/src/app/collective-rewards/metrics/index.ts b/src/app/collective-rewards/metrics/index.ts
index 453d09c7..6441ae31 100644
--- a/src/app/collective-rewards/metrics/index.ts
+++ b/src/app/collective-rewards/metrics/index.ts
@@ -1,4 +1,7 @@
-export * from './components'
 export * from './context'
 export * from './hooks'
-export * from './MetricsSection'
+export * from './Metrics'
+export * from './TotalAllocationsMetrics'
+export * from './CycleMetrics'
+export * from './TotalActiveBuildersMetrics'
+export * from './AllTimeRewardsMetrics'
diff --git a/src/app/collective-rewards/page.tsx b/src/app/collective-rewards/page.tsx
index d7c18941..5dc477bd 100644
--- a/src/app/collective-rewards/page.tsx
+++ b/src/app/collective-rewards/page.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { LeaderBoard } from '@/app/collective-rewards/leaderboard'
-import { MetricsSection } from '@/app/collective-rewards/metrics'
+import { Metrics } from '@/app/collective-rewards/metrics'
 import { WhitelistContextProviderWithBuilders, WhitelistSection } from '@/app/collective-rewards/whitelist'
 import { MainContainer } from '@/components/MainContainer/MainContainer'
 
@@ -9,7 +9,7 @@ export default function BuildersIncentiveMarket() {
   return (
     <MainContainer>
       <div className="grid grid-rows-1 gap-[32px]">
-        <MetricsSection />
+        <Metrics />
         <WhitelistContextProviderWithBuilders>
           <WhitelistSection />
         </WhitelistContextProviderWithBuilders>
diff --git a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
index f494be4e..1de5d886 100644
--- a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
@@ -10,11 +10,11 @@ import {
   RewardDetails,
   Token,
 } from '@/app/collective-rewards/rewards'
-import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { useHandleErrors, applyPrecision } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import { FC, useEffect, useState } from 'react'
-import { Address, parseUnits } from 'viem'
+import { Address } from 'viem'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 
 type TokenRewardsProps = {
@@ -63,8 +63,7 @@ const TokenRewards: FC<TokenRewardsProps> = ({ builder, gauge, token: { id, symb
 
   const { prices } = usePricesContext()
 
-  const precision = parseUnits('1', 18)
-  const rewardsAmount = rewardPercentage ? (rewards * rewardPercentage) / precision : 0n
+  const rewardsAmount = rewardPercentage ? applyPrecision(rewards * rewardPercentage) : 0n
 
   const estimatedRewards =
     rewardShares && totalPotentialRewards ? (rewardShares * rewardsAmount) / totalPotentialRewards : 0n
diff --git a/src/app/collective-rewards/rewards/components/ClaimYouRewardButton.tsx b/src/app/collective-rewards/rewards/components/ClaimYouRewardButton.tsx
index 81c7c324..e5c21e3c 100644
--- a/src/app/collective-rewards/rewards/components/ClaimYouRewardButton.tsx
+++ b/src/app/collective-rewards/rewards/components/ClaimYouRewardButton.tsx
@@ -19,7 +19,7 @@ export const ClaimYourRewardsButton: FC<Pick<ButtonProps, 'onClick' | 'disabled'
     <Popover
       content={
         <div className="text-[12px] font-bold mb-1">
-          <p data-testid="builderAddressTooltip">Claim your rewards</p>
+          <p data-testid="claimYouRewardsButtonTooltip">Claim your rewards</p>
         </div>
       }
       size="small"
diff --git a/src/app/collective-rewards/rewards/components/MetricsCard.tsx b/src/app/collective-rewards/rewards/components/MetricsCard.tsx
index 07649b72..0773897c 100644
--- a/src/app/collective-rewards/rewards/components/MetricsCard.tsx
+++ b/src/app/collective-rewards/rewards/components/MetricsCard.tsx
@@ -3,6 +3,7 @@ import { FC, HTMLAttributes, ReactNode } from 'react'
 import { Address } from 'viem'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 import { Typography } from '@/components/Typography'
+import { Tooltip, TooltipProps } from './Tooltip'
 
 type MetricsCardRow = {
   amount: string
@@ -81,17 +82,27 @@ export const MetricsCard: FC<MetricsCardProps> = ({
   )
 }
 
-export const MetricsCardTitle: FC<{ title: string; 'data-testid': string }> = ({
+type MetricsCardTitleProps = {
+  title: string
+  'data-testid': string
+  tooltip?: TooltipProps
+}
+
+export const MetricsCardTitle: FC<MetricsCardTitleProps> = ({
   title,
   'data-testid': dataTestId,
+  tooltip,
 }) => (
-  <Typography
-    tagVariant="label"
-    className="text-[16px] font-normal tracking-wide overflow-hidden whitespace-nowrap text-ellipsis"
-    data-testid={`${dataTestId}_MetricsCardTitle`}
-  >
-    {title}
-  </Typography>
+  <div className="flex gap-1">
+    <Typography
+      tagVariant="label"
+      className="text-[16px] font-normal tracking-wide overflow-hidden whitespace-nowrap text-ellipsis"
+      data-testid={`${dataTestId}_MetricsCardTitle`}
+    >
+      {title}
+    </Typography>
+    {tooltip && <Tooltip {...tooltip} />}
+  </div>
 )
 
 type MetricsCardContentProps = {
diff --git a/src/app/collective-rewards/rewards/components/Tooltip.tsx b/src/app/collective-rewards/rewards/components/Tooltip.tsx
new file mode 100644
index 00000000..a41c236d
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Tooltip.tsx
@@ -0,0 +1,47 @@
+import { FC } from 'react'
+import { Popover, PopoverProps } from '../../../../components/Popover'
+import { Button, ButtonProps } from '../../../../components/Button'
+
+const TooltipSvg = () => (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clipPath="url(#clip0_8594_68155)">
+      <path
+        d="M7.57508 7.49984C7.771 6.94289 8.15771 6.47326 8.66671 6.17411C9.17571 5.87497 9.77416 5.76562 10.3561 5.86543C10.938 5.96524 11.4658 6.26777 11.846 6.71944C12.2262 7.17111 12.4343 7.74277 12.4334 8.33317C12.4334 9.99984 9.93342 10.8332 9.93342 10.8332M10.0001 14.1665H10.0084M18.3334 9.99984C18.3334 14.6022 14.6025 18.3332 10.0001 18.3332C5.39771 18.3332 1.66675 14.6022 1.66675 9.99984C1.66675 5.39746 5.39771 1.6665 10.0001 1.6665C14.6025 1.6665 18.3334 5.39746 18.3334 9.99984Z"
+        stroke="white"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_8594_68155">
+        <rect width="20" height="20" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+export type TooltipProps = {
+  text: string
+  popoverProps?: Pick<PopoverProps, 'size' | 'position'>
+}
+
+export const Tooltip: FC<TooltipProps> = ({ text, popoverProps }) => (
+  <>
+    <Popover
+      content={
+        <div className="text-[12px] font-bold mb-1">
+          <p data-testid="tooltip">{text}</p>
+        </div>
+      }
+      trigger="hover"
+      position="top"
+      size="small"
+      {...popoverProps}
+    >
+      <Button variant="borderless" className="px-1 py-1">
+        <TooltipSvg />
+      </Button>
+    </Popover>
+  </>
+)
diff --git a/src/app/collective-rewards/rewards/components/index.ts b/src/app/collective-rewards/rewards/components/index.ts
index eb63f173..7cdce89f 100644
--- a/src/app/collective-rewards/rewards/components/index.ts
+++ b/src/app/collective-rewards/rewards/components/index.ts
@@ -3,3 +3,4 @@ export * from './MetricsCard'
 export * from './MetricContainer'
 export * from './ClaimYouRewardButton'
 export * from './Button'
+export * from './Tooltip'
diff --git a/src/app/collective-rewards/rewards/hooks/useGetGaugesEvents.ts b/src/app/collective-rewards/rewards/hooks/useGetGaugesEvents.ts
index 357d74cc..bf8bd224 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetGaugesEvents.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetGaugesEvents.ts
@@ -24,14 +24,11 @@ const eventFetchers: Record<EventName, Function> = {
 export const useGetGaugesEvents = <T extends EventName>(gauges: Address[], eventName: T) => {
   const { data, isLoading, error } = useQuery({
     queryFn: async () => {
-      const values = await Promise.allSettled(gauges.map(gauge => eventFetchers[eventName](gauge)))
-      return values.reduce<Record<Address, GaugeEventLog<T>>>((acc, result, index) => {
-        if (result.status !== 'fulfilled') {
-          throw new Error('Error fetching gauge logs')
-        }
+      const values = await Promise.all(gauges.map(gauge => eventFetchers[eventName](gauge)))
+      return values.reduce<Record<Address, GaugeEventLog<T>>>((acc, { data }, index) => {
         const events = parseEventLogs({
           abi: GaugeAbi,
-          logs: result.value.data,
+          logs: data,
           eventName,
         })
 
@@ -39,7 +36,7 @@ export const useGetGaugesEvents = <T extends EventName>(gauges: Address[], event
         return acc
       }, {})
     },
-    queryKey: ['useGetDistributedRewards', eventName],
+    queryKey: ['useGetGaugesEvents', eventName],
     refetchInterval: AVERAGE_BLOCKTIME,
     initialData: {},
   })
diff --git a/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts b/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
index db68ea10..a6ad5fdb 100644
--- a/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
+++ b/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
@@ -10,7 +10,7 @@ type CycleRewards = {
 export const getLastCycleRewards = (cycle: Cycle, notifyRewardLogs?: GaugeNotifyRewardEventLog) => {
   const { cycleDuration, endDistributionWindow, cycleStart } = cycle
   const distributionWindow = endDistributionWindow.diff(cycleStart)
-  const lastCycleStart = cycleStart.minus({ millisecond: +cycleDuration })
+  const lastCycleStart = cycleStart.minus({ millisecond: cycleDuration.as('millisecond') })
   const lastCycleAfterDistribution = lastCycleStart.plus({ millisecond: +distributionWindow })
 
   if (!notifyRewardLogs) {
diff --git a/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx b/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx
index 347f9eb9..e21ff924 100644
--- a/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx
+++ b/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx
@@ -3,7 +3,7 @@ import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 import { Typography } from '@/components/Typography'
 import { cn } from '@/lib/utils'
 import { DateTime } from 'luxon'
-import { FC, HTMLAttributes, ReactNode, useEffect } from 'react'
+import { FC, HTMLAttributes, ReactNode } from 'react'
 import { weiToPercentage } from '../utils'
 import { useBuilderSettingsContext } from './context'
 
diff --git a/src/app/collective-rewards/utils/applyPrecision.ts b/src/app/collective-rewards/utils/applyPrecision.ts
new file mode 100644
index 00000000..f6abe96f
--- /dev/null
+++ b/src/app/collective-rewards/utils/applyPrecision.ts
@@ -0,0 +1,3 @@
+import { parseUnits } from 'viem'
+
+export const applyPrecision = (value: bigint, precision = 18) => value / parseUnits('1', precision)
diff --git a/src/app/collective-rewards/utils/index.ts b/src/app/collective-rewards/utils/index.ts
index 5abf3f6e..e4351a23 100644
--- a/src/app/collective-rewards/utils/index.ts
+++ b/src/app/collective-rewards/utils/index.ts
@@ -1,2 +1,3 @@
 export * from './handleErrors'
 export * from './getCoinbaseAddress'
+export * from './applyPrecision'
diff --git a/src/components/Popover/Popover.tsx b/src/components/Popover/Popover.tsx
index c2b4a8c5..c866755f 100644
--- a/src/components/Popover/Popover.tsx
+++ b/src/components/Popover/Popover.tsx
@@ -2,7 +2,7 @@
 import { cn } from '@/lib/utils'
 import { HTMLAttributes, ReactNode, useEffect, useRef, useState } from 'react'
 
-interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'content'> {
+export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'content'> {
   children: ReactNode
   content: ReactNode
   disabled?: boolean
@@ -22,7 +22,7 @@ export const Popover = ({
   size = 'medium',
   hasCaret = false,
   className,
-}: Props) => {
+}: PopoverProps) => {
   const [show, setShow] = useState(false)
   const wrapperRef = useRef<any>(null)
 

From aeb86b643b82bd66b17f263e06cbd9956cc2d976 Mon Sep 17 00:00:00 2001
From: Aleksandr Shenshin <shenshin@me.com>
Date: Tue, 19 Nov 2024 16:28:06 +0100
Subject: [PATCH 068/115] feat: search field for proposals (#376)

---
 package-lock.json                             | 13 ++++++
 package.json                                  |  1 +
 src/app/proposals/LatestProposalsTable.tsx    | 36 ++++++++++++---
 src/app/proposals/shared/utils.ts             |  6 +--
 .../DebounceSearch/DebounceSearch.tsx         | 44 +++++++++++++++++++
 src/components/DebounceSearch/index.ts        |  1 +
 src/components/Input/Input.tsx                | 18 ++++++--
 7 files changed, 106 insertions(+), 13 deletions(-)
 create mode 100644 src/components/DebounceSearch/DebounceSearch.tsx
 create mode 100644 src/components/DebounceSearch/index.ts

diff --git a/package-lock.json b/package-lock.json
index 40a10a15..66b5fd8d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,6 +36,7 @@
         "react-number-format": "^5.4.0",
         "tailwind-merge": "^2.3.0",
         "tailwindcss-animate": "^1.0.7",
+        "use-debounce": "^10.0.4",
         "viem": "^2.17.3",
         "wagmi": "^2.12.1",
         "zod": "^3.23.8"
@@ -24555,6 +24556,18 @@
         }
       }
     },
+    "node_modules/use-debounce": {
+      "version": "10.0.4",
+      "resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-10.0.4.tgz",
+      "integrity": "sha512-6Cf7Yr7Wk7Kdv77nnJMf6de4HuDE4dTxKij+RqE9rufDsI6zsbjyAxcH5y2ueJCQAnfgKbzXbZHYlkFwmBlWkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16.0.0"
+      },
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/use-sidecar": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
diff --git a/package.json b/package.json
index 66900f9c..081cd559 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "react-number-format": "^5.4.0",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
+    "use-debounce": "^10.0.4",
     "viem": "^2.17.3",
     "wagmi": "^2.12.1",
     "zod": "^3.23.8"
diff --git a/src/app/proposals/LatestProposalsTable.tsx b/src/app/proposals/LatestProposalsTable.tsx
index 3a942929..65faeb82 100644
--- a/src/app/proposals/LatestProposalsTable.tsx
+++ b/src/app/proposals/LatestProposalsTable.tsx
@@ -8,8 +8,9 @@ import { ProposalsContextProvider } from '@/app/proposals/ProposalsContext'
 import { SentimentColumn } from '@/app/proposals/SentimentColumn'
 import { VotesColumn } from '@/app/proposals/VotesColumn'
 import { ProposalNameColumn } from '@/app/proposals/ProposalNameColumn'
-import { ReactNode, useMemo, memo } from 'react'
+import { ReactNode, useMemo, memo, useState } from 'react'
 import { TimeRemainingColumn } from '@/app/proposals/TimeRemainingColumn'
+import { DebounceSearch } from '../../components/DebounceSearch/DebounceSearch'
 
 interface LatestProposalsTableProps {
   latestProposals: ReturnType<typeof useFetchAllProposals>['latestProposals']
@@ -34,19 +35,40 @@ const latestProposalsTransformer = (proposals: ReturnType<typeof getEventArgumen
   })
 
 const LatestProposalsTable = ({ latestProposals }: LatestProposalsTableProps) => {
-  const latestProposalsMapped = useMemo(
-    () => latestProposals.map(proposal => getEventArguments(proposal as unknown as EventArgumentsParameter)),
-    [latestProposals],
-  )
+  const [searchedProposal, setSearchedProposal] = useState('')
+
+  const latestProposalsMapped = useMemo(() => {
+    if (!latestProposals?.length) return []
+    const proposalsWithEventArgs = latestProposals?.map(proposal =>
+      getEventArguments(proposal as unknown as EventArgumentsParameter),
+    )
+    const parsedProposals = latestProposalsTransformer(proposalsWithEventArgs)
+    const searchResultsProposals = parsedProposals?.filter(({ Proposal }) => {
+      try {
+        const proposalName = String(Proposal?.props?.name).toLowerCase()
+        if (!proposalName) return false
+        return proposalName.includes(searchedProposal.toLowerCase())
+      } catch (e) {
+        return false
+      }
+    })
+
+    return searchResultsProposals ?? []
+  }, [latestProposals, searchedProposal])
+
+  const onSearchSubmit = (searchValue: string) => {
+    setSearchedProposal(searchValue)
+  }
 
   return (
     <div>
       <HeaderTitle className="mb-4">Latest Proposals</HeaderTitle>
-      {latestProposals.length > 0 && (
+      <DebounceSearch placeholder="Search a proposal" onSearchSubmit={onSearchSubmit} />
+      {latestProposalsMapped.length > 0 && (
         <SharedProposalsTableContextProvider>
           <Table
             key={latestProposalsMapped.length}
-            data={latestProposalsTransformer(latestProposalsMapped)}
+            data={latestProposalsMapped}
             data-testid="TableProposals"
             tbodyProps={{
               'data-testid': 'TableProposalsTbody',
diff --git a/src/app/proposals/shared/utils.ts b/src/app/proposals/shared/utils.ts
index e28823af..0f6464bd 100644
--- a/src/app/proposals/shared/utils.ts
+++ b/src/app/proposals/shared/utils.ts
@@ -35,7 +35,7 @@ export type DecodedData = {
   inputs: FunctionInputs
 }
 
-const tryDecode = (data: string): DecodedData => {
+const tryDecode = (data: string): DecodedData | undefined => {
   for (const abi of [...abis, GovernorAbi]) {
     try {
       const { functionName, args } = decodeFunctionData({ data: data as Hash, abi })
@@ -56,7 +56,7 @@ const tryDecode = (data: string): DecodedData => {
       continue
     }
   }
-  throw new Error('No ABI found to decode this proposal data.')
+  return undefined
 }
 /**
  * Function to parse proposal data into usable data
@@ -77,7 +77,7 @@ export const getEventArguments = ({
   const calldatasParsed = calldatas.reduce<DecodedData[]>((acc, cd) => {
     try {
       const decodedData = tryDecode(cd)
-      acc = [...acc, decodedData]
+      acc = [...acc, ...(decodedData ? [decodedData] : [])]
     } catch (err) {
       // TODO:: decide whether it is necessary to throw error (if so then also perhaps the function name `tryDecode` is misleading).
       // Only logging this error due to the fact that anyone can submit any proposal directly via contract call.
diff --git a/src/components/DebounceSearch/DebounceSearch.tsx b/src/components/DebounceSearch/DebounceSearch.tsx
new file mode 100644
index 00000000..b0823c3c
--- /dev/null
+++ b/src/components/DebounceSearch/DebounceSearch.tsx
@@ -0,0 +1,44 @@
+'use client'
+
+import { Input } from '@/components/Input'
+import { useState, useEffect } from 'react'
+import { useDebounce } from 'use-debounce'
+
+interface ProposalSearchProps {
+  /**
+   * Function to handle search input updates after debounce.
+   */
+  onSearchSubmit: (val: string) => void
+  /**
+   * Placeholder text for the search input.
+   */
+  placeholder: string
+}
+
+/**
+ * DebounceSearch component allows delayed submission of search input to the parent.
+ * It includes a "clear" button to reset the search field.
+ */
+export function DebounceSearch({ onSearchSubmit, placeholder = 'Search' }: ProposalSearchProps) {
+  const [searchText, setSearchText] = useState('')
+  const [debouncedSearchText] = useDebounce(searchText, 1000)
+  const handleClear = () => {
+    setSearchText('')
+  }
+  const handleChange = (val: string) => {
+    setSearchText(val)
+  }
+  useEffect(() => onSearchSubmit(debouncedSearchText), [debouncedSearchText, onSearchSubmit])
+  return (
+    <Input
+      value={searchText}
+      onChange={handleChange}
+      name="debounceSearch"
+      placeholder={placeholder}
+      fullWidth
+      type="search"
+      className="my-5"
+      onClear={handleClear}
+    />
+  )
+}
diff --git a/src/components/DebounceSearch/index.ts b/src/components/DebounceSearch/index.ts
new file mode 100644
index 00000000..7d95c337
--- /dev/null
+++ b/src/components/DebounceSearch/index.ts
@@ -0,0 +1 @@
+export { DebounceSearch } from './DebounceSearch'
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
index 4804ef66..331413a8 100644
--- a/src/components/Input/Input.tsx
+++ b/src/components/Input/Input.tsx
@@ -3,7 +3,7 @@ import { cn } from '@/lib/utils'
 import { FC, JSX } from 'react'
 import { InputAttributes, NumericFormatProps } from 'react-number-format'
 import { InputNumber } from './InputNumber'
-import { BsSearch } from 'react-icons/bs'
+import { BsSearch, BsXCircle } from 'react-icons/bs'
 
 const DEFAULT_CLASSES = `
 px-[20px] py-[12px]
@@ -34,6 +34,10 @@ interface Props {
   type?: InputType
   onChange?: (value: string) => void
   labelProps?: JSX.IntrinsicElements['div']
+  /**
+   * Adds a "clear" button to the search field. The provided function is called when the button is clicked.
+   */
+  onClear?: () => void
 }
 export const Input: FC<Props> = ({
   name,
@@ -50,6 +54,7 @@ export const Input: FC<Props> = ({
   type = 'text',
   onChange = () => {},
   labelProps = {},
+  onClear,
 }) => {
   const handleOnChange = (e: { target: { value: string } }) => onChange(e.target.value)
 
@@ -88,7 +93,7 @@ export const Input: FC<Props> = ({
       />
     ),
     search: (
-      <>
+      <div className="relative">
         <BsSearch className="absolute translate-y-4 translate-x-4" />
         <input
           className={classes}
@@ -99,9 +104,16 @@ export const Input: FC<Props> = ({
           name={name}
           data-testid={`Input_${name}`}
           readOnly={readonly}
+          autoComplete="off"
           {...inputProps}
         />
-      </>
+        {/* Small clear button at the right of the search field */}
+        {onClear && (
+          <button onClick={onClear} className="absolute right-4 bottom-1/2 translate-y-1/2 cursor-pointer">
+            <BsXCircle />
+          </button>
+        )}
+      </div>
     ),
   }[type]
   return (

From 9b27722c914759e60e6ddc63baff184893a2d070 Mon Sep 17 00:00:00 2001
From: Alexander Ivchenko <47615361+TravellerOnTheRun@users.noreply.github.com>
Date: Tue, 19 Nov 2024 19:28:54 +0400
Subject: [PATCH 069/115] refactor: forum link to menu (#380)

* refactor: forum link to menu

* refactor: font size to 14, useful links to bold
---
 src/components/Footer/Footer.tsx           |  5 -----
 src/components/LeftSidebar/UsefulLinks.tsx | 15 +++++++++------
 src/components/LeftSidebar/links.tsx       |  3 +++
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 17bb1d47..ad7d8a30 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -47,11 +47,6 @@ export const Footer = ({ variant = 'login' }: Props) => (
             Whitepaper
           </a>
         </div>
-        <div className="flex items-start">
-          <a href="https://gov.rootstockcollective.xyz" className="hover:underline" target="_blank">
-            Discourse
-          </a>
-        </div>
       </>
     )}
     <div className="flex items-start justify-end">
diff --git a/src/components/LeftSidebar/UsefulLinks.tsx b/src/components/LeftSidebar/UsefulLinks.tsx
index fbf409c7..b8adc9d4 100644
--- a/src/components/LeftSidebar/UsefulLinks.tsx
+++ b/src/components/LeftSidebar/UsefulLinks.tsx
@@ -4,24 +4,27 @@ import { currentLinks } from '@/components/LeftSidebar/links'
 
 export const UsefulLinks = () => (
   <div className="mt-[4rem]">
-    <Paragraph className="mb-[24px] text-[16px]">Useful links</Paragraph>
+    <Paragraph className="mb-[24px] text-[16px] font-bold">Useful links</Paragraph>
     <div className="flex flex-col pl-[16px]">
-      <Link href={currentLinks.rif} variant="menu" className="mb-[16px] text-[16px]" target="_blank">
+      <Link href={currentLinks.rif} variant="menu" className="mb-[14px] text-[14px]" target="_blank">
         RIF
       </Link>
-      <Link href={currentLinks.rbtc} variant="menu" className="mb-[16px] text-[16px]" target="_blank">
+      <Link href={currentLinks.forum} variant="menu" className="mb-[14px] text-[14px]" target="_blank">
+        Forum
+      </Link>
+      <Link href={currentLinks.rbtc} variant="menu" className="mb-[14px] text-[14px]" target="_blank">
         Get RBTC
       </Link>
-      <Link href={currentLinks.tokenBridge} variant="menu" className="mb-[16px] text-[16px]" target="_blank">
+      <Link href={currentLinks.tokenBridge} variant="menu" className="mb-[14px] text-[14px]" target="_blank">
         Bridge tokens
       </Link>
-      <Link href={currentLinks.registerRns} variant="menu" className="mb-[16px] text-[16px]" target="_blank">
+      <Link href={currentLinks.registerRns} variant="menu" className="mb-[14px] text-[14px]" target="_blank">
         Get RNS Domain
       </Link>
       <Link
         href={currentLinks.tokenResources}
         variant="menu"
-        className="mb-[16px] text-[16px]"
+        className="mb-[14px] text-[14px]"
         target="_blank"
       >
         Token Resources
diff --git a/src/components/LeftSidebar/links.tsx b/src/components/LeftSidebar/links.tsx
index d2e92c94..2e7d3766 100644
--- a/src/components/LeftSidebar/links.tsx
+++ b/src/components/LeftSidebar/links.tsx
@@ -6,6 +6,7 @@ const regtest = {
   rif: '',
   rbtc: '',
   tokenResources: '',
+  forum: '',
 }
 
 const testnet = {
@@ -14,6 +15,7 @@ const testnet = {
   rif: 'https://www.coingecko.com/en/coins/rsk-infrastructure-framework/',
   rbtc: 'https://rootstock.io/rbtc/#get-rbtc/',
   tokenResources: 'https://wiki.rootstockcollective.xyz/Token-Resources-e3f89008a96e4dcab3037ff7861d9d8a',
+  forum: 'https://gov.rootstockcollective.xyz',
 }
 
 const mainnet = {
@@ -22,6 +24,7 @@ const mainnet = {
   rif: 'https://www.coingecko.com/en/coins/rsk-infrastructure-framework/',
   rbtc: 'https://rootstock.io/rbtc/#get-rbtc/',
   tokenResources: 'https://wiki.rootstockcollective.xyz/Token-Resources-e3f89008a96e4dcab3037ff7861d9d8a',
+  forum: 'https://gov.rootstockcollective.xyz',
 }
 
 const environments = {

From 3af4fcec197529656d2d6850ea5bf213bd5967da Mon Sep 17 00:00:00 2001
From: DinizSa <39380608+DinizSa@users.noreply.github.com>
Date: Wed, 20 Nov 2024 11:28:27 +0200
Subject: [PATCH 070/115] TOK-412: List all activated builders (#369)

* feat: list all the activated builders

* chore: apply small fixes and leave placeholder for future changes

* chore: remove duplicate code

* style: apply lint rules

* feat: allow table sort

* chore: small ui improvements

* fix: change arrow orintation

* fix: remove mocked data

* fix: lint

* chore: feedback improvements

* fix: last cycle rewards

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
Co-authored-by: Francisco Tobar <francisco.tobar@iovlabs.org>
---
 .../leaderboard/BuildersLeaderBoardTable.tsx  | 419 ++++++++++++++++++
 .../leaderboard/LeaderBoard.tsx               | 246 ----------
 .../leaderboard/hooks/index.ts                |   1 -
 .../hooks/useGetBuildersRewards.ts            |  71 ---
 .../collective-rewards/leaderboard/index.ts   |   3 +-
 src/app/collective-rewards/page.tsx           |   4 +-
 .../rewards/builders/EstimatedRewards.tsx     |   2 +
 .../rewards/builders/hooks/index.ts           |   1 +
 .../builders/hooks/useGetBuildersRewards.ts   | 175 ++++++++
 .../collective-rewards/rewards/hooks/index.ts |   4 +
 .../hooks/useGetBuilderRewardPercentage.ts    |  36 ++
 .../hooks/useGetBuildersRewardPercentage.ts   |  46 ++
 .../rewards/hooks/useGetGaugesNotifyReward.ts |  21 +-
 .../rewards/hooks/useGetGaugesRewardShares.ts |  42 ++
 .../rewards/hooks/useGetTotalAllocations.ts   |  43 ++
 .../rewards/utils/getNotifyRewardAmount.ts    |  44 ++
 .../rewards/utils/getPercentageData.ts        |  22 +
 .../collective-rewards/rewards/utils/index.ts |   2 +
 .../rewards/utils/toPercentage.ts             |   3 +
 src/app/collective-rewards/types.ts           |   1 +
 .../Button/BecomeABuilderButton.test.tsx      |   1 +
 .../user/context/BuilderContext.tsx           |   4 +-
 .../user/hooks/useGetBuilders.ts              |  12 +-
 .../utils/getMostAdvancedProposal.test.tsx    |   4 +
 .../whitelist/hooks/useGetFilteredBuilders.ts |   1 +
 src/components/Collapsible/Collapsible.tsx    |   2 +-
 src/components/ProgressBar/ProgressBar.tsx    |  17 +
 src/lib/constants.ts                          |   1 +
 src/shared/hooks/usePagination.ts             |   2 +-
 src/shared/hooks/usePaginationUi.tsx          |  51 ++-
 30 files changed, 951 insertions(+), 330 deletions(-)
 create mode 100644 src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
 delete mode 100644 src/app/collective-rewards/leaderboard/LeaderBoard.tsx
 delete mode 100644 src/app/collective-rewards/leaderboard/hooks/index.ts
 delete mode 100644 src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
 create mode 100644 src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetGaugesRewardShares.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetTotalAllocations.ts
 create mode 100644 src/app/collective-rewards/rewards/utils/getNotifyRewardAmount.ts
 create mode 100644 src/app/collective-rewards/rewards/utils/getPercentageData.ts
 create mode 100644 src/app/collective-rewards/rewards/utils/toPercentage.ts
 create mode 100644 src/components/ProgressBar/ProgressBar.tsx

diff --git a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
new file mode 100644
index 00000000..18679746
--- /dev/null
+++ b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
@@ -0,0 +1,419 @@
+import { CycleContextProvider } from '@/app/collective-rewards/metrics'
+import { BuilderRewardPercentage, useGetBuildersRewards } from '@/app/collective-rewards/rewards'
+import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/user'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { AddressOrAliasWithCopy } from '@/components/Address'
+import { Button } from '@/components/Button'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/Collapsible'
+import { Jdenticon } from '@/components/Header/Jdenticon'
+import { LoadingSpinner } from '@/components/LoadingSpinner'
+import { Popover } from '@/components/Popover'
+import { ProgressBar } from '@/components/ProgressBar/ProgressBar'
+import { TableBody, TableCell, TableCore, TableHead, TableRow } from '@/components/Table'
+import { HeaderTitle, Label, Typography } from '@/components/Typography'
+import { RBTC, RIF } from '@/lib/constants'
+import { cn, formatCurrency, shortAddress, toFixed } from '@/lib/utils'
+import { useBasicPaginationUi } from '@/shared/hooks/usePaginationUi'
+import { rbtcIconSrc } from '@/shared/rbtcIconSrc'
+import Image from 'next/image'
+import { FC, memo, useMemo, useState } from 'react'
+import { FaRegQuestionCircle } from 'react-icons/fa'
+import { FaArrowDown, FaArrowUp } from 'react-icons/fa6'
+import { LiaSortUpSolid } from 'react-icons/lia'
+import { RiArrowUpSFill } from 'react-icons/ri'
+import { Address, isAddress } from 'viem'
+
+type Currency = {
+  value: number
+  symbol: string
+}
+
+export type Reward = {
+  crypto: Currency
+  fiat: Currency
+}
+
+type RewardCellProps = {
+  rewards: Reward[]
+}
+
+export function getFormattedCurrency(value: number, symbol: string) {
+  const formattedCurrency = formatCurrency(value, symbol)
+  return `${formattedCurrency.substring(0, 1)}${symbol} ${formattedCurrency.substring(1)}`
+}
+
+export const rbtcIcon = (
+  <Image src={`data:image/svg+xml;base64,${rbtcIconSrc}`} alt="rBTC Logo" width={16} height={16} />
+)
+export const rifIcon = <Image src={'/images/rif-logo.png'} alt="RIF Logo" width={16} height={16} />
+
+export const RewardCell: FC<RewardCellProps> = ({ rewards }) => (
+  <div className="flex flex-nowrap flex-row gap-2 whitespace-nowrap">
+    {rewards &&
+      rewards.map(({ crypto: { value, symbol }, fiat: { value: fiatValue, symbol: fiatSymbol } }) => (
+        <div key={value + symbol} className="flex-1">
+          {/* TODO: if the value is very small, should we show it in Gwei/wei? */}
+
+          <Label className="flex items-center gap-1 font-normal text-sm leading-none text-text-primary font-rootstock-sans">
+            {toFixed(value)}
+            {symbol === RBTC && rbtcIcon}
+            {symbol === RIF && rifIcon}
+          </Label>
+          <Label className="font-normal text-sm leading-none text-disabled-primary font-rootstock-sans">
+            {`= ${getFormattedCurrency(fiatValue, fiatSymbol)}`}
+          </Label>
+        </div>
+      ))}
+  </div>
+)
+
+export const LazyRewardCell = memo(RewardCell, ({ rewards: prevReward }, { rewards: nextReward }) =>
+  prevReward.every((reward, key) => reward.fiat.value === nextReward[key].fiat.value),
+)
+
+export const BuilderNameCell = ({ builderName, address }: { builderName: string; address: string }) => {
+  const shortenAddress = shortAddress(address as Address)
+  return (
+    <TableCell className={cn(tableHeaders[0].className, 'border-solid')}>
+      <div className="flex flex-row gap-x-1">
+        <Jdenticon className="rounded-md bg-white" value={builderName} size="24" />
+        <Popover
+          content={
+            <div className="text-[12px] font-bold mb-1">
+              <p data-testid="builderAddressTooltip">{shortenAddress}</p>
+            </div>
+          }
+          size="small"
+          trigger="hover"
+          disabled={!builderName || isAddress(builderName)}
+        >
+          <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap">
+            <AddressOrAliasWithCopy
+              addressOrAlias={builderName || address}
+              clipboard={address}
+              clipboardAnimationText={shortenAddress}
+              className="text-sm"
+            />
+          </Typography>
+        </Popover>
+      </div>
+    </TableCell>
+  )
+}
+
+export const BackerRewardsPercentage = ({
+  rewardPercentage,
+}: {
+  rewardPercentage: BuilderRewardPercentage | null
+}) => {
+  const renderDelta = useMemo(() => {
+    if (!rewardPercentage) return null
+
+    const deltaPercentage = rewardPercentage.next - rewardPercentage.current
+    if (deltaPercentage > 0) {
+      const colorGreen = '#1bc47d'
+      return (
+        <div className="flex flex-row items-center">
+          <FaArrowUp style={{ color: colorGreen }} />
+          <div className={cn(`text-[${colorGreen}] text-sm`)}>+{deltaPercentage}</div>
+        </div>
+      )
+    }
+    if (deltaPercentage < 0) {
+      const colorRed = '#f14722'
+      return (
+        <div className="flex flex-row items-center">
+          <FaArrowDown style={{ color: colorRed }} />
+          <div className={cn(`text-[${colorRed}] text-sm`)}>{deltaPercentage}</div>
+        </div>
+      )
+    }
+    return null
+  }, [rewardPercentage])
+  return (
+    <TableCell className={cn(tableHeaders[1].className, 'border-b-0')}>
+      <div className="flex flex-row gap-x-1 font-rootstock-sans justify-center gap-2 ">
+        <div>{rewardPercentage?.current}</div>
+        {renderDelta}
+      </div>
+    </TableCell>
+  )
+}
+
+export const LastCycleRewardCell = ({ rewards }: { rewards: Reward[] }) => {
+  return (
+    <TableCell className={cn(tableHeaders[2].className, 'border-solid')}>
+      <LazyRewardCell rewards={rewards} />
+    </TableCell>
+  )
+}
+
+const EstimatedRewardCell = ({ rewards }: { rewards: Reward[] }) => {
+  return (
+    <TableCell className={cn(tableHeaders[3].className, 'border-solid')}>
+      <LazyRewardCell rewards={rewards} />
+    </TableCell>
+  )
+}
+
+type TotalAllocationCellProps = {
+  // a percentage without decimals
+  totalAllocationPercentage: bigint
+}
+
+const TotalAllocationCell = ({ totalAllocationPercentage }: TotalAllocationCellProps) => {
+  return (
+    <TableCell className={cn(tableHeaders[4].className, 'border-solid text-center border-b-0 items-center')}>
+      <div className="flex flex-row gap-2 items-center">
+        <ProgressBar progress={Number(totalAllocationPercentage)} color="#1bc47d" />
+        <Label>{totalAllocationPercentage.toString()}%</Label>
+      </div>
+    </TableCell>
+  )
+}
+const ActionCell = () => {
+  /* TODO: manage the button status 
+    - disabled when the backer cannot vote on the Builder
+    - variant=primary when the builder is selected and text changed to "Selected"
+    - variant=secondary by default and text is "Select"
+  */
+  /* TODO: add the onClick event
+   *  - it needs to interact with the allocation context to add the builder to the selected builders
+   */
+  return (
+    <TableCell className={cn(tableHeaders[5].className, 'border-solid align-center')}>
+      <Button variant="secondary" /* disabled={true} */>Select</Button>
+    </TableCell>
+  )
+}
+
+enum RewardsColumnKeyEnum {
+  builder = 'builder',
+  lastCycleRewards = 'lastCycleRewards',
+  estimatedRewards = 'estimatedRewards',
+  rewardPercentage = 'rewardPercentage',
+  totalAllocationPercentage = 'totalAllocationPercentage',
+}
+const tableHeaders = [
+  { label: 'Builder', className: 'w-[14%]', key: RewardsColumnKeyEnum.builder },
+  { label: 'Backer Rewards %', className: 'w-[10%]', key: RewardsColumnKeyEnum.rewardPercentage },
+  { label: 'Last Cycle Rewards', className: 'w-[22%]', key: RewardsColumnKeyEnum.lastCycleRewards },
+  { label: 'Est. Backers Rewards', className: 'w-[22%]', key: RewardsColumnKeyEnum.estimatedRewards },
+  {
+    label: 'Total Allocations',
+    className: 'w-[18%]',
+    // eslint-disable-next-line quotes
+    tooltip: "The Builder's share of the total allocations",
+    key: RewardsColumnKeyEnum.totalAllocationPercentage,
+  },
+  // TODO: text-center isn't applied
+  { label: 'Actions', className: 'w-[14%]' },
+]
+
+type ISortConfig = {
+  key: RewardsColumnKeyEnum
+  direction: 'asc' | 'desc'
+}
+
+const BuildersLeaderBoardTable = () => {
+  const { data: rewardsData, isLoading, error: rewardsError } = useGetBuildersRewards()
+  const [sortConfig, setSortConfig] = useState<ISortConfig>({
+    key: RewardsColumnKeyEnum.totalAllocationPercentage,
+    direction: 'asc',
+  })
+
+  // pagination
+  const buildersPerPage = 10
+  const tableDataLength = useMemo(() => Object.keys(rewardsData).length, [rewardsData])
+  const maxPages = useMemo(() => Math.ceil(tableDataLength / buildersPerPage), [tableDataLength])
+  const { paginationUi, currentPage } = useBasicPaginationUi(maxPages)
+
+  useHandleErrors({ error: rewardsError, title: 'Error loading builder rewards' })
+
+  type IRewardData = (typeof rewardsData)[number]
+  const sortedRewardsData = useMemo(
+    () =>
+      Object.values(rewardsData).toSorted((a: IRewardData, b: IRewardData) => {
+        const { key, direction } = sortConfig
+        if (!key) return 0
+
+        let aValue: number | string
+        let bValue: number | string
+        switch (key) {
+          case RewardsColumnKeyEnum.builder:
+            aValue = a.builderName || a.address
+            bValue = b.builderName || b.address
+            break
+          case RewardsColumnKeyEnum.totalAllocationPercentage:
+            aValue = Number(a.totalAllocationPercentage)
+            bValue = Number(b.totalAllocationPercentage)
+            break
+          case RewardsColumnKeyEnum.rewardPercentage:
+            if (!a.rewardPercentage || !b.rewardPercentage) return 0
+            aValue = a.rewardPercentage.current
+            bValue = b.rewardPercentage.current
+            break
+          case RewardsColumnKeyEnum.lastCycleRewards:
+            aValue = a.lastCycleReward.RIF.crypto.value + a.lastCycleReward.RBTC.crypto.value
+            bValue = b.lastCycleReward.RIF.crypto.value + b.lastCycleReward.RBTC.crypto.value
+            break
+          case RewardsColumnKeyEnum.estimatedRewards:
+            aValue = a.estimatedReward.RIF.crypto.value + a.estimatedReward.RBTC.crypto.value
+            bValue = b.estimatedReward.RIF.crypto.value + b.estimatedReward.RBTC.crypto.value
+            break
+          default:
+            return 0
+        }
+
+        if (typeof aValue === 'string' && typeof bValue === 'string') {
+          return direction === 'asc'
+            ? a.builderName.localeCompare(b.builderName)
+            : b.builderName.localeCompare(a.builderName)
+        }
+
+        if (typeof aValue === 'number' && typeof bValue === 'number') {
+          return direction === 'asc' ? aValue - bValue : bValue - aValue
+        }
+
+        return 0
+      }),
+    [rewardsData, sortConfig],
+  )
+
+  const paginatedRewardsData = useMemo(
+    () => sortedRewardsData.slice(currentPage * buildersPerPage, (currentPage + 1) * buildersPerPage),
+    [currentPage, sortedRewardsData],
+  )
+
+  if (isLoading) {
+    return <LoadingSpinner />
+  }
+
+  if (!tableDataLength) {
+    return <EmptyLeaderboard />
+  }
+
+  const handleSort = (key: RewardsColumnKeyEnum) => {
+    setSortConfig(prevSortConfig => {
+      if (prevSortConfig?.key === key) {
+        // Toggle direction if the same column is clicked
+        return {
+          key,
+          direction: prevSortConfig.direction === 'asc' ? 'desc' : 'asc',
+        }
+      }
+      // Set initial sort direction to ascending
+      return { key, direction: 'asc' }
+    })
+  }
+
+  return (
+    <div className="flex flex-col gap-5">
+      <TableCore className="table-fixed">
+        <TableHead>
+          <TableRow>
+            {tableHeaders.map(header => (
+              <TableCell
+                key={header.label}
+                className={cn(
+                  'font-rootstock-sans font-bold text-base leading-none border-b border-solid border-[#2D2D2D]',
+                  header.className,
+                )}
+              >
+                <div className="flex flex-row">
+                  {header.tooltip && (
+                    <Popover
+                      content={header.tooltip}
+                      className="font-normal text-sm flex items-center"
+                      size="small"
+                      trigger="hover"
+                    >
+                      <FaRegQuestionCircle className="mr-1 self-center" />
+                    </Popover>
+                  )}
+                  {header.label}
+                  {header.key && (
+                    <button
+                      className={`text-xs text-white flex items-center ml-1 transition-transform duration-300 ${sortConfig?.key === header.key && sortConfig?.direction === 'asc' ? 'rotate-0' : 'rotate-180'}`}
+                      onClick={() => handleSort(header.key)}
+                    >
+                      {sortConfig?.key === header.key ? (
+                        <RiArrowUpSFill className="stroke-2" />
+                      ) : (
+                        <LiaSortUpSolid />
+                      )}
+                    </button>
+                  )}
+                </div>
+              </TableCell>
+            ))}
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {Object.values(paginatedRewardsData).map(
+            ({
+              address,
+              builderName,
+              lastCycleReward,
+              estimatedReward,
+              totalAllocationPercentage,
+              rewardPercentage,
+            }) => (
+              <TableRow key={address} className="text-[14px] border-hidden">
+                <BuilderNameCell builderName={builderName} address={address} />
+                <BackerRewardsPercentage rewardPercentage={rewardPercentage} />
+                <LastCycleRewardCell rewards={[lastCycleReward.RBTC, lastCycleReward.RIF]} />
+                <EstimatedRewardCell rewards={[estimatedReward.RBTC, estimatedReward.RIF]} />
+                <TotalAllocationCell totalAllocationPercentage={totalAllocationPercentage} />
+                <ActionCell />
+              </TableRow>
+            ),
+          )}
+        </TableBody>
+      </TableCore>
+      <div className="flex justify-center">{paginationUi}</div>
+    </div>
+  )
+}
+
+export const BuildersLeaderBoard = () => {
+  const onManageAllocations = () => {
+    // TODO: fill the allocation context if necessary and change the route
+    console.log('Manage allocations')
+  }
+  return (
+    <>
+      <Collapsible defaultOpen>
+        <CollapsibleTrigger>
+          <div className="flex items-center justify-between w-full">
+            <HeaderTitle className="">Rewards leaderboard</HeaderTitle>
+            <Button variant="primary" onClick={onManageAllocations}>
+              Manage Allocations
+            </Button>
+          </div>
+        </CollapsibleTrigger>
+        <CollapsibleContent>
+          <CycleContextProvider>
+            <BuilderContextProviderWithPrices>
+              <div className="pt-6">
+                <BuildersLeaderBoardTable />
+              </div>
+            </BuilderContextProviderWithPrices>
+          </CycleContextProvider>
+        </CollapsibleContent>
+      </Collapsible>
+    </>
+  )
+}
+
+const EmptyLeaderboard = () => (
+  <div className="relative w-full">
+    <img className="w-full h-fll object-cover" alt="no builders yet" src="/images/joining-without-text.png" />
+    <Typography
+      tagVariant="h1"
+      className="uppercase font-kk-topo text-[48px] leading-tight font-normal absolute inset-0 flex items-center justify-center tracking-[-0.96px]"
+    >
+      Builders are joining soon...
+    </Typography>
+  </div>
+)
diff --git a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx b/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
deleted file mode 100644
index abc1d6c0..00000000
--- a/src/app/collective-rewards/leaderboard/LeaderBoard.tsx
+++ /dev/null
@@ -1,246 +0,0 @@
-import { useGetBuildersRewards } from './hooks'
-import { useAlertContext } from '@/app/providers'
-import { AddressOrAliasWithCopy } from '@/components/Address'
-import { LoadingSpinner } from '@/components/LoadingSpinner'
-import { TableBody, TableCell, TableCore, TableHead, TableRow } from '@/components/Table'
-import { HeaderTitle, Label, Typography } from '@/components/Typography'
-import { tokenContracts } from '@/lib/contracts'
-import { cn, formatCurrency, shortAddress, toFixed } from '@/lib/utils'
-import { FC, memo, useEffect } from 'react'
-import { Jdenticon } from '@/components/Header/Jdenticon'
-import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/user'
-import { Address, isAddress } from 'viem'
-import { Popover } from '@/components/Popover'
-
-type Currency = {
-  value: number
-  symbol: string
-}
-
-export type Reward = {
-  crypto: Currency
-  fiat: Currency
-}
-
-type TableData = {
-  [address: string]: {
-    builderName: string
-    lastCycleReward: Reward[]
-    projectedReward: Reward[]
-    share: bigint
-  }
-}
-
-type RewardCellProps = {
-  rewards: Reward[]
-}
-
-export const RewardCell: FC<RewardCellProps> = ({ rewards }) => (
-  <div className="flex flex-nowrap flex-row gap-1">
-    {rewards &&
-      rewards.map(({ crypto: { value, symbol }, fiat: { value: fiatValue, symbol: fiatSymbol } }) => (
-        <div key={value + symbol} className="flex-1">
-          {/* TODO: if the value is very small, should we show it in Gwei/wei? */}
-          <Label className="font-normal text-sm leading-none text-text-primary font-rootstock-sans">
-            {toFixed(value)} {symbol}
-          </Label>
-          <br />
-          <Label className="font-normal text-sm leading-none text-disabled-primary font-rootstock-sans">
-            {`= ${fiatSymbol} ${formatCurrency(fiatValue, fiatSymbol)}`}
-          </Label>
-        </div>
-      ))}
-  </div>
-)
-
-export const LazyRewardCell = memo(RewardCell, ({ rewards: prevReward }, { rewards: nextReward }) =>
-  prevReward.every((reward, key) => reward.fiat.value === nextReward[key].fiat.value),
-)
-
-export const BuilderNameCell = ({ builderName, address }: { builderName: string; address: string }) => {
-  const shortenAddress = shortAddress(address as Address)
-  return (
-    <TableCell className={cn(tableHeaders[0], 'border-solid')}>
-      <div className="flex flex-row gap-x-1">
-        <Jdenticon className="rounded-md bg-white" value={builderName} size="24" />
-        <Popover
-          content={
-            <div className="text-[12px] font-bold mb-1">
-              <p data-testid="builderAddressTooltip">{shortenAddress}</p>
-            </div>
-          }
-          size="small"
-          trigger="hover"
-          disabled={!builderName || isAddress(builderName)}
-        >
-          <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap min-w-28">
-            <AddressOrAliasWithCopy
-              addressOrAlias={builderName || address}
-              clipboard={address}
-              clipboardAnimationText={shortenAddress}
-              className="text-sm"
-            />
-          </Typography>
-        </Popover>
-      </div>
-    </TableCell>
-  )
-}
-
-export const LastCycleRewardCell = ({ rewards }: { rewards: Reward[] }) => {
-  return (
-    <TableCell className={cn(tableHeaders[1], 'border-solid')}>
-      <LazyRewardCell rewards={rewards} />
-    </TableCell>
-  )
-}
-
-const ProjectedRewardCell = ({ rewards }: { rewards: Reward[] }) => {
-  return (
-    <TableCell className={cn(tableHeaders[2], 'border-solid')}>
-      <LazyRewardCell rewards={rewards} />
-    </TableCell>
-  )
-}
-
-const ShareCell = ({ share }: { share: bigint }) => {
-  return (
-    <TableCell className={cn(tableHeaders[3], 'border-solid text-center')}>
-      <Label className={cn(tableBodyCellClasses, getShareTextColour(share))}>{share.toString()}%</Label>
-    </TableCell>
-  )
-}
-
-const getShareTextColour = (share: bigint) => {
-  if (share >= 50n) return 'text-[#1BC47D]'
-  if (share >= 20n) return 'text-[#E56B1A]'
-  return 'text-[#F24822]'
-}
-
-const tableHeaders = [
-  { label: 'Builder', width: 'w-[38%]' },
-  { label: 'Last cycle Rewards', width: 'w-[24%]' },
-  { label: 'Projected Rewards', width: 'w-[24%]' },
-  { label: 'Share %', width: 'w-[14%]', text_position: 'text-center' },
-]
-
-const tableBodyCellClasses = 'font-normal text-base leading-none text-text-primary font-rootstock-sans'
-
-const LeaderBoardTable = () => {
-  const {
-    data: rbtcData,
-    isLoading: rbtcLoading,
-    error: rbtcRewardsError,
-  } = useGetBuildersRewards(tokenContracts.RBTC, 'RBTC')
-  const {
-    data: rifData,
-    isLoading: rifLoading,
-    error: rifRewardsError,
-  } = useGetBuildersRewards(tokenContracts.RIF, 'RIF')
-  const { setMessage: setErrorMessage } = useAlertContext()
-
-  const data = [...rbtcData, ...rifData]
-  const tableData = data.reduce<TableData>(
-    (acc, { address, builderName, lastCycleReward, projectedReward, share }) => {
-      const currentShare = acc[address]?.share ?? 0n
-      acc[address] = {
-        builderName,
-        lastCycleReward: [...(acc[address]?.lastCycleReward ?? []), lastCycleReward],
-        projectedReward: [...(acc[address]?.projectedReward ?? []), projectedReward],
-        share: share > currentShare ? share : currentShare,
-      }
-
-      return acc
-    },
-    {},
-  )
-  const tableDataLength = Object.keys(tableData).length
-
-  const isLoading = rbtcLoading || rifLoading
-
-  useEffect(() => {
-    if (rbtcRewardsError) {
-      setErrorMessage({
-        severity: 'error',
-        title: 'Error loading RBTC rewards',
-        content: rbtcRewardsError.message,
-      })
-      console.error('🐛 rbtcRewardsError:', rbtcRewardsError)
-    }
-  }, [rbtcRewardsError, setErrorMessage])
-
-  useEffect(() => {
-    if (rifRewardsError) {
-      setErrorMessage({
-        severity: 'error',
-        title: 'Error loading RIF rewards',
-        content: rifRewardsError.message,
-      })
-      console.error('🐛 rifRewardsError:', rifRewardsError)
-    }
-  }, [rifRewardsError, setErrorMessage])
-
-  if (isLoading) {
-    return <LoadingSpinner />
-  }
-
-  if (!tableDataLength) {
-    return <EmptyLeaderboard />
-  }
-
-  return (
-    <TableCore>
-      <TableHead>
-        <TableRow>
-          {tableHeaders.map(header => (
-            <TableCell
-              key={header.label}
-              className={cn(
-                'font-rootstock-sans font-bold text-base leading-none border-b border-solid border-[#2D2D2D]',
-                header.width,
-                header.text_position,
-              )}
-            >
-              {header.label}
-            </TableCell>
-          ))}
-        </TableRow>
-      </TableHead>
-      <TableBody>
-        {Object.entries(tableData).map(
-          ([address, { builderName, lastCycleReward, projectedReward, share }]) => (
-            <TableRow key={address + share} className="text-[14px] border-hidden">
-              <BuilderNameCell builderName={builderName} address={address} />
-              <LastCycleRewardCell rewards={lastCycleReward} />
-              <ProjectedRewardCell rewards={projectedReward} />
-              <ShareCell share={share} />
-            </TableRow>
-          ),
-        )}
-      </TableBody>
-    </TableCore>
-  )
-}
-
-export const LeaderBoard = () => {
-  return (
-    <>
-      <HeaderTitle>Rewards leaderboard</HeaderTitle>
-      <BuilderContextProviderWithPrices>
-        <LeaderBoardTable />
-      </BuilderContextProviderWithPrices>
-    </>
-  )
-}
-
-const EmptyLeaderboard = () => (
-  <div className="relative w-full">
-    <img className="w-full h-fll object-cover" alt="no builders yet" src="/images/joining-without-text.png" />
-    <Typography
-      tagVariant="h1"
-      className="uppercase font-kk-topo text-[48px] leading-tight font-normal absolute inset-0 flex items-center justify-center tracking-[-0.96px]"
-    >
-      Builders are joining soon...
-    </Typography>
-  </div>
-)
diff --git a/src/app/collective-rewards/leaderboard/hooks/index.ts b/src/app/collective-rewards/leaderboard/hooks/index.ts
deleted file mode 100644
index f2eac8c8..00000000
--- a/src/app/collective-rewards/leaderboard/hooks/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './useGetBuildersRewards'
diff --git a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
deleted file mode 100644
index 0d45dead..00000000
--- a/src/app/collective-rewards/leaderboard/hooks/useGetBuildersRewards.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { usePricesContext } from '@/shared/context/PricesContext'
-import { useGetTokenProjectedReward, useGetRewardDistributedLogs } from '@/app/collective-rewards/rewards'
-import { Address, isAddressEqual } from 'viem'
-import { getLastCycleRewards } from '@/app/collective-rewards/utils/getLastCycleRewards'
-import { useBuilderContext } from '@/app/collective-rewards/user'
-import { BuilderStatusActive } from '@/app/collective-rewards/types'
-
-export const useGetBuildersRewards = (rewardToken: Address, rewardTokenSymbol?: string, currency = 'USD') => {
-  const { data: builders, isLoading: buildersLoading, error: buildersError } = useBuilderContext()
-
-  const {
-    data: rewardDistributedLogs,
-    isLoading: logsLoading,
-    error: logsError,
-  } = useGetRewardDistributedLogs(rewardToken)
-  const {
-    data: { share, projectedReward },
-    isLoading: tokenLoading,
-    error: tokenError,
-  } = useGetTokenProjectedReward(rewardToken)
-  const tokenSymbol = rewardTokenSymbol ?? ''
-
-  const projectedRewardInHuman = Number(formatBalanceToHuman(projectedReward))
-
-  const isLoading = buildersLoading || logsLoading || tokenLoading
-  const error = buildersError ?? logsError ?? tokenError
-  const whitelistedBuilders = builders.filter(builder => builder.status === BuilderStatusActive)
-
-  const { prices } = usePricesContext()
-
-  return {
-    data: whitelistedBuilders.map(({ address, builderName }) => {
-      const builderEvents = rewardDistributedLogs.filter(event =>
-        isAddressEqual(event.args.builder_, address),
-      )
-      const lastCycleRewards = getLastCycleRewards(builderEvents)
-      const lastCycleRewardsInHuman = Number(formatBalanceToHuman(lastCycleRewards))
-
-      const price = prices[tokenSymbol]?.price ?? 0
-
-      return {
-        address,
-        builderName,
-        lastCycleReward: {
-          crypto: {
-            value: lastCycleRewardsInHuman,
-            symbol: tokenSymbol,
-          },
-          fiat: {
-            value: price * lastCycleRewardsInHuman,
-            symbol: currency,
-          },
-        },
-        projectedReward: {
-          crypto: {
-            value: projectedRewardInHuman,
-            symbol: tokenSymbol,
-          },
-          fiat: {
-            value: price * projectedRewardInHuman,
-            symbol: currency,
-          },
-        },
-        share,
-      }
-    }),
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/leaderboard/index.ts b/src/app/collective-rewards/leaderboard/index.ts
index 39ca9caf..c3119541 100644
--- a/src/app/collective-rewards/leaderboard/index.ts
+++ b/src/app/collective-rewards/leaderboard/index.ts
@@ -1,2 +1 @@
-export * from './hooks'
-export * from './LeaderBoard'
+export * from './BuildersLeaderBoardTable'
diff --git a/src/app/collective-rewards/page.tsx b/src/app/collective-rewards/page.tsx
index 5dc477bd..eccdbd8f 100644
--- a/src/app/collective-rewards/page.tsx
+++ b/src/app/collective-rewards/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { LeaderBoard } from '@/app/collective-rewards/leaderboard'
+import { BuildersLeaderBoard } from '@/app/collective-rewards/leaderboard'
 import { Metrics } from '@/app/collective-rewards/metrics'
 import { WhitelistContextProviderWithBuilders, WhitelistSection } from '@/app/collective-rewards/whitelist'
 import { MainContainer } from '@/components/MainContainer/MainContainer'
@@ -13,7 +13,7 @@ export default function BuildersIncentiveMarket() {
         <WhitelistContextProviderWithBuilders>
           <WhitelistSection />
         </WhitelistContextProviderWithBuilders>
-        <LeaderBoard />
+        <BuildersLeaderBoard />
       </div>
     </MainContainer>
   )
diff --git a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
index 1de5d886..89bf36c5 100644
--- a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
@@ -65,6 +65,8 @@ const TokenRewards: FC<TokenRewardsProps> = ({ builder, gauge, token: { id, symb
 
   const rewardsAmount = rewardPercentage ? applyPrecision(rewards * rewardPercentage) : 0n
 
+  // rewardsAmountGauge = rewardsAmount * rewardShares / totalPotentialRewards
+  // rewardsAmountBuilder = rewardsAmount * (1 - rewardPercentage) / totalPotentialRewards
   const estimatedRewards =
     rewardShares && totalPotentialRewards ? (rewardShares * rewardsAmount) / totalPotentialRewards : 0n
   const estimatedRewardsInHuman = Number(formatBalanceToHuman(estimatedRewards))
diff --git a/src/app/collective-rewards/rewards/builders/hooks/index.ts b/src/app/collective-rewards/rewards/builders/hooks/index.ts
index 4e0ddd0c..3f108204 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/index.ts
@@ -2,3 +2,4 @@ export * from './useClaimBuilderRewards'
 export * from './useGetBuilderRewards'
 export * from './useGetBuilderRewardsClaimedLogs'
 export * from './useGetRewardPercentageToApply'
+export * from './useGetBuildersRewards'
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
new file mode 100644
index 00000000..1dc4698b
--- /dev/null
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
@@ -0,0 +1,175 @@
+import { useCycleContext } from '@/app/collective-rewards/metrics'
+import {
+  getNotifyRewardAmount,
+  useGetBuildersRewardPercentage,
+  useGetGaugesNotifyReward,
+  useGetGaugesRewardShares,
+  useGetRewardsCoinbase,
+  useGetRewardsERC20,
+  useGetTotalAllocations,
+  useGetTotalPotentialReward,
+} from '@/app/collective-rewards/rewards'
+import { useGetFilteredBuilders } from '@/app/collective-rewards/whitelist'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { RBTC, RIF, USD } from '@/lib/constants'
+import { usePricesContext } from '@/shared/context/PricesContext'
+
+export const useGetBuildersRewards = () => {
+  const {
+    data: activeBuilders,
+    isLoading: activeBuildersLoading,
+    error: activeBuildersError,
+  } = useGetFilteredBuilders({ builderName: '', status: 'Active' })
+
+  const {
+    data: totalPotentialRewards,
+    isLoading: totalPotentialRewardsLoading,
+    error: totalPotentialRewardsError,
+  } = useGetTotalPotentialReward()
+
+  const buildersAddress = activeBuilders?.map(({ address }) => address)
+  const {
+    data: buildersRewardsPercentage,
+    isLoading: rewardsPercentageLoading,
+    error: rewardsPercentageError,
+  } = useGetBuildersRewardPercentage(buildersAddress)
+
+  const gauges = activeBuilders?.map(({ gauge }) => gauge)
+  const {
+    data: { allocationsPercentage },
+    isLoading: allocationsLoading,
+    error: allocationsError,
+  } = useGetTotalAllocations(gauges)
+
+  const {
+    data: rewardShares,
+    isLoading: rewardSharesLoading,
+    error: rewardSharesError,
+  } = useGetGaugesRewardShares(gauges)
+
+  const {
+    data: rewardsERC20,
+    isLoading: rewardsERC20Loading,
+    error: rewardsERC20Error,
+  } = useGetRewardsERC20()
+
+  const {
+    data: rewardsCoinbase,
+    isLoading: rewardsCoinbaseLoading,
+    error: rewardsCoinbaseError,
+  } = useGetRewardsCoinbase()
+
+  const { data: cycle, isLoading: cycleLoading, error: cycleError } = useCycleContext()
+  const { cycleDuration, cycleStart, endDistributionWindow } = cycle
+  const distributionWindow = endDistributionWindow.diff(cycleStart)
+  const lastCycleStart = cycleStart.minus({ millisecond: cycleDuration.as('millisecond') })
+  const lastCycleAfterDistribution = lastCycleStart.plus({ millisecond: +distributionWindow })
+
+  const {
+    data: notifyRewardEventLastCycle,
+    isLoading: logsLoading,
+    error: logsError,
+  } = useGetGaugesNotifyReward(
+    gauges,
+    undefined,
+    lastCycleAfterDistribution.toSeconds(),
+    endDistributionWindow.toSeconds(),
+  )
+
+  const buildersRewardsAmount = getNotifyRewardAmount(gauges, notifyRewardEventLastCycle)
+
+  const isLoading =
+    rewardSharesLoading ||
+    activeBuildersLoading ||
+    allocationsLoading ||
+    logsLoading ||
+    rewardsPercentageLoading ||
+    rewardsERC20Loading ||
+    rewardsCoinbaseLoading ||
+    cycleLoading ||
+    totalPotentialRewardsLoading
+
+  const error =
+    rewardSharesError ??
+    activeBuildersError ??
+    allocationsError ??
+    logsError ??
+    rewardsPercentageError ??
+    rewardsERC20Error ??
+    rewardsCoinbaseError ??
+    cycleError ??
+    totalPotentialRewardsError
+
+  const { prices } = usePricesContext()
+
+  const priceRif = prices[RIF]?.price ?? 0
+  const priceRbtc = prices[RBTC]?.price ?? 0
+
+  return {
+    data: activeBuilders.map(({ address, builderName }, i) => {
+      const builderRewardShares = rewardShares ? rewardShares[i] : 0n
+      const rewardPercentage = buildersRewardsPercentage?.[i] ?? null
+      const currentRewardPercentage = rewardPercentage?.current ?? 0
+
+      // calculate rif estimated rewards
+      const rewardRif = rewardsERC20 ?? 0n
+      const rewardsAmountRif = totalPotentialRewards
+        ? rewardRif * (builderRewardShares / totalPotentialRewards)
+        : 0n
+      const estimatedRifInHuman =
+        Number(formatBalanceToHuman(rewardsAmountRif)) * (currentRewardPercentage / 100)
+
+      // calculate rbtc estimated rewards
+      const rewardRbtc = rewardsCoinbase ?? 0n
+      const rewardsAmountRbtc = totalPotentialRewards
+        ? rewardRbtc * (builderRewardShares / totalPotentialRewards)
+        : 0n
+      const estimatedRbtcInHuman =
+        Number(formatBalanceToHuman(rewardsAmountRbtc)) * (currentRewardPercentage / 100)
+
+      const totalAllocationPercentage = allocationsPercentage?.[i] ?? 0n
+      const builderRewardsAmount = buildersRewardsAmount[gauges[i]]
+
+      return {
+        address,
+        builderName,
+        totalAllocationPercentage,
+        rewardPercentage,
+        lastCycleReward: {
+          RIF: {
+            crypto: { value: builderRewardsAmount.RIF, symbol: RIF },
+            fiat: {
+              value: priceRif * builderRewardsAmount.RIF,
+              symbol: USD,
+            },
+          },
+          RBTC: {
+            crypto: { value: builderRewardsAmount.RBTC, symbol: RBTC },
+            fiat: {
+              value: priceRbtc * builderRewardsAmount.RBTC,
+              symbol: USD,
+            },
+          },
+        },
+        estimatedReward: {
+          RIF: {
+            crypto: { value: estimatedRifInHuman, symbol: RIF },
+            fiat: {
+              value: priceRif * estimatedRifInHuman,
+              symbol: USD,
+            },
+          },
+          RBTC: {
+            crypto: { value: estimatedRbtcInHuman, symbol: RBTC },
+            fiat: {
+              value: priceRbtc * estimatedRbtcInHuman,
+              symbol: USD,
+            },
+          },
+        },
+      }
+    }),
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index 28203926..4e8b9bc4 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -8,3 +8,7 @@ export * from './useGetRewardsERC20'
 export * from './useGetPerTokenRewards'
 export * from './useGetGaugesEvents'
 export * from './useGetGaugesNotifyReward'
+export * from './useGetBuilderRewardPercentage'
+export * from './useGetBuildersRewardPercentage'
+export * from './useGetGaugesRewardShares'
+export * from './useGetTotalAllocations'
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts
new file mode 100644
index 00000000..19ee080a
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts
@@ -0,0 +1,36 @@
+import { BuilderRewardPercentage, getPercentageData } from '@/app/collective-rewards/rewards/utils'
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useEffect, useState } from 'react'
+import { Address } from 'viem'
+import { useReadContract } from 'wagmi'
+
+export const useGetBuilderRewardPercentage = (builder: Address) => {
+  const [rewardPercentageData, setRewardPercentageData] = useState<BuilderRewardPercentage>()
+  const { data, isLoading, error } = useReadContract({
+    address: BackersManagerAddress,
+    abi: BackersManagerAbi,
+    functionName: 'builderRewardPercentage',
+    args: [builder],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  useEffect(() => {
+    if (!data) return
+
+    const [previous, next, cooldownEndTime] = data
+
+    const percentageData = getPercentageData(previous, next, cooldownEndTime)
+
+    setRewardPercentageData(percentageData)
+  }, [data])
+
+  return {
+    rewardPercentageData,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
new file mode 100644
index 00000000..a102a2ae
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
@@ -0,0 +1,46 @@
+import { getPercentageData } from '@/app/collective-rewards/rewards/utils'
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useMemo } from 'react'
+import { Address } from 'viem'
+import { useReadContracts } from 'wagmi'
+
+export const useGetBuildersRewardPercentage = (builders: Address[]) => {
+  const rewardPercentageCalls = useMemo(
+    () =>
+      builders?.map(
+        builder =>
+          ({
+            address: BackersManagerAddress,
+            abi: BackersManagerAbi,
+            functionName: 'builderRewardPercentage',
+            args: [builder],
+          }) as const,
+      ),
+    [builders],
+  )
+  const {
+    data: rewardSharesResult,
+    isLoading,
+    error,
+  } = useReadContracts<[bigint, bigint, bigint][]>({
+    contracts: rewardPercentageCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+  const rewardPercentage = useMemo(
+    () =>
+      rewardSharesResult
+        ?.map(share => share.result as [bigint, bigint, bigint])
+        .map(([previous, next, cooldownEndTime]) => getPercentageData(previous, next, cooldownEndTime)),
+    [rewardSharesResult],
+  )
+
+  return {
+    data: rewardPercentage,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/useGetGaugesNotifyReward.ts b/src/app/collective-rewards/rewards/hooks/useGetGaugesNotifyReward.ts
index 2d7463c3..11d96534 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetGaugesNotifyReward.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetGaugesNotifyReward.ts
@@ -2,7 +2,12 @@ import { Address, isAddressEqual } from 'viem'
 import { useMemo } from 'react'
 import { useGetGaugesEvents } from '@/app/collective-rewards/rewards'
 
-export const useGetGaugesNotifyReward = (gauges: Address[], rewardToken?: Address) => {
+export const useGetGaugesNotifyReward = (
+  gauges: Address[],
+  rewardToken?: Address,
+  fromTimestamp?: number,
+  toTimestamp?: number,
+) => {
   const { data: eventsData, isLoading, error } = useGetGaugesEvents(gauges, 'NotifyReward')
 
   const data = useMemo(() => {
@@ -11,13 +16,25 @@ export const useGetGaugesNotifyReward = (gauges: Address[], rewardToken?: Addres
       if (rewardToken) {
         events = events.filter(event => isAddressEqual(event.args.rewardToken_, rewardToken))
       }
+      if (fromTimestamp) {
+        events = events.filter(event => {
+          // @ts-ignore
+          return event.timeStamp >= fromTimestamp
+        })
+      }
+      if (toTimestamp) {
+        events = events.filter(event => {
+          // @ts-ignore
+          return event.timeStamp <= toTimestamp
+        })
+      }
 
       if (events.length > 0) {
         acc[key] = events
       }
       return acc
     }, {})
-  }, [eventsData, rewardToken])
+  }, [eventsData, rewardToken, fromTimestamp, toTimestamp])
 
   return {
     data,
diff --git a/src/app/collective-rewards/rewards/hooks/useGetGaugesRewardShares.ts b/src/app/collective-rewards/rewards/hooks/useGetGaugesRewardShares.ts
new file mode 100644
index 00000000..921e4aa5
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetGaugesRewardShares.ts
@@ -0,0 +1,42 @@
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { useEffect, useMemo } from 'react'
+import { Address } from 'viem'
+import { useReadContracts } from 'wagmi'
+
+export const useGetGaugesRewardShares = (gauges: Address[]) => {
+  const rewardSharesCalls = useMemo(
+    () =>
+      gauges?.map(
+        gauge =>
+          ({
+            address: gauge,
+            abi: GaugeAbi,
+            functionName: 'rewardShares',
+            args: [],
+          }) as const,
+      ),
+    [gauges],
+  )
+  const {
+    data: rewardSharesResult,
+    isLoading,
+    error,
+  } = useReadContracts<Address[]>({
+    contracts: rewardSharesCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  const rewardShares = useMemo(
+    () => rewardSharesResult?.map(share => share.result as bigint),
+    [rewardSharesResult],
+  )
+
+  return {
+    data: rewardShares,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/useGetTotalAllocations.ts b/src/app/collective-rewards/rewards/hooks/useGetTotalAllocations.ts
new file mode 100644
index 00000000..210d81bd
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetTotalAllocations.ts
@@ -0,0 +1,43 @@
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { useMemo } from 'react'
+import { Address } from 'viem'
+import { useReadContracts } from 'wagmi'
+
+export const useGetTotalAllocations = (gauges: Address[]) => {
+  const totalAllocationCalls = useMemo(
+    () =>
+      gauges?.map(
+        gauge =>
+          ({
+            address: gauge,
+            abi: GaugeAbi,
+            functionName: 'totalAllocation',
+            args: [],
+          }) as const,
+      ),
+    [gauges],
+  )
+  const {
+    data: allocationsResult,
+    isLoading,
+    error,
+  } = useReadContracts<Address[]>({
+    contracts: totalAllocationCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+  const allocations = allocationsResult?.map(allocation => allocation.result as bigint)
+  const sum = useMemo(() => allocations?.reduce((acc, allocation) => acc + allocation, 0n), [allocations])
+  const allocationsPercentage = useMemo(
+    () => (allocations && sum ? allocations?.map(allocation => (allocation / sum) * 100n) : []),
+    [allocations, sum],
+  )
+
+  return {
+    data: { allocations, allocationsPercentage, sum },
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/utils/getNotifyRewardAmount.ts b/src/app/collective-rewards/rewards/utils/getNotifyRewardAmount.ts
new file mode 100644
index 00000000..012fdcb1
--- /dev/null
+++ b/src/app/collective-rewards/rewards/utils/getNotifyRewardAmount.ts
@@ -0,0 +1,44 @@
+import {
+  BackerRewardsClaimedEventLog,
+  GaugeNotifyRewardEventLog,
+  NotifyRewardEventLog,
+} from '@/app/collective-rewards/rewards'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { RBTC, RIF } from '@/lib/constants'
+import { tokenContracts } from '@/lib/contracts'
+import { Address, getAddress, isAddressEqual } from 'viem'
+
+interface BuilderClaimedRewards {
+  [RIF]: number
+  [RBTC]: number
+}
+export const getNotifyRewardAmount = (
+  gauges: Address[],
+  notifyRewardEvents: Record<Address, GaugeNotifyRewardEventLog>,
+) => {
+  const buildersClaimedRifLastCycle: Record<Address, BuilderClaimedRewards> = {}
+  for (const gauge of gauges) {
+    const gaugeClaimedEvents = notifyRewardEvents[gauge] ?? []
+    // Calculate total amount of RIF claimed by the backer
+    const gaugeRifClaimedTotal: bigint = gaugeClaimedEvents.reduce(
+      (acc, value) =>
+        isAddressEqual(value.args.rewardToken_, getAddress(tokenContracts.RIF))
+          ? acc + value.args.builderAmount_
+          : acc,
+      0n,
+    )
+    // Calculate total amount of RBTC claimed by the backer
+    const gaugeRbtcClaimedTotal: bigint = gaugeClaimedEvents.reduce(
+      (acc, value) =>
+        isAddressEqual(value.args.rewardToken_, getAddress(tokenContracts.RBTC))
+          ? acc + value.args.builderAmount_
+          : acc,
+      0n,
+    )
+    buildersClaimedRifLastCycle[gauge] = {
+      RIF: Number(formatBalanceToHuman(gaugeRifClaimedTotal)),
+      RBTC: Number(formatBalanceToHuman(gaugeRbtcClaimedTotal)),
+    }
+  }
+  return buildersClaimedRifLastCycle
+}
diff --git a/src/app/collective-rewards/rewards/utils/getPercentageData.ts b/src/app/collective-rewards/rewards/utils/getPercentageData.ts
new file mode 100644
index 00000000..2a3e49a8
--- /dev/null
+++ b/src/app/collective-rewards/rewards/utils/getPercentageData.ts
@@ -0,0 +1,22 @@
+import { toPercentage } from './toPercentage'
+
+export interface BuilderRewardPercentage {
+  current: number
+  next: number
+  cooldownEndTime: bigint
+}
+
+export const getPercentageData = (previous: bigint, next: bigint, cooldownEndTime: bigint) => {
+  const currentTimestamp = Math.floor(Date.now() / 1000)
+  const previousPercentage = toPercentage(previous)
+  const nextPercentage = toPercentage(next)
+  let currentPercentage = currentTimestamp < cooldownEndTime ? previousPercentage : nextPercentage
+  currentPercentage = Math.round(currentPercentage * 100) / 100
+
+  const percentageData: BuilderRewardPercentage = {
+    current: currentPercentage,
+    next: nextPercentage,
+    cooldownEndTime,
+  }
+  return percentageData
+}
diff --git a/src/app/collective-rewards/rewards/utils/index.ts b/src/app/collective-rewards/rewards/utils/index.ts
index 52526a99..15bf22f2 100644
--- a/src/app/collective-rewards/rewards/utils/index.ts
+++ b/src/app/collective-rewards/rewards/utils/index.ts
@@ -1,2 +1,4 @@
 export * from './formatMetrics'
 export * from './getLastCycleRewards'
+export * from './getNotifyRewardAmount'
+export * from './getPercentageData'
diff --git a/src/app/collective-rewards/rewards/utils/toPercentage.ts b/src/app/collective-rewards/rewards/utils/toPercentage.ts
new file mode 100644
index 00000000..1f316dac
--- /dev/null
+++ b/src/app/collective-rewards/rewards/utils/toPercentage.ts
@@ -0,0 +1,3 @@
+import { parseEther } from 'viem'
+
+export const toPercentage = (value: bigint) => Number((value * 100n) / parseEther('1'))
diff --git a/src/app/collective-rewards/types.ts b/src/app/collective-rewards/types.ts
index fe435078..24d879cd 100644
--- a/src/app/collective-rewards/types.ts
+++ b/src/app/collective-rewards/types.ts
@@ -18,6 +18,7 @@ export type BuilderInfo = {
   address: Address
   status: BuilderStatus
   proposals: CreateBuilderProposalEventLog[]
+  gauge: Address
 }
 
 export type ProposalsToState = Record<string, ProposalState>
diff --git a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
index d6541d99..cafd2927 100644
--- a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
@@ -44,6 +44,7 @@ describe('BecomeABuilderButton', () => {
         timeStamp: 1723309061,
       },
     ] as CreateBuilderProposalEventLog[],
+    gauge: '0x01',
   }
   const buildersData = [builderData]
   const proposalsToStates = {
diff --git a/src/app/collective-rewards/user/context/BuilderContext.tsx b/src/app/collective-rewards/user/context/BuilderContext.tsx
index f29c6392..50a7a845 100644
--- a/src/app/collective-rewards/user/context/BuilderContext.tsx
+++ b/src/app/collective-rewards/user/context/BuilderContext.tsx
@@ -20,6 +20,7 @@ export type BuilderProposal = {
   proposalName: string
   proposalDescription: string
   joiningDate: string
+  gauge: Address
 }
 
 type ProposalByBuilder = Record<Address, BuilderProposal>
@@ -58,7 +59,7 @@ export const BuilderContextProvider: FC<BuilderProviderProps> = ({ children }) =
 
   const filteredBuilders = useMemo(() => {
     return builders.reduce<ProposalByBuilder>((acc, builder) => {
-      const { status, address } = builder
+      const { status, address, gauge } = builder
       const proposal = getMostAdvancedProposal(builder, proposalsStateMap)
 
       if (proposal) {
@@ -77,6 +78,7 @@ export const BuilderContextProvider: FC<BuilderProviderProps> = ({ children }) =
           proposalName,
           proposalDescription,
           joiningDate,
+          gauge,
         }
       }
 
diff --git a/src/app/collective-rewards/user/hooks/useGetBuilders.ts b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
index fd791b8e..7ddbdea9 100644
--- a/src/app/collective-rewards/user/hooks/useGetBuilders.ts
+++ b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
@@ -61,6 +61,7 @@ export const useGetBuilders = (): BuildersLoader => {
    */
   // get the gauges
   const { data: gauges, isLoading: gaugesLoading, error: gaugesError } = useGetGaugesArray('active')
+
   // get the builders for each gauge
   const gaugeToBuilderCalls = gauges?.map(
     gauge =>
@@ -83,6 +84,14 @@ export const useGetBuilders = (): BuildersLoader => {
   })
   const builders = buildersResult?.map(builder => builder.result) as Address[]
 
+  const builderToGauge = builders?.reduce(
+    (acc, builder, index) => {
+      acc[builder] = gauges![index]
+      return acc
+    },
+    {} as Record<Address, Address>,
+  )
+
   // get the builder state for each builder
   const builderStatesCalls = builders?.map(
     builder =>
@@ -124,8 +133,9 @@ export const useGetBuilders = (): BuildersLoader => {
           ? builderStatusMap[builder as Address] // V2
           : BuilderStatusProposalCreatedMVP, // MVP
       proposals: Object.values(proposals),
+      gauge: builderToGauge?.[builder as Address],
     }))
-  }, [builderStatusMap, buildersProposalsMap])
+  }, [builderStatusMap, buildersProposalsMap, builderToGauge])
 
   const isLoading = builderProposalsMapLoading || builderStatesLoading || buildersLoading || gaugesLoading
   const error = builderProposalsMapError ?? builderStatesError ?? buildersError ?? gaugesError
diff --git a/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
index 2435d4f3..8f5ea79d 100644
--- a/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
+++ b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
@@ -24,6 +24,7 @@ describe('getValidProposal', () => {
               },
             },
           ] as CreateBuilderProposalEventLog[],
+          gauge: '0x01',
         },
         {
           1: ProposalState.Executed,
@@ -48,6 +49,7 @@ describe('getValidProposal', () => {
               },
             },
           ] as CreateBuilderProposalEventLog[],
+          gauge: '0x01',
         },
         {
           1: ProposalState.Active,
@@ -78,6 +80,7 @@ describe('getValidProposal', () => {
               },
             },
           ] as CreateBuilderProposalEventLog[],
+          gauge: '0x01',
         },
         {
           1: ProposalState.Active,
@@ -108,6 +111,7 @@ describe('getValidProposal', () => {
               },
             },
           ] as CreateBuilderProposalEventLog[],
+          gauge: '0x01',
         },
         {
           1: ProposalState.Canceled,
diff --git a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts b/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
index eff84149..f70b0ffe 100644
--- a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
+++ b/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
@@ -31,6 +31,7 @@ export const useGetFilteredBuilders = ({
     if (filterStatus !== 'all') {
       filteredBuilders = filteredBuilders.filter(builder => builder.status === filterStatus)
     }
+
     setData(filteredBuilders)
   }, [builders, filterBuilderName, filterStatus])
 
diff --git a/src/components/Collapsible/Collapsible.tsx b/src/components/Collapsible/Collapsible.tsx
index 113a03ab..8e67fb2c 100644
--- a/src/components/Collapsible/Collapsible.tsx
+++ b/src/components/Collapsible/Collapsible.tsx
@@ -13,7 +13,7 @@ const CollapsibleTrigger = React.forwardRef<
   const iconBaseCn = 'h-6 w-6 shrink-0'
   return (
     <div className="flex">
-      <div className="flex items-center justify-center gap-[10px]">
+      <div className="flex gap-[10px] w-full">
         <CollapsiblePrimitive.Trigger ref={ref} className={cn('transition-all group', className)} {...props}>
           <SlArrowUp className={cn(iconBaseCn, 'group-data-[state=open]:hidden')} />
           <SlArrowDown className={cn(iconBaseCn, 'group-data-[state=closed]:hidden')} />
diff --git a/src/components/ProgressBar/ProgressBar.tsx b/src/components/ProgressBar/ProgressBar.tsx
new file mode 100644
index 00000000..f77f9c82
--- /dev/null
+++ b/src/components/ProgressBar/ProgressBar.tsx
@@ -0,0 +1,17 @@
+import React from 'react'
+
+type Props = {
+  progress: number // A number between 0 and 100
+  color?: string
+}
+
+export const ProgressBar: React.FC<Props> = ({ progress, color }) => {
+  return (
+    <div className="w-full bg-gray-200 rounded-full h-2 dark:bg-gray-700">
+      <div
+        className="h-2 rounded-full bg-neutral-600"
+        style={{ width: `${progress}%`, backgroundColor: `${color}` }}
+      ></div>
+    </div>
+  )
+}
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 727e9f55..48005315 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -34,4 +34,5 @@ export const AVERAGE_BLOCKTIME = 30_000
 
 export const RIF = 'RIF'
 export const USD = 'USD'
+export const RBTC = 'RBTC'
 export const USD_SYMBOL = '$'
diff --git a/src/shared/hooks/usePagination.ts b/src/shared/hooks/usePagination.ts
index df8d3876..fd9ce9a4 100644
--- a/src/shared/hooks/usePagination.ts
+++ b/src/shared/hooks/usePagination.ts
@@ -1,7 +1,7 @@
 import { InfiniteData, useInfiniteQuery, UseInfiniteQueryResult } from '@tanstack/react-query'
 import { useState, useCallback, useMemo, useEffect } from 'react'
 
-interface PaginatedResponse<T> {
+export interface PaginatedResponse<T> {
   items: T[]
   [key: string]: any
 }
diff --git a/src/shared/hooks/usePaginationUi.tsx b/src/shared/hooks/usePaginationUi.tsx
index 627aaf6b..c0a1a8a5 100644
--- a/src/shared/hooks/usePaginationUi.tsx
+++ b/src/shared/hooks/usePaginationUi.tsx
@@ -1,4 +1,4 @@
-import { ReactNode, useMemo } from 'react'
+import { ReactNode, useEffect, useMemo, useState } from 'react'
 import { UsePaginatedQueryResult } from '@/shared/hooks/usePagination'
 import { Button } from '@/components/Button'
 import { ChevronLeft, ChevronRight } from 'lucide-react'
@@ -22,8 +22,8 @@ export function usePaginationUi<T>(
   } = paginationResult
 
   const paginationElement = useMemo(() => {
+    const maxVisiblePages = 5
     const getPageNumbers = () => {
-      const maxVisiblePages = 5
       const pages = []
       const start = Math.max(0, Math.min(tablePage - 2, totalPages - maxVisiblePages))
       const end = Math.min(start + maxVisiblePages, totalPages)
@@ -66,6 +66,53 @@ export function usePaginationUi<T>(
   }
 }
 
+export function useBasicPaginationUi(totalPages: number) {
+  const [currentPage, setCurrentPage] = useState(0)
+  const maxVisiblePages = 5
+
+  const setPage = (nextPage: number) => {
+    if (nextPage < 0 || nextPage >= totalPages) return
+    if (nextPage === currentPage) return
+    setCurrentPage(nextPage)
+  }
+
+  const getPageNumbers = () => {
+    const pages = []
+    const start = Math.max(0, Math.min(currentPage - 2, totalPages - maxVisiblePages))
+    const end = Math.min(start + maxVisiblePages, totalPages)
+
+    for (let i = start; i < end; i++) {
+      pages.push(i)
+    }
+    return pages
+  }
+
+  const paginationUi = (
+    <div className="flex gap-x-1 items-center justify-center">
+      <PaginationButton
+        text={<ChevronLeft />}
+        onClick={() => setPage(currentPage - 1)}
+        disabled={currentPage === 0}
+      />
+      {getPageNumbers().map(pageNumber => (
+        <PaginationButton
+          key={pageNumber}
+          onClick={() => setPage(pageNumber)}
+          text={pageNumber + 1}
+          isActive={pageNumber === currentPage}
+        />
+      ))}
+      <PaginationButton
+        text={<ChevronRight />}
+        onClick={() => setPage(currentPage + 1)}
+        disabled={currentPage === totalPages - 1}
+      />
+    </div>
+  )
+
+  return { paginationUi, currentPage }
+}
+
 const PaginationButton = ({
   text,
   onClick,

From db8effc9b236988943603c9d7278098bb679f476 Mon Sep 17 00:00:00 2001
From: Maduabuchi Chinaechetam <chinaechetam.maduabuchi@iovlabs.org>
Date: Wed, 20 Nov 2024 15:45:42 +0100
Subject: [PATCH 071/115] feat: use getVotes from governor to display user's
 voting power on proposals page (#382)

* feat: use getVotes from governor to display user's voting power on proposals page

* feat: use correct stRIF contract for getVotes method

* feat: use correct stRIF contract for getVotes method
---
 src/app/proposals/hooks/useVotingPower.ts | 9 ++++++++-
 src/app/proposals/page.tsx                | 4 ++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/app/proposals/hooks/useVotingPower.ts b/src/app/proposals/hooks/useVotingPower.ts
index ec87e8aa..28a367bb 100644
--- a/src/app/proposals/hooks/useVotingPower.ts
+++ b/src/app/proposals/hooks/useVotingPower.ts
@@ -22,6 +22,12 @@ export const useVotingPower = () => {
         functionName: 'decimals',
       },
       { abi: GovernorAbi, address: GovernorAddress, functionName: 'proposalThreshold' },
+      {
+        abi: StRIFTokenAbi,
+        address: tokenContracts.stRIF,
+        functionName: 'getVotes',
+        args: [address!],
+      },
     ],
   })
 
@@ -34,11 +40,12 @@ export const useVotingPower = () => {
     }
   }
 
-  const [balance, decimals, threshold] = data as [bigint, number, bigint]
+  const [balance, decimals, threshold, totalVotingPower] = data as [bigint, number, bigint, bigint]
   return {
     isLoading: false,
     votingPower: formatUnits(balance, decimals),
     canCreateProposal: balance >= threshold,
     threshold: formatUnits(threshold, decimals),
+    totalVotingPower: formatUnits(totalVotingPower, decimals),
   }
 }
diff --git a/src/app/proposals/page.tsx b/src/app/proposals/page.tsx
index f47819ec..62ac0f56 100644
--- a/src/app/proposals/page.tsx
+++ b/src/app/proposals/page.tsx
@@ -14,7 +14,7 @@ import { useVotingPower } from './hooks/useVotingPower'
 import { useMemo } from 'react'
 
 export default function Proposals() {
-  const { votingPower, canCreateProposal, threshold } = useVotingPower()
+  const { canCreateProposal, threshold, totalVotingPower } = useVotingPower()
   const { latestProposals } = useFetchAllProposals()
 
   const memoizedProposals = useMemo(() => latestProposals, [latestProposals])
@@ -26,7 +26,7 @@ export default function Proposals() {
         <div>
           <VotingPowerPopover />
           <Paragraph className="text-[48px] text-primary tracking-[-0.96px]" fontFamily="kk-topo">
-            {toFixed(votingPower)}
+            {totalVotingPower}
           </Paragraph>
         </div>
         <div className="flex flex-row gap-x-6">

From 12571a37d9d7c69912c6b589134408bcdf3bed5a Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <39339295+Freshenext@users.noreply.github.com>
Date: Wed, 20 Nov 2024 10:46:09 -0400
Subject: [PATCH 072/115] =?UTF-8?q?DAO-842=20Added=20unstake=20check=20whe?=
 =?UTF-8?q?n=20the=20user=20cannot=20withdraw=20due=20to=20coll=E2=80=A6?=
 =?UTF-8?q?=20(#375)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* DAO-842 Added unstake check when the user cannot withdraw due to collective reward allocations.

* Implemented debounce function. Added bounce when introducing the amount.

* Fixed issue with decimals
---
 src/app/user/Stake/StakeRIF.tsx               | 13 ++++-
 src/app/user/Stake/Steps/StepOne.tsx          | 52 +++++++++++++++++--
 src/lib/utils.ts                              | 31 +++++++++++
 .../hooks/useCanAccountUnstakeAmount.tsx      | 28 ++++++++++
 4 files changed, 119 insertions(+), 5 deletions(-)
 create mode 100644 src/shared/hooks/useCanAccountUnstakeAmount.tsx

diff --git a/src/app/user/Stake/StakeRIF.tsx b/src/app/user/Stake/StakeRIF.tsx
index 7e202077..8d40feb0 100644
--- a/src/app/user/Stake/StakeRIF.tsx
+++ b/src/app/user/Stake/StakeRIF.tsx
@@ -1,4 +1,4 @@
-import { Header, Label } from '@/components/Typography'
+import { Header, Label, Paragraph } from '@/components/Typography'
 import { StakeInput } from '@/app/user/Stake/StakeInput'
 import { Button } from '@/components/Button'
 import { useMemo } from 'react'
@@ -14,6 +14,7 @@ interface Props {
   totalBalanceConverted: string
   symbol: string
   actionName: ActionBeingExecuted
+  shouldShowCannotWithdraw?: boolean
 }
 
 export const StakeRIF = ({
@@ -26,6 +27,7 @@ export const StakeRIF = ({
   totalBalanceConverted,
   actionName,
   symbol = 'RIF',
+  shouldShowCannotWithdraw = false,
 }: Props) => (
   <div className="px-[50px] py-[20px]">
     <Header className="text-center font-normal" fontFamily="kk-topo">
@@ -53,7 +55,14 @@ export const StakeRIF = ({
         />
       ))}
     </div>
-    {/* @TODO if we're unstaking we should have a component here - check design */}
+    {/* Cannot withdraw paragraph */}
+    {shouldShowCannotWithdraw && (
+      <Paragraph size="small" className="mt-2">
+        It appears you have votes allocated in the Collective Rewards! You can unstake your stRIF anytime.
+        However, please note that you must first de-allocate the same amount of stRIF from the Collective
+        Rewards
+      </Paragraph>
+    )}
     {/* Stake */}
     <div className="flex justify-center pt-10">
       <Button
diff --git a/src/app/user/Stake/Steps/StepOne.tsx b/src/app/user/Stake/Steps/StepOne.tsx
index 72f3e972..bb96b9b8 100644
--- a/src/app/user/Stake/Steps/StepOne.tsx
+++ b/src/app/user/Stake/Steps/StepOne.tsx
@@ -1,12 +1,25 @@
+import { useRef } from 'react'
 import { StakeRIF } from '@/app/user/Stake/StakeRIF'
 import { useStakingContext } from '@/app/user/Stake/StakingContext'
 import { StepProps } from '@/app/user/Stake/types'
-import { formatCurrency, toFixed } from '@/lib/utils'
-import { useMemo } from 'react'
+import { debounce, formatCurrency, toFixed } from '@/lib/utils'
+import { useEffect, useMemo, useState } from 'react'
+import { useCanAccountUnstakeAmount } from '@/shared/hooks/useCanAccountUnstakeAmount'
 
 export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
   const { amount, onAmountChange, tokenToSend, actionName } = useStakingContext()
 
+  const { isCanAccountWithdrawLoading, canAccountWithdraw, refetchCanAccountWithdraw } =
+    useCanAccountUnstakeAmount(BigInt(Math.ceil(Number(amount)))) // Ceiling to avoid crashing when using decimals
+  // Tracks the most recent amount that completed validation via the withdrawal check API.
+  const [lastAmountFetched, setLastAmountFetched] = useState('')
+
+  const debounceRefetchCanAccountWithdraw = useRef(
+    debounce((amountToUpdate: string) => {
+      refetchCanAccountWithdraw().then(() => setLastAmountFetched(amountToUpdate))
+    }, 1000),
+  ).current
+
   const balanceToCurrency = useMemo(
     () => Number(tokenToSend.price) * Number(tokenToSend.balance),
     [tokenToSend],
@@ -16,13 +29,45 @@ export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
     onAmountChange((Number(tokenToSend.balance) * (percentage / 100)).toString())
   }
 
+  const shouldShowCannotWithdraw = useMemo(
+    () => actionName === 'UNSTAKE' && !isCanAccountWithdrawLoading && canAccountWithdraw === false,
+    [actionName, canAccountWithdraw, isCanAccountWithdrawLoading],
+  )
+
   const shouldEnableGoNext = useMemo(() => {
     if (Number(amount) <= 0) {
       return false
     }
+    // Extra unstake validation
+    if (actionName === 'UNSTAKE') {
+      // Checks if the last amount we checked is the one that is currently introduced in the Input
+      if (lastAmountFetched !== amount) {
+        return false
+      }
+      if (isCanAccountWithdrawLoading) {
+        return false
+      }
+      if (shouldShowCannotWithdraw) {
+        return false
+      }
+    }
 
     return Number(amount) <= Number(tokenToSend.balance)
-  }, [amount, tokenToSend.balance])
+  }, [
+    actionName,
+    amount,
+    isCanAccountWithdrawLoading,
+    lastAmountFetched,
+    shouldShowCannotWithdraw,
+    tokenToSend.balance,
+  ])
+
+  useEffect(() => {
+    // Run extra validation when UNSTAKE
+    if (actionName === 'UNSTAKE') {
+      debounceRefetchCanAccountWithdraw(amount)
+    }
+  }, [actionName, amount, debounceRefetchCanAccountWithdraw])
 
   return (
     <StakeRIF
@@ -35,6 +80,7 @@ export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
       totalBalanceConverted={balanceToCurrency ? 'USD ' + formatCurrency(balanceToCurrency) : ''}
       symbol={tokenToSend.symbol}
       actionName={actionName}
+      shouldShowCannotWithdraw={shouldShowCannotWithdraw}
     />
   )
 }
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 95b5cfc1..1ad9f0ef 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -187,3 +187,34 @@ export const toFixed = (num: number | string, decimalPlaces = 8) => {
 }
 
 export const SHARED_MODAL_BOX_SHADOW_STYLE = '0px 0px 16.4px 0px rgba(229,107,26,0.68)'
+
+/**
+ * Creates a debounced version of a function that delays its execution until after a specified wait time
+ * has elapsed since the last time it was called.
+ * @param func - The function to debounce
+ * @param {number} wait - The number of milliseconds to delay execution
+ * @param {boolean} [immediate=false] - If true,  function executes immediately on the first call, then waits for the delay before allowing subsequent calls
+ */
+export function debounce<T extends (...args: any[]) => void>(
+  func: T,
+  wait: number,
+  immediate: boolean = false,
+): (...args: Parameters<T>) => void {
+  let timeout: NodeJS.Timeout | null = null
+
+  return function (this: any, ...args: Parameters<T>): void {
+    const context = this
+
+    const later = () => {
+      timeout = null
+      if (!immediate) func.apply(context, args)
+    }
+
+    const callNow = immediate && !timeout
+
+    if (timeout) clearTimeout(timeout)
+    timeout = setTimeout(later, wait)
+
+    if (callNow) func.apply(context, args)
+  }
+}
diff --git a/src/shared/hooks/useCanAccountUnstakeAmount.tsx b/src/shared/hooks/useCanAccountUnstakeAmount.tsx
new file mode 100644
index 00000000..31fcd2e5
--- /dev/null
+++ b/src/shared/hooks/useCanAccountUnstakeAmount.tsx
@@ -0,0 +1,28 @@
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { BACKERS_MANAGER_ADDRESS } from '@/lib/constants'
+import { useAccount, useReadContract } from 'wagmi'
+
+export const useCanAccountUnstakeAmount = (amount: bigint) => {
+  const { address } = useAccount()
+  const {
+    data: canAccountWithdraw,
+    isLoading: isCanAccountWithdrawLoading,
+    refetch: refetchCanAccountWithdraw,
+  } = useReadContract(
+    address && {
+      abi: BackersManagerAbi,
+      address: BACKERS_MANAGER_ADDRESS,
+      functionName: 'canWithdraw',
+      args: [address, amount],
+      query: {
+        enabled: false,
+      },
+    },
+  )
+
+  return {
+    canAccountWithdraw,
+    isCanAccountWithdrawLoading,
+    refetchCanAccountWithdraw,
+  }
+}

From ae4a0bf1464453d4661a9afb5e79a7351a032a99 Mon Sep 17 00:00:00 2001
From: Maduabuchi Chinaechetam <chinaechetam.maduabuchi@iovlabs.org>
Date: Wed, 20 Nov 2024 16:26:55 +0100
Subject: [PATCH 073/115] chore: implement allow account to create proposal
 once totalVotingPower is sufficient (#384)

---
 src/app/proposals/hooks/useVotingPower.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/proposals/hooks/useVotingPower.ts b/src/app/proposals/hooks/useVotingPower.ts
index 28a367bb..4aeb30e9 100644
--- a/src/app/proposals/hooks/useVotingPower.ts
+++ b/src/app/proposals/hooks/useVotingPower.ts
@@ -44,7 +44,7 @@ export const useVotingPower = () => {
   return {
     isLoading: false,
     votingPower: formatUnits(balance, decimals),
-    canCreateProposal: balance >= threshold,
+    canCreateProposal: totalVotingPower >= threshold,
     threshold: formatUnits(threshold, decimals),
     totalVotingPower: formatUnits(totalVotingPower, decimals),
   }

From 23289dc3d3ad4adbd9b68fd0c06ae7b86aa36a3a Mon Sep 17 00:00:00 2001
From: Aleksandr Shenshin <shenshin@me.com>
Date: Wed, 20 Nov 2024 17:41:27 +0100
Subject: [PATCH 074/115] feat(DebounceSearch): show spinner during debounce
 (#381)

---
 .../DebounceSearch/DebounceSearch.tsx         | 33 ++++++++++++++++---
 src/components/Input/Input.tsx                | 10 +++++-
 2 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/src/components/DebounceSearch/DebounceSearch.tsx b/src/components/DebounceSearch/DebounceSearch.tsx
index b0823c3c..17987112 100644
--- a/src/components/DebounceSearch/DebounceSearch.tsx
+++ b/src/components/DebounceSearch/DebounceSearch.tsx
@@ -15,20 +15,44 @@ interface ProposalSearchProps {
   placeholder: string
 }
 
+const SPINNER_DEBOUNCE_MS = 300 // Delay after the user stops typing before showing the spinner
+const SEARCH_DEBOUNCE_MS = 700 // Additional delay before finalizing input and calling onSearchSubmit
+
 /**
- * DebounceSearch component allows delayed submission of search input to the parent.
- * It includes a "clear" button to reset the search field.
+ * DebounceSearch component that uses two levels of debouncing to control user experience:
+ *
+ * 1. The first debounce (300ms) detects when the user has stopped typing and shows a spinner
+ *    indicating that the application is "thinking."
+ * 2. The second debounce (700ms after the first debounce) finalizes the input, hides the spinner,
+ *    and triggers the onSearchSubmit function.
+ *
+ * This design ensures the spinner is only displayed after the user stops typing, creating a
+ * smooth and responsive UX. It prevents unnecessary actions or spinner flickering while typing.
  */
 export function DebounceSearch({ onSearchSubmit, placeholder = 'Search' }: ProposalSearchProps) {
   const [searchText, setSearchText] = useState('')
-  const [debouncedSearchText] = useDebounce(searchText, 1000)
+  // First debounce runs shortly after user stops typing. It launches spinner
+  const [isUserStoppedTyping] = useDebounce(searchText, SPINNER_DEBOUNCE_MS)
+  // Second debounce runs after the first one. When it finishes, it stops the spinner and calls on-search function
+  const [debouncedSearchText] = useDebounce(isUserStoppedTyping, SEARCH_DEBOUNCE_MS)
+  // shows/hides spinner
+  const [isLoading, setIsLoading] = useState(false)
+  useEffect(() => {
+    // Show the spinner as soon as the user stops typing
+    setIsLoading(true)
+  }, [isUserStoppedTyping])
+  useEffect(() => {
+    // Hide the spinner and trigger the search function after the second debounce
+    setIsLoading(false)
+    onSearchSubmit(debouncedSearchText)
+  }, [debouncedSearchText, onSearchSubmit])
+
   const handleClear = () => {
     setSearchText('')
   }
   const handleChange = (val: string) => {
     setSearchText(val)
   }
-  useEffect(() => onSearchSubmit(debouncedSearchText), [debouncedSearchText, onSearchSubmit])
   return (
     <Input
       value={searchText}
@@ -39,6 +63,7 @@ export function DebounceSearch({ onSearchSubmit, placeholder = 'Search' }: Propo
       type="search"
       className="my-5"
       onClear={handleClear}
+      loading={isLoading}
     />
   )
 }
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
index 331413a8..b1eed27f 100644
--- a/src/components/Input/Input.tsx
+++ b/src/components/Input/Input.tsx
@@ -4,6 +4,7 @@ import { FC, JSX } from 'react'
 import { InputAttributes, NumericFormatProps } from 'react-number-format'
 import { InputNumber } from './InputNumber'
 import { BsSearch, BsXCircle } from 'react-icons/bs'
+import { FaSpinner } from 'react-icons/fa6'
 
 const DEFAULT_CLASSES = `
 px-[20px] py-[12px]
@@ -38,6 +39,10 @@ interface Props {
    * Adds a "clear" button to the search field. The provided function is called when the button is clicked.
    */
   onClear?: () => void
+  /**
+   * Loading prop triggers rolling spinner inside the search field
+   */
+  loading?: boolean
 }
 export const Input: FC<Props> = ({
   name,
@@ -55,6 +60,7 @@ export const Input: FC<Props> = ({
   onChange = () => {},
   labelProps = {},
   onClear,
+  loading = false,
 }) => {
   const handleOnChange = (e: { target: { value: string } }) => onChange(e.target.value)
 
@@ -94,7 +100,9 @@ export const Input: FC<Props> = ({
     ),
     search: (
       <div className="relative">
-        <BsSearch className="absolute translate-y-4 translate-x-4" />
+        <div className="absolute translate-y-4 translate-x-4">
+          {loading ? <FaSpinner className="animate-spin" /> : <BsSearch />}
+        </div>
         <input
           className={classes}
           placeholder={placeholder}

From 280728e7e2e1aef0148a0a2e2bd4b4a96de91416 Mon Sep 17 00:00:00 2001
From: Jesse Clark <hello@developerjesse.com>
Date: Wed, 20 Nov 2024 18:42:19 +0200
Subject: [PATCH 075/115] Add stRIF v2 ABI. (#372)

---
 src/lib/abis/StRIFTokenAbi.ts | 142 +++++++++++++++++++++++++++++++++-
 1 file changed, 141 insertions(+), 1 deletion(-)

diff --git a/src/lib/abis/StRIFTokenAbi.ts b/src/lib/abis/StRIFTokenAbi.ts
index 1bbdb9d0..7588ca4b 100644
--- a/src/lib/abis/StRIFTokenAbi.ts
+++ b/src/lib/abis/StRIFTokenAbi.ts
@@ -31,6 +31,28 @@ export const StRIFTokenAbi = [
     name: 'CheckpointUnorderedInsertion',
     type: 'error',
   },
+  {
+    inputs: [
+      {
+        internalType: 'string',
+        name: 'reason',
+        type: 'string',
+      },
+    ],
+    name: 'CollectiveRewardsErrored',
+    type: 'error',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'bytes',
+        name: 'reason',
+        type: 'bytes',
+      },
+    ],
+    name: 'CollectiveRewardsErroredBytes',
+    type: 'error',
+  },
   {
     inputs: [],
     name: 'ECDSAInvalidSignature',
@@ -288,6 +310,39 @@ export const StRIFTokenAbi = [
     name: 'OwnableUnauthorizedAccount',
     type: 'error',
   },
+  {
+    inputs: [
+      {
+        internalType: 'bool',
+        name: 'canWithdraw',
+        type: 'bool',
+      },
+    ],
+    name: 'STRIFStakedInCollectiveRewardsCanWithdraw',
+    type: 'error',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'bool',
+        name: '_supports',
+        type: 'bool',
+      },
+    ],
+    name: 'STRIFSupportsERC165',
+    type: 'error',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'bool',
+        name: '_supports',
+        type: 'bool',
+      },
+    ],
+    name: 'STRIFSupportsICollectiveRewardsCheck',
+    type: 'error',
+  },
   {
     inputs: [
       {
@@ -367,6 +422,19 @@ export const StRIFTokenAbi = [
     name: 'Approval',
     type: 'event',
   },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: 'address',
+        name: 'collectiveRewardsAddress',
+        type: 'address',
+      },
+    ],
+    name: 'CollectiveRewardsAddressHasBeenChanged',
+    type: 'event',
+  },
   {
     anonymous: false,
     inputs: [
@@ -455,6 +523,19 @@ export const StRIFTokenAbi = [
     name: 'OwnershipTransferred',
     type: 'event',
   },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: 'bool',
+        name: 'shouldBeSkipped',
+        type: 'bool',
+      },
+    ],
+    name: 'STRIFCollectiveRewardsErrorSkipChangedTo',
+    type: 'event',
+  },
   {
     anonymous: false,
     inputs: [
@@ -648,6 +729,19 @@ export const StRIFTokenAbi = [
     stateMutability: 'view',
     type: 'function',
   },
+  {
+    inputs: [],
+    name: 'collectiveRewardsCheck',
+    outputs: [
+      {
+        internalType: 'address',
+        name: '',
+        type: 'address',
+      },
+    ],
+    stateMutability: 'view',
+    type: 'function',
+  },
   {
     inputs: [],
     name: 'decimals',
@@ -881,7 +975,7 @@ export const StRIFTokenAbi = [
   {
     inputs: [
       {
-        internalType: 'address',
+        internalType: 'contract IERC20',
         name: 'rifToken',
         type: 'address',
       },
@@ -896,6 +990,13 @@ export const StRIFTokenAbi = [
     stateMutability: 'nonpayable',
     type: 'function',
   },
+  {
+    inputs: [],
+    name: 'initializeV2',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
   {
     inputs: [],
     name: 'name',
@@ -1023,6 +1124,32 @@ export const StRIFTokenAbi = [
     stateMutability: 'nonpayable',
     type: 'function',
   },
+  {
+    inputs: [
+      {
+        internalType: 'address',
+        name: 'collectiveRewardsAddress',
+        type: 'address',
+      },
+    ],
+    name: 'setCollectiveRewardsAddress',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
+  {
+    inputs: [
+      {
+        internalType: 'bool',
+        name: 'shouldBeSkipped',
+        type: 'bool',
+      },
+    ],
+    name: 'setCollectiveRewardsErrorSkipFlag',
+    outputs: [],
+    stateMutability: 'nonpayable',
+    type: 'function',
+  },
   {
     inputs: [],
     name: 'symbol',
@@ -1187,6 +1314,19 @@ export const StRIFTokenAbi = [
     stateMutability: 'payable',
     type: 'function',
   },
+  {
+    inputs: [],
+    name: 'version',
+    outputs: [
+      {
+        internalType: 'uint64',
+        name: '',
+        type: 'uint64',
+      },
+    ],
+    stateMutability: 'pure',
+    type: 'function',
+  },
   {
     inputs: [
       {

From 29651ae7aa4637a1782d429ecc74d7a27d85ef4d Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 20 Nov 2024 12:43:07 -0400
Subject: [PATCH 076/115] Chore(deps): Bump elliptic in the npm_and_yarn group
 across 1 directory (#314)

Bumps the npm_and_yarn group with 1 update in the / directory: [elliptic](https://github.com/indutny/elliptic).


Updates `elliptic` from 6.5.7 to 6.6.0
- [Commits](https://github.com/indutny/elliptic/compare/v6.5.7...v6.6.0)

---
updated-dependencies:
- dependency-name: elliptic
  dependency-type: indirect
  dependency-group: npm_and_yarn
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 66b5fd8d..356b698e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12843,10 +12843,9 @@
       "license": "ISC"
     },
     "node_modules/elliptic": {
-      "version": "6.5.7",
-      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.7.tgz",
-      "integrity": "sha512-ESVCtTwiA+XhY3wyh24QqRGBoP3rEdDUl3EDUUo9tft074fi19IrdpH7hLCMMP3CIj7jb3W96rn8lt/BqIlt5Q==",
-      "license": "MIT",
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.6.0.tgz",
+      "integrity": "sha512-dpwoQcLc/2WLQvJvLRHKZ+f9FgOdjnq11rurqwekGQygGPsYSK29OMMD2WalatiqQ+XGFDglTNixpPfI+lpaAA==",
       "dependencies": {
         "bn.js": "^4.11.9",
         "brorand": "^1.1.0",

From d6980f922c6fb813b5880ad9b332e9626f99cb4d Mon Sep 17 00:00:00 2001
From: Alex <shenshin@me.com>
Date: Wed, 20 Nov 2024 17:50:45 +0100
Subject: [PATCH 077/115] feat(LatestProposalsTable): add message for no
 proposals found

---
 src/app/proposals/LatestProposalsTable.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/proposals/LatestProposalsTable.tsx b/src/app/proposals/LatestProposalsTable.tsx
index 65faeb82..fc59d019 100644
--- a/src/app/proposals/LatestProposalsTable.tsx
+++ b/src/app/proposals/LatestProposalsTable.tsx
@@ -2,7 +2,7 @@ import { useFetchAllProposals } from '@/app/proposals/hooks/useFetchLatestPropos
 import { EventArgumentsParameter, getEventArguments } from '@/app/proposals/shared/utils'
 import { StatusColumn } from '@/app/proposals/StatusColumn'
 import { Table } from '@/components/Table'
-import { HeaderTitle } from '@/components/Typography'
+import { HeaderTitle, Typography } from '@/components/Typography'
 import { SharedProposalsTableContextProvider } from '@/app/proposals/SharedProposalsTableContext'
 import { ProposalsContextProvider } from '@/app/proposals/ProposalsContext'
 import { SentimentColumn } from '@/app/proposals/SentimentColumn'
@@ -64,7 +64,7 @@ const LatestProposalsTable = ({ latestProposals }: LatestProposalsTableProps) =>
     <div>
       <HeaderTitle className="mb-4">Latest Proposals</HeaderTitle>
       <DebounceSearch placeholder="Search a proposal" onSearchSubmit={onSearchSubmit} />
-      {latestProposalsMapped.length > 0 && (
+      {latestProposalsMapped.length > 0 ? (
         <SharedProposalsTableContextProvider>
           <Table
             key={latestProposalsMapped.length}
@@ -76,6 +76,8 @@ const LatestProposalsTable = ({ latestProposals }: LatestProposalsTableProps) =>
             className="overflow-visible"
           />
         </SharedProposalsTableContextProvider>
+      ) : (
+        <Typography tagVariant="p">No proposals found &#x1F622;</Typography>
       )}
     </div>
   )

From d274c12078b1cbcedc3ac3d2848c0c893c507240 Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <39339295+Freshenext@users.noreply.github.com>
Date: Wed, 20 Nov 2024 12:57:25 -0400
Subject: [PATCH 078/115] patch: addressToDelegate lowered case to match
 ethereum blockchain requirements. (#386)

---
 src/shared/hooks/useDelegateToAddress.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/shared/hooks/useDelegateToAddress.tsx b/src/shared/hooks/useDelegateToAddress.tsx
index 2e324866..542d28f0 100644
--- a/src/shared/hooks/useDelegateToAddress.tsx
+++ b/src/shared/hooks/useDelegateToAddress.tsx
@@ -11,7 +11,7 @@ export const useDelegateToAddress = () => {
       abi: StRIFTokenAbi,
       address: STRIF_ADDRESS,
       functionName: 'delegate',
-      args: [addressToDelegate as Address],
+      args: [addressToDelegate.toLowerCase() as Address],
     })
   }
 

From 57f45d77e9539e17ca5b75798f11793e0f5c0553 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 20 Nov 2024 13:06:02 -0400
Subject: [PATCH 079/115] Chore(deps): Bump cross-spawn (#385)

Bumps the npm_and_yarn group with 1 update in the / directory: [cross-spawn](https://github.com/moxystudio/node-cross-spawn).


Updates `cross-spawn` from 7.0.3 to 7.0.6
- [Changelog](https://github.com/moxystudio/node-cross-spawn/blob/master/CHANGELOG.md)
- [Commits](https://github.com/moxystudio/node-cross-spawn/compare/v7.0.3...v7.0.6)

---
updated-dependencies:
- dependency-name: cross-spawn
  dependency-type: indirect
  dependency-group: npm_and_yarn
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 356b698e..13be68b9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11960,10 +11960,9 @@
       }
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "license": "MIT",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",

From c223e7161291b28cb4ac2b2b144be2fd78908694 Mon Sep 17 00:00:00 2001
From: sleyter93 <96137983+sleyter93@users.noreply.github.com>
Date: Wed, 20 Nov 2024 12:20:38 -0500
Subject: [PATCH 080/115] convert to lowercase to avoid checksum validation
 (#388)

---
 src/app/user/Delegation/DelegateModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/user/Delegation/DelegateModal.tsx b/src/app/user/Delegation/DelegateModal.tsx
index c2ad578b..1b9e1c78 100644
--- a/src/app/user/Delegation/DelegateModal.tsx
+++ b/src/app/user/Delegation/DelegateModal.tsx
@@ -19,7 +19,7 @@ export const DelegateModal = ({ onClose, onDelegateTxStarted }: DelegateModalPro
   const [error, setError] = useState('')
   // Global Alert
   const { setMessage: setGlobalMessage } = useAlertContext()
-  const onAddressChange = (value: string) => setAddressToDelegateTo(value)
+  const onAddressChange = (value: string) => setAddressToDelegateTo(value.toLowerCase())
 
   const { onDelegate, isPending } = useDelegateToAddress()
 

From 98ef1acd1455351530dea2f1f5d37f0b415b2fcd Mon Sep 17 00:00:00 2001
From: Alex <shenshin@me.com>
Date: Wed, 20 Nov 2024 18:45:05 +0100
Subject: [PATCH 081/115] feat(Modal): use createPortal for rendering modal in
 the DOM

---
 src/components/Modal/Modal.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index 10ee4e6f..060e23a4 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -1,6 +1,9 @@
+'use client'
+
 import { FC, ReactNode } from 'react'
 import Image from 'next/image'
 import { cn } from '@/lib/utils'
+import { createPortal } from 'react-dom'
 
 interface Props {
   className?: string
@@ -9,7 +12,7 @@ interface Props {
   width?: number
 }
 export const Modal: FC<Props> = ({ children, onClose, width, className }) => {
-  return (
+  return createPortal(
     <div className="fixed inset-0 flex items-center justify-center z-50 rounded-[8px]">
       <div
         className="fixed inset-0 backdrop-filter backdrop-blur-2xl transition-opacity"
@@ -27,6 +30,7 @@ export const Modal: FC<Props> = ({ children, onClose, width, className }) => {
         </button>
         {children}
       </div>
-    </div>
+    </div>,
+    document.body,
   )
 }

From d948a468df618d542f3207db96489ed2243f31f9 Mon Sep 17 00:00:00 2001
From: Maduabuchi Chinaechetam <chinaechetam.maduabuchi@iovlabs.org>
Date: Wed, 20 Nov 2024 20:19:41 +0100
Subject: [PATCH 082/115] Feat/dao 836 (#383)

* feat: wip

* feat: implement graceful warning for mobile devices

* chore: remove redundant code

* feat: inlcude roostock collective website link in device warning msg

* chore: remove redundant comments
---
 src/app/login/Login.tsx                       | 24 +++++++++++++++---
 .../DeviceWarning/DeviceWarning.tsx           | 25 +++++++++++++++++++
 src/components/DeviceWarning/index.ts         |  1 +
 3 files changed, 47 insertions(+), 3 deletions(-)
 create mode 100644 src/components/DeviceWarning/DeviceWarning.tsx
 create mode 100644 src/components/DeviceWarning/index.ts

diff --git a/src/app/login/Login.tsx b/src/app/login/Login.tsx
index 457098ba..5631d56d 100644
--- a/src/app/login/Login.tsx
+++ b/src/app/login/Login.tsx
@@ -9,20 +9,32 @@ import { Disclaimer } from './Disclaimer'
 import { GetStarted } from './GetStarted'
 import { BG_IMG_CLASSES } from '@/shared/utils'
 import { HeaderText } from '@/components/HeaderText/HeaderText'
-
+import { DeviceWarning } from '@/components/DeviceWarning'
 export const Login = () => {
   const { isConnected, address } = useAccount()
   const [hasMounted, setHasMounted] = useState(false)
   const [showDisclaimer, setShowDisclaimer] = useState(false)
+  const [isMobile, setIsMobile] = useState(false) // State to track mobile devices
 
   const router = useRouter()
 
   const handleExploreCommunities = () => router.push('/communities')
 
   useEffect(() => {
-    // This is to prevent Hydration error on client side
-    // because useAccount hook is not available on server side
+    // Prevent hydration error on client-side because useAccount hook is not available on the server-side
     setHasMounted(true)
+
+    // Check if the device is mobile
+    const handleResize = () => {
+      setIsMobile(window.innerWidth < 640) // Tailwind's sm breakpoint
+    }
+
+    handleResize() // Set initial value
+    window.addEventListener('resize', handleResize) // Add resize event listener
+
+    return () => {
+      window.removeEventListener('resize', handleResize) // Cleanup listener on unmount
+    }
   }, [])
 
   useEffect(() => {
@@ -35,6 +47,10 @@ export const Login = () => {
   return (
     <div className={cn(BG_IMG_CLASSES, 'flex flex-row h-screen justify-center items-center bg-black')}>
       <HeaderText />
+
+      {/* Conditionally render DeviceWarning for mobile */}
+      {isMobile && <DeviceWarning />}
+
       <div className="flex-1 ml-20 mr-14">
         <Headline>{showDisclaimer ? 'DISCLAIMER' : 'GET STARTED'}</Headline>
         <div className="flex space-x-4 justify-center items-center">
@@ -58,7 +74,9 @@ export const Login = () => {
         </div>
         <div className="mt-2 text-center">{address}</div>
       </div>
+
       <div className="flex-1"></div>
+
       {hasMounted && <Footer />}
     </div>
   )
diff --git a/src/components/DeviceWarning/DeviceWarning.tsx b/src/components/DeviceWarning/DeviceWarning.tsx
new file mode 100644
index 00000000..252f57ae
--- /dev/null
+++ b/src/components/DeviceWarning/DeviceWarning.tsx
@@ -0,0 +1,25 @@
+'use client'
+
+import React from 'react'
+
+export const DeviceWarning = () => {
+  return (
+    <div className="fixed inset-0 bg-black bg-opacity-85 flex justify-center items-center z-50 pointer-events-auto">
+      <div className="text-white text-center font-bold p-6 rounded-md max-w-md w-full">
+        <p className="text-xl">For the best experience, please use a computer or laptop.</p>
+        <br />
+        <p className="mt-4 text-sm font-thin">
+          Explore our resources at{' '}
+          <a
+            href="https://rootstockcollective.xyz/"
+            className="text-[#E56B1A] underline  font-bold"
+            target="_blank"
+          >
+            Rootstock Collective
+          </a>
+          .
+        </p>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/DeviceWarning/index.ts b/src/components/DeviceWarning/index.ts
new file mode 100644
index 00000000..b04e20ae
--- /dev/null
+++ b/src/components/DeviceWarning/index.ts
@@ -0,0 +1 @@
+export * from './DeviceWarning'

From c6fa62d21095ca205ee66b468c076d24a4143db9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Santana=20Gon=C3=A7alves?=
 <rodrigo.santana@iovlabs.org>
Date: Thu, 21 Nov 2024 09:28:03 -0300
Subject: [PATCH 083/115] update stake and unstake modals (#392)

---
 src/app/user/Stake/StakePreview.tsx        | 13 -------------
 src/app/user/Stake/StakeStatus.tsx         | 15 +--------------
 src/app/user/Stake/Steps/StepAllowance.tsx | 10 ++--------
 src/app/user/Stake/Steps/stepsUtils.tsx    |  7 +++----
 4 files changed, 6 insertions(+), 39 deletions(-)

diff --git a/src/app/user/Stake/StakePreview.tsx b/src/app/user/Stake/StakePreview.tsx
index 284c2784..de229a51 100644
--- a/src/app/user/Stake/StakePreview.tsx
+++ b/src/app/user/Stake/StakePreview.tsx
@@ -35,19 +35,6 @@ export const StakePreview = ({
 }: StakePreviewProps) => {
   return (
     <div className="px-[50px] py-[20px] flex justify-center flex-col">
-      <div className="flex justify-center mt-[63px]">
-        <div
-          style={{
-            boxShadow: SHARED_MODAL_BOX_SHADOW_STYLE,
-            padding: 17,
-            borderRadius: '30%',
-            backgroundColor: 'white',
-            width: 80,
-          }}
-        >
-          <TbFileSearch size={48} color="var(--color-primary)" />
-        </div>
-      </div>
       <Header className="mt-[62px] text-center font-normal" fontFamily="kk-topo">
         {actionName}
       </Header>
diff --git a/src/app/user/Stake/StakeStatus.tsx b/src/app/user/Stake/StakeStatus.tsx
index 47a0c7bd..f951c9a7 100644
--- a/src/app/user/Stake/StakeStatus.tsx
+++ b/src/app/user/Stake/StakeStatus.tsx
@@ -28,19 +28,6 @@ export const StakeStatus = ({
   const date = useMemo(() => moment().format('YYYY-MM-DD h:mm A'), [])
   return (
     <div className="px-[50px] py-[20px] flex justify-center flex-col">
-      <div className="flex justify-center mt-[63px]">
-        <div
-          style={{
-            boxShadow: SHARED_MODAL_BOX_SHADOW_STYLE,
-            padding: 17,
-            borderRadius: '30%',
-            backgroundColor: 'white',
-            width: 80,
-          }}
-        >
-          <LuBadgeCheck size={48} color="var(--color-primary)" />
-        </div>
-      </div>
       <Header className="mt-[62px] text-center font-normal" fontFamily="kk-topo">
         {textsDependingOnAction[actionName].inProcess}
       </Header>
@@ -74,7 +61,7 @@ export const StakeStatus = ({
           View on explorer
         </Button>
         <Button onClick={onReturnToBalances} buttonProps={{ 'data-testid': 'ReturnToBalances' }}>
-          Return to balances
+          Go to balances
         </Button>
       </div>
     </div>
diff --git a/src/app/user/Stake/Steps/StepAllowance.tsx b/src/app/user/Stake/Steps/StepAllowance.tsx
index 45b2ed62..de2c3d1f 100644
--- a/src/app/user/Stake/Steps/StepAllowance.tsx
+++ b/src/app/user/Stake/Steps/StepAllowance.tsx
@@ -57,14 +57,8 @@ export const StepAllowance = ({ onGoNext = () => {}, onCloseModal = () => {} }:
       from={from}
       to={to}
       disableConfirm={isAllowanceReadLoading || isRequestingAllowance || isAllowanceRequestPending}
-      actionName="ALLOWANCE"
-      actionText={
-        <>
-          Please allow us permission to use your RIF tokens to proceed with staking.
-          <br />
-          This is a necessary step to ensure everything runs smoothly. Thank you!
-        </>
-      }
+      actionName="ALLOWANCE REQUEST"
+      actionText="You need to request allowance for stRIF to be able to stake"
       customComponentBeforeFooter={customFooter}
       confirmButtonText="Request allowance"
       confirmButtonDataTestId="Allowance"
diff --git a/src/app/user/Stake/Steps/stepsUtils.tsx b/src/app/user/Stake/Steps/stepsUtils.tsx
index fe76b2b5..bfeec06b 100644
--- a/src/app/user/Stake/Steps/stepsUtils.tsx
+++ b/src/app/user/Stake/Steps/stepsUtils.tsx
@@ -30,14 +30,13 @@ export const textsDependingOnAction = {
     inputLabel: 'Amount to stake',
     confirmButtonText: 'Stake',
     preview: 'STAKE PREVIEW',
-    previewText:
-      'You have enough allowance to stake. Preview your stake and make sure everything is correct!',
+    previewText: 'Preview your stake and make sure everything is correct!',
     inProcess: 'STAKE IN PROCESS',
-    description: 'Congratulations and thank you for staking your RIF in the Collective.',
+    description: 'Congratulations and thank you for staking your RIF in the Collective',
   },
   UNSTAKE: {
     modalTitle: 'UNSTAKE ',
-    inputLabel: 'Amount to unstake',
+    inputLabel: 'Unstake amount',
     confirmButtonText: 'Unstake',
     preview: 'UNSTAKE PREVIEW',
     previewText: 'Preview your unstake and make sure everything is correct!',

From db737e27ea02994976b3b9d10b4da3004a8aaf5b Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Thu, 21 Nov 2024 09:06:56 -0600
Subject: [PATCH 084/115] TOK-489: backer rewards table (#391)

* feat(cr_v2): backer rewards table

* refactor: rename
---
 .env.testnet.local                            |  22 +-
 .env.testnet.qa                               |   3 -
 .env.testnet.staging                          |   3 -
 src/app/collective-rewards/actions.ts         |  14 +-
 .../allocations/AllocationMetrics.tsx         |   2 +-
 src/app/collective-rewards/hooks/index.ts     |   1 -
 .../hooks/useGaugesGetFunction.ts             |  65 ---
 .../leaderboard/BuildersLeaderBoardTable.tsx  | 394 +++++-------------
 .../metrics/TotalAllocationsMetrics.tsx       |   4 +-
 .../collective-rewards/rewards/MyRewards.tsx  |  40 +-
 .../rewards/backers/BackerRewardsTable.tsx    | 175 ++++++++
 .../backers/context/BackerRewardsContex.tsx   |  42 +-
 .../rewards/backers/hooks/index.ts            |   2 +-
 .../backers/hooks/useGetBackerRewards.ts      | 167 ++++++++
 .../hooks/useGetGaugesBackerRewards.ts        |  57 ---
 .../rewards/builders/AllTimeRewards.tsx       |   4 +-
 .../rewards/builders/AllTimeShare.tsx         |   4 +-
 .../rewards/builders/ClaimableRewards.tsx     |   4 +-
 .../rewards/builders/EstimatedRewards.tsx     |  13 +-
 .../rewards/builders/LastCycleRewards.tsx     |   4 +-
 .../rewards/builders/Rewards.tsx              |   3 +-
 .../builders/hooks/useGetBuildersRewards.ts   |  83 ++--
 .../rewards/components/Svg/RbtcSvg.tsx        |  23 +
 .../rewards/components/Svg/RifSvg.tsx         |  13 +
 .../rewards/components/Svg/index.ts           |   2 +
 .../rewards/components/index.ts               |   1 +
 .../depecrated/useGetRewardDistributedLogs.ts |  42 --
 .../depecrated/useGetTokenProjectedReward.ts  |  61 ---
 .../collective-rewards/rewards/hooks/index.ts |   8 +-
 .../hooks/useGetBuildersRewardPercentage.ts   |  51 ++-
 .../rewards/hooks/useGetGaugesRewardShares.ts |  42 --
 ...tRewardShares.ts => useGetRewardShares.ts} |   0
 .../rewards/hooks/useGetTotalAllocations.ts   |  43 --
 ...ards.ts => useGetTotalPotentialRewards.ts} |   0
 src/app/collective-rewards/rewards/types.ts   |   3 +-
 .../rewards/utils/getNotifyRewardAmount.ts    |  48 +--
 .../rewards/utils/getPercentageData.ts        |   4 +-
 .../collective-rewards/rewards/utils/index.ts |   1 +
 .../shared/components/Table/TableCells.tsx    | 184 ++++++++
 .../shared/components/Table/TableHeaders.tsx  |  57 +++
 .../shared/components/Table/index.ts          |   2 +
 .../shared/components/index.ts                |   1 +
 .../collective-rewards/shared/hooks/index.ts  |   1 +
 .../shared/hooks/useGaugesGetFunction.ts      |  78 ++++
 src/app/collective-rewards/shared/index.ts    |   2 +
 .../user/context/BuilderContext.tsx           |   2 +-
 .../collective-rewards/user/hooks/index.ts    |   3 -
 .../user/hooks/useGetBuilders.ts              |   2 +-
 .../user/hooks/useGetIsWhitelistedBuilder.ts  |  46 --
 .../user/hooks/useGetWhitelistedBuilders.ts   |  22 -
 .../hooks/useGetWhitelistedBuildersLength.ts  |  22 -
 src/app/collective-rewards/utils/getCycle.ts  |  42 --
 .../utils/getEpochCycle.test.tsx              |  73 ----
 .../utils/getIsWhitelistedBuilder.ts          |   2 +-
 .../utils/getLastCycleRewards.ts              |  32 --
 .../utils/getMostAdvancedProposal.test.tsx    |   2 +-
 .../utils/getPreviousCycle.ts                 |   8 -
 src/app/collective-rewards/utils/index.ts     |   8 +-
 .../whitelist/WhitelistSection.tsx            |  17 +-
 .../useCreateBuilderWhitelistProposal.ts      |   2 +-
 .../hooks/useRemoveBuilderProposal.ts         |   2 +-
 src/app/reward-distributed/api/route.ts       |  15 -
 src/app/user/Balances/BalancesSection.tsx     |  15 +-
 src/app/user/page.tsx                         |  51 +--
 src/components/ProgressBar/index.ts           |   1 +
 src/components/Tabs/Tabs.tsx                  |   5 +-
 src/lib/contracts.ts                          |   2 -
 src/lib/endpoints.ts                          |   3 -
 68 files changed, 1020 insertions(+), 1130 deletions(-)
 delete mode 100644 src/app/collective-rewards/hooks/index.ts
 delete mode 100644 src/app/collective-rewards/hooks/useGaugesGetFunction.ts
 create mode 100644 src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
 create mode 100644 src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
 delete mode 100644 src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewards.ts
 create mode 100644 src/app/collective-rewards/rewards/components/Svg/RbtcSvg.tsx
 create mode 100644 src/app/collective-rewards/rewards/components/Svg/RifSvg.tsx
 create mode 100644 src/app/collective-rewards/rewards/components/Svg/index.ts
 delete mode 100644 src/app/collective-rewards/rewards/hooks/depecrated/useGetRewardDistributedLogs.ts
 delete mode 100644 src/app/collective-rewards/rewards/hooks/depecrated/useGetTokenProjectedReward.ts
 delete mode 100644 src/app/collective-rewards/rewards/hooks/useGetGaugesRewardShares.ts
 rename src/app/collective-rewards/rewards/hooks/{getRewardShares.ts => useGetRewardShares.ts} (100%)
 delete mode 100644 src/app/collective-rewards/rewards/hooks/useGetTotalAllocations.ts
 rename src/app/collective-rewards/rewards/hooks/{getTotalPotentialRewards.ts => useGetTotalPotentialRewards.ts} (100%)
 create mode 100644 src/app/collective-rewards/shared/components/Table/TableCells.tsx
 create mode 100644 src/app/collective-rewards/shared/components/Table/TableHeaders.tsx
 create mode 100644 src/app/collective-rewards/shared/components/Table/index.ts
 create mode 100644 src/app/collective-rewards/shared/components/index.ts
 create mode 100644 src/app/collective-rewards/shared/hooks/useGaugesGetFunction.ts
 create mode 100644 src/app/collective-rewards/shared/index.ts
 delete mode 100644 src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts
 delete mode 100644 src/app/collective-rewards/user/hooks/useGetWhitelistedBuilders.ts
 delete mode 100644 src/app/collective-rewards/user/hooks/useGetWhitelistedBuildersLength.ts
 delete mode 100644 src/app/collective-rewards/utils/getCycle.ts
 delete mode 100644 src/app/collective-rewards/utils/getEpochCycle.test.tsx
 delete mode 100644 src/app/collective-rewards/utils/getLastCycleRewards.ts
 delete mode 100644 src/app/collective-rewards/utils/getPreviousCycle.ts
 delete mode 100644 src/app/reward-distributed/api/route.ts
 create mode 100644 src/components/ProgressBar/index.ts

diff --git a/.env.testnet.local b/.env.testnet.local
index 142c0ba2..002d8ca5 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -7,8 +7,8 @@ NEXT_PUBLIC_BUILD_ID=
 
 NEXT_PUBLIC_RIF_ADDRESS=0x19f64674d8a5b4e652319f5e239efd3bc969a1fe
 NEXT_PUBLIC_STRIF_ADDRESS=0xC4b091d97AD25ceA5922f09fe80711B7ACBbb16f
-NEXT_PUBLIC_GOVERNOR_ADDRESS=0x8F10473F1c2f1dA76F6E921aA6eE8c54aD43F7b7
-NEXT_PUBLIC_EA_NFT_ADDRESS=0x979deF73ec80B8AE24Ae46765b81D9aF7b1C9327
+NEXT_PUBLIC_GOVERNOR_ADDRESS=0xB1A39B8f57A55d1429324EEb1564122806eb297F
+NEXT_PUBLIC_EA_NFT_ADDRESS=0x0Ee4e11f2F2B551cA31Ea7873c7bA675cb51A59d
 NEXT_PUBLIC_MULTICALL_ADDRESS=0xcA11bde05977b3631167028862bE2a173976CA11
 NEXT_PUBLIC_GRANTS_BUCKET_ADDRESS=0xfaca664c661af7e0e630c8f92b401012cd2a30ef
 NEXT_PUBLIC_GRANTS_ACTIVE_BUCKET_ADDRESS=0x2217E4d3Ae0A6E30075D1B5a7b8C1520E8009f49
@@ -17,14 +17,18 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
 NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
-NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4e84FCc953dE129C6C47c5B0AD7E57B226093Ae1
-NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xC2857F402096BfF24E8E05C2E047F8461d1af927
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x21534EaE65041b85cA309C3258E967f305917F8F
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xAEdD29bebb0dd8e29702DD1e32346365F96aA016
-
-NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=2
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xec0a29Df5180A6B04496dfAf2D827e36F4a0A52F
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xD476E4804551595687C1f6F0a9C22dd1Bbfa0319
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xb7C6918d6aE6df2e147FF464271a94EAfF027E5D
+NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
-NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.local.json"
+NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.testnet.qa.json"
+
+# OG NFT Contracts
+NEXT_PUBLIC_OG_FOUNDERS=0x7E6d9969CAC008bAe5f7b144df3c955515404538
+NEXT_PUBLIC_OG_PARTNERS=0x285046a90fb322E6BaCa4F38Bb884e3C0904F7EB
+NEXT_PUBLIC_OG_CONTRIBUTORS=0xDC03B8fb7E47E4651f5008bD718a804726424A75
+
 NEXT_PUBLIC_ENABLE_CORS_BYPASS=true
 NEXT_PUBLIC_ENABLE_FEATURE_V2_REWARDS=true
\ No newline at end of file
diff --git a/.env.testnet.qa b/.env.testnet.qa
index f7c7f38b..0cc30196 100644
--- a/.env.testnet.qa
+++ b/.env.testnet.qa
@@ -17,9 +17,6 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
 NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
-# TODO: To be removed 
-NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0xc469Cc2579De5C16210e9063B4E628bF8C46bA02
-
 NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xec0a29Df5180A6B04496dfAf2D827e36F4a0A52F
 NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xD476E4804551595687C1f6F0a9C22dd1Bbfa0319
 NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xb7C6918d6aE6df2e147FF464271a94EAfF027E5D
diff --git a/.env.testnet.staging b/.env.testnet.staging
index 9f7795c6..bb5ac949 100644
--- a/.env.testnet.staging
+++ b/.env.testnet.staging
@@ -17,9 +17,6 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
 NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
-# TODO: To be removed 
-NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x4447EC87854651ECdce3E91e581c34641C91eC46
-
 # TODO: To be changed once we deploy the contracts for staging
 NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xec0a29Df5180A6B04496dfAf2D827e36F4a0A52F
 NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xD476E4804551595687C1f6F0a9C22dd1Bbfa0319
diff --git a/src/app/collective-rewards/actions.ts b/src/app/collective-rewards/actions.ts
index bb9c60c1..ffd4ccc5 100644
--- a/src/app/collective-rewards/actions.ts
+++ b/src/app/collective-rewards/actions.ts
@@ -1,25 +1,13 @@
 import { Address } from 'viem'
-import { BackersManagerAddress, SimplifiedRewardDistributorAddress } from '@/lib/contracts'
+import { BackersManagerAddress } from '@/lib/contracts'
 import { axiosInstance } from '@/lib/utils'
 import {
   fetchBackerRewardsClaimedLogsByAddress,
   fetchBuilderRewardsClaimedLogsByAddress,
   fetchGaugeNotifyRewardLogsByAddress,
   fetchNotifyRewardLogsByAddress,
-  fetchRewardDistributedLogsByAddress,
 } from '@/lib/endpoints'
 
-export const fetchRewardDistributedLogs = (fromBlock = 0) => {
-  return axiosInstance.get(
-    fetchRewardDistributedLogsByAddress
-      .replace('{{address}}', SimplifiedRewardDistributorAddress)
-      .replace('{{fromBlock}}', fromBlock.toString()),
-  )
-}
-
-export const fetchRewardDistributedCached = () =>
-  axiosInstance.get('/reward-distributed/api', { baseURL: '/' })
-
 export const fetchNotifyRewardLogs = (fromBlock = 0) => {
   return axiosInstance.get(
     fetchNotifyRewardLogsByAddress
diff --git a/src/app/collective-rewards/allocations/AllocationMetrics.tsx b/src/app/collective-rewards/allocations/AllocationMetrics.tsx
index 9e3694f9..4906fec2 100644
--- a/src/app/collective-rewards/allocations/AllocationMetrics.tsx
+++ b/src/app/collective-rewards/allocations/AllocationMetrics.tsx
@@ -6,7 +6,7 @@ import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 import { Paragraph } from '@/components/Typography'
 import { ethers } from 'ethers'
 import { useAccount } from 'wagmi'
-import { useHandleErrors } from '../utils'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { useBackerTotalAllocation } from './useBackerTotalAllocation'
 
 type ValueProps = {
diff --git a/src/app/collective-rewards/hooks/index.ts b/src/app/collective-rewards/hooks/index.ts
deleted file mode 100644
index d44f01ba..00000000
--- a/src/app/collective-rewards/hooks/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './useGaugesGetFunction'
diff --git a/src/app/collective-rewards/hooks/useGaugesGetFunction.ts b/src/app/collective-rewards/hooks/useGaugesGetFunction.ts
deleted file mode 100644
index b5af2d7e..00000000
--- a/src/app/collective-rewards/hooks/useGaugesGetFunction.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
-import { Address } from 'viem'
-import { useReadContracts } from 'wagmi'
-import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-import { useMemo } from 'react'
-import { AbiFunction } from 'viem'
-
-type FunctionEntry = Extract<(typeof GaugeAbi)[number], AbiFunction>
-type FunctionName = Extract<
-  FunctionEntry['name'],
-  'earned' | 'claimedBackerRewards' | 'estimatedBackerRewards' | 'totalAllocation'
->
-type FunctionParams = FunctionEntry['inputs']
-
-//TODO: Add the correct return type
-export const useGaugesGetFunction = <FunctionResult>(
-  gauges: Address[],
-  functionName: FunctionName,
-  functionParams?: FunctionParams,
-) => {
-  const contractCalls = gauges.map(gauge => {
-    return {
-      address: gauge,
-      abi: GaugeAbi,
-      functionName,
-      args: functionParams,
-    } as const
-  })
-
-  const {
-    data: contractResults,
-    isLoading,
-    error,
-  } = useReadContracts<bigint[]>({
-    contracts: contractCalls,
-    query: {
-      refetchInterval: AVERAGE_BLOCKTIME,
-    },
-  })
-
-  const gaugesMap = useMemo(
-    () =>
-      gauges.reduce<Record<Address, FunctionResult>>((acc, gauge, index) => {
-        if (!contractResults) {
-          return {} as Record<Address, FunctionResult>
-        }
-
-        if (contractResults[index].error) {
-          throw contractResults[index].error
-        }
-
-        const result = contractResults[index].result as FunctionResult
-        acc[gauge] = result
-
-        return acc
-      }, {}),
-    [gauges, contractResults],
-  )
-
-  return {
-    data: gaugesMap,
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
index 18679746..79934c85 100644
--- a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
+++ b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
@@ -1,222 +1,60 @@
 import { CycleContextProvider } from '@/app/collective-rewards/metrics'
-import { BuilderRewardPercentage, useGetBuildersRewards } from '@/app/collective-rewards/rewards'
+import { Token, useGetBuildersRewards } from '@/app/collective-rewards/rewards'
 import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/user'
-import { useHandleErrors } from '@/app/collective-rewards/utils'
-import { AddressOrAliasWithCopy } from '@/components/Address'
+import { getCoinbaseAddress, useHandleErrors } from '@/app/collective-rewards/utils'
 import { Button } from '@/components/Button'
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/Collapsible'
-import { Jdenticon } from '@/components/Header/Jdenticon'
 import { LoadingSpinner } from '@/components/LoadingSpinner'
-import { Popover } from '@/components/Popover'
-import { ProgressBar } from '@/components/ProgressBar/ProgressBar'
-import { TableBody, TableCell, TableCore, TableHead, TableRow } from '@/components/Table'
-import { HeaderTitle, Label, Typography } from '@/components/Typography'
-import { RBTC, RIF } from '@/lib/constants'
-import { cn, formatCurrency, shortAddress, toFixed } from '@/lib/utils'
+import { TableBody, TableCore, TableHead, TableRow } from '@/components/Table'
+import { HeaderTitle, Typography } from '@/components/Typography'
 import { useBasicPaginationUi } from '@/shared/hooks/usePaginationUi'
-import { rbtcIconSrc } from '@/shared/rbtcIconSrc'
-import Image from 'next/image'
-import { FC, memo, useMemo, useState } from 'react'
-import { FaRegQuestionCircle } from 'react-icons/fa'
-import { FaArrowDown, FaArrowUp } from 'react-icons/fa6'
-import { LiaSortUpSolid } from 'react-icons/lia'
-import { RiArrowUpSFill } from 'react-icons/ri'
-import { Address, isAddress } from 'viem'
-
-type Currency = {
-  value: number
-  symbol: string
-}
-
-export type Reward = {
-  crypto: Currency
-  fiat: Currency
-}
-
-type RewardCellProps = {
-  rewards: Reward[]
-}
-
-export function getFormattedCurrency(value: number, symbol: string) {
-  const formattedCurrency = formatCurrency(value, symbol)
-  return `${formattedCurrency.substring(0, 1)}${symbol} ${formattedCurrency.substring(1)}`
-}
-
-export const rbtcIcon = (
-  <Image src={`data:image/svg+xml;base64,${rbtcIconSrc}`} alt="rBTC Logo" width={16} height={16} />
-)
-export const rifIcon = <Image src={'/images/rif-logo.png'} alt="RIF Logo" width={16} height={16} />
-
-export const RewardCell: FC<RewardCellProps> = ({ rewards }) => (
-  <div className="flex flex-nowrap flex-row gap-2 whitespace-nowrap">
-    {rewards &&
-      rewards.map(({ crypto: { value, symbol }, fiat: { value: fiatValue, symbol: fiatSymbol } }) => (
-        <div key={value + symbol} className="flex-1">
-          {/* TODO: if the value is very small, should we show it in Gwei/wei? */}
-
-          <Label className="flex items-center gap-1 font-normal text-sm leading-none text-text-primary font-rootstock-sans">
-            {toFixed(value)}
-            {symbol === RBTC && rbtcIcon}
-            {symbol === RIF && rifIcon}
-          </Label>
-          <Label className="font-normal text-sm leading-none text-disabled-primary font-rootstock-sans">
-            {`= ${getFormattedCurrency(fiatValue, fiatSymbol)}`}
-          </Label>
-        </div>
-      ))}
-  </div>
-)
-
-export const LazyRewardCell = memo(RewardCell, ({ rewards: prevReward }, { rewards: nextReward }) =>
-  prevReward.every((reward, key) => reward.fiat.value === nextReward[key].fiat.value),
-)
-
-export const BuilderNameCell = ({ builderName, address }: { builderName: string; address: string }) => {
-  const shortenAddress = shortAddress(address as Address)
-  return (
-    <TableCell className={cn(tableHeaders[0].className, 'border-solid')}>
-      <div className="flex flex-row gap-x-1">
-        <Jdenticon className="rounded-md bg-white" value={builderName} size="24" />
-        <Popover
-          content={
-            <div className="text-[12px] font-bold mb-1">
-              <p data-testid="builderAddressTooltip">{shortenAddress}</p>
-            </div>
-          }
-          size="small"
-          trigger="hover"
-          disabled={!builderName || isAddress(builderName)}
-        >
-          <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap">
-            <AddressOrAliasWithCopy
-              addressOrAlias={builderName || address}
-              clipboard={address}
-              clipboardAnimationText={shortenAddress}
-              className="text-sm"
-            />
-          </Typography>
-        </Popover>
-      </div>
-    </TableCell>
-  )
-}
-
-export const BackerRewardsPercentage = ({
-  rewardPercentage,
-}: {
-  rewardPercentage: BuilderRewardPercentage | null
-}) => {
-  const renderDelta = useMemo(() => {
-    if (!rewardPercentage) return null
-
-    const deltaPercentage = rewardPercentage.next - rewardPercentage.current
-    if (deltaPercentage > 0) {
-      const colorGreen = '#1bc47d'
-      return (
-        <div className="flex flex-row items-center">
-          <FaArrowUp style={{ color: colorGreen }} />
-          <div className={cn(`text-[${colorGreen}] text-sm`)}>+{deltaPercentage}</div>
-        </div>
-      )
-    }
-    if (deltaPercentage < 0) {
-      const colorRed = '#f14722'
-      return (
-        <div className="flex flex-row items-center">
-          <FaArrowDown style={{ color: colorRed }} />
-          <div className={cn(`text-[${colorRed}] text-sm`)}>{deltaPercentage}</div>
-        </div>
-      )
-    }
-    return null
-  }, [rewardPercentage])
-  return (
-    <TableCell className={cn(tableHeaders[1].className, 'border-b-0')}>
-      <div className="flex flex-row gap-x-1 font-rootstock-sans justify-center gap-2 ">
-        <div>{rewardPercentage?.current}</div>
-        {renderDelta}
-      </div>
-    </TableCell>
-  )
-}
-
-export const LastCycleRewardCell = ({ rewards }: { rewards: Reward[] }) => {
-  return (
-    <TableCell className={cn(tableHeaders[2].className, 'border-solid')}>
-      <LazyRewardCell rewards={rewards} />
-    </TableCell>
-  )
-}
-
-const EstimatedRewardCell = ({ rewards }: { rewards: Reward[] }) => {
-  return (
-    <TableCell className={cn(tableHeaders[3].className, 'border-solid')}>
-      <LazyRewardCell rewards={rewards} />
-    </TableCell>
-  )
-}
-
-type TotalAllocationCellProps = {
-  // a percentage without decimals
-  totalAllocationPercentage: bigint
-}
-
-const TotalAllocationCell = ({ totalAllocationPercentage }: TotalAllocationCellProps) => {
-  return (
-    <TableCell className={cn(tableHeaders[4].className, 'border-solid text-center border-b-0 items-center')}>
-      <div className="flex flex-row gap-2 items-center">
-        <ProgressBar progress={Number(totalAllocationPercentage)} color="#1bc47d" />
-        <Label>{totalAllocationPercentage.toString()}%</Label>
-      </div>
-    </TableCell>
-  )
-}
-const ActionCell = () => {
-  /* TODO: manage the button status 
-    - disabled when the backer cannot vote on the Builder
-    - variant=primary when the builder is selected and text changed to "Selected"
-    - variant=secondary by default and text is "Select"
-  */
-  /* TODO: add the onClick event
-   *  - it needs to interact with the allocation context to add the builder to the selected builders
-   */
-  return (
-    <TableCell className={cn(tableHeaders[5].className, 'border-solid align-center')}>
-      <Button variant="secondary" /* disabled={true} */>Select</Button>
-    </TableCell>
-  )
-}
+import { FC, useMemo, useState } from 'react'
+import {
+  ISortConfig,
+  TableHeader,
+  TableHeaderCell,
+  ActionCell,
+  BackerRewardsPercentage,
+  BuilderNameCell,
+  LazyRewardCell,
+  TotalAllocationCell,
+} from '@/app/collective-rewards/shared'
+import { getAddress } from 'viem'
+import { tokenContracts } from '@/lib/contracts'
 
 enum RewardsColumnKeyEnum {
   builder = 'builder',
+  rewardPercentage = 'rewardPercentage',
   lastCycleRewards = 'lastCycleRewards',
   estimatedRewards = 'estimatedRewards',
-  rewardPercentage = 'rewardPercentage',
   totalAllocationPercentage = 'totalAllocationPercentage',
+  actions = 'actions',
 }
-const tableHeaders = [
-  { label: 'Builder', className: 'w-[14%]', key: RewardsColumnKeyEnum.builder },
-  { label: 'Backer Rewards %', className: 'w-[10%]', key: RewardsColumnKeyEnum.rewardPercentage },
-  { label: 'Last Cycle Rewards', className: 'w-[22%]', key: RewardsColumnKeyEnum.lastCycleRewards },
-  { label: 'Est. Backers Rewards', className: 'w-[22%]', key: RewardsColumnKeyEnum.estimatedRewards },
+
+const tableHeaders: TableHeader[] = [
+  { label: 'Builder', className: 'w-[14%]', sortKey: RewardsColumnKeyEnum.builder },
+  { label: 'Backer Rewards %', className: 'w-[10%]', sortKey: RewardsColumnKeyEnum.rewardPercentage },
+  { label: 'Last Cycle Rewards', className: 'w-[22%]', sortKey: RewardsColumnKeyEnum.lastCycleRewards },
+  { label: 'Est. Backers Rewards', className: 'w-[22%]', sortKey: RewardsColumnKeyEnum.estimatedRewards },
   {
     label: 'Total Allocations',
     className: 'w-[18%]',
     // eslint-disable-next-line quotes
     tooltip: "The Builder's share of the total allocations",
-    key: RewardsColumnKeyEnum.totalAllocationPercentage,
+    sortKey: RewardsColumnKeyEnum.totalAllocationPercentage,
   },
   // TODO: text-center isn't applied
   { label: 'Actions', className: 'w-[14%]' },
 ]
 
-type ISortConfig = {
-  key: RewardsColumnKeyEnum
-  direction: 'asc' | 'desc'
+type BuildersLeaderBoardTableProps = {
+  tokens: { [token: string]: Token }
+  currency?: string
 }
+const BuildersLeaderBoardTable: FC<BuildersLeaderBoardTableProps> = ({ tokens, currency }) => {
+  const { data: rewardsData, isLoading, error: rewardsError } = useGetBuildersRewards(tokens, currency)
+  useHandleErrors({ error: rewardsError, title: 'Error loading builder rewards' })
 
-const BuildersLeaderBoardTable = () => {
-  const { data: rewardsData, isLoading, error: rewardsError } = useGetBuildersRewards()
   const [sortConfig, setSortConfig] = useState<ISortConfig>({
     key: RewardsColumnKeyEnum.totalAllocationPercentage,
     direction: 'asc',
@@ -228,72 +66,44 @@ const BuildersLeaderBoardTable = () => {
   const maxPages = useMemo(() => Math.ceil(tableDataLength / buildersPerPage), [tableDataLength])
   const { paginationUi, currentPage } = useBasicPaginationUi(maxPages)
 
-  useHandleErrors({ error: rewardsError, title: 'Error loading builder rewards' })
-
-  type IRewardData = (typeof rewardsData)[number]
-  const sortedRewardsData = useMemo(
-    () =>
-      Object.values(rewardsData).toSorted((a: IRewardData, b: IRewardData) => {
-        const { key, direction } = sortConfig
-        if (!key) return 0
-
-        let aValue: number | string
-        let bValue: number | string
-        switch (key) {
-          case RewardsColumnKeyEnum.builder:
-            aValue = a.builderName || a.address
-            bValue = b.builderName || b.address
-            break
-          case RewardsColumnKeyEnum.totalAllocationPercentage:
-            aValue = Number(a.totalAllocationPercentage)
-            bValue = Number(b.totalAllocationPercentage)
-            break
-          case RewardsColumnKeyEnum.rewardPercentage:
-            if (!a.rewardPercentage || !b.rewardPercentage) return 0
-            aValue = a.rewardPercentage.current
-            bValue = b.rewardPercentage.current
-            break
-          case RewardsColumnKeyEnum.lastCycleRewards:
-            aValue = a.lastCycleReward.RIF.crypto.value + a.lastCycleReward.RBTC.crypto.value
-            bValue = b.lastCycleReward.RIF.crypto.value + b.lastCycleReward.RBTC.crypto.value
-            break
-          case RewardsColumnKeyEnum.estimatedRewards:
-            aValue = a.estimatedReward.RIF.crypto.value + a.estimatedReward.RBTC.crypto.value
-            bValue = b.estimatedReward.RIF.crypto.value + b.estimatedReward.RBTC.crypto.value
-            break
-          default:
-            return 0
-        }
-
-        if (typeof aValue === 'string' && typeof bValue === 'string') {
-          return direction === 'asc'
-            ? a.builderName.localeCompare(b.builderName)
-            : b.builderName.localeCompare(a.builderName)
-        }
+  const sortedRewardsData = useMemo(() => {
+    type IRewardData = (typeof rewardsData)[number]
+    const sortingFunctionByKey: Record<string, (a: IRewardData, b: IRewardData) => number> = {
+      builder: (a: IRewardData, b: IRewardData) =>
+        (a.builderName || a.address).localeCompare(b.builderName || b.address),
+      rewardPercentage: (a: IRewardData, b: IRewardData) =>
+        Number(a.rewardPercentage.current - b.rewardPercentage.current),
+      lastCycleRewards: (a: IRewardData, b: IRewardData) => {
+        const aValue = a.lastCycleReward.RIF.crypto.value + a.lastCycleReward.RBTC.crypto.value
+        const bValue = b.lastCycleReward.RIF.crypto.value + b.lastCycleReward.RBTC.crypto.value
+        return aValue - bValue
+      },
+      estimatedRewards: (a: IRewardData, b: IRewardData) => {
+        const aValue = a.estimatedReward.RIF.crypto.value + a.estimatedReward.RBTC.crypto.value
+        const bValue = b.estimatedReward.RIF.crypto.value + b.estimatedReward.RBTC.crypto.value
+        return aValue - bValue
+      },
+      totalAllocationPercentage: (a: IRewardData, b: IRewardData) =>
+        Number(a.totalAllocationPercentage - b.totalAllocationPercentage),
+    }
 
-        if (typeof aValue === 'number' && typeof bValue === 'number') {
-          return direction === 'asc' ? aValue - bValue : bValue - aValue
-        }
+    return Object.values(rewardsData).toSorted((a: IRewardData, b: IRewardData) => {
+      const { key, direction } = sortConfig
+      if (!key) return 0
 
-        return 0
-      }),
-    [rewardsData, sortConfig],
-  )
+      return direction === 'asc' ? sortingFunctionByKey[key](a, b) : sortingFunctionByKey[key](b, a)
+    })
+  }, [rewardsData, sortConfig])
 
   const paginatedRewardsData = useMemo(
     () => sortedRewardsData.slice(currentPage * buildersPerPage, (currentPage + 1) * buildersPerPage),
     [currentPage, sortedRewardsData],
   )
 
-  if (isLoading) {
-    return <LoadingSpinner />
-  }
-
-  if (!tableDataLength) {
-    return <EmptyLeaderboard />
-  }
-
-  const handleSort = (key: RewardsColumnKeyEnum) => {
+  const handleSort = (key?: string) => {
+    if (!key) {
+      return
+    }
     setSortConfig(prevSortConfig => {
       if (prevSortConfig?.key === key) {
         // Toggle direction if the same column is clicked
@@ -307,45 +117,26 @@ const BuildersLeaderBoardTable = () => {
     })
   }
 
+  if (isLoading) {
+    return <LoadingSpinner />
+  }
+
+  if (!tableDataLength) {
+    return <EmptyLeaderboard />
+  }
+
   return (
-    <div className="flex flex-col gap-5">
+    <div className="flex flex-col gap-5 w-full">
       <TableCore className="table-fixed">
         <TableHead>
           <TableRow>
             {tableHeaders.map(header => (
-              <TableCell
+              <TableHeaderCell
                 key={header.label}
-                className={cn(
-                  'font-rootstock-sans font-bold text-base leading-none border-b border-solid border-[#2D2D2D]',
-                  header.className,
-                )}
-              >
-                <div className="flex flex-row">
-                  {header.tooltip && (
-                    <Popover
-                      content={header.tooltip}
-                      className="font-normal text-sm flex items-center"
-                      size="small"
-                      trigger="hover"
-                    >
-                      <FaRegQuestionCircle className="mr-1 self-center" />
-                    </Popover>
-                  )}
-                  {header.label}
-                  {header.key && (
-                    <button
-                      className={`text-xs text-white flex items-center ml-1 transition-transform duration-300 ${sortConfig?.key === header.key && sortConfig?.direction === 'asc' ? 'rotate-0' : 'rotate-180'}`}
-                      onClick={() => handleSort(header.key)}
-                    >
-                      {sortConfig?.key === header.key ? (
-                        <RiArrowUpSFill className="stroke-2" />
-                      ) : (
-                        <LiaSortUpSolid />
-                      )}
-                    </button>
-                  )}
-                </div>
-              </TableCell>
+                tableHeader={header}
+                onSort={() => handleSort(header.sortKey)}
+                sortConfig={sortConfig}
+              />
             ))}
           </TableRow>
         </TableHead>
@@ -360,12 +151,18 @@ const BuildersLeaderBoardTable = () => {
               rewardPercentage,
             }) => (
               <TableRow key={address} className="text-[14px] border-hidden">
-                <BuilderNameCell builderName={builderName} address={address} />
-                <BackerRewardsPercentage rewardPercentage={rewardPercentage} />
-                <LastCycleRewardCell rewards={[lastCycleReward.RBTC, lastCycleReward.RIF]} />
-                <EstimatedRewardCell rewards={[estimatedReward.RBTC, estimatedReward.RIF]} />
-                <TotalAllocationCell totalAllocationPercentage={totalAllocationPercentage} />
-                <ActionCell />
+                <BuilderNameCell tableHeader={tableHeaders[0]} builderName={builderName} address={address} />
+                <BackerRewardsPercentage tableHeader={tableHeaders[1]} percentage={rewardPercentage} />
+                <LazyRewardCell
+                  tableHeader={tableHeaders[2]}
+                  rewards={[lastCycleReward.RBTC, lastCycleReward.RIF]}
+                />
+                <LazyRewardCell
+                  tableHeader={tableHeaders[3]}
+                  rewards={[estimatedReward.RBTC, estimatedReward.RIF]}
+                />
+                <TotalAllocationCell tableHeader={tableHeaders[4]} percentage={totalAllocationPercentage} />
+                <ActionCell tableHeader={tableHeaders[5]} />
               </TableRow>
             ),
           )}
@@ -381,6 +178,19 @@ export const BuildersLeaderBoard = () => {
     // TODO: fill the allocation context if necessary and change the route
     console.log('Manage allocations')
   }
+
+  // TODO: check where to store this information
+  const tokens = {
+    rif: {
+      address: getAddress(tokenContracts.RIF),
+      symbol: 'RIF',
+    },
+    rbtc: {
+      address: getCoinbaseAddress(),
+      symbol: 'RBTC',
+    },
+  }
+
   return (
     <>
       <Collapsible defaultOpen>
@@ -396,7 +206,7 @@ export const BuildersLeaderBoard = () => {
           <CycleContextProvider>
             <BuilderContextProviderWithPrices>
               <div className="pt-6">
-                <BuildersLeaderBoardTable />
+                <BuildersLeaderBoardTable tokens={tokens} />
               </div>
             </BuilderContextProviderWithPrices>
           </CycleContextProvider>
diff --git a/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx b/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx
index 6317bc96..d6cb3d53 100644
--- a/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx
+++ b/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx
@@ -1,4 +1,4 @@
-import { useGaugesGetFunction } from '@/app/collective-rewards/hooks'
+import { useGaugesGetFunction } from '@/app/collective-rewards/shared/hooks'
 import { Address } from 'viem'
 import { FC } from 'react'
 import { usePricesContext } from '@/shared/context/PricesContext'
@@ -20,7 +20,7 @@ export const TotalAllocationsMetrics: FC<TotalAllocationsProps> = ({
   currency = 'USD',
 }) => {
   const { prices } = usePricesContext()
-  const { data, isLoading, error } = useGaugesGetFunction<bigint>(gauges, 'totalAllocation', [])
+  const { data, isLoading, error } = useGaugesGetFunction(gauges, 'totalAllocation')
   useHandleErrors({ error, title: 'Error loading total allocations' })
 
   const price = prices[symbol]?.price ?? 0
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index 04883a0f..8b1b52de 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -5,22 +5,26 @@ import {
   RewardsSection,
   RewardsSectionHeader,
 } from '@/app/collective-rewards/rewards'
-import { useGetGaugesArray } from '@/app/collective-rewards/user'
-import { getCoinbaseAddress } from '@/app/collective-rewards/utils'
+import { useGetBuilderToGauge, useGetGaugesArray } from '@/app/collective-rewards/user'
+import { getCoinbaseAddress, useHandleErrors } from '@/app/collective-rewards/utils'
 import { tokenContracts } from '@/lib/contracts'
-import { useRouter } from 'next/navigation'
 import { FC } from 'react'
-import { Address, getAddress } from 'viem'
+import { Address, getAddress, zeroAddress } from 'viem'
+import { BackerRewardsTable } from './backers/BackerRewardsTable'
 
-export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gauge }) => {
-  const router = useRouter()
-  const { data: rewardGauges } = useGetGaugesArray('active')
-  const { data: haltedGauges } = useGetGaugesArray('halted')
+export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
+  const { data: rewardGauges, error: rewardGaugesError } = useGetGaugesArray('active')
+  const { data: haltedGauges, error: haltedGaugesError } = useGetGaugesArray('halted')
+  const { data: gauge, error: gaugeError } = useGetBuilderToGauge(builder)
   const gauges = [...(rewardGauges ?? []), ...(haltedGauges ?? [])]
 
+  const error = rewardGaugesError ?? haltedGaugesError ?? gaugeError
+
+  useHandleErrors({ error, title: 'Error loading gauge(s)' })
+
+  // TODO: check where to store this information
   const data: RewardDetails = {
     builder,
-    gauge,
     gauges,
     tokens: {
       rif: {
@@ -36,18 +40,11 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
 
   return (
     <>
-      <div className="pb-[46px]">
-        <RewardsSection>
-          <RewardsSectionHeader
-            onSettingsOpen={() => {
-              router.push('/user/settings?type=builder')
-            }}
-            title="Builder Rewards"
-            subtext="Monitor the rewards you are getting from your Collective Rewards."
-          />
-          <BuilderRewards {...data} />
-        </RewardsSection>
-      </div>
+      {gauge && gauge !== zeroAddress && (
+        <div className="pb-[46px]">
+          <BuilderRewards gauge={gauge} {...data} />
+        </div>
+      )}
       <RewardsSection>
         <RewardsSectionHeader
           onSettingsOpen={() => {
@@ -57,6 +54,7 @@ export const Rewards: FC<{ builder: Address; gauge: Address }> = ({ builder, gau
           subtext="Monitor your rewards balances and claim."
         />
         <BackerRewards {...data} />
+        <BackerRewardsTable {...data} />
       </RewardsSection>
     </>
   )
diff --git a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
new file mode 100644
index 00000000..3395468f
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
@@ -0,0 +1,175 @@
+import { FC, useMemo, useState } from 'react'
+import {
+  RewardDetails,
+  BackerRewardsContextProvider,
+  useGetBackerRewards,
+} from '@/app/collective-rewards/rewards'
+import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/user'
+import {
+  ISortConfig,
+  TableHeader,
+  TableHeaderCell,
+  BackerRewardsPercentage,
+  BuilderNameCell,
+  LazyRewardCell,
+  TotalAllocationCell,
+} from '@/app/collective-rewards/shared'
+import { TableBody, TableCore, TableHead, TableRow } from '@/components/Table'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { LoadingSpinner } from '@/components/LoadingSpinner'
+import { useBasicPaginationUi } from '@/shared/hooks/usePaginationUi'
+import { CycleContextProvider } from '@/app/collective-rewards/metrics'
+
+enum RewardsColumnKeyEnum {
+  builder = 'builder',
+  rewardPercentage = 'rewardPercentage',
+  estimatedRewards = 'estimatedRewards',
+  totalAllocationPercentage = 'totalAllocationPercentage',
+  claimableRewards = 'claimableRewards',
+  allTimeRewards = 'allTimeRewards',
+}
+
+const tableHeaders: TableHeader[] = [
+  { label: 'Builder', className: 'w-[11%]', sortKey: RewardsColumnKeyEnum.builder },
+  { label: 'Backer Rewards %', className: 'w-[11%]', sortKey: RewardsColumnKeyEnum.rewardPercentage },
+  { label: 'Estimated Rewards', className: 'w-[20%]', sortKey: RewardsColumnKeyEnum.estimatedRewards },
+  {
+    label: 'Total Allocations',
+    className: 'w-[18%]',
+    sortKey: RewardsColumnKeyEnum.totalAllocationPercentage,
+  },
+  { label: 'Claimable Rewards', className: 'w-[20%]', sortKey: RewardsColumnKeyEnum.claimableRewards },
+  { label: 'All Time Rewards', className: 'w-[20%]', sortKey: RewardsColumnKeyEnum.allTimeRewards },
+]
+
+const RewardsTable: FC<BackerRewardsTable> = ({ builder, gauges, tokens }) => {
+  const { data: rewardsData, isLoading, error: rewardsError } = useGetBackerRewards(builder, gauges, tokens)
+  useHandleErrors({ error: rewardsError, title: 'Error loading backer rewards' })
+
+  const [sortConfig, setSortConfig] = useState<ISortConfig>({
+    key: RewardsColumnKeyEnum.totalAllocationPercentage,
+    direction: 'asc',
+  })
+
+  const buildersPerPage = 10
+  const tableDataLength = useMemo(() => Object.keys(rewardsData).length, [rewardsData])
+  const maxPages = useMemo(() => Math.ceil(tableDataLength / buildersPerPage), [tableDataLength])
+  const { paginationUi, currentPage } = useBasicPaginationUi(maxPages)
+
+  const sortedRewardsData = useMemo(() => {
+    type IRewardData = (typeof rewardsData)[number]
+    const sortingFunctionByKey: Record<string, (a: IRewardData, b: IRewardData) => number> = {
+      builder: (a: IRewardData, b: IRewardData) =>
+        (a.builderName || a.address).localeCompare(b.builderName || b.address),
+      rewardPercentage: (a: IRewardData, b: IRewardData) =>
+        Number(a.rewardPercentage.current - b.rewardPercentage.current),
+      estimatedRewards: (a: IRewardData, b: IRewardData) => {
+        return Number(a.estimatedRewards.rif.crypto.value - b.estimatedRewards.rif.crypto.value)
+      },
+      totalAllocationPercentage: (a: IRewardData, b: IRewardData) =>
+        Number(a.totalAllocationPercentage - b.totalAllocationPercentage),
+      claimableRewards: (a: IRewardData, b: IRewardData) =>
+        Number(a.claimableRewards.rif.crypto.value - b.claimableRewards.rif.crypto.value),
+      allTimeRewards: (a: IRewardData, b: IRewardData) =>
+        Number(a.allTimeRewards.rif.crypto.value - b.allTimeRewards.rif.crypto.value),
+    }
+    return Object.values(rewardsData).toSorted((a: IRewardData, b: IRewardData) => {
+      const { key, direction } = sortConfig
+      if (!key) return 0
+
+      return direction === 'asc' ? sortingFunctionByKey[key](a, b) : sortingFunctionByKey[key](b, a)
+    })
+  }, [rewardsData, sortConfig])
+
+  const paginatedRewardsData = useMemo(
+    () => sortedRewardsData.slice(currentPage * buildersPerPage, (currentPage + 1) * buildersPerPage),
+    [currentPage, sortedRewardsData],
+  )
+
+  const handleSort = (key?: string) => {
+    if (!key) {
+      return
+    }
+    setSortConfig(prevSortConfig => {
+      if (prevSortConfig?.key === key) {
+        // Toggle direction if the same column is clicked
+        return {
+          key,
+          direction: prevSortConfig.direction === 'asc' ? 'desc' : 'asc',
+        }
+      }
+      // Set initial sort direction to ascending
+      return { key, direction: 'asc' }
+    })
+  }
+
+  if (isLoading) {
+    return <LoadingSpinner />
+  }
+
+  return (
+    <div className="flex flex-col gap-5 w-full">
+      <TableCore className="table-fixed">
+        <TableHead>
+          <TableRow>
+            {tableHeaders.map(header => (
+              <TableHeaderCell
+                key={header.label}
+                tableHeader={header}
+                onSort={() => handleSort(header.sortKey)}
+                sortConfig={sortConfig}
+              />
+            ))}
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {Object.values(paginatedRewardsData).map(
+            ({
+              address,
+              builderName,
+              rewardPercentage,
+              estimatedRewards,
+              totalAllocationPercentage,
+              claimableRewards,
+              allTimeRewards,
+            }) => (
+              <TableRow key={address} className="text-[14px] border-hidden">
+                <BuilderNameCell tableHeader={tableHeaders[0]} builderName={builderName} address={address} />
+                <BackerRewardsPercentage tableHeader={tableHeaders[1]} percentage={rewardPercentage} />
+                <LazyRewardCell
+                  tableHeader={tableHeaders[2]}
+                  rewards={[estimatedRewards.rbtc, estimatedRewards.rif]}
+                />
+                <TotalAllocationCell tableHeader={tableHeaders[3]} percentage={totalAllocationPercentage} />
+                <LazyRewardCell
+                  tableHeader={tableHeaders[4]}
+                  rewards={[claimableRewards.rbtc, claimableRewards.rif]}
+                />
+                <LazyRewardCell
+                  tableHeader={tableHeaders[5]}
+                  rewards={[allTimeRewards.rbtc, allTimeRewards.rif]}
+                />
+              </TableRow>
+            ),
+          )}
+        </TableBody>
+      </TableCore>
+      <div className="flex justify-center">{paginationUi}</div>
+    </div>
+  )
+}
+
+type BackerRewardsTable = Omit<RewardDetails, 'gauge'>
+export const BackerRewardsTable: FC<BackerRewardsTable> = ({ builder, tokens, gauges }) => {
+  return (
+    <>
+      <BackerRewardsContextProvider backer={builder} gauges={gauges} tokens={tokens}>
+        <CycleContextProvider>
+          <BuilderContextProviderWithPrices>
+            <RewardsTable builder={builder} tokens={tokens} gauges={gauges} />
+          </BuilderContextProviderWithPrices>
+        </CycleContextProvider>
+      </BackerRewardsContextProvider>
+    </>
+  )
+}
diff --git a/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
index da80094c..ddd90242 100644
--- a/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
+++ b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
@@ -3,11 +3,11 @@ import {
   Token,
   BackerRewardsClaimedEventLog,
   useGetGaugesBackerRewardsClaimed,
-  useGetGaugesBackerRewards,
 } from '@/app/collective-rewards/rewards'
 import { Address } from 'viem'
+import { useGaugesGetFunction } from '@/app/collective-rewards//shared'
 
-type TokenRewards = {
+export type TokenRewards = {
   earned: Record<Address, bigint>
   claimed: Record<Address, BackerRewardsClaimedEventLog>
   estimated: Record<Address, bigint>
@@ -19,12 +19,18 @@ type BackerRewardsContextValue = {
   }
   isLoading: boolean
   error: Error | null
+  getRewardByGauge: <Type extends bigint | BackerRewardsClaimedEventLog>(
+    rewardToken: Address,
+    gauge: Address,
+    type: keyof TokenRewards,
+  ) => Type | undefined
 }
 
 export const BackerRewardsContext = createContext<BackerRewardsContextValue>({
   data: {},
   isLoading: false,
   error: null,
+  getRewardByGauge: () => undefined,
 })
 
 type BackerRewardsProviderProps = {
@@ -41,20 +47,21 @@ const useGetTokenRewards = (backer: Address, token: Token, gauges: Address[]) =>
     data: earned,
     isLoading: earnedLoading,
     error: earnedError,
-  } = useGetGaugesBackerRewards(backer, token.address, gauges, 'earned')
+  } = useGaugesGetFunction(gauges, 'earned', [token.address, backer])
+  // TODO: change from to estimatedBackerRewards once the contracts are updated
+  const {
+    data: estimated,
+    isLoading: estimatedLoading,
+    error: estimatedError,
+  } = useGaugesGetFunction(gauges, 'earned', [token.address, backer])
   const {
     data: claimed,
     isLoading: claimedLoading,
     error: claimedError,
   } = useGetGaugesBackerRewardsClaimed(gauges, token.address, backer)
-  const {
-    data: estimated,
-    isLoading: estimatedLoading,
-    error: estimatedError,
-  } = useGetGaugesBackerRewards(backer, token.address, gauges, 'estimatedBackerRewards')
 
-  const isLoading = earnedLoading || claimedLoading || estimatedLoading
-  const error = earnedError ?? claimedError ?? estimatedError
+  const isLoading = earnedLoading || estimatedLoading || claimedLoading
+  const error = earnedError ?? estimatedError ?? claimedError
 
   return {
     data: {
@@ -83,13 +90,20 @@ export const BackerRewardsContextProvider: FC<BackerRewardsProviderProps> = ({
   const isLoading = rifLoading || rbtcLoading
   const error = rifError ?? rbtcError
 
+  const data: { [token: string]: TokenRewards } = {
+    [rif.address]: rifRewards,
+    [rbtc.address]: rbtcRewards,
+  }
+
+  const getRewardByGauge = <Type,>(rewardToken: Address, gauge: Address, type: keyof TokenRewards) => {
+    return data[rewardToken][type][gauge] as Type
+  }
+
   const valueOfContext: BackerRewardsContextValue = {
-    data: {
-      [rif.address]: rifRewards,
-      [rbtc.address]: rbtcRewards,
-    },
+    data,
     isLoading,
     error,
+    getRewardByGauge,
   }
 
   return <BackerRewardsContext.Provider value={valueOfContext}>{children}</BackerRewardsContext.Provider>
diff --git a/src/app/collective-rewards/rewards/backers/hooks/index.ts b/src/app/collective-rewards/rewards/backers/hooks/index.ts
index ba48501b..ef8d2c44 100644
--- a/src/app/collective-rewards/rewards/backers/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/backers/hooks/index.ts
@@ -1,3 +1,3 @@
 export * from './useClaimBackerRewards'
 export * from './useGetGaugesBackerRewardsClaimed'
-export * from './useGetGaugesBackerRewards'
+export * from './useGetBackerRewards'
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
new file mode 100644
index 00000000..eec70f54
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
@@ -0,0 +1,167 @@
+import {
+  Token,
+  TokenRewards,
+  useBackerRewardsContext,
+  useGetBuildersRewardPercentage,
+  RifSvg,
+  RbtcSvg,
+} from '@/app/collective-rewards/rewards'
+import { useBuilderContext } from '@/app/collective-rewards/user'
+import { useGaugesGetFunction } from '@/app/collective-rewards//shared'
+import { Address } from 'viem'
+import { usePricesContext } from '@/shared/context/PricesContext'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+
+const tokenRewardsMetrics = (tokenRewards: TokenRewards, gauge: Address) => {
+  const estimatedRewards = Number(formatBalanceToHuman(tokenRewards.estimated[gauge] ?? 0n))
+  const earned = Number(formatBalanceToHuman(tokenRewards.earned[gauge] ?? 0n))
+  const claimed = Number(
+    formatBalanceToHuman(
+      tokenRewards.claimed[gauge]?.reduce((acc, value) => acc + value.args.amount_, 0n) ?? 0n,
+    ),
+  )
+
+  return {
+    claimableRewards: earned,
+    estimatedRewards,
+    allTimeRewards: earned + claimed,
+  }
+}
+
+export const useGetBackerRewards = (
+  builder: Address,
+  gauges: Address[],
+  { rif, rbtc }: { [token: string]: Token },
+  currency = 'USD',
+) => {
+  // TODO: check which gauges are we going to use
+  // TODO: check which builders are we going to use
+  const { data: builders, isLoading: buildersLoading, error: buildersError } = useBuilderContext()
+  const buildersAddress = builders?.map(({ address }) => address)
+  const {
+    data: buildersRewardsPct,
+    isLoading: buildersRewardsPctLoading,
+    error: buildersRewardsPctError,
+  } = useGetBuildersRewardPercentage(buildersAddress)
+  const {
+    data: totalAllocation,
+    isLoading: totalAllocationLoading,
+    error: totalAllocationError,
+  } = useGaugesGetFunction(gauges, 'totalAllocation')
+  const {
+    data: allocationOf,
+    isLoading: allocationOfLoading,
+    error: allocationOfError,
+  } = useGaugesGetFunction(gauges, 'allocationOf', [builder])
+  const { data: tokenRewards, isLoading: rewardsLoading, error: rewardsError } = useBackerRewardsContext()
+
+  const isLoading =
+    buildersLoading ||
+    buildersRewardsPctLoading ||
+    totalAllocationLoading ||
+    allocationOfLoading ||
+    rewardsLoading
+  const error =
+    buildersError ?? buildersRewardsPctError ?? totalAllocationError ?? allocationOfError ?? rewardsError
+
+  const { prices } = usePricesContext()
+  const rifPrice = prices[rif.symbol]?.price ?? 0
+  const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
+
+  const data = builders.map(({ address, builderName, gauge }) => {
+    const builderTotalAllocation = totalAllocation[gauge]
+    const backerAllocationOf = allocationOf[gauge]
+    const totalAllocationPercentage = builderTotalAllocation
+      ? (backerAllocationOf * 100n) / builderTotalAllocation
+      : 0n
+    const rewardPercentage = buildersRewardsPct[address] ?? null
+
+    const rifRewards = tokenRewardsMetrics(tokenRewards[rif.address], gauge)
+    const rbtcRewards = tokenRewardsMetrics(tokenRewards[rbtc.address], gauge)
+
+    return {
+      address,
+      builderName,
+      rewardPercentage,
+      estimatedRewards: {
+        rif: {
+          crypto: {
+            value: rifRewards.estimatedRewards,
+            symbol: rif.symbol,
+          },
+          fiat: {
+            value: rifPrice * rifRewards.estimatedRewards,
+            symbol: currency,
+          },
+          logo: RifSvg(),
+        },
+        rbtc: {
+          crypto: {
+            value: rbtcRewards.estimatedRewards,
+            symbol: rbtc.symbol,
+          },
+          fiat: {
+            value: rbtcPrice * rbtcRewards.estimatedRewards,
+            symbol: currency,
+          },
+          logo: RbtcSvg(),
+        },
+      },
+      totalAllocationPercentage,
+      claimableRewards: {
+        rif: {
+          crypto: {
+            value: rifRewards.claimableRewards,
+            symbol: rif.symbol,
+          },
+          fiat: {
+            value: rifPrice * rifRewards.claimableRewards,
+            symbol: currency,
+          },
+          logo: RifSvg(),
+        },
+        rbtc: {
+          crypto: {
+            value: rbtcRewards.claimableRewards,
+            symbol: rbtc.symbol,
+          },
+          fiat: {
+            value: rbtcPrice * rbtcRewards.claimableRewards,
+            symbol: currency,
+          },
+          logo: RbtcSvg(),
+        },
+      },
+      allTimeRewards: {
+        rif: {
+          crypto: {
+            value: rifRewards.allTimeRewards,
+            symbol: rif.symbol,
+          },
+          fiat: {
+            value: rifPrice * rifRewards.allTimeRewards,
+            symbol: currency,
+          },
+          logo: RifSvg(),
+        },
+        rbtc: {
+          crypto: {
+            value: rbtcRewards.allTimeRewards,
+            symbol: rbtc.symbol,
+          },
+          fiat: {
+            value: rbtcPrice * rbtcRewards.allTimeRewards,
+            symbol: currency,
+          },
+          logo: RbtcSvg(),
+        },
+      },
+    }
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewards.ts
deleted file mode 100644
index 376c7884..00000000
--- a/src/app/collective-rewards/rewards/backers/hooks/useGetGaugesBackerRewards.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
-import { Address } from 'viem'
-import { useReadContracts } from 'wagmi'
-import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-import { useMemo } from 'react'
-import { AbiFunction } from 'viem'
-
-type FunctionEntry = Extract<(typeof GaugeAbi)[number], AbiFunction>
-type FunctionName = Extract<FunctionEntry['name'], 'earned' | 'estimatedBackerRewards'>
-
-export const useGetGaugesBackerRewards = (
-  backer: Address,
-  rewardToken: Address,
-  gauges: Address[],
-  functionName: FunctionName,
-) => {
-  const contractCalls = gauges.map(gauge => {
-    return {
-      address: gauge,
-      abi: GaugeAbi,
-      functionName,
-      args: [rewardToken, backer],
-    } as const
-  })
-
-  const {
-    data: contractResults,
-    isLoading,
-    error,
-  } = useReadContracts<bigint[]>({
-    contracts: contractCalls,
-    query: {
-      refetchInterval: AVERAGE_BLOCKTIME,
-    },
-  })
-
-  const gaugesMap = useMemo(
-    () =>
-      gauges.reduce<Record<Address, bigint>>((acc, gauge, index) => {
-        if (!contractResults) {
-          return {} as Record<Address, bigint>
-        }
-
-        const earned = (contractResults[index].result as bigint) || BigInt(0)
-        acc[gauge] = earned
-
-        return acc
-      }, {}),
-    [gauges, contractResults],
-  )
-
-  return {
-    data: gaugesMap,
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx b/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx
index 3ec97710..c110f5df 100644
--- a/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx
@@ -5,8 +5,8 @@ import {
   TokenMetricsCardRow,
   useGetBuilderRewards,
   useGetBuilderRewardsClaimedLogs,
-  RewardDetails,
   Token,
+  BuilderRewardDetails,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
@@ -64,7 +64,7 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
   })
 }
 
-type AllTimeRewardsProps = Omit<RewardDetails, 'builder'>
+type AllTimeRewardsProps = Omit<BuilderRewardDetails, 'builder'>
 
 export const AllTimeRewards: FC<AllTimeRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
diff --git a/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx b/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx
index ec1c95a4..a4c3df1a 100644
--- a/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx
+++ b/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx
@@ -5,12 +5,12 @@ import {
   MetricsCardTitle,
   MetricsCardContent,
   useGetBuilderRewardsClaimedLogs,
-  RewardDetails,
   useGetGaugesNotifyReward,
+  BuilderRewardDetails,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 
-type AllTimeShareProps = Omit<RewardDetails, 'builder'>
+type AllTimeShareProps = Omit<BuilderRewardDetails, 'builder'>
 
 export const AllTimeShare: FC<AllTimeShareProps> = ({ gauge, gauges, tokens: { rif } }) => {
   const {
diff --git a/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
index 1ef243fa..f818bc9b 100644
--- a/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
@@ -6,8 +6,8 @@ import {
   useClaimBuilderRewards,
   useGetBuilderRewards,
   Token,
-  RewardDetails,
   ClaimYourRewardsButton,
+  BuilderRewardDetails,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
@@ -62,7 +62,7 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
   })
 }
 
-type ClaimableRewardsProps = RewardDetails
+type ClaimableRewardsProps = BuilderRewardDetails
 
 export const ClaimableRewards: FC<ClaimableRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
diff --git a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
index 89bf36c5..0e1120ea 100644
--- a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
@@ -7,8 +7,8 @@ import {
   useGetTotalPotentialReward,
   useGetPerTokenRewards,
   useGetRewardPercentageToApply,
-  RewardDetails,
   Token,
+  BuilderRewardDetails,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors, applyPrecision } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
@@ -63,12 +63,9 @@ const TokenRewards: FC<TokenRewardsProps> = ({ builder, gauge, token: { id, symb
 
   const { prices } = usePricesContext()
 
-  const rewardsAmount = rewardPercentage ? applyPrecision(rewards * rewardPercentage) : 0n
-
-  // rewardsAmountGauge = rewardsAmount * rewardShares / totalPotentialRewards
-  // rewardsAmountBuilder = rewardsAmount * (1 - rewardPercentage) / totalPotentialRewards
-  const estimatedRewards =
-    rewardShares && totalPotentialRewards ? (rewardShares * rewardsAmount) / totalPotentialRewards : 0n
+  const rewardsAmount =
+    rewardShares && totalPotentialRewards ? rewards * (rewardShares / totalPotentialRewards) : 0n
+  const estimatedRewards = rewardPercentage ? applyPrecision(rewardsAmount * rewardPercentage) : 0n
   const estimatedRewardsInHuman = Number(formatBalanceToHuman(estimatedRewards))
   const price = prices[symbol]?.price ?? 0
   const { amount, fiatAmount } = formatMetrics(estimatedRewardsInHuman, price, symbol, currency)
@@ -84,7 +81,7 @@ const TokenRewards: FC<TokenRewardsProps> = ({ builder, gauge, token: { id, symb
   })
 }
 
-type EstimatedRewardsProps = RewardDetails
+type EstimatedRewardsProps = BuilderRewardDetails
 
 export const EstimatedRewards: FC<EstimatedRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
diff --git a/src/app/collective-rewards/rewards/builders/LastCycleRewards.tsx b/src/app/collective-rewards/rewards/builders/LastCycleRewards.tsx
index 790e47e5..2f14eb74 100644
--- a/src/app/collective-rewards/rewards/builders/LastCycleRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/LastCycleRewards.tsx
@@ -6,8 +6,8 @@ import {
   MetricsCardTitle,
   TokenMetricsCardRow,
   useGetGaugeNotifyRewardLogs,
-  RewardDetails,
   Token,
+  BuilderRewardDetails,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
@@ -54,7 +54,7 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
   })
 }
 
-type LastCycleRewardsProps = Omit<RewardDetails, 'builder'>
+type LastCycleRewardsProps = Omit<BuilderRewardDetails, 'builder'>
 
 export const LastCycleRewards: FC<LastCycleRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
diff --git a/src/app/collective-rewards/rewards/builders/Rewards.tsx b/src/app/collective-rewards/rewards/builders/Rewards.tsx
index f076494d..1f25cd74 100644
--- a/src/app/collective-rewards/rewards/builders/Rewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/Rewards.tsx
@@ -14,8 +14,9 @@ import { Popover } from '@/components/Popover'
 import { Paragraph } from '@/components/Typography'
 import { PricesContextProvider } from '@/shared/context/PricesContext'
 import { FC } from 'react'
+import { Address } from 'viem'
 
-type RewardsProps = RewardDetails
+type RewardsProps = RewardDetails & { gauge: Address }
 
 export const Rewards: FC<RewardsProps> = ({ builder, ...rest }) => {
   const { isClaimFunctionReady, claimRewards } = useClaimBuilderRewards(builder)
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
index 1dc4698b..1c643645 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
@@ -1,20 +1,21 @@
 import { useCycleContext } from '@/app/collective-rewards/metrics'
 import {
   getNotifyRewardAmount,
+  Token,
   useGetBuildersRewardPercentage,
   useGetGaugesNotifyReward,
-  useGetGaugesRewardShares,
   useGetRewardsCoinbase,
   useGetRewardsERC20,
-  useGetTotalAllocations,
   useGetTotalPotentialReward,
+  RifSvg,
+  RbtcSvg,
 } from '@/app/collective-rewards/rewards'
 import { useGetFilteredBuilders } from '@/app/collective-rewards/whitelist'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { RBTC, RIF, USD } from '@/lib/constants'
 import { usePricesContext } from '@/shared/context/PricesContext'
+import { useGaugesGetFunction } from '@/app/collective-rewards/shared'
 
-export const useGetBuildersRewards = () => {
+export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token }, currency = 'USD') => {
   const {
     data: activeBuilders,
     isLoading: activeBuildersLoading,
@@ -29,23 +30,24 @@ export const useGetBuildersRewards = () => {
 
   const buildersAddress = activeBuilders?.map(({ address }) => address)
   const {
-    data: buildersRewardsPercentage,
-    isLoading: rewardsPercentageLoading,
-    error: rewardsPercentageError,
+    data: buildersRewardsPct,
+    isLoading: buildersRewardsPctLoading,
+    error: buildersRewardsPctError,
   } = useGetBuildersRewardPercentage(buildersAddress)
 
   const gauges = activeBuilders?.map(({ gauge }) => gauge)
   const {
-    data: { allocationsPercentage },
-    isLoading: allocationsLoading,
-    error: allocationsError,
-  } = useGetTotalAllocations(gauges)
+    data: totalAllocation,
+    isLoading: totalAllocationLoading,
+    error: totalAllocationError,
+  } = useGaugesGetFunction(gauges, 'totalAllocation')
+  const sumTotalAllocation = Object.values(totalAllocation ?? {}).reduce((acc, value) => acc + value, 0n)
 
   const {
     data: rewardShares,
     isLoading: rewardSharesLoading,
     error: rewardSharesError,
-  } = useGetGaugesRewardShares(gauges)
+  } = useGaugesGetFunction(gauges, 'rewardShares')
 
   const {
     data: rewardsERC20,
@@ -75,15 +77,15 @@ export const useGetBuildersRewards = () => {
     lastCycleAfterDistribution.toSeconds(),
     endDistributionWindow.toSeconds(),
   )
-
-  const buildersRewardsAmount = getNotifyRewardAmount(gauges, notifyRewardEventLastCycle)
+  const rifBuildersRewardsAmount = getNotifyRewardAmount(notifyRewardEventLastCycle, rif, 'builderAmount_')
+  const rbtcBuildersRewardsAmount = getNotifyRewardAmount(notifyRewardEventLastCycle, rbtc, 'builderAmount_')
 
   const isLoading =
     rewardSharesLoading ||
     activeBuildersLoading ||
-    allocationsLoading ||
+    totalAllocationLoading ||
     logsLoading ||
-    rewardsPercentageLoading ||
+    buildersRewardsPctLoading ||
     rewardsERC20Loading ||
     rewardsCoinbaseLoading ||
     cycleLoading ||
@@ -92,9 +94,9 @@ export const useGetBuildersRewards = () => {
   const error =
     rewardSharesError ??
     activeBuildersError ??
-    allocationsError ??
+    totalAllocationError ??
     logsError ??
-    rewardsPercentageError ??
+    buildersRewardsPctError ??
     rewardsERC20Error ??
     rewardsCoinbaseError ??
     cycleError ??
@@ -102,13 +104,13 @@ export const useGetBuildersRewards = () => {
 
   const { prices } = usePricesContext()
 
-  const priceRif = prices[RIF]?.price ?? 0
-  const priceRbtc = prices[RBTC]?.price ?? 0
+  const rifPrice = prices[rif.symbol]?.price ?? 0
+  const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
 
   return {
-    data: activeBuilders.map(({ address, builderName }, i) => {
-      const builderRewardShares = rewardShares ? rewardShares[i] : 0n
-      const rewardPercentage = buildersRewardsPercentage?.[i] ?? null
+    data: activeBuilders.map(({ address, builderName, gauge }) => {
+      const builderRewardShares = rewardShares[gauge] ?? 0n
+      const rewardPercentage = buildersRewardsPct[address] ?? null
       const currentRewardPercentage = rewardPercentage?.current ?? 0
 
       // calculate rif estimated rewards
@@ -127,8 +129,11 @@ export const useGetBuildersRewards = () => {
       const estimatedRbtcInHuman =
         Number(formatBalanceToHuman(rewardsAmountRbtc)) * (currentRewardPercentage / 100)
 
-      const totalAllocationPercentage = allocationsPercentage?.[i] ?? 0n
-      const builderRewardsAmount = buildersRewardsAmount[gauges[i]]
+      const totalAllocationPercentage = sumTotalAllocation
+        ? (totalAllocation[gauge] * 100n) / sumTotalAllocation
+        : 0n
+      const rifBuilderRewardsAmount = Number(formatBalanceToHuman(rifBuildersRewardsAmount[gauge] ?? 0n))
+      const rbtcBuilderRewardsAmount = Number(formatBalanceToHuman(rbtcBuildersRewardsAmount[gauge] ?? 0n))
 
       return {
         address,
@@ -137,34 +142,38 @@ export const useGetBuildersRewards = () => {
         rewardPercentage,
         lastCycleReward: {
           RIF: {
-            crypto: { value: builderRewardsAmount.RIF, symbol: RIF },
+            crypto: { value: rifBuilderRewardsAmount, symbol: rif.symbol },
             fiat: {
-              value: priceRif * builderRewardsAmount.RIF,
-              symbol: USD,
+              value: rifPrice * rifBuilderRewardsAmount,
+              symbol: currency,
             },
+            logo: RifSvg(),
           },
           RBTC: {
-            crypto: { value: builderRewardsAmount.RBTC, symbol: RBTC },
+            crypto: { value: rbtcBuilderRewardsAmount, symbol: rbtc.symbol },
             fiat: {
-              value: priceRbtc * builderRewardsAmount.RBTC,
-              symbol: USD,
+              value: rbtcPrice * rbtcBuilderRewardsAmount,
+              symbol: currency,
             },
+            logo: RbtcSvg(),
           },
         },
         estimatedReward: {
           RIF: {
-            crypto: { value: estimatedRifInHuman, symbol: RIF },
+            crypto: { value: estimatedRifInHuman, symbol: rif.symbol },
             fiat: {
-              value: priceRif * estimatedRifInHuman,
-              symbol: USD,
+              value: rifPrice * estimatedRifInHuman,
+              symbol: currency,
             },
+            logo: RifSvg(),
           },
           RBTC: {
-            crypto: { value: estimatedRbtcInHuman, symbol: RBTC },
+            crypto: { value: estimatedRbtcInHuman, symbol: rbtc.symbol },
             fiat: {
-              value: priceRbtc * estimatedRbtcInHuman,
-              symbol: USD,
+              value: rbtcPrice * estimatedRbtcInHuman,
+              symbol: currency,
             },
+            logo: RbtcSvg(),
           },
         },
       }
diff --git a/src/app/collective-rewards/rewards/components/Svg/RbtcSvg.tsx b/src/app/collective-rewards/rewards/components/Svg/RbtcSvg.tsx
new file mode 100644
index 00000000..543fecd4
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Svg/RbtcSvg.tsx
@@ -0,0 +1,23 @@
+export const RbtcSvg = () => (
+  <svg
+    width="15"
+    height="14"
+    viewBox="0 0 15 14"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <rect x="0.25" y="0.25" width="14.4902" height="13.5" fill="url(#pattern0_9325_20112)" />
+    <defs>
+      <pattern id="pattern0_9325_20112" patternContentUnits="objectBoundingBox" width="1" height="1">
+        <use xlinkHref="#image0_9325_20112" transform="scale(0.0022779 0.00244499)" />
+      </pattern>
+      <image
+        id="image0_9325_20112"
+        width="439"
+        height="409"
+        xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbcAAAGZCAYAAAAKMX+tAAAACXBIWXMAABcSAAAXEgFnn9JSAAA4mElEQVR4nO3df3xU5Z0v8M9MwkRoJoRMqsnIj2M2TKjyI5DQFSqaKS2LLMF0ta7iatUW2XYrrRXbautFbvel3QrWand7A626WqFbcDsSr1JuNbFY6C0ZQKBKBi4OqBO0GcUkBYkxc/84MySESTKZnHOe5znn83698oIEMufbCvPheb7PD1cikQAREZGduEUXQEREZDSGGxER2Q7DjYiIbIfhRkREtsNwIyIi22G4ERGR7TDciIjIdhhuRERkOww3IiKyHYYbERHZDsONiIhsh+FGRES2w3AjIiLbYbgREZHtMNyIiMh2GG5ERGQ7DDciIrIdhhsREdkOw42IiGyH4UZERLbDcCMiItthuBERke0w3IiIyHYYbkREZDsMNyIish2GGxER2Q7DjYiIbIfhRkREtpMrugAioVrDxWm/HmuuHvT7vP4YvP7YOV8vrWozpC4iGhGGG9lPKrBSAdXRWoLOmB8A0NZSga6Ogn7fUWfQk0PnfMVfvevMz0urdgMAfBUHkeftZBASmceVSCRE10A0fK3hYsRbAjjdUYDW8Cyc7vAi3jKlz++oE1VahkJnfqaPAt+GLxCBx9sJf3Uzg49oZBhuJLd4xIN4yxTEWwKIRwL9Rl51IkszUejMz/zVu5Dvj6E4EIGvIsLQI8oMw43kEmmYfibIYs2zk1+tE1mSREIA9GlNX0ULigMRlFY3wxfoElsWkXwYbiROPOJBa3M1YuFqxFsq0JHsizHMhiMEQB/hlVbt5pQmkY7hRtaKNExHtKkGseaq5PRineiSbCYEoDfstOBLHNmREzHcyFyt4WJEG2sQbQpyZCZECB5vO7RgI/xVuxGo3Se6ICIrMNzIeJGG6YiFZyHaGOToTCohAPqoTqtpwtSlO8SWQ2QehhsZIzXdGG0MJr9SJ7IcGlIIgL44paK2gUFHdsNwo+wx0OwiBIBBR7bCcKPhaQ0Xo6VhMaccbSsEANCCjdBqmtijI1Ux3CgzBzbMxf4NNyQXhdSJLocs0bsYZdrSDVx1SSphuNHAWsPF2L9hKacdCUAIvoqDmLZ0I0dzpAKGG52LozQamD6aq6htwJyVm0UXQzQQhhv12rnmGrQ01LKXRhkIAcCZKUueikKSYbg5XTziwf4NSxHZclXyK3UiyyElccqSpMNwc6rWcDHC9bclDyeuE10O2UIIXn8MVcvrGXIkGsPNaRhqZD6GHAnHcHMKhhpZT198MnflWoYcWY3hZncMNRKPIzmyHMPNzp677R6GGkmEIUeWYbjZUdN9N3P1I0ksBH/1LlQtX8ctBGQWhpudhOsXYv+G67lPjRQRghZsxIK1j4guhOyH4WYH0SYNO9fcxRNFSEEhAEDV8npULd8qthSyE4ab6thXI3vQ+3FzVj4IrSYquhhSH8NNVeH6hQjXL09+VieyFCID6f24xevuF10IqY3hpprWcDGaVq3mFCTZmL4/btrSjZyqpGwx3FSy7c4Vyetn6kSXQmQB/czKmtWreJccDRfDTQXRJg1Nq1ZzFSQ5VIgLTmi4GG6y42iNCOAojoaJ4SYrjtaI0uEojjLCcJPRzjXXYP+GG8BQI0qHozgaEsNNJvGIB02rViPeMgUMNqLBebxPonp5PaYu3SG6FJIPw00WBzbMxY41d4GhRjQcPMKL0mK4yYCLRohGQj/dZMFDd3CaklIYbiLFIx5s+9aPuSGbyBAhzF35IKcpCWC4iRNpmI6mVavBUCMyUgiBJc+i5r4nRBdCYjHcROi9b61OdClENsTVlMRws9wz1z/A1ZBEFvB4n0TN6lW8ZcCZGG5WiUc8aFi2npuyiSzFPpxDMdyswP4akUjswzkQw81svfeu1YkuhcjB9D7c1RvvFl0IWYPhZiYuHCGSCReaOAjDzSxcOEIkJ4/3SdSuX8aAsze36AJsicFGJK+ujpvQsGw9ok2a6FLIPBy5GYkrIolUEkLN6lUI1O4TXQgZL1d0AbbRG2w3iS6FiDJSh6ZVAMCAsyGO3IzAYCNSWQgzb3kcs2/fIroQMg57biMVbdIYbETK0ldQMthsh9OSI8HN2UQq4+ZuG2O4ZYvBRqQyLiaxOYZbNhhsROriPjdHYLgNF4ONSFU8ocRBuFpyOOIRD5657r/AYCNSDc+WdBiO3DKVWu7PYCNSja2D7XDbW2e9j5cXj+8WVYtMGG6Z4D42IlUpHWwvHdpdduz9dyY+u2/7VSdOdRaeONVZuPftQ5VpfquW/DF6zi8UlUS1otIoANRO/czmUTm5XZ+vqP79lAsmnTarbhlwWnIoDDYiVSkVbJtfbap+KRL+7M43/jynX4BpJjwueubFi0qilRdO3vvZQNXzdgo9httQNi7+d3TEvia6DCIaFumDbfdbkaKf72z4yguv/fHK6HvHteSXtUG+xQpRQA+8z1VU//YL0y9/ZtHFcw4JrikrDLfB8HR/IhVJG2ypQNsY/t31J051FkJ8mA0lCvSG3ZcvXfyLS7VL/iK4poww3Aby3G33INY8Gww2IrX4Kn4oW7A9/PKmup80/fobyRGaJrickYgCQE35zKZ/mr3giS9fuvhlwfUMiOGWDm/QJlKTZBu0v7Zp7bd/9kroq8lPNZG1mCAKAJUXTt779cv/4WHZgo7h1t+BDXOxY81dYLARqSaE2vXLUFrVJroQm4daOlFAH9HdNf/6+2Xo0zHc+oo2adj2rR+DwUakGinOivyfv33iplXP/2J18lNNZC0CRQtH55+4prLmv9Zf950fiiqC4ZbCJf9EqhJ+uv8fjuwbv3jddxoUWSRilSigT1ved+Wt91417bIDVj6c4ZbCJf9EKhK+MjL46IrHmw7vqQFDbTDRwtH5J777uX/61+987oZnrHggww3gykgiVXm8T+Lml78k4tF/eG37xMVP3v8sR2vDEh1XlH9i+4p/n3fJuLJOMx/E47d2rrmGwUZD0oK9P482iquD+gph7sq1Ih58d+iRf/5h46bvgKGWuVwgdzJ8f72wsyve014EgOFmmkjDdOzfcAMYbDSUy+4GxhQDp9uB6TcCh54HTsUZdOKEoAUbRSwgmfmjW3+TPB5Ls/rZSsoFcibhdM4k9MANL4DWy32Vxyx4rEPFIx7sWHMnGGw0FC0IjPHpP88rAEoq9Q8kgJNxoO114Oh2hp2VvP4YFqx9xMpHvnn8kGf6wyv+L6chM+e+EKdyK+CGG3mpr00aU2J6sAFODremVau5MpIyMtoHwJXmF1z6aG7iPP0jFXaxPwFHXtR/C8PODPqyfwv9+Y09RZfV3/PiiVOdlVY+V1VuP5A7GZ0Yhfz+vzajYPJeK2pwZrg13Xdz8sxIoqFNmpfhb0yGXfki/aOnG+hsBd7dz7Azjj4daeFG7YbwC9OXPHn/s+BobUjucUBOACdcXhQC5wYbAMwYO/lVK2pxXrhFGqbzaC0aluJPZfd97lygYIL+Ub4I6P4Q+OAY8MaLwO71xtboFB5vu5XTkQy2zLhGA7lT8aFrLM4DUDjIb41c7pv5eytqclvxEKmwz0bD0bffNlK55wG+ADB+jjGv5zyWro5ksA3NNRrInYbOUZ8BksE2JCsWkwBOG7k9c/0D6OooEF0GKWTAftsIvLXT2NdzCn/1LqtWR755/JCHwTaI1ArIi5CHAaYf05lRMNmy1a3OCbdw/ULezUbDlnG/bRjeO2z8a9pfCFXL11nxoNSqSDDYzpUL5EwEcjR09V0BmanLi2dadnOAM8ItHvEgXL8cDDYarmz7bQM53Z7d92lBfX9dV4cTtx3oZ0datIgkudy/0opnqcTtB3LK8aHLg/MAeLJ4iciMgnKO3AzFk/4pG0b221LeP5J9KJVU6j/23XbglD12Fh2KPPNHt/4muY+NktzjgJyp6HLlwQNk1lcbyI0TrrRkMQnghHDbueYadMT8ossgBcnUbysq7/eFfnvs7LvtIISq5fVWPOhrG+//Nk8e6eUelxypjc16pHYWK/ttgN3DrTVczOO1KGsy9duGWmHZf9uBXcLO421H1fKtZj+mIfzC9J/98YWvgsEG12ggpwIfuYsxCiMcqfVlZb8NsHu4Na1aDQYbZUumftu4suF9z0B77Fp3A7Fd+u+RP+xCmLZ0oxUPumnTI/8JhwebazSQUwa4SwEAowx++cgVFu1vS7FvuIXrF3I6krImW78tb4Q7WFJ77HwBYOp1wIFfyR9uFo3aHN9nS62AnIRu5JiXCbUll3FacsS4OpJGSup+mwHeP2L8axrLklHbw9seq3Nyny1nIpDzN2dCzbQ8WFIyb4tZrz0Qe4bbzjUrwWCjkVCp3zZsCX11pewsGLXd8b8f/zEcGGxuvx5qrjxzQy0psqRkXoPJzziH/cLtwIa5yctHibKncr9tKCel3zag72szWfDRFY+b/QzZuMcBORX42JWPHFj4/m/lFoAU+4VbM6cjaYTs1m/rr+11Y1/PDCbva9u6+/mLmw7vqYFDRm3ucfpiEdc4AECOlc8WMSUJ2C3cmu67mWdH0ojZvd92dLvxr2kkLWj6sPL6Xz/6NBwQbP1WQIogZEoSsFO4xSMeXmVDhmC/TaQQArWm/kv/4W2P1dl+dWSuHmo5E0UXImZKErBTuHERCRmF/TZxvP4YtJqomY+w9SKS5LL+3EkuJHISoqsRNiUJ2CXcIg3TuYhEIUseAwrGy3kuIvttIoUwbenTZj7gaxvv/7aZry+S2w+MqtBDLQHxwQaBU5KAXcKNe9rUMq5Mf9NOnYso0yHAMvXb/Cb8e032ftvUpTvMfHk7HrHl9icXi5wHWUINAFA4Kv+EqClJwA7hxpNI1KIFgTxvvy/2OwRYZNjJ1G8rnWVsHbL320xeSGK3UVu/FZCyidw4YdFTIgtQP9z2b7geHLUpZqiRUZqwa3/LmkOAZeq3jTV4NYDc/TbTF5JYPGqL9vvcsOe6RgO5F0sbamesueT2n4p8vtrhFq5fyKX/iimbn8U3uaw58V62fluuYQey62Tut3m87WYuJLFo1BatvHDy3pVzF679zITJr2mTZr4HAMffOeSJvd9a8lzL3prH926/JfrecQ1ZhJ0Ey/ozdrnFhySno3q4sdemmnEG7Nsa6HqXY38Y2Yn37LeJY/KUpMmjtmhN+cymn9XecucUTQ+0vkoumNxVcsHkY7OmXP7k/7hqxZNbdz9/8fW/fvTp5HaEoWtKHWxs8MJZE0VumnCl0ClJQOVwa7rvZtEl0DBpQSC/xPjXTYXd1Ov0j2yvd2G/TZQQtJoms1784W2P1Zn00oOG2kAWzlr02vuzFs2c+aNbf7P37UPAQAGXCrWJUOqdetKYkmMiF5KkKPR/WT/csK0mo5e2p9P/epfuD4G2g/ooKhU26cKO/TYxTJ6S/MnOF74BY0dtUa2oJPqz2lv+ZeGsRa9l+yJ7vv3YFwYKuL4rIBUTWXHRtT8RXQSgarhx1Kam0Qb3szKVex5QUql/AHroTL/x7LAD2G8TxcQpyd0Hfz8x2eMyQrRwdP6JjdfefsNIQq2vPd9+7AvjvnvlnhOnOgEkV0BeomSoAdCX/3+97IvPia4DUDXcOGpTkxnTftnIKzg77E62Jd/82W8TwNQpyR+8svUOjHzUFi0cnX9i1We/uPqbC24Njbyqs2289vYb/n7LAw05ZSiTfQXkECK3l137qOgiUtQLN47a1FWoia4gvdS2A6Ox3zY0k6ckQ/u3143g26MA8OO/v+UOM0ItZeGsRa/9zfuPHzl68rg6S0bSKByVf+L7gVt+KbqOFLfoAoaNozY1aUEgX4E1zEZhvy0z/uqwWS/99Cu/vizLb40CiH710it/lvjJ9ovMDLaUlRdd+6DZzzCZVKM2QLWR284114gugUbArdYftxFhvy0Tpk5Jfv/FTT/A8KckozXlM5sab3/kFhNKGtCCopkvAYgACFj5XKPINmoDVAu3loZacNSmJjP6SDJjvy0zgdp9Zrzs2+8c8gxzIUlWy/qNohWWd1v9TANF7g3c+gPRRfSnTrjxNBK1Gd5Hktyp9/UpxuGO3pzUb/P6Y2a99C/++MJ1yGzUFtWKSqLP3XTP1ZdcZH2o2cGkMSXHZFkh2Zc64cYzJNVlRh9JdvPuwbDPxHRav02rMa2wx/duH2pa0ZC9aoTIzyu/92XRRaSjRrhFGqZz1KY4o/tISuh3JmYmJ6c4qd9WWr3LrBcfZEoyWjg6/8RPF99y+w2XXfuKWc93iMiSknlbLvdVHhNdSDpqhBtHbWpzWr9tIP1PTum/mdxp/Tat5qgZLzvAKklT96qN1NF39xSJrmG4Ckfln9g0+/67RNcxEPnDrTVcjHjLFNFl0Ag4rd+WqbM2kyeAno8NfoDE/TZfxZ/Neumf73nly+jtt0UB4KuXXvmz/7j+nh+Z9cyR2tl+KAC1VkpKuYikL/nDraVhMThqU9s4pfemWsRl/FaJ9rfk7bf5KkxZJQkATYf31CR/GpU91FIeenvrnaJrGI4ZBZP3ybiIpC/5w03ftE0q+8OP9KO3LphhzcHJpHt3v+gKBtINf5Vp/TYAqCmf+cQvr719+YUXTO4y8zlG2BHbPvHV9kPTRdeRqcJR+X/6+cx7pFxE0pfc4RauXyi6BDLA65v1Dy2of15UDoyfAxRPcehCE4ukVmjK59fwVZi2COH1Ox6pErFXLVs3v/7IL6DOlGTk3sCtP5heUJ7lETzWkTvcIty0bSupKbJoI7B7fW/Ylc0Hzp+mH8/lpFNMzNQj7Z7gBID34AsY3WA8Q6Vg+/TLt246evK4KvtkIktK5m2RfToyRd53kmiTho6YX3QZZKK+YQfoYTfaB0xeBJw/lUE3Eh+d1EfIgGx9t274q5tEFyGDT79866bkdKQSo7ZJY0qOybw6sj953z2iTTXgqM1ZUm/CqSnMsvlA+ZUw/CoaJ8grAKq/CiChb+Q+8rvh3UpuntPwBRy9aXrb0ecvvvH1Rx8/8VFnIRQJtsJR+X/aPPuBq0XXMRzyhhsXkjhbtFH/OPIicOk39Y3QlAWXfqXP1Ov0j5Nt+ojuvcOiQq4dvoq3RDxYtNf+sqfo5tcerVdptJYUWXPJirtU6LP1JWe4RRqUWTlEJku9AU+/sfdyUcremGJ9RNfTDbx7ANj3lP5164JuE7z+k1Y9TAYtf9lT9PVDj//b7+N7LodaoQYAkXsrbv3BjROu/L3oQoZLznDjiSTUV+qNd4yPIzijuHN7N5DHI3qv85Tp51D2APgADcv0xSS37TbzWVL44q57HtxyfPsSqBdqABC5acKVT8l2lU2m5Aw3nkhC/aXedBesFVuHHfkC+kHP7W+aHXI98PrfQIdplwFIY8We+79V/9YLy5OfKhlsS0rmbVlfec+/ii4kW/KF24ENc0WXQBI7vpfTk2YpmKCHXDzS+zVjQ+5jjCl+Fx0x247aHmx57No1b2y6U6XFImlEZhRM3qfSysh05As3XkhKA0m90TLczOUL6CPkw8/rnxsXcAn89R0vADf0KUrbePTgY0v+Nbrpe4qHGpAMtj9d8dgXRRcyUvKFG6ckaSjdH/JkEyuULwK0zwJ7HzdmdaXLDZyMTwYwCsBpI0oUbdvR5y/++uHHf5LciK1yqAHJqUjVR2wpcoUbpyRpKNFG4ORfuLDEKrnn6asrU1OVIwk4lysHSOQC8EDxcNsR2z7x5tcf+YVNQg1ILh5RucfWn1zhxilJysTJOMPNar4A8Ll/049Ny34U50IiMQoK78pXfFn/QCK3l1376JpLbv+p6EKMJFe4cUqSMtEZA1Apugrncefqo7hj24HEx8DRYW59SiQAwAtFw+3zO1ast1mooXBU/p/WXLLiLhX3sQ1FnnDjlCRlyuMVXYGzTZwH+CqArk6gdVirHt0AipI/KsMGy/rTiUwaU3LsN5/+ty9c4i3rFF2MGeT5Q8azJClThZroCnqdbANOK3UqkTE+cT7w+bXAhX+b+fckEi64XCUAPFg3S/rR270HHvlKXsO8lmSwqXZT9mAiS0rmbYnM3/R5uwYbINPILdY8W3QJRMMWXqdvegacd0/deWOBzz8INH4feGc/8OH7Q3xDwgXgfACFANoAmHbtzUjYaFl/f5HCUfknfl75vWW1JZeZdhO6LOQIt2iTJroEUoQW1O99k0Li7NM8+t9T558NlM4Cxk60b9h58oEFDwHN/wHs3wh0nxrqO4oBTALwBiQLNxVP6x8GWy3zz4Qs4VYDTklSpmS55+3kAMdUpbunDtDDbuJn7Hcpq8sNVH0VyPHoI9nEoPuzx8LlnoFEzw4AXRZVOCib7VXrLzJpTMmxn1d+78uX+ypNu/1cRnL8DWvllCRlyC/RH5W21zP7fX3DbgfseQO5OwcIXAW89Uf9iLSBJBJ5AKoBjMG6WX/FbbsTFlV4jpa/7Cm6Uc0raDIRmTSm5Ni9ATVP9DeCHH+jeOM2Zap0lugKeh3dnt33DXYDucr9uk98Eph1G9B4b28fsr9EIgdu91QkMAHA+wA+srLElK3Ht09Z8edHHk2O1uzE8aGWIj7cuAWAMqUF9f6VFBIDv4EPV/8byEf7gIuv0TdOq8Tl1s/9nP014JUfAj3pcisBAOPhcl+GRM9BCAq3hSXzDkZK5n0eAH56ZNPiJ9984UvJERyg5igucrlv5u9vmnDlU04PtRRXIiFsVkC37c4ViDb+RGwRpAQtKM+VNyfbgF8uMO/1U1OX028Ezp+q1rRlVyfwx4eBg/+d/tdd7h4AzyPRswLAUdy2W5pDlH96ZNPil+N7rkjewQbIHXSRwlH5J26csOipr4y/8udTxpZ/KLogmYgPtyeu+E90ddwktghSwtxvA1OvE12F7th2YOs3rHmWFlTvJvITbwDP/bN+Dmg67py30fPxtwH8BrftHnKJpQg74nv9/318+z+8+sGhGcmTSQDxYReZNKbk2JKSy5/9nK/ydwtL5h0UXI+0xP5zMB7xoKujQGgNpA479NuykZq23PcUcOk31ThXs2A8UL4Q2PdLJKciz5ZIXACX+yokenZg3axjMo3eUub6KmNzfZVnzlvcEd/rfym+57OvfnBoxqvthyr79OvMCrwIAEwaU3JsRsHkvVf4Zr68yDdza9nY8m6TnmcrYsOttbka3AJAmbBrvy1Tfbcc+GcDU/8RUh/R6B4FlH0OaNkCnP7g3F9PJHLhds9FAlcA+DUAKUdvfSXD7pcAfpn62u62PUV/PnV86tFTxycePdmqRU8en/TBR52Fffp3KekCMNL3k8t9M38PADPGTn5VG10SnVtQvmNW8cz3DP8f4hBiw60tInqITyqRZRXhQPvbrBBt1D/ePwJ8+utAnsQTH4UaMP5vgf/3f3Du6C0BJBKlcLmvQ6JnD9bNeg237VZuRDKreOZ7s4BBF3Ac+eBwbmeaGap8j7edozDziB65SbRpiaSm4v42M72+WR89XnY3MKZYdDXpjfqEftlptAn4OM1+7URPDty5c5DouRbAv2PdrHdknJ4cqWSAcQRmMbEHJ3N/G2XKqf22wUQbgVce6L1IVDYuN3DB9MGnk3s+LoB71D8CWAB9Y7fEc62kEnHhxvMkKVNO77cNJtoIhOvlvZlgdBEw6QoM3B9MuICei+DOWQbgMgB5DDgygrhw0y8mrRP2fFIL+20DizYCL69G2lWJouWMAibMBXLzBv49PR/nAK7ZcLm/BqAKwCiryiP7EhdurWGJ5plIauy3DS3aCDT/L9FVpOECCiYOfQdfT7cHrpz5cLn/BcBMrJslz12TpCRxf4DaWiqEPZvUwn5bZt47DLS/KbqKc3k+kfwHyhCzjT0fjYEr5yq4c1cA0Oeh10n0356UIi7cuHmbMqEFgfwS0VUkSdZv6y/aCLz6lOgqzuUepS8syfUM/Xt7usfA5f4Czhv7Jaybpa/mZsBRFsSEW2tY0rXLJCVZ9nLJ2G/r71RcvtGb2w0UXgScV5TBb04AH3eNxsfdd6BkxldQu16SZiupRky4xXgyCWWoqFx0Bb1k7bf1FW0EIs+JrqIfFzDGBxQPoxPx0V/H4p39j+C55T+Gv/pzaA1zkQkNi5hw62iVZZ6JZDd+jugKesncb+vrvcOQbuXkqDHA+dMxrCPDEj2jkOi5DbHmX6Fh2b147ra/ZchRpsScUNLJzduUAS0IjCsTXUWS5P22vqKNwOkOeaZzAcCVo4/Cc0alP61kYG4APgDfRaz5ZsSa18NX0YRpS/cgUNtpTrFkB6KmJSVa201Sk+UNWoV+W1/pDisWyeUGvH595WR2RgEYD+D7iLf8Ck2rvoONi7+AcD3/oUxpKXQDIjnOaJ/oCnqp0G/r69398l2Nc14h4CkATr2f7Su4AHgA+AF8Bx2xkwjXb0C4/l0ElmxFRe2rKK2S/nYBsob14caVkpSpSfNEV9BLlX6bzEZ9Aii4EPjgqCGvBmAsgH8G0I3IlpWIbNkMr/8opi39LaYu3WHEQ0hd1odbvCUArpSkTBR/SnQFSQr122SWMwr4xPlGv6oLetCNAvAldMQS2LFmOnasAbRgI7SaJgRq9xn9UJKf9eF2mpu3KQNaUF8+LgPV+m0A4PGKruBcLleGe91G9hSk/vEcbaxDtDGEplUMOgcSMS3J4wZoaKN9kOamadX6bcDQZzkK4QI8o61+aB2Ac4POX9Vs+6nLaJMGrSYqugxRuKCE5FRaKbqCXir22/LGiq4gvffeEPn0OgC9QbdjDeD1x6DVNKK0utkWQRBt0hBtqkG0MYiujgLctvsLoksSxfpw4zYAysT500RXkKRgv00LAnkSTksCMm1RqAMAdMSA/Ru+hv0bQgAAX8VB+KvC8FVElJjCjEc8aG2uRrSpps97a13yxxBaw8UorWoTVJ1QHLmRfLQgkF8qugqdiv02maZ0z5LQ97vJqQ4AEG/RPwB9CtPjbUdxRQtKq3bD64/B648JC4t4xIOOmB/xliloDc9KE2b91eF0xx0AGG6mi0cyOBacCIBbkn93qdhvm7xIdAXpdZ8GjikzxVsHAOjqAGLN+ocuBADJoHsb+f4YvKXHzwQfgBGFX2qrVLwlgNMdBYhHAujqyM8gyNKLt0yxxXRrFqx9B9Gvuamz9JmknrL5oivopVq/TQsC508VXUV6J/8iugIj1AHQpzM7Yul+PZT2u1JhmNIRuxAdAx5DWDeC+ijJ2nA73ZFv6fNITey3Za9svjyj3v7e3S+6AivUpf3qwGForngkAGCr9Q8Wz9oJ8HjLFEufR+rRgsCYT4quQqdav00LAuVXiq5iYEdeFF2B83Q5d0AhbXeXHCxXkvspVeq3aUHg0m9CzoUkALo/FF0BOYy14ebgf0VQhvwS7RTxeIFPXaMHh8y0IDD9RvkOSu6r7aBao2C7cPDWK6tXSwYsfR6pp1SiA2xKKvUPJID2t/SeUWpqTZY36lSwlVSKrmRwh54XXQE5jKSdZ3IkLQiMnSi6ijRc+qioYAJQvgjo6QY6W8WGXWo0eek35R6xAfqUpGoLc0h5DDeSiyz9tsG4c88Ou+4PgQ+OAa27gdgu/feYFXapUCubrz9bBdGX5BnpkmMw3EgeReWiK8hO7nmAL6B/TL3OnLDTgvr/PxfN15+jjARXSYrm0CO4rA03Bzc3KQPj54iuwBj9w66nG/jopH6uYmqvVyZv+GXzgXw/UDA+ef2PpCshB3PsFY7axKoDsEx0ESJw5EZy0ILAuDLRVZjDnQvkFegfqf6YKlOKI9HTDRwMia6CHIr73EgeebzH1laObOOojYRhuJEcRkty6zYZ42Qbe20kFMON5DBpnugKyDAJILyOozYSiuFGcij+lOgKyCgH/gt4fbPoKigl1lwtugQRGG4knhZMrgYk5R3f27v9gUgghhuJJ+3N0TQsx/cC+57idCRJgeFG4pVWiq6ARup0O4ONpMJ9biSeNJeTUlY4YiMJceRGYmlBIL9UdBWULQYbSYojNxLPzT+G6knoqyJjuxhsJCW+q5BYZfNFV0DD1f4m8MeHGWqqyPO2iy5BBIYbiTVO0ZsAnOh0O7D/aeC9www2lfgqIqJLEIHhRuJIezkpnYWhRgpiuJFYslxOGo/oQStLPaJ1fwi0HQQOPa/fos1QI8Uw3EgcvyTX+/V0A+H63s/9s4HSWQ4MuwRw+IXeA48ZaKQwa8PN421HV4eljySJlc4SXYGus/XsN/LUz7Wg/mPZfH0vXn6pzVd2uvR75s6fBrz6lP6/nwFHirL2b2pxRQtizZY+kiSlBYH8EtFV6FK3Y/eXemN3WtgVTADm3aOvihzt47Sk2kKiCxDFhn8zSRmyXE6a6b1j6cJutE+/rqf4U8nDn210RmYq5OLJxXYMODWVVrWJLkEEhhuJUSTJFoCe7uy/N/Vmn7re5ZywKx55fTLwBYAFa7hpm5Ridc+t09LnkbzGzxFdga5/v20k+oZdagqzqBy4aD7gmwy1R3UuYOp1QPEU/VMGHEnO2nDzBSL8S0EAgHFloivQDdRvG6m+U5i71+thV1QOXPxFtUd0JZW9/+34d1l+HmeeTgJwWpJE0IJAnld0FbpM+20jFW3UP947rH8+/UagZAaUHM3lFQBXrNJ/zoCTW3FFi+gSRLE23Bx6xhn1I8vlpCPpt2Wr74hOC+orL8sWqLfqkgFHkrN4WtKZZ5xRP5Pmia5AZ2S/LRup0dyRF/WQK18krpZsMODkl++PiS5BFBH3uYUEPJNkUvwp0RXozOq3DVcq4Lbdqe8tU0legT7FmlpAQ3Lxlh4XXYIo1o7cHLrfgvrQgsB5haKr0FnVb8tE35FPUTkwa5k6U5Ullfo5lBy9kUR4EzdZT4Y3bRH9tkykVlf+7jtqjeIuvoajNxn5qx17JJT17zJefwwdjp0GJlkuJxXdbxtKqrYpdcBESXqUg3Hn6tOTgNz/vzpLSHQBIlk/cvP637b8mSSP86eJrkAnS79tMNFG4GAIOPAr0ZVkpqRSdAXUn4NbQdaHm4NX7zieFtQPG5aBTP22wUQb9SOvVAm41OiNSDABIzfnrt4hsN+WDZUCrmQGe2+y8FfvEl2CSCKmJTlycyr227KXCri47FtFXfJcQkuOJircQpY/l8QbJ8lNACr029KJNuo3hnd/KLqSwU38jOgKCABKq3aLLkEk68PNwQ1OR9OCwNiJoqvQqdJvSyfaCOx8SHQVgysYz6lJGTh8lkzMPjcHn1TtaLnnia5AvX5bOqfiku+BcyXPDyWBQgw3ERx8UrVjydKHUbHf1l+0EXj1KdFVDK60UnQF5PBZMjHh5gvI3hUno5XOEl2BTtV+W3+n4sBpiSdAZNnP6FScHRMUbg4fLjsO+23GizYC77wquoqB5Y0VXYGzcXZM1MitIgKumHSO0T7228xwMCS6goGNGiO6Amdz+EpJQNRN3A6fC5bSrGXA+VOBo9v1KS/AmN6UFgQmS3JPmR36bf31dMuxMT4dLWi//79VwdkxQeEG8ABlmWhB4OIvAmOKew/pPd0OVC0HWnfrm4eB7N+oZDlz0C79tpRoI/DhCf2/m2xkDVxnCMFXcVB0EaKJ+xPoq2hhuElitO/cN8i8Av3DFwCmXqePEDpbgRPRzEd3WhC49JtmVT18dum39dV9SnQFJCNfoEt0CaKJCzd/VTOnLCSQ6bShOxcomKB/DDW604J6YFbdJs+owm79NqKBOPxMyRSRI7fUopI6YTWQLttpw3SjuxTZpqXs2G8jSodbrQCIDDcuKpGDkYcZyxZofdmt30aUXgilzr19uy8xWwFS2PQUSwsCEy4TXYU17NhvA4AxnxRdQXqcBhZHq4mKLkEGYsPNXxUW+nynKyrXpxXtzq5vtFoQyM0TXcXAOA1sPW4BOENsuOnD55DQGpxKCwKBxaKrsIat+20u0QWQTEq5mCRFbLhx+CxWwQTRFVjDrv22KXWiKxhYZ6voCpypmItJUsSGG8BhtCjTbxRdgXXs2G/TgsAFM0RXQXLhYpI+xIcbh9HW04L6UVtOYNd+22if3P1Su46WZebxtnPzdi/x4abVNIF9N2v5Z8u9bN9Iduy3aUHg4mtEVzG4E0dFV+A8WtBmf9BHRoZwi4ouwVFkOsjYCnYcQYz26RvnZfbeYdEVOE0Ift4E0Jf4cAO4381Ksk9nGe3Ii3qg24UWBOZ8S3QVg7PrVLDsArX7RJcgEznmprSalxFv+a7oMmxPheksoy1YC3R/CLQdBN7a2TuiUHGqUgvqZ3nKcDfeYOw4FSw7DhDOIUm4BV9CuD4EnjNpPtmns8yQe55+fmbqDM3T7fpqUZXCTgvqNavw38+OU8Gy44EY55Aj3HyBLni87ejqEF2JvRl5jqTK8grODbspdb1X+cgUdKkbFj79dXWmk+249UJuIWjBJtFFyEaOcAP0lT6RLTeJLsO2tCCgfVZ0FXLKK9Cv8Zk4D0ACOBkH2l4XH3ZaUP8HSblCC4DYb7Oex9vOg+jPJVG41TQhsiUETk2ao6hc/l6NFFy9N5Knwq79LX2qLTUiMTPsUotfpt+o70VUbcvG+0fkGvk6AbcApCXP3xxuCTCPFgQu/qLoKhTl6r2ktXwRgARwugPoPA68fxho3ZvZreQDSYXZaB8waZ5+6ogq04/ptHI1usVCyb3C1I884Qbo/wKJNtaJLsOWZLkRW3musy9pTU0Z9nTrHyf/on9+Mg50DnCynMcLFGr6z/NL1RudDSbGA4csx4FBWnL9rdJqmhBtDIFTk8Zy0jmSorhz9Y/UYdQFEwBUiqzIeifZ9rEcpyQHJMcm7hRuQjTHWzuBeITNfjLXa5vYb7MWpyQHIdfIDeDUpBl2r9c/UsvKJ80Dij8FjPGB94GRIXq6eeSWCBwQDEjCcOPUpGlS/6p+fbP+I8OOjPLuAY7arMYpyUHJF26B2n3YsYYbuq3AsCOj7HtKdAVOE0KgdovoImQmX7gB3NAtCsOOstH+pugKnMfjbecqycFJGm7c0C0Fhh1l4tWnOCVpNU5JDknWcIvC64+hY4B9QiQGw476a3+zdxM7WSWEaUs3iC5CdnKGGwBoNY3Yv8EPjt7kxbAjjtqs5/XH4At0iS5DdvKG25yVm7F/ww2iy6BhYNg5y7HtHLVZL4RpS58WXYQK5A03APBX70KsuU50GZSlwcJO9TMUna6nGzgY4qhNhKlLd4guQQVynVDSX6D2OQAh0WWQQaKNetBt/YZ+8DCpa/d6BpsIgSXPii5BFbKH2z54vO2iyyCDaUFg7ETRVVC2jm3naSRihFBR+5zoIlQhd7gBwLSlG8HRm/3wbjk1nWzjdKQoXn+Ml5JmTv5wq1q+VXQJZDD/bNEVUDZ6uoFXHmCwiRFC1fJ60UWoRP5wAzjPbDels4x/ze4PjX9N6iMB/OFHDDZRPN52HpI8PGqEWwUXltiGGf22k23AS98Dtt0JHPiVvrGY1/sYKAFsf6B31StZLYSK2gbRRahG7q0AKaVVbdwWYCNG99vaXu8dUUQbgR3QQxQAyuYD/k9zj13WGGxSmLOS/wGGSY1wA/RtAbHm2eCJJWozo992dPu5X+sbdkCaDeXFxtdhN6fbgT/9lMEmGtsyWVEp3PYhXM/zJlVneL8tkdkpGX03lKdGdZd+EyiYYHA9NhGPAOF69tjE4zmSWVKj55airxYKiS6DsmRKvy0+/Dfg1O/PLzW2FltI6H1LBpsc/NW7eI5kdtQZuQEcvdmBGf22bLnV+uNvuvY3gT8+zFCTRwhVy9eJLkJV6v3tDtQ2IFzP2wJUZFW/LRNl842tQ2Xtb+qn+5/KYhRM5vFX7+Km7eypF25Vy7di/4br0dUhuhIaLlH9tnTOn2ZsKUgA3aeB3DwosyozHgFe28xQkxNHbSOkXrgB+pFc4foCcPSmDln6balajO63xQ8Bz1zXu1jFPxsouBAo1IAxn9SnQGWYBj3ZBhz5HRDbpX/OUJMTR20jJsHftixw9KYmO/fbWnfrP/bfgpCSCj2gd0o0NXpMhZ/RdfV0Ax+eANrfAt7a2XvYMQNNdhy1GUDNcAOAuSvXomkVR2+qsHu/LTUSGkjfQBkoXPoGIAAUlQOFk4ZXR+ves6dqGWTq4ajNEOqGG1dOqsXO/TajzrXsH0QMJifiqM0gau1z64/73tRg937bB8cYRGSEELRgI0dtxlA73AK1++D1c+imAqP7bbE/Zf+9ZvXbiEZqwdpHRJdgF2qHGwDUrF4Fjt7kZka/7ciL2X2fiH4b0dBCPEPSWOqHW+rGAAacvIzut43kOhtZ+23kbB5vO2rue0J0GXaifrgBwOJ194sugQZgRr+ts5X9NrKTEKYt3Si6CLuxR7gBwLSlT4OjNzkZ3W97d3/238t+G8nG64+havlW0WXYjX3Cbc7KzfB420WXQf2w30Y0mBDmrHxQdBF2ZJ9wA4Bqbg2QDvttRAMJwV+9C1pNVHQhdmSvcJu6dAd8FQdFl0FJ7LcRDY7rBUxjr3ADuDVANuy3EaUTSh5CQSaxX7j5Al1cXCIJ9tuI0uMiEtPZL9wAfXEJTy4Rj/02onRCyRkmMpE9ww1AcgVSSHQZjsZ+G1F/+kkkPD/SdPYNN60mCi3YCAacOB8cA5Aw7vXYbyPV8SQSy9g33AD9EFLufRPnmeuAbSuB7fcDx7brt0CPJOzYbyO1cTrSQure55apmtWrsO1bvNRUlNTU3eub9R+1IDDaB0xeBIwrA/IKMnsd9ttIbfp1NtzTZhn7h1tqelJ/k60TXA31DbvUzdNF5cD4OYOHHfttpDKPt53X2VjL/uEG6NOTT1xRha4O0ZVQX6mAiDYCu9efHXYXzdcXpKT2ybHfRuoK4e8eulN0EU7jjHADgL976E40LOP0pMwGCjv/7Ox7XOy3kVghTFv6NFdHWs854VZa1YZpS5/G/g0AA04NfcMuW+y3kUi+ioOYs3Kz6DKcyN6rJfubs3Izz550EPbbSCyujhTIWeEG6KsnPd4nRZdBFmG/jcQIYe7KB+ELdIkuxKmcF26+QBfmrlwLbu52hrP22BmA/TYamr7sf+rSHaILcTLn9Nz6CtTuQyz8LCJbAPbf7CvbbQcDYb+NMuH1x7jsXzxXImHg8Uiqeeb6BxBvmQIGnPNkE3bxiH7qCtHAQrj6V//I6UjxnB1uAPDEFf+Jro6bRJdBgvXddlA66+w9dikHfgXs+JH1tZEq9AUkgdp9ogshp05L9sXjuQg4d9tB/7AbV8Z+Gw1GP+2fwSYNjtwAIFy/EOH65WDAEdHwheCrOIirN94tuhDq5bzVkulULd/K63GIKCsebzuDTT4Mt5QFax9JbvAOiS6FiBTh8T6J2vXLRJdB52K49XX1xrt5/xsRZSiEuSvXcmWknBhu/dWuX8YTTIhoCCFULa/nAhJ5Mdz64wkmRDQ4fWVk1fKtoguhgTHc0gnU7kseeBoSXQoRSSUEf/Uu1Nz3hOhCaHAMt4EEavchsORZMOCISKcv+V+87n7RhdDQuIl7MKl/nfEMSiLy+mNc8q8OjtyGUnPfE/BX7wJHcETO5fE+iQUP3SG6DMocTyjJFA9ZJnKm1F42LvlXCkdumbp6493c5E3kMAw2ZTHchoMBR+QcDDalMdyGiwFH5AQ8fURxDLdsMOCI7Iz3stkAwy1bDDgiO2Kw2QRXS44UV1ES2YPH+yRqVq+CVhMVXQqNHMPNCAw4IrVx8YjtcFrSCJyiJFIXg82WGG5GuXrj3TzJhEgxDDbb4rSk0ZruuxmRLVeBU5REMtMPQa5ZvYrBZk88ONloPGyZSHZ6sPEQZFvjyM0skYbpaFq1Ggw4IpmEoAUbsWDtI6ILIXMx3MwUaZiOHWvuRFfHTaJLIaLkDdq8aNQRGG5mi0c8aFi2Hl0dBeAojkiUEOaufBBTl+4QXQhZg+FmFe6FIxKDm7MdieFmpW13rkC0MQgGHJEVQvD6Y1jw0B1cEek8DDerhesXIly/HAw4IjOF4K/ehcXr7hddCInBcBMh2qShadVq9uGITBHCtKVPY87KzaILIXEYbiKxD0dkLPbXKInhJhpPNCEyAk8cobMw3GTA/XBEI8H9a3QOhpss4hEPmlat5jQlUcZC8HjbOQ1J6TDcZLNzzTXYv+EGMOCIBsPVkDQohpuMWsPF+O231nI1JVFaIVQtr0fV8q2iCyF5Mdxkxk3fRH1x0QhljOEmO+6JIwI4WqNhYripgqM4ciaO1igrDDeVRJs07FxzFzpifjDkyP44WqOsMdxUxBWVZG/6Ssg5K9dwtEbZYripivviyH70fWtzV65FoHaf6GJIbQw31R3YMBfN9cu54IQUx8OOyVAMN7vonaoEGHKkDk5BkikYbnbz3G33INY8Gww4kpt+keiclQ/y6CwyA8PNjlrDxdix5k7240hCel9t2tKNXAVJZmK42VmkYTrC9cu5dYAkwFAjSzHcnKD3Sh0uOiGrhQCAV9KQ1RhuThKuX4j9G65nyJEFQgAYaiQMw82JDmyYi/0bbuB0JZkgBIChRsIx3JyMPTkyDntqJBWGG+khF2lYzC0ElAV9SX+gtoGhRjJhuFGv1nAxWhoWI7LlquRX6kSWQ1LTT+uftnQjj8oiGTHcKD0uPqFzhQDo/bSK2udQWtUmthyigTHcaHBnT1kCDDon0qcepy19GlOX7hBdDFEmGG6UuZ1rrkG0KcgFKI4QAsBRGimL4UbDF23SEG2qQbQxyGlLWwkBAPzVuxCofY69NFIZw41GJtIw/UzQ6epElkPDFgIA+CoOoqK2gdOOZBcMNzIOg04VIQAMNLI1hhuZg1OXsgkBALRgI/xVzQw0sjuGG5kvHvEg2vhZRJuuSF7DAzDszBYCAHj9MZRW74JW08R708hJGG5kvWiThtbmasTCVQw7Q+lHYPmrw9BqmrgghJyM4UbiMeyyEQLQOzLzV+2Gr+IgfIEusWURyYHhRvJpDRcj3hJAWySAeEsFAy8ZZB5vO4orWlCaDDJOMxINiOFGakgFXkfMj3gkgLaWiuRCFcA+oRc68zN/9S7k+2Pwlh6Hv7qZm6iJhofhRmprDRfjdEc+4i1T0NFags6YHx2xC5OnqKTUiSqvn9CZn6VGYR5vJ3yBCPK87fBVRBhiRMZguJG9tYaLAQDxlgBOJ0d68UgAXR35Z37PuWGYHX/1rrM+L63a3efXmpNfY3gRWYDhRkREtuMWXQAREZHRGG5ERGQ7DDciIrIdhhsREdkOw42IiGyH4UZERLbDcCMiItthuBERke0w3IiIyHYYbkREZDsMNyIish2GGxER2Q7DjYiIbIfhRkREtsNwIyIi22G4ERGR7TDciIjIdhhuRERkOww3IiKyHYYbERHZDsONiIhsh+FGRES2w3AjIiLbYbgREZHtMNyIiMh2GG5ERGQ7DDciIrIdhhsREdnO/wd17dPKMqrRpwAAAABJRU5ErkJggg=="
+      />
+    </defs>
+  </svg>
+)
diff --git a/src/app/collective-rewards/rewards/components/Svg/RifSvg.tsx b/src/app/collective-rewards/rewards/components/Svg/RifSvg.tsx
new file mode 100644
index 00000000..eed040d6
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Svg/RifSvg.tsx
@@ -0,0 +1,13 @@
+export const RifSvg = () => (
+  <svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0.5" width="12" height="12" rx="6" fill="#4B5CF0" />
+    <path
+      d="M8.93754 3.5625V8.42255H7.88537V5.88425H7.01896C6.91783 5.88425 6.82028 5.92176 6.74521 5.98896C6.70242 6.02743 6.66895 6.07397 6.646 6.12525C6.62304 6.17654 6.61085 6.23258 6.61085 6.2898V6.87582C6.61085 7.03301 6.48223 7.16076 6.32396 7.16076H5.62347C5.46496 7.16076 5.33658 7.03301 5.33658 6.87582V6.16918C5.33658 6.01176 5.46496 5.88425 5.62347 5.88425H6.25319C6.33759 5.88425 6.41887 5.85457 6.48342 5.8009C6.52383 5.76719 6.55563 5.7254 6.57738 5.67886C6.59914 5.63255 6.61061 5.5815 6.61061 5.52927V4.6075H4.06445V3.5625H8.93754Z"
+      fill="white"
+    />
+    <path
+      d="M5.33678 7.79393V7.80485C5.33678 8.15437 5.05132 8.43764 4.69964 8.43764C4.34796 8.43764 4.0625 8.15437 4.0625 7.80485V7.79393C4.0625 7.44441 4.34772 7.16113 4.69964 7.16113C4.87536 7.16113 5.03482 7.23189 5.15006 7.34634C5.26553 7.46103 5.33678 7.61917 5.33678 7.79393Z"
+      fill="white"
+    />
+  </svg>
+)
diff --git a/src/app/collective-rewards/rewards/components/Svg/index.ts b/src/app/collective-rewards/rewards/components/Svg/index.ts
new file mode 100644
index 00000000..f1fbf940
--- /dev/null
+++ b/src/app/collective-rewards/rewards/components/Svg/index.ts
@@ -0,0 +1,2 @@
+export * from './RbtcSvg'
+export * from './RifSvg'
diff --git a/src/app/collective-rewards/rewards/components/index.ts b/src/app/collective-rewards/rewards/components/index.ts
index 7cdce89f..3fe8d62e 100644
--- a/src/app/collective-rewards/rewards/components/index.ts
+++ b/src/app/collective-rewards/rewards/components/index.ts
@@ -4,3 +4,4 @@ export * from './MetricContainer'
 export * from './ClaimYouRewardButton'
 export * from './Button'
 export * from './Tooltip'
+export * from './Svg'
diff --git a/src/app/collective-rewards/rewards/hooks/depecrated/useGetRewardDistributedLogs.ts b/src/app/collective-rewards/rewards/hooks/depecrated/useGetRewardDistributedLogs.ts
deleted file mode 100644
index f2e849b0..00000000
--- a/src/app/collective-rewards/rewards/hooks/depecrated/useGetRewardDistributedLogs.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useQuery } from '@tanstack/react-query'
-import { fetchRewardDistributedCached } from '@/app/collective-rewards/actions'
-import { Address, isAddressEqual, parseEventLogs } from 'viem'
-import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinbaseAddress'
-import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-
-export const useGetRewardDistributedLogs = (rewardToken?: Address, builder?: Address) => {
-  const { data, error, isLoading } = useQuery({
-    queryFn: async () => {
-      const { data } = await fetchRewardDistributedCached()
-
-      return parseEventLogs({
-        abi: SimplifiedRewardDistributorAbi,
-        logs: data,
-        eventName: 'RewardDistributed',
-      })
-    },
-    queryKey: ['rewardDistributedLogs'],
-    select: data => {
-      let filteredEvents = data
-      if (rewardToken) {
-        filteredEvents = filteredEvents.filter(({ args }) =>
-          isAddressEqual(args.rewardToken_, resolveCollectiveRewardToken(rewardToken)),
-        )
-      }
-      if (builder) {
-        filteredEvents = filteredEvents.filter(({ args }) => isAddressEqual(args.builder_, builder))
-      }
-
-      return filteredEvents
-    },
-    refetchInterval: AVERAGE_BLOCKTIME,
-    initialData: [],
-  })
-
-  return {
-    data,
-    error,
-    isLoading,
-  }
-}
diff --git a/src/app/collective-rewards/rewards/hooks/depecrated/useGetTokenProjectedReward.ts b/src/app/collective-rewards/rewards/hooks/depecrated/useGetTokenProjectedReward.ts
deleted file mode 100644
index cd79afca..00000000
--- a/src/app/collective-rewards/rewards/hooks/depecrated/useGetTokenProjectedReward.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { useGetWhitelistedBuildersLength } from '@/app/collective-rewards/user'
-import { useQuery } from '@tanstack/react-query'
-import axios from 'axios'
-import { Address } from 'viem'
-
-const ENV_DATA_URL = process.env.NEXT_PUBLIC_ENV_DATA_URL ?? ''
-
-export const useGetTokenProjectedReward = (rewardToken: Address) => {
-  const {
-    data: wlBuildersLength,
-    isLoading: wlBuildersLengthLoading,
-    error: wlBuildersLengthError,
-  } = useGetWhitelistedBuildersLength()
-
-  const {
-    data: totalRewardPerCycleFile,
-    isLoading: isLoadingtotalRewardPerCycleFile,
-    error: totalRewardPerCycleFileError,
-  } = useQuery({
-    queryFn: async () => {
-      const { data } = await axios.get(ENV_DATA_URL)
-      return data
-    },
-    queryKey: ['totalRewardPerCycleFile'],
-    refetchInterval: 30_000,
-    initialData: {
-      [rewardToken]: 0,
-    },
-  })
-
-  const builderCount = wlBuildersLength ?? 0n
-
-  const totalRewardPerCycle =
-    (!!totalRewardPerCycleFile['totalRewardPerCycle'] &&
-      BigInt(totalRewardPerCycleFile['totalRewardPerCycle'][rewardToken])) ||
-    0n
-
-  if (!totalRewardPerCycle || !builderCount) {
-    return {
-      data: {
-        projectedReward: 0n,
-        share: 0n,
-      },
-      isLoading: false,
-      error: totalRewardPerCycleFileError ?? wlBuildersLengthError,
-    }
-  }
-
-  const projectedReward = totalRewardPerCycle / builderCount
-  const share = 100n / builderCount
-  const isLoading = isLoadingtotalRewardPerCycleFile || wlBuildersLengthLoading
-
-  return {
-    data: {
-      projectedReward,
-      share,
-    },
-    isLoading,
-    error: totalRewardPerCycleFileError ?? wlBuildersLengthError,
-  }
-}
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index 4e8b9bc4..334117d9 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -1,8 +1,6 @@
-export * from './depecrated/useGetRewardDistributedLogs'
-export * from './depecrated/useGetTokenProjectedReward'
 export * from './useGetNotifyRewardLogs'
-export * from './getRewardShares'
-export * from './getTotalPotentialRewards'
+export * from './useGetRewardShares'
+export * from './useGetTotalPotentialRewards'
 export * from './useGetRewardsCoinbase'
 export * from './useGetRewardsERC20'
 export * from './useGetPerTokenRewards'
@@ -10,5 +8,3 @@ export * from './useGetGaugesEvents'
 export * from './useGetGaugesNotifyReward'
 export * from './useGetBuilderRewardPercentage'
 export * from './useGetBuildersRewardPercentage'
-export * from './useGetGaugesRewardShares'
-export * from './useGetTotalAllocations'
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
index a102a2ae..aad0fda9 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
@@ -1,4 +1,4 @@
-import { getPercentageData } from '@/app/collective-rewards/rewards/utils'
+import { BuilderRewardPercentage, getPercentageData } from '@/app/collective-rewards/rewards/utils'
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 import { BackersManagerAddress } from '@/lib/contracts'
@@ -7,39 +7,46 @@ import { Address } from 'viem'
 import { useReadContracts } from 'wagmi'
 
 export const useGetBuildersRewardPercentage = (builders: Address[]) => {
-  const rewardPercentageCalls = useMemo(
-    () =>
-      builders?.map(
-        builder =>
-          ({
-            address: BackersManagerAddress,
-            abi: BackersManagerAbi,
-            functionName: 'builderRewardPercentage',
-            args: [builder],
-          }) as const,
-      ),
-    [builders],
+  const contractCalls = builders?.map(
+    builder =>
+      ({
+        address: BackersManagerAddress,
+        abi: BackersManagerAbi,
+        functionName: 'builderRewardPercentage',
+        args: [builder],
+      }) as const,
   )
+
   const {
-    data: rewardSharesResult,
+    data: contractResults,
     isLoading,
     error,
-  } = useReadContracts<[bigint, bigint, bigint][]>({
-    contracts: rewardPercentageCalls,
+  } = useReadContracts({
+    contracts: contractCalls,
     query: {
       refetchInterval: AVERAGE_BLOCKTIME,
     },
   })
-  const rewardPercentage = useMemo(
+
+  type ReturnType = BuilderRewardPercentage
+  const buildersMap = useMemo(
     () =>
-      rewardSharesResult
-        ?.map(share => share.result as [bigint, bigint, bigint])
-        .map(([previous, next, cooldownEndTime]) => getPercentageData(previous, next, cooldownEndTime)),
-    [rewardSharesResult],
+      builders.reduce<Record<Address, ReturnType>>((acc, gauge, index) => {
+        if (!contractResults) {
+          return {} as Record<Address, ReturnType>
+        }
+
+        const [current, next, cooldownEndTime] = contractResults[index].result as [bigint, bigint, bigint]
+        const result = getPercentageData(current, next, cooldownEndTime)
+        acc[gauge] = result
+
+        return acc
+      }, {}),
+    [builders, contractResults],
   )
 
   return {
-    data: rewardPercentage,
+    data: buildersMap,
     isLoading,
     error,
   }
diff --git a/src/app/collective-rewards/rewards/hooks/useGetGaugesRewardShares.ts b/src/app/collective-rewards/rewards/hooks/useGetGaugesRewardShares.ts
deleted file mode 100644
index 921e4aa5..00000000
--- a/src/app/collective-rewards/rewards/hooks/useGetGaugesRewardShares.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
-import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-import { useEffect, useMemo } from 'react'
-import { Address } from 'viem'
-import { useReadContracts } from 'wagmi'
-
-export const useGetGaugesRewardShares = (gauges: Address[]) => {
-  const rewardSharesCalls = useMemo(
-    () =>
-      gauges?.map(
-        gauge =>
-          ({
-            address: gauge,
-            abi: GaugeAbi,
-            functionName: 'rewardShares',
-            args: [],
-          }) as const,
-      ),
-    [gauges],
-  )
-  const {
-    data: rewardSharesResult,
-    isLoading,
-    error,
-  } = useReadContracts<Address[]>({
-    contracts: rewardSharesCalls,
-    query: {
-      refetchInterval: AVERAGE_BLOCKTIME,
-    },
-  })
-
-  const rewardShares = useMemo(
-    () => rewardSharesResult?.map(share => share.result as bigint),
-    [rewardSharesResult],
-  )
-
-  return {
-    data: rewardShares,
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/rewards/hooks/getRewardShares.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardShares.ts
similarity index 100%
rename from src/app/collective-rewards/rewards/hooks/getRewardShares.ts
rename to src/app/collective-rewards/rewards/hooks/useGetRewardShares.ts
diff --git a/src/app/collective-rewards/rewards/hooks/useGetTotalAllocations.ts b/src/app/collective-rewards/rewards/hooks/useGetTotalAllocations.ts
deleted file mode 100644
index 210d81bd..00000000
--- a/src/app/collective-rewards/rewards/hooks/useGetTotalAllocations.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
-import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-import { useMemo } from 'react'
-import { Address } from 'viem'
-import { useReadContracts } from 'wagmi'
-
-export const useGetTotalAllocations = (gauges: Address[]) => {
-  const totalAllocationCalls = useMemo(
-    () =>
-      gauges?.map(
-        gauge =>
-          ({
-            address: gauge,
-            abi: GaugeAbi,
-            functionName: 'totalAllocation',
-            args: [],
-          }) as const,
-      ),
-    [gauges],
-  )
-  const {
-    data: allocationsResult,
-    isLoading,
-    error,
-  } = useReadContracts<Address[]>({
-    contracts: totalAllocationCalls,
-    query: {
-      refetchInterval: AVERAGE_BLOCKTIME,
-    },
-  })
-  const allocations = allocationsResult?.map(allocation => allocation.result as bigint)
-  const sum = useMemo(() => allocations?.reduce((acc, allocation) => acc + allocation, 0n), [allocations])
-  const allocationsPercentage = useMemo(
-    () => (allocations && sum ? allocations?.map(allocation => (allocation / sum) * 100n) : []),
-    [allocations, sum],
-  )
-
-  return {
-    data: { allocations, allocationsPercentage, sum },
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/rewards/hooks/getTotalPotentialRewards.ts b/src/app/collective-rewards/rewards/hooks/useGetTotalPotentialRewards.ts
similarity index 100%
rename from src/app/collective-rewards/rewards/hooks/getTotalPotentialRewards.ts
rename to src/app/collective-rewards/rewards/hooks/useGetTotalPotentialRewards.ts
diff --git a/src/app/collective-rewards/rewards/types.ts b/src/app/collective-rewards/rewards/types.ts
index cf80d50b..cffdcf09 100644
--- a/src/app/collective-rewards/rewards/types.ts
+++ b/src/app/collective-rewards/rewards/types.ts
@@ -7,10 +7,11 @@ export type Token = {
 
 export type RewardDetails = {
   builder: Address
-  gauge: Address
   gauges: Address[]
   currency?: string
   tokens: {
     [token: string]: Token
   }
 }
+
+export type BuilderRewardDetails = RewardDetails & { gauge: Address }
diff --git a/src/app/collective-rewards/rewards/utils/getNotifyRewardAmount.ts b/src/app/collective-rewards/rewards/utils/getNotifyRewardAmount.ts
index 012fdcb1..860f1035 100644
--- a/src/app/collective-rewards/rewards/utils/getNotifyRewardAmount.ts
+++ b/src/app/collective-rewards/rewards/utils/getNotifyRewardAmount.ts
@@ -1,44 +1,18 @@
-import {
-  BackerRewardsClaimedEventLog,
-  GaugeNotifyRewardEventLog,
-  NotifyRewardEventLog,
-} from '@/app/collective-rewards/rewards'
-import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { RBTC, RIF } from '@/lib/constants'
-import { tokenContracts } from '@/lib/contracts'
-import { Address, getAddress, isAddressEqual } from 'viem'
+import { GaugeNotifyRewardEventLog, Token } from '@/app/collective-rewards/rewards'
+import { Address, isAddressEqual } from 'viem'
 
-interface BuilderClaimedRewards {
-  [RIF]: number
-  [RBTC]: number
-}
 export const getNotifyRewardAmount = (
-  gauges: Address[],
   notifyRewardEvents: Record<Address, GaugeNotifyRewardEventLog>,
+  token: Token,
+  type: 'builderAmount_' | 'backersAmount_',
 ) => {
-  const buildersClaimedRifLastCycle: Record<Address, BuilderClaimedRewards> = {}
-  for (const gauge of gauges) {
-    const gaugeClaimedEvents = notifyRewardEvents[gauge] ?? []
-    // Calculate total amount of RIF claimed by the backer
-    const gaugeRifClaimedTotal: bigint = gaugeClaimedEvents.reduce(
-      (acc, value) =>
-        isAddressEqual(value.args.rewardToken_, getAddress(tokenContracts.RIF))
-          ? acc + value.args.builderAmount_
-          : acc,
-      0n,
-    )
-    // Calculate total amount of RBTC claimed by the backer
-    const gaugeRbtcClaimedTotal: bigint = gaugeClaimedEvents.reduce(
-      (acc, value) =>
-        isAddressEqual(value.args.rewardToken_, getAddress(tokenContracts.RBTC))
-          ? acc + value.args.builderAmount_
-          : acc,
+  return Object.keys(notifyRewardEvents).reduce<Record<Address, bigint>>((acc, key) => {
+    const event = notifyRewardEvents[key as Address]
+    acc[key as Address] = event.reduce(
+      (acc, { args }) => (isAddressEqual(args.rewardToken_, token.address) ? acc + args[type] : acc),
       0n,
     )
-    buildersClaimedRifLastCycle[gauge] = {
-      RIF: Number(formatBalanceToHuman(gaugeRifClaimedTotal)),
-      RBTC: Number(formatBalanceToHuman(gaugeRbtcClaimedTotal)),
-    }
-  }
-  return buildersClaimedRifLastCycle
+
+    return acc
+  }, {})
 }
diff --git a/src/app/collective-rewards/rewards/utils/getPercentageData.ts b/src/app/collective-rewards/rewards/utils/getPercentageData.ts
index 2a3e49a8..67c46425 100644
--- a/src/app/collective-rewards/rewards/utils/getPercentageData.ts
+++ b/src/app/collective-rewards/rewards/utils/getPercentageData.ts
@@ -1,6 +1,6 @@
-import { toPercentage } from './toPercentage'
+import { toPercentage } from '@/app/collective-rewards/rewards'
 
-export interface BuilderRewardPercentage {
+export type BuilderRewardPercentage = {
   current: number
   next: number
   cooldownEndTime: bigint
diff --git a/src/app/collective-rewards/rewards/utils/index.ts b/src/app/collective-rewards/rewards/utils/index.ts
index 15bf22f2..77dfca72 100644
--- a/src/app/collective-rewards/rewards/utils/index.ts
+++ b/src/app/collective-rewards/rewards/utils/index.ts
@@ -2,3 +2,4 @@ export * from './formatMetrics'
 export * from './getLastCycleRewards'
 export * from './getNotifyRewardAmount'
 export * from './getPercentageData'
+export * from './toPercentage'
diff --git a/src/app/collective-rewards/shared/components/Table/TableCells.tsx b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
new file mode 100644
index 00000000..3c94ea65
--- /dev/null
+++ b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
@@ -0,0 +1,184 @@
+import { AddressOrAliasWithCopy } from '@/components/Address'
+import { Jdenticon } from '@/components/Header/Jdenticon'
+import { Popover } from '@/components/Popover'
+import { TableCell } from '@/components/Table'
+import { Label, Typography } from '@/components/Typography'
+import { cn, formatCurrency, shortAddress, toFixed } from '@/lib/utils'
+import { FC, memo, useMemo } from 'react'
+import { FaArrowDown, FaArrowUp } from 'react-icons/fa6'
+import { Address, isAddress } from 'viem'
+import { BuilderRewardPercentage } from '@/app/collective-rewards/rewards'
+import { TableHeader } from '@/app/collective-rewards/shared'
+import { ProgressBar } from '@/components/ProgressBar'
+import { Button } from '@/components/Button'
+
+type Currency = {
+  value: number
+  symbol: string
+}
+
+export type Reward = {
+  crypto: Currency
+  fiat: Currency
+  logo?: JSX.Element
+}
+
+export function getFormattedCurrency(value: number, symbol: string) {
+  const formattedCurrency = formatCurrency(value, symbol)
+  return `${formattedCurrency.substring(0, 1)}${symbol} ${formattedCurrency.substring(1)}`
+}
+
+type RewardCellProps = {
+  tableHeader: TableHeader
+  rewards: Reward[]
+}
+
+export const RewardCell: FC<RewardCellProps> = ({ tableHeader: { className }, rewards }) => (
+  <TableCell className={cn(className, 'border-solid')}>
+    <div className="flex flex-nowrap flex-row gap-1">
+      {rewards &&
+        rewards.map(({ crypto: { value, symbol }, fiat: { value: fiatValue, symbol: fiatSymbol }, logo }) => (
+          <div key={value + symbol} className="flex-1">
+            {/* TODO: if the value is very small, should we show it in Gwei/wei? */}
+
+            <div className="flex items-center gap-1">
+              <Label className="font-normal text-sm leading-none text-text-primary font-rootstock-sans">
+                {toFixed(value)}
+              </Label>
+              <div className="ml-1">{logo}</div>
+            </div>
+            <Label className="font-normal text-sm leading-none text-disabled-primary font-rootstock-sans">
+              {`= ${getFormattedCurrency(fiatValue, fiatSymbol)}`}
+            </Label>
+          </div>
+        ))}
+    </div>
+  </TableCell>
+)
+
+export const LazyRewardCell = memo(RewardCell, ({ rewards: prevReward }, { rewards: nextReward }) =>
+  prevReward.every((reward, key) => reward.fiat.value === nextReward[key].fiat.value),
+)
+
+type BuilderCellProps = {
+  tableHeader: TableHeader
+  builderName: string
+  address: Address
+}
+
+export const BuilderNameCell: FC<BuilderCellProps> = ({
+  tableHeader: { className },
+  builderName,
+  address,
+}) => {
+  const shortenAddress = shortAddress(address)
+  return (
+    <TableCell className={cn(className, 'border-solid')}>
+      <div className="flex flex-row gap-x-1">
+        <Jdenticon className="rounded-md bg-white" value={builderName} size="24" />
+        <Popover
+          content={
+            <div className="text-[12px] font-bold mb-1">
+              <p data-testid="builderAddressTooltip">{shortenAddress}</p>
+            </div>
+          }
+          size="small"
+          trigger="hover"
+          disabled={!builderName || isAddress(builderName)}
+        >
+          <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap min-w-28">
+            <AddressOrAliasWithCopy
+              addressOrAlias={builderName || address}
+              clipboard={address}
+              clipboardAnimationText={shortenAddress}
+              className="text-sm"
+            />
+          </Typography>
+        </Popover>
+      </div>
+    </TableCell>
+  )
+}
+
+type BackerRewardsPercentageProps = {
+  tableHeader: TableHeader
+  percentage: BuilderRewardPercentage | null
+}
+
+export const BackerRewardsPercentage: FC<BackerRewardsPercentageProps> = ({
+  tableHeader: { className },
+  percentage,
+}) => {
+  const renderDelta = useMemo(() => {
+    if (!percentage) return null
+
+    const deltaPercentage = percentage.next - percentage.current
+    if (deltaPercentage > 0) {
+      const colorGreen = '#1bc47d'
+      return (
+        <div className="flex flex-row items-center">
+          <FaArrowUp style={{ color: colorGreen }} />
+          <div className={cn(`text-[${colorGreen}] text-sm`)}>+{deltaPercentage}</div>
+        </div>
+      )
+    }
+    if (deltaPercentage < 0) {
+      const colorRed = '#f14722'
+      return (
+        <div className="flex flex-row items-center">
+          <FaArrowDown style={{ color: colorRed }} />
+          <div className={cn(`text-[${colorRed}] text-sm`)}>{deltaPercentage}</div>
+        </div>
+      )
+    }
+    return null
+  }, [percentage])
+  return (
+    <TableCell className={cn(className, 'border-b-0')}>
+      <div className="flex flex-row gap-x-1 font-rootstock-sans justify-center gap-2 ">
+        <div>{percentage?.current}</div>
+        {renderDelta}
+      </div>
+    </TableCell>
+  )
+}
+
+type TotalAllocationCellProps = {
+  tableHeader: TableHeader
+  // a percentage without decimals
+  percentage: bigint
+}
+
+export const TotalAllocationCell: FC<TotalAllocationCellProps> = ({
+  tableHeader: { className },
+  percentage,
+}) => {
+  return (
+    <TableCell className={cn(className, 'border-solid text-center border-b-0 items-center')}>
+      <div className="flex flex-row gap-2 items-center">
+        <ProgressBar progress={Number(percentage)} color="#1bc47d" />
+        <Label>{percentage.toString()}%</Label>
+      </div>
+    </TableCell>
+  )
+}
+
+type ActionCellProps = {
+  tableHeader: TableHeader
+}
+
+export const ActionCell: FC<ActionCellProps> = ({ tableHeader: { className } }) => {
+  /* TODO: manage the button status 
+    - disabled when the backer cannot vote on the Builder
+    - variant=primary when the builder is selected and text changed to "Selected"
+    - variant=secondary by default and text is "Select"
+  */
+  /* TODO: add the onClick event
+   *  - it needs to interact with the allocation context to add the builder to the selected builders
+   */
+  return (
+    <TableCell className={cn(className, 'border-solid align-center')}>
+      <Button variant="secondary" /* disabled={true} */>Select</Button>
+    </TableCell>
+  )
+}
diff --git a/src/app/collective-rewards/shared/components/Table/TableHeaders.tsx b/src/app/collective-rewards/shared/components/Table/TableHeaders.tsx
new file mode 100644
index 00000000..a1756e8f
--- /dev/null
+++ b/src/app/collective-rewards/shared/components/Table/TableHeaders.tsx
@@ -0,0 +1,57 @@
+import { FC } from 'react'
+import { TableCell } from '@/components/Table'
+import { cn } from '@/lib/utils'
+import { Popover } from '@/components/Popover'
+import { FaRegQuestionCircle } from 'react-icons/fa'
+import { RiArrowUpSFill, RiArrowDownSFill } from 'react-icons/ri'
+
+export type ISortConfig = {
+  key: string
+  direction: 'asc' | 'desc'
+}
+
+export type TableHeader = {
+  label: string
+  className: string
+  tooltip?: string
+  sortKey?: string
+}
+
+type TableHeaderProps = {
+  tableHeader: TableHeader
+  onSort?: (parameter: any) => void
+  sortConfig?: ISortConfig
+}
+
+export const TableHeaderCell: FC<TableHeaderProps> = ({
+  tableHeader: { label, className, sortKey, tooltip },
+  onSort,
+  sortConfig,
+}) => {
+  return (
+    <TableCell
+      key={label}
+      className={cn(
+        'font-rootstock-sans font-bold text-base leading-none border-b border-solid border-[#2D2D2D]',
+        className,
+      )}
+    >
+      <div className="flex flex-row">
+        {tooltip && (
+          <Popover content={tooltip} className="font-normal text-sm" size="small" trigger="hover">
+            <FaRegQuestionCircle className="mr-1 self-center" />
+          </Popover>
+        )}
+        {label}
+        {onSort && (
+          <button
+            className={`"text-xs text-white flex items-center ml-1" transition-transform duration-300 ${sortConfig?.key === sortKey && sortConfig?.direction === 'asc' ? 'rotate-180' : 'rotate-0'}`}
+            onClick={() => onSort(sortKey)}
+          >
+            {sortConfig?.key === sortKey ? <RiArrowUpSFill className="stroke-2" /> : <RiArrowDownSFill />}
+          </button>
+        )}
+      </div>
+    </TableCell>
+  )
+}
diff --git a/src/app/collective-rewards/shared/components/Table/index.ts b/src/app/collective-rewards/shared/components/Table/index.ts
new file mode 100644
index 00000000..3f4f993c
--- /dev/null
+++ b/src/app/collective-rewards/shared/components/Table/index.ts
@@ -0,0 +1,2 @@
+export * from './TableHeaders'
+export * from './TableCells'
diff --git a/src/app/collective-rewards/shared/components/index.ts b/src/app/collective-rewards/shared/components/index.ts
new file mode 100644
index 00000000..a86149cb
--- /dev/null
+++ b/src/app/collective-rewards/shared/components/index.ts
@@ -0,0 +1 @@
+export * from './Table'
diff --git a/src/app/collective-rewards/shared/hooks/index.ts b/src/app/collective-rewards/shared/hooks/index.ts
index c2307bc2..b8f822e6 100644
--- a/src/app/collective-rewards/shared/hooks/index.ts
+++ b/src/app/collective-rewards/shared/hooks/index.ts
@@ -1 +1,2 @@
 export * from './useReporting'
+export * from './useGaugesGetFunction'
diff --git a/src/app/collective-rewards/shared/hooks/useGaugesGetFunction.ts b/src/app/collective-rewards/shared/hooks/useGaugesGetFunction.ts
new file mode 100644
index 00000000..5cb8f51d
--- /dev/null
+++ b/src/app/collective-rewards/shared/hooks/useGaugesGetFunction.ts
@@ -0,0 +1,78 @@
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { AbiStateMutability, Address, ContractFunctionArgs, ContractFunctionReturnType } from 'viem'
+import { useReadContracts } from 'wagmi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { useMemo } from 'react'
+import { AbiFunction } from 'viem'
+
+//TODO: check the best approach to get the return type
+type FunctionEntry = Extract<(typeof GaugeAbi)[number], AbiFunction>
+type FunctionName = Extract<
+  FunctionEntry['name'],
+  | 'earned'
+  | 'claimedBackerRewards'
+  | 'estimatedBackerRewards'
+  | 'totalAllocation'
+  | 'rewardShares'
+  | 'allocationOf'
+>
+type FunctionParams = ContractFunctionArgs<typeof GaugeAbi, AbiStateMutability, FunctionName>
+type FunctionResultType = ContractFunctionReturnType<typeof GaugeAbi, AbiStateMutability, FunctionName>
+type FunctionReturnType<T extends FunctionName> = T extends
+  | 'earned'
+  | 'claimedBackerRewards'
+  | 'estimatedBackerRewards'
+  | 'totalAllocation'
+  | 'rewardShares'
+  | 'allocationOf'
+  ? bigint
+  : never
+type InferFunctionReturnType<T extends FunctionName> = FunctionReturnType<T>
+
+export const useGaugesGetFunction = (
+  gauges: Address[],
+  functionName: FunctionName,
+  functionParams?: FunctionParams,
+) => {
+  const contractCalls = gauges.map(gauge => {
+    return {
+      address: gauge,
+      abi: GaugeAbi,
+      functionName,
+      args: functionParams,
+    } as const
+  })
+
+  const {
+    data: contractResults,
+    isLoading,
+    error,
+  } = useReadContracts({
+    contracts: contractCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  type ReturnType = InferFunctionReturnType<typeof functionName>
+  const gaugesMap = useMemo(
+    () =>
+      gauges.reduce<Record<Address, ReturnType>>((acc, gauge, index) => {
+        if (!contractResults) {
+          return {} as Record<Address, ReturnType>
+        }
+
+        const result = contractResults[index].result as ReturnType
+        acc[gauge] = result
+
+        return acc
+      }, {}),
+    [gauges, contractResults],
+  )
+
+  return {
+    data: gaugesMap,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/shared/index.ts b/src/app/collective-rewards/shared/index.ts
new file mode 100644
index 00000000..7aea380b
--- /dev/null
+++ b/src/app/collective-rewards/shared/index.ts
@@ -0,0 +1,2 @@
+export * from './components'
+export * from './hooks'
diff --git a/src/app/collective-rewards/user/context/BuilderContext.tsx b/src/app/collective-rewards/user/context/BuilderContext.tsx
index 50a7a845..b1ae7b35 100644
--- a/src/app/collective-rewards/user/context/BuilderContext.tsx
+++ b/src/app/collective-rewards/user/context/BuilderContext.tsx
@@ -7,7 +7,7 @@ import {
 } from '@/app/collective-rewards/types'
 import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
 import { useGetBuilders } from '@/app/collective-rewards/user'
-import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
+import { getMostAdvancedProposal } from '@/app/collective-rewards/utils'
 import { DateTime } from 'luxon'
 import { splitCombinedName } from '@/app/proposals/shared/utils'
 import { withPricesContextProvider } from '@/shared/context/PricesContext'
diff --git a/src/app/collective-rewards/user/hooks/index.ts b/src/app/collective-rewards/user/hooks/index.ts
index d1969ba0..5baeaa01 100644
--- a/src/app/collective-rewards/user/hooks/index.ts
+++ b/src/app/collective-rewards/user/hooks/index.ts
@@ -1,7 +1,4 @@
 export * from './useGetBuilders'
-export * from './useGetIsWhitelistedBuilder'
-export * from './useGetWhitelistedBuilders'
-export * from './useGetWhitelistedBuildersLength'
 export * from './useGetBuilderToGauge'
 export * from './useGetGaugesArray'
 export * from './useGetGaugesLength'
diff --git a/src/app/collective-rewards/user/hooks/useGetBuilders.ts b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
index 7ddbdea9..a34ed37f 100644
--- a/src/app/collective-rewards/user/hooks/useGetBuilders.ts
+++ b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
@@ -13,7 +13,7 @@ import { useMemo } from 'react'
 import { Address, getAddress } from 'viem'
 import { useReadContracts } from 'wagmi'
 import { useGetGaugesArray } from '@/app/collective-rewards/user/hooks/useGetGaugesArray'
-import { BuilderStateStruct } from '@/app/collective-rewards/utils/getBuilderGauge'
+import { BuilderStateStruct } from '@/app/collective-rewards/utils'
 
 export type BuilderLoader = {
   data?: BuilderInfo
diff --git a/src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts b/src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts
deleted file mode 100644
index df5cb365..00000000
--- a/src/app/collective-rewards/user/hooks/useGetIsWhitelistedBuilder.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
-import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-import { SimplifiedRewardDistributorAddress, BackersManagerAddress } from '@/lib/contracts'
-import { Address } from 'viem'
-import { useReadContract } from 'wagmi'
-
-export const useGetIsWhitelistedBuilder = (builder: Address) => {
-  const { data, isLoading, error } = useReadContract({
-    abi: SimplifiedRewardDistributorAbi,
-    address: SimplifiedRewardDistributorAddress,
-    functionName: 'isWhitelisted',
-    args: [builder],
-    query: {
-      // 30 seconds, it's the mean time required for a block to be included in RSKJ
-      refetchInterval: AVERAGE_BLOCKTIME,
-      initialData: false,
-    },
-  })
-
-  return {
-    data,
-    isLoading,
-    error,
-  }
-}
-
-export const useGetIsWhitelistedBuilderV2 = (builder: Address) => {
-  const { data, isLoading, error } = useReadContract({
-    abi: BuilderRegistryAbi,
-    address: BackersManagerAddress,
-    functionName: 'isBuilderOperational',
-    args: [builder],
-    query: {
-      // 30 seconds, it's the mean time required for a block to be included in RSKJ
-      refetchInterval: AVERAGE_BLOCKTIME,
-      initialData: false,
-    },
-  })
-
-  return {
-    data,
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/user/hooks/useGetWhitelistedBuilders.ts b/src/app/collective-rewards/user/hooks/useGetWhitelistedBuilders.ts
deleted file mode 100644
index eaf78531..00000000
--- a/src/app/collective-rewards/user/hooks/useGetWhitelistedBuilders.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
-import { useReadContract } from 'wagmi'
-
-export const useGetWhitelistedBuilders = () => {
-  const { data, isLoading, error } = useReadContract({
-    abi: SimplifiedRewardDistributorAbi,
-    address: SimplifiedRewardDistributorAddress,
-    functionName: 'getWhitelistedBuildersArray',
-    query: {
-      // 30 seconds, it's the mean time required for a block to be included in RSKJ
-      refetchInterval: 30_000,
-      initialData: [],
-    },
-  })
-
-  return {
-    data,
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/user/hooks/useGetWhitelistedBuildersLength.ts b/src/app/collective-rewards/user/hooks/useGetWhitelistedBuildersLength.ts
deleted file mode 100644
index f8901d9f..00000000
--- a/src/app/collective-rewards/user/hooks/useGetWhitelistedBuildersLength.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { SimplifiedRewardDistributorAddress } from '@/lib/contracts'
-import { useReadContract } from 'wagmi'
-
-export const useGetWhitelistedBuildersLength = () => {
-  const { data, isLoading, error } = useReadContract({
-    abi: SimplifiedRewardDistributorAbi,
-    address: SimplifiedRewardDistributorAddress,
-    functionName: 'getWhitelistedBuildersLength',
-    query: {
-      // 30 seconds, it's the mean time required for a block to be included in RSKJ
-      refetchInterval: 30_000,
-      initialData: 0n,
-    },
-  })
-
-  return {
-    data,
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/utils/getCycle.ts b/src/app/collective-rewards/utils/getCycle.ts
deleted file mode 100644
index f48006a2..00000000
--- a/src/app/collective-rewards/utils/getCycle.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { CYCLE_DURATION_IN_DAYS, FIRST_CYCLE_START_DATE_ISO } from '@/lib/constants'
-import { DateTime, Duration } from 'luxon'
-
-export type Cycle = {
-  remainingDays: Duration
-  cycleDuration: string
-  cycleEndTimestamp: DateTime<true>
-}
-
-export const daysToMillis = (days: number) => Duration.fromObject({ days }).toMillis()
-
-// FIXME: parsing to be reviewed
-const days = +(CYCLE_DURATION_IN_DAYS || '14')
-const durationInMillis = daysToMillis(days)
-const startDate = DateTime.fromISO(FIRST_CYCLE_START_DATE_ISO || '1970-01-01T00:00:00Z')
-
-export const getCycle = () => {
-  const now = DateTime.now()
-  const cycleDuration = getCycleDurationInDays(durationInMillis)
-
-  const cycleEndTimestamp = getCycleEndTimestamp(startDate.toMillis(), durationInMillis, now)
-  const remainingDays = Duration.fromMillis(cycleEndTimestamp.toMillis() - now.toMillis())
-  return { remainingDays, cycleDuration, cycleEndTimestamp }
-}
-
-export const getCycleDurationInDays = (durationInMillis: number) =>
-  Duration.fromMillis(durationInMillis).toFormat('d')
-
-export const getCycleEndTimestamp = (
-  startDateMillis: number,
-  cycleDurationInMillis: number,
-  now: DateTime<true> = DateTime.now(),
-) =>
-  /* It must reflect the cycle start/end defined in the smart contracts
-   * https://github.com/RootstockCollective/collective-rewards-sc/blob/bd4110f4954b69d1f286eb5248d4406b7e287d68/src/libraries/UtilsLib.sol#L67
-   *
-   * cycle start  = now - ( (now - beginning) % duration)
-   * cycle end  = cycle start + duration
-   */
-  now
-    .minus(now.minus(startDateMillis).toMillis() % cycleDurationInMillis) // cycle start
-    .plus(cycleDurationInMillis)
diff --git a/src/app/collective-rewards/utils/getEpochCycle.test.tsx b/src/app/collective-rewards/utils/getEpochCycle.test.tsx
deleted file mode 100644
index 5d4882eb..00000000
--- a/src/app/collective-rewards/utils/getEpochCycle.test.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { describe, test, expect } from 'vitest'
-import {
-  getCycleDurationInDays,
-  getCycleEndTimestamp,
-  daysToMillis,
-} from '@/app/collective-rewards/utils/getCycle'
-import { DateTime, Duration } from 'luxon'
-
-describe('getCycleDurationInDays', () => {
-  test.each([0, 1, 7, 30, 45])('should return the correct cycle duration for %i days', expectedDays => {
-    const durationInMillis = daysToMillis(expectedDays)
-    expect(getCycleDurationInDays(durationInMillis)).toBe(expectedDays.toString())
-  })
-})
-
-describe('getCycleEndTimestamp', () => {
-  const now = DateTime.now()
-  /*
-   * All math is done in milliseconds, to avoid calendar math.
-   * See calendar vs time math https://moment.github.io/luxon/#/math?id=calendar-math-vs-time-math
-   */
-  test.each([
-    {
-      startDate: now.toMillis(),
-      cycleDurationInMillis: daysToMillis(7),
-      expectedCycleEndTimestamp: now.plus({ milliseconds: daysToMillis(7) }),
-      now,
-    },
-    {
-      startDate: now.minus(Duration.fromObject({ milliseconds: daysToMillis(6) })).toMillis(),
-      cycleDurationInMillis: daysToMillis(7),
-      expectedCycleEndTimestamp: now.plus({ milliseconds: daysToMillis(1) }),
-      now,
-    },
-    {
-      startDate: now.minus(Duration.fromObject({ milliseconds: daysToMillis(8) })).toMillis(),
-      cycleDurationInMillis: daysToMillis(7),
-      expectedCycleEndTimestamp: now.plus({ milliseconds: daysToMillis(6) }),
-      now,
-    },
-    {
-      startDate: now
-        .minus(
-          Duration.fromMillis(
-            Duration.fromObject({
-              days: 6,
-              hours: 23,
-              minutes: 59,
-              seconds: 59,
-              milliseconds: 999,
-            }).toMillis(),
-          ),
-        )
-        .toMillis(),
-      cycleDurationInMillis: daysToMillis(7),
-      expectedCycleEndTimestamp: now.plus(Duration.fromObject({ milliseconds: 1 })),
-      now,
-    },
-    {
-      startDate: now.minus(Duration.fromObject({ milliseconds: daysToMillis(23) })).toMillis(),
-      cycleDurationInMillis: daysToMillis(7),
-      expectedCycleEndTimestamp: now.plus(Duration.fromObject({ milliseconds: daysToMillis(5) })),
-      now,
-    },
-  ])(
-    'should return the correct cycle end timestamp with (start: $startDate, duration: $cycleDurationInMillis)',
-    ({ startDate, cycleDurationInMillis, expectedCycleEndTimestamp, now }) => {
-      expect(getCycleEndTimestamp(startDate, cycleDurationInMillis, now).toISO()).toBe(
-        expectedCycleEndTimestamp.toISO(),
-      )
-    },
-  )
-})
diff --git a/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts b/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
index 71161cde..3aab6d5e 100644
--- a/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
+++ b/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
@@ -1,5 +1,5 @@
 import { Address } from 'viem'
-import { getBuilderState } from './getBuilderState'
+import { getBuilderState } from '@/app/collective-rewards/utils'
 
 export const getIsWhitelistedBuilder = async (builderAddress: Address): Promise<boolean> => {
   const builderState = await getBuilderState(builderAddress)
diff --git a/src/app/collective-rewards/utils/getLastCycleRewards.ts b/src/app/collective-rewards/utils/getLastCycleRewards.ts
deleted file mode 100644
index d91238d5..00000000
--- a/src/app/collective-rewards/utils/getLastCycleRewards.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Address, isAddressEqual, parseEventLogs } from 'viem'
-import { SimplifiedRewardDistributorAbi } from '@/lib/abis/SimplifiedRewardDistributorAbi'
-import { getPreviousCycle } from '@/app/collective-rewards/utils/getPreviousCycle'
-import { resolveCollectiveRewardToken } from '@/app/collective-rewards/utils/getCoinbaseAddress'
-
-type EventLog = ReturnType<
-  typeof parseEventLogs<typeof SimplifiedRewardDistributorAbi, true, 'RewardDistributed'>
->
-
-type Log = EventLog[number]
-
-export const getLastCycleRewards = (rewardDistributedLogs: EventLog, rewardToken?: Address) => {
-  const { cycleStartTimestamp, cycleEndTimestamp } = getPreviousCycle()
-
-  return rewardDistributedLogs.reduce((acc, event) => {
-    const {
-      timeStamp,
-      args: { rewardToken_, amount_ },
-    } = event as Log & { timeStamp: number }
-
-    // Check the conditions
-    if (
-      (rewardToken && !isAddressEqual(rewardToken_, resolveCollectiveRewardToken(rewardToken))) ||
-      timeStamp < cycleStartTimestamp.toSeconds() ||
-      timeStamp > cycleEndTimestamp.toSeconds()
-    ) {
-      return acc // Skip invalid events
-    }
-
-    return acc + amount_
-  }, 0n)
-}
diff --git a/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
index 8f5ea79d..e2db3124 100644
--- a/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
+++ b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
@@ -1,6 +1,6 @@
 import { describe, test, expect } from 'vitest'
 import { ProposalState } from '@/shared/types'
-import { getMostAdvancedProposal } from '@/app/collective-rewards/utils/getMostAdvancedProposal'
+import { getMostAdvancedProposal } from '@/app/collective-rewards/utils'
 import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
 
 describe('getValidProposal', () => {
diff --git a/src/app/collective-rewards/utils/getPreviousCycle.ts b/src/app/collective-rewards/utils/getPreviousCycle.ts
deleted file mode 100644
index 46216cb3..00000000
--- a/src/app/collective-rewards/utils/getPreviousCycle.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { getCycle } from '@/app/collective-rewards/utils/getCycle'
-
-export const getPreviousCycle = () => {
-  const { cycleDuration, cycleEndTimestamp: currentCycleEndTimestamp } = getCycle()
-  const cycleEndTimestamp = currentCycleEndTimestamp.minus({ days: +cycleDuration })
-  const cycleStartTimestamp = cycleEndTimestamp.minus({ days: +cycleDuration })
-  return { cycleStartTimestamp, cycleEndTimestamp, cycleDuration }
-}
diff --git a/src/app/collective-rewards/utils/index.ts b/src/app/collective-rewards/utils/index.ts
index e4351a23..4eb5ad7c 100644
--- a/src/app/collective-rewards/utils/index.ts
+++ b/src/app/collective-rewards/utils/index.ts
@@ -1,3 +1,7 @@
-export * from './handleErrors'
-export * from './getCoinbaseAddress'
 export * from './applyPrecision'
+export * from './getBuilderGauge'
+export * from './getBuilderState'
+export * from './getCoinbaseAddress'
+export * from './getIsWhitelistedBuilder'
+export * from './getMostAdvancedProposal'
+export * from './handleErrors'
diff --git a/src/app/collective-rewards/whitelist/WhitelistSection.tsx b/src/app/collective-rewards/whitelist/WhitelistSection.tsx
index 7f3948ad..fd6e6e8e 100644
--- a/src/app/collective-rewards/whitelist/WhitelistSection.tsx
+++ b/src/app/collective-rewards/whitelist/WhitelistSection.tsx
@@ -1,26 +1,13 @@
-import { useAlertContext } from '@/app/providers/AlertProvider'
-import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { HeaderTitle } from '@/components/Typography'
-import React, { useEffect } from 'react'
 import { WhitelistGrid, WhitelistSearch } from './components'
 import { useWhitelistContext } from './context'
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/Collapsible'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
 
 export const WhitelistSection = () => {
   const { builders, isLoading, error: whitelistError } = useWhitelistContext()
-  const { setMessage: setErrorMessage } = useAlertContext()
-
-  useEffect(() => {
-    if (whitelistError) {
-      setErrorMessage({
-        severity: 'error',
-        title: 'Error loading proposals state',
-        content: whitelistError.message,
-      })
-      console.error('🐛 whitelistError:', whitelistError)
-    }
-  }, [whitelistError, setErrorMessage])
+  useHandleErrors({ error: whitelistError, title: 'Error loading proposals state' })
 
   return (
     <>
diff --git a/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts b/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
index f357176c..ebc57791 100644
--- a/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
+++ b/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
@@ -1,4 +1,4 @@
-import { getBuilderGauge } from '@/app/collective-rewards/utils/getBuilderGauge'
+import { getBuilderGauge } from '@/app/collective-rewards/utils'
 import { AddressAlreadyWhitelistedError, NoVotingPowerError } from '@/app/proposals/shared/errors'
 import { GovernorAbi } from '@/lib/abis/Governor'
 import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
diff --git a/src/app/proposals/hooks/useRemoveBuilderProposal.ts b/src/app/proposals/hooks/useRemoveBuilderProposal.ts
index 425376fd..df0a348c 100644
--- a/src/app/proposals/hooks/useRemoveBuilderProposal.ts
+++ b/src/app/proposals/hooks/useRemoveBuilderProposal.ts
@@ -1,4 +1,4 @@
-import { getIsWhitelistedBuilder } from '@/app/collective-rewards/utils/getIsWhitelistedBuilder'
+import { getIsWhitelistedBuilder } from '@/app/collective-rewards/utils'
 import { AddressNotWhitelistedError, NoVotingPowerError } from '@/app/proposals/shared/errors'
 import { GovernorAbi } from '@/lib/abis/Governor'
 import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
diff --git a/src/app/reward-distributed/api/route.ts b/src/app/reward-distributed/api/route.ts
deleted file mode 100644
index b46a56b3..00000000
--- a/src/app/reward-distributed/api/route.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NextRequest } from 'next/server'
-import { fetchRewardDistributedLogs } from '@/app/collective-rewards/actions'
-import { BackendEventByTopic0ResponseValue, CachedData, handleCachedGetRequest } from '@/shared/utils'
-
-let cachedRewardDistributedLogs: CachedData = {
-  lastUpdated: Date.now(),
-  data: [] as BackendEventByTopic0ResponseValue[],
-  isFetching: false,
-  error: '',
-  lastFromBlock: 0,
-}
-
-export async function GET(request: NextRequest) {
-  return handleCachedGetRequest(cachedRewardDistributedLogs, request, fetchRewardDistributedLogs)
-}
diff --git a/src/app/user/Balances/BalancesSection.tsx b/src/app/user/Balances/BalancesSection.tsx
index d93ceaf5..c0f709a9 100644
--- a/src/app/user/Balances/BalancesSection.tsx
+++ b/src/app/user/Balances/BalancesSection.tsx
@@ -8,7 +8,6 @@ import { StakeRIFCell } from '@/app/user/Balances/StakeRIFCell'
 import { RenderTokenSymbol } from '@/app/user/Balances/RenderTokenSymbol'
 import { UnStakeRIFCell } from '@/app/user/Balances/UnStakeRIFCell'
 import { UnStakingModal } from '@/app/user/Stake/UnStakingSteps'
-import { withBuilderButton } from '@/app/collective-rewards/user'
 
 const data = [
   {
@@ -34,20 +33,10 @@ const data = [
   },
 ]
 
-const HeaderWithBuilderButton = withBuilderButton(HeaderTitle)
-
-type BalancesSectionProps = {
-  showBuilderButton?: boolean
-}
-
-export const BalancesSection = ({ showBuilderButton = false }: BalancesSectionProps) => {
+export const BalancesSection = () => {
   return (
     <div className="mb-[32px]">
-      {showBuilderButton ? (
-        <HeaderWithBuilderButton>Balances</HeaderWithBuilderButton>
-      ) : (
-        <HeaderTitle className="mb-6">Balances</HeaderTitle>
-      )}
+      <HeaderTitle className="mb-6">Balances</HeaderTitle>
       <BalancesProvider>
         <StakingModal />
         <UnStakingModal />
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index a834588f..a6c9ede3 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -1,7 +1,6 @@
 'use client'
 import { Rewards } from '@/app/collective-rewards/rewards/MyRewards'
-import { useGetBuilderToGauge, withBuilderButton } from '@/app/collective-rewards/user'
-import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { withBuilderButton } from '@/app/collective-rewards/user'
 import { BalancesSection } from '@/app/user/Balances/BalancesSection'
 import { CommunitiesSection } from '@/app/user/Communities/CommunitiesSection'
 import { DelegationSection } from '@/app/user/Delegation'
@@ -10,17 +9,12 @@ import { Tabs, TabsContent, TabsList, TabsTrigger, TabTitle } from '@/components
 import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { useSearchParams } from 'next/navigation'
 import { Suspense } from 'react'
-import { zeroAddress } from 'viem'
 import { useAccount } from 'wagmi'
 
-type MyHoldingsProps = {
-  showBuilderButton?: boolean
-}
-
-const MyHoldings = ({ showBuilderButton = false }: MyHoldingsProps) => (
+const MyHoldings = () => (
   <>
     <TxStatusMessage messageType="staking" />
-    <BalancesSection showBuilderButton={showBuilderButton} />
+    <BalancesSection />
     <DelegationSection />
     <CommunitiesSection />
   </>
@@ -49,35 +43,28 @@ const tabs: Tabs = {
 
 function User() {
   const { address } = useAccount()
-  const { data: gauge, error } = useGetBuilderToGauge(address!)
   const searchParams = useSearchParams()
   const tabFromParams = searchParams?.get('tab') as TabValue
   const defaultTabValue = tabs[tabFromParams]?.value ?? 'holdings'
 
-  useHandleErrors({ error, title: 'Error loading gauge' })
-
   return (
     <MainContainer>
-      {gauge && gauge !== zeroAddress ? (
-        <Tabs defaultValue={defaultTabValue}>
-          <TabsListWithButton>
-            <TabsTrigger value={tabs.holdings.value}>
-              <TabTitle>{tabs.holdings.title}</TabTitle>
-            </TabsTrigger>
-            <TabsTrigger value={tabs.rewards.value}>
-              <TabTitle>{tabs.rewards.title}</TabTitle>
-            </TabsTrigger>
-          </TabsListWithButton>
-          <TabsContent value={tabs.holdings.value}>
-            <MyHoldings showBuilderButton={false} />
-          </TabsContent>
-          <TabsContent value={tabs.rewards.value}>
-            <Rewards builder={address!} gauge={gauge} />
-          </TabsContent>
-        </Tabs>
-      ) : (
-        <MyHoldings showBuilderButton={true} />
-      )}
+      <Tabs defaultValue={defaultTabValue}>
+        <TabsListWithButton>
+          <TabsTrigger value={tabs.holdings.value}>
+            <TabTitle>{tabs.holdings.title}</TabTitle>
+          </TabsTrigger>
+          <TabsTrigger value={tabs.rewards.value}>
+            <TabTitle>{tabs.rewards.title}</TabTitle>
+          </TabsTrigger>
+        </TabsListWithButton>
+        <TabsContent value={tabs.holdings.value}>
+          <MyHoldings />
+        </TabsContent>
+        <TabsContent value={tabs.rewards.value}>
+          <Rewards builder={address!} />
+        </TabsContent>
+      </Tabs>
     </MainContainer>
   )
 }
diff --git a/src/components/ProgressBar/index.ts b/src/components/ProgressBar/index.ts
new file mode 100644
index 00000000..46c67369
--- /dev/null
+++ b/src/components/ProgressBar/index.ts
@@ -0,0 +1 @@
+export * from './ProgressBar'
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
index 2afed69f..399fd2c9 100644
--- a/src/components/Tabs/Tabs.tsx
+++ b/src/components/Tabs/Tabs.tsx
@@ -26,8 +26,9 @@ const TabsTrigger = forwardRef<
   const searchParams = useSearchParams()
 
   const updateSearchParam = (tab: string) => {
-    const currentParams = searchParams ? searchParams + '&' : ''
-    const updatedUrl = `${pathname}?${currentParams}tab=${tab}`
+    const params = new URLSearchParams(searchParams?.toString())
+    params.set('tab', tab)
+    const updatedUrl = `${pathname}?${params.toString()}`
     router.push(updatedUrl)
   }
   return (
diff --git a/src/lib/contracts.ts b/src/lib/contracts.ts
index fba13aa4..9207f933 100644
--- a/src/lib/contracts.ts
+++ b/src/lib/contracts.ts
@@ -54,7 +54,6 @@ const GovernorAddress = GOVERNOR_ADDRESS
 const MulticallAddress = MULTICALL_ADDRESS
 const TreasuryAddress = GRANTS_ACTIVE_BUCKET_ADDRESS
 
-const SimplifiedRewardDistributorAddress = SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS || ZeroAddress
 const BackersManagerAddress = BACKERS_MANAGER_ADDRESS || ZeroAddress
 const RewardDistributor = REWARD_DISTRIBUTOR_ADDRESS || ZeroAddress
 
@@ -66,7 +65,6 @@ export {
   tokenContracts,
   TreasuryAddress,
   treasuryContracts,
-  SimplifiedRewardDistributorAddress,
   BackersManagerAddress,
   RewardDistributor,
 }
diff --git a/src/lib/endpoints.ts b/src/lib/endpoints.ts
index 1f7a470a..006c601e 100644
--- a/src/lib/endpoints.ts
+++ b/src/lib/endpoints.ts
@@ -23,9 +23,6 @@ export const getTokenHoldersOfAddress = `/address/{{address}}/holders?chainId=${
 
 export const getNftHolders = `/nfts/{{address}}/holders?chainId=${CHAIN_ID}`
 
-const REWARD_DISTRIBUTED_EVENT = '0x57ea5c7c295b52ef3b06c69661d59c8a6d9c602ac5355cfe5e54e303c139f270'
-export const fetchRewardDistributedLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${REWARD_DISTRIBUTED_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
-
 const NOTIFY_REWARD_EVENT = '0xf70d5c697de7ea828df48e5c4573cb2194c659f1901f70110c52b066dcf50826'
 export const fetchNotifyRewardLogsByAddress = `/address/{{address}}/eventsByTopic0?topic0=${NOTIFY_REWARD_EVENT}&chainId=${CHAIN_ID}&fromBlock={{fromBlock}}`
 

From 0ef5f7e78fd8cf9179ecec8d180ec64f0bd0f828 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Fri, 22 Nov 2024 16:45:00 +0000
Subject: [PATCH 085/115] TOK-491: review builder context (#393)

refactor: builder and allocation context

---------

Co-authored-by: DinizSa <39380608+DinizSa@users.noreply.github.com>
Co-authored-by: Francisco Tobar <francisco.tobar@iovlabs.org>
Co-authored-by: Juraj Piar <juraj@iovlabs.org>
Co-authored-by: franciscotobar <franciscotobar@users.noreply.github.com>
Co-authored-by: DinizSa <DinizSa@users.noreply.github.com>
---
 .env.dev                                      |   6 +-
 .env.testnet.local                            |   9 +-
 .env.testnet.qa                               |   6 +-
 .../active-builders/ActiveBuilders.tsx        |  18 +
 .../active-builders/ActiveBuildersContent.tsx |  42 +++
 .../active-builders/ActiveBuildersGrid.tsx    |  16 +
 .../ActiveBuildersGridItem.tsx}               |  28 +-
 .../active-builders/index.ts                  |   4 +
 .../allocations/AllocationMetrics.tsx         |  93 -----
 .../allocations/BuilderAllocation.tsx         |  32 --
 .../allocations/BuilderAllocationHeader.tsx   |  31 --
 .../{ => components}/AllocationAmount.tsx     |  53 +--
 .../components/AllocationMetrics.tsx          |  68 ++++
 .../components/BuilderAllocation.tsx          |  55 +++
 .../components/BuilderAllocationHeader.tsx    |  41 +++
 .../allocations/{ => components}/Header.tsx   |   0
 .../{ => components}/StakeHint.tsx            |   0
 .../allocations/components/index.ts           |   5 +
 .../context/AllocationsContext.tsx            | 247 +++++++++++++
 .../context/allocationsActions.tsx            |  52 +++
 .../allocations/context/index.ts              |   1 +
 .../allocations/hooks/index.ts                |   3 +
 .../hooks/useActivatedBuildersWithGauge.ts    |  17 +
 .../hooks/useBackerTotalAllocation.ts         |  52 +++
 .../useBuildersWithBackerRewardPercentage.ts  |  56 +++
 .../allocations/hooks/useGetVotingPower.ts    |  21 ++
 .../collective-rewards/allocations/page.tsx   | 175 +++++----
 .../collective-rewards/allocations/types.ts   |  15 -
 .../context/PaginatedDataContext.tsx          |  91 +++++
 .../leaderboard/BuilderLeaderBoard.tsx        |  34 ++
 .../BuildersLeaderBoardContent.tsx            |  52 +++
 .../leaderboard/BuildersLeaderBoardTable.tsx  | 105 +-----
 .../collective-rewards/leaderboard/index.ts   |   2 +
 src/app/collective-rewards/page.tsx           |   8 +-
 .../collective-rewards/rewards/MyRewards.tsx  |   4 +-
 .../rewards/backers/BackerRewardsTable.tsx    |  12 +-
 .../backers/context/BackerRewardsContex.tsx   |  10 +-
 .../backers/hooks/useGetAllocationsOf.ts      |  24 ++
 .../backers/hooks/useGetBackerRewards.ts      |  15 +-
 .../builders/hooks/useGetBuildersRewards.ts   | 176 +++++----
 .../hooks/useGetBuilderRewardPercentage.ts    |   2 +-
 .../hooks/useGetBuildersRewardPercentage.ts   |   5 +-
 src/app/collective-rewards/rewards/types.ts   |  15 +
 .../builder/hooks/useBuilderConfig.ts         |   4 +-
 .../settings/utils/weiUtils.ts                |  13 +-
 .../shared/components/Pagination.tsx          |  33 ++
 .../shared/components/PaginationButton.tsx    |  13 +
 .../shared/components/Search/Search.tsx       |  48 +++
 .../components/Search}/index.ts               |   1 -
 .../shared/components/Table/TableCells.tsx    | 105 +++++-
 .../shared/components/index.ts                |   1 +
 .../shared/context/SearchContext.tsx          |  67 ++++
 .../shared/context/index.ts                   |   1 +
 src/app/collective-rewards/shared/index.ts    |   1 +
 src/app/collective-rewards/types.ts           |  53 ++-
 .../Button/BecomeABuilderButton.test.tsx      |  78 ++--
 .../Button/BecomeABuilderButton.tsx           |  52 +--
 .../user/context/BuilderContext.tsx           |  83 +----
 .../collective-rewards/user/hooks/index.ts    |   2 +
 .../user/hooks/useGetBuilders.ts              | 168 +++++----
 .../user/hooks/useGetBuildersByState.ts       |  26 ++
 .../hooks/useGetProposalsState.ts             |  20 +-
 .../utils/getBuilderGauge.ts                  |   2 +-
 .../utils/getBuilderState.ts                  |  32 +-
 .../utils/getIsWhitelistedBuilder.ts          |   7 -
 .../utils/getMostAdvancedProposal.test.tsx    | 171 +++++----
 .../utils/getMostAdvancedProposal.ts          |  29 +-
 src/app/collective-rewards/utils/index.ts     |  14 +-
 .../utils/isBuilderActive.ts                  |   7 +
 .../whitelist/WhitelistSection.tsx            |  27 --
 .../components/Grid/WhitelistGrid.tsx         |  17 -
 .../whitelist/components/Grid/index.ts        |   2 -
 .../components/Search/WhitelistSearch.tsx     |  73 ----
 .../whitelist/components/Search/index.ts      |   1 -
 .../whitelist/context/WhitelistContext.tsx    |  59 ---
 .../whitelist/context/index.ts                |   1 -
 .../whitelist/hooks/index.ts                  |   2 -
 .../whitelist/hooks/useGetFilteredBuilders.ts |  43 ---
 src/app/collective-rewards/whitelist/index.ts |   4 -
 .../useCreateBuilderWhitelistProposal.ts      |   2 +-
 .../hooks/useFetchLatestProposals.test.tsx    |  25 +-
 .../hooks/useFetchLatestProposals.ts          |  20 +-
 .../hooks/useRemoveBuilderProposal.ts         |  10 +-
 src/app/proposals/shared/supportedABIs.ts     |   3 +-
 src/app/providers/ContextProviders.tsx        |   8 +-
 src/components/Slider/Slider.tsx              |  12 +-
 src/lib/abis/v2/BackersManagerAbi.ts          | 341 +++++++++++++++---
 src/lib/abis/v2/BuilderRegistryAbi.ts         | 310 +++++++++++++---
 src/lib/abis/v2/GaugeAbi.ts                   |  31 +-
 src/pages/proposals/[id].tsx                  |   2 +-
 90 files changed, 2442 insertions(+), 1283 deletions(-)
 create mode 100644 src/app/collective-rewards/active-builders/ActiveBuilders.tsx
 create mode 100644 src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx
 create mode 100644 src/app/collective-rewards/active-builders/ActiveBuildersGrid.tsx
 rename src/app/collective-rewards/{whitelist/components/Grid/WhitelistGridItem.tsx => active-builders/ActiveBuildersGridItem.tsx} (80%)
 create mode 100644 src/app/collective-rewards/active-builders/index.ts
 delete mode 100644 src/app/collective-rewards/allocations/AllocationMetrics.tsx
 delete mode 100644 src/app/collective-rewards/allocations/BuilderAllocation.tsx
 delete mode 100644 src/app/collective-rewards/allocations/BuilderAllocationHeader.tsx
 rename src/app/collective-rewards/allocations/{ => components}/AllocationAmount.tsx (51%)
 create mode 100644 src/app/collective-rewards/allocations/components/AllocationMetrics.tsx
 create mode 100644 src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
 create mode 100644 src/app/collective-rewards/allocations/components/BuilderAllocationHeader.tsx
 rename src/app/collective-rewards/allocations/{ => components}/Header.tsx (100%)
 rename src/app/collective-rewards/allocations/{ => components}/StakeHint.tsx (100%)
 create mode 100644 src/app/collective-rewards/allocations/components/index.ts
 create mode 100644 src/app/collective-rewards/allocations/context/AllocationsContext.tsx
 create mode 100644 src/app/collective-rewards/allocations/context/allocationsActions.tsx
 create mode 100644 src/app/collective-rewards/allocations/context/index.ts
 create mode 100644 src/app/collective-rewards/allocations/hooks/index.ts
 create mode 100644 src/app/collective-rewards/allocations/hooks/useActivatedBuildersWithGauge.ts
 create mode 100644 src/app/collective-rewards/allocations/hooks/useBackerTotalAllocation.ts
 create mode 100644 src/app/collective-rewards/allocations/hooks/useBuildersWithBackerRewardPercentage.ts
 create mode 100644 src/app/collective-rewards/allocations/hooks/useGetVotingPower.ts
 delete mode 100644 src/app/collective-rewards/allocations/types.ts
 create mode 100644 src/app/collective-rewards/context/PaginatedDataContext.tsx
 create mode 100644 src/app/collective-rewards/leaderboard/BuilderLeaderBoard.tsx
 create mode 100644 src/app/collective-rewards/leaderboard/BuildersLeaderBoardContent.tsx
 create mode 100644 src/app/collective-rewards/rewards/backers/hooks/useGetAllocationsOf.ts
 create mode 100644 src/app/collective-rewards/shared/components/Pagination.tsx
 create mode 100644 src/app/collective-rewards/shared/components/PaginationButton.tsx
 create mode 100644 src/app/collective-rewards/shared/components/Search/Search.tsx
 rename src/app/collective-rewards/{whitelist/components => shared/components/Search}/index.ts (52%)
 create mode 100644 src/app/collective-rewards/shared/context/SearchContext.tsx
 create mode 100644 src/app/collective-rewards/shared/context/index.ts
 create mode 100644 src/app/collective-rewards/user/hooks/useGetBuildersByState.ts
 rename src/app/collective-rewards/{whitelist => user}/hooks/useGetProposalsState.ts (73%)
 delete mode 100644 src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
 create mode 100644 src/app/collective-rewards/utils/isBuilderActive.ts
 delete mode 100644 src/app/collective-rewards/whitelist/WhitelistSection.tsx
 delete mode 100644 src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx
 delete mode 100644 src/app/collective-rewards/whitelist/components/Grid/index.ts
 delete mode 100644 src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx
 delete mode 100644 src/app/collective-rewards/whitelist/components/Search/index.ts
 delete mode 100644 src/app/collective-rewards/whitelist/context/WhitelistContext.tsx
 delete mode 100644 src/app/collective-rewards/whitelist/context/index.ts
 delete mode 100644 src/app/collective-rewards/whitelist/hooks/index.ts
 delete mode 100644 src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
 delete mode 100644 src/app/collective-rewards/whitelist/index.ts

diff --git a/.env.dev b/.env.dev
index 1d986e76..513d9390 100644
--- a/.env.dev
+++ b/.env.dev
@@ -18,9 +18,9 @@ NEXT_PUBLIC_CHAIN_ID=31
 # TODO: To be removed 
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0xc469Cc2579De5C16210e9063B4E628bF8C46bA02
 
-NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xec0a29Df5180A6B04496dfAf2D827e36F4a0A52F
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xD476E4804551595687C1f6F0a9C22dd1Bbfa0319
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xb7C6918d6aE6df2e147FF464271a94EAfF027E5D
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0x41841e316F85933247fC7b51c79B76F22eB239bc
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x83Eac3Abe6AAF4a4AAe8B067888FAD600c4cF6B3
+
 NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
diff --git a/.env.testnet.local b/.env.testnet.local
index 002d8ca5..191a1c9c 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -17,9 +17,9 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
 NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
-NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xec0a29Df5180A6B04496dfAf2D827e36F4a0A52F
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xD476E4804551595687C1f6F0a9C22dd1Bbfa0319
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xb7C6918d6aE6df2e147FF464271a94EAfF027E5D
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0x0Baaf304a5dBc756aEe645195C763114Fc5f1C5E
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x839C279aa4B2b6972B474911562e5C21e2ef1416
+NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xcB392a848dD7539f24c71Ebed0BcA2a855Bcf92D
 NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
@@ -31,4 +31,5 @@ NEXT_PUBLIC_OG_PARTNERS=0x285046a90fb322E6BaCa4F38Bb884e3C0904F7EB
 NEXT_PUBLIC_OG_CONTRIBUTORS=0xDC03B8fb7E47E4651f5008bD718a804726424A75
 
 NEXT_PUBLIC_ENABLE_CORS_BYPASS=true
-NEXT_PUBLIC_ENABLE_FEATURE_V2_REWARDS=true
\ No newline at end of file
+NEXT_PUBLIC_ENABLE_FEATURE_V2_REWARDS=true
+
diff --git a/.env.testnet.qa b/.env.testnet.qa
index 0cc30196..228e0b04 100644
--- a/.env.testnet.qa
+++ b/.env.testnet.qa
@@ -17,9 +17,9 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
 NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
-NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xec0a29Df5180A6B04496dfAf2D827e36F4a0A52F
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xD476E4804551595687C1f6F0a9C22dd1Bbfa0319
-NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xb7C6918d6aE6df2e147FF464271a94EAfF027E5D
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0x41841e316F85933247fC7b51c79B76F22eB239bc
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x83Eac3Abe6AAF4a4AAe8B067888FAD600c4cF6B3
+
 NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
 
diff --git a/src/app/collective-rewards/active-builders/ActiveBuilders.tsx b/src/app/collective-rewards/active-builders/ActiveBuilders.tsx
new file mode 100644
index 00000000..f0f99b77
--- /dev/null
+++ b/src/app/collective-rewards/active-builders/ActiveBuilders.tsx
@@ -0,0 +1,18 @@
+import { HeaderTitle } from '@/components/Typography'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/Collapsible'
+import { ActiveBuildersContent } from '@/app/collective-rewards/active-builders'
+
+export const ActiveBuilders = () => {
+  return (
+    <>
+      <Collapsible defaultOpen>
+        <CollapsibleTrigger>
+          <HeaderTitle>Activated Builders</HeaderTitle>
+        </CollapsibleTrigger>
+        <CollapsibleContent>
+          <ActiveBuildersContent />
+        </CollapsibleContent>
+      </Collapsible>
+    </>
+  )
+}
diff --git a/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx b/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx
new file mode 100644
index 00000000..8f618623
--- /dev/null
+++ b/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx
@@ -0,0 +1,42 @@
+import { SearchContextProvider } from '@/app/collective-rewards/shared'
+import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
+import { BuilderStateFlagsArray, useGetBuildersByState } from '@/app/collective-rewards/user/'
+import { ActiveBuildersGrid } from '@/app/collective-rewards/active-builders'
+import { Search } from '@/app/collective-rewards/shared'
+import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
+
+export const isActive = (stateFlags?: BuilderStateFlags) => {
+  const activeFlags: BuilderStateFlagsArray = ['activated', 'communityApproved']
+  return activeFlags.some(flag => stateFlags?.[flag])
+}
+
+export type BuilderWithStatus = Builder & { builderStatus: 'active' | 'inProgress' }
+
+export const ActiveBuildersContent = () => {
+  const { data: builders, isLoading, error } = useGetBuildersByState(undefined, true)
+  useHandleErrors({ error, title: 'Error loading builders' })
+
+  const buildersWithStatus = builders.map(builder => {
+    const builderStatus = isActive(builder.stateFlags) ? 'active' : 'inProgress'
+    return {
+      ...builder,
+      builderStatus,
+    }
+  })
+
+  const status = [
+    { label: 'All', value: 'all' },
+    { label: 'Active', value: 'active' },
+    { label: 'In Progress', value: 'inProgress' },
+  ]
+
+  return (
+    <>
+      <SearchContextProvider builders={buildersWithStatus}>
+        <Search status={status} />
+        {withSpinner(ActiveBuildersGrid)({ isLoading })}
+      </SearchContextProvider>
+    </>
+  )
+}
diff --git a/src/app/collective-rewards/active-builders/ActiveBuildersGrid.tsx b/src/app/collective-rewards/active-builders/ActiveBuildersGrid.tsx
new file mode 100644
index 00000000..dd9e9178
--- /dev/null
+++ b/src/app/collective-rewards/active-builders/ActiveBuildersGrid.tsx
@@ -0,0 +1,16 @@
+import { FC } from 'react'
+import { ActiveBuildersGridItem, BuilderWithStatus } from '@/app/collective-rewards/active-builders'
+import { useSearchContext } from '@/app/collective-rewards/shared'
+
+export const ActiveBuildersGrid: FC = () => {
+  const { getValues } = useSearchContext()
+  const items = getValues<BuilderWithStatus>()
+
+  return (
+    <div className="grid grid-cols-3 gap-6">
+      {/* TODO: To be reviewed in the design */}
+      {items.length === 0 && <div>No builders found</div>}
+      {items.length > 0 && items.map(item => <ActiveBuildersGridItem key={item.address} {...item} />)}
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx b/src/app/collective-rewards/active-builders/ActiveBuildersGridItem.tsx
similarity index 80%
rename from src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
rename to src/app/collective-rewards/active-builders/ActiveBuildersGridItem.tsx
index 175d19cd..5d97b946 100644
--- a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGridItem.tsx
+++ b/src/app/collective-rewards/active-builders/ActiveBuildersGridItem.tsx
@@ -1,4 +1,3 @@
-import { crStatusColorClasses, BuilderProposal } from '@/app/collective-rewards/user'
 import { AddressOrAliasWithCopy } from '@/components/Address'
 import { Badge } from '@/components/Badge'
 import { Popover } from '@/components/Popover'
@@ -8,9 +7,10 @@ import { FC, ReactNode } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
 import { shortAddress } from '@/lib/utils'
 import { isAddress, Address } from 'viem'
-import { BuilderStatusActive, BuilderStatusShown } from '@/app/collective-rewards/types'
+import { crStatusColorClasses } from '@/app/collective-rewards/utils'
+import { BuilderWithStatus } from '@/app/collective-rewards/active-builders'
 
-type WhitelistGridItemProps = BuilderProposal & { status: BuilderStatusShown }
+type ActiveBuildersGridItemProps = BuilderWithStatus
 
 const Card = ({ header, body }: { header: ReactNode; body: ReactNode }) => {
   return (
@@ -21,14 +21,17 @@ const Card = ({ header, body }: { header: ReactNode; body: ReactNode }) => {
   )
 }
 
+const builderStatusMap = {
+  active: 'Active',
+  inProgress: 'In Progress',
+}
+
 // TODO: this content can be moved to a different component and become a generic card
-export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
-  builderName,
+export const ActiveBuildersGridItem: FC<ActiveBuildersGridItemProps> = ({
   address,
-  status,
-  joiningDate,
-  proposalId,
-  proposalName,
+  builderName,
+  builderStatus,
+  proposal: { id: proposalId, date: joiningDate, name: proposalName },
 }) => {
   const router = useRouter()
   const shortenAddress = shortAddress(address as Address)
@@ -58,12 +61,15 @@ export const WhitelistGridItem: FC<WhitelistGridItemProps> = ({
             />
           </Typography>
         </Popover>
-        {status === BuilderStatusActive && (
+        {builderStatus === 'active' && (
           <Paragraph className="text-sm font-light"> Joined {joiningDate}</Paragraph>
         )}
       </div>
       <div className="flex justify-center items-center">
-        <Badge content={status} className={`${crStatusColorClasses[status]} py-1 px-2`} />
+        <Badge
+          content={builderStatusMap[builderStatus]}
+          className={`${crStatusColorClasses[builderStatus]} py-1 px-2`}
+        />
       </div>
     </div>
   )
diff --git a/src/app/collective-rewards/active-builders/index.ts b/src/app/collective-rewards/active-builders/index.ts
new file mode 100644
index 00000000..dd17a4f9
--- /dev/null
+++ b/src/app/collective-rewards/active-builders/index.ts
@@ -0,0 +1,4 @@
+export * from './ActiveBuilders'
+export * from './ActiveBuildersGrid'
+export * from './ActiveBuildersGridItem'
+export * from './ActiveBuildersContent'
diff --git a/src/app/collective-rewards/allocations/AllocationMetrics.tsx b/src/app/collective-rewards/allocations/AllocationMetrics.tsx
deleted file mode 100644
index 4906fec2..00000000
--- a/src/app/collective-rewards/allocations/AllocationMetrics.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-'use client'
-
-import { formatBalanceToHuman, getTokenBalance } from '@/app/user/Balances/balanceUtils'
-import { useGetAddressTokens } from '@/app/user/Balances/hooks/useGetAddressTokens'
-import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
-import { Paragraph } from '@/components/Typography'
-import { ethers } from 'ethers'
-import { useAccount } from 'wagmi'
-import { useHandleErrors } from '@/app/collective-rewards/utils'
-import { useBackerTotalAllocation } from './useBackerTotalAllocation'
-
-type ValueProps = {
-  value: string
-}
-
-type MetricsProps = ValueProps & {
-  name: string
-}
-
-const Metric = ({ name, value }: MetricsProps) => {
-  return (
-    <div className="flex flex-col items-start gap-[10px]">
-      <Paragraph className="font-bold tracking-[-0.28px] text-[14px]">{name}</Paragraph>
-      <Paragraph className="font-kk-topo text-[48px] text-primary">{value}</Paragraph>
-    </div>
-  )
-}
-
-const Column = ({ children }: { children: React.ReactNode }) => {
-  return <div className="flex flex-col items-start gap-[10px] min-w-[200px] max-w-[20%]">{children}</div>
-}
-
-const Balance = ({ value }: ValueProps) => {
-  return <Metric name="Balance" value={value} />
-}
-const BalanceWithSpinner = withSpinner(Balance)
-
-const AllocatedAmount = ({ value }: ValueProps) => {
-  return <Metric name="Allocated amount" value={value} />
-}
-const AllocatedAmountWithSpinner = withSpinner(AllocatedAmount)
-
-const UnallocatedAmount = ({ value }: ValueProps) => {
-  return <Metric name="Unallocated amount" value={value} />
-}
-const UnallocatedAmountWithSpinner = withSpinner(UnallocatedAmount)
-
-export const AllocationMetrics = () => {
-  // TODO: we can move this logic to a custom hook or to a context
-  const { address, chainId } = useAccount()
-  let {
-    data,
-    isLoading: balanceLoading,
-    error: balanceError,
-  } = useGetAddressTokens(address!, chainId as number)
-  const stRIFBalance = getTokenBalance('stRIF', data)
-  const balanceValue = `${stRIFBalance.balance} ${stRIFBalance.symbol}`
-  balanceLoading = false
-
-  let {
-    data: allocatedAmount,
-    isLoading: allocatedAmountLoading,
-    error: allocatedAmountError,
-  } = useBackerTotalAllocation(address!)
-  const allocatedAmountValue = `${allocatedAmount} ${stRIFBalance.symbol}`
-  allocatedAmountLoading = false
-  allocatedAmount = 0n
-
-  useHandleErrors({
-    error: balanceError ?? allocatedAmountError,
-    title: 'Failed to fetch balance and allocated amount',
-  })
-
-  const unformattedUnit = stRIFBalance.balance
-  const formattedUnit = ethers.parseEther(unformattedUnit)
-  const unallocatedAmount = formatBalanceToHuman(formattedUnit - (allocatedAmount || 0n))
-
-  const unallocatedAmountValue = `${unallocatedAmount} ${stRIFBalance.symbol}`
-  const unallocatedAmountLoading = balanceLoading || allocatedAmountLoading
-  return (
-    <div className="flex items-start gap-6 w-full">
-      <Column>
-        <BalanceWithSpinner value={balanceValue} isLoading={balanceLoading} />
-      </Column>
-      <Column>
-        <AllocatedAmountWithSpinner value={allocatedAmountValue} isLoading={allocatedAmountLoading} />
-      </Column>
-      <Column>
-        <UnallocatedAmountWithSpinner value={unallocatedAmountValue} isLoading={unallocatedAmountLoading} />
-      </Column>
-    </div>
-  )
-}
diff --git a/src/app/collective-rewards/allocations/BuilderAllocation.tsx b/src/app/collective-rewards/allocations/BuilderAllocation.tsx
deleted file mode 100644
index 6fe5eaed..00000000
--- a/src/app/collective-rewards/allocations/BuilderAllocation.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { Input } from '@/components/Input'
-import { Slider } from '@/components/Slider'
-import { Label } from '@/components/Typography'
-import { useState } from 'react'
-import { BuilderAllocationHeader } from './BuilderAllocationHeader'
-import { BuilderAllocationProps } from './types'
-
-export const BuilderAllocation = (builder: BuilderAllocationProps) => {
-  const [sliderValue, setSliderValue] = useState<number>(builder.currentAllocation)
-  /* TODO: when the cumulative amount exceeds the balance
-   * - hint is changed
-   * - Slider is hidden
-   */
-  const hint = `Allocation left ${formatBalanceToHuman(builder.allocationLeft.toString())} stRIF`
-  // const hint = <StakeHint />
-  const onInputChange = () => {
-    /* TODO:
-     *  - reset all the sliders to 0 when the user changes the input
-     *  - update the cumulative amount
-     *  - if the cumulative amount exceeds the total allocation, show an error message in the current input
-     */
-  }
-  return (
-    <div className="flex flex-col py-4 px-2 gap-6 shrink-0 bg-foreground min-w-[calc(25%-1rem)] max-w-[calc(25%-1rem)]">
-      <BuilderAllocationHeader {...builder} />
-      <Label className="font-bold">Backer rewards {builder.backerRewards}% </Label>
-      <Input type="number" name={`allocation-${builder.address}`} hint={hint} onChange={onInputChange} />
-      <Slider value={[sliderValue]} />
-    </div>
-  )
-}
diff --git a/src/app/collective-rewards/allocations/BuilderAllocationHeader.tsx b/src/app/collective-rewards/allocations/BuilderAllocationHeader.tsx
deleted file mode 100644
index 9437f299..00000000
--- a/src/app/collective-rewards/allocations/BuilderAllocationHeader.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { AddressOrAlias } from '@/components/Address'
-import { Badge } from '@/components/Badge'
-import { Jdenticon } from '@/components/Header/Jdenticon'
-import { Paragraph, Typography } from '@/components/Typography'
-import { BuilderStatusActive } from '../types'
-import { crStatusColorClasses } from '../user'
-import { BuilderAllocationProps } from './types'
-
-export const BuilderAllocationHeader = ({
-  address,
-  builderName,
-  status,
-  joiningDate,
-}: BuilderAllocationProps) => {
-  return (
-    <div className="flex flex-row w-full items-center content-between gap-3">
-      <Jdenticon className="rounded-md bg-white" value={address} size="46" />
-      <div className="flex flex-col items-start gap-2">
-        <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap text-base leading-4">
-          <AddressOrAlias addressOrAlias={builderName || address} className="text-base font-bold leading-4" />
-        </Typography>
-        {status !== BuilderStatusActive && (
-          <Badge content={status} className={`${crStatusColorClasses[status]} py-1 px-1 text-[12px]`} />
-        )}
-        {status === BuilderStatusActive && (
-          <Paragraph className="text-sm font-light"> Joined {joiningDate}</Paragraph>
-        )}
-      </div>
-    </div>
-  )
-}
diff --git a/src/app/collective-rewards/allocations/AllocationAmount.tsx b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
similarity index 51%
rename from src/app/collective-rewards/allocations/AllocationAmount.tsx
rename to src/app/collective-rewards/allocations/components/AllocationAmount.tsx
index a6d84450..4a9d1974 100644
--- a/src/app/collective-rewards/allocations/AllocationAmount.tsx
+++ b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
@@ -1,10 +1,12 @@
 'use client'
 
-import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { Button, ButtonProps } from '@/components/Button'
 import { Input } from '@/components/Input'
 import { cn } from '@/lib/utils'
-import { useState } from 'react'
+import { useContext, useState } from 'react'
+import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
+import { formatEther, parseEther } from 'viem'
+import { StakeHint } from './StakeHint'
 
 const PercentageButton = ({ children, variant, ...rest }: ButtonProps) => (
   <Button
@@ -16,29 +18,30 @@ const PercentageButton = ({ children, variant, ...rest }: ButtonProps) => (
   </Button>
 )
 
-type AllocationAmountProps = {
-  balance: bigint
-  errorMessage?: string
-  onPercentageSet?: (percentage: number) => void
-}
+const ALLOCATION_EXCEED_AMOUNT_ERROR = 'Builder allocations exceeds amount to allocate'
 
-export const AllocationAmount = ({ balance, errorMessage, onPercentageSet }: AllocationAmountProps) => {
-  // TODO: hint is shown only when the allocated amount exceeds the balance
-  // const hint = <StakeHint />
-  const hint = undefined
+export const AllocationAmount = () => {
+  const {
+    state: {
+      backer: { balance, totalAllocation, cumulativeAllocation, allocationCount },
+    },
+    actions: { updateAllocations, updateTotalAllocation },
+  } = useContext(AllocationsContext)
 
   const [activeButton, setActiveButton] = useState<number | null>(null)
-  const [allocatedAmount, setAllocatedAmount] = useState('0')
-  const onChange = (value: string) => {
-    setAllocatedAmount(value)
-  }
-
   const onPercentageButtonClicked = (percentage: number, index: number) => {
-    const percentageAmount = (BigInt(balance ?? 0n) * BigInt(percentage)) / BigInt(100)
-    setAllocatedAmount(formatBalanceToHuman(percentageAmount))
-    onPercentageSet?.(percentage)
+    const newTotalAllocation = (BigInt(balance ?? 0n) * BigInt(percentage)) / BigInt(100)
+    updateTotalAllocation(newTotalAllocation)
     setActiveButton(index)
+    const allocationValue = allocationCount > 0 ? newTotalAllocation / BigInt(allocationCount) : 0n
+
+    updateAllocations(Array(allocationCount).fill(allocationValue))
   }
+
+  const handleOnChange = (value: string) => {
+    updateTotalAllocation(parseEther(value))
+  }
+
   return (
     <div className="flex flex-col items-end gap-4 min-w-[694px] min-h-[130px]">
       <div className="flex flex-col items-center gap-[10px] self-stretch">
@@ -49,10 +52,14 @@ export const AllocationAmount = ({ balance, errorMessage, onPercentageSet }: All
           labelProps={{ className: 'text-base leading-4 font-normal' }}
           name="allocated-amount"
           fullWidth
-          onChange={onChange}
-          value={allocatedAmount.toString()}
-          errorMessage={errorMessage}
-          hint={hint}
+          onChange={handleOnChange}
+          value={formatEther(totalAllocation)}
+          errorMessage={
+            cumulativeAllocation > totalAllocation && cumulativeAllocation < balance
+              ? ALLOCATION_EXCEED_AMOUNT_ERROR
+              : ''
+          }
+          hint={Number(totalAllocation - cumulativeAllocation) < 0 ? <StakeHint /> : undefined}
         />
       </div>
       <div className="flex items-center gap-3">
diff --git a/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx b/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx
new file mode 100644
index 00000000..04b6529b
--- /dev/null
+++ b/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx
@@ -0,0 +1,68 @@
+'use client'
+
+import { Paragraph } from '@/components/Typography'
+import { useContext } from 'react'
+import { formatEther } from 'viem'
+import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
+
+type ValueProps = {
+  value: string
+}
+
+type MetricsProps = ValueProps & {
+  name: string
+}
+
+const Metric = ({ name, value }: MetricsProps) => {
+  return (
+    <div className="flex flex-col items-start gap-[10px]">
+      <Paragraph className="font-bold tracking-[-0.28px] text-[14px]">{name}</Paragraph>
+      <Paragraph className="font-kk-topo text-[48px] text-primary">{value}</Paragraph>
+    </div>
+  )
+}
+
+const Column = ({ children }: { children: React.ReactNode }) => {
+  return <div className="flex flex-col items-start gap-[10px] min-w-[200px] max-w-[20%]">{children}</div>
+}
+
+const Balance = ({ value }: ValueProps) => {
+  return <Metric name="Balance" value={value} />
+}
+
+const AllocatedAmount = ({ value }: ValueProps) => {
+  return <Metric name="Allocated amount" value={value} />
+}
+
+const UnallocatedAmount = ({ value }: ValueProps) => {
+  return <Metric name="Unallocated amount" value={value} />
+}
+
+export const AllocationMetrics = () => {
+  const {
+    initialState: {
+      backer: { totalAllocation, balance },
+    },
+  } = useContext(AllocationsContext)
+
+  const balanceValue = `${formatEther(balance)} stRIF`
+
+  const allocatedAmountValue = `${formatEther(totalAllocation)} stRIF`
+
+  const unallocatedAmount = formatEther(balance - totalAllocation)
+
+  const unallocatedAmountValue = `${unallocatedAmount} stRIF`
+  return (
+    <div className="flex items-start gap-6 w-full">
+      <Column>
+        <Balance value={balanceValue} />
+      </Column>
+      <Column>
+        <AllocatedAmount value={allocatedAmountValue} />
+      </Column>
+      <Column>
+        <UnallocatedAmount value={unallocatedAmountValue} />
+      </Column>
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
new file mode 100644
index 00000000..be7aaffa
--- /dev/null
+++ b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
@@ -0,0 +1,55 @@
+import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
+import { Builder } from '@/app/collective-rewards/types'
+import { Input } from '@/components/Input'
+import { Slider } from '@/components/Slider'
+import { Label } from '@/components/Typography'
+import { useContext } from 'react'
+import { formatEther, parseEther } from 'viem'
+import { BuilderAllocationHeader, BuilderAllocationHeaderProps } from './BuilderAllocationHeader'
+import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { weiToPercentage } from '../../settings'
+
+export type BuilderAllocationProps = BuilderAllocationHeaderProps &
+  Pick<Builder, 'backerRewardPercentage'> & {
+    index: number
+    currentAllocation: bigint
+  }
+
+export const BuilderAllocation = (builder: BuilderAllocationProps) => {
+  const {
+    state: {
+      backer: { totalAllocation, cumulativeAllocation },
+    },
+    actions: { updateAllocation },
+  } = useContext(AllocationsContext)
+  const allocationLeft = totalAllocation - cumulativeAllocation
+  const { currentAllocation, backerRewardPercentage, address } = builder
+  const onInputChange = (value: string) => {
+    updateAllocation(builder.index, parseEther(value))
+  }
+
+  const onSliderValueChange = (value: number[]) => {
+    updateAllocation(builder.index, BigInt(value[0]))
+  }
+
+  return (
+    <div className="flex flex-col py-4 px-2 gap-6 shrink-0 bg-foreground rounded-[8px]">
+      <BuilderAllocationHeader {...builder} />
+      <Label className="font-bold">
+        Backer rewards {weiToPercentage(backerRewardPercentage?.previous ?? 0n, 0)}%{' '}
+      </Label>
+      <Input
+        type="number"
+        name={`allocation-${address}`}
+        hint={`Allocation left ${allocationLeft > 0 ? formatBalanceToHuman(allocationLeft) : '0'} stRIF`}
+        onChange={onInputChange}
+        value={formatBalanceToHuman(currentAllocation || 0n)}
+      />
+      <Slider
+        value={[Number(currentAllocation)]}
+        max={Number(totalAllocation)}
+        onValueChange={onSliderValueChange}
+      />
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/allocations/components/BuilderAllocationHeader.tsx b/src/app/collective-rewards/allocations/components/BuilderAllocationHeader.tsx
new file mode 100644
index 00000000..375627d4
--- /dev/null
+++ b/src/app/collective-rewards/allocations/components/BuilderAllocationHeader.tsx
@@ -0,0 +1,41 @@
+import { AddressOrAlias } from '@/components/Address'
+import { Badge } from '@/components/Badge'
+import { Jdenticon } from '@/components/Header/Jdenticon'
+import { Paragraph, Typography } from '@/components/Typography'
+import { FC } from 'react'
+import { Builder, BuilderProposal, BuilderStateFlags } from '../../types'
+
+export type BuilderAllocationHeaderProps = Pick<Builder, 'builderName' | 'address' | 'stateFlags' | 'gauge'> &
+  Pick<BuilderProposal, 'date'>
+
+const isBuilderActive = ({ communityApproved, kycApproved, paused }: BuilderStateFlags) => {
+  return communityApproved && kycApproved && !paused
+}
+
+export const BuilderAllocationHeader: FC<BuilderAllocationHeaderProps> = ({
+  address,
+  builderName,
+  stateFlags,
+  date,
+  gauge,
+}) => {
+  const state = stateFlags as BuilderStateFlags
+
+  return (
+    <div className="flex flex-row w-full items-center content-between gap-3">
+      <Jdenticon className="rounded-md bg-white" value={address} size="46" />
+      <div className="flex flex-col items-start gap-2">
+        <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap text-base leading-4">
+          <AddressOrAlias addressOrAlias={builderName || address} className="text-base font-bold leading-4" />
+        </Typography>
+        {gauge && !state.communityApproved && (
+          <Badge content="Deactivated" className="bg-[#932309] color-text-primary py-1 px-1 text-[12px]" />
+        )}
+        {state.paused && state.communityApproved && (
+          <Badge content="Paused" className="bg-[#F9E1FF] text-secondary py-1 px-1 text-[12px]" />
+        )}
+        {isBuilderActive(state) && <Paragraph className="text-sm font-light"> Joined {date}</Paragraph>}
+      </div>
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/allocations/Header.tsx b/src/app/collective-rewards/allocations/components/Header.tsx
similarity index 100%
rename from src/app/collective-rewards/allocations/Header.tsx
rename to src/app/collective-rewards/allocations/components/Header.tsx
diff --git a/src/app/collective-rewards/allocations/StakeHint.tsx b/src/app/collective-rewards/allocations/components/StakeHint.tsx
similarity index 100%
rename from src/app/collective-rewards/allocations/StakeHint.tsx
rename to src/app/collective-rewards/allocations/components/StakeHint.tsx
diff --git a/src/app/collective-rewards/allocations/components/index.ts b/src/app/collective-rewards/allocations/components/index.ts
new file mode 100644
index 00000000..e471eb16
--- /dev/null
+++ b/src/app/collective-rewards/allocations/components/index.ts
@@ -0,0 +1,5 @@
+export * from './AllocationAmount'
+export * from './AllocationMetrics'
+export * from './BuilderAllocation'
+export * from './Header'
+export * from './StakeHint'
diff --git a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
new file mode 100644
index 00000000..63b486b6
--- /dev/null
+++ b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
@@ -0,0 +1,247 @@
+import {
+  useActivatedBuildersWithGauge,
+  useBackerTotalAllocation,
+  useGetAllAllocationOf,
+  useGetVotingPower,
+} from '@/app/collective-rewards/allocations/hooks'
+import { Builder } from '@/app/collective-rewards/types'
+import { createContext, FC, ReactNode, useEffect, useMemo, useState, useCallback } from 'react'
+import { Address, zeroAddress } from 'viem'
+import { useAccount } from 'wagmi'
+import { createActions } from './allocationsActions'
+import { useBuildersWithBackerRewardPercentage } from '../hooks/useBuildersWithBackerRewardPercentage'
+export type Allocations = Record<number, bigint>
+export interface Backer {
+  totalAllocation: bigint
+  balance: bigint
+  allocationCount: number
+  cumulativeAllocation: bigint
+}
+type AllocationsContextValue = {
+  selections: number[]
+  allocations: Allocations
+  backer: Backer
+  isContextLoading: boolean
+  contextError: Error | null
+  getBuilder: (index: number) => Builder | null
+  getBuilderIndexByAddress: (address: Address) => number | null
+}
+export type AllocationsActions = {
+  toggleSelectedBuilder: (builderIndex: number) => void
+  updateAllocation: (builderIndex: number, value: bigint) => void
+  updateAllocations: (values: bigint[]) => void
+  updateTotalAllocation: (value: bigint) => void
+  resetAllocations: () => void
+}
+export type InitialState = Pick<AllocationsContextValue, 'backer' | 'allocations'>
+type AllocationsContext = {
+  initialState: InitialState
+  state: AllocationsContextValue
+  actions: AllocationsActions
+}
+const DEFAULT_CONTEXT: AllocationsContext = {
+  initialState: {
+    backer: {
+      balance: BigInt(0),
+      totalAllocation: BigInt(0),
+      allocationCount: 0,
+      cumulativeAllocation: BigInt(0),
+    },
+    allocations: {},
+  },
+  state: {
+    selections: [],
+    allocations: {},
+    backer: {
+      balance: BigInt(0),
+      totalAllocation: BigInt(0),
+      allocationCount: 0,
+      cumulativeAllocation: BigInt(0),
+    },
+    isContextLoading: true,
+    contextError: null,
+    getBuilder: () => null,
+    getBuilderIndexByAddress: () => null,
+  },
+  actions: {
+    toggleSelectedBuilder: () => {},
+    updateAllocation: () => {},
+    updateAllocations: () => {},
+    updateTotalAllocation: () => {},
+    resetAllocations: () => {},
+  },
+}
+export const AllocationsContext = createContext<AllocationsContext>(DEFAULT_CONTEXT)
+export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ children }) => {
+  const { address: backerAddress } = useAccount()
+  /**
+   * Selections are the indexes of the builders that the backer has selected
+   */
+  const [selections, setSelections] = useState<number[]>(DEFAULT_CONTEXT.state.selections)
+  /**
+   * Allocations are the amounts that the backer has allocated to each builder either in the current session or in the past
+   * The key is the index of the builder
+   * The value is the amount allocated
+   */
+  const [allocations, setAllocations] = useState<Allocations>(DEFAULT_CONTEXT.state.allocations)
+  /**
+   * Cumulative allocation is the total amount that the backer has allocated to all builders in current session
+   */
+  const [isContextLoading, setIsContextLoading] = useState(DEFAULT_CONTEXT.state.isContextLoading)
+  const [contextError, setContextError] = useState<Error | null>(DEFAULT_CONTEXT.state.contextError)
+  const [backer, setBacker] = useState<Backer>(DEFAULT_CONTEXT.state.backer)
+  const {
+    data: builders,
+    isLoading: isLoadingBuilders,
+    error: buildersError,
+  } = useActivatedBuildersWithGauge()
+
+  const {
+    data: buildersWithBackerRewards,
+    isLoading: buildersWithBackerRewardsLoading,
+    error: buildersWithBackerRewardsError,
+  } = useBuildersWithBackerRewardPercentage(builders)
+
+  const {
+    data: allAllocations,
+    isLoading: isAllAllocationsLoading,
+    error: allAllocationsError,
+  } = useGetAllAllocationOf(
+    backerAddress ?? zeroAddress,
+    // gauge is always defined here
+    buildersWithBackerRewards?.map(builder => builder.gauge ?? zeroAddress) || [],
+  )
+  const {
+    data: totalAllocation,
+    isLoading: isTotalAllocationLoading,
+    error: totalAllocationError,
+  } = useBackerTotalAllocation(backerAddress ?? zeroAddress)
+  const { data: votingPower, isLoading: isVotingPowerLoading, error: votingPowerError } = useGetVotingPower()
+
+  // Cache builder lookup functions
+  const getBuilder = useCallback(
+    (index: number) => (index >= 0 && index < builders.length ? builders[index] : null),
+    [builders],
+  )
+
+  const getBuilderIndexByAddress = useCallback(
+    (address: Address) => builders.findIndex(builder => builder.address === address) ?? null,
+    [builders],
+  )
+
+  // Consolidate state updates
+  useEffect(() => {
+    if (!isContextLoading && backerAddress && allAllocations) {
+      const [newAllocations, newCumulativeAllocation] = createInitialAllocations(allAllocations, selections)
+      setAllocations(newAllocations)
+      setBacker(prev => ({
+        ...prev,
+        allocationCount: builders.length,
+        cumulativeAllocation: newCumulativeAllocation,
+        totalAllocation: totalAllocation ?? prev.totalAllocation,
+        balance: votingPower ?? prev.balance,
+      }))
+    }
+  }, [
+    allAllocations,
+    backerAddress,
+    selections,
+    isContextLoading,
+    builders.length,
+    totalAllocation,
+    votingPower,
+  ])
+
+  useEffect(() => {
+    setContextError(
+      buildersError ??
+        allAllocationsError ??
+        totalAllocationError ??
+        votingPowerError ??
+        buildersWithBackerRewardsError,
+    )
+  }, [
+    allAllocationsError,
+    buildersError,
+    totalAllocationError,
+    votingPowerError,
+    buildersWithBackerRewardsError,
+  ])
+  useEffect(() => {
+    setIsContextLoading(
+      isLoadingBuilders ||
+        isAllAllocationsLoading ||
+        isTotalAllocationLoading ||
+        isVotingPowerLoading ||
+        buildersWithBackerRewardsLoading,
+    )
+  }, [
+    isLoadingBuilders,
+    isAllAllocationsLoading,
+    isTotalAllocationLoading,
+    isVotingPowerLoading,
+    buildersWithBackerRewardsLoading,
+  ])
+  const initialState: InitialState = useMemo(() => {
+    if (isContextLoading) {
+      return {
+        backer: DEFAULT_CONTEXT.initialState.backer,
+        allocations: DEFAULT_CONTEXT.initialState.allocations,
+      }
+    }
+    const [initialAllocations, initialCumulativeAllocations] = createInitialAllocations(
+      allAllocations || [],
+      selections,
+    )
+    return {
+      backer: {
+        balance: votingPower ?? BigInt(0),
+        totalAllocation: totalAllocation ?? BigInt(0),
+        allocationCount: builders.length,
+        cumulativeAllocation: initialCumulativeAllocations,
+      },
+      allocations: initialAllocations,
+    }
+  }, [allAllocations, builders, totalAllocation, votingPower, isContextLoading, selections])
+  const state: AllocationsContextValue = useMemo(
+    () => ({
+      selections,
+      allocations,
+      backer,
+      isContextLoading,
+      contextError,
+      getBuilder,
+      getBuilderIndexByAddress,
+    }),
+    [selections, allocations, backer, isContextLoading, contextError, getBuilder, getBuilderIndexByAddress],
+  )
+
+  const actions: AllocationsActions = useMemo(
+    () => createActions(setSelections, setAllocations, setBacker, initialState),
+    [initialState],
+  )
+
+  // Cache the context value
+  const contextValue = useMemo(
+    () => ({
+      initialState,
+      state,
+      actions,
+    }),
+    [initialState, state, actions],
+  )
+
+  return <AllocationsContext.Provider value={contextValue}>{children}</AllocationsContext.Provider>
+}
+function createInitialAllocations(allAllocations: bigint[], selections: number[]): [Allocations, bigint] {
+  return allAllocations.reduce(
+    (acc, allocation, index) => {
+      if (allocation || selections.includes(index)) {
+        acc[0][index] = allocation
+        acc[1] += allocation ?? BigInt(0)
+      }
+      return acc
+    },
+    [{} as Allocations, BigInt(0)],
+  )
+}
diff --git a/src/app/collective-rewards/allocations/context/allocationsActions.tsx b/src/app/collective-rewards/allocations/context/allocationsActions.tsx
new file mode 100644
index 00000000..c4648679
--- /dev/null
+++ b/src/app/collective-rewards/allocations/context/allocationsActions.tsx
@@ -0,0 +1,52 @@
+import { Dispatch, SetStateAction } from 'react'
+import { Allocations, AllocationsActions, Backer, InitialState } from './AllocationsContext'
+export const createActions = (
+  setSelections: Dispatch<SetStateAction<number[]>>,
+  setAllocations: Dispatch<SetStateAction<Record<number, bigint>>>,
+  setBacker: Dispatch<SetStateAction<Backer>>,
+  initialState: InitialState,
+): AllocationsActions => ({
+  toggleSelectedBuilder: (builderIndex: number) => {
+    setSelections(prevSelections =>
+      prevSelections.includes(builderIndex)
+        ? prevSelections.filter(index => index !== builderIndex)
+        : [...prevSelections, builderIndex],
+    )
+  },
+  updateAllocation: (builderIndex: number, value: bigint) => {
+    setAllocations(prevAllocations => {
+      const newAllocations = { ...prevAllocations, [builderIndex]: value }
+      setBacker(prevBacker => ({
+        ...prevBacker,
+        cumulativeAllocation:
+          prevBacker.cumulativeAllocation + value - (prevAllocations[builderIndex] ?? BigInt(0)),
+      }))
+      return newAllocations
+    })
+  },
+  updateAllocations: (values: bigint[]) => {
+    const [newAllocations, newCumulativeAllocation] = values.reduce(
+      (acc, value, index) => {
+        acc[0][index] = value
+        acc[1] += value
+        return acc
+      },
+      [{} as Allocations, BigInt(0)],
+    )
+    setAllocations(newAllocations)
+    setBacker(prevBacker => ({
+      ...prevBacker,
+      cumulativeAllocation: newCumulativeAllocation,
+    }))
+  },
+  updateTotalAllocation: (value: bigint) => {
+    setBacker(prevBacker => ({
+      ...prevBacker,
+      totalAllocation: value,
+    }))
+  },
+  resetAllocations: () => {
+    setAllocations(initialState.allocations)
+    setBacker(initialState.backer)
+  },
+})
diff --git a/src/app/collective-rewards/allocations/context/index.ts b/src/app/collective-rewards/allocations/context/index.ts
new file mode 100644
index 00000000..0697bbaa
--- /dev/null
+++ b/src/app/collective-rewards/allocations/context/index.ts
@@ -0,0 +1 @@
+export * from './AllocationsContext'
diff --git a/src/app/collective-rewards/allocations/hooks/index.ts b/src/app/collective-rewards/allocations/hooks/index.ts
new file mode 100644
index 00000000..e9714f1c
--- /dev/null
+++ b/src/app/collective-rewards/allocations/hooks/index.ts
@@ -0,0 +1,3 @@
+export * from './useBackerTotalAllocation'
+export * from './useGetVotingPower'
+export * from './useActivatedBuildersWithGauge'
diff --git a/src/app/collective-rewards/allocations/hooks/useActivatedBuildersWithGauge.ts b/src/app/collective-rewards/allocations/hooks/useActivatedBuildersWithGauge.ts
new file mode 100644
index 00000000..816df20a
--- /dev/null
+++ b/src/app/collective-rewards/allocations/hooks/useActivatedBuildersWithGauge.ts
@@ -0,0 +1,17 @@
+import { useMemo } from 'react'
+import { useBuilderContext } from '../../user'
+
+export const useActivatedBuildersWithGauge = () => {
+  const { data: builders, isLoading, error } = useBuilderContext()
+  let data = useMemo(
+    // Not v1 and both community approved and activated
+    () => builders.filter(({ gauge, stateFlags }) => gauge && stateFlags && stateFlags.activated),
+    [builders],
+  )
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/allocations/hooks/useBackerTotalAllocation.ts b/src/app/collective-rewards/allocations/hooks/useBackerTotalAllocation.ts
new file mode 100644
index 00000000..85d773e4
--- /dev/null
+++ b/src/app/collective-rewards/allocations/hooks/useBackerTotalAllocation.ts
@@ -0,0 +1,52 @@
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useMemo } from 'react'
+import { Address } from 'viem'
+import { useReadContract, useReadContracts } from 'wagmi'
+
+export const useBackerTotalAllocation = (backer: Address) => {
+  const { data, isLoading, error } = useReadContract({
+    abi: BackersManagerAbi,
+    address: BackersManagerAddress,
+    functionName: 'backerTotalAllocation',
+    args: [backer],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+      initialData: 0n,
+    },
+  })
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
+
+export const useGetAllAllocationOf = (backer: Address, gaugeAddresses: Address[]) => {
+  const {
+    data: gauges,
+    isLoading,
+    error,
+  } = useReadContracts({
+    contracts: gaugeAddresses.map(gaugeAddress => ({
+      abi: GaugeAbi,
+      address: gaugeAddress,
+      functionName: 'allocationOf',
+      args: [backer],
+    })),
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  const data = useMemo(() => gauges?.map(({ result }) => result as bigint), [gauges])
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/allocations/hooks/useBuildersWithBackerRewardPercentage.ts b/src/app/collective-rewards/allocations/hooks/useBuildersWithBackerRewardPercentage.ts
new file mode 100644
index 00000000..43b8fb7f
--- /dev/null
+++ b/src/app/collective-rewards/allocations/hooks/useBuildersWithBackerRewardPercentage.ts
@@ -0,0 +1,56 @@
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useMemo } from 'react'
+import { useReadContracts } from 'wagmi'
+import { BackerRewardPercentage, Builder } from '../../types'
+
+type RawBackerRewardPercentage = [bigint, bigint, bigint]
+
+export const useBuildersWithBackerRewardPercentage = (builders: Builder[]) => {
+  const backerRewardPercentageCalls = builders.map(({ address }) => ({
+    address: BackersManagerAddress,
+    abi: BuilderRegistryAbi,
+    functionName: 'backerRewardPercentage',
+    args: [address],
+  }))
+
+  const {
+    data: backerRewardPercentageResults,
+    isLoading: backerRewardPercentageLoading,
+    error: backerRewardPercentageError,
+  } = useReadContracts<RawBackerRewardPercentage[]>({
+    contracts: backerRewardPercentageCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  const data = useMemo(() => {
+    const backerRewardPercentages = backerRewardPercentageResults?.map(({ result }) => {
+      if (result === undefined) return undefined
+
+      const [previous, next, cooldown] = result as RawBackerRewardPercentage
+      return {
+        previous,
+        next,
+        cooldown,
+      } as BackerRewardPercentage
+    })
+
+    if (!backerRewardPercentages) return undefined
+
+    return backerRewardPercentages?.map((backerRewardPercentage, index) => ({
+      ...builders[index],
+      backerRewardPercentage: {
+        ...backerRewardPercentage,
+      },
+    }))
+  }, [builders, backerRewardPercentageResults])
+
+  return {
+    data,
+    isLoading: backerRewardPercentageLoading,
+    error: backerRewardPercentageError,
+  }
+}
diff --git a/src/app/collective-rewards/allocations/hooks/useGetVotingPower.ts b/src/app/collective-rewards/allocations/hooks/useGetVotingPower.ts
new file mode 100644
index 00000000..2e2ba6be
--- /dev/null
+++ b/src/app/collective-rewards/allocations/hooks/useGetVotingPower.ts
@@ -0,0 +1,21 @@
+import { StRIFTokenAbi } from '@/lib/abis/StRIFTokenAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { tokenContracts } from '@/lib/contracts'
+import { useAccount, useReadContract, useReadContracts } from 'wagmi'
+export const useGetVotingPower = () => {
+  const { address } = useAccount()
+  const { data, isLoading, error } = useReadContract({
+    abi: StRIFTokenAbi,
+    address: tokenContracts.stRIF,
+    functionName: 'balanceOf',
+    args: [address!],
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/allocations/page.tsx b/src/app/collective-rewards/allocations/page.tsx
index 6323acda..d55cd01f 100644
--- a/src/app/collective-rewards/allocations/page.tsx
+++ b/src/app/collective-rewards/allocations/page.tsx
@@ -1,77 +1,74 @@
 'use client'
 
+import { Button } from '@/components/Button'
 import { MainContainer } from '@/components/MainContainer/MainContainer'
 import { Typography } from '@/components/Typography'
-import { AllocationAmount } from './AllocationAmount'
-import { AllocationMetrics } from './AllocationMetrics'
-import { BuilderAllocation } from './BuilderAllocation'
-import { Header } from './Header'
-import { BuilderAllocationProps } from './types'
-import { useState } from 'react'
-
-const ALLOCATION_EXCEED_AMOUNT_ERROR = 'Builder allocations exceeds amount to allocate'
+import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { BackersManagerAddress } from '@/lib/contracts'
+import { useRouter } from 'next/navigation'
+import { useContext } from 'react'
+import { Address, zeroAddress } from 'viem'
+import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
+import { useAwaitedTxReporting } from '../shared'
+import { Builder } from '../types'
+import { useHandleErrors } from '../utils'
+import {
+  AllocationAmount,
+  AllocationMetrics,
+  BuilderAllocation,
+  BuilderAllocationProps,
+  Header,
+} from './components'
+import { AllocationsContext } from './context'
 
 export default function Allocations() {
-  /* TODO: Error message is set when
-   * - the cumulative amount exceeds the allocation amount (ALLOCATION_EXCEED_AMOUNT_ERROR)
-   */
-  const [errorMessage, setErrorMessage] = useState<string>('')
-  const builders: BuilderAllocationProps[] = [
-    {
-      builderName: 'Builder 1',
-      address: '0x1234567890abcdef1234567890abcdef12345678',
-      status: 'Active',
-      joiningDate: '2021-10-01',
-      allocationLeft: 50000000000000000000n,
-      backerRewards: 10,
-      currentAllocation: 70,
-    },
-    {
-      builderName: 'Builder 2',
-      address: '0x1234567890abcdef1234567890abcdef12345678',
-      status: 'Active',
-      joiningDate: '2021-10-01',
-      allocationLeft: 50000000000000000000n,
-      backerRewards: 8,
-      currentAllocation: 50,
-    },
-    {
-      builderName: 'Builder 3',
-      address: '0x1234567890abcdef1234567890abcdef12345678',
-      status: 'Deactivated',
-      joiningDate: '2021-10-01',
-      allocationLeft: 50000000000000000000n,
-      backerRewards: 100,
-      currentAllocation: 20,
-    },
-    {
-      builderName: 'Builder 4',
-      address: '0x1234567890abcdef1234567890abcdef12345678',
-      status: 'Paused',
-      joiningDate: '2021-10-01',
-      allocationLeft: 50000000000000000000n,
-      backerRewards: 99,
-      currentAllocation: 100,
-    },
-    {
-      builderName: 'Builder 5',
-      address: '0x1234567890abcdef1234567890abcdef12345678',
-      status: 'Deactivated',
-      joiningDate: '2021-10-01',
-      allocationLeft: 50000000000000000000n,
-      backerRewards: 99,
-      currentAllocation: 100,
-    },
-    {
-      builderName: 'Builder 6',
-      address: '0x1234567890abcdef1234567890abcdef12345678',
-      status: 'Active',
-      joiningDate: '2021-10-01',
-      allocationLeft: 50000000000000000000n,
-      backerRewards: 99,
-      currentAllocation: 100,
-    },
-  ]
+  const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
+  const { isLoading, isSuccess, data, error: receiptError } = useWaitForTransactionReceipt({ hash })
+
+  const error = executionError || receiptError
+
+  useAwaitedTxReporting({
+    hash,
+    error,
+    isPendingTx: isPending,
+    isLoadingReceipt: isLoading,
+    isSuccess,
+    receipt: data,
+    title: 'Save allocations',
+  })
+
+  const router = useRouter()
+  const {
+    state: { allocations, getBuilder },
+    actions: { resetAllocations },
+  } = useContext(AllocationsContext)
+
+  const saveAllocations = () => {
+    const [gauges, allocs] = Object.entries(allocations).reduce<[Address[], bigint[]]>(
+      (acc, [index, allocation]) => {
+        acc[0] = [...acc[0], getBuilder(Number(index))?.gauge ?? zeroAddress]
+        acc[1] = [...acc[1], allocation]
+
+        return acc
+      },
+      [[], []],
+    )
+
+    return writeContractAsync({
+      abi: BackersManagerAbi,
+      address: BackersManagerAddress,
+      functionName: 'allocateBatch',
+      args: [gauges, allocs],
+    })
+  }
+
+  useHandleErrors({ error: executionError, title: 'Error saving allocations' })
+
+  const cancel = () => {
+    resetAllocations()
+    router.back()
+  }
+
   return (
     <MainContainer>
       <div className="grid grid-rows-1 gap-[32px]">
@@ -80,20 +77,46 @@ export default function Allocations() {
         </div>
         <div className="flex flex-col items-start gap-6 self-stretch">
           <AllocationMetrics />
-          <AllocationAmount
-            // TODO: balance set only to make the percentage buttons work
-            balance={50000000000000000000n}
-            errorMessage={errorMessage}
-          />
+          <AllocationAmount />
         </div>
         <div className="flex flex-col items-start gap-4 self-stretch">
           <Typography tagVariant="h2" className="text-lg font-bold leading-[18px]">
             Selected Builders
           </Typography>
           <div className="flex items-start content-start flex-wrap gap-4">
-            {builders.map((builder, index) => (
-              <BuilderAllocation key={index} {...builder} />
-            ))}
+            {Object.entries(allocations).map(([key, currentAllocation]) => {
+              const index = Number(key)
+              const builderInfo = getBuilder(index) as Builder
+              const builder: BuilderAllocationProps = {
+                ...builderInfo,
+                index,
+                currentAllocation,
+                date: builderInfo.proposal.date,
+              }
+              return <BuilderAllocation key={index} {...builder} />
+            })}
+          </div>
+          <div className="flex items-center self-stretch justify-between gap-4">
+            <div className="flex gap-4">
+              {/* TODO: review disabled statuses */}
+              <Button variant="primary" onClick={() => saveAllocations()}>
+                {' '}
+                Save allocations
+              </Button>
+              <Button variant="secondary" onClick={() => cancel()}>
+                {' '}
+                Cancel{' '}
+              </Button>
+            </div>
+
+            <Button
+              variant="borderless"
+              onClick={() => resetAllocations()}
+              textClassName="font-bold text-[18px] text-primary"
+            >
+              {' '}
+              Reset allocations
+            </Button>
           </div>
         </div>
       </div>
diff --git a/src/app/collective-rewards/allocations/types.ts b/src/app/collective-rewards/allocations/types.ts
deleted file mode 100644
index 9d2242ee..00000000
--- a/src/app/collective-rewards/allocations/types.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Address } from 'viem'
-import { BuilderStatusShown } from '../types'
-
-export type BuilderStatus = BuilderStatusShown | 'Paused' | 'Deactivated'
-
-export type BuilderAllocationProps = {
-  builderName: string
-  address: Address
-  status: BuilderStatus
-  joiningDate: string
-  allocationLeft: BigInt
-  // TODO: what's the value we expect here? (e.g. 8% or 8.123456%)
-  backerRewards: number
-  currentAllocation: number
-}
diff --git a/src/app/collective-rewards/context/PaginatedDataContext.tsx b/src/app/collective-rewards/context/PaginatedDataContext.tsx
new file mode 100644
index 00000000..0ba1ca86
--- /dev/null
+++ b/src/app/collective-rewards/context/PaginatedDataContext.tsx
@@ -0,0 +1,91 @@
+import { Context, createContext, FC, useContext, useEffect, useMemo, useState } from 'react'
+
+type PaginationConfig<T> = {
+  data: T[]
+  pageSize: number
+  currentPage: number
+}
+
+type State<T extends Object = {}> = PaginationConfig<T> & {
+  pageCount: number
+}
+
+type Actions<T extends Object = {}> = {
+  getDataIndex: (index: number) => number
+  getPage: (page?: number) => T[]
+  updateData: (data: T[]) => void
+  updatePageSize: (pageSize: number) => void
+  updateCurrentPage: (currentPage: number) => void
+}
+
+type PageContext<T extends Object = {}> = State<T> & Actions<T>
+
+export const PaginatedDataContext = createContext<PageContext<any>>({
+  data: [],
+  pageSize: 0,
+  currentPage: 0,
+  pageCount: 0,
+  getDataIndex: () => 0,
+  getPage: () => [],
+  updateData: () => {},
+  updatePageSize: () => {},
+  updateCurrentPage: () => {},
+})
+
+export const usePaginatedDataContext = <T extends Object = {}>() => {
+  const context = useContext<PageContext<T>>(PaginatedDataContext)
+  if (!context) {
+    throw new Error('usePaginatedDataContext must be used within a PaginatedDataContextProvider')
+  }
+  return context
+}
+
+type PaginatedDataContextProviderProps<T extends Object = {}> = {
+  children: React.ReactNode
+  config: PaginationConfig<T>
+}
+
+export const PaginatedDataContextProvider: FC<PaginatedDataContextProviderProps> = ({ children, config }) => {
+  const [data, setData] = useState(config.data)
+  const [pageSize, setPageSize] = useState(config.pageSize)
+  const [currentPage, setCurrentPage] = useState(config.currentPage)
+
+  const state = {
+    data,
+    pageSize,
+    currentPage,
+    pageCount: useMemo(() => Math.ceil(data.length / pageSize), [data, pageSize]),
+  }
+  const actions = {
+    getDataIndex: (pagedIndex: number) => pagedIndex + pageSize * currentPage,
+    getPage: (page?: number) => {
+      const pageIndex = page ?? currentPage
+      const start = pageIndex * pageSize
+      const end = start + pageSize
+
+      return data.slice(start, end)
+    },
+    updateData: (newData: typeof data) => setData(newData),
+    updatePageSize: (newPageSize: number) => setPageSize(newPageSize),
+    updateCurrentPage: (newCurrentPage: number) => setCurrentPage(newCurrentPage),
+  }
+
+  return (
+    <PaginatedDataContext.Provider value={{ ...state, ...actions }}>{children}</PaginatedDataContext.Provider>
+  )
+}
+
+export const withPagination = <T extends Object = {}, TProps extends Object = {}>(Component: FC<TProps>) => {
+  const PaginatedComponent: FC<
+    PaginationConfig<T> & {
+      props: TProps
+    }
+  > = ({ props, ...rest }) => {
+    return (
+      <PaginatedDataContextProvider config={{ ...rest }}>
+        <Component {...props} />
+      </PaginatedDataContextProvider>
+    )
+  }
+  return PaginatedComponent
+}
diff --git a/src/app/collective-rewards/leaderboard/BuilderLeaderBoard.tsx b/src/app/collective-rewards/leaderboard/BuilderLeaderBoard.tsx
new file mode 100644
index 00000000..253bdc44
--- /dev/null
+++ b/src/app/collective-rewards/leaderboard/BuilderLeaderBoard.tsx
@@ -0,0 +1,34 @@
+import { CycleContextProvider } from '@/app/collective-rewards/metrics'
+import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/user'
+import { Button } from '@/components/Button'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/Collapsible'
+import { HeaderTitle } from '@/components/Typography'
+import { BuildersLeaderBoardContent } from '@/app/collective-rewards/leaderboard'
+import { useRouter } from 'next/navigation'
+
+export const BuildersLeaderBoard = () => {
+  const router = useRouter()
+  const onManageAllocations = () => {
+    router.push('/collective-rewards/allocations')
+  }
+
+  return (
+    <>
+      <Collapsible defaultOpen>
+        <CollapsibleTrigger>
+          <div className="flex items-center justify-between w-full">
+            <HeaderTitle className="">Rewards leaderboard</HeaderTitle>
+            <Button variant="primary" onClick={onManageAllocations}>
+              Manage Allocations
+            </Button>
+          </div>
+        </CollapsibleTrigger>
+        <CollapsibleContent>
+          <CycleContextProvider>
+            <BuildersLeaderBoardContent />
+          </CycleContextProvider>
+        </CollapsibleContent>
+      </Collapsible>
+    </>
+  )
+}
diff --git a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardContent.tsx b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardContent.tsx
new file mode 100644
index 00000000..9c042315
--- /dev/null
+++ b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardContent.tsx
@@ -0,0 +1,52 @@
+import { useGetBuildersRewards } from '@/app/collective-rewards/rewards'
+import { getCoinbaseAddress, useHandleErrors } from '@/app/collective-rewards/utils'
+import { LoadingSpinner } from '@/components/LoadingSpinner'
+import { Typography } from '@/components/Typography'
+import { Search, SearchContextProvider } from '@/app/collective-rewards/shared'
+import { getAddress } from 'viem'
+import { tokenContracts } from '@/lib/contracts'
+import { BuildersLeaderBoardTable } from '@/app/collective-rewards/leaderboard'
+
+const EmptyLeaderboard = () => (
+  <div className="relative w-full">
+    <img className="w-full h-fll object-cover" alt="no builders yet" src="/images/joining-without-text.png" />
+    <Typography
+      tagVariant="h1"
+      className="uppercase font-kk-topo text-[48px] leading-tight font-normal absolute inset-0 flex items-center justify-center tracking-[-0.96px]"
+    >
+      Builders are joining soon...
+    </Typography>
+  </div>
+)
+
+export const BuildersLeaderBoardContent = () => {
+  // TODO: check where to store this information
+  const tokens = {
+    rif: {
+      address: getAddress(tokenContracts.RIF),
+      symbol: 'RIF',
+    },
+    rbtc: {
+      address: getCoinbaseAddress(),
+      symbol: 'RBTC',
+    },
+  }
+
+  const { data: rewardsData, isLoading, error } = useGetBuildersRewards(tokens)
+  useHandleErrors({ error, title: 'Error loading builder rewards' })
+
+  if (isLoading) {
+    return <LoadingSpinner />
+  }
+
+  if (!rewardsData || rewardsData.length === 0) {
+    return <EmptyLeaderboard />
+  }
+
+  return (
+    <SearchContextProvider builders={rewardsData}>
+      <Search />
+      <BuildersLeaderBoardTable />
+    </SearchContextProvider>
+  )
+}
diff --git a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
index 79934c85..c343cf08 100644
--- a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
+++ b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
@@ -1,14 +1,7 @@
-import { CycleContextProvider } from '@/app/collective-rewards/metrics'
-import { Token, useGetBuildersRewards } from '@/app/collective-rewards/rewards'
-import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/user'
-import { getCoinbaseAddress, useHandleErrors } from '@/app/collective-rewards/utils'
-import { Button } from '@/components/Button'
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/Collapsible'
-import { LoadingSpinner } from '@/components/LoadingSpinner'
+import { BuildersRewards } from '@/app/collective-rewards/rewards'
 import { TableBody, TableCore, TableHead, TableRow } from '@/components/Table'
-import { HeaderTitle, Typography } from '@/components/Typography'
 import { useBasicPaginationUi } from '@/shared/hooks/usePaginationUi'
-import { FC, useMemo, useState } from 'react'
+import { FC, useContext, useEffect, useMemo, useState } from 'react'
 import {
   ISortConfig,
   TableHeader,
@@ -18,9 +11,10 @@ import {
   BuilderNameCell,
   LazyRewardCell,
   TotalAllocationCell,
+  useSearchContext,
 } from '@/app/collective-rewards/shared'
-import { getAddress } from 'viem'
-import { tokenContracts } from '@/lib/contracts'
+import { PaginatedDataContext } from '../context/PaginatedDataContext'
+import { Pagination } from '../shared/components/Pagination'
 
 enum RewardsColumnKeyEnum {
   builder = 'builder',
@@ -38,7 +32,7 @@ const tableHeaders: TableHeader[] = [
   { label: 'Est. Backers Rewards', className: 'w-[22%]', sortKey: RewardsColumnKeyEnum.estimatedRewards },
   {
     label: 'Total Allocations',
-    className: 'w-[18%]',
+    className: 'w-[16%]',
     // eslint-disable-next-line quotes
     tooltip: "The Builder's share of the total allocations",
     sortKey: RewardsColumnKeyEnum.totalAllocationPercentage,
@@ -47,13 +41,9 @@ const tableHeaders: TableHeader[] = [
   { label: 'Actions', className: 'w-[14%]' },
 ]
 
-type BuildersLeaderBoardTableProps = {
-  tokens: { [token: string]: Token }
-  currency?: string
-}
-const BuildersLeaderBoardTable: FC<BuildersLeaderBoardTableProps> = ({ tokens, currency }) => {
-  const { data: rewardsData, isLoading, error: rewardsError } = useGetBuildersRewards(tokens, currency)
-  useHandleErrors({ error: rewardsError, title: 'Error loading builder rewards' })
+export const BuildersLeaderBoardTable: FC = () => {
+  const { getValues } = useSearchContext()
+  const rewardsData = getValues<BuildersRewards>()
 
   const [sortConfig, setSortConfig] = useState<ISortConfig>({
     key: RewardsColumnKeyEnum.totalAllocationPercentage,
@@ -117,14 +107,6 @@ const BuildersLeaderBoardTable: FC<BuildersLeaderBoardTableProps> = ({ tokens, c
     })
   }
 
-  if (isLoading) {
-    return <LoadingSpinner />
-  }
-
-  if (!tableDataLength) {
-    return <EmptyLeaderboard />
-  }
-
   return (
     <div className="flex flex-col gap-5 w-full">
       <TableCore className="table-fixed">
@@ -145,24 +127,30 @@ const BuildersLeaderBoardTable: FC<BuildersLeaderBoardTableProps> = ({ tokens, c
             ({
               address,
               builderName,
+              stateFlags,
               lastCycleReward,
               estimatedReward,
               totalAllocationPercentage,
               rewardPercentage,
             }) => (
               <TableRow key={address} className="text-[14px] border-hidden">
-                <BuilderNameCell tableHeader={tableHeaders[0]} builderName={builderName} address={address} />
+                <BuilderNameCell
+                  tableHeader={tableHeaders[0]}
+                  builderName={builderName}
+                  address={address}
+                  stateFlags={stateFlags}
+                />
                 <BackerRewardsPercentage tableHeader={tableHeaders[1]} percentage={rewardPercentage} />
                 <LazyRewardCell
                   tableHeader={tableHeaders[2]}
-                  rewards={[lastCycleReward.RBTC, lastCycleReward.RIF]}
+                  rewards={[lastCycleReward.rbtc, lastCycleReward.rif]}
                 />
                 <LazyRewardCell
                   tableHeader={tableHeaders[3]}
-                  rewards={[estimatedReward.RBTC, estimatedReward.RIF]}
+                  rewards={[estimatedReward.rbtc, estimatedReward.rif]}
                 />
                 <TotalAllocationCell tableHeader={tableHeaders[4]} percentage={totalAllocationPercentage} />
-                <ActionCell tableHeader={tableHeaders[5]} />
+                <ActionCell tableHeader={tableHeaders[5]} builderAddress={address} />
               </TableRow>
             ),
           )}
@@ -172,58 +160,3 @@ const BuildersLeaderBoardTable: FC<BuildersLeaderBoardTableProps> = ({ tokens, c
     </div>
   )
 }
-
-export const BuildersLeaderBoard = () => {
-  const onManageAllocations = () => {
-    // TODO: fill the allocation context if necessary and change the route
-    console.log('Manage allocations')
-  }
-
-  // TODO: check where to store this information
-  const tokens = {
-    rif: {
-      address: getAddress(tokenContracts.RIF),
-      symbol: 'RIF',
-    },
-    rbtc: {
-      address: getCoinbaseAddress(),
-      symbol: 'RBTC',
-    },
-  }
-
-  return (
-    <>
-      <Collapsible defaultOpen>
-        <CollapsibleTrigger>
-          <div className="flex items-center justify-between w-full">
-            <HeaderTitle className="">Rewards leaderboard</HeaderTitle>
-            <Button variant="primary" onClick={onManageAllocations}>
-              Manage Allocations
-            </Button>
-          </div>
-        </CollapsibleTrigger>
-        <CollapsibleContent>
-          <CycleContextProvider>
-            <BuilderContextProviderWithPrices>
-              <div className="pt-6">
-                <BuildersLeaderBoardTable tokens={tokens} />
-              </div>
-            </BuilderContextProviderWithPrices>
-          </CycleContextProvider>
-        </CollapsibleContent>
-      </Collapsible>
-    </>
-  )
-}
-
-const EmptyLeaderboard = () => (
-  <div className="relative w-full">
-    <img className="w-full h-fll object-cover" alt="no builders yet" src="/images/joining-without-text.png" />
-    <Typography
-      tagVariant="h1"
-      className="uppercase font-kk-topo text-[48px] leading-tight font-normal absolute inset-0 flex items-center justify-center tracking-[-0.96px]"
-    >
-      Builders are joining soon...
-    </Typography>
-  </div>
-)
diff --git a/src/app/collective-rewards/leaderboard/index.ts b/src/app/collective-rewards/leaderboard/index.ts
index c3119541..2157db00 100644
--- a/src/app/collective-rewards/leaderboard/index.ts
+++ b/src/app/collective-rewards/leaderboard/index.ts
@@ -1 +1,3 @@
+export * from './BuilderLeaderBoard'
+export * from './BuildersLeaderBoardContent'
 export * from './BuildersLeaderBoardTable'
diff --git a/src/app/collective-rewards/page.tsx b/src/app/collective-rewards/page.tsx
index eccdbd8f..e888e6d7 100644
--- a/src/app/collective-rewards/page.tsx
+++ b/src/app/collective-rewards/page.tsx
@@ -2,17 +2,15 @@
 
 import { BuildersLeaderBoard } from '@/app/collective-rewards/leaderboard'
 import { Metrics } from '@/app/collective-rewards/metrics'
-import { WhitelistContextProviderWithBuilders, WhitelistSection } from '@/app/collective-rewards/whitelist'
 import { MainContainer } from '@/components/MainContainer/MainContainer'
+import { ActiveBuilders } from '@/app/collective-rewards/active-builders'
 
-export default function BuildersIncentiveMarket() {
+export default function CollectiveRewards() {
   return (
     <MainContainer>
       <div className="grid grid-rows-1 gap-[32px]">
         <Metrics />
-        <WhitelistContextProviderWithBuilders>
-          <WhitelistSection />
-        </WhitelistContextProviderWithBuilders>
+        <ActiveBuilders />
         <BuildersLeaderBoard />
       </div>
     </MainContainer>
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index 8b1b52de..059f986e 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -11,8 +11,10 @@ import { tokenContracts } from '@/lib/contracts'
 import { FC } from 'react'
 import { Address, getAddress, zeroAddress } from 'viem'
 import { BackerRewardsTable } from './backers/BackerRewardsTable'
+import { useRouter } from 'next/navigation'
 
 export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
+  const router = useRouter()
   const { data: rewardGauges, error: rewardGaugesError } = useGetGaugesArray('active')
   const { data: haltedGauges, error: haltedGaugesError } = useGetGaugesArray('halted')
   const { data: gauge, error: gaugeError } = useGetBuilderToGauge(builder)
@@ -48,7 +50,7 @@ export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
       <RewardsSection>
         <RewardsSectionHeader
           onSettingsOpen={() => {
-            console.error('Not implemented')
+            router.push('/collective-rewards/allocations')
           }}
           title="Backer Rewards"
           subtext="Monitor your rewards balances and claim."
diff --git a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
index 3395468f..08dbcc82 100644
--- a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
+++ b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
@@ -127,6 +127,7 @@ const RewardsTable: FC<BackerRewardsTable> = ({ builder, gauges, tokens }) => {
             ({
               address,
               builderName,
+              stateFlags,
               rewardPercentage,
               estimatedRewards,
               totalAllocationPercentage,
@@ -134,7 +135,12 @@ const RewardsTable: FC<BackerRewardsTable> = ({ builder, gauges, tokens }) => {
               allTimeRewards,
             }) => (
               <TableRow key={address} className="text-[14px] border-hidden">
-                <BuilderNameCell tableHeader={tableHeaders[0]} builderName={builderName} address={address} />
+                <BuilderNameCell
+                  tableHeader={tableHeaders[0]}
+                  builderName={builderName}
+                  address={address}
+                  stateFlags={stateFlags}
+                />
                 <BackerRewardsPercentage tableHeader={tableHeaders[1]} percentage={rewardPercentage} />
                 <LazyRewardCell
                   tableHeader={tableHeaders[2]}
@@ -165,9 +171,7 @@ export const BackerRewardsTable: FC<BackerRewardsTable> = ({ builder, tokens, ga
     <>
       <BackerRewardsContextProvider backer={builder} gauges={gauges} tokens={tokens}>
         <CycleContextProvider>
-          <BuilderContextProviderWithPrices>
-            <RewardsTable builder={builder} tokens={tokens} gauges={gauges} />
-          </BuilderContextProviderWithPrices>
+          <RewardsTable builder={builder} tokens={tokens} gauges={gauges} />
         </CycleContextProvider>
       </BackerRewardsContextProvider>
     </>
diff --git a/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
index ddd90242..c9660b04 100644
--- a/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
+++ b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
@@ -7,7 +7,7 @@ import {
 import { Address } from 'viem'
 import { useGaugesGetFunction } from '@/app/collective-rewards//shared'
 
-export type TokenRewards = {
+export type TokenBackerRewards = {
   earned: Record<Address, bigint>
   claimed: Record<Address, BackerRewardsClaimedEventLog>
   estimated: Record<Address, bigint>
@@ -15,14 +15,14 @@ export type TokenRewards = {
 
 type BackerRewardsContextValue = {
   data: {
-    [token: string]: TokenRewards
+    [token: string]: TokenBackerRewards
   }
   isLoading: boolean
   error: Error | null
   getRewardByGauge: <Type extends bigint | BackerRewardsClaimedEventLog>(
     rewardToken: Address,
     gauge: Address,
-    type: keyof TokenRewards,
+    type: keyof TokenBackerRewards,
   ) => Type | undefined
 }
 
@@ -90,12 +90,12 @@ export const BackerRewardsContextProvider: FC<BackerRewardsProviderProps> = ({
   const isLoading = rifLoading || rbtcLoading
   const error = rifError ?? rbtcError
 
-  const data: { [token: string]: TokenRewards } = {
+  const data: { [token: string]: TokenBackerRewards } = {
     [rif.address]: rifRewards,
     [rbtc.address]: rbtcRewards,
   }
 
-  const getRewardByGauge = <Type,>(rewardToken: Address, gauge: Address, type: keyof TokenRewards) => {
+  const getRewardByGauge = <Type,>(rewardToken: Address, gauge: Address, type: keyof TokenBackerRewards) => {
     return data[rewardToken][type][gauge] as Type
   }
 
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetAllocationsOf.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetAllocationsOf.ts
new file mode 100644
index 00000000..cd0a2e37
--- /dev/null
+++ b/src/app/collective-rewards/rewards/backers/hooks/useGetAllocationsOf.ts
@@ -0,0 +1,24 @@
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { Address } from 'viem'
+import { useReadContracts } from 'wagmi'
+
+export const useGetAllAllocationOf = (backer: Address, gauges: Address[]) => {
+  const { data, isLoading, error } = useReadContracts({
+    contracts: gauges.map(gauge => ({
+      abi: GaugeAbi,
+      address: gauge,
+      functionName: 'allocationOf',
+      args: [backer],
+    })),
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  return {
+    data: data?.map(({ result }) => result as bigint),
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
index eec70f54..e031102f 100644
--- a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
+++ b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
@@ -1,6 +1,6 @@
 import {
   Token,
-  TokenRewards,
+  TokenBackerRewards,
   useBackerRewardsContext,
   useGetBuildersRewardPercentage,
   RifSvg,
@@ -11,8 +11,10 @@ import { useGaugesGetFunction } from '@/app/collective-rewards//shared'
 import { Address } from 'viem'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
+import { useGetBuildersByState } from '../../../user/hooks/useGetBuildersByState'
+import { Builder } from '../../../types'
 
-const tokenRewardsMetrics = (tokenRewards: TokenRewards, gauge: Address) => {
+const tokenRewardsMetrics = (tokenRewards: TokenBackerRewards, gauge: Address) => {
   const estimatedRewards = Number(formatBalanceToHuman(tokenRewards.estimated[gauge] ?? 0n))
   const earned = Number(formatBalanceToHuman(tokenRewards.earned[gauge] ?? 0n))
   const claimed = Number(
@@ -36,8 +38,10 @@ export const useGetBackerRewards = (
 ) => {
   // TODO: check which gauges are we going to use
   // TODO: check which builders are we going to use
-  const { data: builders, isLoading: buildersLoading, error: buildersError } = useBuilderContext()
-  const buildersAddress = builders?.map(({ address }) => address)
+  const { data: builders, isLoading: buildersLoading, error: buildersError } = useGetBuildersByState()
+  const buildersV2 = builders as Required<Builder>[]
+  buildersV2.filter(({ address }) => address === builder)
+  const buildersAddress = buildersV2.map(({ address }) => address)
   const {
     data: buildersRewardsPct,
     isLoading: buildersRewardsPctLoading,
@@ -68,7 +72,7 @@ export const useGetBackerRewards = (
   const rifPrice = prices[rif.symbol]?.price ?? 0
   const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
 
-  const data = builders.map(({ address, builderName, gauge }) => {
+  const data = buildersV2.map(({ address, builderName, gauge, stateFlags }) => {
     const builderTotalAllocation = totalAllocation[gauge]
     const backerAllocationOf = allocationOf[gauge]
     const totalAllocationPercentage = builderTotalAllocation
@@ -82,6 +86,7 @@ export const useGetBackerRewards = (
     return {
       address,
       builderName,
+      stateFlags,
       rewardPercentage,
       estimatedRewards: {
         rif: {
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
index 1c643645..a9bdd842 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
@@ -9,39 +9,58 @@ import {
   useGetTotalPotentialReward,
   RifSvg,
   RbtcSvg,
+  BuilderRewardPercentage,
+  TokenRewards,
 } from '@/app/collective-rewards/rewards'
-import { useGetFilteredBuilders } from '@/app/collective-rewards/whitelist'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import { useGaugesGetFunction } from '@/app/collective-rewards/shared'
+import { Builder, BuilderStateFlags } from '../../../types'
+import { useGetBuildersByState } from '../../../user/hooks/useGetBuildersByState'
+import { Address } from 'viem'
+
+export type BuildersRewards = {
+  address: Address
+  builderName: string
+  stateFlags: BuilderStateFlags
+  totalAllocationPercentage: bigint
+  rewardPercentage: BuilderRewardPercentage
+  lastCycleReward: TokenRewards
+  estimatedReward: TokenRewards
+}
 
 export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token }, currency = 'USD') => {
-  const {
-    data: activeBuilders,
-    isLoading: activeBuildersLoading,
-    error: activeBuildersError,
-  } = useGetFilteredBuilders({ builderName: '', status: 'Active' })
-
+  const { data: builders, isLoading: searchLoading, error: searchError } = useGetBuildersByState()
+  const buildersV2 = builders as Required<Builder>[]
   const {
     data: totalPotentialRewards,
     isLoading: totalPotentialRewardsLoading,
     error: totalPotentialRewardsError,
   } = useGetTotalPotentialReward()
 
-  const buildersAddress = activeBuilders?.map(({ address }) => address)
+  const buildersAddress = buildersV2.map(({ address }) => address)
   const {
     data: buildersRewardsPct,
     isLoading: buildersRewardsPctLoading,
     error: buildersRewardsPctError,
   } = useGetBuildersRewardPercentage(buildersAddress)
 
-  const gauges = activeBuilders?.map(({ gauge }) => gauge)
+  // TODO: validate what do to here
+  // Leaderboard only shows active builders or inactive builders that the backer allocated to
+  /* const activeOrAllocatedBuilders = activeBuilders?.filter(
+      (builder, i) => builder.status === 'Active' || (allBackerAllocations && allBackerAllocations?.[i] > 0n),
+    ) */
+
+  const gauges = buildersV2.map(({ gauge }) => gauge)
   const {
     data: totalAllocation,
     isLoading: totalAllocationLoading,
     error: totalAllocationError,
   } = useGaugesGetFunction(gauges, 'totalAllocation')
-  const sumTotalAllocation = Object.values(totalAllocation ?? {}).reduce((acc, value) => acc + value, 0n)
+  const sumTotalAllocation = Object.values(totalAllocation ?? {}).reduce(
+    (acc, value) => acc + (value ?? 0n),
+    0n,
+  )
 
   const {
     data: rewardShares,
@@ -82,7 +101,7 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
 
   const isLoading =
     rewardSharesLoading ||
-    activeBuildersLoading ||
+    searchLoading ||
     totalAllocationLoading ||
     logsLoading ||
     buildersRewardsPctLoading ||
@@ -93,7 +112,7 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
 
   const error =
     rewardSharesError ??
-    activeBuildersError ??
+    searchError ??
     totalAllocationError ??
     logsError ??
     buildersRewardsPctError ??
@@ -107,77 +126,80 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
   const rifPrice = prices[rif.symbol]?.price ?? 0
   const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
 
-  return {
-    data: activeBuilders.map(({ address, builderName, gauge }) => {
-      const builderRewardShares = rewardShares[gauge] ?? 0n
-      const rewardPercentage = buildersRewardsPct[address] ?? null
-      const currentRewardPercentage = rewardPercentage?.current ?? 0
-
-      // calculate rif estimated rewards
-      const rewardRif = rewardsERC20 ?? 0n
-      const rewardsAmountRif = totalPotentialRewards
-        ? rewardRif * (builderRewardShares / totalPotentialRewards)
-        : 0n
-      const estimatedRifInHuman =
-        Number(formatBalanceToHuman(rewardsAmountRif)) * (currentRewardPercentage / 100)
-
-      // calculate rbtc estimated rewards
-      const rewardRbtc = rewardsCoinbase ?? 0n
-      const rewardsAmountRbtc = totalPotentialRewards
-        ? rewardRbtc * (builderRewardShares / totalPotentialRewards)
-        : 0n
-      const estimatedRbtcInHuman =
-        Number(formatBalanceToHuman(rewardsAmountRbtc)) * (currentRewardPercentage / 100)
-
-      const totalAllocationPercentage = sumTotalAllocation
-        ? (totalAllocation[gauge] * 100n) / sumTotalAllocation
-        : 0n
-      const rifBuilderRewardsAmount = Number(formatBalanceToHuman(rifBuildersRewardsAmount[gauge] ?? 0n))
-      const rbtcBuilderRewardsAmount = Number(formatBalanceToHuman(rbtcBuildersRewardsAmount[gauge] ?? 0n))
-
-      return {
-        address,
-        builderName,
-        totalAllocationPercentage,
-        rewardPercentage,
-        lastCycleReward: {
-          RIF: {
-            crypto: { value: rifBuilderRewardsAmount, symbol: rif.symbol },
-            fiat: {
-              value: rifPrice * rifBuilderRewardsAmount,
-              symbol: currency,
-            },
-            logo: RifSvg(),
+  const data: BuildersRewards[] = buildersV2.map(({ address, builderName, gauge, stateFlags }) => {
+    const builderRewardShares = rewardShares[gauge] ?? 0n
+    const rewardPercentage = buildersRewardsPct[address] ?? null
+    const currentRewardPercentage = rewardPercentage?.current ?? 0
+
+    // calculate rif estimated rewards
+    const rewardRif = rewardsERC20 ?? 0n
+    const rewardsAmountRif = totalPotentialRewards
+      ? rewardRif * (builderRewardShares / totalPotentialRewards)
+      : 0n
+    const estimatedRifInHuman =
+      Number(formatBalanceToHuman(rewardsAmountRif)) * (currentRewardPercentage / 100)
+
+    // calculate rbtc estimated rewards
+    const rewardRbtc = rewardsCoinbase ?? 0n
+    const rewardsAmountRbtc = totalPotentialRewards
+      ? rewardRbtc * (builderRewardShares / totalPotentialRewards)
+      : 0n
+    const estimatedRbtcInHuman =
+      Number(formatBalanceToHuman(rewardsAmountRbtc)) * (currentRewardPercentage / 100)
+
+    const totalAllocationPercentage = sumTotalAllocation
+      ? (totalAllocation[gauge] * 100n) / sumTotalAllocation
+      : 0n
+    const rifBuilderRewardsAmount = Number(formatBalanceToHuman(rifBuildersRewardsAmount[gauge] ?? 0n))
+    const rbtcBuilderRewardsAmount = Number(formatBalanceToHuman(rbtcBuildersRewardsAmount[gauge] ?? 0n))
+
+    return {
+      address,
+      builderName,
+      stateFlags,
+      totalAllocationPercentage,
+      rewardPercentage,
+      lastCycleReward: {
+        rif: {
+          crypto: { value: rifBuilderRewardsAmount, symbol: rif.symbol },
+          fiat: {
+            value: rifPrice * rifBuilderRewardsAmount,
+            symbol: currency,
           },
-          RBTC: {
-            crypto: { value: rbtcBuilderRewardsAmount, symbol: rbtc.symbol },
-            fiat: {
-              value: rbtcPrice * rbtcBuilderRewardsAmount,
-              symbol: currency,
-            },
-            logo: RbtcSvg(),
+          logo: RifSvg(),
+        },
+        rbtc: {
+          crypto: { value: rbtcBuilderRewardsAmount, symbol: rbtc.symbol },
+          fiat: {
+            value: rbtcPrice * rbtcBuilderRewardsAmount,
+            symbol: currency,
           },
+          logo: RbtcSvg(),
         },
-        estimatedReward: {
-          RIF: {
-            crypto: { value: estimatedRifInHuman, symbol: rif.symbol },
-            fiat: {
-              value: rifPrice * estimatedRifInHuman,
-              symbol: currency,
-            },
-            logo: RifSvg(),
+      },
+      estimatedReward: {
+        rif: {
+          crypto: { value: estimatedRifInHuman, symbol: rif.symbol },
+          fiat: {
+            value: rifPrice * estimatedRifInHuman,
+            symbol: currency,
           },
-          RBTC: {
-            crypto: { value: estimatedRbtcInHuman, symbol: rbtc.symbol },
-            fiat: {
-              value: rbtcPrice * estimatedRbtcInHuman,
-              symbol: currency,
-            },
-            logo: RbtcSvg(),
+          logo: RifSvg(),
+        },
+        rbtc: {
+          crypto: { value: estimatedRbtcInHuman, symbol: rbtc.symbol },
+          fiat: {
+            value: rbtcPrice * estimatedRbtcInHuman,
+            symbol: currency,
           },
+          logo: RbtcSvg(),
         },
-      }
-    }),
+      },
+    }
+  })
+
+  return {
+    data,
     isLoading,
     error,
   }
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts
index 19ee080a..6a6cecb0 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts
@@ -11,7 +11,7 @@ export const useGetBuilderRewardPercentage = (builder: Address) => {
   const { data, isLoading, error } = useReadContract({
     address: BackersManagerAddress,
     abi: BackersManagerAbi,
-    functionName: 'builderRewardPercentage',
+    functionName: 'backerRewardPercentage',
     args: [builder],
     query: {
       refetchInterval: AVERAGE_BLOCKTIME,
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
index aad0fda9..bd35d46d 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
@@ -1,5 +1,6 @@
 import { BuilderRewardPercentage, getPercentageData } from '@/app/collective-rewards/rewards/utils'
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 import { BackersManagerAddress } from '@/lib/contracts'
 import { useMemo } from 'react'
@@ -11,8 +12,8 @@ export const useGetBuildersRewardPercentage = (builders: Address[]) => {
     builder =>
       ({
         address: BackersManagerAddress,
-        abi: BackersManagerAbi,
-        functionName: 'builderRewardPercentage',
+        abi: BuilderRegistryAbi,
+        functionName: 'backerRewardPercentage',
         args: [builder],
       }) as const,
   )
diff --git a/src/app/collective-rewards/rewards/types.ts b/src/app/collective-rewards/rewards/types.ts
index cffdcf09..65248771 100644
--- a/src/app/collective-rewards/rewards/types.ts
+++ b/src/app/collective-rewards/rewards/types.ts
@@ -5,6 +5,21 @@ export type Token = {
   address: Address
 }
 
+export type Currency = {
+  value: number
+  symbol: string
+}
+
+export type Reward = {
+  crypto: Currency
+  fiat: Currency
+  logo?: JSX.Element
+}
+
+export type TokenRewards = {
+  [token: string]: Reward
+}
+
 export type RewardDetails = {
   builder: Address
   gauges: Address[]
diff --git a/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts b/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
index 4e3cab7a..e70e610d 100644
--- a/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
+++ b/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
@@ -34,7 +34,7 @@ export const useGetBackerRewardsForBuilder = (builder: Address): BackerRewardRes
   const { data, ...rest } = useReadContract({
     abi: BuilderRegistryAbi,
     address: BackersManagerAddress,
-    functionName: 'builderRewardPercentage',
+    functionName: 'backerRewardPercentage',
     args: [builder as Address],
     query: {
       refetchInterval: AVERAGE_BLOCKTIME,
@@ -88,7 +88,7 @@ export const useSetBackerRewardsForBuilder = (): SetBackerRewardsForBuilder => {
     return await writeContractAsync({
       abi: BuilderRegistryAbi,
       address: BackersManagerAddress,
-      functionName: 'setBuilderRewardPercentage',
+      functionName: 'setBackerRewardPercentage',
       args: [newReward],
     })
   }
diff --git a/src/app/collective-rewards/settings/utils/weiUtils.ts b/src/app/collective-rewards/settings/utils/weiUtils.ts
index 6524d4c6..f5b4daaf 100644
--- a/src/app/collective-rewards/settings/utils/weiUtils.ts
+++ b/src/app/collective-rewards/settings/utils/weiUtils.ts
@@ -1,15 +1,18 @@
 import { WeiPerEther } from 'ethers'
 
-export function weiToPercentage(weiValue: bigint): string {
+export function weiToPercentage(weiValue: bigint, decimalsLimit: number = 18): string {
   const scaledWei = weiValue * 100n
   const whole = scaledWei / WeiPerEther
-  const remainder = scaledWei % WeiPerEther
+  if (decimalsLimit === 0) {
+    return whole.toString()
+  }
 
+  const remainder = scaledWei % WeiPerEther
   // Scale to 18 decimal places
-  const decimal = remainder.toString().padStart(18, '0')
-  const formattedDecimal = decimal.replace(/0+$/, '')
+  const decimals = remainder.toString().padStart(decimalsLimit, '0')
+  const formattedDecimals = decimals.replace(/0+$/, '')
 
-  return formattedDecimal ? `${whole}.${formattedDecimal}` : whole.toString()
+  return formattedDecimals ? `${whole}.${formattedDecimals.slice(0, decimalsLimit)}` : whole.toString()
 }
 
 export function percentageToWei(percentage: string): bigint {
diff --git a/src/app/collective-rewards/shared/components/Pagination.tsx b/src/app/collective-rewards/shared/components/Pagination.tsx
new file mode 100644
index 00000000..7684ed9d
--- /dev/null
+++ b/src/app/collective-rewards/shared/components/Pagination.tsx
@@ -0,0 +1,33 @@
+import { FC, useContext } from 'react'
+import { PaginatedDataContext } from '@/app/collective-rewards/context/PaginatedDataContext'
+import { PaginationButton } from './PaginationButton'
+import { ChevronLeft, ChevronRight } from 'lucide-react'
+
+export const Pagination: FC = () => {
+  const { currentPage, pageCount, updateCurrentPage } = useContext(PaginatedDataContext)
+
+  return (
+    <div className="flex gap-x-1 items-center justify-center">
+      <PaginationButton
+        text={<ChevronLeft />}
+        onClick={() => updateCurrentPage(currentPage - 1)}
+        disabled={currentPage === 0}
+      />
+      {Array(pageCount)
+        .fill(1)
+        .map((_, pageNumber) => (
+          <PaginationButton
+            key={pageNumber}
+            onClick={() => updateCurrentPage(pageNumber)}
+            text={pageNumber + 1}
+            isActive={pageNumber === currentPage}
+          />
+        ))}
+      <PaginationButton
+        text={<ChevronRight />}
+        onClick={() => updateCurrentPage(currentPage + 1)}
+        disabled={currentPage === pageCount - 1}
+      />
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/shared/components/PaginationButton.tsx b/src/app/collective-rewards/shared/components/PaginationButton.tsx
new file mode 100644
index 00000000..2be3f259
--- /dev/null
+++ b/src/app/collective-rewards/shared/components/PaginationButton.tsx
@@ -0,0 +1,13 @@
+import { Button } from '@/components/Button'
+import { FC, ReactNode } from 'react'
+
+export const PaginationButton: FC<{
+  text: ReactNode
+  onClick: () => void
+  disabled?: boolean
+  isActive?: boolean
+}> = ({ text, onClick, disabled, isActive }) => (
+  <Button onClick={onClick} disabled={disabled} variant={isActive ? 'pagination-active' : 'pagination'}>
+    {text}
+  </Button>
+)
diff --git a/src/app/collective-rewards/shared/components/Search/Search.tsx b/src/app/collective-rewards/shared/components/Search/Search.tsx
new file mode 100644
index 00000000..e47218ea
--- /dev/null
+++ b/src/app/collective-rewards/shared/components/Search/Search.tsx
@@ -0,0 +1,48 @@
+import { Input } from '@/components/Input'
+import { useSearchContext } from '../../context'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/Select'
+import { Label } from '@/components/Typography'
+import { FC } from 'react'
+
+type SearchProps = {
+  status?: Array<{ value: string; label: string }>
+}
+export const Search: FC<SearchProps> = ({ status }) => {
+  const { search, filterBy } = useSearchContext()
+
+  const onValueChange = (value: string) => filterBy.onChange(value)
+
+  return (
+    <div className="flex items-center py-6">
+      <Input
+        name="builderSearch"
+        placeholder="Search a builder"
+        className="w-full"
+        fullWidth
+        value={search.value}
+        onChange={search.onChange}
+        type="search"
+      />
+
+      {status && (
+        <div className="flex flex-row items-center pl-4">
+          <Label className="text-white text-right pr-3 w-24">Filter by</Label>
+          <div>
+            <Select onValueChange={onValueChange} defaultValue={'all'}>
+              <SelectTrigger className="w-36">
+                <SelectValue placeholder="Select an asset" />
+              </SelectTrigger>
+              <SelectContent>
+                {status.map(({ value, label }, index) => (
+                  <SelectItem key={index} value={value}>
+                    <div className="flex items-center">{label}</div>
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/src/app/collective-rewards/whitelist/components/index.ts b/src/app/collective-rewards/shared/components/Search/index.ts
similarity index 52%
rename from src/app/collective-rewards/whitelist/components/index.ts
rename to src/app/collective-rewards/shared/components/Search/index.ts
index 6c53b546..354d403d 100644
--- a/src/app/collective-rewards/whitelist/components/index.ts
+++ b/src/app/collective-rewards/shared/components/Search/index.ts
@@ -1,2 +1 @@
-export * from './Grid'
 export * from './Search'
diff --git a/src/app/collective-rewards/shared/components/Table/TableCells.tsx b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
index 3c94ea65..62aee0b5 100644
--- a/src/app/collective-rewards/shared/components/Table/TableCells.tsx
+++ b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
@@ -4,24 +4,15 @@ import { Popover } from '@/components/Popover'
 import { TableCell } from '@/components/Table'
 import { Label, Typography } from '@/components/Typography'
 import { cn, formatCurrency, shortAddress, toFixed } from '@/lib/utils'
-import { FC, memo, useMemo } from 'react'
-import { FaArrowDown, FaArrowUp } from 'react-icons/fa6'
+import { FC, memo, useContext, useEffect, useMemo, useState } from 'react'
+import { FaArrowDown, FaArrowUp, FaCircle } from 'react-icons/fa'
 import { Address, isAddress } from 'viem'
-import { BuilderRewardPercentage } from '@/app/collective-rewards/rewards'
+import { BuilderRewardPercentage, Reward } from '@/app/collective-rewards/rewards'
 import { TableHeader } from '@/app/collective-rewards/shared'
 import { ProgressBar } from '@/components/ProgressBar'
 import { Button } from '@/components/Button'
-
-type Currency = {
-  value: number
-  symbol: string
-}
-
-export type Reward = {
-  crypto: Currency
-  fiat: Currency
-  logo?: JSX.Element
-}
+import { BuilderStateFlags } from '@/app/collective-rewards/types'
+import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
 
 export function getFormattedCurrency(value: number, symbol: string) {
   const formattedCurrency = formatCurrency(value, symbol)
@@ -60,21 +51,47 @@ export const LazyRewardCell = memo(RewardCell, ({ rewards: prevReward }, { rewar
   prevReward.every((reward, key) => reward.fiat.value === nextReward[key].fiat.value),
 )
 
+type BuilderStatusFlagProps = {
+  stateFlags: BuilderStateFlags
+}
+
+const BuilderStatusFlag: FC<BuilderStatusFlagProps> = ({ stateFlags }) => {
+  const isDeactivated = !stateFlags.kycApproved || !stateFlags.communityApproved
+  const isPaused = stateFlags.paused
+
+  const color = isDeactivated ? '#932309' : isPaused ? '#F9E1FF' : 'transparent'
+  const content = isDeactivated ? 'Status: Deactivated' : isPaused ? 'Status: Paused' : ''
+
+  return (
+    <Popover
+      disabled={!isDeactivated && !isPaused}
+      content={content}
+      className="font-normal text-sm flex items-center"
+      size="small"
+      trigger="hover"
+    >
+      <FaCircle color={color} size={8} />
+    </Popover>
+  )
+}
+
 type BuilderCellProps = {
   tableHeader: TableHeader
   builderName: string
   address: Address
-}
+} & BuilderStatusFlagProps
 
 export const BuilderNameCell: FC<BuilderCellProps> = ({
   tableHeader: { className },
   builderName,
   address,
+  stateFlags,
 }) => {
   const shortenAddress = shortAddress(address)
   return (
     <TableCell className={cn(className, 'border-solid')}>
       <div className="flex flex-row gap-x-1">
+        <BuilderStatusFlag stateFlags={stateFlags} />
         <Jdenticon className="rounded-md bg-white" value={builderName} size="24" />
         <Popover
           content={
@@ -165,20 +182,70 @@ export const TotalAllocationCell: FC<TotalAllocationCellProps> = ({
 
 type ActionCellProps = {
   tableHeader: TableHeader
+  builderAddress: Address
 }
 
-export const ActionCell: FC<ActionCellProps> = ({ tableHeader: { className } }) => {
+export const ActionCell: FC<ActionCellProps> = ({ tableHeader: { className }, builderAddress }) => {
+  const [selected, setSelected] = useState(false)
+  const {
+    state: { selections, getBuilderIndexByAddress, getBuilder },
+    actions: { toggleSelectedBuilder },
+  } = useContext(AllocationsContext)
   /* TODO: manage the button status 
     - disabled when the backer cannot vote on the Builder
-    - variant=primary when the builder is selected and text changed to "Selected"
-    - variant=secondary by default and text is "Select"
+    - ✅variant=primary when the builder is selected and text changed to "Selected"
+    - ✅variant=secondary by default and text is "Select"
   */
   /* TODO: add the onClick event
    *  - it needs to interact with the allocation context to add the builder to the selected builders
    */
+
+  const selectBuilder = () => {
+    if (!builderIndex) {
+      console.log('Builder not found in selection') // TODO: handle this case better
+      return
+    }
+    toggleSelectedBuilder(builderIndex)
+  }
+
+  const builderIndex = useMemo(
+    () => getBuilderIndexByAddress(builderAddress),
+    [builderAddress, getBuilderIndexByAddress],
+  )
+
+  const isBuilderOperational = useMemo(() => {
+    const builder = builderIndex ? getBuilder(builderIndex) : null
+    if (!builder) {
+      console.log('Builder not found in selection') // TODO: handle this case better
+      return
+    }
+    return (
+      builder.stateFlags &&
+      builder.stateFlags.kycApproved &&
+      builder.stateFlags.communityApproved &&
+      !builder.stateFlags.paused
+    )
+  }, [builderIndex, getBuilder])
+
+  useEffect(() => {
+    if (!builderIndex) {
+      console.log('Builder not found in selection') // TODO: handle this case better
+      return
+    }
+    const isSelected = selections.includes(builderIndex)
+    setSelected(isSelected)
+  }, [builderAddress, selections, builderIndex])
+
   return (
     <TableCell className={cn(className, 'border-solid align-center')}>
-      <Button variant="secondary" /* disabled={true} */>Select</Button>
+      <Button
+        variant={selected ? 'white' : 'secondary'}
+        disabled={!isBuilderOperational}
+        onClick={selectBuilder}
+        className="white text-c"
+      >
+        {selected ? 'Selected' : 'Select'}
+      </Button>
     </TableCell>
   )
 }
diff --git a/src/app/collective-rewards/shared/components/index.ts b/src/app/collective-rewards/shared/components/index.ts
index a86149cb..ca232de6 100644
--- a/src/app/collective-rewards/shared/components/index.ts
+++ b/src/app/collective-rewards/shared/components/index.ts
@@ -1 +1,2 @@
 export * from './Table'
+export * from './Search'
diff --git a/src/app/collective-rewards/shared/context/SearchContext.tsx b/src/app/collective-rewards/shared/context/SearchContext.tsx
new file mode 100644
index 00000000..a6eed3a4
--- /dev/null
+++ b/src/app/collective-rewards/shared/context/SearchContext.tsx
@@ -0,0 +1,67 @@
+import { createContext, Dispatch, FC, ReactNode, SetStateAction, useContext, useMemo, useState } from 'react'
+
+type StateWithUpdate<T> = {
+  value: T
+  onChange: Dispatch<SetStateAction<T>>
+}
+
+type SearchContextValue = {
+  getValues: <T>() => T[]
+  search: StateWithUpdate<string>
+  filterBy: StateWithUpdate<string>
+}
+
+export const SearchContext = createContext<SearchContextValue>({
+  getValues: () => [],
+  search: {
+    value: '',
+    onChange: () => {},
+  },
+  filterBy: {
+    value: '',
+    onChange: () => {},
+  },
+})
+
+type SearchValue = { builderName: string; address: string; builderStatus?: string }
+type SearchProviderProps = {
+  children: ReactNode
+  builders: SearchValue[]
+}
+
+const lowerCaseCompare = (a: string, b: string) => a?.toLowerCase().includes(b?.toLowerCase())
+export const SearchContextProvider: FC<SearchProviderProps> = ({ children, builders }) => {
+  const [search, setSearch] = useState('')
+  const [filterBy, setFilterBy] = useState('all')
+
+  const data = useMemo(() => {
+    let filteredBuilders = builders
+
+    if (search) {
+      filteredBuilders = filteredBuilders.filter(
+        ({ builderName, address }) =>
+          // TODO: Here we filter by both name and address,
+          // but the address is not displayed in the UI when the Builder name is present.
+          lowerCaseCompare(builderName, search) || lowerCaseCompare(address, search),
+      )
+    }
+
+    if (filterBy !== 'all') {
+      filteredBuilders = filteredBuilders.filter(builder => builder.builderStatus === filterBy)
+    }
+
+    return filteredBuilders
+  }, [builders, search, filterBy])
+
+  const getValues = <T,>() => data as T[]
+
+  const valueOfContext: SearchContextValue = {
+    getValues,
+    search: { value: search, onChange: setSearch },
+    filterBy: { value: filterBy, onChange: setFilterBy },
+  }
+
+  return <SearchContext.Provider value={valueOfContext}>{children}</SearchContext.Provider>
+}
+
+export const useSearchContext = () => useContext(SearchContext)
diff --git a/src/app/collective-rewards/shared/context/index.ts b/src/app/collective-rewards/shared/context/index.ts
new file mode 100644
index 00000000..bcb1bc7b
--- /dev/null
+++ b/src/app/collective-rewards/shared/context/index.ts
@@ -0,0 +1 @@
+export * from './SearchContext'
diff --git a/src/app/collective-rewards/shared/index.ts b/src/app/collective-rewards/shared/index.ts
index 7aea380b..31d3dacd 100644
--- a/src/app/collective-rewards/shared/index.ts
+++ b/src/app/collective-rewards/shared/index.ts
@@ -1,2 +1,3 @@
 export * from './components'
 export * from './hooks'
+export * from './context'
diff --git a/src/app/collective-rewards/types.ts b/src/app/collective-rewards/types.ts
index 24d879cd..5e8f9fc8 100644
--- a/src/app/collective-rewards/types.ts
+++ b/src/app/collective-rewards/types.ts
@@ -1,24 +1,43 @@
-import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
 import { ProposalState } from '@/shared/types'
-import { Address } from 'viem'
+import { AbiFunction, Address } from 'viem'
+import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
 
-export const BuilderStatusActive = 'Active'
-export const BuilderStatusInProgress = 'In progress'
-export const BuilderStatusProposalCreatedMVP = 'In progress - mvp'
-export const builderStatusOptions = [
-  BuilderStatusActive,
-  BuilderStatusInProgress,
-  BuilderStatusProposalCreatedMVP,
-] as const
+export type Builder = {
+  proposal: BuilderProposal
+  stateFlags?: BuilderStateFlags
+  gauge?: Address
+  address: Address
+  builderName: string
+  // TODO: do we want to keep it here?
+  backerRewardPercentage?: BackerRewardPercentage
+}
 
-export type BuilderStatus = (typeof builderStatusOptions)[number]
-export type BuilderStatusShown = Exclude<BuilderInfo['status'], 'In progress - mvp'>
+type BuilderFunctionOutputs = Extract<
+  Extract<(typeof BuilderRegistryAbi)[number], AbiFunction>,
+  {
+    name: 'builderState'
+  }
+>['outputs']
 
-export type BuilderInfo = {
-  address: Address
-  status: BuilderStatus
-  proposals: CreateBuilderProposalEventLog[]
-  gauge: Address
+export type BuilderStateFlags = {
+  [key in Exclude<BuilderFunctionOutputs[number]['name'], 'pausedReason' | 'reserved'>]: boolean
+}
+
+export type BuilderProposal = {
+  id: bigint
+  name: string
+  description: string
+  date: string
 }
 
+export type BackerRewardPercentage = {
+  previous: bigint
+  next: bigint
+  cooldown: bigint
+}
+
+export type ProposalByBuilder = Record<Address, BuilderProposal>
+
 export type ProposalsToState = Record<string, ProposalState>
+
+export type BuilderState = 'active' | 'inProgress'
diff --git a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
index cafd2927..f7c423c5 100644
--- a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.test.tsx
@@ -1,12 +1,10 @@
 import { BecomeABuilderButton } from './BecomeABuilderButton'
 import { useGetBuilders } from '@/app/collective-rewards/user/hooks/useGetBuilders'
-import { BuilderInfo } from '@/app/collective-rewards/types'
-import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
-import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
 import { AlertProvider, useAlertContext } from '@/app/providers/AlertProvider'
-import { ProposalState } from '@/shared/types'
 import { describe, expect, test, vi, beforeEach, afterEach } from 'vitest'
 import { cleanup, render, waitFor } from '@testing-library/react'
+import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
+import { BuilderContextProvider } from '../../context'
 
 vi.mock('@/app/collective-rewards/user/hooks/useGetBuilders', () => {
   return {
@@ -14,47 +12,40 @@ vi.mock('@/app/collective-rewards/user/hooks/useGetBuilders', () => {
   }
 })
 
-vi.mock('@/app/collective-rewards/whitelist/hooks/useGetProposalsState', () => {
-  return {
-    useGetProposalsState: vi.fn(),
-  }
-})
-
 vi.mock('@/app/providers/AlertProvider', () => ({
   useAlertContext: vi.fn(),
   AlertProvider: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
 }))
 
 const renderWithAlertProvider = (children: React.ReactNode) => {
-  return render(<AlertProvider>{children}</AlertProvider>)
+  return render(
+    <AlertProvider>
+      <BuilderContextProvider>{children}</BuilderContextProvider>
+    </AlertProvider>,
+  )
 }
 
 describe('BecomeABuilderButton', () => {
   const builderAddress = '0xCD2a3d9F938E13CD947Ec05AbC7FE734Df8DD826'
   const proposalId = 1n
-  const builderData: BuilderInfo = {
-    status: 'In progress',
+  const builderData: Builder = {
     address: builderAddress,
-    proposals: [
-      {
-        args: {
-          proposalId,
-          description: 'description',
-        },
-        timeStamp: 1723309061,
-      },
-    ] as CreateBuilderProposalEventLog[],
+    builderName: 'builderName',
+    proposal: {
+      id: proposalId,
+      date: '1723309061',
+      name: 'proposalName',
+      description: 'description',
+    },
     gauge: '0x01',
+    stateFlags: { activated: false, communityApproved: false } as BuilderStateFlags,
   }
-  const buildersData = [builderData]
-  const proposalsToStates = {
-    [proposalId.toString()]: ProposalState.Pending,
+  const buildersData = {
+    [builderAddress]: builderData,
   }
   const consoleErrorSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
   const setAlertMessageSpy = vi.fn()
 
-  const expectedLoadingDataError = new Error('Error while loading data, please try again.')
-
   beforeEach(() => {
     vi.mocked(useGetBuilders).mockImplementation(() => {
       return {
@@ -63,11 +54,7 @@ describe('BecomeABuilderButton', () => {
         error: null,
       }
     })
-    vi.mocked(useGetProposalsState).mockReturnValue({
-      data: proposalsToStates,
-      isLoading: false,
-      error: null,
-    })
+
     vi.mocked(useAlertContext).mockReturnValue({
       setMessage: setAlertMessageSpy,
       message: null,
@@ -87,14 +74,7 @@ describe('BecomeABuilderButton', () => {
   })
 
   test('should render if builder is whitelisted', async () => {
-    builderData.status = 'Active'
-    vi.mocked(useGetProposalsState).mockReturnValue({
-      data: {
-        [proposalId.toString()]: ProposalState.Executed,
-      },
-      isLoading: false,
-      error: null,
-    })
+    builderData.stateFlags = { activated: true, communityApproved: true } as BuilderStateFlags
     const { findByText } = renderWithAlertProvider(<BecomeABuilderButton address={builderAddress} />)
 
     expect(await findByText('You are a Builder')).toBeVisible()
@@ -108,23 +88,12 @@ describe('BecomeABuilderButton', () => {
     expect(await findByText('Become a builder')).toBeVisible()
   })
 
-  test('should render registration button if builder have a proposal in a invalid state', async () => {
-    vi.mocked(useGetProposalsState).mockReturnValue({
-      data: {
-        [proposalId.toString()]: ProposalState.Canceled,
-      },
-      isLoading: false,
-      error: null,
-    })
-    const { findByText } = renderWithAlertProvider(<BecomeABuilderButton address={builderAddress} />)
-
-    expect(await findByText('Become a builder')).toBeVisible()
-  })
-
   test('should use alert for error message if fails while getting the builders', async () => {
+    const expectedLoadingDataError = new Error('Error while loading data, please try again.')
+
     vi.mocked(useGetBuilders).mockImplementation(() => {
       return {
-        data: [],
+        data: {},
         isLoading: false,
         error: expectedLoadingDataError,
       }
@@ -136,7 +105,6 @@ describe('BecomeABuilderButton', () => {
       severity: 'error',
       title: `Error loading builder with address ${builderAddress}`,
     })
-    expect(consoleErrorSpy).toHaveBeenCalledWith('🐛 builderLoadingError:', expectedLoadingDataError)
   })
 
   test('should render loading message', async () => {
diff --git a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
index 5647a610..93c197fc 100644
--- a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
@@ -1,18 +1,17 @@
-import { BuilderStatus } from '@/app/collective-rewards/allocations/types'
-import { BuilderInfo, BuilderStatusShown } from '@/app/collective-rewards/types'
 import { BuilderContextProvider, useBuilderContext } from '@/app/collective-rewards/user'
-import { useAlertContext } from '@/app/providers/AlertProvider'
 import { useModal } from '@/app/user/Balances/hooks/useModal'
 import { Badge } from '@/components/Badge'
 import { Button } from '@/components/Button'
 import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { BecomeABuilderModal } from '@/components/Modal/BecomeABuilderModal'
 import { Typography } from '@/components/Typography'
-import { FC, HtmlHTMLAttributes, useEffect } from 'react'
+import { FC } from 'react'
 import { Address } from 'viem'
+import { BuilderState, BuilderStateFlags } from '@/app/collective-rewards/types'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
 
 type StatusBadgeProps = {
-  builderStatus?: BuilderInfo['status']
+  builderStatus?: BuilderState
 }
 
 const BuilderRegistrationButton = () => {
@@ -25,16 +24,9 @@ const BuilderRegistrationButton = () => {
   )
 }
 
-export const crStatusColorClasses: Record<BuilderStatus, HtmlHTMLAttributes<HTMLSpanElement>['className']> = {
-  Active: 'bg-[#DBFEE5] text-secondary',
-  'In progress': 'bg-[#4B5CF0] color-text-primary',
-  Paused: 'bg-[#F9E1FF] text-secondary',
-  Deactivated: 'bg-[#932309] color-text-primary',
-} as const
-
 const StatusBadge: FC<StatusBadgeProps> = ({ builderStatus }) => {
   const InProgressComponent = (
-    <Badge content="In Progress" className={`${crStatusColorClasses['In progress']} py-2 px-1`} />
+    <Badge content="In Progress" className="bg-[#4B5CF0] color-text-primary py-2 px-1" />
   )
   const WhitelistedComponent = (
     <Typography tagVariant="h2" className={'font-kk-topo text-2xl/7 font-normal uppercase py-2 px-1'}>
@@ -43,29 +35,25 @@ const StatusBadge: FC<StatusBadgeProps> = ({ builderStatus }) => {
   )
 
   return {
-    'In progress': InProgressComponent,
-    Active: WhitelistedComponent,
+    inProgress: InProgressComponent,
+    active: WhitelistedComponent,
     undefined: BuilderRegistrationButton,
-  }[builderStatus as BuilderStatusShown]
+  }[builderStatus as BuilderState]
 }
 
-export const BecomeABuilderHandler = ({ address }: { address: Address }) => {
-  const { setMessage: setErrorMessage } = useAlertContext()
+const getBuilderState = (builderStateFlags?: BuilderStateFlags): BuilderState => {
+  if (!builderStateFlags) return 'inProgress'
+  const { activated, communityApproved } = builderStateFlags
+  return activated && communityApproved ? 'active' : 'inProgress'
+}
 
+export const BecomeABuilderHandler = ({ address }: { address: Address }) => {
   const { getBuilderByAddress, isLoading: builderLoading, error: builderLoadingError } = useBuilderContext()
 
   const builder = getBuilderByAddress(address)
+  const builderStatus = getBuilderState(builder?.stateFlags)
 
-  useEffect(() => {
-    if (builderLoadingError) {
-      setErrorMessage({
-        severity: 'error',
-        title: `Error loading builder with address ${address}`,
-        content: builderLoadingError.message,
-      })
-      console.error('🐛 builderLoadingError:', builderLoadingError)
-    }
-  }, [builderLoadingError, address, setErrorMessage])
+  useHandleErrors({ error: builderLoadingError, title: `Error loading builder with address ${address}` })
 
   if (builderLoading) {
     return <LoadingSpinner className={'justify-end w-1/4'} />
@@ -75,13 +63,9 @@ export const BecomeABuilderHandler = ({ address }: { address: Address }) => {
     return <BuilderRegistrationButton />
   }
 
-  return <StatusBadge builderStatus={builder.status} />
+  return <StatusBadge builderStatus={builderStatus} />
 }
 
 export const BecomeABuilderButton = ({ address }: { address: Address }) => {
-  return (
-    <BuilderContextProvider>
-      <BecomeABuilderHandler address={address} />
-    </BuilderContextProvider>
-  )
+  return <BecomeABuilderHandler address={address} />
 }
diff --git a/src/app/collective-rewards/user/context/BuilderContext.tsx b/src/app/collective-rewards/user/context/BuilderContext.tsx
index b1ae7b35..0a365122 100644
--- a/src/app/collective-rewards/user/context/BuilderContext.tsx
+++ b/src/app/collective-rewards/user/context/BuilderContext.tsx
@@ -1,100 +1,39 @@
-import { createContext, FC, ReactNode, useContext, useMemo } from 'react'
-import { Address } from 'viem'
-import {
-  BuilderStatus,
-  BuilderStatusProposalCreatedMVP,
-  BuilderStatusShown,
-} from '@/app/collective-rewards/types'
-import { useGetProposalsState } from '@/app/collective-rewards/whitelist/hooks/useGetProposalsState'
+import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
 import { useGetBuilders } from '@/app/collective-rewards/user'
-import { getMostAdvancedProposal } from '@/app/collective-rewards/utils'
-import { DateTime } from 'luxon'
-import { splitCombinedName } from '@/app/proposals/shared/utils'
 import { withPricesContextProvider } from '@/shared/context/PricesContext'
-
-export type BuilderProposal = {
-  builderName: string
-  status: BuilderStatusShown
-  address: Address
-  proposalId: bigint
-  proposalName: string
-  proposalDescription: string
-  joiningDate: string
-  gauge: Address
-}
-
-type ProposalByBuilder = Record<Address, BuilderProposal>
+import { createContext, FC, ReactNode, useContext } from 'react'
+import { Address } from 'viem'
 
 type BuilderContextValue = {
-  data: BuilderProposal[]
+  data: Builder[]
   isLoading: boolean
   error: Error | null
-  getBuilderByAddress: (address: Address) => BuilderProposal | undefined
+  getBuilderByAddress: (address: Address) => Builder | undefined
 }
 
 export const BuilderContext = createContext<BuilderContextValue>({
   data: [],
   isLoading: false,
   error: null,
-  getBuilderByAddress: () => ({}) as BuilderProposal,
+  getBuilderByAddress: () => ({}) as Builder,
 })
 
 interface BuilderProviderProps {
   children: ReactNode
 }
-const getBuilderStatus = (status: BuilderStatus) => {
-  // we show all the v1 builders with "In progress" because, they're filtered out later on, if the proposal is executed
-  if (BuilderStatusProposalCreatedMVP === status) return 'In progress'
-  return status
-}
 
 export const BuilderContextProvider: FC<BuilderProviderProps> = ({ children }) => {
   const { data: builders, isLoading: buildersLoading, error: buildersError } = useGetBuilders()
-  const buildersProposals = builders.flatMap(({ proposals }) => proposals)
-  const {
-    data: proposalsStateMap,
-    isLoading: proposalsStateMapLoading,
-    error: proposalsStateMapError,
-  } = useGetProposalsState(buildersProposals)
-
-  const filteredBuilders = useMemo(() => {
-    return builders.reduce<ProposalByBuilder>((acc, builder) => {
-      const { status, address, gauge } = builder
-      const proposal = getMostAdvancedProposal(builder, proposalsStateMap)
-
-      if (proposal) {
-        const {
-          args: { proposalId, description },
-          timeStamp,
-        } = proposal
-        const joiningDate = DateTime.fromSeconds(+timeStamp).toFormat('MMMM dd, yyyy')
-        const [name, proposalDescription] = description.split(';')
-        const { proposalName, builderName } = splitCombinedName(name)
-        acc[address] = {
-          builderName,
-          status: getBuilderStatus(status),
-          address,
-          proposalId,
-          proposalName,
-          proposalDescription,
-          joiningDate,
-          gauge,
-        }
-      }
-
-      return acc
-    }, {})
-  }, [builders, proposalsStateMap])
 
-  const isLoading = buildersLoading || proposalsStateMapLoading
-  const error = buildersError ?? proposalsStateMapError
+  const isLoading = buildersLoading
+  const error = buildersError
 
-  const getBuilderByAddress = (address: Address): BuilderProposal | undefined => {
-    return filteredBuilders[address]
+  const getBuilderByAddress = (address: Address): Builder | undefined => {
+    return builders[address]
   }
 
   const valueOfContext: BuilderContextValue = {
-    data: Object.values(filteredBuilders),
+    data: Object.values(builders),
     isLoading,
     error,
     getBuilderByAddress,
diff --git a/src/app/collective-rewards/user/hooks/index.ts b/src/app/collective-rewards/user/hooks/index.ts
index 5baeaa01..8e5fd18f 100644
--- a/src/app/collective-rewards/user/hooks/index.ts
+++ b/src/app/collective-rewards/user/hooks/index.ts
@@ -2,3 +2,5 @@ export * from './useGetBuilders'
 export * from './useGetBuilderToGauge'
 export * from './useGetGaugesArray'
 export * from './useGetGaugesLength'
+export * from './useGetProposalsState'
+export * from './useGetBuildersByState'
diff --git a/src/app/collective-rewards/user/hooks/useGetBuilders.ts b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
index a34ed37f..1b08934f 100644
--- a/src/app/collective-rewards/user/hooks/useGetBuilders.ts
+++ b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
@@ -1,58 +1,28 @@
-import {
-  BuilderInfo,
-  BuilderStatus,
-  BuilderStatusActive,
-  BuilderStatusInProgress,
-  BuilderStatusProposalCreatedMVP,
-} from '@/app/collective-rewards/types'
+import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
+import { useGetGaugesArray } from '@/app/collective-rewards/user/hooks/useGetGaugesArray'
+import { getMostAdvancedProposal } from '@/app/collective-rewards/utils'
+import { RawBuilderState } from '@/app/collective-rewards/utils/getBuilderGauge'
+import { useGetProposalsState } from '@/app/collective-rewards/user'
 import { useFetchCreateBuilderProposals } from '@/app/proposals/hooks/useFetchLatestProposals'
+import { splitCombinedName } from '@/app/proposals/shared/utils'
 import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 import { BackersManagerAddress } from '@/lib/contracts'
+import { DateTime } from 'luxon'
 import { useMemo } from 'react'
 import { Address, getAddress } from 'viem'
 import { useReadContracts } from 'wagmi'
-import { useGetGaugesArray } from '@/app/collective-rewards/user/hooks/useGetGaugesArray'
-import { BuilderStateStruct } from '@/app/collective-rewards/utils'
 
-export type BuilderLoader = {
-  data?: BuilderInfo
+export type UseGetBuilders = () => {
+  data: Record<Address, Builder> // TODO review Builder type
   isLoading: boolean
+  // TODO: review error type
   error: Error | null
 }
 
-export type BuildersLoader = Omit<BuilderLoader, 'data'> & {
-  data: BuilderInfo[]
-}
-
-type BuilderStatusMap = Record<Address, BuilderStatus>
-
-const EXCLUDED_BUILDER_STATUS = 'X'
-type BuilderStatusWithExcluded = BuilderStatus | 'X'
-
-const getCombinedBuilderStatus = (builderState: BuilderStateStruct): BuilderStatusWithExcluded => {
-  // Destructure the relevant elements from builderState
-  // TODO: we may need to review the logic
-  const [activated, kycApproved, communityApproved, , revoked] = builderState
-
-  if (revoked) {
-    return BuilderStatusActive
-  }
-
-  if (activated && kycApproved && communityApproved) {
-    return BuilderStatusActive
-  }
-
-  if (kycApproved || communityApproved) {
-    return BuilderStatusInProgress
-  }
-
-  // Default case: used to filter out builders
-  return EXCLUDED_BUILDER_STATUS
-}
-
-export const useGetBuilders = (): BuildersLoader => {
+export const useGetBuilders: UseGetBuilders = () => {
   /*
+   * // TODO: we're missing builder with KYC only on v2
    * get Gauges
    * for each Gauge
    *    get Builder from Gauge
@@ -84,13 +54,10 @@ export const useGetBuilders = (): BuildersLoader => {
   })
   const builders = buildersResult?.map(builder => builder.result) as Address[]
 
-  const builderToGauge = builders?.reduce(
-    (acc, builder, index) => {
-      acc[builder] = gauges![index]
-      return acc
-    },
-    {} as Record<Address, Address>,
-  )
+  const builderToGauge = builders?.reduce<Record<Address, Address>>((acc, builder, index) => {
+    acc[builder] = gauges![index]
+    return acc
+  }, {})
 
   // get the builder state for each builder
   const builderStatesCalls = builders?.map(
@@ -107,38 +74,85 @@ export const useGetBuilders = (): BuildersLoader => {
     isLoading: builderStatesLoading,
     error: builderStatesError,
   } = useReadContracts({ contracts: builderStatesCalls, query: { refetchInterval: AVERAGE_BLOCKTIME } })
-  const builderStates = builderStatesResult?.map(({ result }) => result as BuilderStateStruct)
-
-  const builderStatusMap = builders?.reduce<BuilderStatusMap>((acc, builder, index) => {
-    const builderState = (builderStates?.[index] ?? []) as BuilderStateStruct
-    const status = getCombinedBuilderStatus(builderState)
-    if (status !== EXCLUDED_BUILDER_STATUS) {
-      acc[builder] = status as BuilderStatus
-    }
-
-    return acc
-  }, {})
 
+  // TODO: useFetchCreateBuilderProposals & useGetProposalsState & getMostAdvancedProposal can be joined
   const {
-    data: buildersProposalsMap,
-    isLoading: builderProposalsMapLoading,
-    error: builderProposalsMapError,
+    data: proposalsByBuilder,
+    isLoading: isLoadingProposalsByBuilder,
+    error: proposalsByBuilderError,
   } = useFetchCreateBuilderProposals()
 
-  const data = useMemo(() => {
-    return Object.entries(buildersProposalsMap ?? {}).map<BuilderInfo>(([builder, proposals]) => ({
-      address: getAddress(builder),
-      status:
-        builderStatusMap && builder in builderStatusMap
-          ? builderStatusMap[builder as Address] // V2
-          : BuilderStatusProposalCreatedMVP, // MVP
-      proposals: Object.values(proposals),
-      gauge: builderToGauge?.[builder as Address],
-    }))
-  }, [builderStatusMap, buildersProposalsMap, builderToGauge])
-
-  const isLoading = builderProposalsMapLoading || builderStatesLoading || buildersLoading || gaugesLoading
-  const error = builderProposalsMapError ?? builderStatesError ?? buildersError ?? gaugesError
+  const proposalIds = Object.values(proposalsByBuilder ?? {}).flatMap(events =>
+    events.map(({ args }) => args.proposalId),
+  )
+
+  const {
+    data: proposalsStateMap,
+    isLoading: proposalsStateMapLoading,
+    error: proposalsStateMapError,
+  } = useGetProposalsState(proposalIds)
+
+  const data: Record<Address, Builder> = useMemo(() => {
+    const builderStates = builderStatesResult?.map(({ result }) => result as RawBuilderState)
+
+    const statusByBuilder =
+      builders?.reduce<Record<Address, BuilderStateFlags>>((acc, builder, index) => {
+        const builderState = (builderStates?.[index] ?? [
+          false,
+          false,
+          false,
+          false,
+          false,
+          '',
+          '',
+        ]) as RawBuilderState
+        const [activated, kycApproved, communityApproved, paused, revoked] = builderState
+        acc[builder] = { activated, kycApproved, communityApproved, paused, revoked }
+
+        return acc
+      }, {}) ?? ({} as Record<Address, BuilderStateFlags>)
+
+    return Object.entries(proposalsByBuilder ?? {}).reduce<Record<Address, Builder>>(
+      (acc, [key, proposalsEvent]) => {
+        const address = getAddress(key)
+        const proposal = getMostAdvancedProposal(proposalsEvent, proposalsStateMap, statusByBuilder[address])
+
+        if (proposal) {
+          const {
+            args: { proposalId, description },
+            timeStamp,
+          } = proposal
+          const joiningDate = DateTime.fromSeconds(+timeStamp).toFormat('MMMM dd, yyyy')
+          const [name, proposalDescription] = description.split(';')
+          const { proposalName, builderName } = splitCombinedName(name)
+          acc[address] = {
+            proposal: {
+              id: proposalId,
+              name: proposalName,
+              description: proposalDescription,
+              date: joiningDate,
+            },
+            stateFlags: statusByBuilder[address],
+            gauge: builderToGauge && builderToGauge[address],
+            address,
+            builderName,
+          }
+        }
+
+        return acc
+      },
+      {},
+    )
+  }, [proposalsByBuilder, builderToGauge, proposalsStateMap, builderStatesResult, builders])
+
+  const isLoading =
+    isLoadingProposalsByBuilder ||
+    builderStatesLoading ||
+    buildersLoading ||
+    gaugesLoading ||
+    proposalsStateMapLoading
+  const error =
+    proposalsByBuilderError ?? builderStatesError ?? buildersError ?? gaugesError ?? proposalsStateMapError
 
   return {
     data,
diff --git a/src/app/collective-rewards/user/hooks/useGetBuildersByState.ts b/src/app/collective-rewards/user/hooks/useGetBuildersByState.ts
new file mode 100644
index 00000000..97747760
--- /dev/null
+++ b/src/app/collective-rewards/user/hooks/useGetBuildersByState.ts
@@ -0,0 +1,26 @@
+import { useMemo } from 'react'
+import { BuilderStateFlags } from '@/app/collective-rewards/types'
+import { useBuilderContext } from '@/app/collective-rewards/user'
+
+export type BuilderStateFlagsKeys = keyof BuilderStateFlags
+export type BuilderStateFlagsArray = Array<BuilderStateFlagsKeys>
+export const useGetBuildersByState = (stateFlags?: BuilderStateFlagsArray, includeV1 = false) => {
+  const { data: builders, isLoading, error } = useBuilderContext()
+  let data = useMemo(() => {
+    if (!builders) return []
+
+    return builders.filter(({ stateFlags: builderStateFlags }) => {
+      if (!builderStateFlags) return includeV1
+
+      if (!stateFlags) return true
+
+      return stateFlags.some(value => builderStateFlags[value])
+    })
+  }, [builders, stateFlags, includeV1])
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/whitelist/hooks/useGetProposalsState.ts b/src/app/collective-rewards/user/hooks/useGetProposalsState.ts
similarity index 73%
rename from src/app/collective-rewards/whitelist/hooks/useGetProposalsState.ts
rename to src/app/collective-rewards/user/hooks/useGetProposalsState.ts
index 59ab7840..09e2d0ae 100644
--- a/src/app/collective-rewards/whitelist/hooks/useGetProposalsState.ts
+++ b/src/app/collective-rewards/user/hooks/useGetProposalsState.ts
@@ -1,15 +1,14 @@
-import { useReadContracts } from 'wagmi'
-import { GovernorAddress } from '@/lib/contracts'
-import { GovernorAbi } from '@/lib/abis/Governor'
-import { Address } from 'viem'
-import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
-import { useMemo } from 'react'
-import { ProposalState } from '@/shared/types'
 import { ProposalsToState } from '@/app/collective-rewards/types'
+import { GovernorAbi } from '@/lib/abis/Governor'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { GovernorAddress } from '@/lib/contracts'
+import { ProposalState } from '@/shared/types'
+import { useMemo } from 'react'
+import { Address } from 'viem'
+import { useReadContracts } from 'wagmi'
 
-export const useGetProposalsState = (proposals: CreateBuilderProposalEventLog[]) => {
-  const contractCalls = proposals.map(({ args: { proposalId } }) => {
+export const useGetProposalsState = (proposalIds: bigint[]) => {
+  const contractCalls = proposalIds.map(proposalId => {
     return {
       address: GovernorAddress as Address,
       abi: GovernorAbi,
@@ -40,8 +39,7 @@ export const useGetProposalsState = (proposals: CreateBuilderProposalEventLog[])
       acc[proposalId.toString()] = state
       return acc
     }, {})
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [states]) // The states dependency is a contract call result, so it's not necessary to include it in the deps array
+  }, [states, contractCalls])
 
   return {
     data: proposalsToStates,
diff --git a/src/app/collective-rewards/utils/getBuilderGauge.ts b/src/app/collective-rewards/utils/getBuilderGauge.ts
index ccdacc39..ccf234a4 100644
--- a/src/app/collective-rewards/utils/getBuilderGauge.ts
+++ b/src/app/collective-rewards/utils/getBuilderGauge.ts
@@ -4,7 +4,7 @@ import { BackersManagerAddress } from '@/lib/contracts'
 import { Address } from 'viem'
 import { readContract } from 'wagmi/actions'
 
-export type BuilderStateStruct = readonly [boolean, boolean, boolean, boolean, boolean, string, string]
+export type RawBuilderState = readonly [boolean, boolean, boolean, boolean, boolean, string, string]
 
 export const getBuilderGauge = async (builderAddress: Address): Promise<Address> => {
   return readContract(config, {
diff --git a/src/app/collective-rewards/utils/getBuilderState.ts b/src/app/collective-rewards/utils/getBuilderState.ts
index 35ebb9f8..24e0583e 100644
--- a/src/app/collective-rewards/utils/getBuilderState.ts
+++ b/src/app/collective-rewards/utils/getBuilderState.ts
@@ -3,34 +3,20 @@ import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
 import { Address } from 'viem'
 import { readContract } from 'wagmi/actions'
+import { BuilderStateFlags } from '../types'
 
-export type BuilderState = {
-  activated: boolean
-  kycApproved: boolean
-  whitelisted: boolean
-  paused: boolean
-  revoked: boolean
-  reserved: string
-  pausedReason: string
-}
-
-export const getBuilderState = async (builderAddress: Address): Promise<BuilderState> => {
-  const [activated, kycApproved, whitelisted, paused, revoked, reserved, pausedReason] = await readContract(
-    config,
-    {
-      address: BackersManagerAddress,
-      abi: BuilderRegistryAbi,
-      functionName: 'builderState',
-      args: [builderAddress],
-    },
-  )
+export const getBuilderState = async (builderAddress: Address): Promise<BuilderStateFlags> => {
+  const [activated, kycApproved, communityApproved, paused, revoked] = await readContract(config, {
+    address: BackersManagerAddress,
+    abi: BuilderRegistryAbi,
+    functionName: 'builderState',
+    args: [builderAddress],
+  })
   return {
     activated,
     kycApproved,
-    whitelisted,
+    communityApproved,
     paused,
     revoked,
-    reserved,
-    pausedReason,
   }
 }
diff --git a/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts b/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
deleted file mode 100644
index 3aab6d5e..00000000
--- a/src/app/collective-rewards/utils/getIsWhitelistedBuilder.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Address } from 'viem'
-import { getBuilderState } from '@/app/collective-rewards/utils'
-
-export const getIsWhitelistedBuilder = async (builderAddress: Address): Promise<boolean> => {
-  const builderState = await getBuilderState(builderAddress)
-  return builderState.whitelisted
-}
diff --git a/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
index e2db3124..8d6ea4af 100644
--- a/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
+++ b/src/app/collective-rewards/utils/getMostAdvancedProposal.test.tsx
@@ -2,30 +2,26 @@ import { describe, test, expect } from 'vitest'
 import { ProposalState } from '@/shared/types'
 import { getMostAdvancedProposal } from '@/app/collective-rewards/utils'
 import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
+import { BuilderStateFlags } from '@/app/collective-rewards/types'
 
-describe('getValidProposal', () => {
-  describe('whitelisted builder', () => {
+describe('getMostAdvancedProposal', () => {
+  describe('v1', () => {
     test('should return the latest executed proposal', () => {
       const proposal = getMostAdvancedProposal(
-        {
-          address: '0x01',
-          status: 'Active',
-          proposals: [
-            {
-              timeStamp: 1,
-              args: {
-                proposalId: 1n,
-              },
+        [
+          {
+            timeStamp: 1,
+            args: {
+              proposalId: 1n,
             },
-            {
-              timeStamp: 2,
-              args: {
-                proposalId: 2n,
-              },
+          },
+          {
+            timeStamp: 2,
+            args: {
+              proposalId: 2n,
             },
-          ] as CreateBuilderProposalEventLog[],
-          gauge: '0x01',
-        },
+          },
+        ] as CreateBuilderProposalEventLog[],
         {
           1: ProposalState.Executed,
           2: ProposalState.Active,
@@ -36,23 +32,44 @@ describe('getValidProposal', () => {
       expect(proposal?.args.proposalId).toBe(1n)
     })
 
-    test('should return null if there are no executed proposals', () => {
+    test('should return the latest valid proposal', () => {
       const proposal = getMostAdvancedProposal(
-        {
-          address: '0x01',
-          status: 'Active',
-          proposals: [
-            {
-              timeStamp: 1,
-              args: {
-                proposalId: 1n,
-              },
+        [
+          {
+            timeStamp: 1,
+            args: {
+              proposalId: 1n,
             },
-          ] as CreateBuilderProposalEventLog[],
-          gauge: '0x01',
-        },
+          },
+          {
+            timeStamp: 2,
+            args: {
+              proposalId: 2n,
+            },
+          },
+        ] as CreateBuilderProposalEventLog[],
         {
           1: ProposalState.Active,
+          2: ProposalState.Expired,
+        },
+      )
+
+      expect(proposal).not.toBeUndefined()
+      expect(proposal?.args.proposalId).toBe(1n)
+    })
+
+    test('should return null if there are no executed/valid proposals', () => {
+      const proposal = getMostAdvancedProposal(
+        [
+          {
+            timeStamp: 1,
+            args: {
+              proposalId: 1n,
+            },
+          },
+        ] as CreateBuilderProposalEventLog[],
+        {
+          1: ProposalState.Defeated,
         },
       )
 
@@ -60,63 +77,81 @@ describe('getValidProposal', () => {
     })
   })
 
-  describe('builder in progress', () => {
-    test('should return the latest not executed proposal', () => {
+  describe('v2', () => {
+    test('should return the latest executed proposal when the builder is active', () => {
       const proposal = getMostAdvancedProposal(
-        {
-          address: '0x01',
-          status: 'In progress',
-          proposals: [
-            {
-              timeStamp: 1,
-              args: {
-                proposalId: 1n,
-              },
+        [
+          {
+            timeStamp: 1,
+            args: {
+              proposalId: 1n,
             },
-            {
-              timeStamp: 2,
-              args: {
-                proposalId: 2n,
-              },
+          },
+          {
+            timeStamp: 2,
+            args: {
+              proposalId: 2n,
             },
-          ] as CreateBuilderProposalEventLog[],
-          gauge: '0x01',
-        },
+          },
+        ] as CreateBuilderProposalEventLog[],
         {
           1: ProposalState.Active,
           2: ProposalState.Executed,
         },
+        { activated: true, communityApproved: true } as BuilderStateFlags,
       )
+      expect(proposal).not.toBeUndefined()
+      expect(proposal?.args.proposalId).toBe(2n)
+    })
 
+    // This scenario is could happen if by any chance the proposal was executed but it failed
+    test('should return the latest not executed proposal', () => {
+      const proposal = getMostAdvancedProposal(
+        [
+          {
+            timeStamp: 1,
+            args: {
+              proposalId: 1n,
+            },
+          },
+          {
+            timeStamp: 2,
+            args: {
+              proposalId: 2n,
+            },
+          },
+        ] as CreateBuilderProposalEventLog[],
+        {
+          1: ProposalState.Active,
+          2: ProposalState.Executed,
+        },
+        { activated: false, communityApproved: false } as BuilderStateFlags,
+      )
       expect(proposal).not.toBeUndefined()
       expect(proposal?.args.proposalId).toBe(1n)
     })
 
     test('should return null if there are no valid proposals', () => {
       const proposal = getMostAdvancedProposal(
-        {
-          address: '0x01',
-          status: 'In progress',
-          proposals: [
-            {
-              timeStamp: 1,
-              args: {
-                proposalId: 1n,
-              },
+        [
+          {
+            timeStamp: 1,
+            args: {
+              proposalId: 1n,
             },
-            {
-              timeStamp: 1,
-              args: {
-                proposalId: 2n,
-              },
+          },
+          {
+            timeStamp: 1,
+            args: {
+              proposalId: 2n,
             },
-          ] as CreateBuilderProposalEventLog[],
-          gauge: '0x01',
-        },
+          },
+        ] as CreateBuilderProposalEventLog[],
         {
           1: ProposalState.Canceled,
           2: ProposalState.Executed,
         },
+        { activated: false, communityApproved: false } as BuilderStateFlags,
       )
 
       expect(proposal).toBeUndefined()
diff --git a/src/app/collective-rewards/utils/getMostAdvancedProposal.ts b/src/app/collective-rewards/utils/getMostAdvancedProposal.ts
index 580811ee..4a045136 100644
--- a/src/app/collective-rewards/utils/getMostAdvancedProposal.ts
+++ b/src/app/collective-rewards/utils/getMostAdvancedProposal.ts
@@ -1,29 +1,28 @@
-import {
-  BuilderInfo,
-  BuilderStatus,
-  BuilderStatusActive,
-  ProposalsToState,
-} from '@/app/collective-rewards/types'
+import { BuilderStateFlags, ProposalsToState } from '@/app/collective-rewards/types'
+import { CreateBuilderProposalEventLog } from '@/app/proposals/hooks/useFetchLatestProposals'
 import { ProposalState } from '@/shared/types'
 
 const inactiveProposalsStates = [ProposalState.Canceled, ProposalState.Defeated, ProposalState.Expired]
 const isActive = (state: ProposalState) => !inactiveProposalsStates.includes(state)
-const isBuilderActive = (builderStatus: BuilderStatus) => BuilderStatusActive === builderStatus
+const isBuilderActive = (status?: BuilderStateFlags) => !status || status.activated
 
 export const getMostAdvancedProposal = (
-  { status, proposals }: BuilderInfo,
+  proposalsEvent: CreateBuilderProposalEventLog[],
   proposalsStateMap: ProposalsToState,
-) => {
-  return proposals
-    .sort(({ timeStamp: a }, { timeStamp: b }) => b - a)
+  status?: BuilderStateFlags,
+): CreateBuilderProposalEventLog | undefined => {
+  return proposalsEvent
+    .sort(
+      ({ timeStamp: a, args: { proposalId: pA } }, { timeStamp: b, args: { proposalId: pB } }) =>
+        proposalsStateMap[pB.toString()] - proposalsStateMap[pA.toString()] || b - a,
+    )
     .find(({ args: { proposalId } }) => {
       const state = proposalsStateMap[proposalId.toString()]
 
-      const isExecuted = ProposalState.Executed === state
-      if (isBuilderActive(status)) {
-        return isExecuted
+      if (state === ProposalState.Executed) {
+        return isBuilderActive(status)
       }
 
-      return !isExecuted && isActive(state)
+      return isActive(state)
     })
 }
diff --git a/src/app/collective-rewards/utils/index.ts b/src/app/collective-rewards/utils/index.ts
index 4eb5ad7c..2031e6ff 100644
--- a/src/app/collective-rewards/utils/index.ts
+++ b/src/app/collective-rewards/utils/index.ts
@@ -1,7 +1,19 @@
+import { HtmlHTMLAttributes } from 'react'
+import { BuilderState } from '../types'
+
 export * from './applyPrecision'
 export * from './getBuilderGauge'
 export * from './getBuilderState'
 export * from './getCoinbaseAddress'
-export * from './getIsWhitelistedBuilder'
 export * from './getMostAdvancedProposal'
 export * from './handleErrors'
+
+export const crStatusLabels: Record<BuilderState, string> = {
+  active: 'Active',
+  inProgress: 'In Progress',
+} as const
+
+export const crStatusColorClasses: Record<BuilderState, HtmlHTMLAttributes<HTMLSpanElement>['className']> = {
+  active: 'bg-[#DBFEE5] text-secondary',
+  inProgress: 'bg-[#4B5CF0] color-text-primary',
+} as const
diff --git a/src/app/collective-rewards/utils/isBuilderActive.ts b/src/app/collective-rewards/utils/isBuilderActive.ts
new file mode 100644
index 00000000..1ec007f7
--- /dev/null
+++ b/src/app/collective-rewards/utils/isBuilderActive.ts
@@ -0,0 +1,7 @@
+import { Builder } from '../types'
+
+export const isBuilderActive = (builder: Builder) => {
+  return (
+    builder.stateFlags?.communityApproved && builder.stateFlags?.kycApproved && !builder.stateFlags?.paused
+  )
+}
diff --git a/src/app/collective-rewards/whitelist/WhitelistSection.tsx b/src/app/collective-rewards/whitelist/WhitelistSection.tsx
deleted file mode 100644
index fd6e6e8e..00000000
--- a/src/app/collective-rewards/whitelist/WhitelistSection.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { HeaderTitle } from '@/components/Typography'
-import { WhitelistGrid, WhitelistSearch } from './components'
-import { useWhitelistContext } from './context'
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/Collapsible'
-import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
-import { useHandleErrors } from '@/app/collective-rewards/utils'
-
-export const WhitelistSection = () => {
-  const { builders, isLoading, error: whitelistError } = useWhitelistContext()
-  useHandleErrors({ error: whitelistError, title: 'Error loading proposals state' })
-
-  return (
-    <>
-      <Collapsible defaultOpen>
-        <CollapsibleTrigger>
-          <HeaderTitle>Activated Builders</HeaderTitle>
-        </CollapsibleTrigger>
-
-        <CollapsibleContent>
-          <WhitelistSearch />
-
-          {withSpinner(WhitelistGrid)({ isLoading, items: builders })}
-        </CollapsibleContent>
-      </Collapsible>
-    </>
-  )
-}
diff --git a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx b/src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx
deleted file mode 100644
index 4415a213..00000000
--- a/src/app/collective-rewards/whitelist/components/Grid/WhitelistGrid.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { FC } from 'react'
-import { WhitelistGridItem } from './WhitelistGridItem'
-import { BuilderProposal } from '@/app/collective-rewards/user'
-
-interface WhitelistGridProps {
-  items: BuilderProposal[]
-}
-
-export const WhitelistGrid: FC<WhitelistGridProps> = ({ items }) => {
-  return (
-    <div className="grid grid-cols-3 gap-6">
-      {/* TODO: To be reviewed in the design */}
-      {items.length === 0 && <div>No builders found</div>}
-      {items.length > 0 && items.map(item => <WhitelistGridItem key={item.address} {...item} />)}
-    </div>
-  )
-}
diff --git a/src/app/collective-rewards/whitelist/components/Grid/index.ts b/src/app/collective-rewards/whitelist/components/Grid/index.ts
deleted file mode 100644
index 272be011..00000000
--- a/src/app/collective-rewards/whitelist/components/Grid/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './WhitelistGrid'
-export * from './WhitelistGridItem'
diff --git a/src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx b/src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx
deleted file mode 100644
index f5c61162..00000000
--- a/src/app/collective-rewards/whitelist/components/Search/WhitelistSearch.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import {
-  BuilderStatusActive,
-  BuilderStatusInProgress,
-  BuilderStatusShown,
-} from '@/app/collective-rewards/types'
-import { BuilderStatusFilter, useWhitelistContext } from '@/app/collective-rewards/whitelist'
-import { useAlertContext } from '@/app/providers'
-import { Input } from '@/components/Input'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/Select'
-import { Label } from '@/components/Typography'
-import { useEffect } from 'react'
-
-type SelectOption = {
-  value: BuilderStatusShown | 'all'
-  label: string
-}
-
-// TODO: are there other statuses to be considered?
-const statuses: SelectOption[] = [
-  { value: 'all', label: 'All' },
-  { value: BuilderStatusActive, label: 'Activated' },
-  { value: BuilderStatusInProgress, label: 'In progress' },
-]
-
-export const WhitelistSearch = () => {
-  const { search, filterBy, error: whitelistError } = useWhitelistContext()
-  const { setMessage: setErrorMessage } = useAlertContext()
-
-  useEffect(() => {
-    if (whitelistError) {
-      setErrorMessage({
-        severity: 'error',
-        title: 'Error loading proposals state',
-        content: whitelistError.message,
-      })
-      console.error('🐛 whitelistError:', whitelistError)
-    }
-  }, [whitelistError, setErrorMessage])
-
-  const onValueChange = (value: string) => filterBy.onChange(value as BuilderStatusFilter)
-
-  return (
-    <div className="flex items-center py-6">
-      <Input
-        name="builderSearch"
-        placeholder="Search a builder"
-        className="w-full"
-        fullWidth
-        value={search.value}
-        onChange={search.onChange}
-        type="search"
-      />
-
-      <div className="flex flex-row items-center pl-4">
-        <Label className="text-white text-right pr-3 w-24">Filter by</Label>
-        <div>
-          <Select onValueChange={onValueChange} defaultValue={'all'}>
-            <SelectTrigger className="w-36">
-              <SelectValue placeholder="Select an asset" />
-            </SelectTrigger>
-            <SelectContent>
-              {statuses.map(({ value, label }, index) => (
-                <SelectItem key={index} value={value}>
-                  <div className="flex items-center">{label}</div>
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/src/app/collective-rewards/whitelist/components/Search/index.ts b/src/app/collective-rewards/whitelist/components/Search/index.ts
deleted file mode 100644
index 8cf60e4c..00000000
--- a/src/app/collective-rewards/whitelist/components/Search/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './WhitelistSearch'
diff --git a/src/app/collective-rewards/whitelist/context/WhitelistContext.tsx b/src/app/collective-rewards/whitelist/context/WhitelistContext.tsx
deleted file mode 100644
index 0441f7bb..00000000
--- a/src/app/collective-rewards/whitelist/context/WhitelistContext.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { BuilderProposal, withBuilderContextProvider } from '@/app/collective-rewards/user'
-import { BuilderStatus } from '@/app/collective-rewards/types'
-import { useGetFilteredBuilders } from '@/app/collective-rewards/whitelist'
-import { createContext, Dispatch, FC, ReactNode, SetStateAction, useContext, useState } from 'react'
-
-export type BuilderStatusFilter = 'all' | BuilderStatus
-
-type StateWithUpdate<T> = {
-  value: T
-  onChange: Dispatch<SetStateAction<T>>
-}
-
-interface WhitelistContextValue {
-  builders: BuilderProposal[]
-  isLoading: boolean
-  error?: Error | null
-  search: StateWithUpdate<string>
-  filterBy: StateWithUpdate<BuilderStatusFilter>
-}
-
-const initialFilterByValue: BuilderStatusFilter = 'all'
-
-export const WhitelistContext = createContext<WhitelistContextValue>({
-  builders: [],
-  isLoading: false,
-  error: null,
-  search: {
-    value: '',
-    onChange: () => {},
-  },
-  filterBy: {
-    value: initialFilterByValue,
-    onChange: () => {},
-  },
-})
-
-interface WhitelistProviderProps {
-  children: ReactNode
-}
-
-const WhitelistContextProvider: FC<WhitelistProviderProps> = ({ children }) => {
-  const [search, setSearch] = useState('')
-  const [filterBy, setFilterBy] = useState<BuilderStatusFilter>(initialFilterByValue)
-  const { data, isLoading, error } = useGetFilteredBuilders({ builderName: search, status: filterBy })
-
-  const valueOfContext: WhitelistContextValue = {
-    builders: data,
-    isLoading,
-    error,
-    search: { value: search, onChange: setSearch },
-    filterBy: { value: filterBy, onChange: setFilterBy },
-  }
-
-  return <WhitelistContext.Provider value={valueOfContext}>{children}</WhitelistContext.Provider>
-}
-
-export const useWhitelistContext = () => useContext(WhitelistContext)
-
-export const WhitelistContextProviderWithBuilders = withBuilderContextProvider(WhitelistContextProvider)
diff --git a/src/app/collective-rewards/whitelist/context/index.ts b/src/app/collective-rewards/whitelist/context/index.ts
deleted file mode 100644
index 538dc46b..00000000
--- a/src/app/collective-rewards/whitelist/context/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './WhitelistContext'
diff --git a/src/app/collective-rewards/whitelist/hooks/index.ts b/src/app/collective-rewards/whitelist/hooks/index.ts
deleted file mode 100644
index 0d8b35cb..00000000
--- a/src/app/collective-rewards/whitelist/hooks/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './useGetFilteredBuilders'
-export * from './useGetProposalsState'
diff --git a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts b/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
deleted file mode 100644
index f70b0ffe..00000000
--- a/src/app/collective-rewards/whitelist/hooks/useGetFilteredBuilders.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useEffect, useState } from 'react'
-import { BuilderStatusFilter } from '@/app/collective-rewards/whitelist'
-import { BuilderProposal, useBuilderContext } from '@/app/collective-rewards/user'
-
-type FetchWhitelistedBuildersFilter = {
-  builderName: string
-  status: BuilderStatusFilter
-}
-
-const lowerCaseCompare = (a: string, b: string) => a?.toLowerCase().includes(b?.toLowerCase())
-
-export const useGetFilteredBuilders = ({
-  builderName: filterBuilderName,
-  status: filterStatus,
-}: FetchWhitelistedBuildersFilter) => {
-  const [data, setData] = useState<BuilderProposal[]>([])
-  const { data: builders, isLoading, error } = useBuilderContext()
-
-  useEffect(() => {
-    let filteredBuilders = builders
-
-    if (filterBuilderName) {
-      filteredBuilders = filteredBuilders.filter(
-        ({ builderName, address }) =>
-          // TODO: Here we filter by both name and address,
-          // but the address is not displayed in the UI when the Builder name is present.
-          lowerCaseCompare(builderName, filterBuilderName) || lowerCaseCompare(address, filterBuilderName),
-      )
-    }
-
-    if (filterStatus !== 'all') {
-      filteredBuilders = filteredBuilders.filter(builder => builder.status === filterStatus)
-    }
-
-    setData(filteredBuilders)
-  }, [builders, filterBuilderName, filterStatus])
-
-  return {
-    data,
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/whitelist/index.ts b/src/app/collective-rewards/whitelist/index.ts
deleted file mode 100644
index d5564b93..00000000
--- a/src/app/collective-rewards/whitelist/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './hooks'
-export * from './components'
-export * from './context'
-export * from './WhitelistSection'
diff --git a/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts b/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
index ebc57791..982162c8 100644
--- a/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
+++ b/src/app/proposals/hooks/useCreateBuilderWhitelistProposal.ts
@@ -39,7 +39,7 @@ export const useCreateBuilderWhitelistProposal = () => {
 export const encodeWhitelistBuilderCalldata = (builderAddress: Address) => {
   return encodeFunctionData({
     abi: BuilderRegistryAbi,
-    functionName: 'whitelistBuilder',
+    functionName: 'communityApproveBuilder',
     args: [builderAddress.toLocaleLowerCase() as Address],
   })
 }
diff --git a/src/app/proposals/hooks/useFetchLatestProposals.test.tsx b/src/app/proposals/hooks/useFetchLatestProposals.test.tsx
index e3df3d03..b480a6bf 100644
--- a/src/app/proposals/hooks/useFetchLatestProposals.test.tsx
+++ b/src/app/proposals/hooks/useFetchLatestProposals.test.tsx
@@ -16,7 +16,7 @@ vi.mock('@/app/user/Balances/actions', () => ({
   fetchProposalsCreatedCached: vi.fn(),
 }))
 
-const CR_WHITELIST_FUNCTION = 'whitelistBuilder' // TODO: refactor
+const CR_WHITELIST_FUNCTION = 'whitelistBuilder' // v1
 const CR_WHITELIST_FUNCTION_SELECTOR = new Interface(SimplifiedRewardDistributorAbi).getFunction(
   CR_WHITELIST_FUNCTION,
 )?.selector
@@ -103,9 +103,7 @@ describe('useFetchCreateBuilderProposals', () => {
     }
 
     const expectedValue = {
-      [builder_1]: {
-        [mockProposalData.data[0].args.proposalId.toString()]: mockProposalData.data[0],
-      },
+      [builder_1]: mockProposalData.data,
     }
 
     mocFetchProposalsCreatedCached.mockReturnValue(mockProposalData)
@@ -211,11 +209,7 @@ describe('useFetchCreateBuilderProposals', () => {
     mockParseEventLogs.mockReturnValue(mockData.data)
 
     const expectedValue = {
-      [builder_1]: {
-        [mockData.data[0].args.proposalId.toString()]: mockData.data[0],
-        [mockData.data[1].args.proposalId.toString()]: mockData.data[1],
-        [mockData.data[3].args.proposalId.toString()]: mockData.data[3], // a Record does not preserve order so we can not guarantee the order of the proposals unless we use a Map.
-      },
+      [builder_1]: [mockData.data[1], mockData.data[3], mockData.data[0]],
     }
 
     let actualValue = await renderAndWaitForHook(() => useFetchCreateBuilderProposals())
@@ -254,10 +248,7 @@ describe('useFetchCreateBuilderProposals', () => {
     mockParseEventLogs.mockReturnValue(mockData.data)
 
     const expectedValue = {
-      [builder_1]: {
-        [mockData.data[0].args.proposalId.toString()]: mockData.data[0],
-        [mockData.data[1].args.proposalId.toString()]: mockData.data[1],
-      },
+      [builder_1]: [mockData.data[1], mockData.data[0]],
     }
 
     let actualValue = await renderAndWaitForHook(() => useFetchCreateBuilderProposals())
@@ -296,12 +287,8 @@ describe('useFetchCreateBuilderProposals', () => {
     mockParseEventLogs.mockReturnValue(mockData.data)
 
     const expectedValue = {
-      [builder_1]: {
-        [mockData.data[0].args.proposalId.toString()]: mockData.data[0],
-      },
-      [builder_2]: {
-        [mockData.data[1].args.proposalId.toString()]: mockData.data[1],
-      },
+      [builder_1]: [mockData.data[0]],
+      [builder_2]: [mockData.data[1]],
     }
 
     let actualValue = await renderAndWaitForHook(() => useFetchCreateBuilderProposals())
diff --git a/src/app/proposals/hooks/useFetchLatestProposals.ts b/src/app/proposals/hooks/useFetchLatestProposals.ts
index 85acd413..93e492dd 100644
--- a/src/app/proposals/hooks/useFetchLatestProposals.ts
+++ b/src/app/proposals/hooks/useFetchLatestProposals.ts
@@ -60,13 +60,14 @@ const toFunctionSelector = ({ functionName, abi }: FunctionSelectorArgs) => {
 
 const RELAY_FUNCTION_SELECTOR = toFunctionSelector({ abi: GovernorAbi, functionName: 'relay' })
 const CR_WHITELIST_FUNCTION_SELECTOR_MVP = toFunctionSelector({
-  abi: BuilderRegistryAbi,
-  functionName: 'whitelistBuilder',
+  abi: SimplifiedRewardDistributorAbi,
+  functionName: 'whitelistBuilder', // v1
 })
 
+// TODO: this is a temporary value until we have the new contracts deployed
 const CR_WHITELIST_FUNCTION_SELECTOR_V2 = toFunctionSelector({
-  abi: SimplifiedRewardDistributorAbi,
-  functionName: 'whitelistBuilder',
+  abi: BuilderRegistryAbi,
+  functionName: 'communityApproveBuilder',
 })
 
 type ElementType<T> = T extends (infer U)[] ? U : never
@@ -79,9 +80,7 @@ export type CrProposalCachedEvent = {
   builder: string
 }
 
-export type CrEventByIdMap = Record<string, CrProposalCachedEvent['event']>
-
-export type ProposalsPerBuilder = Record<CrProposalCachedEvent['builder'], CrEventByIdMap>
+export type ProposalsPerBuilder = Record<CrProposalCachedEvent['builder'], CreateBuilderProposalEventLog[]>
 
 export type ProposalQueryResult<Data> = Omit<Partial<UseQueryResult<Data>>, 'isLoading'> & {
   isLoading: boolean
@@ -133,14 +132,11 @@ export const useFetchCreateBuilderProposals = (): ProposalQueryResult<ProposalsP
           console.error('useFetchCreateBuilderProposal:: Failed to parse builder address', e)
           return acc
         }
-        const existingBuilder = acc[builder] || {}
+        const existingBuilder = acc[builder] || []
 
         acc = {
           ...acc,
-          [builder]: {
-            ...existingBuilder,
-            [event.args.proposalId.toString()]: event,
-          },
+          [builder]: [...existingBuilder, event],
         }
       }
 
diff --git a/src/app/proposals/hooks/useRemoveBuilderProposal.ts b/src/app/proposals/hooks/useRemoveBuilderProposal.ts
index df0a348c..dfa49468 100644
--- a/src/app/proposals/hooks/useRemoveBuilderProposal.ts
+++ b/src/app/proposals/hooks/useRemoveBuilderProposal.ts
@@ -1,4 +1,3 @@
-import { getIsWhitelistedBuilder } from '@/app/collective-rewards/utils'
 import { AddressNotWhitelistedError, NoVotingPowerError } from '@/app/proposals/shared/errors'
 import { GovernorAbi } from '@/lib/abis/Governor'
 import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
@@ -7,19 +6,24 @@ import { Address, encodeFunctionData } from 'viem'
 import { useWriteContract } from 'wagmi'
 import { createProposal, encodeGovernorRelayCallData } from './proposalUtils'
 import { useVotingPower } from './useVotingPower'
+import { useBuilderContext } from '@/app/collective-rewards/user'
+import { Builder } from '@/app/collective-rewards/types'
 
 export const useRemoveBuilderProposal = () => {
   const { canCreateProposal } = useVotingPower()
   const { writeContractAsync: propose, isPending: isPublishing, error: transactionError } = useWriteContract()
+  const { getBuilderByAddress } = useBuilderContext()
 
   const onRemoveBuilderProposal = async (builderAddress: Address, description: string) => {
     if (!canCreateProposal) {
       throw NoVotingPowerError
     }
-    const isWhitelisted = await getIsWhitelistedBuilder(builderAddress)
-    if (!isWhitelisted) {
+
+    const { stateFlags } = getBuilderByAddress(builderAddress) as Builder
+    if (stateFlags && !stateFlags.communityApproved) {
       throw AddressNotWhitelistedError
     }
+
     const calldata = encodeRemoveBuilderCalldata(builderAddress)
     const relayCallData = encodeGovernorRelayCallData(BackersManagerAddress, calldata)
 
diff --git a/src/app/proposals/shared/supportedABIs.ts b/src/app/proposals/shared/supportedABIs.ts
index 034c075c..b7aa5951 100644
--- a/src/app/proposals/shared/supportedABIs.ts
+++ b/src/app/proposals/shared/supportedABIs.ts
@@ -23,10 +23,11 @@ export const abis = [
 export const supportedProposalActions = [
   'withdraw',
   'withdrawERC20',
-  'whitelistBuilder',
+  'communityApproveBuilder',
   'dewhitelistBuilder',
   // CR MVP: To keep compatibility with the MVP logs
   'removeWhitelistedBuilder',
+  'whitelistBuilder',
 ] as const
 
 export type SupportedActionAbiName = (typeof abiNames)[number]
diff --git a/src/app/providers/ContextProviders.tsx b/src/app/providers/ContextProviders.tsx
index 17519f95..942eba87 100644
--- a/src/app/providers/ContextProviders.tsx
+++ b/src/app/providers/ContextProviders.tsx
@@ -5,6 +5,8 @@ import { ReactNode } from 'react'
 import { WagmiProvider } from 'wagmi'
 import { AlertProvider } from './AlertProvider'
 import ErrorBoundary from '@/components/ErrorPage/ErrorBoundary'
+import { BuilderContextProviderWithPrices } from '../collective-rewards/user'
+import { AllocationsContextProvider } from '../collective-rewards/allocations/context'
 
 interface Props {
   children: ReactNode
@@ -16,7 +18,11 @@ export const ContextProviders = ({ children }: Props) => {
     <ErrorBoundary>
       <WagmiProvider config={config}>
         <QueryClientProvider client={queryClient}>
-          <AlertProvider>{children}</AlertProvider>
+          <AlertProvider>
+            <BuilderContextProviderWithPrices>
+              <AllocationsContextProvider>{children}</AllocationsContextProvider>
+            </BuilderContextProviderWithPrices>
+          </AlertProvider>
         </QueryClientProvider>
       </WagmiProvider>
     </ErrorBoundary>
diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
index e04f3fa9..c4babe3c 100644
--- a/src/components/Slider/Slider.tsx
+++ b/src/components/Slider/Slider.tsx
@@ -7,21 +7,12 @@ export const Slider = React.forwardRef<
   React.ElementRef<typeof SliderPrimitive.Slider>,
   React.ComponentPropsWithoutRef<typeof SliderPrimitive.Slider>
 >((props, forwardedRef) => {
-  const initialValue = props.value || props.defaultValue
-  const [value, setValue] = React.useState(initialValue)
-
-  const onPercentageClick = (percentage: number) => {
-    setValue([percentage])
-    console.log('percentage', percentage)
-  }
-
   return (
     <>
       <SliderPrimitive.Root
         {...props}
         ref={forwardedRef}
         className="relative flex h-10 touch-none select-none items-center w-full pb-4"
-        onValueChange={nextValue => setValue(nextValue)}
       >
         <SliderPrimitive.Track className="relative h-[6px] grow rounded-full bg-input-bg">
           <SliderPrimitive.Range className="absolute h-full rounded-full bg-primary" />
@@ -32,14 +23,13 @@ export const Slider = React.forwardRef<
               <span
                 className="max-w-6 text-xs text-center font-kk-topo font-normal hover:cursor-pointer"
                 key={v}
-                onClick={() => onPercentageClick(v)}
               >
                 {v}%
               </span>
             ))}
           </span>
         </SliderPrimitive.Track>
-        {value?.map((_, i) => (
+        {props.value?.map((_, i) => (
           <SliderPrimitive.Thumb
             key={i}
             className="block size-3 rounded-[10px] bg-white shadow-[0_2px_10px] shadow-primary focus:shadow-[0_0_0_2px] focus:shadow-primary focus:outline-none"
diff --git a/src/lib/abis/v2/BackersManagerAbi.ts b/src/lib/abis/v2/BackersManagerAbi.ts
index 46ac3344..aa052f21 100644
--- a/src/lib/abis/v2/BackersManagerAbi.ts
+++ b/src/lib/abis/v2/BackersManagerAbi.ts
@@ -78,39 +78,38 @@ export const BackersManagerAbi = [
   },
   {
     type: 'function',
-    name: 'approveBuilderKYC',
+    name: 'approveBuidlerRewardReceiverReplacement',
     inputs: [
       {
         name: 'builder_',
         type: 'address',
         internalType: 'address',
       },
+      {
+        name: 'rewardReceiverReplacement_',
+        type: 'address',
+        internalType: 'address',
+      },
     ],
     outputs: [],
     stateMutability: 'nonpayable',
   },
   {
     type: 'function',
-    name: 'backerTotalAllocation',
+    name: 'approveBuilderKYC',
     inputs: [
       {
-        name: 'backer',
+        name: 'builder_',
         type: 'address',
         internalType: 'address',
       },
     ],
-    outputs: [
-      {
-        name: 'allocation',
-        type: 'uint256',
-        internalType: 'uint256',
-      },
-    ],
-    stateMutability: 'view',
+    outputs: [],
+    stateMutability: 'nonpayable',
   },
   {
     type: 'function',
-    name: 'builderRewardPercentage',
+    name: 'backerRewardPercentage',
     inputs: [
       {
         name: 'builder',
@@ -137,6 +136,25 @@ export const BackersManagerAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'backerTotalAllocation',
+    inputs: [
+      {
+        name: 'backer',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'allocation',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
   {
     type: 'function',
     name: 'builderRewardReceiver',
@@ -156,6 +174,25 @@ export const BackersManagerAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'builderRewardReceiverReplacement',
+    inputs: [
+      {
+        name: 'builder',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'rewardReceiverReplacement',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    stateMutability: 'view',
+  },
   {
     type: 'function',
     name: 'builderState',
@@ -178,7 +215,7 @@ export const BackersManagerAbi = [
         internalType: 'bool',
       },
       {
-        name: 'whitelisted',
+        name: 'communityApproved',
         type: 'bool',
         internalType: 'bool',
       },
@@ -234,7 +271,7 @@ export const BackersManagerAbi = [
         internalType: 'address',
       },
       {
-        name: 'value_',
+        name: '',
         type: 'uint256',
         internalType: 'uint256',
       },
@@ -248,6 +285,13 @@ export const BackersManagerAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'cancelRewardReceiverReplacementRequest',
+    inputs: [],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
   {
     type: 'function',
     name: 'claimBackerRewards',
@@ -279,6 +323,25 @@ export const BackersManagerAbi = [
     outputs: [],
     stateMutability: 'nonpayable',
   },
+  {
+    type: 'function',
+    name: 'communityApproveBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
+      },
+    ],
+    stateMutability: 'nonpayable',
+  },
   {
     type: 'function',
     name: 'cycleData',
@@ -376,6 +439,19 @@ export const BackersManagerAbi = [
     ],
     stateMutability: 'nonpayable',
   },
+  {
+    type: 'function',
+    name: 'distributionDuration',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+    ],
+    stateMutability: 'view',
+  },
   {
     type: 'function',
     name: 'endDistributionWindow',
@@ -560,6 +636,25 @@ export const BackersManagerAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'hasBuilderRewardReceiverPendingApproval',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
   {
     type: 'function',
     name: 'indexLastGaugeDistributed',
@@ -612,6 +707,11 @@ export const BackersManagerAbi = [
         type: 'uint24',
         internalType: 'uint24',
       },
+      {
+        name: 'distributionDuration_',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
       {
         name: 'rewardPercentageCooldown_',
         type: 'uint128',
@@ -716,6 +816,29 @@ export const BackersManagerAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'migrateBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'rewardAddress_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'rewardPercentage_',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
   {
     type: 'function',
     name: 'notifyRewardAmount',
@@ -886,7 +1009,7 @@ export const BackersManagerAbi = [
   },
   {
     type: 'function',
-    name: 'setBuilderRewardPercentage',
+    name: 'setBackerRewardPercentage',
     inputs: [
       {
         name: 'rewardPercentage_',
@@ -915,6 +1038,19 @@ export const BackersManagerAbi = [
     outputs: [],
     stateMutability: 'nonpayable',
   },
+  {
+    type: 'function',
+    name: 'setDistributionDuration',
+    inputs: [
+      {
+        name: 'newDistributionDuration_',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
   {
     type: 'function',
     name: 'stakingToken',
@@ -941,6 +1077,19 @@ export const BackersManagerAbi = [
     ],
     stateMutability: 'nonpayable',
   },
+  {
+    type: 'function',
+    name: 'submitRewardReceiverReplacementRequest',
+    inputs: [
+      {
+        name: 'newRewardReceiver_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
   {
     type: 'function',
     name: 'supportsInterface',
@@ -1037,23 +1186,29 @@ export const BackersManagerAbi = [
     stateMutability: 'payable',
   },
   {
-    type: 'function',
-    name: 'whitelistBuilder',
+    type: 'event',
+    name: 'BackerRewardPercentageUpdateScheduled',
     inputs: [
       {
         name: 'builder_',
         type: 'address',
+        indexed: true,
         internalType: 'address',
       },
-    ],
-    outputs: [
       {
-        name: 'gauge_',
-        type: 'address',
-        internalType: 'contract GaugeRootstockCollective',
+        name: 'rewardPercentage_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'cooldown_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
       },
     ],
-    stateMutability: 'nonpayable',
+    anonymous: false,
   },
   {
     type: 'event',
@@ -1082,7 +1237,7 @@ export const BackersManagerAbi = [
   },
   {
     type: 'event',
-    name: 'BuilderRewardPercentageUpdateScheduled',
+    name: 'BuilderMigrated',
     inputs: [
       {
         name: 'builder_',
@@ -1091,16 +1246,80 @@ export const BackersManagerAbi = [
         internalType: 'address',
       },
       {
-        name: 'rewardPercentage_',
-        type: 'uint256',
+        name: 'migrator_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'BuilderRewardReceiverReplacementApproved',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'newRewardReceiver_',
+        type: 'address',
         indexed: false,
-        internalType: 'uint256',
+        internalType: 'address',
       },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'BuilderRewardReceiverReplacementCancelled',
+    inputs: [
       {
-        name: 'cooldown_',
-        type: 'uint256',
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'newRewardReceiver_',
+        type: 'address',
         indexed: false,
-        internalType: 'uint256',
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'BuilderRewardReceiverReplacementRequested',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'newRewardReceiver_',
+        type: 'address',
+        indexed: false,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'CommunityApproved',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
     ],
     anonymous: false,
@@ -1226,6 +1445,25 @@ export const BackersManagerAbi = [
     ],
     anonymous: false,
   },
+  {
+    type: 'event',
+    name: 'NewDistributionDuration',
+    inputs: [
+      {
+        name: 'newDistributionDuration_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'by_',
+        type: 'address',
+        indexed: false,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
   {
     type: 'event',
     name: 'NotifyReward',
@@ -1373,19 +1611,6 @@ export const BackersManagerAbi = [
     ],
     anonymous: false,
   },
-  {
-    type: 'event',
-    name: 'Whitelisted',
-    inputs: [
-      {
-        name: 'builder_',
-        type: 'address',
-        indexed: true,
-        internalType: 'address',
-      },
-    ],
-    anonymous: false,
-  },
   {
     type: 'error',
     name: 'AddressEmptyCode',
@@ -1415,17 +1640,17 @@ export const BackersManagerAbi = [
   },
   {
     type: 'error',
-    name: 'AlreadyKYCApproved',
+    name: 'AlreadyCommunityApproved',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'AlreadyRevoked',
+    name: 'AlreadyKYCApproved',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'AlreadyWhitelisted',
+    name: 'AlreadyRevoked',
     inputs: [],
   },
   {
@@ -1445,22 +1670,22 @@ export const BackersManagerAbi = [
   },
   {
     type: 'error',
-    name: 'CannotRevoke',
+    name: 'CycleDurationTooShort',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'CycleDurationNotHourBasis',
+    name: 'DistributionDurationTooLong',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'CycleDurationTooShort',
+    name: 'DistributionDurationTooShort',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'CycleDurationsAreNotMultiples',
+    name: 'DistributionModifiedDuringDistributionWindow',
     inputs: [],
   },
   {
@@ -1496,7 +1721,12 @@ export const BackersManagerAbi = [
   },
   {
     type: 'error',
-    name: 'InvalidBuilderRewardPercentage',
+    name: 'InvalidBackerRewardPercentage',
+    inputs: [],
+  },
+  {
+    type: 'error',
+    name: 'InvalidBuilderRewardReceiver',
     inputs: [],
   },
   {
@@ -1506,7 +1736,7 @@ export const BackersManagerAbi = [
   },
   {
     type: 'error',
-    name: 'IsRevoked',
+    name: 'NoGaugesForDistribution',
     inputs: [],
   },
   {
@@ -1514,6 +1744,11 @@ export const BackersManagerAbi = [
     name: 'NotActivated',
     inputs: [],
   },
+  {
+    type: 'error',
+    name: 'NotCommunityApproved',
+    inputs: [],
+  },
   {
     type: 'error',
     name: 'NotEnoughStaking',
@@ -1551,7 +1786,7 @@ export const BackersManagerAbi = [
   },
   {
     type: 'error',
-    name: 'NotWhitelisted',
+    name: 'NotValidChangerOrFoundation',
     inputs: [],
   },
   {
diff --git a/src/lib/abis/v2/BuilderRegistryAbi.ts b/src/lib/abis/v2/BuilderRegistryAbi.ts
index 49c5f831..5d471f0a 100644
--- a/src/lib/abis/v2/BuilderRegistryAbi.ts
+++ b/src/lib/abis/v2/BuilderRegistryAbi.ts
@@ -35,6 +35,24 @@ export const BuilderRegistryAbi = [
     outputs: [],
     stateMutability: 'nonpayable',
   },
+  {
+    type: 'function',
+    name: 'approveBuidlerRewardReceiverReplacement',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'rewardReceiverReplacement_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
   {
     type: 'function',
     name: 'approveBuilderKYC',
@@ -45,12 +63,13 @@ export const BuilderRegistryAbi = [
         internalType: 'address',
       },
     ],
+
     outputs: [],
     stateMutability: 'nonpayable',
   },
   {
     type: 'function',
-    name: 'builderRewardPercentage',
+    name: 'backerRewardPercentage',
     inputs: [
       {
         name: 'builder',
@@ -96,6 +115,25 @@ export const BuilderRegistryAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'builderRewardReceiverReplacement',
+    inputs: [
+      {
+        name: 'builder',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'rewardReceiverReplacement',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    stateMutability: 'view',
+  },
   {
     type: 'function',
     name: 'builderState',
@@ -118,7 +156,7 @@ export const BuilderRegistryAbi = [
         internalType: 'bool',
       },
       {
-        name: 'whitelisted',
+        name: 'communityApproved',
         type: 'bool',
         internalType: 'bool',
       },
@@ -164,6 +202,32 @@ export const BuilderRegistryAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'cancelRewardReceiverReplacementRequest',
+    inputs: [],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'communityApproveBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: 'gauge_',
+        type: 'address',
+        internalType: 'contract GaugeRootstockCollective',
+      },
+    ],
+    stateMutability: 'nonpayable',
+  },
   {
     type: 'function',
     name: 'cycleData',
@@ -248,6 +312,19 @@ export const BuilderRegistryAbi = [
     outputs: [],
     stateMutability: 'nonpayable',
   },
+  {
+    type: 'function',
+    name: 'distributionDuration',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+    ],
+    stateMutability: 'view',
+  },
   {
     type: 'function',
     name: 'endDistributionWindow',
@@ -432,6 +509,25 @@ export const BuilderRegistryAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'hasBuilderRewardReceiverPendingApproval',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [
+      {
+        name: '',
+        type: 'bool',
+        internalType: 'bool',
+      },
+    ],
+    stateMutability: 'view',
+  },
   {
     type: 'function',
     name: 'isBuilderOperational',
@@ -527,6 +623,29 @@ export const BuilderRegistryAbi = [
     ],
     stateMutability: 'view',
   },
+  {
+    type: 'function',
+    name: 'migrateBuilder',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'rewardAddress_',
+        type: 'address',
+        internalType: 'address',
+      },
+      {
+        name: 'rewardPercentage_',
+        type: 'uint64',
+        internalType: 'uint64',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
   {
     type: 'function',
     name: 'pauseBuilder',
@@ -619,7 +738,7 @@ export const BuilderRegistryAbi = [
   },
   {
     type: 'function',
-    name: 'setBuilderRewardPercentage',
+    name: 'setBackerRewardPercentage',
     inputs: [
       {
         name: 'rewardPercentage_',
@@ -648,6 +767,32 @@ export const BuilderRegistryAbi = [
     outputs: [],
     stateMutability: 'nonpayable',
   },
+  {
+    type: 'function',
+    name: 'setDistributionDuration',
+    inputs: [
+      {
+        name: 'newDistributionDuration_',
+        type: 'uint32',
+        internalType: 'uint32',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
+  {
+    type: 'function',
+    name: 'submitRewardReceiverReplacementRequest',
+    inputs: [
+      {
+        name: 'newRewardReceiver_',
+        type: 'address',
+        internalType: 'address',
+      },
+    ],
+    outputs: [],
+    stateMutability: 'nonpayable',
+  },
   {
     type: 'function',
     name: 'supportsInterface',
@@ -718,23 +863,29 @@ export const BuilderRegistryAbi = [
     stateMutability: 'payable',
   },
   {
-    type: 'function',
-    name: 'whitelistBuilder',
+    type: 'event',
+    name: 'BackerRewardPercentageUpdateScheduled',
     inputs: [
       {
         name: 'builder_',
         type: 'address',
+        indexed: true,
         internalType: 'address',
       },
-    ],
-    outputs: [
       {
-        name: 'gauge_',
-        type: 'address',
-        internalType: 'contract GaugeRootstockCollective',
+        name: 'rewardPercentage_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'cooldown_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
       },
     ],
-    stateMutability: 'nonpayable',
+    anonymous: false,
   },
   {
     type: 'event',
@@ -763,7 +914,7 @@ export const BuilderRegistryAbi = [
   },
   {
     type: 'event',
-    name: 'BuilderRewardPercentageUpdateScheduled',
+    name: 'BuilderMigrated',
     inputs: [
       {
         name: 'builder_',
@@ -772,16 +923,80 @@ export const BuilderRegistryAbi = [
         internalType: 'address',
       },
       {
-        name: 'rewardPercentage_',
-        type: 'uint256',
+        name: 'migrator_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'BuilderRewardReceiverReplacementApproved',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'newRewardReceiver_',
+        type: 'address',
         indexed: false,
-        internalType: 'uint256',
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'BuilderRewardReceiverReplacementCancelled',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
       {
-        name: 'cooldown_',
-        type: 'uint256',
+        name: 'newRewardReceiver_',
+        type: 'address',
         indexed: false,
-        internalType: 'uint256',
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'BuilderRewardReceiverReplacementRequested',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
+      },
+      {
+        name: 'newRewardReceiver_',
+        type: 'address',
+        indexed: false,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
+  {
+    type: 'event',
+    name: 'CommunityApproved',
+    inputs: [
+      {
+        name: 'builder_',
+        type: 'address',
+        indexed: true,
+        internalType: 'address',
       },
     ],
     anonymous: false,
@@ -882,6 +1097,25 @@ export const BuilderRegistryAbi = [
     ],
     anonymous: false,
   },
+  {
+    type: 'event',
+    name: 'NewDistributionDuration',
+    inputs: [
+      {
+        name: 'newDistributionDuration_',
+        type: 'uint256',
+        indexed: false,
+        internalType: 'uint256',
+      },
+      {
+        name: 'by_',
+        type: 'address',
+        indexed: false,
+        internalType: 'address',
+      },
+    ],
+    anonymous: false,
+  },
   {
     type: 'event',
     name: 'Paused',
@@ -965,19 +1199,6 @@ export const BuilderRegistryAbi = [
     ],
     anonymous: false,
   },
-  {
-    type: 'event',
-    name: 'Whitelisted',
-    inputs: [
-      {
-        name: 'builder_',
-        type: 'address',
-        indexed: true,
-        internalType: 'address',
-      },
-    ],
-    anonymous: false,
-  },
   {
     type: 'error',
     name: 'AddressEmptyCode',
@@ -996,17 +1217,17 @@ export const BuilderRegistryAbi = [
   },
   {
     type: 'error',
-    name: 'AlreadyKYCApproved',
+    name: 'AlreadyCommunityApproved',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'AlreadyRevoked',
+    name: 'AlreadyKYCApproved',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'AlreadyWhitelisted',
+    name: 'AlreadyRevoked',
     inputs: [],
   },
   {
@@ -1021,22 +1242,22 @@ export const BuilderRegistryAbi = [
   },
   {
     type: 'error',
-    name: 'CannotRevoke',
+    name: 'CycleDurationTooShort',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'CycleDurationNotHourBasis',
+    name: 'DistributionDurationTooLong',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'CycleDurationTooShort',
+    name: 'DistributionDurationTooShort',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'CycleDurationsAreNotMultiples',
+    name: 'DistributionModifiedDuringDistributionWindow',
     inputs: [],
   },
   {
@@ -1067,17 +1288,17 @@ export const BuilderRegistryAbi = [
   },
   {
     type: 'error',
-    name: 'InvalidBuilderRewardPercentage',
+    name: 'InvalidBackerRewardPercentage',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'InvalidInitialization',
+    name: 'InvalidBuilderRewardReceiver',
     inputs: [],
   },
   {
     type: 'error',
-    name: 'IsRevoked',
+    name: 'InvalidInitialization',
     inputs: [],
   },
   {
@@ -1085,6 +1306,11 @@ export const BuilderRegistryAbi = [
     name: 'NotActivated',
     inputs: [],
   },
+  {
+    type: 'error',
+    name: 'NotCommunityApproved',
+    inputs: [],
+  },
   {
     type: 'error',
     name: 'NotInitializing',
@@ -1112,7 +1338,7 @@ export const BuilderRegistryAbi = [
   },
   {
     type: 'error',
-    name: 'NotWhitelisted',
+    name: 'NotValidChangerOrFoundation',
     inputs: [],
   },
   {
diff --git a/src/lib/abis/v2/GaugeAbi.ts b/src/lib/abis/v2/GaugeAbi.ts
index 612a1625..b2b6cc60 100644
--- a/src/lib/abis/v2/GaugeAbi.ts
+++ b/src/lib/abis/v2/GaugeAbi.ts
@@ -169,30 +169,6 @@ export const GaugeAbi = [
     outputs: [],
     stateMutability: 'nonpayable',
   },
-  {
-    type: 'function',
-    name: 'claimedBackerRewards',
-    inputs: [
-      {
-        name: 'rewardToken_',
-        type: 'address',
-        internalType: 'address',
-      },
-      {
-        name: 'backer_',
-        type: 'address',
-        internalType: 'address',
-      },
-    ],
-    outputs: [
-      {
-        name: '',
-        type: 'uint256',
-        internalType: 'uint256',
-      },
-    ],
-    stateMutability: 'view',
-  },
   {
     type: 'function',
     name: 'earned',
@@ -353,7 +329,7 @@ export const GaugeAbi = [
         internalType: 'uint256',
       },
       {
-        name: 'builderRewardPercentage_',
+        name: 'backerRewardPercentage_',
         type: 'uint256',
         internalType: 'uint256',
       },
@@ -724,6 +700,11 @@ export const GaugeAbi = [
     name: 'NotBackersManager',
     inputs: [],
   },
+  {
+    type: 'error',
+    name: 'NotEnoughAmount',
+    inputs: [],
+  },
   {
     type: 'error',
     name: 'NotInitializing',
diff --git a/src/pages/proposals/[id].tsx b/src/pages/proposals/[id].tsx
index 25afc21f..00c555d2 100644
--- a/src/pages/proposals/[id].tsx
+++ b/src/pages/proposals/[id].tsx
@@ -191,7 +191,7 @@ const PageWithProposal = (proposal: ParsedProposal) => {
       <BreadcrumbSection title={proposalName} />
       <div className="flex items-center justify-between">
         <Header className="text-2xl ">{proposalName}</Header>
-        {proposalType === 'whitelistBuilder' && (
+        {(proposalType === 'communityApproveBuilder' || proposalType === 'whitelistBuilder') && (
           <DewhitelistButton
             proposal={proposal}
             canCreateProposal={canCreateProposal}

From e341a2ff19999a4da3fe775b00bc3150b7d98e68 Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Sat, 23 Nov 2024 09:18:10 -0600
Subject: [PATCH 086/115] refactor: search context (#397)

* refactor: search context

* chore: remove unused code and move filter fn outside component

* chore: add missing dependency

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .../active-builders/ActiveBuildersContent.tsx | 17 +++----
 .../active-builders/ActiveBuildersGrid.tsx    |  6 +--
 .../ActiveBuildersGridItem.tsx                | 22 +++++----
 .../leaderboard/BuildersLeaderBoardTable.tsx  |  7 +--
 .../backers/hooks/useGetBackerRewards.ts      |  5 +-
 .../shared/context/SearchContext.tsx          | 47 ++++++++++++-------
 .../Button/BecomeABuilderButton.tsx           | 10 ++--
 src/app/collective-rewards/utils/index.ts     | 13 -----
 8 files changed, 63 insertions(+), 64 deletions(-)

diff --git a/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx b/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx
index 8f618623..d534fd4c 100644
--- a/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx
+++ b/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx
@@ -11,20 +11,17 @@ export const isActive = (stateFlags?: BuilderStateFlags) => {
   return activeFlags.some(flag => stateFlags?.[flag])
 }
 
-export type BuilderWithStatus = Builder & { builderStatus: 'active' | 'inProgress' }
+const filterFunction = (builder: Builder, status: string) => {
+  if (status === 'all') return true
+  if (status === 'active') return isActive(builder.stateFlags)
+  if (status === 'inProgress') return !isActive(builder.stateFlags)
+  return false
+}
 
 export const ActiveBuildersContent = () => {
   const { data: builders, isLoading, error } = useGetBuildersByState(undefined, true)
   useHandleErrors({ error, title: 'Error loading builders' })
 
-  const buildersWithStatus = builders.map(builder => {
-    const builderStatus = isActive(builder.stateFlags) ? 'active' : 'inProgress'
-    return {
-      ...builder,
-      builderStatus,
-    }
-  })
-
   const status = [
     { label: 'All', value: 'all' },
     { label: 'Active', value: 'active' },
@@ -33,7 +30,7 @@ export const ActiveBuildersContent = () => {
 
   return (
     <>
-      <SearchContextProvider builders={buildersWithStatus}>
+      <SearchContextProvider builders={builders} filterFunction={filterFunction}>
         <Search status={status} />
         {withSpinner(ActiveBuildersGrid)({ isLoading })}
       </SearchContextProvider>
diff --git a/src/app/collective-rewards/active-builders/ActiveBuildersGrid.tsx b/src/app/collective-rewards/active-builders/ActiveBuildersGrid.tsx
index dd9e9178..958dac71 100644
--- a/src/app/collective-rewards/active-builders/ActiveBuildersGrid.tsx
+++ b/src/app/collective-rewards/active-builders/ActiveBuildersGrid.tsx
@@ -1,10 +1,10 @@
 import { FC } from 'react'
-import { ActiveBuildersGridItem, BuilderWithStatus } from '@/app/collective-rewards/active-builders'
+import { ActiveBuildersGridItem } from '@/app/collective-rewards/active-builders'
 import { useSearchContext } from '@/app/collective-rewards/shared'
+import { Builder } from '@/app/collective-rewards/types'
 
 export const ActiveBuildersGrid: FC = () => {
-  const { getValues } = useSearchContext()
-  const items = getValues<BuilderWithStatus>()
+  const { data: items } = useSearchContext<Builder>()
 
   return (
     <div className="grid grid-cols-3 gap-6">
diff --git a/src/app/collective-rewards/active-builders/ActiveBuildersGridItem.tsx b/src/app/collective-rewards/active-builders/ActiveBuildersGridItem.tsx
index 5d97b946..9cc29c27 100644
--- a/src/app/collective-rewards/active-builders/ActiveBuildersGridItem.tsx
+++ b/src/app/collective-rewards/active-builders/ActiveBuildersGridItem.tsx
@@ -3,14 +3,14 @@ import { Badge } from '@/components/Badge'
 import { Popover } from '@/components/Popover'
 import { Paragraph, Span, Typography } from '@/components/Typography'
 import { useRouter } from 'next/navigation'
-import { FC, ReactNode } from 'react'
+import { FC, HtmlHTMLAttributes, ReactNode } from 'react'
 import { Jdenticon } from '@/components/Header/Jdenticon'
 import { shortAddress } from '@/lib/utils'
 import { isAddress, Address } from 'viem'
-import { crStatusColorClasses } from '@/app/collective-rewards/utils'
-import { BuilderWithStatus } from '@/app/collective-rewards/active-builders'
+import { Builder, BuilderState } from '@/app/collective-rewards/types'
+import { isActive } from '@/app/collective-rewards/active-builders'
 
-type ActiveBuildersGridItemProps = BuilderWithStatus
+type ActiveBuildersGridItemProps = Builder
 
 const Card = ({ header, body }: { header: ReactNode; body: ReactNode }) => {
   return (
@@ -26,15 +26,21 @@ const builderStatusMap = {
   inProgress: 'In Progress',
 }
 
+const crStatusColorClasses: Record<BuilderState, HtmlHTMLAttributes<HTMLSpanElement>['className']> = {
+  active: 'bg-[#DBFEE5] text-secondary',
+  inProgress: 'bg-[#4B5CF0] color-text-primary',
+} as const
+
 // TODO: this content can be moved to a different component and become a generic card
 export const ActiveBuildersGridItem: FC<ActiveBuildersGridItemProps> = ({
   address,
   builderName,
-  builderStatus,
+  stateFlags,
   proposal: { id: proposalId, date: joiningDate, name: proposalName },
 }) => {
   const router = useRouter()
   const shortenAddress = shortAddress(address as Address)
+  const builderState = isActive(stateFlags) ? 'active' : 'inProgress'
   const Header = (
     <div className="flex flex-row w-full items-center gap-x-3 min-h-11">
       <Jdenticon className="rounded-md bg-white" value={address} size="32" />
@@ -61,14 +67,14 @@ export const ActiveBuildersGridItem: FC<ActiveBuildersGridItemProps> = ({
             />
           </Typography>
         </Popover>
-        {builderStatus === 'active' && (
+        {builderState === 'active' && (
           <Paragraph className="text-sm font-light"> Joined {joiningDate}</Paragraph>
         )}
       </div>
       <div className="flex justify-center items-center">
         <Badge
-          content={builderStatusMap[builderStatus]}
-          className={`${crStatusColorClasses[builderStatus]} py-1 px-2`}
+          content={builderStatusMap[builderState]}
+          className={`${crStatusColorClasses[builderState]} py-1 px-2`}
         />
       </div>
     </div>
diff --git a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
index c343cf08..59e68552 100644
--- a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
+++ b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
@@ -1,7 +1,7 @@
 import { BuildersRewards } from '@/app/collective-rewards/rewards'
 import { TableBody, TableCore, TableHead, TableRow } from '@/components/Table'
 import { useBasicPaginationUi } from '@/shared/hooks/usePaginationUi'
-import { FC, useContext, useEffect, useMemo, useState } from 'react'
+import { FC, useMemo, useState } from 'react'
 import {
   ISortConfig,
   TableHeader,
@@ -13,8 +13,6 @@ import {
   TotalAllocationCell,
   useSearchContext,
 } from '@/app/collective-rewards/shared'
-import { PaginatedDataContext } from '../context/PaginatedDataContext'
-import { Pagination } from '../shared/components/Pagination'
 
 enum RewardsColumnKeyEnum {
   builder = 'builder',
@@ -42,8 +40,7 @@ const tableHeaders: TableHeader[] = [
 ]
 
 export const BuildersLeaderBoardTable: FC = () => {
-  const { getValues } = useSearchContext()
-  const rewardsData = getValues<BuildersRewards>()
+  const { data: rewardsData } = useSearchContext<BuildersRewards>()
 
   const [sortConfig, setSortConfig] = useState<ISortConfig>({
     key: RewardsColumnKeyEnum.totalAllocationPercentage,
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
index e031102f..88bbf6f5 100644
--- a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
+++ b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
@@ -6,7 +6,6 @@ import {
   RifSvg,
   RbtcSvg,
 } from '@/app/collective-rewards/rewards'
-import { useBuilderContext } from '@/app/collective-rewards/user'
 import { useGaugesGetFunction } from '@/app/collective-rewards//shared'
 import { Address } from 'viem'
 import { usePricesContext } from '@/shared/context/PricesContext'
@@ -73,8 +72,8 @@ export const useGetBackerRewards = (
   const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
 
   const data = buildersV2.map(({ address, builderName, gauge, stateFlags }) => {
-    const builderTotalAllocation = totalAllocation[gauge]
-    const backerAllocationOf = allocationOf[gauge]
+    const builderTotalAllocation = totalAllocation[gauge] ?? 0n
+    const backerAllocationOf = allocationOf[gauge] ?? 0n
     const totalAllocationPercentage = builderTotalAllocation
       ? (backerAllocationOf * 100n) / builderTotalAllocation
       : 0n
diff --git a/src/app/collective-rewards/shared/context/SearchContext.tsx b/src/app/collective-rewards/shared/context/SearchContext.tsx
index a6eed3a4..ed7af26f 100644
--- a/src/app/collective-rewards/shared/context/SearchContext.tsx
+++ b/src/app/collective-rewards/shared/context/SearchContext.tsx
@@ -1,18 +1,28 @@
-import { createContext, Dispatch, FC, ReactNode, SetStateAction, useContext, useMemo, useState } from 'react'
+import {
+  Context,
+  createContext,
+  Dispatch,
+  ReactNode,
+  SetStateAction,
+  useContext,
+  useMemo,
+  useState,
+} from 'react'
 
 type StateWithUpdate<T> = {
   value: T
   onChange: Dispatch<SetStateAction<T>>
 }
 
-type SearchContextValue = {
-  getValues: <T>() => T[]
+type SearchContextValue<Type> = {
+  data: Type[]
   search: StateWithUpdate<string>
   filterBy: StateWithUpdate<string>
 }
 
-export const SearchContext = createContext<SearchContextValue>({
-  getValues: () => [],
+type SearchValue = { builderName: string; address: string }
+export const SearchContext = createContext<SearchContextValue<SearchValue>>({
+  data: [],
   search: {
     value: '',
     onChange: () => {},
@@ -23,14 +33,18 @@ export const SearchContext = createContext<SearchContextValue>({
   },
 })
 
-type SearchValue = { builderName: string; address: string; builderStatus?: string }
-type SearchProviderProps = {
+type SearchProviderProps<T> = {
   children: ReactNode
-  builders: SearchValue[]
+  builders: T[]
+  filterFunction?: (param: T, status: string) => boolean
 }
 
 const lowerCaseCompare = (a: string, b: string) => a?.toLowerCase().includes(b?.toLowerCase())
-export const SearchContextProvider: FC<SearchProviderProps> = ({ children, builders }) => {
+export const SearchContextProvider = <T extends SearchValue>({
+  children,
+  builders,
+  filterFunction,
+}: SearchProviderProps<T>) => {
   const [search, setSearch] = useState('')
   const [filterBy, setFilterBy] = useState('all')
 
@@ -46,17 +60,15 @@ export const SearchContextProvider: FC<SearchProviderProps> = ({ children, build
       )
     }
 
-    if (filterBy !== 'all') {
-      filteredBuilders = filteredBuilders.filter(builder => builder.builderStatus === filterBy)
+    if (filterBy !== 'all' && filterFunction) {
+      filteredBuilders = filteredBuilders.filter(builder => filterFunction(builder, filterBy))
     }
 
     return filteredBuilders
-  }, [builders, search, filterBy])
+  }, [builders, search, filterBy, filterFunction])
 
-  const getValues = <T,>() => data as T[]
-
-  const valueOfContext: SearchContextValue = {
-    getValues,
+  const valueOfContext: SearchContextValue<T> = {
+    data,
     search: { value: search, onChange: setSearch },
     filterBy: { value: filterBy, onChange: setFilterBy },
   }
@@ -64,4 +76,5 @@ export const SearchContextProvider: FC<SearchProviderProps> = ({ children, build
   return <SearchContext.Provider value={valueOfContext}>{children}</SearchContext.Provider>
 }
 
-export const useSearchContext = () => useContext(SearchContext)
+export const useSearchContext = <T extends SearchValue>() =>
+  useContext(SearchContext as unknown as Context<SearchContextValue<T>>)
diff --git a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
index 93c197fc..22c2da29 100644
--- a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
@@ -11,7 +11,7 @@ import { BuilderState, BuilderStateFlags } from '@/app/collective-rewards/types'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 
 type StatusBadgeProps = {
-  builderStatus?: BuilderState
+  builderState?: BuilderState
 }
 
 const BuilderRegistrationButton = () => {
@@ -24,7 +24,7 @@ const BuilderRegistrationButton = () => {
   )
 }
 
-const StatusBadge: FC<StatusBadgeProps> = ({ builderStatus }) => {
+const StatusBadge: FC<StatusBadgeProps> = ({ builderState }) => {
   const InProgressComponent = (
     <Badge content="In Progress" className="bg-[#4B5CF0] color-text-primary py-2 px-1" />
   )
@@ -38,7 +38,7 @@ const StatusBadge: FC<StatusBadgeProps> = ({ builderStatus }) => {
     inProgress: InProgressComponent,
     active: WhitelistedComponent,
     undefined: BuilderRegistrationButton,
-  }[builderStatus as BuilderState]
+  }[builderState as BuilderState]
 }
 
 const getBuilderState = (builderStateFlags?: BuilderStateFlags): BuilderState => {
@@ -51,7 +51,7 @@ export const BecomeABuilderHandler = ({ address }: { address: Address }) => {
   const { getBuilderByAddress, isLoading: builderLoading, error: builderLoadingError } = useBuilderContext()
 
   const builder = getBuilderByAddress(address)
-  const builderStatus = getBuilderState(builder?.stateFlags)
+  const builderState = getBuilderState(builder?.stateFlags)
 
   useHandleErrors({ error: builderLoadingError, title: `Error loading builder with address ${address}` })
 
@@ -63,7 +63,7 @@ export const BecomeABuilderHandler = ({ address }: { address: Address }) => {
     return <BuilderRegistrationButton />
   }
 
-  return <StatusBadge builderStatus={builderStatus} />
+  return <StatusBadge builderState={builderState} />
 }
 
 export const BecomeABuilderButton = ({ address }: { address: Address }) => {
diff --git a/src/app/collective-rewards/utils/index.ts b/src/app/collective-rewards/utils/index.ts
index 2031e6ff..4dbdee48 100644
--- a/src/app/collective-rewards/utils/index.ts
+++ b/src/app/collective-rewards/utils/index.ts
@@ -1,19 +1,6 @@
-import { HtmlHTMLAttributes } from 'react'
-import { BuilderState } from '../types'
-
 export * from './applyPrecision'
 export * from './getBuilderGauge'
 export * from './getBuilderState'
 export * from './getCoinbaseAddress'
 export * from './getMostAdvancedProposal'
 export * from './handleErrors'
-
-export const crStatusLabels: Record<BuilderState, string> = {
-  active: 'Active',
-  inProgress: 'In Progress',
-} as const
-
-export const crStatusColorClasses: Record<BuilderState, HtmlHTMLAttributes<HTMLSpanElement>['className']> = {
-  active: 'bg-[#DBFEE5] text-secondary',
-  inProgress: 'bg-[#4B5CF0] color-text-primary',
-} as const

From 7d696223e6cd8942d81bb5fa4d85dbc746818d1d Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Sat, 23 Nov 2024 09:46:57 -0600
Subject: [PATCH 087/115] fix: rewards ui issues (#398)

* fix: rewards ui issues

* fix: allocations

* chore: remove unused imports and unnecessary comments

* chore: rename the backerRewardsPct functions and retrieve it only for filtered builders

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .../context/AllocationsContext.tsx            |  4 +-
 .../leaderboard/BuilderLeaderBoard.tsx        |  1 -
 .../BuildersLeaderBoardContent.tsx            |  2 +-
 .../collective-rewards/rewards/MyRewards.tsx  | 11 +++-
 .../rewards/backers/BackerRewardsTable.tsx    |  2 +-
 .../rewards/backers/ClaimableRewards.tsx      |  4 +-
 .../rewards/backers/Rewards.tsx               | 27 +++------
 .../backers/context/BackerRewardsContex.tsx   | 25 +++++---
 .../backers/hooks/useClaimBackerRewards.ts    | 15 +++--
 .../backers/hooks/useGetBackerRewards.ts      | 39 ++++++++----
 .../builders/hooks/useGetBuildersRewards.ts   | 60 ++++++++++++-------
 .../collective-rewards/rewards/hooks/index.ts |  4 +-
 ...age.ts => useGetBackerRewardPercentage.ts} |  2 +-
 ...ge.ts => useGetBackersRewardPercentage.ts} |  2 +-
 .../shared/components/Table/TableCells.tsx    |  8 +--
 .../user/hooks/useGetBuildersByState.ts       | 11 ++--
 .../hooks/useFetchLatestProposals.ts          |  1 -
 src/pages/proposals/[id].tsx                  |  6 ++
 18 files changed, 135 insertions(+), 89 deletions(-)
 rename src/app/collective-rewards/rewards/hooks/{useGetBuilderRewardPercentage.ts => useGetBackerRewardPercentage.ts} (93%)
 rename src/app/collective-rewards/rewards/hooks/{useGetBuildersRewardPercentage.ts => useGetBackersRewardPercentage.ts} (95%)

diff --git a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
index 63b486b6..7ed2d36d 100644
--- a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
+++ b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
@@ -24,7 +24,7 @@ type AllocationsContextValue = {
   isContextLoading: boolean
   contextError: Error | null
   getBuilder: (index: number) => Builder | null
-  getBuilderIndexByAddress: (address: Address) => number | null
+  getBuilderIndexByAddress: (address: Address) => number
 }
 export type AllocationsActions = {
   toggleSelectedBuilder: (builderIndex: number) => void
@@ -61,7 +61,7 @@ const DEFAULT_CONTEXT: AllocationsContext = {
     isContextLoading: true,
     contextError: null,
     getBuilder: () => null,
-    getBuilderIndexByAddress: () => null,
+    getBuilderIndexByAddress: () => -1,
   },
   actions: {
     toggleSelectedBuilder: () => {},
diff --git a/src/app/collective-rewards/leaderboard/BuilderLeaderBoard.tsx b/src/app/collective-rewards/leaderboard/BuilderLeaderBoard.tsx
index 253bdc44..22e05bbe 100644
--- a/src/app/collective-rewards/leaderboard/BuilderLeaderBoard.tsx
+++ b/src/app/collective-rewards/leaderboard/BuilderLeaderBoard.tsx
@@ -1,5 +1,4 @@
 import { CycleContextProvider } from '@/app/collective-rewards/metrics'
-import { BuilderContextProviderWithPrices } from '@/app/collective-rewards/user'
 import { Button } from '@/components/Button'
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/Collapsible'
 import { HeaderTitle } from '@/components/Typography'
diff --git a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardContent.tsx b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardContent.tsx
index 9c042315..4b99eeaf 100644
--- a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardContent.tsx
+++ b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardContent.tsx
@@ -8,7 +8,7 @@ import { tokenContracts } from '@/lib/contracts'
 import { BuildersLeaderBoardTable } from '@/app/collective-rewards/leaderboard'
 
 const EmptyLeaderboard = () => (
-  <div className="relative w-full">
+  <div className="relative w-full py-6">
     <img className="w-full h-fll object-cover" alt="no builders yet" src="/images/joining-without-text.png" />
     <Typography
       tagVariant="h1"
diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index 059f986e..a6df28f8 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -44,7 +44,16 @@ export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
     <>
       {gauge && gauge !== zeroAddress && (
         <div className="pb-[46px]">
-          <BuilderRewards gauge={gauge} {...data} />
+          <RewardsSection>
+            <RewardsSectionHeader
+              onSettingsOpen={() => {
+                router.push('/user/settings?type=builder')
+              }}
+              title="Builder Rewards"
+              subtext="Monitor the rewards you are getting from your Collective Rewards."
+            />
+            <BuilderRewards gauge={gauge} {...data} />
+          </RewardsSection>
         </div>
       )}
       <RewardsSection>
diff --git a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
index 08dbcc82..89191140 100644
--- a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
+++ b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
@@ -111,7 +111,7 @@ const RewardsTable: FC<BackerRewardsTable> = ({ builder, gauges, tokens }) => {
     <div className="flex flex-col gap-5 w-full">
       <TableCore className="table-fixed">
         <TableHead>
-          <TableRow>
+          <TableRow className="min-h-0">
             {tableHeaders.map(header => (
               <TableHeaderCell
                 key={header.label}
diff --git a/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
index 9c34c1d3..22ed7cff 100644
--- a/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
+++ b/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
@@ -42,13 +42,13 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
     currency,
   )
 
-  const { claimRewards } = useClaimBackerRewards(gauges, address)
+  const { claimRewards } = useClaimBackerRewards(gauges)
 
   return withSpinner(TokenMetricsCardRow)({
     amount,
     fiatAmount,
     isLoading,
-    children: <ClaimYourRewardsButton onClick={() => claimRewards()} />,
+    children: <ClaimYourRewardsButton onClick={() => claimRewards(address)} />,
   })
 }
 
diff --git a/src/app/collective-rewards/rewards/backers/Rewards.tsx b/src/app/collective-rewards/rewards/backers/Rewards.tsx
index bcfba988..112e7096 100644
--- a/src/app/collective-rewards/rewards/backers/Rewards.tsx
+++ b/src/app/collective-rewards/rewards/backers/Rewards.tsx
@@ -11,15 +11,13 @@ import {
 } from '@/app/collective-rewards/rewards'
 import { CycleContextProvider } from '@/app/collective-rewards/metrics'
 import { PricesContextProvider } from '@/shared/context/PricesContext'
-import { Popover } from '@/components/Popover'
 import { Button } from '@/components/Button'
-import { Paragraph } from '@/components/Typography'
 import { MetricContainer } from '@/app/collective-rewards/rewards/components/MetricContainer'
 
 type RewardsProps = RewardDetails
 
 export const Rewards: FC<RewardsProps> = ({ builder, gauges, tokens }) => {
-  const { claimRewards } = useClaimBackerRewards(gauges)
+  const { claimRewards, isClaimFunctionReady } = useClaimBackerRewards(gauges)
 
   return (
     <div className="flex gap-4 w-full">
@@ -30,23 +28,14 @@ export const Rewards: FC<RewardsProps> = ({ builder, gauges, tokens }) => {
               <div className="min-h-[190px] w-full">
                 <BackerClaimableRewards builder={builder} gauges={gauges} tokens={tokens} />
               </div>
-              <Popover
-                content={
-                  <Paragraph variant="normal" className="text-sm">
-                    Wait a moment, please. Preparing the claim functionality.
-                  </Paragraph>
-                }
-                trigger="hover"
-                background="dark"
-                size="small"
-                position="bottom"
-                className="z-[100]"
-                disabled={true}
+              <Button
+                className="w-full"
+                onClick={() => claimRewards()}
+                disabled={!isClaimFunctionReady}
+                variant="primary"
               >
-                <Button className="w-full" onClick={() => claimRewards()} variant="primary">
-                  Claim all
-                </Button>
-              </Popover>
+                Claim all
+              </Button>
             </MetricContainer>
             <MetricContainer>
               <BackerRewardsCard
diff --git a/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
index c9660b04..e9f810cb 100644
--- a/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
+++ b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
@@ -19,18 +19,14 @@ type BackerRewardsContextValue = {
   }
   isLoading: boolean
   error: Error | null
-  getRewardByGauge: <Type extends bigint | BackerRewardsClaimedEventLog>(
-    rewardToken: Address,
-    gauge: Address,
-    type: keyof TokenBackerRewards,
-  ) => Type | undefined
+  canClaim: (rewardToken?: Address) => boolean
 }
 
 export const BackerRewardsContext = createContext<BackerRewardsContextValue>({
   data: {},
   isLoading: false,
   error: null,
-  getRewardByGauge: () => undefined,
+  canClaim: () => false,
 })
 
 type BackerRewardsProviderProps = {
@@ -95,15 +91,26 @@ export const BackerRewardsContextProvider: FC<BackerRewardsProviderProps> = ({
     [rbtc.address]: rbtcRewards,
   }
 
-  const getRewardByGauge = <Type,>(rewardToken: Address, gauge: Address, type: keyof TokenBackerRewards) => {
-    return data[rewardToken][type][gauge] as Type
+  const canClaim = (rewardToken?: Address) => {
+    const calculateTotalEarned = (rewards: Record<Address, bigint>) =>
+      Object.values(rewards).reduce((acc, earned) => acc + earned, 0n)
+
+    if (!rewardToken) {
+      const rifEarned = calculateTotalEarned(rifRewards.earned)
+      const rbtcEarned = calculateTotalEarned(rbtcRewards.earned)
+
+      return rifEarned > 0n || rbtcEarned > 0n
+    }
+
+    const { earned } = data[rewardToken]
+    return calculateTotalEarned(earned) > 0n
   }
 
   const valueOfContext: BackerRewardsContextValue = {
     data,
     isLoading,
     error,
-    getRewardByGauge,
+    canClaim,
   }
 
   return <BackerRewardsContext.Provider value={valueOfContext}>{children}</BackerRewardsContext.Provider>
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
index 0c50ed2a..b1117f28 100644
--- a/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
+++ b/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
@@ -2,16 +2,20 @@ import { Address } from 'viem'
 import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
-import { useAwaitedTxReporting } from '../../../shared/hooks'
+import { useAwaitedTxReporting } from '@/app/collective-rewards/shared'
+import { useBackerRewardsContext } from '../context'
 
-export const useClaimBackerRewards = (gauges: Address[], rewardToken?: Address) => {
+export const useClaimBackerRewards = (gauges: Address[]) => {
   const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
+  const { canClaim, isLoading: canClaimLoading, error: canClaimError } = useBackerRewardsContext()
 
   const { isLoading, isSuccess, data, error: receiptError } = useWaitForTransactionReceipt({ hash })
 
-  const error = executionError || receiptError
+  const isClaimFunctionReady = !canClaimLoading && !canClaimError && canClaim()
 
-  const claimBackerReward = () => {
+  const error = executionError || receiptError || canClaimError
+
+  const claimBackerReward = (rewardToken?: Address) => {
     return writeContractAsync({
       abi: BackersManagerAbi,
       address: BackersManagerAddress,
@@ -31,7 +35,8 @@ export const useClaimBackerRewards = (gauges: Address[], rewardToken?: Address)
   })
 
   return {
-    claimRewards: () => claimBackerReward(),
+    isClaimFunctionReady,
+    claimRewards: (rewardToken?: Address) => isClaimFunctionReady && claimBackerReward(rewardToken),
     error,
     isPendingTx: isPending,
     isLoadingReceipt: isLoading,
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
index 88bbf6f5..33ea6086 100644
--- a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
+++ b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
@@ -2,16 +2,29 @@ import {
   Token,
   TokenBackerRewards,
   useBackerRewardsContext,
-  useGetBuildersRewardPercentage,
+  useGetBackersRewardPercentage,
   RifSvg,
   RbtcSvg,
+  BuilderRewardPercentage,
+  TokenRewards,
 } from '@/app/collective-rewards/rewards'
-import { useGaugesGetFunction } from '@/app/collective-rewards//shared'
+import { useGaugesGetFunction } from '@/app/collective-rewards/shared'
 import { Address } from 'viem'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { useGetBuildersByState } from '../../../user/hooks/useGetBuildersByState'
-import { Builder } from '../../../types'
+import { useGetBuildersByState } from '@/app/collective-rewards//user'
+import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
+
+export type BackerRewards = {
+  address: Address
+  builderName: string
+  stateFlags: BuilderStateFlags
+  totalAllocationPercentage: bigint
+  rewardPercentage: BuilderRewardPercentage
+  estimatedRewards: TokenRewards
+  claimableRewards: TokenRewards
+  allTimeRewards: TokenRewards
+}
 
 const tokenRewardsMetrics = (tokenRewards: TokenBackerRewards, gauge: Address) => {
   const estimatedRewards = Number(formatBalanceToHuman(tokenRewards.estimated[gauge] ?? 0n))
@@ -35,17 +48,17 @@ export const useGetBackerRewards = (
   { rif, rbtc }: { [token: string]: Token },
   currency = 'USD',
 ) => {
-  // TODO: check which gauges are we going to use
-  // TODO: check which builders are we going to use
-  const { data: builders, isLoading: buildersLoading, error: buildersError } = useGetBuildersByState()
-  const buildersV2 = builders as Required<Builder>[]
-  buildersV2.filter(({ address }) => address === builder)
-  const buildersAddress = buildersV2.map(({ address }) => address)
+  const {
+    data: builders,
+    isLoading: buildersLoading,
+    error: buildersError,
+  } = useGetBuildersByState<Required<Builder>>()
+  const buildersAddress = builders.map(({ address }) => address)
   const {
     data: buildersRewardsPct,
     isLoading: buildersRewardsPctLoading,
     error: buildersRewardsPctError,
-  } = useGetBuildersRewardPercentage(buildersAddress)
+  } = useGetBackersRewardPercentage(buildersAddress)
   const {
     data: totalAllocation,
     isLoading: totalAllocationLoading,
@@ -71,7 +84,7 @@ export const useGetBackerRewards = (
   const rifPrice = prices[rif.symbol]?.price ?? 0
   const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
 
-  const data = buildersV2.map(({ address, builderName, gauge, stateFlags }) => {
+  const data: BackerRewards[] = builders.map(({ address, builderName, gauge, stateFlags }) => {
     const builderTotalAllocation = totalAllocation[gauge] ?? 0n
     const backerAllocationOf = allocationOf[gauge] ?? 0n
     const totalAllocationPercentage = builderTotalAllocation
@@ -86,6 +99,7 @@ export const useGetBackerRewards = (
       address,
       builderName,
       stateFlags,
+      totalAllocationPercentage,
       rewardPercentage,
       estimatedRewards: {
         rif: {
@@ -111,7 +125,6 @@ export const useGetBackerRewards = (
           logo: RbtcSvg(),
         },
       },
-      totalAllocationPercentage,
       claimableRewards: {
         rif: {
           crypto: {
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
index a9bdd842..a39914c7 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
@@ -2,7 +2,7 @@ import { useCycleContext } from '@/app/collective-rewards/metrics'
 import {
   getNotifyRewardAmount,
   Token,
-  useGetBuildersRewardPercentage,
+  useGetBackersRewardPercentage,
   useGetGaugesNotifyReward,
   useGetRewardsCoinbase,
   useGetRewardsERC20,
@@ -15,9 +15,11 @@ import {
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import { useGaugesGetFunction } from '@/app/collective-rewards/shared'
-import { Builder, BuilderStateFlags } from '../../../types'
-import { useGetBuildersByState } from '../../../user/hooks/useGetBuildersByState'
+import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
+import { useGetBuildersByState } from '@/app/collective-rewards/user'
 import { Address } from 'viem'
+import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
+import { useContext } from 'react'
 
 export type BuildersRewards = {
   address: Address
@@ -30,28 +32,42 @@ export type BuildersRewards = {
 }
 
 export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token }, currency = 'USD') => {
-  const { data: builders, isLoading: searchLoading, error: searchError } = useGetBuildersByState()
-  const buildersV2 = builders as Required<Builder>[]
+  const {
+    initialState: { allocations },
+    state: { getBuilderIndexByAddress },
+  } = useContext(AllocationsContext)
+  let {
+    data: builders,
+    isLoading: searchLoading,
+    error: searchError,
+  } = useGetBuildersByState<Required<Builder>>()
+
+  // from the builders list, filter out the builders that are not kycApproved or revoked and have no allocation
+  const filteredBuilders = builders.filter(({ address, stateFlags }) => {
+    if (!stateFlags.kycApproved || stateFlags.revoked) {
+      const allocation = allocations[getBuilderIndexByAddress(address)]
+      if (!allocation || allocation === 0n) return false
+    }
+
+    return true
+  })
+
   const {
     data: totalPotentialRewards,
     isLoading: totalPotentialRewardsLoading,
     error: totalPotentialRewardsError,
   } = useGetTotalPotentialReward()
 
-  const buildersAddress = buildersV2.map(({ address }) => address)
+  // get the backer reward percentage for each builder we want to show
+  const buildersAddress = filteredBuilders.map(({ address }) => address)
   const {
-    data: buildersRewardsPct,
-    isLoading: buildersRewardsPctLoading,
-    error: buildersRewardsPctError,
-  } = useGetBuildersRewardPercentage(buildersAddress)
-
-  // TODO: validate what do to here
-  // Leaderboard only shows active builders or inactive builders that the backer allocated to
-  /* const activeOrAllocatedBuilders = activeBuilders?.filter(
-      (builder, i) => builder.status === 'Active' || (allBackerAllocations && allBackerAllocations?.[i] > 0n),
-    ) */
-
-  const gauges = buildersV2.map(({ gauge }) => gauge)
+    data: backersRewardsPct,
+    isLoading: backersRewardsPctLoading,
+    error: backersRewardsPctError,
+  } = useGetBackersRewardPercentage(buildersAddress)
+
+  // get the total allocation for all the builders
+  const gauges = builders.map(({ gauge }) => gauge)
   const {
     data: totalAllocation,
     isLoading: totalAllocationLoading,
@@ -104,7 +120,7 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
     searchLoading ||
     totalAllocationLoading ||
     logsLoading ||
-    buildersRewardsPctLoading ||
+    backersRewardsPctLoading ||
     rewardsERC20Loading ||
     rewardsCoinbaseLoading ||
     cycleLoading ||
@@ -115,7 +131,7 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
     searchError ??
     totalAllocationError ??
     logsError ??
-    buildersRewardsPctError ??
+    backersRewardsPctError ??
     rewardsERC20Error ??
     rewardsCoinbaseError ??
     cycleError ??
@@ -126,9 +142,9 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
   const rifPrice = prices[rif.symbol]?.price ?? 0
   const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
 
-  const data: BuildersRewards[] = buildersV2.map(({ address, builderName, gauge, stateFlags }) => {
+  const data: BuildersRewards[] = filteredBuilders.map(({ address, builderName, gauge, stateFlags }) => {
     const builderRewardShares = rewardShares[gauge] ?? 0n
-    const rewardPercentage = buildersRewardsPct[address] ?? null
+    const rewardPercentage = backersRewardsPct[address] ?? null
     const currentRewardPercentage = rewardPercentage?.current ?? 0
 
     // calculate rif estimated rewards
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index 334117d9..95bc5ada 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -6,5 +6,5 @@ export * from './useGetRewardsERC20'
 export * from './useGetPerTokenRewards'
 export * from './useGetGaugesEvents'
 export * from './useGetGaugesNotifyReward'
-export * from './useGetBuilderRewardPercentage'
-export * from './useGetBuildersRewardPercentage'
+export * from './useGetBackerRewardPercentage'
+export * from './useGetBackersRewardPercentage'
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBackerRewardPercentage.ts
similarity index 93%
rename from src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts
rename to src/app/collective-rewards/rewards/hooks/useGetBackerRewardPercentage.ts
index 6a6cecb0..7725ccf6 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetBuilderRewardPercentage.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetBackerRewardPercentage.ts
@@ -6,7 +6,7 @@ import { useEffect, useState } from 'react'
 import { Address } from 'viem'
 import { useReadContract } from 'wagmi'
 
-export const useGetBuilderRewardPercentage = (builder: Address) => {
+export const useGetBackerRewardPercentage = (builder: Address) => {
   const [rewardPercentageData, setRewardPercentageData] = useState<BuilderRewardPercentage>()
   const { data, isLoading, error } = useReadContract({
     address: BackersManagerAddress,
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts
similarity index 95%
rename from src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
rename to src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts
index bd35d46d..201359c6 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetBuildersRewardPercentage.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts
@@ -7,7 +7,7 @@ import { useMemo } from 'react'
 import { Address } from 'viem'
 import { useReadContracts } from 'wagmi'
 
-export const useGetBuildersRewardPercentage = (builders: Address[]) => {
+export const useGetBackersRewardPercentage = (builders: Address[]) => {
   const contractCalls = builders?.map(
     builder =>
       ({
diff --git a/src/app/collective-rewards/shared/components/Table/TableCells.tsx b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
index 62aee0b5..261ddc3a 100644
--- a/src/app/collective-rewards/shared/components/Table/TableCells.tsx
+++ b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
@@ -92,7 +92,7 @@ export const BuilderNameCell: FC<BuilderCellProps> = ({
     <TableCell className={cn(className, 'border-solid')}>
       <div className="flex flex-row gap-x-1">
         <BuilderStatusFlag stateFlags={stateFlags} />
-        <Jdenticon className="rounded-md bg-white" value={builderName} size="24" />
+        <Jdenticon className="rounded-md bg-white min-w-6" value={builderName} size="24" />
         <Popover
           content={
             <div className="text-[12px] font-bold mb-1">
@@ -201,7 +201,7 @@ export const ActionCell: FC<ActionCellProps> = ({ tableHeader: { className }, bu
    */
 
   const selectBuilder = () => {
-    if (!builderIndex) {
+    if (builderIndex < 0) {
       console.log('Builder not found in selection') // TODO: handle this case better
       return
     }
@@ -214,7 +214,7 @@ export const ActionCell: FC<ActionCellProps> = ({ tableHeader: { className }, bu
   )
 
   const isBuilderOperational = useMemo(() => {
-    const builder = builderIndex ? getBuilder(builderIndex) : null
+    const builder = builderIndex >= 0 ? getBuilder(builderIndex) : null
     if (!builder) {
       console.log('Builder not found in selection') // TODO: handle this case better
       return
@@ -228,7 +228,7 @@ export const ActionCell: FC<ActionCellProps> = ({ tableHeader: { className }, bu
   }, [builderIndex, getBuilder])
 
   useEffect(() => {
-    if (!builderIndex) {
+    if (builderIndex < 0) {
       console.log('Builder not found in selection') // TODO: handle this case better
       return
     }
diff --git a/src/app/collective-rewards/user/hooks/useGetBuildersByState.ts b/src/app/collective-rewards/user/hooks/useGetBuildersByState.ts
index 97747760..6ef39ef2 100644
--- a/src/app/collective-rewards/user/hooks/useGetBuildersByState.ts
+++ b/src/app/collective-rewards/user/hooks/useGetBuildersByState.ts
@@ -1,12 +1,15 @@
 import { useMemo } from 'react'
-import { BuilderStateFlags } from '@/app/collective-rewards/types'
+import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
 import { useBuilderContext } from '@/app/collective-rewards/user'
 
 export type BuilderStateFlagsKeys = keyof BuilderStateFlags
 export type BuilderStateFlagsArray = Array<BuilderStateFlagsKeys>
-export const useGetBuildersByState = (stateFlags?: BuilderStateFlagsArray, includeV1 = false) => {
+export const useGetBuildersByState = <T extends Builder>(
+  stateFlags?: BuilderStateFlagsArray,
+  includeV1 = false,
+) => {
   const { data: builders, isLoading, error } = useBuilderContext()
-  let data = useMemo(() => {
+  const data = useMemo(() => {
     if (!builders) return []
 
     return builders.filter(({ stateFlags: builderStateFlags }) => {
@@ -16,7 +19,7 @@ export const useGetBuildersByState = (stateFlags?: BuilderStateFlagsArray, inclu
 
       return stateFlags.some(value => builderStateFlags[value])
     })
-  }, [builders, stateFlags, includeV1])
+  }, [builders, stateFlags, includeV1]) as T[]
 
   return {
     data,
diff --git a/src/app/proposals/hooks/useFetchLatestProposals.ts b/src/app/proposals/hooks/useFetchLatestProposals.ts
index 93e492dd..6bb45135 100644
--- a/src/app/proposals/hooks/useFetchLatestProposals.ts
+++ b/src/app/proposals/hooks/useFetchLatestProposals.ts
@@ -64,7 +64,6 @@ const CR_WHITELIST_FUNCTION_SELECTOR_MVP = toFunctionSelector({
   functionName: 'whitelistBuilder', // v1
 })
 
-// TODO: this is a temporary value until we have the new contracts deployed
 const CR_WHITELIST_FUNCTION_SELECTOR_V2 = toFunctionSelector({
   abi: BuilderRegistryAbi,
   functionName: 'communityApproveBuilder',
diff --git a/src/pages/proposals/[id].tsx b/src/pages/proposals/[id].tsx
index 00c555d2..85ebbc43 100644
--- a/src/pages/proposals/[id].tsx
+++ b/src/pages/proposals/[id].tsx
@@ -522,6 +522,9 @@ export const actionInputNameFormatMap: Partial<
     builder_: 'Address to be whitelisted',
     rewardReceiver_: 'Address to receive rewards',
   },
+  communityApproveBuilder: {
+    builder_: 'Address to be whitelisted',
+  },
   removeWhitelistedBuilder: {
     builder_: 'Address to be removed',
   },
@@ -549,6 +552,9 @@ export const actionComponentMap: Partial<ActionComposerMap> = {
   removeWhitelistedBuilder: {
     builder_: AddressInputComponent,
   },
+  communityApproveBuilder: {
+    builder_: AddressInputComponent,
+  },
   withdraw: {
     to: AddressInputComponent,
     amount: BigIntInputComponent,

From 1aa0dd254bcef58424b285ab63aaf468292f465f Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 10:30:23 +0000
Subject: [PATCH 088/115] fix: add the missing tooltips (#399)

* fix: add the missing tooltips

* fix: tooltip position for builer all time share

* fix: add tooltip to total allocation

* fix: all time rewards tooltip and capitalcase in backer reward table

* fix: replace tooltip text
---
 .../leaderboard/BuildersLeaderBoardTable.tsx             | 5 ++---
 .../collective-rewards/metrics/AllTimeRewardsMetrics.tsx | 2 +-
 .../collective-rewards/rewards/backers/AllTimeShare.tsx  | 9 ++++++++-
 .../rewards/backers/BackerRewardsTable.tsx               | 3 ++-
 src/app/collective-rewards/rewards/backers/Rewards.tsx   | 8 ++++++++
 .../collective-rewards/rewards/backers/RewardsCard.tsx   | 5 ++++-
 .../rewards/builders/AllTimeRewards.tsx                  | 9 ++++++++-
 .../collective-rewards/rewards/builders/AllTimeShare.tsx | 9 ++++++++-
 .../rewards/builders/EstimatedRewards.tsx                | 9 ++++++++-
 9 files changed, 49 insertions(+), 10 deletions(-)

diff --git a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
index 59e68552..d2f91ceb 100644
--- a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
+++ b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
@@ -31,8 +31,7 @@ const tableHeaders: TableHeader[] = [
   {
     label: 'Total Allocations',
     className: 'w-[16%]',
-    // eslint-disable-next-line quotes
-    tooltip: "The Builder's share of the total allocations",
+    tooltip: 'The Builder’s share of the total stRIF allocations',
     sortKey: RewardsColumnKeyEnum.totalAllocationPercentage,
   },
   // TODO: text-center isn't applied
@@ -108,7 +107,7 @@ export const BuildersLeaderBoardTable: FC = () => {
     <div className="flex flex-col gap-5 w-full">
       <TableCore className="table-fixed">
         <TableHead>
-          <TableRow>
+          <TableRow className="normal-case">
             {tableHeaders.map(header => (
               <TableHeaderCell
                 key={header.label}
diff --git a/src/app/collective-rewards/metrics/AllTimeRewardsMetrics.tsx b/src/app/collective-rewards/metrics/AllTimeRewardsMetrics.tsx
index 1b9201b7..079c0f82 100644
--- a/src/app/collective-rewards/metrics/AllTimeRewardsMetrics.tsx
+++ b/src/app/collective-rewards/metrics/AllTimeRewardsMetrics.tsx
@@ -69,7 +69,7 @@ export const AllTimeRewardsMetrics: FC<AllTimeRewardsProps> = ({ gauges, tokens:
         title="All time rewards"
         data-testid="AllTimeRewards"
         tooltip={{
-          text: 'Total of Builders and Backers rewards paid/claimed/received',
+          text: 'Total rewards distributed to Builders and Backers',
         }}
       />
       <TokenRewardsMetrics gauges={gauges} token={rif} />
diff --git a/src/app/collective-rewards/rewards/backers/AllTimeShare.tsx b/src/app/collective-rewards/rewards/backers/AllTimeShare.tsx
index 2526b771..19ee3ad3 100644
--- a/src/app/collective-rewards/rewards/backers/AllTimeShare.tsx
+++ b/src/app/collective-rewards/rewards/backers/AllTimeShare.tsx
@@ -52,7 +52,14 @@ export const AllTimeShare: FC<AllTimeShareProps> = ({ gauges, tokens: { rif } })
   return (
     <MetricsCardWithSpinner isLoading={isLoading} borderless>
       <div className="flex flex-col gap-y-[10px]">
-        <MetricsCardTitle title="All time share" data-testid="AllTimeShare" />
+        <MetricsCardTitle
+          title="All time share"
+          data-testid="AllTimeShare"
+          tooltip={{
+            text: 'Your share of all Backers’ rewards',
+            popoverProps: { size: 'medium' },
+          }}
+        />
         <MetricsCardContent>{amount}</MetricsCardContent>
       </div>
     </MetricsCardWithSpinner>
diff --git a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
index 89191140..65b1300b 100644
--- a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
+++ b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
@@ -37,6 +37,7 @@ const tableHeaders: TableHeader[] = [
     label: 'Total Allocations',
     className: 'w-[18%]',
     sortKey: RewardsColumnKeyEnum.totalAllocationPercentage,
+    tooltip: 'Your share of the total allocations for each Builder',
   },
   { label: 'Claimable Rewards', className: 'w-[20%]', sortKey: RewardsColumnKeyEnum.claimableRewards },
   { label: 'All Time Rewards', className: 'w-[20%]', sortKey: RewardsColumnKeyEnum.allTimeRewards },
@@ -111,7 +112,7 @@ const RewardsTable: FC<BackerRewardsTable> = ({ builder, gauges, tokens }) => {
     <div className="flex flex-col gap-5 w-full">
       <TableCore className="table-fixed">
         <TableHead>
-          <TableRow className="min-h-0">
+          <TableRow className="min-h-0 normal-case">
             {tableHeaders.map(header => (
               <TableHeaderCell
                 key={header.label}
diff --git a/src/app/collective-rewards/rewards/backers/Rewards.tsx b/src/app/collective-rewards/rewards/backers/Rewards.tsx
index 112e7096..fc7ce5cd 100644
--- a/src/app/collective-rewards/rewards/backers/Rewards.tsx
+++ b/src/app/collective-rewards/rewards/backers/Rewards.tsx
@@ -45,6 +45,10 @@ export const Rewards: FC<RewardsProps> = ({ builder, gauges, tokens }) => {
                 gauges={gauges}
                 tokens={tokens}
                 rewards={['estimated']}
+                tooltip={{
+                  text: 'The information displayed is dynamic and may vary based on total rewards available and user activity. This data is provided for informational purposes only. Please note that the final reward amount will be determined at the end of the cycle.',
+                  popoverProps: { size: 'medium' },
+                }}
               />
             </MetricContainer>
             <MetricContainer>
@@ -55,6 +59,10 @@ export const Rewards: FC<RewardsProps> = ({ builder, gauges, tokens }) => {
                 gauges={gauges}
                 tokens={tokens}
                 rewards={['earned', 'claimed']}
+                tooltip={{
+                  text: 'Total of your received and claimable rewards',
+                  popoverProps: { size: 'medium' },
+                }}
               />
             </MetricContainer>
             <MetricContainer>
diff --git a/src/app/collective-rewards/rewards/backers/RewardsCard.tsx b/src/app/collective-rewards/rewards/backers/RewardsCard.tsx
index 59885784..70e8e297 100644
--- a/src/app/collective-rewards/rewards/backers/RewardsCard.tsx
+++ b/src/app/collective-rewards/rewards/backers/RewardsCard.tsx
@@ -6,6 +6,7 @@ import {
   Token,
   RewardDetails,
   useBackerRewardsContext,
+  TooltipProps,
 } from '@/app/collective-rewards/rewards'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
@@ -64,17 +65,19 @@ type RewardsCardProps = Omit<RewardDetails, 'gauge'> & {
   title: string
   'data-testid': string
   rewards: Rewards[]
+  tooltip?: TooltipProps
 }
 
 export const RewardsCard: FC<RewardsCardProps> = ({
   title,
   'data-testid': dataTestId,
   tokens: { rif, rbtc },
+  tooltip,
   ...rest
 }) => {
   return (
     <MetricsCard borderless>
-      <MetricsCardTitle title={title} data-testid={dataTestId} />
+      <MetricsCardTitle title={title} data-testid={dataTestId} tooltip={tooltip} />
       <TokenRewardsMetrics {...rest} token={rif} />
       <TokenRewardsMetrics {...rest} token={rbtc} />
     </MetricsCard>
diff --git a/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx b/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx
index c110f5df..308c770e 100644
--- a/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/AllTimeRewards.tsx
@@ -69,7 +69,14 @@ type AllTimeRewardsProps = Omit<BuilderRewardDetails, 'builder'>
 export const AllTimeRewards: FC<AllTimeRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
     <MetricsCard borderless>
-      <MetricsCardTitle title="All time rewards" data-testid="AllTimeRewards" />
+      <MetricsCardTitle
+        title="All time rewards"
+        data-testid="AllTimeRewards"
+        tooltip={{
+          text: 'Total of your received and claimable rewards',
+          popoverProps: { size: 'medium' },
+        }}
+      />
       <TokenRewardsMetrics {...rest} token={rif} />
       <TokenRewardsMetrics {...rest} token={rbtc} />
     </MetricsCard>
diff --git a/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx b/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx
index a4c3df1a..405c2d4b 100644
--- a/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx
+++ b/src/app/collective-rewards/rewards/builders/AllTimeShare.tsx
@@ -57,7 +57,14 @@ export const AllTimeShare: FC<AllTimeShareProps> = ({ gauge, gauges, tokens: { r
   return (
     <MetricsCardWithSpinner isLoading={isLoading} borderless>
       <div className="flex flex-col gap-y-[10px]">
-        <MetricsCardTitle title="All time share" data-testid="AllTimeShare" />
+        <MetricsCardTitle
+          title="All time share"
+          data-testid="AllTimeShare"
+          tooltip={{
+            text: 'Your share of all Builders’ rewards',
+            popoverProps: { size: 'medium', position: 'left' },
+          }}
+        />
         <MetricsCardContent>{amount}</MetricsCardContent>
       </div>
     </MetricsCardWithSpinner>
diff --git a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
index 0e1120ea..ffd72674 100644
--- a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
@@ -86,7 +86,14 @@ type EstimatedRewardsProps = BuilderRewardDetails
 export const EstimatedRewards: FC<EstimatedRewardsProps> = ({ tokens: { rif, rbtc }, ...rest }) => {
   return (
     <MetricsCard borderless>
-      <MetricsCardTitle title="Estimated rewards" data-testid="EstimatedRewards" />
+      <MetricsCardTitle
+        title="Estimated rewards"
+        data-testid="EstimatedRewards"
+        tooltip={{
+          text: 'The information displayed is dynamic and may vary based on total rewards available and user activity. This data is provided for informational purposes only. Please note that the final reward amount will be determined at the end of the cycle.',
+          popoverProps: { size: 'medium' },
+        }}
+      />
       <TokenRewards {...rest} token={{ ...rif, id: 'rif' }} />
       <TokenRewards {...rest} token={{ ...rbtc, id: 'rbtc' }} />
     </MetricsCard>

From 0809b62a61884fee39eaf261c54267d349990cad Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 10:31:31 +0000
Subject: [PATCH 089/115] fix: fix builder name and rewards leaderboard name
 alignment (#400)

---
 .../shared/components/Table/TableCells.tsx    | 40 ++++++++--------
 .../user/hooks/useGetBuilders.ts              |  4 +-
 src/app/collective-rewards/utils/index.ts     |  1 +
 .../utils/removeBrackets.test.ts              | 46 +++++++++++++++++++
 .../utils/removeBrackets.ts                   | 10 ++++
 5 files changed, 80 insertions(+), 21 deletions(-)
 create mode 100644 src/app/collective-rewards/utils/removeBrackets.test.ts
 create mode 100644 src/app/collective-rewards/utils/removeBrackets.ts

diff --git a/src/app/collective-rewards/shared/components/Table/TableCells.tsx b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
index 261ddc3a..ed97a828 100644
--- a/src/app/collective-rewards/shared/components/Table/TableCells.tsx
+++ b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
@@ -93,25 +93,27 @@ export const BuilderNameCell: FC<BuilderCellProps> = ({
       <div className="flex flex-row gap-x-1">
         <BuilderStatusFlag stateFlags={stateFlags} />
         <Jdenticon className="rounded-md bg-white min-w-6" value={builderName} size="24" />
-        <Popover
-          content={
-            <div className="text-[12px] font-bold mb-1">
-              <p data-testid="builderAddressTooltip">{shortenAddress}</p>
-            </div>
-          }
-          size="small"
-          trigger="hover"
-          disabled={!builderName || isAddress(builderName)}
-        >
-          <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap min-w-28">
-            <AddressOrAliasWithCopy
-              addressOrAlias={builderName || address}
-              clipboard={address}
-              clipboardAnimationText={shortenAddress}
-              className="text-sm"
-            />
-          </Typography>
-        </Popover>
+        <div className="w-32">
+          <Popover
+            content={
+              <div className="text-[12px] font-bold mb-1">
+                <p data-testid="builderAddressTooltip">{shortenAddress}</p>
+              </div>
+            }
+            size="small"
+            trigger="hover"
+            disabled={!builderName || isAddress(builderName)}
+          >
+            <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap min-w-28">
+              <AddressOrAliasWithCopy
+                addressOrAlias={builderName || address}
+                clipboard={address}
+                clipboardAnimationText={shortenAddress}
+                className="text-sm"
+              />
+            </Typography>
+          </Popover>
+        </div>
       </div>
     </TableCell>
   )
diff --git a/src/app/collective-rewards/user/hooks/useGetBuilders.ts b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
index 1b08934f..9179bba8 100644
--- a/src/app/collective-rewards/user/hooks/useGetBuilders.ts
+++ b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
@@ -1,6 +1,6 @@
 import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
 import { useGetGaugesArray } from '@/app/collective-rewards/user/hooks/useGetGaugesArray'
-import { getMostAdvancedProposal } from '@/app/collective-rewards/utils'
+import { getMostAdvancedProposal, removeBrackets } from '@/app/collective-rewards/utils'
 import { RawBuilderState } from '@/app/collective-rewards/utils/getBuilderGauge'
 import { useGetProposalsState } from '@/app/collective-rewards/user'
 import { useFetchCreateBuilderProposals } from '@/app/proposals/hooks/useFetchLatestProposals'
@@ -135,7 +135,7 @@ export const useGetBuilders: UseGetBuilders = () => {
             stateFlags: statusByBuilder[address],
             gauge: builderToGauge && builderToGauge[address],
             address,
-            builderName,
+            builderName: removeBrackets(builderName),
           }
         }
 
diff --git a/src/app/collective-rewards/utils/index.ts b/src/app/collective-rewards/utils/index.ts
index 4dbdee48..cee01f11 100644
--- a/src/app/collective-rewards/utils/index.ts
+++ b/src/app/collective-rewards/utils/index.ts
@@ -4,3 +4,4 @@ export * from './getBuilderState'
 export * from './getCoinbaseAddress'
 export * from './getMostAdvancedProposal'
 export * from './handleErrors'
+export * from './removeBrackets'
diff --git a/src/app/collective-rewards/utils/removeBrackets.test.ts b/src/app/collective-rewards/utils/removeBrackets.test.ts
new file mode 100644
index 00000000..37a6d33a
--- /dev/null
+++ b/src/app/collective-rewards/utils/removeBrackets.test.ts
@@ -0,0 +1,46 @@
+import { describe, it, expect } from 'vitest'
+import { removeBrackets } from './removeBrackets'
+
+describe('formatBuilderName', () => {
+  it('should remove the initial text enclosed with []', () => {
+    const input = '[Initial Text] Remaining Text'
+    const expectedOutput = 'Remaining Text'
+    expect(removeBrackets(input)).toBe(expectedOutput)
+  })
+
+  it('should return the same string if no text is enclosed with []', () => {
+    const input = 'No brackets here'
+    const expectedOutput = 'No brackets here'
+    expect(removeBrackets(input)).toBe(expectedOutput)
+  })
+
+  it('should handle strings with multiple brackets correctly', () => {
+    const input = '[Initial] [Text] Remaining Text'
+    const expectedOutput = '[Text] Remaining Text'
+    expect(removeBrackets(input)).toBe(expectedOutput)
+  })
+
+  it('should not remove the chars after the bracket if it is not an empty space', () => {
+    const input = '[Initial][Text] Remaining Text'
+    const expectedOutput = '[Text] Remaining Text'
+    expect(removeBrackets(input)).toBe(expectedOutput)
+  })
+
+  it('should handle empty strings correctly', () => {
+    const input = ''
+    const expectedOutput = ''
+    expect(removeBrackets(input)).toBe(expectedOutput)
+  })
+
+  it('should handle strings with only brackets correctly', () => {
+    const input = '[]'
+    const expectedOutput = ''
+    expect(removeBrackets(input)).toBe(expectedOutput)
+  })
+
+  it('should handle undefined also', () => {
+    const input = undefined
+    const expectedOutput = ''
+    expect(removeBrackets(input)).toBe(expectedOutput)
+  })
+})
diff --git a/src/app/collective-rewards/utils/removeBrackets.ts b/src/app/collective-rewards/utils/removeBrackets.ts
new file mode 100644
index 00000000..98c1310d
--- /dev/null
+++ b/src/app/collective-rewards/utils/removeBrackets.ts
@@ -0,0 +1,10 @@
+export const removeBrackets = (name?: string) => {
+  if (!name) {
+    return ''
+  }
+  const bracketIndex = name.indexOf(']')
+  if (bracketIndex !== -1) {
+    return name.slice(bracketIndex + 1).trimStart()
+  }
+  return name
+}

From cea8b42a8da51a7f88b6c71585320b8150ba4636 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 10:31:45 +0000
Subject: [PATCH 090/115] fix: change the destination contract for whitelist
 builder proposal (#401)

---
 src/components/Modal/BecomeABuilderModal.tsx    | 4 ++--
 src/components/Modal/ProposalSelectionModal.tsx | 2 +-
 src/pages/proposals/create.tsx                  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Modal/BecomeABuilderModal.tsx b/src/components/Modal/BecomeABuilderModal.tsx
index cac6fbaa..5e65ed4d 100644
--- a/src/components/Modal/BecomeABuilderModal.tsx
+++ b/src/components/Modal/BecomeABuilderModal.tsx
@@ -79,8 +79,8 @@ const ActionButton: FC<ActionButtonProps> = ({ content, ...props }) => (
 const BecomeABuilder: FC = () => {
   const { canCreateProposal, threshold } = useVotingPower()
   const router = useRouter()
-  const contractName: SupportedActionAbiName = 'SimplifiedRewardDistributorAbi'
-  const action: SupportedProposalActionName = 'whitelistBuilder'
+  const contractName: SupportedActionAbiName = 'BuilderRegistryAbi'
+  const action: SupportedProposalActionName = 'communityApproveBuilder'
 
   const submitProposal = () => router.push(`/proposals/create?contract=${contractName}&action=${action}`)
 
diff --git a/src/components/Modal/ProposalSelectionModal.tsx b/src/components/Modal/ProposalSelectionModal.tsx
index 255b79b9..55d72231 100644
--- a/src/components/Modal/ProposalSelectionModal.tsx
+++ b/src/components/Modal/ProposalSelectionModal.tsx
@@ -21,7 +21,7 @@ const typesMap: Record<ProposalType, ProposalTypeDetails> = {
     description:
       'Ask the community to vote on adding a Builder to the RootstockCollective’s whitelist, granting them access to the Collective Rewards.',
     contract: 'BuilderRegistryAbi',
-    action: 'whitelistBuilder',
+    action: 'communityApproveBuilder',
   },
   'Builder Deactivation': {
     description:
diff --git a/src/pages/proposals/create.tsx b/src/pages/proposals/create.tsx
index 31ce382a..7ac9da5a 100644
--- a/src/pages/proposals/create.tsx
+++ b/src/pages/proposals/create.tsx
@@ -18,7 +18,7 @@ const componentByType: Partial<ProposalFormByType> = {
     withdrawERC20: TreasuryWithdrawProposalForm,
   },
   BuilderRegistryAbi: {
-    whitelistBuilder: CreateBuilderProposalForm,
+    communityApproveBuilder: CreateBuilderProposalForm,
     dewhitelistBuilder: RemoveBuilderProposalForm,
   },
 }

From 4043a97ab712b98915932fc4ca1af27d57a924d7 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 10:55:11 +0000
Subject: [PATCH 091/115] fix: show tabs only if user is builder or backer
 (#404)

* fix: show tabs only if user is builder or backer

* fix: keep into account backer allocation

* chore: apply PR suggestion
---
 .../allocations/useBackerTotalAllocation.tsx  | 24 --------
 .../collective-rewards/rewards/hooks/index.ts |  1 +
 .../hooks/useGetBackerRewardPerTokenPaid.ts   | 59 +++++++++++++++++++
 .../rewards/hooks/useIsBuilderOrBacker.ts     | 50 ++++++++++++++++
 .../Button/BecomeABuilderButton.tsx           |  6 +-
 src/app/user/Balances/BalancesSection.tsx     | 13 +++-
 src/app/user/page.tsx                         | 55 +++++++++++------
 7 files changed, 159 insertions(+), 49 deletions(-)
 delete mode 100644 src/app/collective-rewards/allocations/useBackerTotalAllocation.tsx
 create mode 100644 src/app/collective-rewards/rewards/hooks/useGetBackerRewardPerTokenPaid.ts
 create mode 100644 src/app/collective-rewards/rewards/hooks/useIsBuilderOrBacker.ts

diff --git a/src/app/collective-rewards/allocations/useBackerTotalAllocation.tsx b/src/app/collective-rewards/allocations/useBackerTotalAllocation.tsx
deleted file mode 100644
index b7239801..00000000
--- a/src/app/collective-rewards/allocations/useBackerTotalAllocation.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
-import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-import { BackersManagerAddress } from '@/lib/contracts'
-import { Address } from 'viem'
-import { useReadContract } from 'wagmi'
-
-export const useBackerTotalAllocation = (backer: Address) => {
-  const { data, isLoading, error } = useReadContract({
-    abi: BackersManagerAbi,
-    address: BackersManagerAddress,
-    functionName: 'backerTotalAllocation',
-    args: [backer],
-    query: {
-      refetchInterval: AVERAGE_BLOCKTIME,
-      initialData: 0n,
-    },
-  })
-
-  return {
-    data,
-    isLoading,
-    error,
-  }
-}
diff --git a/src/app/collective-rewards/rewards/hooks/index.ts b/src/app/collective-rewards/rewards/hooks/index.ts
index 95bc5ada..ebfa1ec2 100644
--- a/src/app/collective-rewards/rewards/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/hooks/index.ts
@@ -8,3 +8,4 @@ export * from './useGetGaugesEvents'
 export * from './useGetGaugesNotifyReward'
 export * from './useGetBackerRewardPercentage'
 export * from './useGetBackersRewardPercentage'
+export * from './useGetBackerRewardPerTokenPaid'
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBackerRewardPerTokenPaid.ts b/src/app/collective-rewards/rewards/hooks/useGetBackerRewardPerTokenPaid.ts
new file mode 100644
index 00000000..798ed9ea
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useGetBackerRewardPerTokenPaid.ts
@@ -0,0 +1,59 @@
+import { useBuilderContext } from '@/app/collective-rewards/user'
+import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { useMemo } from 'react'
+import { Address } from 'viem'
+import { useReadContracts } from 'wagmi'
+
+const COINBASE_ADDRESS = '0xf7ab6cfaebbadfe8b5494022c4c6db776bd63b6b'
+
+export const useGetBackerRewardPerTokenPaid = (backer: Address, token: Address = COINBASE_ADDRESS) => {
+  const { data: builders, isLoading: isBuildersLoading, error: buildersError } = useBuilderContext()
+
+  const backerRewardPerTokenPaidCalls = builders
+    .filter(({ gauge }) => !!gauge)
+    .map(
+      ({ gauge }) =>
+        ({
+          address: gauge,
+          abi: GaugeAbi,
+          functionName: 'backerRewardPerTokenPaid',
+          args: [token, backer],
+        }) as const,
+    )
+
+  const {
+    data: backerRewardPerTokenPaidResults,
+    isLoading: backerRewardPerTokenPaidLoading,
+    error: backerRewardPerTokenPaidError,
+  } = useReadContracts<bigint[]>({
+    contracts: backerRewardPerTokenPaidCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  const data = useMemo(
+    () =>
+      (backerRewardPerTokenPaidResults ?? []).reduce(
+        (acc, { result }) => acc + ((result as bigint) ?? 0n),
+        0n,
+      ),
+    [backerRewardPerTokenPaidResults],
+  )
+
+  const isLoading = useMemo(
+    () => isBuildersLoading || backerRewardPerTokenPaidLoading,
+    [isBuildersLoading, backerRewardPerTokenPaidLoading],
+  )
+  const error = useMemo(
+    () => buildersError ?? backerRewardPerTokenPaidError,
+    [buildersError, backerRewardPerTokenPaidError],
+  )
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/hooks/useIsBuilderOrBacker.ts b/src/app/collective-rewards/rewards/hooks/useIsBuilderOrBacker.ts
new file mode 100644
index 00000000..d213a6f8
--- /dev/null
+++ b/src/app/collective-rewards/rewards/hooks/useIsBuilderOrBacker.ts
@@ -0,0 +1,50 @@
+import { useMemo } from 'react'
+import { Address, zeroAddress } from 'viem'
+import { useGetBuilderToGauge } from '@/app/collective-rewards/user'
+import { useGetBackerRewardPerTokenPaid } from '@/app/collective-rewards/rewards/hooks'
+import { useBackerTotalAllocation } from '@/app/collective-rewards/allocations/hooks'
+
+export const useIsBuilderOrBacker = (address: Address) => {
+  /*
+   * An address is a builder or a backer if:
+   * - a gauge exists for the address (builder)
+   * - the backerRewardPerTokenPaid is greater than 0 (backer)
+   */
+  const { data: gauge, isLoading: isGaugeLoading, error: gaugeError } = useGetBuilderToGauge(address)
+
+  const {
+    data: backerTotalAllocation,
+    isLoading: isBackerTotalAllocationLoading,
+    error: backerTotalAllocationError,
+  } = useBackerTotalAllocation(address)
+
+  const {
+    data: backerRewardPerTokenPaid,
+    isLoading: isBackerRewardPerTokenPaidLoading,
+    error: backerRewardPerTokenPaidError,
+  } = useGetBackerRewardPerTokenPaid(address)
+
+  const data = useMemo(() => {
+    return (
+      gauge !== zeroAddress ||
+      (backerTotalAllocation && backerTotalAllocation > 0n) ||
+      backerRewardPerTokenPaid > 0n
+    )
+  }, [gauge, backerRewardPerTokenPaid, backerTotalAllocation])
+
+  const isLoading = useMemo(
+    () => isGaugeLoading || isBackerRewardPerTokenPaidLoading || isBackerTotalAllocationLoading,
+    [isGaugeLoading, isBackerRewardPerTokenPaidLoading, isBackerTotalAllocationLoading],
+  )
+
+  const error = useMemo(
+    () => gaugeError ?? backerRewardPerTokenPaidError ?? backerTotalAllocationError,
+    [gaugeError, backerRewardPerTokenPaidError, backerTotalAllocationError],
+  )
+
+  return {
+    data,
+    isLoading,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
index 22c2da29..02cb7746 100644
--- a/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
+++ b/src/app/collective-rewards/user/components/Button/BecomeABuilderButton.tsx
@@ -47,7 +47,7 @@ const getBuilderState = (builderStateFlags?: BuilderStateFlags): BuilderState =>
   return activated && communityApproved ? 'active' : 'inProgress'
 }
 
-export const BecomeABuilderHandler = ({ address }: { address: Address }) => {
+export const BecomeABuilderButton = ({ address }: { address: Address }) => {
   const { getBuilderByAddress, isLoading: builderLoading, error: builderLoadingError } = useBuilderContext()
 
   const builder = getBuilderByAddress(address)
@@ -65,7 +65,3 @@ export const BecomeABuilderHandler = ({ address }: { address: Address }) => {
 
   return <StatusBadge builderState={builderState} />
 }
-
-export const BecomeABuilderButton = ({ address }: { address: Address }) => {
-  return <BecomeABuilderHandler address={address} />
-}
diff --git a/src/app/user/Balances/BalancesSection.tsx b/src/app/user/Balances/BalancesSection.tsx
index c0f709a9..5f4eb4d1 100644
--- a/src/app/user/Balances/BalancesSection.tsx
+++ b/src/app/user/Balances/BalancesSection.tsx
@@ -8,6 +8,7 @@ import { StakeRIFCell } from '@/app/user/Balances/StakeRIFCell'
 import { RenderTokenSymbol } from '@/app/user/Balances/RenderTokenSymbol'
 import { UnStakeRIFCell } from '@/app/user/Balances/UnStakeRIFCell'
 import { UnStakingModal } from '@/app/user/Stake/UnStakingSteps'
+import { withBuilderButton } from '@/app/collective-rewards/user'
 
 const data = [
   {
@@ -33,10 +34,18 @@ const data = [
   },
 ]
 
-export const BalancesSection = () => {
+type BalancesSectionProps = {
+  showBuilderButton?: boolean
+}
+
+export const BalancesSection = ({ showBuilderButton }: BalancesSectionProps) => {
   return (
     <div className="mb-[32px]">
-      <HeaderTitle className="mb-6">Balances</HeaderTitle>
+      {showBuilderButton ? (
+        withBuilderButton(HeaderTitle)({ children: 'Balances' })
+      ) : (
+        <HeaderTitle className="mb-6">Balances</HeaderTitle>
+      )}
       <BalancesProvider>
         <StakingModal />
         <UnStakingModal />
diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx
index a6c9ede3..07ff4bdc 100644
--- a/src/app/user/page.tsx
+++ b/src/app/user/page.tsx
@@ -9,12 +9,19 @@ import { Tabs, TabsContent, TabsList, TabsTrigger, TabTitle } from '@/components
 import { TxStatusMessage } from '@/components/TxStatusMessage'
 import { useSearchParams } from 'next/navigation'
 import { Suspense } from 'react'
+import { zeroAddress } from 'viem'
 import { useAccount } from 'wagmi'
+import { useIsBuilderOrBacker } from '../collective-rewards/rewards/hooks/useIsBuilderOrBacker'
+import { useHandleErrors } from '../collective-rewards/utils'
 
-const MyHoldings = () => (
+type MyHoldingsProps = {
+  showBuilderButton?: boolean
+}
+
+const MyHoldings = ({ showBuilderButton = false }: MyHoldingsProps) => (
   <>
     <TxStatusMessage messageType="staking" />
-    <BalancesSection />
+    <BalancesSection showBuilderButton={showBuilderButton} />
     <DelegationSection />
     <CommunitiesSection />
   </>
@@ -47,24 +54,36 @@ function User() {
   const tabFromParams = searchParams?.get('tab') as TabValue
   const defaultTabValue = tabs[tabFromParams]?.value ?? 'holdings'
 
+  const { data: isBuilderOrBacker, isLoading, error } = useIsBuilderOrBacker(address ?? zeroAddress)
+
+  useHandleErrors({
+    error,
+    title: 'Error fetching user data',
+  })
+
   return (
     <MainContainer>
-      <Tabs defaultValue={defaultTabValue}>
-        <TabsListWithButton>
-          <TabsTrigger value={tabs.holdings.value}>
-            <TabTitle>{tabs.holdings.title}</TabTitle>
-          </TabsTrigger>
-          <TabsTrigger value={tabs.rewards.value}>
-            <TabTitle>{tabs.rewards.title}</TabTitle>
-          </TabsTrigger>
-        </TabsListWithButton>
-        <TabsContent value={tabs.holdings.value}>
-          <MyHoldings />
-        </TabsContent>
-        <TabsContent value={tabs.rewards.value}>
-          <Rewards builder={address!} />
-        </TabsContent>
-      </Tabs>
+      {/* We don't show the tab if it's loading */}
+      {!isLoading && isBuilderOrBacker ? (
+        <Tabs defaultValue={defaultTabValue}>
+          <TabsListWithButton>
+            <TabsTrigger value={tabs.holdings.value}>
+              <TabTitle>{tabs.holdings.title}</TabTitle>
+            </TabsTrigger>
+            <TabsTrigger value={tabs.rewards.value}>
+              <TabTitle>{tabs.rewards.title}</TabTitle>
+            </TabsTrigger>
+          </TabsListWithButton>
+          <TabsContent value={tabs.holdings.value}>
+            <MyHoldings />
+          </TabsContent>
+          <TabsContent value={tabs.rewards.value}>
+            <Rewards builder={address!} />
+          </TabsContent>
+        </Tabs>
+      ) : (
+        <MyHoldings showBuilderButton={true} />
+      )}
     </MainContainer>
   )
 }

From 594d54b9e1b3dd50f796f0a4bc15bcd5b69137a6 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 10:56:20 +0000
Subject: [PATCH 092/115] fix: show community approved builders in actived
 builders section (#403)

* fix: show community approved builders in actived builders section

* chore: apply PR suggestion
---
 .../active-builders/ActiveBuildersContent.tsx               | 4 ++--
 .../rewards/hooks/useGetBackersRewardPercentage.ts          | 6 +++++-
 src/app/collective-rewards/utils/getMostAdvancedProposal.ts | 3 ++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx b/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx
index d534fd4c..40aab19f 100644
--- a/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx
+++ b/src/app/collective-rewards/active-builders/ActiveBuildersContent.tsx
@@ -7,8 +7,8 @@ import { Search } from '@/app/collective-rewards/shared'
 import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
 
 export const isActive = (stateFlags?: BuilderStateFlags) => {
-  const activeFlags: BuilderStateFlagsArray = ['activated', 'communityApproved']
-  return activeFlags.some(flag => stateFlags?.[flag])
+  const activeFlags: BuilderStateFlagsArray = ['kycApproved', 'communityApproved']
+  return activeFlags.every(flag => stateFlags?.[flag])
 }
 
 const filterFunction = (builder: Builder, status: string) => {
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts
index 201359c6..ae7b5dc6 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts
@@ -37,7 +37,11 @@ export const useGetBackersRewardPercentage = (builders: Address[]) => {
           return {} as Record<Address, ReturnType>
         }
 
-        const [current, next, cooldownEndTime] = contractResults[index].result as [bigint, bigint, bigint]
+        const [current, next, cooldownEndTime] = (contractResults[index].result || [0n, 0n, 0n]) as [
+          bigint,
+          bigint,
+          bigint,
+        ]
         const result = getPercentageData(current, next, cooldownEndTime)
         acc[gauge] = result
 
diff --git a/src/app/collective-rewards/utils/getMostAdvancedProposal.ts b/src/app/collective-rewards/utils/getMostAdvancedProposal.ts
index 4a045136..3d1d9bfe 100644
--- a/src/app/collective-rewards/utils/getMostAdvancedProposal.ts
+++ b/src/app/collective-rewards/utils/getMostAdvancedProposal.ts
@@ -4,7 +4,8 @@ import { ProposalState } from '@/shared/types'
 
 const inactiveProposalsStates = [ProposalState.Canceled, ProposalState.Defeated, ProposalState.Expired]
 const isActive = (state: ProposalState) => !inactiveProposalsStates.includes(state)
-const isBuilderActive = (status?: BuilderStateFlags) => !status || status.activated
+const isBuilderActive = (status?: BuilderStateFlags) =>
+  !status || status.activated || status.communityApproved
 
 export const getMostAdvancedProposal = (
   proposalsEvent: CreateBuilderProposalEventLog[],

From 0cb315a29fa452da62c9db6a8025d185a0c2c4a4 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 12:50:51 +0000
Subject: [PATCH 093/115] fix: fix few inconsistencies in the allocations
 (#402)

* fix: fix few inconsistencies in the allocations

* fix: container width

* fix: change max width for builder allocation component

* fix: show hint when amount is bigger than balance

* handle reset with key

* chore: remove unused import

---------

Co-authored-by: Juraj Piar <juraj@iovlabs.org>
---
 .../allocations/components/AllocationAmount.tsx  | 15 ++++++++++-----
 .../allocations/components/BuilderAllocation.tsx |  4 ++--
 .../components/BuilderAllocationHeader.tsx       |  2 +-
 .../allocations/context/AllocationsContext.tsx   | 16 ++++++++--------
 src/app/collective-rewards/allocations/page.tsx  | 14 ++++++++++----
 5 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
index 4a9d1974..06d821af 100644
--- a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
+++ b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
@@ -3,7 +3,7 @@
 import { Button, ButtonProps } from '@/components/Button'
 import { Input } from '@/components/Input'
 import { cn } from '@/lib/utils'
-import { useContext, useState } from 'react'
+import { useContext, useEffect, useState } from 'react'
 import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
 import { formatEther, parseEther } from 'viem'
 import { StakeHint } from './StakeHint'
@@ -28,11 +28,12 @@ export const AllocationAmount = () => {
     actions: { updateAllocations, updateTotalAllocation },
   } = useContext(AllocationsContext)
 
-  const [activeButton, setActiveButton] = useState<number | null>(null)
+  const [activeButtonIndex, setActiveButtonIndex] = useState<number | null>(null)
   const onPercentageButtonClicked = (percentage: number, index: number) => {
     const newTotalAllocation = (BigInt(balance ?? 0n) * BigInt(percentage)) / BigInt(100)
     updateTotalAllocation(newTotalAllocation)
-    setActiveButton(index)
+    setActiveButtonIndex(index)
+    if (allocationCount === 0) return
     const allocationValue = allocationCount > 0 ? newTotalAllocation / BigInt(allocationCount) : 0n
 
     updateAllocations(Array(allocationCount).fill(allocationValue))
@@ -59,7 +60,11 @@ export const AllocationAmount = () => {
               ? ALLOCATION_EXCEED_AMOUNT_ERROR
               : ''
           }
-          hint={Number(totalAllocation - cumulativeAllocation) < 0 ? <StakeHint /> : undefined}
+          hint={
+            Number(totalAllocation - cumulativeAllocation) < 0 || totalAllocation > balance ? (
+              <StakeHint />
+            ) : undefined
+          }
         />
       </div>
       <div className="flex items-center gap-3">
@@ -67,7 +72,7 @@ export const AllocationAmount = () => {
           <PercentageButton
             key={i}
             onClick={() => onPercentageButtonClicked(percentage, i)}
-            variant={i === activeButton ? 'primary' : 'secondary'}
+            variant={i === activeButtonIndex ? 'primary' : 'secondary'}
           >
             {' '}
             {percentage}%
diff --git a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
index be7aaffa..5732ed84 100644
--- a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
+++ b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
@@ -4,7 +4,7 @@ import { Input } from '@/components/Input'
 import { Slider } from '@/components/Slider'
 import { Label } from '@/components/Typography'
 import { useContext } from 'react'
-import { formatEther, parseEther } from 'viem'
+import { parseEther } from 'viem'
 import { BuilderAllocationHeader, BuilderAllocationHeaderProps } from './BuilderAllocationHeader'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { weiToPercentage } from '../../settings'
@@ -33,7 +33,7 @@ export const BuilderAllocation = (builder: BuilderAllocationProps) => {
   }
 
   return (
-    <div className="flex flex-col py-4 px-2 gap-6 shrink-0 bg-foreground rounded-[8px]">
+    <div className="flex flex-col py-4 px-2 gap-6 shrink-0 bg-foreground rounded-[8px] min-w-[calc(25%-2rem)] max-w-[25%-1rem]">
       <BuilderAllocationHeader {...builder} />
       <Label className="font-bold">
         Backer rewards {weiToPercentage(backerRewardPercentage?.previous ?? 0n, 0)}%{' '}
diff --git a/src/app/collective-rewards/allocations/components/BuilderAllocationHeader.tsx b/src/app/collective-rewards/allocations/components/BuilderAllocationHeader.tsx
index 375627d4..94b51eba 100644
--- a/src/app/collective-rewards/allocations/components/BuilderAllocationHeader.tsx
+++ b/src/app/collective-rewards/allocations/components/BuilderAllocationHeader.tsx
@@ -24,7 +24,7 @@ export const BuilderAllocationHeader: FC<BuilderAllocationHeaderProps> = ({
   return (
     <div className="flex flex-row w-full items-center content-between gap-3">
       <Jdenticon className="rounded-md bg-white" value={address} size="46" />
-      <div className="flex flex-col items-start gap-2">
+      <div className="flex flex-col items-start gap-2 max-w-48">
         <Typography tagVariant="label" className="font-semibold line-clamp-1 text-wrap text-base leading-4">
           <AddressOrAlias addressOrAlias={builderName || address} className="text-base font-bold leading-4" />
         </Typography>
diff --git a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
index 7ed2d36d..dc9af09d 100644
--- a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
+++ b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
@@ -136,7 +136,7 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       setAllocations(newAllocations)
       setBacker(prev => ({
         ...prev,
-        allocationCount: builders.length,
+        allocationCount: Object.entries(newAllocations).length,
         cumulativeAllocation: newCumulativeAllocation,
         totalAllocation: totalAllocation ?? prev.totalAllocation,
         balance: votingPower ?? prev.balance,
@@ -197,14 +197,15 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       backer: {
         balance: votingPower ?? BigInt(0),
         totalAllocation: totalAllocation ?? BigInt(0),
-        allocationCount: builders.length,
+        allocationCount: Object.entries(initialAllocations).length,
         cumulativeAllocation: initialCumulativeAllocations,
       },
       allocations: initialAllocations,
     }
-  }, [allAllocations, builders, totalAllocation, votingPower, isContextLoading, selections])
-  const state: AllocationsContextValue = useMemo(
-    () => ({
+  }, [allAllocations, totalAllocation, votingPower, isContextLoading, selections])
+
+  const state: AllocationsContextValue = useMemo(() => {
+    return {
       selections,
       allocations,
       backer,
@@ -212,9 +213,8 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       contextError,
       getBuilder,
       getBuilderIndexByAddress,
-    }),
-    [selections, allocations, backer, isContextLoading, contextError, getBuilder, getBuilderIndexByAddress],
-  )
+    }
+  }, [selections, allocations, backer, isContextLoading, contextError, getBuilder, getBuilderIndexByAddress])
 
   const actions: AllocationsActions = useMemo(
     () => createActions(setSelections, setAllocations, setBacker, initialState),
diff --git a/src/app/collective-rewards/allocations/page.tsx b/src/app/collective-rewards/allocations/page.tsx
index d55cd01f..ac86bb1c 100644
--- a/src/app/collective-rewards/allocations/page.tsx
+++ b/src/app/collective-rewards/allocations/page.tsx
@@ -6,7 +6,7 @@ import { Typography } from '@/components/Typography'
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
 import { useRouter } from 'next/navigation'
-import { useContext } from 'react'
+import { useCallback, useContext, useState } from 'react'
 import { Address, zeroAddress } from 'viem'
 import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
 import { useAwaitedTxReporting } from '../shared'
@@ -24,6 +24,7 @@ import { AllocationsContext } from './context'
 export default function Allocations() {
   const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
   const { isLoading, isSuccess, data, error: receiptError } = useWaitForTransactionReceipt({ hash })
+  const [resetCounter, setResetCounter] = useState(0)
 
   const error = executionError || receiptError
 
@@ -62,6 +63,11 @@ export default function Allocations() {
     })
   }
 
+  const onReset = useCallback(() => {
+    resetAllocations()
+    setResetCounter(prev => prev + 1)
+  }, [resetAllocations])
+
   useHandleErrors({ error: executionError, title: 'Error saving allocations' })
 
   const cancel = () => {
@@ -77,13 +83,13 @@ export default function Allocations() {
         </div>
         <div className="flex flex-col items-start gap-6 self-stretch">
           <AllocationMetrics />
-          <AllocationAmount />
+          <AllocationAmount key={resetCounter} />
         </div>
         <div className="flex flex-col items-start gap-4 self-stretch">
           <Typography tagVariant="h2" className="text-lg font-bold leading-[18px]">
             Selected Builders
           </Typography>
-          <div className="flex items-start content-start flex-wrap gap-4">
+          <div className="flex items-start content-start flex-wrap gap-4 w-full">
             {Object.entries(allocations).map(([key, currentAllocation]) => {
               const index = Number(key)
               const builderInfo = getBuilder(index) as Builder
@@ -111,7 +117,7 @@ export default function Allocations() {
 
             <Button
               variant="borderless"
-              onClick={() => resetAllocations()}
+              onClick={() => onReset()}
               textClassName="font-bold text-[18px] text-primary"
             >
               {' '}

From b2478d76ec27ed72c75e66ae3e551e79e0e81057 Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Mon, 25 Nov 2024 13:55:44 +0000
Subject: [PATCH 094/115] fix: fix few inconsistencies in the allocations
 (#402) (#409)

* fix: fix few inconsistencies in the allocations

* fix: container width

* fix: change max width for builder allocation component

* fix: show hint when amount is bigger than balance

* handle reset with key

* chore: remove unused import

---------

Co-authored-by: Antonio Morrone <antonio@iovlabs.org>
---
 .../components/AllocationAmount.tsx           | 19 +++--
 .../components/AllocationMetrics.tsx          |  6 +-
 .../components/BuilderAllocation.tsx          |  6 +-
 .../context/AllocationsContext.tsx            | 74 ++++++++++++++-----
 .../context/allocationsActions.tsx            |  4 +-
 .../collective-rewards/allocations/page.tsx   |  4 +-
 6 files changed, 73 insertions(+), 40 deletions(-)

diff --git a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
index 06d821af..e91fa186 100644
--- a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
+++ b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
@@ -23,20 +23,19 @@ const ALLOCATION_EXCEED_AMOUNT_ERROR = 'Builder allocations exceeds amount to al
 export const AllocationAmount = () => {
   const {
     state: {
-      backer: { balance, totalAllocation, cumulativeAllocation, allocationCount },
+      backer: { balance, amountToAllocate, cumulativeAllocation, allocationsCount },
     },
-    actions: { updateAllocations, updateTotalAllocation },
+    actions: { updateAllocations, updateAmountToAllocate: updateTotalAllocation },
   } = useContext(AllocationsContext)
 
   const [activeButtonIndex, setActiveButtonIndex] = useState<number | null>(null)
   const onPercentageButtonClicked = (percentage: number, index: number) => {
-    const newTotalAllocation = (BigInt(balance ?? 0n) * BigInt(percentage)) / BigInt(100)
-    updateTotalAllocation(newTotalAllocation)
+    const newAmountToAllocate = (BigInt(balance ?? 0n) * BigInt(percentage)) / BigInt(100)
+    updateTotalAllocation(newAmountToAllocate)
     setActiveButtonIndex(index)
-    if (allocationCount === 0) return
-    const allocationValue = allocationCount > 0 ? newTotalAllocation / BigInt(allocationCount) : 0n
+    if (allocationsCount === 0) return
 
-    updateAllocations(Array(allocationCount).fill(allocationValue))
+    updateAllocations(Array(allocationsCount).fill(BigInt(allocationsCount)))
   }
 
   const handleOnChange = (value: string) => {
@@ -54,14 +53,14 @@ export const AllocationAmount = () => {
           name="allocated-amount"
           fullWidth
           onChange={handleOnChange}
-          value={formatEther(totalAllocation)}
+          value={formatEther(amountToAllocate)}
           errorMessage={
-            cumulativeAllocation > totalAllocation && cumulativeAllocation < balance
+            cumulativeAllocation > amountToAllocate && cumulativeAllocation < balance
               ? ALLOCATION_EXCEED_AMOUNT_ERROR
               : ''
           }
           hint={
-            Number(totalAllocation - cumulativeAllocation) < 0 || totalAllocation > balance ? (
+            Number(amountToAllocate - cumulativeAllocation) < 0 || amountToAllocate > balance ? (
               <StakeHint />
             ) : undefined
           }
diff --git a/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx b/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx
index 04b6529b..f41ee56e 100644
--- a/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx
+++ b/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx
@@ -41,15 +41,15 @@ const UnallocatedAmount = ({ value }: ValueProps) => {
 export const AllocationMetrics = () => {
   const {
     initialState: {
-      backer: { totalAllocation, balance },
+      backer: { amountToAllocate, balance },
     },
   } = useContext(AllocationsContext)
 
   const balanceValue = `${formatEther(balance)} stRIF`
 
-  const allocatedAmountValue = `${formatEther(totalAllocation)} stRIF`
+  const allocatedAmountValue = `${formatEther(amountToAllocate)} stRIF`
 
-  const unallocatedAmount = formatEther(balance - totalAllocation)
+  const unallocatedAmount = formatEther(balance - amountToAllocate)
 
   const unallocatedAmountValue = `${unallocatedAmount} stRIF`
   return (
diff --git a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
index 5732ed84..b3dc0b4a 100644
--- a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
+++ b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
@@ -18,11 +18,11 @@ export type BuilderAllocationProps = BuilderAllocationHeaderProps &
 export const BuilderAllocation = (builder: BuilderAllocationProps) => {
   const {
     state: {
-      backer: { totalAllocation, cumulativeAllocation },
+      backer: { amountToAllocate, cumulativeAllocation },
     },
     actions: { updateAllocation },
   } = useContext(AllocationsContext)
-  const allocationLeft = totalAllocation - cumulativeAllocation
+  const allocationLeft = amountToAllocate - cumulativeAllocation
   const { currentAllocation, backerRewardPercentage, address } = builder
   const onInputChange = (value: string) => {
     updateAllocation(builder.index, parseEther(value))
@@ -47,7 +47,7 @@ export const BuilderAllocation = (builder: BuilderAllocationProps) => {
       />
       <Slider
         value={[Number(currentAllocation)]}
-        max={Number(totalAllocation)}
+        max={Number(amountToAllocate)}
         onValueChange={onSliderValueChange}
       />
     </div>
diff --git a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
index dc9af09d..51664ea2 100644
--- a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
+++ b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
@@ -12,9 +12,9 @@ import { createActions } from './allocationsActions'
 import { useBuildersWithBackerRewardPercentage } from '../hooks/useBuildersWithBackerRewardPercentage'
 export type Allocations = Record<number, bigint>
 export interface Backer {
-  totalAllocation: bigint
+  amountToAllocate: bigint
   balance: bigint
-  allocationCount: number
+  allocationsCount: number
   cumulativeAllocation: bigint
 }
 type AllocationsContextValue = {
@@ -25,12 +25,13 @@ type AllocationsContextValue = {
   contextError: Error | null
   getBuilder: (index: number) => Builder | null
   getBuilderIndexByAddress: (address: Address) => number
+  isValidState: () => boolean
 }
 export type AllocationsActions = {
   toggleSelectedBuilder: (builderIndex: number) => void
   updateAllocation: (builderIndex: number, value: bigint) => void
   updateAllocations: (values: bigint[]) => void
-  updateTotalAllocation: (value: bigint) => void
+  updateAmountToAllocate: (value: bigint) => void
   resetAllocations: () => void
 }
 export type InitialState = Pick<AllocationsContextValue, 'backer' | 'allocations'>
@@ -43,8 +44,8 @@ const DEFAULT_CONTEXT: AllocationsContext = {
   initialState: {
     backer: {
       balance: BigInt(0),
-      totalAllocation: BigInt(0),
-      allocationCount: 0,
+      amountToAllocate: BigInt(0),
+      allocationsCount: 0,
       cumulativeAllocation: BigInt(0),
     },
     allocations: {},
@@ -54,20 +55,21 @@ const DEFAULT_CONTEXT: AllocationsContext = {
     allocations: {},
     backer: {
       balance: BigInt(0),
-      totalAllocation: BigInt(0),
-      allocationCount: 0,
+      amountToAllocate: BigInt(0),
+      allocationsCount: 0,
       cumulativeAllocation: BigInt(0),
     },
     isContextLoading: true,
     contextError: null,
     getBuilder: () => null,
     getBuilderIndexByAddress: () => -1,
+    isValidState: () => false,
   },
   actions: {
     toggleSelectedBuilder: () => {},
     updateAllocation: () => {},
     updateAllocations: () => {},
-    updateTotalAllocation: () => {},
+    updateAmountToAllocate: () => {},
     resetAllocations: () => {},
   },
 }
@@ -90,6 +92,10 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
   const [isContextLoading, setIsContextLoading] = useState(DEFAULT_CONTEXT.state.isContextLoading)
   const [contextError, setContextError] = useState<Error | null>(DEFAULT_CONTEXT.state.contextError)
   const [backer, setBacker] = useState<Backer>(DEFAULT_CONTEXT.state.backer)
+
+  /**
+   * Fetch data from the blockchain
+   */
   const {
     data: builders,
     isLoading: isLoadingBuilders,
@@ -112,13 +118,15 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
     buildersWithBackerRewards?.map(builder => builder.gauge ?? zeroAddress) || [],
   )
   const {
-    data: totalAllocation,
+    data: totalOnchainAllocation,
     isLoading: isTotalAllocationLoading,
     error: totalAllocationError,
   } = useBackerTotalAllocation(backerAddress ?? zeroAddress)
   const { data: votingPower, isLoading: isVotingPowerLoading, error: votingPowerError } = useGetVotingPower()
 
-  // Cache builder lookup functions
+  /**
+   * Retrieval functions
+   */
   const getBuilder = useCallback(
     (index: number) => (index >= 0 && index < builders.length ? builders[index] : null),
     [builders],
@@ -129,16 +137,31 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
     [builders],
   )
 
-  // Consolidate state updates
+  const isValidState = useCallback(() => {
+    const { balance, cumulativeAllocation, amountToAllocate } = backer
+
+    return (
+      totalOnchainAllocation !== amountToAllocate &&
+      cumulativeAllocation < balance &&
+      amountToAllocate < balance
+    )
+  }, [backer])
+
+  /**
+   * Reactive state updates
+   */
   useEffect(() => {
     if (!isContextLoading && backerAddress && allAllocations) {
-      const [newAllocations, newCumulativeAllocation] = createInitialAllocations(allAllocations, selections)
+      const [newAllocations, newCumulativeAllocation, allocationsCount] = createInitialAllocations(
+        allAllocations,
+        selections,
+      )
       setAllocations(newAllocations)
       setBacker(prev => ({
         ...prev,
-        allocationCount: Object.entries(newAllocations).length,
+        allocationsCount,
         cumulativeAllocation: newCumulativeAllocation,
-        totalAllocation: totalAllocation ?? prev.totalAllocation,
+        amountToAllocate: totalOnchainAllocation ?? prev.amountToAllocate,
         balance: votingPower ?? prev.balance,
       }))
     }
@@ -148,7 +171,7 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
     selections,
     isContextLoading,
     builders.length,
-    totalAllocation,
+    totalOnchainAllocation,
     votingPower,
   ])
 
@@ -182,6 +205,10 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
     isVotingPowerLoading,
     buildersWithBackerRewardsLoading,
   ])
+
+  /**
+   * Memoize states
+   */
   const initialState: InitialState = useMemo(() => {
     if (isContextLoading) {
       return {
@@ -189,20 +216,21 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
         allocations: DEFAULT_CONTEXT.initialState.allocations,
       }
     }
-    const [initialAllocations, initialCumulativeAllocations] = createInitialAllocations(
+    const [initialAllocations, initialCumulativeAllocations, allocationsCount] = createInitialAllocations(
       allAllocations || [],
       selections,
     )
     return {
       backer: {
+        allocationsCount,
         balance: votingPower ?? BigInt(0),
-        totalAllocation: totalAllocation ?? BigInt(0),
+        amountToAllocate: totalOnchainAllocation ?? BigInt(0),
         allocationCount: Object.entries(initialAllocations).length,
         cumulativeAllocation: initialCumulativeAllocations,
       },
       allocations: initialAllocations,
     }
-  }, [allAllocations, totalAllocation, votingPower, isContextLoading, selections])
+  }, [allAllocations, totalOnchainAllocation, votingPower, isContextLoading, selections])
 
   const state: AllocationsContextValue = useMemo(() => {
     return {
@@ -213,6 +241,7 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       contextError,
       getBuilder,
       getBuilderIndexByAddress,
+      isValidState,
     }
   }, [selections, allocations, backer, isContextLoading, contextError, getBuilder, getBuilderIndexByAddress])
 
@@ -233,15 +262,20 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
 
   return <AllocationsContext.Provider value={contextValue}>{children}</AllocationsContext.Provider>
 }
-function createInitialAllocations(allAllocations: bigint[], selections: number[]): [Allocations, bigint] {
+
+function createInitialAllocations(
+  allAllocations: bigint[],
+  selections: number[],
+): [Allocations, bigint, number] {
   return allAllocations.reduce(
     (acc, allocation, index) => {
       if (allocation || selections.includes(index)) {
         acc[0][index] = allocation
         acc[1] += allocation ?? BigInt(0)
+        acc[2] += 1
       }
       return acc
     },
-    [{} as Allocations, BigInt(0)],
+    [{} as Allocations, BigInt(0), 0],
   )
 }
diff --git a/src/app/collective-rewards/allocations/context/allocationsActions.tsx b/src/app/collective-rewards/allocations/context/allocationsActions.tsx
index c4648679..1cd47122 100644
--- a/src/app/collective-rewards/allocations/context/allocationsActions.tsx
+++ b/src/app/collective-rewards/allocations/context/allocationsActions.tsx
@@ -39,10 +39,10 @@ export const createActions = (
       cumulativeAllocation: newCumulativeAllocation,
     }))
   },
-  updateTotalAllocation: (value: bigint) => {
+  updateAmountToAllocate: (value: bigint) => {
     setBacker(prevBacker => ({
       ...prevBacker,
-      totalAllocation: value,
+      amountToAllocate: value,
     }))
   },
   resetAllocations: () => {
diff --git a/src/app/collective-rewards/allocations/page.tsx b/src/app/collective-rewards/allocations/page.tsx
index ac86bb1c..a0e1f11d 100644
--- a/src/app/collective-rewards/allocations/page.tsx
+++ b/src/app/collective-rewards/allocations/page.tsx
@@ -40,7 +40,7 @@ export default function Allocations() {
 
   const router = useRouter()
   const {
-    state: { allocations, getBuilder },
+    state: { allocations, getBuilder, isValidState },
     actions: { resetAllocations },
   } = useContext(AllocationsContext)
 
@@ -105,7 +105,7 @@ export default function Allocations() {
           <div className="flex items-center self-stretch justify-between gap-4">
             <div className="flex gap-4">
               {/* TODO: review disabled statuses */}
-              <Button variant="primary" onClick={() => saveAllocations()}>
+              <Button disabled={!isValidState()} variant="primary" onClick={() => saveAllocations()}>
                 {' '}
                 Save allocations
               </Button>

From 140cfb4a6b05813b26e071a9cc8d6f7fc46ee05d Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <39339295+Freshenext@users.noreply.github.com>
Date: Mon, 25 Nov 2024 09:59:15 -0400
Subject: [PATCH 095/115] DAO-842 Updated logic to correctly match allocation
 balance checking process. (#396)

Merging this in and will take suggestions in next release/sprint.
---
 src/app/user/Stake/Steps/StepOne.tsx          | 46 ++++--------
 .../hooks/useCanAccountUnstakeAmount.tsx      | 70 +++++++++++++++----
 2 files changed, 70 insertions(+), 46 deletions(-)

diff --git a/src/app/user/Stake/Steps/StepOne.tsx b/src/app/user/Stake/Steps/StepOne.tsx
index bb96b9b8..d8d87412 100644
--- a/src/app/user/Stake/Steps/StepOne.tsx
+++ b/src/app/user/Stake/Steps/StepOne.tsx
@@ -1,24 +1,15 @@
-import { useRef } from 'react'
 import { StakeRIF } from '@/app/user/Stake/StakeRIF'
 import { useStakingContext } from '@/app/user/Stake/StakingContext'
 import { StepProps } from '@/app/user/Stake/types'
-import { debounce, formatCurrency, toFixed } from '@/lib/utils'
-import { useEffect, useMemo, useState } from 'react'
+import { formatCurrency, toFixed } from '@/lib/utils'
+import { useMemo } from 'react'
 import { useCanAccountUnstakeAmount } from '@/shared/hooks/useCanAccountUnstakeAmount'
 
 export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
   const { amount, onAmountChange, tokenToSend, actionName } = useStakingContext()
-
-  const { isCanAccountWithdrawLoading, canAccountWithdraw, refetchCanAccountWithdraw } =
-    useCanAccountUnstakeAmount(BigInt(Math.ceil(Number(amount)))) // Ceiling to avoid crashing when using decimals
-  // Tracks the most recent amount that completed validation via the withdrawal check API.
-  const [lastAmountFetched, setLastAmountFetched] = useState('')
-
-  const debounceRefetchCanAccountWithdraw = useRef(
-    debounce((amountToUpdate: string) => {
-      refetchCanAccountWithdraw().then(() => setLastAmountFetched(amountToUpdate))
-    }, 1000),
-  ).current
+  // For now, we can only unstake stRIF - but this might change in the future... so tokenToSend.balance must be handled on each case
+  const { isCanAccountWithdrawLoading, canAccountWithdraw, backerTotalAllocation } =
+    useCanAccountUnstakeAmount(Number(amount).toString(), tokenToSend.balance) // Ceil'ing to avoid crashing when using decimals
 
   const balanceToCurrency = useMemo(
     () => Number(tokenToSend.price) * Number(tokenToSend.balance),
@@ -30,8 +21,12 @@ export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
   }
 
   const shouldShowCannotWithdraw = useMemo(
-    () => actionName === 'UNSTAKE' && !isCanAccountWithdrawLoading && canAccountWithdraw === false,
-    [actionName, canAccountWithdraw, isCanAccountWithdrawLoading],
+    () =>
+      actionName === 'UNSTAKE' &&
+      !isCanAccountWithdrawLoading &&
+      !canAccountWithdraw &&
+      (backerTotalAllocation || 0n) > 0n,
+    [actionName, backerTotalAllocation, canAccountWithdraw, isCanAccountWithdrawLoading],
   )
 
   const shouldEnableGoNext = useMemo(() => {
@@ -41,9 +36,6 @@ export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
     // Extra unstake validation
     if (actionName === 'UNSTAKE') {
       // Checks if the last amount we checked is the one that is currently introduced in the Input
-      if (lastAmountFetched !== amount) {
-        return false
-      }
       if (isCanAccountWithdrawLoading) {
         return false
       }
@@ -53,21 +45,7 @@ export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
     }
 
     return Number(amount) <= Number(tokenToSend.balance)
-  }, [
-    actionName,
-    amount,
-    isCanAccountWithdrawLoading,
-    lastAmountFetched,
-    shouldShowCannotWithdraw,
-    tokenToSend.balance,
-  ])
-
-  useEffect(() => {
-    // Run extra validation when UNSTAKE
-    if (actionName === 'UNSTAKE') {
-      debounceRefetchCanAccountWithdraw(amount)
-    }
-  }, [actionName, amount, debounceRefetchCanAccountWithdraw])
+  }, [actionName, amount, isCanAccountWithdrawLoading, shouldShowCannotWithdraw, tokenToSend.balance])
 
   return (
     <StakeRIF
diff --git a/src/shared/hooks/useCanAccountUnstakeAmount.tsx b/src/shared/hooks/useCanAccountUnstakeAmount.tsx
index 31fcd2e5..012102f1 100644
--- a/src/shared/hooks/useCanAccountUnstakeAmount.tsx
+++ b/src/shared/hooks/useCanAccountUnstakeAmount.tsx
@@ -1,28 +1,74 @@
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { BACKERS_MANAGER_ADDRESS } from '@/lib/constants'
 import { useAccount, useReadContract } from 'wagmi'
+import { parseEther } from 'viem'
 
-export const useCanAccountUnstakeAmount = (amount: bigint) => {
+/**
+ * Custom hook to determine if an account can unstake a specified amount of RIF tokens
+ *
+ * @param amount - The amount to unstake in bigint format
+ * @param stRifBalance - The current stRIF balance as a string
+ * @returns An object containing:
+ *  - canAccountWithdraw: boolean indicating if the account can withdraw the specified amount
+ *  - isCanAccountWithdrawLoading: boolean indicating if the data is still loading
+ *
+ * @remarks
+ * The hook calculates if an account can unstake by:
+ * 1. Fetching the backer's total allocation from the BackersManager contract
+ * 2. Converting input amount and balance to proper format using parseEther
+ * 3. Calculating available balance by subtracting total allocation from current balance
+ * 4. Comparing requested unstake amount against available balance
+ *
+ * @example
+ * ```tsx
+ * const { canAccountWithdraw, isCanAccountWithdrawLoading } = useCanAccountUnstakeAmount(
+ *   "100", // amount to unstake
+ *   "1000" // current stRIF balance
+ * );
+ * ```
+ */
+export const useCanAccountUnstakeAmount = (amount: string, stRifBalance: string) => {
   const { address } = useAccount()
-  const {
-    data: canAccountWithdraw,
-    isLoading: isCanAccountWithdrawLoading,
-    refetch: refetchCanAccountWithdraw,
-  } = useReadContract(
+  const { data: backerTotalAllocation, isLoading: isBackerTotalAllocationLoading } = useReadContract(
     address && {
       abi: BackersManagerAbi,
       address: BACKERS_MANAGER_ADDRESS,
-      functionName: 'canWithdraw',
-      args: [address, amount],
+      functionName: 'backerTotalAllocation',
+      args: [address],
       query: {
-        enabled: false,
+        refetchInterval: 10000,
       },
     },
   )
 
+  const parsedAmount = parseEther(amount) ?? 0n
+  const parsedBalance = parseEther(stRifBalance) ?? 0n
+  const balanceThatCanBeWithdraw = parsedBalance - (backerTotalAllocation || 0n)
+
   return {
-    canAccountWithdraw,
-    isCanAccountWithdrawLoading,
-    refetchCanAccountWithdraw,
+    canAccountWithdraw: parsedAmount <= balanceThatCanBeWithdraw,
+    isCanAccountWithdrawLoading: isBackerTotalAllocationLoading,
+    backerTotalAllocation,
   }
 }
+
+/**
+ * Example 1
+ * If you have 300 tokens in your balance and have allocated 250 tokens to backing, your balanceThatCanBeWithdraw would be 50 tokens (300 - 250 = 50).
+ * This means you can only unstake up to 50 tokens, as the remaining 250 are locked in allocations.
+ * Example 2
+ * Let's say you want to unstake 40 tokens:
+ *
+ * Your parsedBalance = 300
+ * Your backerTotalAllocation = 250
+ * Your balanceThatCanBeWithdraw = 50
+ * Since 40 < 50, the unstaking will succeed.
+ *
+ * Example 3
+ * However, if you try to unstake 60 tokens:
+ *
+ * Your parsedBalance = 300
+ * Your backerTotalAllocation = 250
+ * Your balanceThatCanBeWithdraw = 50
+ * Since 60 > 50, the unstaking will fail because you're trying to unstake more tokens than are available.
+ */

From f638626138a5109cd33dcdba346fe39352064e6f Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Mon, 25 Nov 2024 14:29:53 +0000
Subject: [PATCH 096/115] fix(allocs): update new amount to alloc (#410)

---
 .../allocations/components/AllocationAmount.tsx           | 8 ++++----
 .../allocations/context/AllocationsContext.tsx            | 4 ++--
 src/app/collective-rewards/allocations/page.tsx           | 4 ++++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
index e91fa186..a9bfbac7 100644
--- a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
+++ b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
@@ -25,21 +25,21 @@ export const AllocationAmount = () => {
     state: {
       backer: { balance, amountToAllocate, cumulativeAllocation, allocationsCount },
     },
-    actions: { updateAllocations, updateAmountToAllocate: updateTotalAllocation },
+    actions: { updateAllocations, updateAmountToAllocate },
   } = useContext(AllocationsContext)
 
   const [activeButtonIndex, setActiveButtonIndex] = useState<number | null>(null)
   const onPercentageButtonClicked = (percentage: number, index: number) => {
     const newAmountToAllocate = (BigInt(balance ?? 0n) * BigInt(percentage)) / BigInt(100)
-    updateTotalAllocation(newAmountToAllocate)
+    updateAmountToAllocate(newAmountToAllocate)
     setActiveButtonIndex(index)
     if (allocationsCount === 0) return
 
-    updateAllocations(Array(allocationsCount).fill(BigInt(allocationsCount)))
+    updateAllocations(Array(allocationsCount).fill(newAmountToAllocate / BigInt(allocationsCount)))
   }
 
   const handleOnChange = (value: string) => {
-    updateTotalAllocation(parseEther(value))
+    updateAmountToAllocate(parseEther(value))
   }
 
   return (
diff --git a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
index 51664ea2..73406121 100644
--- a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
+++ b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
@@ -142,8 +142,8 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
 
     return (
       totalOnchainAllocation !== amountToAllocate &&
-      cumulativeAllocation < balance &&
-      amountToAllocate < balance
+      cumulativeAllocation <= balance &&
+      amountToAllocate <= balance
     )
   }, [backer])
 
diff --git a/src/app/collective-rewards/allocations/page.tsx b/src/app/collective-rewards/allocations/page.tsx
index a0e1f11d..98d15bb4 100644
--- a/src/app/collective-rewards/allocations/page.tsx
+++ b/src/app/collective-rewards/allocations/page.tsx
@@ -93,6 +93,10 @@ export default function Allocations() {
             {Object.entries(allocations).map(([key, currentAllocation]) => {
               const index = Number(key)
               const builderInfo = getBuilder(index) as Builder
+              if (!builderInfo) {
+                return null
+              }
+
               const builder: BuilderAllocationProps = {
                 ...builderInfo,
                 index,

From 6d3184155b17d75dda5b163c518aaeae6da87aa0 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 15:33:07 +0000
Subject: [PATCH 097/115] fix: filter out builders without allocations or
 rewards (#405)

---
 .../rewards/backers/BackerRewardsTable.tsx    | 118 +++++----
 .../backers/hooks/useGetBackerRewards.ts      | 233 ++++++++++--------
 .../rewards/utils/getPercentageData.ts        |   1 +
 3 files changed, 201 insertions(+), 151 deletions(-)

diff --git a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
index 65b1300b..3f7a4324 100644
--- a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
+++ b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx
@@ -19,6 +19,7 @@ import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { LoadingSpinner } from '@/components/LoadingSpinner'
 import { useBasicPaginationUi } from '@/shared/hooks/usePaginationUi'
 import { CycleContextProvider } from '@/app/collective-rewards/metrics'
+import Link from 'next/link'
 
 enum RewardsColumnKeyEnum {
   builder = 'builder',
@@ -110,58 +111,73 @@ const RewardsTable: FC<BackerRewardsTable> = ({ builder, gauges, tokens }) => {
 
   return (
     <div className="flex flex-col gap-5 w-full">
-      <TableCore className="table-fixed">
-        <TableHead>
-          <TableRow className="min-h-0 normal-case">
-            {tableHeaders.map(header => (
-              <TableHeaderCell
-                key={header.label}
-                tableHeader={header}
-                onSort={() => handleSort(header.sortKey)}
-                sortConfig={sortConfig}
-              />
-            ))}
-          </TableRow>
-        </TableHead>
-        <TableBody>
-          {Object.values(paginatedRewardsData).map(
-            ({
-              address,
-              builderName,
-              stateFlags,
-              rewardPercentage,
-              estimatedRewards,
-              totalAllocationPercentage,
-              claimableRewards,
-              allTimeRewards,
-            }) => (
-              <TableRow key={address} className="text-[14px] border-hidden">
-                <BuilderNameCell
-                  tableHeader={tableHeaders[0]}
-                  builderName={builderName}
-                  address={address}
-                  stateFlags={stateFlags}
-                />
-                <BackerRewardsPercentage tableHeader={tableHeaders[1]} percentage={rewardPercentage} />
-                <LazyRewardCell
-                  tableHeader={tableHeaders[2]}
-                  rewards={[estimatedRewards.rbtc, estimatedRewards.rif]}
-                />
-                <TotalAllocationCell tableHeader={tableHeaders[3]} percentage={totalAllocationPercentage} />
-                <LazyRewardCell
-                  tableHeader={tableHeaders[4]}
-                  rewards={[claimableRewards.rbtc, claimableRewards.rif]}
-                />
-                <LazyRewardCell
-                  tableHeader={tableHeaders[5]}
-                  rewards={[allTimeRewards.rbtc, allTimeRewards.rif]}
-                />
+      {Object.values(paginatedRewardsData).length === 0 ? (
+        <div className="text-center font-kk-topo">
+          Have your say! Start voting now to shape the RootstockCollective community. Click{' '}
+          <Link href={'/collective-rewards'} className="text-[#E56B1A]">
+            here
+          </Link>{' '}
+          to begin!
+        </div>
+      ) : (
+        <>
+          <TableCore className="table-fixed">
+            <TableHead>
+              <TableRow className="min-h-0 normal-case">
+                {tableHeaders.map(header => (
+                  <TableHeaderCell
+                    key={header.label}
+                    tableHeader={header}
+                    onSort={() => handleSort(header.sortKey)}
+                    sortConfig={sortConfig}
+                  />
+                ))}
               </TableRow>
-            ),
-          )}
-        </TableBody>
-      </TableCore>
-      <div className="flex justify-center">{paginationUi}</div>
+            </TableHead>
+            <TableBody>
+              {Object.values(paginatedRewardsData).map(
+                ({
+                  address,
+                  builderName,
+                  stateFlags,
+                  rewardPercentage,
+                  estimatedRewards,
+                  totalAllocationPercentage,
+                  claimableRewards,
+                  allTimeRewards,
+                }) => (
+                  <TableRow key={address} className="text-[14px] border-hidden">
+                    <BuilderNameCell
+                      tableHeader={tableHeaders[0]}
+                      builderName={builderName}
+                      address={address}
+                      stateFlags={stateFlags}
+                    />
+                    <BackerRewardsPercentage tableHeader={tableHeaders[1]} percentage={rewardPercentage} />
+                    <LazyRewardCell
+                      tableHeader={tableHeaders[2]}
+                      rewards={[estimatedRewards.rbtc, estimatedRewards.rif]}
+                    />
+                    <TotalAllocationCell
+                      tableHeader={tableHeaders[3]}
+                      percentage={totalAllocationPercentage}
+                    />
+                    <LazyRewardCell
+                      tableHeader={tableHeaders[4]}
+                      rewards={[claimableRewards.rbtc, claimableRewards.rif]}
+                    />
+                    <LazyRewardCell
+                      tableHeader={tableHeaders[5]}
+                      rewards={[allTimeRewards.rbtc, allTimeRewards.rif]}
+                    />
+                  </TableRow>
+                ),
+              )}
+            </TableBody>
+          </TableCore>
+          <div className="flex justify-center">{paginationUi}</div>
+        </>
+      )}
     </div>
   )
 }
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
index 33ea6086..049a3389 100644
--- a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
+++ b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
@@ -14,6 +14,7 @@ import { usePricesContext } from '@/shared/context/PricesContext'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { useGetBuildersByState } from '@/app/collective-rewards//user'
 import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
+import { useMemo } from 'react'
 
 export type BackerRewards = {
   address: Address
@@ -55,9 +56,9 @@ export const useGetBackerRewards = (
   } = useGetBuildersByState<Required<Builder>>()
   const buildersAddress = builders.map(({ address }) => address)
   const {
-    data: buildersRewardsPct,
-    isLoading: buildersRewardsPctLoading,
-    error: buildersRewardsPctError,
+    data: backersRewardsPct,
+    isLoading: backersRewardsPctLoading,
+    error: backersRewardsPctError,
   } = useGetBackersRewardPercentage(buildersAddress)
   const {
     data: totalAllocation,
@@ -71,110 +72,142 @@ export const useGetBackerRewards = (
   } = useGaugesGetFunction(gauges, 'allocationOf', [builder])
   const { data: tokenRewards, isLoading: rewardsLoading, error: rewardsError } = useBackerRewardsContext()
 
-  const isLoading =
-    buildersLoading ||
-    buildersRewardsPctLoading ||
-    totalAllocationLoading ||
-    allocationOfLoading ||
-    rewardsLoading
-  const error =
-    buildersError ?? buildersRewardsPctError ?? totalAllocationError ?? allocationOfError ?? rewardsError
+  const isLoading = useMemo(
+    () =>
+      buildersLoading ||
+      backersRewardsPctLoading ||
+      totalAllocationLoading ||
+      allocationOfLoading ||
+      rewardsLoading,
+    [buildersLoading, backersRewardsPctLoading, totalAllocationLoading, allocationOfLoading, rewardsLoading],
+  )
+  const error = useMemo(
+    () =>
+      buildersError ?? backersRewardsPctError ?? totalAllocationError ?? allocationOfError ?? rewardsError,
+    [buildersError, backersRewardsPctError, totalAllocationError, allocationOfError, rewardsError],
+  )
 
   const { prices } = usePricesContext()
   const rifPrice = prices[rif.symbol]?.price ?? 0
   const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
 
-  const data: BackerRewards[] = builders.map(({ address, builderName, gauge, stateFlags }) => {
-    const builderTotalAllocation = totalAllocation[gauge] ?? 0n
-    const backerAllocationOf = allocationOf[gauge] ?? 0n
-    const totalAllocationPercentage = builderTotalAllocation
-      ? (backerAllocationOf * 100n) / builderTotalAllocation
-      : 0n
-    const rewardPercentage = buildersRewardsPct[address] ?? null
+  const data = useMemo(() => {
+    return builders.reduce((acc, { address, builderName, gauge, stateFlags }) => {
+      const builderTotalAllocation = totalAllocation[gauge] ?? 0n
+      const backerAllocationOf = allocationOf[gauge] ?? 0n
+      const totalAllocationPercentage = builderTotalAllocation
+        ? (backerAllocationOf * 100n) / builderTotalAllocation
+        : 0n
+      const rewardPercentage = backersRewardsPct[address] ?? null
 
-    const rifRewards = tokenRewardsMetrics(tokenRewards[rif.address], gauge)
-    const rbtcRewards = tokenRewardsMetrics(tokenRewards[rbtc.address], gauge)
+      const rifRewards = tokenRewardsMetrics(tokenRewards[rif.address], gauge)
+      const rbtcRewards = tokenRewardsMetrics(tokenRewards[rbtc.address], gauge)
 
-    return {
-      address,
-      builderName,
-      stateFlags,
-      totalAllocationPercentage,
-      rewardPercentage,
-      estimatedRewards: {
-        rif: {
-          crypto: {
-            value: rifRewards.estimatedRewards,
-            symbol: rif.symbol,
-          },
-          fiat: {
-            value: rifPrice * rifRewards.estimatedRewards,
-            symbol: currency,
-          },
-          logo: RifSvg(),
-        },
-        rbtc: {
-          crypto: {
-            value: rbtcRewards.estimatedRewards,
-            symbol: rbtc.symbol,
-          },
-          fiat: {
-            value: rbtcPrice * rbtcRewards.estimatedRewards,
-            symbol: currency,
-          },
-          logo: RbtcSvg(),
-        },
-      },
-      claimableRewards: {
-        rif: {
-          crypto: {
-            value: rifRewards.claimableRewards,
-            symbol: rif.symbol,
-          },
-          fiat: {
-            value: rifPrice * rifRewards.claimableRewards,
-            symbol: currency,
-          },
-          logo: RifSvg(),
-        },
-        rbtc: {
-          crypto: {
-            value: rbtcRewards.claimableRewards,
-            symbol: rbtc.symbol,
-          },
-          fiat: {
-            value: rbtcPrice * rbtcRewards.claimableRewards,
-            symbol: currency,
-          },
-          logo: RbtcSvg(),
-        },
-      },
-      allTimeRewards: {
-        rif: {
-          crypto: {
-            value: rifRewards.allTimeRewards,
-            symbol: rif.symbol,
-          },
-          fiat: {
-            value: rifPrice * rifRewards.allTimeRewards,
-            symbol: currency,
-          },
-          logo: RifSvg(),
-        },
-        rbtc: {
-          crypto: {
-            value: rbtcRewards.allTimeRewards,
-            symbol: rbtc.symbol,
-          },
-          fiat: {
-            value: rbtcPrice * rbtcRewards.allTimeRewards,
-            symbol: currency,
-          },
-          logo: RbtcSvg(),
-        },
-      },
-    }
-  })
+      // If backer allocated for the builder or if they have rewards (estimated or claimable)
+      if (
+        backerAllocationOf > 0n ||
+        rifRewards.estimatedRewards > 0 ||
+        rbtcRewards.estimatedRewards > 0 ||
+        rifRewards.claimableRewards > 0 ||
+        rbtcRewards.claimableRewards > 0
+      ) {
+        return [
+          ...acc,
+          {
+            address,
+            builderName,
+            stateFlags,
+            totalAllocationPercentage,
+            rewardPercentage,
+            estimatedRewards: {
+              rif: {
+                crypto: {
+                  value: rifRewards.estimatedRewards,
+                  symbol: rif.symbol,
+                },
+                fiat: {
+                  value: rifPrice * rifRewards.estimatedRewards,
+                  symbol: currency,
+                },
+                logo: RifSvg(),
+              },
+              rbtc: {
+                crypto: {
+                  value: rbtcRewards.estimatedRewards,
+                  symbol: rbtc.symbol,
+                },
+                fiat: {
+                  value: rbtcPrice * rbtcRewards.estimatedRewards,
+                  symbol: currency,
+                },
+                logo: RbtcSvg(),
+              },
+            },
+            claimableRewards: {
+              rif: {
+                crypto: {
+                  value: rifRewards.claimableRewards,
+                  symbol: rif.symbol,
+                },
+                fiat: {
+                  value: rifPrice * rifRewards.claimableRewards,
+                  symbol: currency,
+                },
+                logo: RifSvg(),
+              },
+              rbtc: {
+                crypto: {
+                  value: rbtcRewards.claimableRewards,
+                  symbol: rbtc.symbol,
+                },
+                fiat: {
+                  value: rbtcPrice * rbtcRewards.claimableRewards,
+                  symbol: currency,
+                },
+                logo: RbtcSvg(),
+              },
+            },
+            allTimeRewards: {
+              rif: {
+                crypto: {
+                  value: rifRewards.allTimeRewards,
+                  symbol: rif.symbol,
+                },
+                fiat: {
+                  value: rifPrice * rifRewards.allTimeRewards,
+                  symbol: currency,
+                },
+                logo: RifSvg(),
+              },
+              rbtc: {
+                crypto: {
+                  value: rbtcRewards.allTimeRewards,
+                  symbol: rbtc.symbol,
+                },
+                fiat: {
+                  value: rbtcPrice * rbtcRewards.allTimeRewards,
+                  symbol: currency,
+                },
+                logo: RbtcSvg(),
+              },
+            },
+          } as BackerRewards,
+        ]
+      }
+      return acc
+    }, [] as BackerRewards[])
+  }, [
+    builders,
+    totalAllocation,
+    allocationOf,
+    backersRewardsPct,
+    tokenRewards,
+    rif,
+    rbtc,
+    rifPrice,
+    rbtcPrice,
+    currency,
+  ])
 
   return {
     data,
diff --git a/src/app/collective-rewards/rewards/utils/getPercentageData.ts b/src/app/collective-rewards/rewards/utils/getPercentageData.ts
index 67c46425..4f1a7812 100644
--- a/src/app/collective-rewards/rewards/utils/getPercentageData.ts
+++ b/src/app/collective-rewards/rewards/utils/getPercentageData.ts
@@ -1,5 +1,6 @@
 import { toPercentage } from '@/app/collective-rewards/rewards'
 
+// TODO: this is a duplicate of BackerRewardPercentage
 export type BuilderRewardPercentage = {
   current: number
   next: number

From cee2b620aa61b515fb3994521b4aaf2115f615d2 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 18:36:09 +0000
Subject: [PATCH 098/115] fix: show the current pct if remaining time has
 passed (#413)

---
 .../hooks/useGetRewardPercentageToApply.ts    | 19 +++++++++++++------
 .../builder/BuilderRewardsSettingsMetrics.tsx | 12 +++++++++---
 .../context/BuilderSettingsContext.tsx        |  4 ++++
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetRewardPercentageToApply.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetRewardPercentageToApply.ts
index 7ea763de..47817542 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useGetRewardPercentageToApply.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetRewardPercentageToApply.ts
@@ -1,11 +1,19 @@
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
 import { Address } from 'viem'
-import { useReadContract } from 'wagmi'
+import { useReadContract, UseReadContractReturnType } from 'wagmi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
+import { Modify } from '@/shared/utility'
 
-export const useGetRewardPercentageToApply = (builder: Address) => {
-  const { data, isLoading, error } = useReadContract({
+export type RewardPercentageToApply = Modify<
+  UseReadContractReturnType,
+  {
+    data?: bigint
+  }
+>
+
+export const useGetRewardPercentageToApply = (builder: Address): RewardPercentageToApply => {
+  const response = useReadContract({
     address: BackersManagerAddress,
     abi: BackersManagerAbi,
     functionName: 'getRewardPercentageToApply',
@@ -16,8 +24,7 @@ export const useGetRewardPercentageToApply = (builder: Address) => {
   })
 
   return {
-    data,
-    isLoading,
-    error,
+    ...response,
+    data: response.data ? BigInt(response.data) : undefined,
   }
 }
diff --git a/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx b/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx
index e21ff924..55436117 100644
--- a/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx
+++ b/src/app/collective-rewards/settings/builder/BuilderRewardsSettingsMetrics.tsx
@@ -3,7 +3,7 @@ import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 import { Typography } from '@/components/Typography'
 import { cn } from '@/lib/utils'
 import { DateTime } from 'luxon'
-import { FC, HTMLAttributes, ReactNode } from 'react'
+import { FC, HTMLAttributes, ReactNode, useMemo } from 'react'
 import { weiToPercentage } from '../utils'
 import { useBuilderSettingsContext } from './context'
 
@@ -40,9 +40,15 @@ export const RewardsSettingsCard: FC<{
 
 export const BuilderRewardsSettingsMetrics: FC = () => {
   const {
-    current: { data, isLoading },
+    current: { data, isLoading: currentBackerRewardLoading },
+    rewardPercentageToApply: { data: rewardPercentageToApply, isLoading: rewardPercentageToApplyLoading },
   } = useBuilderSettingsContext()
 
+  const isLoading = useMemo(
+    () => currentBackerRewardLoading || rewardPercentageToApplyLoading,
+    [currentBackerRewardLoading, rewardPercentageToApplyLoading],
+  )
+
   const timeRemaining: string | undefined = getDateTimeRemaining(data?.cooldownEndTime)
 
   return (
@@ -52,7 +58,7 @@ export const BuilderRewardsSettingsMetrics: FC = () => {
           tagVariant: 'h2',
           className: 'text-2xl leading-[120%] uppercase text-primary font-normal',
           isLoading: isLoading,
-          children: `${weiToPercentage(data?.previous ?? 0n)}%`,
+          children: `${weiToPercentage(rewardPercentageToApply ?? 0n)}%`,
         })}
       </RewardsSettingsCard>
 
diff --git a/src/app/collective-rewards/settings/builder/context/BuilderSettingsContext.tsx b/src/app/collective-rewards/settings/builder/context/BuilderSettingsContext.tsx
index 578b085d..e528c20a 100644
--- a/src/app/collective-rewards/settings/builder/context/BuilderSettingsContext.tsx
+++ b/src/app/collective-rewards/settings/builder/context/BuilderSettingsContext.tsx
@@ -1,3 +1,4 @@
+import { RewardPercentageToApply, useGetRewardPercentageToApply } from '@/app/collective-rewards/rewards'
 import {
   BackerRewardResponse,
   SetBackerRewardsForBuilder,
@@ -11,6 +12,7 @@ import { useAccount } from 'wagmi'
 type BackerRewardsPercentageContext = {
   update: SetBackerRewardsForBuilder
   current: BackerRewardResponse
+  rewardPercentageToApply: RewardPercentageToApply
 }
 
 const BuilderSettingsContext = createContext<BackerRewardsPercentageContext>(
@@ -23,10 +25,12 @@ export const BuilderSettingsProvider: FC<{ children: ReactNode }> = ({ children
   const { address } = useAccount()
   const current = useGetBackerRewardsForBuilder(address as Address)
   const update = useSetBackerRewardsForBuilder()
+  const rewardPercentageToApply = useGetRewardPercentageToApply(address as Address)
 
   const contextValue: BackerRewardsPercentageContext = {
     update,
     current,
+    rewardPercentageToApply,
   }
 
   return <BuilderSettingsContext.Provider value={contextValue}>{children}</BuilderSettingsContext.Provider>

From e19598ea48a5165c9820f9c20656f8621db0fe4f Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 19:01:58 +0000
Subject: [PATCH 099/115] Fix: estimated backer rewards (#408)

* fix: use the view function estimatedBackerRewards

* chore: builder estimated rewards to be fixed
---
 .../context/AllocationsContext.tsx            |  13 +-
 .../backers/context/BackerRewardsContex.tsx   |   3 +-
 .../backers/hooks/useGetBackerRewards.ts      |   6 +-
 .../rewards/builders/EstimatedRewards.tsx     |  36 ++-
 .../rewards/builders/hooks/index.ts           |   2 +-
 .../builders/hooks/useGetBuildersRewards.ts   | 214 ++++++++++--------
 .../hooks/useGetBackerRewardPercentage.ts     |   8 +-
 .../hooks/useGetBackersRewardPercentage.ts    |   7 +-
 .../rewards/hooks/useGetRewardsCoinbase.ts    |  10 +-
 .../rewards/hooks/useGetRewardsERC20.ts       |  10 +-
 .../rewards/utils/getLastCycleRewards.ts      |   4 +-
 .../rewards/utils/getPercentageData.ts        |  10 +-
 .../utils/applyPrecision.ts                   |   3 -
 src/app/collective-rewards/utils/index.ts     |   1 -
 src/lib/abis/v2/RewardDistributorAbi.ts       |  71 +++---
 src/lib/contracts.ts                          |   4 +-
 16 files changed, 229 insertions(+), 173 deletions(-)
 delete mode 100644 src/app/collective-rewards/utils/applyPrecision.ts

diff --git a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
index 73406121..df458071 100644
--- a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
+++ b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
@@ -145,7 +145,7 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       cumulativeAllocation <= balance &&
       amountToAllocate <= balance
     )
-  }, [backer])
+  }, [backer, totalOnchainAllocation])
 
   /**
    * Reactive state updates
@@ -243,7 +243,16 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       getBuilderIndexByAddress,
       isValidState,
     }
-  }, [selections, allocations, backer, isContextLoading, contextError, getBuilder, getBuilderIndexByAddress])
+  }, [
+    selections,
+    allocations,
+    backer,
+    isContextLoading,
+    contextError,
+    getBuilder,
+    getBuilderIndexByAddress,
+    isValidState,
+  ])
 
   const actions: AllocationsActions = useMemo(
     () => createActions(setSelections, setAllocations, setBacker, initialState),
diff --git a/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
index e9f810cb..4c7cb31a 100644
--- a/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
+++ b/src/app/collective-rewards/rewards/backers/context/BackerRewardsContex.tsx
@@ -44,12 +44,11 @@ const useGetTokenRewards = (backer: Address, token: Token, gauges: Address[]) =>
     isLoading: earnedLoading,
     error: earnedError,
   } = useGaugesGetFunction(gauges, 'earned', [token.address, backer])
-  // TODO: change from to estimatedBackerRewards once the contracts are updated
   const {
     data: estimated,
     isLoading: estimatedLoading,
     error: estimatedError,
-  } = useGaugesGetFunction(gauges, 'earned', [token.address, backer])
+  } = useGaugesGetFunction(gauges, 'estimatedBackerRewards', [token.address, backer])
   const {
     data: claimed,
     isLoading: claimedLoading,
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
index 049a3389..4066d5fa 100644
--- a/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
+++ b/src/app/collective-rewards/rewards/backers/hooks/useGetBackerRewards.ts
@@ -92,7 +92,7 @@ export const useGetBackerRewards = (
   const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
 
   const data = useMemo(() => {
-    return builders.reduce((acc, { address, builderName, gauge, stateFlags }) => {
+    return builders.reduce<BackerRewards[]>((acc, { address, builderName, gauge, stateFlags }) => {
       const builderTotalAllocation = totalAllocation[gauge] ?? 0n
       const backerAllocationOf = allocationOf[gauge] ?? 0n
       const totalAllocationPercentage = builderTotalAllocation
@@ -191,11 +191,11 @@ export const useGetBackerRewards = (
                 logo: RbtcSvg(),
               },
             },
-          } as BackerRewards,
+          },
         ]
       }
       return acc
-    }, [] as BackerRewards[])
+    }, [])
   }, [
     builders,
     totalAllocation,
diff --git a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
index ffd72674..f860dbfa 100644
--- a/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/EstimatedRewards.tsx
@@ -6,16 +6,17 @@ import {
   useGetRewardShares,
   useGetTotalPotentialReward,
   useGetPerTokenRewards,
-  useGetRewardPercentageToApply,
   Token,
   BuilderRewardDetails,
+  useGetBackerRewardPercentage,
 } from '@/app/collective-rewards/rewards'
-import { useHandleErrors, applyPrecision } from '@/app/collective-rewards/utils'
+import { useHandleErrors } from '@/app/collective-rewards/utils'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import { FC, useEffect, useState } from 'react'
 import { Address } from 'viem'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
+import { useCycleContext } from '@/app/collective-rewards/metrics/context/CycleContext'
 
 type TokenRewardsProps = {
   builder: Address
@@ -53,20 +54,29 @@ const TokenRewards: FC<TokenRewardsProps> = ({ builder, gauge, token: { id, symb
     error: rewardSharesError,
   } = useGetRewardShares(gauge)
   const {
-    data: rewardPercentage,
-    isLoading: rewardPercentageLoading,
-    error: rewardPercentageError,
-  } = useGetRewardPercentageToApply(builder)
+    data: { cycleNext },
+    isLoading: cycleLoading,
+    error: cycleError,
+  } = useCycleContext()
+  const {
+    data: backerRewardsPct,
+    isLoading: backerRewardsPctLoading,
+    error: backerRewardsPctError,
+  } = useGetBackerRewardPercentage(builder, cycleNext.toSeconds())
+
+  const rewardPercentageToApply = backerRewardsPct?.current ?? 0
 
-  const error = rewardsError ?? totalPotentialRewardsError ?? rewardSharesError ?? rewardPercentageError
+  const error =
+    rewardsError ?? totalPotentialRewardsError ?? rewardSharesError ?? backerRewardsPctError ?? cycleError
   useHandleErrors({ error, title: 'Error loading estimated rewards' })
 
   const { prices } = usePricesContext()
 
   const rewardsAmount =
-    rewardShares && totalPotentialRewards ? rewards * (rewardShares / totalPotentialRewards) : 0n
-  const estimatedRewards = rewardPercentage ? applyPrecision(rewardsAmount * rewardPercentage) : 0n
-  const estimatedRewardsInHuman = Number(formatBalanceToHuman(estimatedRewards))
+    rewardShares && totalPotentialRewards ? (rewards * rewardShares) / totalPotentialRewards : 0n
+  // The complement of the reward percentage is applied to the estimated rewards since are from the builder's perspective
+  const estimatedRewardsInHuman =
+    Number(formatBalanceToHuman(rewardsAmount)) * (1 - rewardPercentageToApply / 100)
   const price = prices[symbol]?.price ?? 0
   const { amount, fiatAmount } = formatMetrics(estimatedRewardsInHuman, price, symbol, currency)
 
@@ -77,7 +87,11 @@ const TokenRewards: FC<TokenRewardsProps> = ({ builder, gauge, token: { id, symb
     amount,
     fiatAmount,
     isLoading:
-      isRewardsLoading || totalPotentialRewardsLoading || rewardSharesLoading || rewardPercentageLoading,
+      isRewardsLoading ||
+      totalPotentialRewardsLoading ||
+      rewardSharesLoading ||
+      backerRewardsPctLoading ||
+      cycleLoading,
   })
 }
 
diff --git a/src/app/collective-rewards/rewards/builders/hooks/index.ts b/src/app/collective-rewards/rewards/builders/hooks/index.ts
index 3f108204..f12e21ce 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/index.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/index.ts
@@ -1,5 +1,5 @@
 export * from './useClaimBuilderRewards'
 export * from './useGetBuilderRewards'
 export * from './useGetBuilderRewardsClaimedLogs'
-export * from './useGetRewardPercentageToApply'
 export * from './useGetBuildersRewards'
+export * from './useGetRewardPercentageToApply'
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
index a39914c7..fb447d7a 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
@@ -18,8 +18,20 @@ import { useGaugesGetFunction } from '@/app/collective-rewards/shared'
 import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
 import { useGetBuildersByState } from '@/app/collective-rewards/user'
 import { Address } from 'viem'
-import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
-import { useContext } from 'react'
+import { Allocations, AllocationsContext } from '@/app/collective-rewards/allocations/context'
+import { useContext, useMemo } from 'react'
+
+type RequiredBuilder = Required<Builder>
+
+// from the builders list, filter out the builders that are not kycApproved or are revoked or have no allocation
+const isBuilderShown = (
+  { stateFlags: { kycApproved, revoked } }: RequiredBuilder,
+  allocations: Allocations,
+  index: number,
+) => {
+  const allocation = allocations[index]
+  return (kycApproved && !revoked) || (allocation && allocation > 0n)
+}
 
 export type BuildersRewards = {
   address: Address
@@ -36,21 +48,12 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
     initialState: { allocations },
     state: { getBuilderIndexByAddress },
   } = useContext(AllocationsContext)
-  let {
+  const { data: cycle, isLoading: cycleLoading, error: cycleError } = useCycleContext()
+  const {
     data: builders,
     isLoading: searchLoading,
     error: searchError,
-  } = useGetBuildersByState<Required<Builder>>()
-
-  // from the builders list, filter out the builders that are not kycApproved or revoked and have no allocation
-  const filteredBuilders = builders.filter(({ address, stateFlags }) => {
-    if (!stateFlags.kycApproved || stateFlags.revoked) {
-      const allocation = allocations[getBuilderIndexByAddress(address)]
-      if (!allocation || allocation === 0n) return false
-    }
-
-    return true
-  })
+  } = useGetBuildersByState<RequiredBuilder>()
 
   const {
     data: totalPotentialRewards,
@@ -58,14 +61,6 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
     error: totalPotentialRewardsError,
   } = useGetTotalPotentialReward()
 
-  // get the backer reward percentage for each builder we want to show
-  const buildersAddress = filteredBuilders.map(({ address }) => address)
-  const {
-    data: backersRewardsPct,
-    isLoading: backersRewardsPctLoading,
-    error: backersRewardsPctError,
-  } = useGetBackersRewardPercentage(buildersAddress)
-
   // get the total allocation for all the builders
   const gauges = builders.map(({ gauge }) => gauge)
   const {
@@ -73,6 +68,7 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
     isLoading: totalAllocationLoading,
     error: totalAllocationError,
   } = useGaugesGetFunction(gauges, 'totalAllocation')
+
   const sumTotalAllocation = Object.values(totalAllocation ?? {}).reduce(
     (acc, value) => acc + (value ?? 0n),
     0n,
@@ -96,11 +92,10 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
     error: rewardsCoinbaseError,
   } = useGetRewardsCoinbase()
 
-  const { data: cycle, isLoading: cycleLoading, error: cycleError } = useCycleContext()
-  const { cycleDuration, cycleStart, endDistributionWindow } = cycle
+  const { cycleDuration, cycleStart, endDistributionWindow, cycleNext } = cycle
   const distributionWindow = endDistributionWindow.diff(cycleStart)
-  const lastCycleStart = cycleStart.minus({ millisecond: cycleDuration.as('millisecond') })
-  const lastCycleAfterDistribution = lastCycleStart.plus({ millisecond: +distributionWindow })
+  const lastCycleStart = cycleStart.minus({ seconds: cycleDuration.as('seconds') })
+  const lastCycleAfterDistribution = lastCycleStart.plus({ seconds: distributionWindow.as('seconds') })
 
   const {
     data: notifyRewardEventLastCycle,
@@ -115,6 +110,14 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
   const rifBuildersRewardsAmount = getNotifyRewardAmount(notifyRewardEventLastCycle, rif, 'builderAmount_')
   const rbtcBuildersRewardsAmount = getNotifyRewardAmount(notifyRewardEventLastCycle, rbtc, 'builderAmount_')
 
+  // get the backer reward percentage for each builder we want to show
+  const buildersAddress = builders.map(({ address }) => address)
+  const {
+    data: backersRewardsPct,
+    isLoading: backersRewardsPctLoading,
+    error: backersRewardsPctError,
+  } = useGetBackersRewardPercentage(buildersAddress, cycleNext.toSeconds())
+
   const isLoading =
     rewardSharesLoading ||
     searchLoading ||
@@ -142,77 +145,100 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
   const rifPrice = prices[rif.symbol]?.price ?? 0
   const rbtcPrice = prices[rbtc.symbol]?.price ?? 0
 
-  const data: BuildersRewards[] = filteredBuilders.map(({ address, builderName, gauge, stateFlags }) => {
-    const builderRewardShares = rewardShares[gauge] ?? 0n
-    const rewardPercentage = backersRewardsPct[address] ?? null
-    const currentRewardPercentage = rewardPercentage?.current ?? 0
-
-    // calculate rif estimated rewards
-    const rewardRif = rewardsERC20 ?? 0n
-    const rewardsAmountRif = totalPotentialRewards
-      ? rewardRif * (builderRewardShares / totalPotentialRewards)
-      : 0n
-    const estimatedRifInHuman =
-      Number(formatBalanceToHuman(rewardsAmountRif)) * (currentRewardPercentage / 100)
-
-    // calculate rbtc estimated rewards
-    const rewardRbtc = rewardsCoinbase ?? 0n
-    const rewardsAmountRbtc = totalPotentialRewards
-      ? rewardRbtc * (builderRewardShares / totalPotentialRewards)
-      : 0n
-    const estimatedRbtcInHuman =
-      Number(formatBalanceToHuman(rewardsAmountRbtc)) * (currentRewardPercentage / 100)
-
-    const totalAllocationPercentage = sumTotalAllocation
-      ? (totalAllocation[gauge] * 100n) / sumTotalAllocation
-      : 0n
-    const rifBuilderRewardsAmount = Number(formatBalanceToHuman(rifBuildersRewardsAmount[gauge] ?? 0n))
-    const rbtcBuilderRewardsAmount = Number(formatBalanceToHuman(rbtcBuildersRewardsAmount[gauge] ?? 0n))
-
-    return {
-      address,
-      builderName,
-      stateFlags,
-      totalAllocationPercentage,
-      rewardPercentage,
-      lastCycleReward: {
-        rif: {
-          crypto: { value: rifBuilderRewardsAmount, symbol: rif.symbol },
-          fiat: {
-            value: rifPrice * rifBuilderRewardsAmount,
-            symbol: currency,
-          },
-          logo: RifSvg(),
-        },
-        rbtc: {
-          crypto: { value: rbtcBuilderRewardsAmount, symbol: rbtc.symbol },
-          fiat: {
-            value: rbtcPrice * rbtcBuilderRewardsAmount,
-            symbol: currency,
+  const data = useMemo(() => {
+    return builders.reduce<BuildersRewards[]>((acc, builder) => {
+      const { address, builderName, gauge, stateFlags } = builder
+
+      const isShown = isBuilderShown(builder, allocations, getBuilderIndexByAddress(address))
+      if (!isShown) return acc
+
+      const builderRewardShares = rewardShares[gauge] ?? 0n
+      const rewardPercentage = backersRewardsPct[address] ?? null
+      const rewardPercentageToApply = rewardPercentage?.current ?? 0
+
+      // calculate rif estimated rewards
+      const rewardRif = rewardsERC20 ?? 0n
+      const rewardsAmountRif = totalPotentialRewards
+        ? (rewardRif * builderRewardShares) / totalPotentialRewards
+        : 0n
+      const estimatedRifInHuman =
+        Number(formatBalanceToHuman(rewardsAmountRif)) * (rewardPercentageToApply / 100)
+
+      // calculate rbtc estimated rewards
+      const rewardRbtc = rewardsCoinbase ?? 0n
+      const rewardsAmountRbtc = totalPotentialRewards
+        ? (rewardRbtc * builderRewardShares) / totalPotentialRewards
+        : 0n
+      const estimatedRbtcInHuman =
+        Number(formatBalanceToHuman(rewardsAmountRbtc)) * (rewardPercentageToApply / 100)
+
+      const totalAllocationPercentage = sumTotalAllocation
+        ? (totalAllocation[gauge] * 100n) / sumTotalAllocation
+        : 0n
+
+      const rifBuilderRewardsAmount = Number(formatBalanceToHuman(rifBuildersRewardsAmount[gauge] ?? 0n))
+      const rbtcBuilderRewardsAmount = Number(formatBalanceToHuman(rbtcBuildersRewardsAmount[gauge] ?? 0n))
+
+      return [
+        ...acc,
+        {
+          address,
+          builderName,
+          stateFlags,
+          totalAllocationPercentage,
+          rewardPercentage,
+          lastCycleReward: {
+            rif: {
+              crypto: { value: rifBuilderRewardsAmount, symbol: rif.symbol },
+              fiat: {
+                value: rifPrice * rifBuilderRewardsAmount,
+                symbol: currency,
+              },
+              logo: RifSvg(),
+            },
+            rbtc: {
+              crypto: { value: rbtcBuilderRewardsAmount, symbol: rbtc.symbol },
+              fiat: {
+                value: rbtcPrice * rbtcBuilderRewardsAmount,
+                symbol: currency,
+              },
+              logo: RbtcSvg(),
+            },
           },
-          logo: RbtcSvg(),
-        },
-      },
-      estimatedReward: {
-        rif: {
-          crypto: { value: estimatedRifInHuman, symbol: rif.symbol },
-          fiat: {
-            value: rifPrice * estimatedRifInHuman,
-            symbol: currency,
-          },
-          logo: RifSvg(),
-        },
-        rbtc: {
-          crypto: { value: estimatedRbtcInHuman, symbol: rbtc.symbol },
-          fiat: {
-            value: rbtcPrice * estimatedRbtcInHuman,
-            symbol: currency,
+          estimatedReward: {
+            rif: {
+              crypto: { value: estimatedRifInHuman, symbol: rif.symbol },
+              fiat: {
+                value: rifPrice * estimatedRifInHuman,
+                symbol: currency,
+              },
+              logo: RifSvg(),
+            },
+            rbtc: {
+              crypto: { value: estimatedRbtcInHuman, symbol: rbtc.symbol },
+              fiat: {
+                value: rbtcPrice * estimatedRbtcInHuman,
+                symbol: currency,
+              },
+              logo: RbtcSvg(),
+            },
           },
-          logo: RbtcSvg(),
         },
-      },
-    }
-  })
+      ]
+    }, [])
+  }, [
+    builders,
+    allocations,
+    rewardShares,
+    totalPotentialRewards,
+    backersRewardsPct,
+    sumTotalAllocation,
+    rifBuildersRewardsAmount,
+    rbtcBuildersRewardsAmount,
+    rifPrice,
+    rbtcPrice,
+    currency,
+  ])
 
   return {
     data,
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBackerRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBackerRewardPercentage.ts
index 7725ccf6..e56051c3 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetBackerRewardPercentage.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetBackerRewardPercentage.ts
@@ -6,7 +6,7 @@ import { useEffect, useState } from 'react'
 import { Address } from 'viem'
 import { useReadContract } from 'wagmi'
 
-export const useGetBackerRewardPercentage = (builder: Address) => {
+export const useGetBackerRewardPercentage = (builder: Address, timestampInSeconds?: number) => {
   const [rewardPercentageData, setRewardPercentageData] = useState<BuilderRewardPercentage>()
   const { data, isLoading, error } = useReadContract({
     address: BackersManagerAddress,
@@ -23,13 +23,13 @@ export const useGetBackerRewardPercentage = (builder: Address) => {
 
     const [previous, next, cooldownEndTime] = data
 
-    const percentageData = getPercentageData(previous, next, cooldownEndTime)
+    const percentageData = getPercentageData(previous, next, cooldownEndTime, timestampInSeconds)
 
     setRewardPercentageData(percentageData)
-  }, [data])
+  }, [data, timestampInSeconds])
 
   return {
-    rewardPercentageData,
+    data: rewardPercentageData,
     isLoading,
     error,
   }
diff --git a/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts b/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts
index ae7b5dc6..42f63327 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetBackersRewardPercentage.ts
@@ -1,5 +1,4 @@
 import { BuilderRewardPercentage, getPercentageData } from '@/app/collective-rewards/rewards/utils'
-import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 import { BackersManagerAddress } from '@/lib/contracts'
@@ -7,7 +6,7 @@ import { useMemo } from 'react'
 import { Address } from 'viem'
 import { useReadContracts } from 'wagmi'
 
-export const useGetBackersRewardPercentage = (builders: Address[]) => {
+export const useGetBackersRewardPercentage = (builders: Address[], timestampInSeconds?: number) => {
   const contractCalls = builders?.map(
     builder =>
       ({
@@ -42,12 +41,12 @@ export const useGetBackersRewardPercentage = (builders: Address[]) => {
           bigint,
           bigint,
         ]
-        const result = getPercentageData(current, next, cooldownEndTime)
+        const result = getPercentageData(current, next, cooldownEndTime, timestampInSeconds)
         acc[gauge] = result
 
         return acc
       }, {}),
-    [builders, contractResults],
+    [builders, contractResults, timestampInSeconds],
   )
 
   return {
diff --git a/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts
index 43073ea2..10162a36 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetRewardsCoinbase.ts
@@ -1,13 +1,13 @@
-import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { RewardDistributorAbi } from '@/lib/abis/v2/RewardDistributorAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-import { BackersManagerAddress } from '@/lib/contracts'
+import { RewardDistributorAddress } from '@/lib/contracts'
 import { useReadContract } from 'wagmi'
 
 export const useGetRewardsCoinbase = () => {
   return useReadContract({
-    address: BackersManagerAddress,
-    abi: BackersManagerAbi,
-    functionName: 'rewardsCoinbase',
+    address: RewardDistributorAddress,
+    abi: RewardDistributorAbi,
+    functionName: 'defaultRewardCoinbaseAmount',
     query: {
       refetchInterval: AVERAGE_BLOCKTIME,
     },
diff --git a/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts b/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts
index bd485e0d..65c8fba4 100644
--- a/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts
+++ b/src/app/collective-rewards/rewards/hooks/useGetRewardsERC20.ts
@@ -1,13 +1,13 @@
-import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
+import { RewardDistributorAbi } from '@/lib/abis/v2/RewardDistributorAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
-import { BackersManagerAddress } from '@/lib/contracts'
+import { RewardDistributorAddress } from '@/lib/contracts'
 import { useReadContract } from 'wagmi'
 
 export const useGetRewardsERC20 = () => {
   return useReadContract({
-    address: BackersManagerAddress,
-    abi: BackersManagerAbi,
-    functionName: 'rewardsERC20',
+    address: RewardDistributorAddress,
+    abi: RewardDistributorAbi,
+    functionName: 'defaultRewardTokenAmount',
     query: {
       refetchInterval: AVERAGE_BLOCKTIME,
     },
diff --git a/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts b/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
index a6ad5fdb..48592154 100644
--- a/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
+++ b/src/app/collective-rewards/rewards/utils/getLastCycleRewards.ts
@@ -10,8 +10,8 @@ type CycleRewards = {
 export const getLastCycleRewards = (cycle: Cycle, notifyRewardLogs?: GaugeNotifyRewardEventLog) => {
   const { cycleDuration, endDistributionWindow, cycleStart } = cycle
   const distributionWindow = endDistributionWindow.diff(cycleStart)
-  const lastCycleStart = cycleStart.minus({ millisecond: cycleDuration.as('millisecond') })
-  const lastCycleAfterDistribution = lastCycleStart.plus({ millisecond: +distributionWindow })
+  const lastCycleStart = cycleStart.minus({ seconds: cycleDuration.as('seconds') })
+  const lastCycleAfterDistribution = lastCycleStart.plus({ seconds: distributionWindow.as('seconds') })
 
   if (!notifyRewardLogs) {
     return { builderAmount: 0n, sponsorsAmount: 0n }
diff --git a/src/app/collective-rewards/rewards/utils/getPercentageData.ts b/src/app/collective-rewards/rewards/utils/getPercentageData.ts
index 4f1a7812..47435f5b 100644
--- a/src/app/collective-rewards/rewards/utils/getPercentageData.ts
+++ b/src/app/collective-rewards/rewards/utils/getPercentageData.ts
@@ -7,8 +7,14 @@ export type BuilderRewardPercentage = {
   cooldownEndTime: bigint
 }
 
-export const getPercentageData = (previous: bigint, next: bigint, cooldownEndTime: bigint) => {
-  const currentTimestamp = Math.floor(Date.now() / 1000)
+// TODO: get the percentage in bigint
+export const getPercentageData = (
+  previous: bigint,
+  next: bigint,
+  cooldownEndTime: bigint,
+  timestampInSeconds?: number,
+) => {
+  const currentTimestamp = timestampInSeconds ?? Math.floor(Date.now() / 1000)
   const previousPercentage = toPercentage(previous)
   const nextPercentage = toPercentage(next)
   let currentPercentage = currentTimestamp < cooldownEndTime ? previousPercentage : nextPercentage
diff --git a/src/app/collective-rewards/utils/applyPrecision.ts b/src/app/collective-rewards/utils/applyPrecision.ts
deleted file mode 100644
index f6abe96f..00000000
--- a/src/app/collective-rewards/utils/applyPrecision.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { parseUnits } from 'viem'
-
-export const applyPrecision = (value: bigint, precision = 18) => value / parseUnits('1', precision)
diff --git a/src/app/collective-rewards/utils/index.ts b/src/app/collective-rewards/utils/index.ts
index cee01f11..9893af85 100644
--- a/src/app/collective-rewards/utils/index.ts
+++ b/src/app/collective-rewards/utils/index.ts
@@ -1,4 +1,3 @@
-export * from './applyPrecision'
 export * from './getBuilderGauge'
 export * from './getBuilderState'
 export * from './getCoinbaseAddress'
diff --git a/src/lib/abis/v2/RewardDistributorAbi.ts b/src/lib/abis/v2/RewardDistributorAbi.ts
index 776a2782..ee98b31f 100644
--- a/src/lib/abis/v2/RewardDistributorAbi.ts
+++ b/src/lib/abis/v2/RewardDistributorAbi.ts
@@ -36,13 +36,26 @@ export const RewardDistributorAbi = [
   },
   {
     type: 'function',
-    name: 'foundationTreasury',
+    name: 'defaultRewardCoinbaseAmount',
     inputs: [],
     outputs: [
       {
         name: '',
-        type: 'address',
-        internalType: 'address',
+        type: 'uint256',
+        internalType: 'uint256',
+      },
+    ],
+    stateMutability: 'view',
+  },
+  {
+    type: 'function',
+    name: 'defaultRewardTokenAmount',
+    inputs: [],
+    outputs: [
+      {
+        name: '',
+        type: 'uint256',
+        internalType: 'uint256',
       },
     ],
     stateMutability: 'view',
@@ -99,25 +112,6 @@ export const RewardDistributorAbi = [
     ],
     stateMutability: 'view',
   },
-  {
-    type: 'function',
-    name: 'rewardCoinbaseAmountPerCycle',
-    inputs: [
-      {
-        name: 'cycleTimestampStart',
-        type: 'uint256',
-        internalType: 'uint256',
-      },
-    ],
-    outputs: [
-      {
-        name: 'amount',
-        type: 'uint256',
-        internalType: 'uint256',
-      },
-    ],
-    stateMutability: 'view',
-  },
   {
     type: 'function',
     name: 'rewardToken',
@@ -133,26 +127,25 @@ export const RewardDistributorAbi = [
   },
   {
     type: 'function',
-    name: 'rewardTokenAmountPerCycle',
+    name: 'sendRewards',
     inputs: [
       {
-        name: 'cycleTimestampStart',
+        name: 'amountERC20_',
         type: 'uint256',
         internalType: 'uint256',
       },
-    ],
-    outputs: [
       {
-        name: 'amount',
+        name: 'amountCoinbase_',
         type: 'uint256',
         internalType: 'uint256',
       },
     ],
-    stateMutability: 'view',
+    outputs: [],
+    stateMutability: 'payable',
   },
   {
     type: 'function',
-    name: 'sendRewards',
+    name: 'sendRewardsAndStartDistribution',
     inputs: [
       {
         name: 'amountERC20_',
@@ -170,15 +163,29 @@ export const RewardDistributorAbi = [
   },
   {
     type: 'function',
-    name: 'sendRewardsAndStartDistribution',
+    name: 'sendRewardsAndStartDistributionWithDefaultAmount',
+    inputs: [],
+    outputs: [],
+    stateMutability: 'payable',
+  },
+  {
+    type: 'function',
+    name: 'sendRewardsWithDefaultAmount',
+    inputs: [],
+    outputs: [],
+    stateMutability: 'payable',
+  },
+  {
+    type: 'function',
+    name: 'setDefaultRewardAmount',
     inputs: [
       {
-        name: 'amountERC20_',
+        name: 'tokenAmount_',
         type: 'uint256',
         internalType: 'uint256',
       },
       {
-        name: 'amountCoinbase_',
+        name: 'coinbaseAmount_',
         type: 'uint256',
         internalType: 'uint256',
       },
diff --git a/src/lib/contracts.ts b/src/lib/contracts.ts
index 9207f933..d5ab773f 100644
--- a/src/lib/contracts.ts
+++ b/src/lib/contracts.ts
@@ -55,7 +55,7 @@ const MulticallAddress = MULTICALL_ADDRESS
 const TreasuryAddress = GRANTS_ACTIVE_BUCKET_ADDRESS
 
 const BackersManagerAddress = BACKERS_MANAGER_ADDRESS || ZeroAddress
-const RewardDistributor = REWARD_DISTRIBUTOR_ADDRESS || ZeroAddress
+const RewardDistributorAddress = REWARD_DISTRIBUTOR_ADDRESS || ZeroAddress
 
 export {
   abiContractsMap,
@@ -66,5 +66,5 @@ export {
   TreasuryAddress,
   treasuryContracts,
   BackersManagerAddress,
-  RewardDistributor,
+  RewardDistributorAddress,
 }

From 762e58437600dec3614f1392c0b01804c47a4df2 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 19:03:05 +0000
Subject: [PATCH 100/115] chore: update growth rewards bucket address (#411)

---
 src/lib/contracts.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/lib/contracts.ts b/src/lib/contracts.ts
index d5ab773f..0e3ed13b 100644
--- a/src/lib/contracts.ts
+++ b/src/lib/contracts.ts
@@ -11,7 +11,6 @@ import {
   MULTICALL_ADDRESS,
   RIF_ADDRESS,
   STRIF_ADDRESS,
-  SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS,
   OG_FOUNDERS_NFT_ADDRESS,
   OG_PARTNERS_NFT_ADDRESS,
   OG_CONTRIBUTORS_NFT_ADDRESS,
@@ -46,7 +45,7 @@ const treasuryContracts = {
   GRANTS: { name: 'Grants', address: GRANTS_BUCKET_ADDRESS },
   GRANTS_ACTIVE: { name: 'Grants - Active', address: GRANTS_ACTIVE_BUCKET_ADDRESS },
   GROWTH: { name: 'Growth', address: GROWTH_BUCKET_ADDRESS },
-  GROWTH_REWARDS: { name: 'Growth - Rewards', address: SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS },
+  GROWTH_REWARDS: { name: 'Growth - Rewards', address: REWARD_DISTRIBUTOR_ADDRESS },
   GENERAL: { name: 'General', address: GENERAL_BUCKET_ADDRESS },
 }
 

From a3c794a7152ff29d313c13905def32f32d7aa787 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Mon, 25 Nov 2024 19:05:40 +0000
Subject: [PATCH 101/115] chore: update the text in my rewards section (#414)

---
 .../collective-rewards/rewards/MyRewards.tsx  | 23 +++++++++++++++++--
 .../Section/RewardsSectionHeader.tsx          |  4 ++--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/app/collective-rewards/rewards/MyRewards.tsx b/src/app/collective-rewards/rewards/MyRewards.tsx
index a6df28f8..276c4ae8 100644
--- a/src/app/collective-rewards/rewards/MyRewards.tsx
+++ b/src/app/collective-rewards/rewards/MyRewards.tsx
@@ -12,6 +12,25 @@ import { FC } from 'react'
 import { Address, getAddress, zeroAddress } from 'viem'
 import { BackerRewardsTable } from './backers/BackerRewardsTable'
 import { useRouter } from 'next/navigation'
+import { Link } from '@/components/Link'
+
+const SubText = () => {
+  return (
+    <>
+      Track and claim the rewards you earn from Collective Rewards. For more information check the{' '}
+      <Link
+        className="text-[#E56B1A]"
+        href={
+          'https://wiki.rootstockcollective.xyz/2c6e3b87b49f4c1e9225b713e1b49538?v=819168fca4964319896c19e8299a8ea0'
+        }
+        target="_blank"
+      >
+        Whitepaper
+      </Link>{' '}
+      .
+    </>
+  )
+}
 
 export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
   const router = useRouter()
@@ -50,7 +69,7 @@ export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
                 router.push('/user/settings?type=builder')
               }}
               title="Builder Rewards"
-              subtext="Monitor the rewards you are getting from your Collective Rewards."
+              subtext={<SubText />}
             />
             <BuilderRewards gauge={gauge} {...data} />
           </RewardsSection>
@@ -62,7 +81,7 @@ export const Rewards: FC<{ builder: Address }> = ({ builder }) => {
             router.push('/collective-rewards/allocations')
           }}
           title="Backer Rewards"
-          subtext="Monitor your rewards balances and claim."
+          subtext={<SubText />}
         />
         <BackerRewards {...data} />
         <BackerRewardsTable {...data} />
diff --git a/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx b/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx
index 7ebfead7..9baa0815 100644
--- a/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx
+++ b/src/app/collective-rewards/rewards/components/Section/RewardsSectionHeader.tsx
@@ -1,11 +1,11 @@
 import { ButtonProps } from '@/components/Button'
 import { HeaderTitle, Typography } from '@/components/Typography'
-import { FC } from 'react'
+import { FC, ReactNode } from 'react'
 import { SettingsButton } from '@/app/collective-rewards/rewards'
 
 export type RewardsSectionHeader = {
   title: string
-  subtext: string
+  subtext: ReactNode
   onSettingsOpen: ButtonProps['onClick']
 }
 export const RewardsSectionHeader: FC<RewardsSectionHeader> = ({ title, subtext, onSettingsOpen }) => (

From 52edb3a0bd554e666d380702066d2d475af398fd Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Tue, 26 Nov 2024 16:19:43 +0000
Subject: [PATCH 102/115] fix: allocs left too long fractions (#412)

* fix: allocs left too long fractions

* chore: round to the lower number

* fix: total allocation metrics

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .../components/AllocationAmount.tsx           |  9 ++---
 .../components/AllocationMetrics.tsx          | 10 +++---
 .../components/BuilderAllocation.tsx          |  7 ++--
 .../metrics/TotalAllocationsMetrics.tsx       | 11 ++++--
 .../rewards/utils/formatMetrics.test.ts       | 34 +++++++++++++++++++
 .../rewards/utils/formatMetrics.ts            |  6 ++++
 .../shared/components/Table/TableCells.tsx    |  2 +-
 .../Balances/hooks/useGetAddressTokens.ts     |  2 +-
 8 files changed, 64 insertions(+), 17 deletions(-)
 create mode 100644 src/app/collective-rewards/rewards/utils/formatMetrics.test.ts

diff --git a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
index a9bfbac7..89bdbca0 100644
--- a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
+++ b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
@@ -1,11 +1,12 @@
 'use client'
 
+import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
+import { formatOnchainFraction } from '@/app/collective-rewards/rewards'
 import { Button, ButtonProps } from '@/components/Button'
 import { Input } from '@/components/Input'
 import { cn } from '@/lib/utils'
-import { useContext, useEffect, useState } from 'react'
-import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
-import { formatEther, parseEther } from 'viem'
+import { useContext, useState } from 'react'
+import { parseEther } from 'viem'
 import { StakeHint } from './StakeHint'
 
 const PercentageButton = ({ children, variant, ...rest }: ButtonProps) => (
@@ -53,7 +54,7 @@ export const AllocationAmount = () => {
           name="allocated-amount"
           fullWidth
           onChange={handleOnChange}
-          value={formatEther(amountToAllocate)}
+          value={formatOnchainFraction(amountToAllocate)}
           errorMessage={
             cumulativeAllocation > amountToAllocate && cumulativeAllocation < balance
               ? ALLOCATION_EXCEED_AMOUNT_ERROR
diff --git a/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx b/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx
index f41ee56e..fc0f0e21 100644
--- a/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx
+++ b/src/app/collective-rewards/allocations/components/AllocationMetrics.tsx
@@ -1,9 +1,9 @@
 'use client'
 
+import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
+import { formatOnchainFraction } from '@/app/collective-rewards/rewards'
 import { Paragraph } from '@/components/Typography'
 import { useContext } from 'react'
-import { formatEther } from 'viem'
-import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
 
 type ValueProps = {
   value: string
@@ -45,11 +45,11 @@ export const AllocationMetrics = () => {
     },
   } = useContext(AllocationsContext)
 
-  const balanceValue = `${formatEther(balance)} stRIF`
+  const balanceValue = `${formatOnchainFraction(balance)} stRIF`
 
-  const allocatedAmountValue = `${formatEther(amountToAllocate)} stRIF`
+  const allocatedAmountValue = `${formatOnchainFraction(amountToAllocate)} stRIF`
 
-  const unallocatedAmount = formatEther(balance - amountToAllocate)
+  const unallocatedAmount = formatOnchainFraction(balance - amountToAllocate)
 
   const unallocatedAmountValue = `${unallocatedAmount} stRIF`
   return (
diff --git a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
index b3dc0b4a..c6312438 100644
--- a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
+++ b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
@@ -7,7 +7,8 @@ import { useContext } from 'react'
 import { parseEther } from 'viem'
 import { BuilderAllocationHeader, BuilderAllocationHeaderProps } from './BuilderAllocationHeader'
 import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { weiToPercentage } from '../../settings'
+import { weiToPercentage } from '@/app/collective-rewards/settings'
+import { formatOnchainFraction } from '@/app/collective-rewards/rewards'
 
 export type BuilderAllocationProps = BuilderAllocationHeaderProps &
   Pick<Builder, 'backerRewardPercentage'> & {
@@ -41,9 +42,9 @@ export const BuilderAllocation = (builder: BuilderAllocationProps) => {
       <Input
         type="number"
         name={`allocation-${address}`}
-        hint={`Allocation left ${allocationLeft > 0 ? formatBalanceToHuman(allocationLeft) : '0'} stRIF`}
+        hint={`Allocation left ${allocationLeft > 0 ? formatOnchainFraction(allocationLeft) : '0'} stRIF`}
         onChange={onInputChange}
-        value={formatBalanceToHuman(currentAllocation || 0n)}
+        value={formatOnchainFraction(currentAllocation || 0n)}
       />
       <Slider
         value={[Number(currentAllocation)]}
diff --git a/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx b/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx
index d6cb3d53..f3bfba49 100644
--- a/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx
+++ b/src/app/collective-rewards/metrics/TotalAllocationsMetrics.tsx
@@ -3,8 +3,13 @@ import { Address } from 'viem'
 import { FC } from 'react'
 import { usePricesContext } from '@/shared/context/PricesContext'
 import { formatCurrency } from '@/lib/utils'
-import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { MetricsCard, MetricsCardTitle, TokenMetricsCardRow, Token } from '@/app/collective-rewards/rewards'
+import {
+  MetricsCard,
+  MetricsCardTitle,
+  TokenMetricsCardRow,
+  Token,
+  formatOnchainFraction,
+} from '@/app/collective-rewards/rewards'
 import { withSpinner } from '@/components/LoadingSpinner/withLoadingSpinner'
 import { useHandleErrors } from '@/app/collective-rewards/utils'
 
@@ -26,7 +31,7 @@ export const TotalAllocationsMetrics: FC<TotalAllocationsProps> = ({
   const price = prices[symbol]?.price ?? 0
 
   const totalAllocations = Object.values(data).reduce((acc, allocation) => acc + allocation, 0n)
-  const totalAllocationsInHuman = Number(formatBalanceToHuman(totalAllocations))
+  const totalAllocationsInHuman = Number(formatOnchainFraction(totalAllocations))
   const fiatAmount = `= ${currency} ${formatCurrency(totalAllocationsInHuman * price, currency)}`
 
   return (
diff --git a/src/app/collective-rewards/rewards/utils/formatMetrics.test.ts b/src/app/collective-rewards/rewards/utils/formatMetrics.test.ts
new file mode 100644
index 00000000..79d8b8e4
--- /dev/null
+++ b/src/app/collective-rewards/rewards/utils/formatMetrics.test.ts
@@ -0,0 +1,34 @@
+import { describe, it, expect } from 'vitest'
+import { formatMetrics, formatOnchainFraction } from './formatMetrics'
+
+describe('formatOnchainFraction', () => {
+  it('should format onchain fraction correctly with default decimals', () => {
+    const amount = BigInt('1000000000000000000')
+    const result = formatOnchainFraction(amount)
+    expect(result).toBe('1')
+  })
+
+  it('should format onchain fraction correctly with custom display decimals', () => {
+    const amount = BigInt('1234567890000000000')
+    const result = formatOnchainFraction(amount, 3)
+    expect(result).toBe('1.234')
+  })
+
+  it('should round to the lower number', () => {
+    const amount = BigInt('1237567890000000000')
+    const result = formatOnchainFraction(amount, 2)
+    expect(result).toBe('1.23')
+  })
+
+  it('should format onchain fraction correctly with custom decimals', () => {
+    const amount = BigInt('123456789')
+    const result = formatOnchainFraction(amount, 2, 9)
+    expect(result).toBe('0.12')
+  })
+
+  it('should handle zero amount correctly', () => {
+    const amount = BigInt('0')
+    const result = formatOnchainFraction(amount)
+    expect(result).toBe('0')
+  })
+})
diff --git a/src/app/collective-rewards/rewards/utils/formatMetrics.ts b/src/app/collective-rewards/rewards/utils/formatMetrics.ts
index 8242c185..905f2c3e 100644
--- a/src/app/collective-rewards/rewards/utils/formatMetrics.ts
+++ b/src/app/collective-rewards/rewards/utils/formatMetrics.ts
@@ -1,6 +1,12 @@
 import { formatCurrency, toFixed } from '@/lib/utils'
+import { formatUnits } from 'viem'
 
 export const formatMetrics = (amount: number, price: number, symbol: string, currency: string) => ({
   amount: `${toFixed(amount)} ${symbol}`,
   fiatAmount: `= ${currency} ${formatCurrency(amount * price, currency)}`,
 })
+
+export const formatOnchainFraction = (amount: bigint, displayDecimals = 2, decimals = 18) => {
+  const formattedAmount = formatUnits(amount, decimals)
+  return formattedAmount.slice(0, formattedAmount.indexOf('.') + displayDecimals + 1)
+}
diff --git a/src/app/collective-rewards/shared/components/Table/TableCells.tsx b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
index ed97a828..b0af896c 100644
--- a/src/app/collective-rewards/shared/components/Table/TableCells.tsx
+++ b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
@@ -244,7 +244,7 @@ export const ActionCell: FC<ActionCellProps> = ({ tableHeader: { className }, bu
         variant={selected ? 'white' : 'secondary'}
         disabled={!isBuilderOperational}
         onClick={selectBuilder}
-        className="white text-c"
+        className="white text-center"
       >
         {selected ? 'Selected' : 'Select'}
       </Button>
diff --git a/src/app/user/Balances/hooks/useGetAddressTokens.ts b/src/app/user/Balances/hooks/useGetAddressTokens.ts
index 9debbf3b..a1a7d004 100644
--- a/src/app/user/Balances/hooks/useGetAddressTokens.ts
+++ b/src/app/user/Balances/hooks/useGetAddressTokens.ts
@@ -14,7 +14,7 @@ const getTokenFunction = (
     abi: RIFTokenAbi,
     address: tokenAddress,
     functionName,
-    args: functionName === 'balanceOf' ? ([userAddress.toLowerCase()] as [Address]) : ([] as []),
+    args: functionName === 'balanceOf' ? ([userAddress?.toLowerCase()] as [Address]) : ([] as []),
   }) as const
 
 type TokenData = { result: string | bigint; error?: object }[]

From eded22a05449b6b57d6dcd89719251c648d2db4b Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Tue, 26 Nov 2024 10:20:06 -0600
Subject: [PATCH 103/115] fix: claim rewards button (#415)

* fix: claim rewards button

* refactor: another approach

* refactor: pr comments

* test: fix
---
 .../collective-rewards/allocations/page.tsx   |   3 +-
 .../rewards/backers/ClaimableRewards.tsx      |   4 +-
 .../rewards/backers/Rewards.tsx               | 100 ++++++++++--------
 .../backers/hooks/useClaimBackerRewards.ts    |  13 +--
 .../rewards/builders/ClaimableRewards.tsx     |   9 +-
 .../rewards/builders/Rewards.tsx              |  82 +++++++-------
 .../builders/hooks/useClaimBuilderRewards.ts  |  64 ++++++-----
 .../builders/hooks/useGetBuildersRewards.ts   |   6 ++
 .../builder/hooks/useBuilderConfig.ts         |   3 +-
 .../shared/hooks/useReporting.ts              |   4 +-
 .../collective-rewards/utils/handleErrors.ts  |   8 +-
 11 files changed, 156 insertions(+), 140 deletions(-)

diff --git a/src/app/collective-rewards/allocations/page.tsx b/src/app/collective-rewards/allocations/page.tsx
index 98d15bb4..a69a698d 100644
--- a/src/app/collective-rewards/allocations/page.tsx
+++ b/src/app/collective-rewards/allocations/page.tsx
@@ -35,7 +35,8 @@ export default function Allocations() {
     isLoadingReceipt: isLoading,
     isSuccess,
     receipt: data,
-    title: 'Save allocations',
+    title: 'Saving allocations',
+    errorContent: 'Error saving allocations',
   })
 
   const router = useRouter()
diff --git a/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
index 22ed7cff..3412f96e 100644
--- a/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
+++ b/src/app/collective-rewards/rewards/backers/ClaimableRewards.tsx
@@ -42,13 +42,13 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
     currency,
   )
 
-  const { claimRewards } = useClaimBackerRewards(gauges)
+  const { claimRewards, isClaimable } = useClaimBackerRewards(address)
 
   return withSpinner(TokenMetricsCardRow)({
     amount,
     fiatAmount,
     isLoading,
-    children: <ClaimYourRewardsButton onClick={() => claimRewards(address)} />,
+    children: <ClaimYourRewardsButton onClick={() => claimRewards(gauges)} disabled={!isClaimable} />,
   })
 }
 
diff --git a/src/app/collective-rewards/rewards/backers/Rewards.tsx b/src/app/collective-rewards/rewards/backers/Rewards.tsx
index fc7ce5cd..3e95642a 100644
--- a/src/app/collective-rewards/rewards/backers/Rewards.tsx
+++ b/src/app/collective-rewards/rewards/backers/Rewards.tsx
@@ -16,58 +16,66 @@ import { MetricContainer } from '@/app/collective-rewards/rewards/components/Met
 
 type RewardsProps = RewardDetails
 
-export const Rewards: FC<RewardsProps> = ({ builder, gauges, tokens }) => {
-  const { claimRewards, isClaimFunctionReady } = useClaimBackerRewards(gauges)
+const RewardsContent: FC<RewardsProps> = ({ builder, gauges, tokens }) => {
+  const { claimRewards, isClaimable } = useClaimBackerRewards()
+
+  return (
+    <>
+      <MetricContainer className="flex-1 flex flex-col gap-2">
+        <div className="min-h-[190px] w-full">
+          <BackerClaimableRewards builder={builder} gauges={gauges} tokens={tokens} />
+        </div>
+        <Button
+          className="w-full"
+          onClick={() => claimRewards(gauges)}
+          disabled={!isClaimable}
+          variant="primary"
+        >
+          Claim all
+        </Button>
+      </MetricContainer>
+      <MetricContainer>
+        <BackerRewardsCard
+          title="Estimated rewards"
+          data-testid="EstimatedRewards"
+          builder={builder}
+          gauges={gauges}
+          tokens={tokens}
+          rewards={['estimated']}
+          tooltip={{
+            text: 'The information displayed is dynamic and may vary based on total rewards available and user activity. This data is provided for informational purposes only. Please note that the final reward amount will be determined at the end of the cycle.',
+            popoverProps: { size: 'medium' },
+          }}
+        />
+      </MetricContainer>
+      <MetricContainer>
+        <BackerRewardsCard
+          title="All time rewards"
+          data-testid="AllTimeRewards"
+          builder={builder}
+          gauges={gauges}
+          tokens={tokens}
+          rewards={['earned', 'claimed']}
+          tooltip={{
+            text: 'Total of your received and claimable rewards',
+            popoverProps: { size: 'medium' },
+          }}
+        />
+      </MetricContainer>
+      <MetricContainer>
+        <BackerAllTimeShare gauges={gauges} tokens={tokens} />
+      </MetricContainer>
+    </>
+  )
+}
 
+export const Rewards: FC<RewardsProps> = ({ builder, gauges, tokens }) => {
   return (
     <div className="flex gap-4 w-full">
       <BackerRewardsContextProvider backer={builder} gauges={gauges} tokens={tokens}>
         <CycleContextProvider>
           <PricesContextProvider>
-            <MetricContainer className="flex-1 flex flex-col gap-2">
-              <div className="min-h-[190px] w-full">
-                <BackerClaimableRewards builder={builder} gauges={gauges} tokens={tokens} />
-              </div>
-              <Button
-                className="w-full"
-                onClick={() => claimRewards()}
-                disabled={!isClaimFunctionReady}
-                variant="primary"
-              >
-                Claim all
-              </Button>
-            </MetricContainer>
-            <MetricContainer>
-              <BackerRewardsCard
-                title="Estimated rewards"
-                data-testid="EstimatedRewards"
-                builder={builder}
-                gauges={gauges}
-                tokens={tokens}
-                rewards={['estimated']}
-                tooltip={{
-                  text: 'The information displayed is dynamic and may vary based on total rewards available and user activity. This data is provided for informational purposes only. Please note that the final reward amount will be determined at the end of the cycle.',
-                  popoverProps: { size: 'medium' },
-                }}
-              />
-            </MetricContainer>
-            <MetricContainer>
-              <BackerRewardsCard
-                title="All time rewards"
-                data-testid="AllTimeRewards"
-                builder={builder}
-                gauges={gauges}
-                tokens={tokens}
-                rewards={['earned', 'claimed']}
-                tooltip={{
-                  text: 'Total of your received and claimable rewards',
-                  popoverProps: { size: 'medium' },
-                }}
-              />
-            </MetricContainer>
-            <MetricContainer>
-              <BackerAllTimeShare gauges={gauges} tokens={tokens} />
-            </MetricContainer>
+            <RewardsContent builder={builder} gauges={gauges} tokens={tokens} />
           </PricesContextProvider>
         </CycleContextProvider>
       </BackerRewardsContextProvider>
diff --git a/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts b/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
index b1117f28..c8eb7ae8 100644
--- a/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
+++ b/src/app/collective-rewards/rewards/backers/hooks/useClaimBackerRewards.ts
@@ -3,19 +3,19 @@ import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
 import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
 import { useAwaitedTxReporting } from '@/app/collective-rewards/shared'
-import { useBackerRewardsContext } from '../context'
+import { useBackerRewardsContext } from '@/app/collective-rewards/rewards'
 
-export const useClaimBackerRewards = (gauges: Address[]) => {
+export const useClaimBackerRewards = (rewardToken?: Address) => {
   const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
   const { canClaim, isLoading: canClaimLoading, error: canClaimError } = useBackerRewardsContext()
 
   const { isLoading, isSuccess, data, error: receiptError } = useWaitForTransactionReceipt({ hash })
 
-  const isClaimFunctionReady = !canClaimLoading && !canClaimError && canClaim()
+  const isClaimable = !canClaimLoading && canClaim(rewardToken)
 
   const error = executionError || receiptError || canClaimError
 
-  const claimBackerReward = (rewardToken?: Address) => {
+  const claimBackerReward = (gauges: Address[]) => {
     return writeContractAsync({
       abi: BackersManagerAbi,
       address: BackersManagerAddress,
@@ -32,11 +32,12 @@ export const useClaimBackerRewards = (gauges: Address[]) => {
     isSuccess,
     receipt: data,
     title: 'Claiming backer rewards',
+    errorContent: 'Error claiming backer rewards',
   })
 
   return {
-    isClaimFunctionReady,
-    claimRewards: (rewardToken?: Address) => isClaimFunctionReady && claimBackerReward(rewardToken),
+    isClaimable,
+    claimRewards: (gauges: Address[]) => isClaimable && claimBackerReward(gauges),
     error,
     isPendingTx: isPending,
     isLoadingReceipt: isLoading,
diff --git a/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx b/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
index f818bc9b..8e3dfe8a 100644
--- a/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/ClaimableRewards.tsx
@@ -3,7 +3,7 @@ import {
   MetricsCard,
   MetricsCardTitle,
   TokenMetricsCardRow,
-  useClaimBuilderRewards,
+  useClaimBuilderRewardsPerToken,
   useGetBuilderRewards,
   Token,
   ClaimYourRewardsButton,
@@ -24,7 +24,6 @@ type TokenRewardsMetricsProps = {
 }
 
 const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
-  builder,
   gauge,
   token: { address, symbol },
   currency = 'USD',
@@ -47,7 +46,7 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
     currency,
   )
 
-  const { isClaimFunctionReady, claimRewards } = useClaimBuilderRewards(builder)
+  const { isClaimable, claimRewards } = useClaimBuilderRewardsPerToken(gauge, address)
 
   return withSpinner(
     TokenMetricsCardRow,
@@ -56,9 +55,7 @@ const TokenRewardsMetrics: FC<TokenRewardsMetricsProps> = ({
     amount,
     fiatAmount,
     isLoading: rewardsLoading,
-    children: (
-      <ClaimYourRewardsButton onClick={() => claimRewards(address)} disabled={!isClaimFunctionReady} />
-    ),
+    children: <ClaimYourRewardsButton onClick={() => claimRewards()} disabled={!isClaimable} />,
   })
 }
 
diff --git a/src/app/collective-rewards/rewards/builders/Rewards.tsx b/src/app/collective-rewards/rewards/builders/Rewards.tsx
index 1f25cd74..5b24c2ad 100644
--- a/src/app/collective-rewards/rewards/builders/Rewards.tsx
+++ b/src/app/collective-rewards/rewards/builders/Rewards.tsx
@@ -10,61 +10,53 @@ import {
 } from '@/app/collective-rewards/rewards'
 import { MetricContainer } from '@/app/collective-rewards/rewards/components/MetricContainer'
 import { Button } from '@/components/Button'
-import { Popover } from '@/components/Popover'
-import { Paragraph } from '@/components/Typography'
 import { PricesContextProvider } from '@/shared/context/PricesContext'
 import { FC } from 'react'
 import { Address } from 'viem'
 
 type RewardsProps = RewardDetails & { gauge: Address }
 
-export const Rewards: FC<RewardsProps> = ({ builder, ...rest }) => {
-  const { isClaimFunctionReady, claimRewards } = useClaimBuilderRewards(builder)
+const RewardsContent: FC<RewardsProps> = props => {
+  const {
+    gauge,
+    tokens: { rif, rbtc },
+  } = props
+  const { isClaimable, claimRewards } = useClaimBuilderRewards(gauge, {
+    rif: rif.address,
+    rbtc: rbtc.address,
+  })
+
+  return (
+    <div className="flex justify-center gap-4 w-full">
+      <MetricContainer className="flex-1 flex flex-col items-start gap-2">
+        <div className="min-h-[190px] w-full">
+          <BuilderClaimableRewards {...props} />
+        </div>
+        <Button className="w-full" onClick={() => claimRewards()} disabled={!isClaimable} variant="primary">
+          Claim all
+        </Button>
+      </MetricContainer>
+      <MetricContainer>
+        <BuilderLastCycleRewards {...props} />
+      </MetricContainer>
+      <MetricContainer>
+        <BuilderEstimatedRewards {...props} />
+      </MetricContainer>
+      <MetricContainer>
+        <BuilderAllTimeRewards {...props} />
+      </MetricContainer>
+      <MetricContainer>
+        <BuilderAllTimeShare {...props} />
+      </MetricContainer>
+    </div>
+  )
+}
 
+export const Rewards: FC<RewardsProps> = ({ builder, ...rest }) => {
   return (
     <CycleContextProvider>
       <PricesContextProvider>
-        <div className="flex justify-center gap-4 w-full">
-          <MetricContainer className="flex-1 flex flex-col items-start gap-2">
-            <div className="min-h-[190px] w-full">
-              <BuilderClaimableRewards builder={builder} {...rest} />
-            </div>
-            <Popover
-              disabled={isClaimFunctionReady}
-              content={
-                <Paragraph variant="normal" className="text-sm">
-                  Wait a moment, please. Preparing the claim functionality.
-                </Paragraph>
-              }
-              trigger="hover"
-              background="dark"
-              size="small"
-              position="bottom"
-              className="z-[100]"
-            >
-              <Button
-                className="w-full"
-                onClick={() => claimRewards()}
-                disabled={!isClaimFunctionReady}
-                variant="primary"
-              >
-                Claim all
-              </Button>
-            </Popover>
-          </MetricContainer>
-          <MetricContainer>
-            <BuilderLastCycleRewards {...rest} />
-          </MetricContainer>
-          <MetricContainer>
-            <BuilderEstimatedRewards builder={builder} {...rest} />
-          </MetricContainer>
-          <MetricContainer>
-            <BuilderAllTimeRewards {...rest} />
-          </MetricContainer>
-          <MetricContainer>
-            <BuilderAllTimeShare {...rest} />
-          </MetricContainer>
-        </div>
+        <RewardsContent builder={builder} {...rest} />
       </PricesContextProvider>
     </CycleContextProvider>
   )
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts
index c9a6b824..a823601a 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useClaimBuilderRewards.ts
@@ -1,38 +1,17 @@
 import { useAwaitedTxReporting } from '@/app/collective-rewards/shared/hooks'
-import { useGetBuilderToGauge } from '@/app/collective-rewards/user'
 import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
-import { createZeroAddressError } from '@/shared/errors/zeroAddressError'
-import { useMemo } from 'react'
-import { Address, zeroAddress } from 'viem'
+import { Address } from 'viem'
 import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
+import { useGetBuilderRewards } from '@/app/collective-rewards/rewards'
 
-export const useClaimBuilderRewards = (builder: Address) => {
+const useClaimBuilderReward = (gauge: Address, rewardToken?: Address) => {
   const { writeContractAsync, error: executionError, data: hash, isPending } = useWriteContract()
-  const {
-    data: gauge,
-    isPending: isGaugePending,
-    error: gaugeError,
-    isFetched,
-  } = useGetBuilderToGauge(builder)
 
   const { isLoading, isSuccess, data, error: receiptError } = useWaitForTransactionReceipt({ hash })
 
-  const isClaimFunctionReady = useMemo(
-    () => !isGaugePending && !gaugeError && !!gauge,
-    [isGaugePending, gaugeError, gauge],
-  )
+  const error = executionError ?? receiptError
 
-  const fetchedError =
-    isFetched && gauge === zeroAddress
-      ? {
-          ...createZeroAddressError('Gauge', { builder }),
-          shortMessage: `${builder} is not a valid builder`,
-        }
-      : null
-
-  const error = executionError || receiptError || fetchedError
-
-  const claimBuilderReward = (rewardToken?: Address) => {
+  const claimBuilderReward = () => {
     return writeContractAsync({
       abi: GaugeAbi,
       address: gauge as Address,
@@ -49,11 +28,11 @@ export const useClaimBuilderRewards = (builder: Address) => {
     isSuccess,
     receipt: data,
     title: 'Claiming builder rewards',
+    errorContent: 'Error claiming builder rewards',
   })
 
   return {
-    isClaimFunctionReady,
-    claimRewards: (rewardToken?: Address) => isClaimFunctionReady && claimBuilderReward(rewardToken),
+    claimRewards: () => claimBuilderReward(),
     error,
     isPendingTx: isPending,
     isLoadingReceipt: isLoading,
@@ -61,3 +40,32 @@ export const useClaimBuilderRewards = (builder: Address) => {
     receipt: data,
   }
 }
+
+export const useClaimBuilderRewards = (gauge: Address, { rif, rbtc }: { rif: Address; rbtc: Address }) => {
+  const { error: claimBuilderRewardError, ...rest } = useClaimBuilderReward(gauge)
+  const { isClaimable: rifClaimable, error: claimRifError } = useClaimBuilderRewardsPerToken(gauge, rif)
+  const { isClaimable: rbtcClaimable, error: claimRbtcError } = useClaimBuilderRewardsPerToken(gauge, rbtc)
+
+  const isClaimable = rifClaimable || rbtcClaimable
+  const error = claimBuilderRewardError ?? claimRifError ?? claimRbtcError
+
+  return {
+    ...rest,
+    isClaimable,
+    error,
+  }
+}
+
+export const useClaimBuilderRewardsPerToken = (gauge: Address, rewardToken: Address) => {
+  const { error: claimBuilderRewardError, ...rest } = useClaimBuilderReward(gauge, rewardToken)
+  const { data: rewards, isLoading, error: getBuilderRewardsError } = useGetBuilderRewards(rewardToken, gauge)
+
+  const isClaimable = !isLoading && rewards !== 0n
+  const error = claimBuilderRewardError ?? getBuilderRewardsError
+
+  return {
+    ...rest,
+    isClaimable,
+    error,
+  }
+}
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
index fb447d7a..405e294b 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
@@ -238,6 +238,12 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
     rifPrice,
     rbtcPrice,
     currency,
+    getBuilderIndexByAddress,
+    rif,
+    rbtc,
+    rewardsERC20,
+    rewardsCoinbase,
+    totalAllocation,
   ])
 
   return {
diff --git a/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts b/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
index e70e610d..03a65185 100644
--- a/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
+++ b/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
@@ -81,7 +81,8 @@ export const useSetBackerRewardsForBuilder = (): SetBackerRewardsForBuilder => {
     isLoadingReceipt: isLoading,
     isSuccess,
     receipt,
-    title: 'Setting new builder rewards percantage',
+    title: 'Setting new builder rewards percentage',
+    errorContent: 'Error setting new builder rewards percentage',
   })
 
   const setNewReward = async (newReward: bigint) => {
diff --git a/src/app/collective-rewards/shared/hooks/useReporting.ts b/src/app/collective-rewards/shared/hooks/useReporting.ts
index 4a4c6c80..d1fb569f 100644
--- a/src/app/collective-rewards/shared/hooks/useReporting.ts
+++ b/src/app/collective-rewards/shared/hooks/useReporting.ts
@@ -26,6 +26,7 @@ export type UseAwaitedTxReportingProps = Merge<
   }
 > & {
   title: string
+  errorContent?: string
 }
 
 export const useAwaitedTxReporting = ({
@@ -36,9 +37,10 @@ export const useAwaitedTxReporting = ({
   isSuccess,
   receipt,
   title,
+  errorContent,
 }: UseAwaitedTxReportingProps) => {
   const { setMessage } = useAlertContext()
-  useHandleErrors({ error, title })
+  useHandleErrors({ error, title, content: errorContent })
 
   useEffect(() => {
     if (isPendingTx) {
diff --git a/src/app/collective-rewards/utils/handleErrors.ts b/src/app/collective-rewards/utils/handleErrors.ts
index bb4627b6..10ea52cc 100644
--- a/src/app/collective-rewards/utils/handleErrors.ts
+++ b/src/app/collective-rewards/utils/handleErrors.ts
@@ -1,8 +1,8 @@
 import { useEffect } from 'react'
 import { useAlertContext } from '@/app/providers'
 
-type ErrorHandler = (params: { error?: Error | null; title: string }) => void
-export const useHandleErrors: ErrorHandler = ({ error, title }) => {
+type ErrorHandler = (params: { error?: Error | null; title: string; content?: string }) => void
+export const useHandleErrors: ErrorHandler = ({ error, title, content }) => {
   const { setMessage } = useAlertContext()
 
   useEffect(() => {
@@ -10,9 +10,9 @@ export const useHandleErrors: ErrorHandler = ({ error, title }) => {
       setMessage({
         severity: 'error',
         title,
-        content: error.message,
+        content: content ?? error.message,
       })
       console.error(`🐛 ${title}:`, error)
     }
-  }, [error, title, setMessage])
+  }, [error, title, content, setMessage])
 }

From 597742da24d03a7cc075bad6b6e760496feadffd Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Tue, 26 Nov 2024 16:21:06 +0000
Subject: [PATCH 104/115] fix: show the decoded input for dewhitelist proposals
 (#418)

* fix: show the decoded input for dewhitelist proposals

* chore: remove unused logs

* Update src/pages/proposals/[id].tsx

Co-authored-by: franciscotobar <100875069+franciscotobar@users.noreply.github.com>

---------

Co-authored-by: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
---
 src/pages/proposals/[id].tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/proposals/[id].tsx b/src/pages/proposals/[id].tsx
index 85ebbc43..4a872b59 100644
--- a/src/pages/proposals/[id].tsx
+++ b/src/pages/proposals/[id].tsx
@@ -184,7 +184,6 @@ const PageWithProposal = (proposal: ParsedProposal) => {
   const proposalType: SupportedProposalActionName = proposal.calldatasParsed[0]?.functionName
 
   const { proposalName, builderName } = splitCombinedName(name)
-
   // @ts-ignore
   return (
     <div className="pl-4 grid grid-rows-1 gap-[32px] mb-[100px]">
@@ -528,6 +527,9 @@ export const actionInputNameFormatMap: Partial<
   removeWhitelistedBuilder: {
     builder_: 'Address to be removed',
   },
+  dewhitelistBuilder: {
+    builder_: 'Address to be de-whitelisted',
+  },
 }
 
 const AddressInputComponent: InputValueComponent<'address'> = ({ value, htmlProps }) => (
@@ -552,6 +554,9 @@ export const actionComponentMap: Partial<ActionComposerMap> = {
   removeWhitelistedBuilder: {
     builder_: AddressInputComponent,
   },
+  dewhitelistBuilder: {
+    builder_: AddressInputComponent,
+  },
   communityApproveBuilder: {
     builder_: AddressInputComponent,
   },

From a0af10ed9bf08136af2ef7bba65912bd4c43fb9b Mon Sep 17 00:00:00 2001
From: DinizSa <39380608+DinizSa@users.noreply.github.com>
Date: Wed, 27 Nov 2024 09:19:09 +0200
Subject: [PATCH 105/115] Tok 504/fix sort leaderboard per rewards crash (#419)

* fix: leaderboard crash when sort per reward

* chore: improve ux by sort descendent allocations
---
 .../leaderboard/BuildersLeaderBoardTable.tsx           | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
index d2f91ceb..ad2d1a3f 100644
--- a/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
+++ b/src/app/collective-rewards/leaderboard/BuildersLeaderBoardTable.tsx
@@ -43,7 +43,7 @@ export const BuildersLeaderBoardTable: FC = () => {
 
   const [sortConfig, setSortConfig] = useState<ISortConfig>({
     key: RewardsColumnKeyEnum.totalAllocationPercentage,
-    direction: 'asc',
+    direction: 'desc',
   })
 
   // pagination
@@ -60,13 +60,13 @@ export const BuildersLeaderBoardTable: FC = () => {
       rewardPercentage: (a: IRewardData, b: IRewardData) =>
         Number(a.rewardPercentage.current - b.rewardPercentage.current),
       lastCycleRewards: (a: IRewardData, b: IRewardData) => {
-        const aValue = a.lastCycleReward.RIF.crypto.value + a.lastCycleReward.RBTC.crypto.value
-        const bValue = b.lastCycleReward.RIF.crypto.value + b.lastCycleReward.RBTC.crypto.value
+        const aValue = a.lastCycleReward.rif.crypto.value + a.lastCycleReward.rbtc.crypto.value
+        const bValue = b.lastCycleReward.rif.crypto.value + b.lastCycleReward.rbtc.crypto.value
         return aValue - bValue
       },
       estimatedRewards: (a: IRewardData, b: IRewardData) => {
-        const aValue = a.estimatedReward.RIF.crypto.value + a.estimatedReward.RBTC.crypto.value
-        const bValue = b.estimatedReward.RIF.crypto.value + b.estimatedReward.RBTC.crypto.value
+        const aValue = a.estimatedReward.rif.crypto.value + a.estimatedReward.rbtc.crypto.value
+        const bValue = b.estimatedReward.rif.crypto.value + b.estimatedReward.rbtc.crypto.value
         return aValue - bValue
       },
       totalAllocationPercentage: (a: IRewardData, b: IRewardData) =>

From 852fe3b9254c556766eaea1f1f4f7132c10313de Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Wed, 27 Nov 2024 07:19:44 +0000
Subject: [PATCH 106/115] feat(cr): replace index to address based builders in
 allocs context (#417)

* feat(cr): replace index to address based builders in allocs context

* reword_me: try to fix the referential integrity

* fix: review allocation

* chore: format

* fix: review selections

* chore: remove comments

* chore: remove unused var

* fix: hook dependency

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .env.testnet.local                            |   4 +-
 .../components/AllocationAmount.tsx           |  15 +-
 .../components/BuilderAllocation.tsx          |  17 +-
 .../context/AllocationsContext.tsx            | 152 +++++++++---------
 .../context/allocationsActions.tsx            |  57 ++++---
 .../hooks/useActivatedBuildersWithGauge.ts    |   2 +-
 .../collective-rewards/allocations/page.tsx   |  21 +--
 .../builders/hooks/useGetBuildersRewards.ts   |   9 +-
 .../shared/components/Table/TableCells.tsx    |  47 ++----
 .../user/context/BuilderContext.tsx           |  26 +--
 .../user/hooks/useGetBuilders.ts              |  45 ++++--
 .../user/hooks/useGetGaugesArray.ts           |   3 +-
 .../user/hooks/useGetProposalsState.ts        |  20 ++-
 13 files changed, 223 insertions(+), 195 deletions(-)

diff --git a/.env.testnet.local b/.env.testnet.local
index 191a1c9c..3ba90e73 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -17,8 +17,8 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0x72Ed7d7b7835Ad62B1f9b6280bAd62618aA71461
 NEXT_PUBLIC_CHAIN_ID=31
 
 # CR-related env variables
-NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0x0Baaf304a5dBc756aEe645195C763114Fc5f1C5E
-NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x839C279aa4B2b6972B474911562e5C21e2ef1416
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0xA3e14a93b1606152A671E3C8f9918882dfAB4B67
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0xE19d22aB1eDD458dbeAA9F391cAF949E4f110c08
 NEXT_PUBLIC_GOVERNANCE_MANAGER_ADDRESS=0xcB392a848dD7539f24c71Ebed0BcA2a855Bcf92D
 NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=7
 NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="1970-01-01T00:00:00Z"
diff --git a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
index 89bdbca0..7162aee7 100644
--- a/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
+++ b/src/app/collective-rewards/allocations/components/AllocationAmount.tsx
@@ -1,12 +1,12 @@
 'use client'
 
-import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
+import { Allocations, AllocationsContext } from '@/app/collective-rewards/allocations/context'
 import { formatOnchainFraction } from '@/app/collective-rewards/rewards'
 import { Button, ButtonProps } from '@/components/Button'
 import { Input } from '@/components/Input'
 import { cn } from '@/lib/utils'
 import { useContext, useState } from 'react'
-import { parseEther } from 'viem'
+import { Address, parseEther } from 'viem'
 import { StakeHint } from './StakeHint'
 
 const PercentageButton = ({ children, variant, ...rest }: ButtonProps) => (
@@ -24,19 +24,28 @@ const ALLOCATION_EXCEED_AMOUNT_ERROR = 'Builder allocations exceeds amount to al
 export const AllocationAmount = () => {
   const {
     state: {
+      allocations,
       backer: { balance, amountToAllocate, cumulativeAllocation, allocationsCount },
     },
     actions: { updateAllocations, updateAmountToAllocate },
   } = useContext(AllocationsContext)
 
   const [activeButtonIndex, setActiveButtonIndex] = useState<number | null>(null)
+
   const onPercentageButtonClicked = (percentage: number, index: number) => {
     const newAmountToAllocate = (BigInt(balance ?? 0n) * BigInt(percentage)) / BigInt(100)
+
     updateAmountToAllocate(newAmountToAllocate)
     setActiveButtonIndex(index)
     if (allocationsCount === 0) return
+    const newAllocations = Object.keys(allocations).reduce((acc, key) => {
+      const builderAddress = key as Address
+      const newAllocation = newAmountToAllocate / BigInt(allocationsCount)
+      acc[builderAddress] = newAllocation
 
-    updateAllocations(Array(allocationsCount).fill(newAmountToAllocate / BigInt(allocationsCount)))
+      return acc
+    }, {} as Allocations)
+    updateAllocations(newAllocations)
   }
 
   const handleOnChange = (value: string) => {
diff --git a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
index c6312438..01bc91dc 100644
--- a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
+++ b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
@@ -1,4 +1,6 @@
 import { AllocationsContext } from '@/app/collective-rewards/allocations/context'
+import { formatOnchainFraction } from '@/app/collective-rewards/rewards'
+import { weiToPercentage } from '@/app/collective-rewards/settings'
 import { Builder } from '@/app/collective-rewards/types'
 import { Input } from '@/components/Input'
 import { Slider } from '@/components/Slider'
@@ -6,13 +8,9 @@ import { Label } from '@/components/Typography'
 import { useContext } from 'react'
 import { parseEther } from 'viem'
 import { BuilderAllocationHeader, BuilderAllocationHeaderProps } from './BuilderAllocationHeader'
-import { formatBalanceToHuman } from '@/app/user/Balances/balanceUtils'
-import { weiToPercentage } from '@/app/collective-rewards/settings'
-import { formatOnchainFraction } from '@/app/collective-rewards/rewards'
 
 export type BuilderAllocationProps = BuilderAllocationHeaderProps &
   Pick<Builder, 'backerRewardPercentage'> & {
-    index: number
     currentAllocation: bigint
   }
 
@@ -25,12 +23,13 @@ export const BuilderAllocation = (builder: BuilderAllocationProps) => {
   } = useContext(AllocationsContext)
   const allocationLeft = amountToAllocate - cumulativeAllocation
   const { currentAllocation, backerRewardPercentage, address } = builder
+
   const onInputChange = (value: string) => {
-    updateAllocation(builder.index, parseEther(value))
+    updateAllocation(address, parseEther(value))
   }
 
-  const onSliderValueChange = (value: number[]) => {
-    updateAllocation(builder.index, BigInt(value[0]))
+  const onSliderValueChange = ([value]: number[]) => {
+    updateAllocation(address, BigInt(value))
   }
 
   return (
@@ -47,8 +46,8 @@ export const BuilderAllocation = (builder: BuilderAllocationProps) => {
         value={formatOnchainFraction(currentAllocation || 0n)}
       />
       <Slider
-        value={[Number(currentAllocation)]}
-        max={Number(amountToAllocate)}
+        value={[Number(currentAllocation || 0n)]}
+        max={Number(amountToAllocate || 0n) === 0 ? 1 : Number(amountToAllocate || 0n)}
         onValueChange={onSliderValueChange}
       />
     </div>
diff --git a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
index df458071..c45d5d81 100644
--- a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
+++ b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
@@ -10,36 +10,52 @@ import { Address, zeroAddress } from 'viem'
 import { useAccount } from 'wagmi'
 import { createActions } from './allocationsActions'
 import { useBuildersWithBackerRewardPercentage } from '../hooks/useBuildersWithBackerRewardPercentage'
-export type Allocations = Record<number, bigint>
+
+export type Allocations = {
+  [K: Address]: bigint
+}
+
+export type Builders = {
+  [K: Address]: Builder
+}
+
+export type Selections = {
+  [K: Address]: boolean
+}
+
 export interface Backer {
   amountToAllocate: bigint
   balance: bigint
   allocationsCount: number
   cumulativeAllocation: bigint
 }
-type AllocationsContextValue = {
-  selections: number[]
+
+type State = {
+  selections: Selections
   allocations: Allocations
   backer: Backer
   isContextLoading: boolean
   contextError: Error | null
-  getBuilder: (index: number) => Builder | null
-  getBuilderIndexByAddress: (address: Address) => number
+  getBuilder: (address: Address) => Builder | null
   isValidState: () => boolean
 }
+
 export type AllocationsActions = {
-  toggleSelectedBuilder: (builderIndex: number) => void
-  updateAllocation: (builderIndex: number, value: bigint) => void
-  updateAllocations: (values: bigint[]) => void
+  toggleSelectedBuilder: (address: Address) => void
+  updateAllocation: (address: Address, value: bigint) => void
+  updateAllocations: (newAllocations: Allocations) => void
   updateAmountToAllocate: (value: bigint) => void
   resetAllocations: () => void
 }
-export type InitialState = Pick<AllocationsContextValue, 'backer' | 'allocations'>
+
+export type InitialState = Pick<State, 'backer' | 'allocations'>
+
 type AllocationsContext = {
   initialState: InitialState
-  state: AllocationsContextValue
+  state: State
   actions: AllocationsActions
 }
+
 const DEFAULT_CONTEXT: AllocationsContext = {
   initialState: {
     backer: {
@@ -51,7 +67,7 @@ const DEFAULT_CONTEXT: AllocationsContext = {
     allocations: {},
   },
   state: {
-    selections: [],
+    selections: {},
     allocations: {},
     backer: {
       balance: BigInt(0),
@@ -62,7 +78,6 @@ const DEFAULT_CONTEXT: AllocationsContext = {
     isContextLoading: true,
     contextError: null,
     getBuilder: () => null,
-    getBuilderIndexByAddress: () => -1,
     isValidState: () => false,
   },
   actions: {
@@ -77,18 +92,11 @@ export const AllocationsContext = createContext<AllocationsContext>(DEFAULT_CONT
 export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ children }) => {
   const { address: backerAddress } = useAccount()
   /**
-   * Selections are the indexes of the builders that the backer has selected
-   */
-  const [selections, setSelections] = useState<number[]>(DEFAULT_CONTEXT.state.selections)
-  /**
-   * Allocations are the amounts that the backer has allocated to each builder either in the current session or in the past
-   * The key is the index of the builder
-   * The value is the amount allocated
+   * Context states
    */
+  const [selections, setSelections] = useState<Selections>(DEFAULT_CONTEXT.state.selections)
   const [allocations, setAllocations] = useState<Allocations>(DEFAULT_CONTEXT.state.allocations)
-  /**
-   * Cumulative allocation is the total amount that the backer has allocated to all builders in current session
-   */
+
   const [isContextLoading, setIsContextLoading] = useState(DEFAULT_CONTEXT.state.isContextLoading)
   const [contextError, setContextError] = useState<Error | null>(DEFAULT_CONTEXT.state.contextError)
   const [backer, setBacker] = useState<Backer>(DEFAULT_CONTEXT.state.backer)
@@ -97,7 +105,7 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
    * Fetch data from the blockchain
    */
   const {
-    data: builders,
+    data: rawBuilders,
     isLoading: isLoadingBuilders,
     error: buildersError,
   } = useActivatedBuildersWithGauge()
@@ -106,12 +114,12 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
     data: buildersWithBackerRewards,
     isLoading: buildersWithBackerRewardsLoading,
     error: buildersWithBackerRewardsError,
-  } = useBuildersWithBackerRewardPercentage(builders)
+  } = useBuildersWithBackerRewardPercentage(rawBuilders)
 
   const {
-    data: allAllocations,
-    isLoading: isAllAllocationsLoading,
-    error: allAllocationsError,
+    data: rawAllocations,
+    isLoading: isRawAllocationsLoading,
+    error: allRawAllocationsError,
   } = useGetAllAllocationOf(
     backerAddress ?? zeroAddress,
     // gauge is always defined here
@@ -124,36 +132,42 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
   } = useBackerTotalAllocation(backerAddress ?? zeroAddress)
   const { data: votingPower, isLoading: isVotingPowerLoading, error: votingPowerError } = useGetVotingPower()
 
+  const builders: Builders = useMemo(() => {
+    if (!rawBuilders || !buildersWithBackerRewards) return {}
+    return rawBuilders.reduce((acc, builder, index) => {
+      acc[builder.address] = {
+        ...builder,
+        ...buildersWithBackerRewards[index],
+        backerRewardPercentage: {
+          previous: buildersWithBackerRewards[index].backerRewardPercentage.previous ?? BigInt(0),
+          next: buildersWithBackerRewards[index].backerRewardPercentage.next ?? BigInt(0),
+          cooldown: buildersWithBackerRewards[index].backerRewardPercentage.cooldown ?? BigInt(0),
+        },
+      }
+      return acc
+    }, {} as Builders)
+  }, [rawBuilders, buildersWithBackerRewards])
+
   /**
    * Retrieval functions
    */
-  const getBuilder = useCallback(
-    (index: number) => (index >= 0 && index < builders.length ? builders[index] : null),
-    [builders],
-  )
-
-  const getBuilderIndexByAddress = useCallback(
-    (address: Address) => builders.findIndex(builder => builder.address === address) ?? null,
-    [builders],
-  )
+  const getBuilder = useCallback((address: Address) => builders[address], [builders])
 
   const isValidState = useCallback(() => {
     const { balance, cumulativeAllocation, amountToAllocate } = backer
+    // FIXME: verify that the initial state has changed compared to what we want to save
 
-    return (
-      totalOnchainAllocation !== amountToAllocate &&
-      cumulativeAllocation <= balance &&
-      amountToAllocate <= balance
-    )
-  }, [backer, totalOnchainAllocation])
+    return cumulativeAllocation <= balance && amountToAllocate <= balance
+  }, [backer])
 
   /**
    * Reactive state updates
    */
   useEffect(() => {
-    if (!isContextLoading && backerAddress && allAllocations) {
+    if (!isContextLoading && backerAddress && rawAllocations) {
       const [newAllocations, newCumulativeAllocation, allocationsCount] = createInitialAllocations(
-        allAllocations,
+        rawAllocations,
+        rawBuilders,
         selections,
       )
       setAllocations(newAllocations)
@@ -166,11 +180,11 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       }))
     }
   }, [
-    allAllocations,
+    rawAllocations,
     backerAddress,
     selections,
     isContextLoading,
-    builders.length,
+    rawBuilders,
     totalOnchainAllocation,
     votingPower,
   ])
@@ -178,13 +192,13 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
   useEffect(() => {
     setContextError(
       buildersError ??
-        allAllocationsError ??
+        allRawAllocationsError ??
         totalAllocationError ??
         votingPowerError ??
         buildersWithBackerRewardsError,
     )
   }, [
-    allAllocationsError,
+    allRawAllocationsError,
     buildersError,
     totalAllocationError,
     votingPowerError,
@@ -193,14 +207,14 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
   useEffect(() => {
     setIsContextLoading(
       isLoadingBuilders ||
-        isAllAllocationsLoading ||
+        isRawAllocationsLoading ||
         isTotalAllocationLoading ||
         isVotingPowerLoading ||
         buildersWithBackerRewardsLoading,
     )
   }, [
     isLoadingBuilders,
-    isAllAllocationsLoading,
+    isRawAllocationsLoading,
     isTotalAllocationLoading,
     isVotingPowerLoading,
     buildersWithBackerRewardsLoading,
@@ -217,9 +231,11 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       }
     }
     const [initialAllocations, initialCumulativeAllocations, allocationsCount] = createInitialAllocations(
-      allAllocations || [],
-      selections,
+      rawAllocations || [],
+      rawBuilders || [],
+      selections || {},
     )
+
     return {
       backer: {
         allocationsCount,
@@ -230,9 +246,9 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       },
       allocations: initialAllocations,
     }
-  }, [allAllocations, totalOnchainAllocation, votingPower, isContextLoading, selections])
+  }, [rawAllocations, rawBuilders, totalOnchainAllocation, selections, votingPower, isContextLoading])
 
-  const state: AllocationsContextValue = useMemo(() => {
+  const state: State = useMemo(() => {
     return {
       selections,
       allocations,
@@ -240,19 +256,9 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
       isContextLoading,
       contextError,
       getBuilder,
-      getBuilderIndexByAddress,
       isValidState,
     }
-  }, [
-    selections,
-    allocations,
-    backer,
-    isContextLoading,
-    contextError,
-    getBuilder,
-    getBuilderIndexByAddress,
-    isValidState,
-  ])
+  }, [selections, allocations, backer, isContextLoading, contextError, getBuilder, isValidState])
 
   const actions: AllocationsActions = useMemo(
     () => createActions(setSelections, setAllocations, setBacker, initialState),
@@ -273,15 +279,17 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
 }
 
 function createInitialAllocations(
-  allAllocations: bigint[],
-  selections: number[],
+  rawAllocations: bigint[],
+  rawBuilders: Builder[],
+  selections: State['selections'],
 ): [Allocations, bigint, number] {
-  return allAllocations.reduce(
+  return rawAllocations.reduce(
     (acc, allocation, index) => {
-      if (allocation || selections.includes(index)) {
-        acc[0][index] = allocation
-        acc[1] += allocation ?? BigInt(0)
-        acc[2] += 1
+      const builderAddress = rawBuilders[index].address
+      if (allocation > 0n || selections[builderAddress]) {
+        acc[0][builderAddress] = allocation
+        acc[1] += allocation ?? BigInt(0) // cumulative allocation
+        acc[2] += 1 // allocations count
       }
       return acc
     },
diff --git a/src/app/collective-rewards/allocations/context/allocationsActions.tsx b/src/app/collective-rewards/allocations/context/allocationsActions.tsx
index 1cd47122..7f9ecd5a 100644
--- a/src/app/collective-rewards/allocations/context/allocationsActions.tsx
+++ b/src/app/collective-rewards/allocations/context/allocationsActions.tsx
@@ -1,42 +1,51 @@
 import { Dispatch, SetStateAction } from 'react'
-import { Allocations, AllocationsActions, Backer, InitialState } from './AllocationsContext'
+import { Allocations, AllocationsActions, Backer, InitialState, Selections } from './AllocationsContext'
+import { Address } from 'viem'
 export const createActions = (
-  setSelections: Dispatch<SetStateAction<number[]>>,
-  setAllocations: Dispatch<SetStateAction<Record<number, bigint>>>,
+  setSelections: Dispatch<SetStateAction<Selections>>,
+  setAllocations: Dispatch<SetStateAction<Allocations>>,
   setBacker: Dispatch<SetStateAction<Backer>>,
   initialState: InitialState,
 ): AllocationsActions => ({
-  toggleSelectedBuilder: (builderIndex: number) => {
-    setSelections(prevSelections =>
-      prevSelections.includes(builderIndex)
-        ? prevSelections.filter(index => index !== builderIndex)
-        : [...prevSelections, builderIndex],
-    )
+  toggleSelectedBuilder: (builderAddress: Address) => {
+    setSelections(prevSelections => ({
+      ...prevSelections,
+      [builderAddress]: !prevSelections[builderAddress],
+    }))
   },
-  updateAllocation: (builderIndex: number, value: bigint) => {
+  updateAllocation: (builderAddress: Address, value: bigint) => {
     setAllocations(prevAllocations => {
-      const newAllocations = { ...prevAllocations, [builderIndex]: value }
-      setBacker(prevBacker => ({
-        ...prevBacker,
-        cumulativeAllocation:
-          prevBacker.cumulativeAllocation + value - (prevAllocations[builderIndex] ?? BigInt(0)),
-      }))
+      const newAllocations: Allocations = { ...prevAllocations, [builderAddress]: value }
+      const newCumulativeAllocation = Object.values(newAllocations).reduce<bigint>(
+        (acc, value) => acc + value,
+        0n,
+      )
+      setBacker(prevBacker => {
+        const ret = {
+          ...prevBacker,
+          cumulativeAllocation: newCumulativeAllocation,
+        }
+        return ret
+      })
       return newAllocations
     })
   },
-  updateAllocations: (values: bigint[]) => {
-    const [newAllocations, newCumulativeAllocation] = values.reduce(
-      (acc, value, index) => {
-        acc[0][index] = value
-        acc[1] += value
+  updateAllocations: (newAllocation: Allocations) => {
+    const [cumulativeAllocation, allocationCount] = Object.values(newAllocation).reduce(
+      (acc, value) => {
+        acc[0] += value ?? BigInt(0) // cumulative allocation
+        acc[1] += 1 // allocations count
+
         return acc
       },
-      [{} as Allocations, BigInt(0)],
+      [BigInt(0), 0],
     )
-    setAllocations(newAllocations)
+
+    setAllocations(newAllocation)
     setBacker(prevBacker => ({
       ...prevBacker,
-      cumulativeAllocation: newCumulativeAllocation,
+      cumulativeAllocation,
+      allocationCount,
     }))
   },
   updateAmountToAllocate: (value: bigint) => {
diff --git a/src/app/collective-rewards/allocations/hooks/useActivatedBuildersWithGauge.ts b/src/app/collective-rewards/allocations/hooks/useActivatedBuildersWithGauge.ts
index 816df20a..5be9fac3 100644
--- a/src/app/collective-rewards/allocations/hooks/useActivatedBuildersWithGauge.ts
+++ b/src/app/collective-rewards/allocations/hooks/useActivatedBuildersWithGauge.ts
@@ -3,7 +3,7 @@ import { useBuilderContext } from '../../user'
 
 export const useActivatedBuildersWithGauge = () => {
   const { data: builders, isLoading, error } = useBuilderContext()
-  let data = useMemo(
+  const data = useMemo(
     // Not v1 and both community approved and activated
     () => builders.filter(({ gauge, stateFlags }) => gauge && stateFlags && stateFlags.activated),
     [builders],
diff --git a/src/app/collective-rewards/allocations/page.tsx b/src/app/collective-rewards/allocations/page.tsx
index a69a698d..67557ba4 100644
--- a/src/app/collective-rewards/allocations/page.tsx
+++ b/src/app/collective-rewards/allocations/page.tsx
@@ -46,14 +46,18 @@ export default function Allocations() {
   } = useContext(AllocationsContext)
 
   const saveAllocations = () => {
-    const [gauges, allocs] = Object.entries(allocations).reduce<[Address[], bigint[]]>(
-      (acc, [index, allocation]) => {
-        acc[0] = [...acc[0], getBuilder(Number(index))?.gauge ?? zeroAddress]
-        acc[1] = [...acc[1], allocation]
+    const [gauges, allocs] = Object.entries(allocations).reduce(
+      (acc, [key, value]) => {
+        const builderAddress = key as Address
+        const gauge = getBuilder(builderAddress)?.gauge
+        if (gauge) {
+          acc[0] = [...acc[0], gauge]
+          acc[1] = [...acc[1], value]
+        }
 
         return acc
       },
-      [[], []],
+      [[], [], []] as [Address[], bigint[], Address[]],
     )
 
     return writeContractAsync({
@@ -92,19 +96,18 @@ export default function Allocations() {
           </Typography>
           <div className="flex items-start content-start flex-wrap gap-4 w-full">
             {Object.entries(allocations).map(([key, currentAllocation]) => {
-              const index = Number(key)
-              const builderInfo = getBuilder(index) as Builder
+              const builderAddress = key as Address
+              const builderInfo = getBuilder(builderAddress) as Builder
               if (!builderInfo) {
                 return null
               }
 
               const builder: BuilderAllocationProps = {
                 ...builderInfo,
-                index,
                 currentAllocation,
                 date: builderInfo.proposal.date,
               }
-              return <BuilderAllocation key={index} {...builder} />
+              return <BuilderAllocation key={builderAddress} {...builder} />
             })}
           </div>
           <div className="flex items-center self-stretch justify-between gap-4">
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
index 405e294b..26eacef1 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
@@ -25,11 +25,10 @@ type RequiredBuilder = Required<Builder>
 
 // from the builders list, filter out the builders that are not kycApproved or are revoked or have no allocation
 const isBuilderShown = (
-  { stateFlags: { kycApproved, revoked } }: RequiredBuilder,
+  { stateFlags: { kycApproved, revoked }, address }: RequiredBuilder,
   allocations: Allocations,
-  index: number,
 ) => {
-  const allocation = allocations[index]
+  const allocation = allocations[address]
   return (kycApproved && !revoked) || (allocation && allocation > 0n)
 }
 
@@ -46,7 +45,6 @@ export type BuildersRewards = {
 export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token }, currency = 'USD') => {
   const {
     initialState: { allocations },
-    state: { getBuilderIndexByAddress },
   } = useContext(AllocationsContext)
   const { data: cycle, isLoading: cycleLoading, error: cycleError } = useCycleContext()
   const {
@@ -149,7 +147,7 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
     return builders.reduce<BuildersRewards[]>((acc, builder) => {
       const { address, builderName, gauge, stateFlags } = builder
 
-      const isShown = isBuilderShown(builder, allocations, getBuilderIndexByAddress(address))
+      const isShown = isBuilderShown(builder, allocations)
       if (!isShown) return acc
 
       const builderRewardShares = rewardShares[gauge] ?? 0n
@@ -238,7 +236,6 @@ export const useGetBuildersRewards = ({ rif, rbtc }: { [token: string]: Token },
     rifPrice,
     rbtcPrice,
     currency,
-    getBuilderIndexByAddress,
     rif,
     rbtc,
     rewardsERC20,
diff --git a/src/app/collective-rewards/shared/components/Table/TableCells.tsx b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
index b0af896c..0e6d4edd 100644
--- a/src/app/collective-rewards/shared/components/Table/TableCells.tsx
+++ b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
@@ -188,35 +188,21 @@ type ActionCellProps = {
 }
 
 export const ActionCell: FC<ActionCellProps> = ({ tableHeader: { className }, builderAddress }) => {
-  const [selected, setSelected] = useState(false)
   const {
-    state: { selections, getBuilderIndexByAddress, getBuilder },
+    state: { selections, allocations, getBuilder },
     actions: { toggleSelectedBuilder },
   } = useContext(AllocationsContext)
-  /* TODO: manage the button status 
-    - disabled when the backer cannot vote on the Builder
-    - ✅variant=primary when the builder is selected and text changed to "Selected"
-    - ✅variant=secondary by default and text is "Select"
-  */
-  /* TODO: add the onClick event
-   *  - it needs to interact with the allocation context to add the builder to the selected builders
-   */
 
-  const selectBuilder = () => {
-    if (builderIndex < 0) {
-      console.log('Builder not found in selection') // TODO: handle this case better
-      return
-    }
-    toggleSelectedBuilder(builderIndex)
-  }
+  const builder = useMemo(() => getBuilder(builderAddress), [builderAddress, getBuilder])
+
+  const isPreallocated = useMemo(() => allocations[builderAddress] > 0n, [allocations, builderAddress])
 
-  const builderIndex = useMemo(
-    () => getBuilderIndexByAddress(builderAddress),
-    [builderAddress, getBuilderIndexByAddress],
+  const isSelected = useMemo(
+    () => selections[builderAddress] || isPreallocated,
+    [selections, builderAddress, isPreallocated],
   )
 
   const isBuilderOperational = useMemo(() => {
-    const builder = builderIndex >= 0 ? getBuilder(builderIndex) : null
     if (!builder) {
       console.log('Builder not found in selection') // TODO: handle this case better
       return
@@ -227,26 +213,21 @@ export const ActionCell: FC<ActionCellProps> = ({ tableHeader: { className }, bu
       builder.stateFlags.communityApproved &&
       !builder.stateFlags.paused
     )
-  }, [builderIndex, getBuilder])
+  }, [builder])
 
-  useEffect(() => {
-    if (builderIndex < 0) {
-      console.log('Builder not found in selection') // TODO: handle this case better
-      return
-    }
-    const isSelected = selections.includes(builderIndex)
-    setSelected(isSelected)
-  }, [builderAddress, selections, builderIndex])
+  const selectBuilder = () => {
+    toggleSelectedBuilder(builder?.address as Address)
+  }
 
   return (
     <TableCell className={cn(className, 'border-solid align-center')}>
       <Button
-        variant={selected ? 'white' : 'secondary'}
-        disabled={!isBuilderOperational}
+        variant={isSelected ? 'white' : 'secondary'}
+        disabled={!isBuilderOperational || isPreallocated}
         onClick={selectBuilder}
         className="white text-center"
       >
-        {selected ? 'Selected' : 'Select'}
+        {isSelected ? 'Selected' : 'Select'}
       </Button>
     </TableCell>
   )
diff --git a/src/app/collective-rewards/user/context/BuilderContext.tsx b/src/app/collective-rewards/user/context/BuilderContext.tsx
index 0a365122..4cd47a8d 100644
--- a/src/app/collective-rewards/user/context/BuilderContext.tsx
+++ b/src/app/collective-rewards/user/context/BuilderContext.tsx
@@ -1,7 +1,7 @@
 import { Builder, BuilderStateFlags } from '@/app/collective-rewards/types'
 import { useGetBuilders } from '@/app/collective-rewards/user'
 import { withPricesContextProvider } from '@/shared/context/PricesContext'
-import { createContext, FC, ReactNode, useContext } from 'react'
+import { createContext, FC, ReactNode, useCallback, useContext, useMemo } from 'react'
 import { Address } from 'viem'
 
 type BuilderContextValue = {
@@ -28,16 +28,20 @@ export const BuilderContextProvider: FC<BuilderProviderProps> = ({ children }) =
   const isLoading = buildersLoading
   const error = buildersError
 
-  const getBuilderByAddress = (address: Address): Builder | undefined => {
-    return builders[address]
-  }
-
-  const valueOfContext: BuilderContextValue = {
-    data: Object.values(builders),
-    isLoading,
-    error,
-    getBuilderByAddress,
-  }
+  const getBuilderByAddress = useCallback(
+    (address: Address): Builder | undefined => builders[address],
+    [builders],
+  )
+
+  const valueOfContext: BuilderContextValue = useMemo(
+    () => ({
+      data: Object.values(builders),
+      isLoading,
+      error,
+      getBuilderByAddress,
+    }),
+    [builders, isLoading, error, getBuilderByAddress],
+  )
 
   return <BuilderContext.Provider value={valueOfContext}>{children}</BuilderContext.Provider>
 }
diff --git a/src/app/collective-rewards/user/hooks/useGetBuilders.ts b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
index 9179bba8..626cb88b 100644
--- a/src/app/collective-rewards/user/hooks/useGetBuilders.ts
+++ b/src/app/collective-rewards/user/hooks/useGetBuilders.ts
@@ -52,22 +52,33 @@ export const useGetBuilders: UseGetBuilders = () => {
       refetchInterval: AVERAGE_BLOCKTIME,
     },
   })
-  const builders = buildersResult?.map(builder => builder.result) as Address[]
+  const builders = useMemo(
+    () => buildersResult?.map(builder => builder.result) as Address[],
+    [buildersResult],
+  )
 
-  const builderToGauge = builders?.reduce<Record<Address, Address>>((acc, builder, index) => {
-    acc[builder] = gauges![index]
-    return acc
-  }, {})
+  const builderToGauge = useMemo(
+    () =>
+      builders?.reduce<Record<Address, Address>>((acc, builder, index) => {
+        acc[builder] = gauges![index]
+        return acc
+      }, {}),
+    [builders, gauges],
+  )
 
   // get the builder state for each builder
-  const builderStatesCalls = builders?.map(
-    builder =>
-      ({
-        address: BackersManagerAddress,
-        abi: BuilderRegistryAbi,
-        functionName: 'builderState',
-        args: [builder],
-      }) as const,
+  const builderStatesCalls = useMemo(
+    () =>
+      builders?.map(
+        builder =>
+          ({
+            address: BackersManagerAddress,
+            abi: BuilderRegistryAbi,
+            functionName: 'builderState',
+            args: [builder],
+          }) as const,
+      ),
+    [builders],
   )
   const {
     data: builderStatesResult,
@@ -82,8 +93,10 @@ export const useGetBuilders: UseGetBuilders = () => {
     error: proposalsByBuilderError,
   } = useFetchCreateBuilderProposals()
 
-  const proposalIds = Object.values(proposalsByBuilder ?? {}).flatMap(events =>
-    events.map(({ args }) => args.proposalId),
+  const proposalIds = useMemo(
+    () =>
+      Object.values(proposalsByBuilder ?? {}).flatMap(events => events.map(({ args }) => args.proposalId)),
+    [proposalsByBuilder],
   )
 
   const {
@@ -143,7 +156,7 @@ export const useGetBuilders: UseGetBuilders = () => {
       },
       {},
     )
-  }, [proposalsByBuilder, builderToGauge, proposalsStateMap, builderStatesResult, builders])
+  }, [proposalsByBuilder, builderToGauge, builderStatesResult, proposalsStateMap, builders])
 
   const isLoading =
     isLoadingProposalsByBuilder ||
diff --git a/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts b/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts
index 9948c49a..44b1f1a0 100644
--- a/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts
+++ b/src/app/collective-rewards/user/hooks/useGetGaugesArray.ts
@@ -4,6 +4,7 @@ import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
 import { AbiFunction, Address } from 'viem'
 import { useGetGaugesLength } from '@/app/collective-rewards/user'
+import { useMemo } from 'react'
 
 const gaugeTypeOptions = ['active', 'halted'] as const
 export type GaugeType = (typeof gaugeTypeOptions)[number]
@@ -45,7 +46,7 @@ export const useGetGaugesArray = (type: GaugeType) => {
     },
   })
 
-  const gauges = gaugesAddress?.map(gauge => gauge.result as Address)
+  const gauges = useMemo(() => gaugesAddress?.map(gauge => gauge.result as Address), [gaugesAddress])
   const isLoading = gaugesLengthLoading || gaugesAddressLoading
   const error = gaugesLengthError ?? gaugesAddressError
 
diff --git a/src/app/collective-rewards/user/hooks/useGetProposalsState.ts b/src/app/collective-rewards/user/hooks/useGetProposalsState.ts
index 09e2d0ae..220d806b 100644
--- a/src/app/collective-rewards/user/hooks/useGetProposalsState.ts
+++ b/src/app/collective-rewards/user/hooks/useGetProposalsState.ts
@@ -8,14 +8,18 @@ import { Address } from 'viem'
 import { useReadContracts } from 'wagmi'
 
 export const useGetProposalsState = (proposalIds: bigint[]) => {
-  const contractCalls = proposalIds.map(proposalId => {
-    return {
-      address: GovernorAddress as Address,
-      abi: GovernorAbi,
-      functionName: 'state',
-      args: [proposalId],
-    } as const
-  })
+  const contractCalls = useMemo(
+    () =>
+      proposalIds.map(proposalId => {
+        return {
+          address: GovernorAddress as Address,
+          abi: GovernorAbi,
+          functionName: 'state',
+          args: [proposalId],
+        } as const
+      }),
+    [proposalIds],
+  )
 
   const {
     data: states,

From 84a85c24e2f0b073c4fd4a55122d6f1f09c1e6cb Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Wed, 27 Nov 2024 12:57:26 +0000
Subject: [PATCH 107/115] TOK-502: use active backer rewards percentage (#421)

* fix(cr): use active backer rewards for info

* fix: set the reward percentage in the right property

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .../components/BuilderAllocation.tsx          |  2 +-
 .../context/AllocationsContext.tsx            | 48 +++++-----
 .../hooks/useBackerTotalAllocation.ts         | 15 ++--
 .../useBuildersWithBackerRewardPercentage.ts  | 88 +++++++++++++------
 .../builders/hooks/useGetBuildersRewards.ts   |  1 +
 src/app/collective-rewards/types.ts           |  5 +-
 6 files changed, 93 insertions(+), 66 deletions(-)

diff --git a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
index 01bc91dc..5d1e87e2 100644
--- a/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
+++ b/src/app/collective-rewards/allocations/components/BuilderAllocation.tsx
@@ -36,7 +36,7 @@ export const BuilderAllocation = (builder: BuilderAllocationProps) => {
     <div className="flex flex-col py-4 px-2 gap-6 shrink-0 bg-foreground rounded-[8px] min-w-[calc(25%-2rem)] max-w-[25%-1rem]">
       <BuilderAllocationHeader {...builder} />
       <Label className="font-bold">
-        Backer rewards {weiToPercentage(backerRewardPercentage?.previous ?? 0n, 0)}%{' '}
+        Backer rewards {weiToPercentage(backerRewardPercentage?.active ?? 0n, 0)}%{' '}
       </Label>
       <Input
         type="number"
diff --git a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
index c45d5d81..5105687f 100644
--- a/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
+++ b/src/app/collective-rewards/allocations/context/AllocationsContext.tsx
@@ -9,7 +9,7 @@ import { createContext, FC, ReactNode, useEffect, useMemo, useState, useCallback
 import { Address, zeroAddress } from 'viem'
 import { useAccount } from 'wagmi'
 import { createActions } from './allocationsActions'
-import { useBuildersWithBackerRewardPercentage } from '../hooks/useBuildersWithBackerRewardPercentage'
+import { useGetBackerRewards } from '../hooks/useBuildersWithBackerRewardPercentage'
 
 export type Allocations = {
   [K: Address]: bigint
@@ -104,6 +104,8 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
   /**
    * Fetch data from the blockchain
    */
+  const { data: votingPower, isLoading: isVotingPowerLoading, error: votingPowerError } = useGetVotingPower()
+
   const {
     data: rawBuilders,
     isLoading: isLoadingBuilders,
@@ -111,42 +113,38 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
   } = useActivatedBuildersWithGauge()
 
   const {
-    data: buildersWithBackerRewards,
-    isLoading: buildersWithBackerRewardsLoading,
-    error: buildersWithBackerRewardsError,
-  } = useBuildersWithBackerRewardPercentage(rawBuilders)
+    data: backerRewards,
+    isLoading: backerRewardsLoading,
+    error: backerRewardsError,
+  } = useGetBackerRewards(rawBuilders)
 
   const {
     data: rawAllocations,
     isLoading: isRawAllocationsLoading,
     error: allRawAllocationsError,
-  } = useGetAllAllocationOf(
-    backerAddress ?? zeroAddress,
-    // gauge is always defined here
-    buildersWithBackerRewards?.map(builder => builder.gauge ?? zeroAddress) || [],
-  )
+  } = useGetAllAllocationOf(rawBuilders, backerAddress)
+
   const {
     data: totalOnchainAllocation,
     isLoading: isTotalAllocationLoading,
     error: totalAllocationError,
-  } = useBackerTotalAllocation(backerAddress ?? zeroAddress)
-  const { data: votingPower, isLoading: isVotingPowerLoading, error: votingPowerError } = useGetVotingPower()
+  } = useBackerTotalAllocation(backerAddress)
 
   const builders: Builders = useMemo(() => {
-    if (!rawBuilders || !buildersWithBackerRewards) return {}
+    if (!rawBuilders || !backerRewards) return {}
     return rawBuilders.reduce((acc, builder, index) => {
       acc[builder.address] = {
         ...builder,
-        ...buildersWithBackerRewards[index],
         backerRewardPercentage: {
-          previous: buildersWithBackerRewards[index].backerRewardPercentage.previous ?? BigInt(0),
-          next: buildersWithBackerRewards[index].backerRewardPercentage.next ?? BigInt(0),
-          cooldown: buildersWithBackerRewards[index].backerRewardPercentage.cooldown ?? BigInt(0),
+          active: backerRewards[index]?.active ?? BigInt(0),
+          previous: backerRewards[index]?.previous ?? BigInt(0),
+          next: backerRewards[index]?.next ?? BigInt(0),
+          cooldown: backerRewards[index]?.cooldown ?? BigInt(0),
         },
       }
       return acc
     }, {} as Builders)
-  }, [rawBuilders, buildersWithBackerRewards])
+  }, [rawBuilders, backerRewards])
 
   /**
    * Retrieval functions
@@ -195,29 +193,23 @@ export const AllocationsContextProvider: FC<{ children: ReactNode }> = ({ childr
         allRawAllocationsError ??
         totalAllocationError ??
         votingPowerError ??
-        buildersWithBackerRewardsError,
+        backerRewardsError,
     )
-  }, [
-    allRawAllocationsError,
-    buildersError,
-    totalAllocationError,
-    votingPowerError,
-    buildersWithBackerRewardsError,
-  ])
+  }, [allRawAllocationsError, buildersError, totalAllocationError, votingPowerError, backerRewardsError])
   useEffect(() => {
     setIsContextLoading(
       isLoadingBuilders ||
         isRawAllocationsLoading ||
         isTotalAllocationLoading ||
         isVotingPowerLoading ||
-        buildersWithBackerRewardsLoading,
+        backerRewardsLoading,
     )
   }, [
     isLoadingBuilders,
     isRawAllocationsLoading,
     isTotalAllocationLoading,
     isVotingPowerLoading,
-    buildersWithBackerRewardsLoading,
+    backerRewardsLoading,
   ])
 
   /**
diff --git a/src/app/collective-rewards/allocations/hooks/useBackerTotalAllocation.ts b/src/app/collective-rewards/allocations/hooks/useBackerTotalAllocation.ts
index 85d773e4..a14b1572 100644
--- a/src/app/collective-rewards/allocations/hooks/useBackerTotalAllocation.ts
+++ b/src/app/collective-rewards/allocations/hooks/useBackerTotalAllocation.ts
@@ -3,18 +3,20 @@ import { GaugeAbi } from '@/lib/abis/v2/GaugeAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 import { BackersManagerAddress } from '@/lib/contracts'
 import { useMemo } from 'react'
-import { Address } from 'viem'
+import { Address, zeroAddress } from 'viem'
 import { useReadContract, useReadContracts } from 'wagmi'
+import { Builder } from '../../types'
 
-export const useBackerTotalAllocation = (backer: Address) => {
+export const useBackerTotalAllocation = (backer?: Address) => {
   const { data, isLoading, error } = useReadContract({
     abi: BackersManagerAbi,
     address: BackersManagerAddress,
     functionName: 'backerTotalAllocation',
-    args: [backer],
+    args: [backer ?? zeroAddress],
     query: {
       refetchInterval: AVERAGE_BLOCKTIME,
       initialData: 0n,
+      enabled: !!backer,
     },
   })
 
@@ -25,20 +27,21 @@ export const useBackerTotalAllocation = (backer: Address) => {
   }
 }
 
-export const useGetAllAllocationOf = (backer: Address, gaugeAddresses: Address[]) => {
+export const useGetAllAllocationOf = (builder: Builder[], backer?: Address) => {
   const {
     data: gauges,
     isLoading,
     error,
   } = useReadContracts({
-    contracts: gaugeAddresses.map(gaugeAddress => ({
+    contracts: builder.map(({ gauge }) => ({
       abi: GaugeAbi,
-      address: gaugeAddress,
+      address: gauge,
       functionName: 'allocationOf',
       args: [backer],
     })),
     query: {
       refetchInterval: AVERAGE_BLOCKTIME,
+      enabled: !!backer,
     },
   })
 
diff --git a/src/app/collective-rewards/allocations/hooks/useBuildersWithBackerRewardPercentage.ts b/src/app/collective-rewards/allocations/hooks/useBuildersWithBackerRewardPercentage.ts
index 43b8fb7f..c2d532e7 100644
--- a/src/app/collective-rewards/allocations/hooks/useBuildersWithBackerRewardPercentage.ts
+++ b/src/app/collective-rewards/allocations/hooks/useBuildersWithBackerRewardPercentage.ts
@@ -1,56 +1,86 @@
+import { BackerRewardsConfig, Builder } from '@/app/collective-rewards/types'
 import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
 import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 import { BackersManagerAddress } from '@/lib/contracts'
+import { Modify } from '@/shared/utility'
 import { useMemo } from 'react'
-import { useReadContracts } from 'wagmi'
-import { BackerRewardPercentage, Builder } from '../../types'
+import { ContractFunctionReturnType, ReadContractErrorType } from 'viem'
+import { UseReadContractReturnType, useReadContracts } from 'wagmi'
 
-type RawBackerRewardPercentage = [bigint, bigint, bigint]
+type RawBackerRewardPercentage = ContractFunctionReturnType<
+  typeof BuilderRegistryAbi,
+  'view',
+  'backerRewardPercentage'
+>
+type RawActivePercentage = ContractFunctionReturnType<
+  typeof BuilderRegistryAbi,
+  'view',
+  'getRewardPercentageToApply'
+>
 
-export const useBuildersWithBackerRewardPercentage = (builders: Builder[]) => {
-  const backerRewardPercentageCalls = builders.map(({ address }) => ({
+type UseGetBackerRewardsReturnType = Pick<
+  Modify<UseReadContractReturnType, { data: (BackerRewardsConfig | undefined)[] | undefined }>,
+  'data' | 'isLoading' | 'error'
+>
+type UseGetBackerRewards = (builders: Builder[]) => UseGetBackerRewardsReturnType
+
+export const useGetBackerRewards: UseGetBackerRewards = builders => {
+  const backerRewardCalls = builders.map(({ address }) => ({
     address: BackersManagerAddress,
     abi: BuilderRegistryAbi,
     functionName: 'backerRewardPercentage',
     args: [address],
   }))
 
+  const activePercentageCalls = builders.map(({ address }) => ({
+    address: BackersManagerAddress,
+    abi: BuilderRegistryAbi,
+    functionName: 'getRewardPercentageToApply',
+    args: [address],
+  }))
+
   const {
-    data: backerRewardPercentageResults,
-    isLoading: backerRewardPercentageLoading,
-    error: backerRewardPercentageError,
+    data: backerRewards,
+    isLoading: backerRewardsLoading,
+    error: backerRewardError,
   } = useReadContracts<RawBackerRewardPercentage[]>({
-    contracts: backerRewardPercentageCalls,
+    contracts: backerRewardCalls,
+    query: {
+      refetchInterval: AVERAGE_BLOCKTIME,
+    },
+  })
+
+  const {
+    data: activePercentages,
+    isLoading: activePercentagesLoading,
+    error: activePercentagesError,
+  } = useReadContracts<RawActivePercentage[]>({
+    contracts: activePercentageCalls,
     query: {
       refetchInterval: AVERAGE_BLOCKTIME,
     },
   })
 
   const data = useMemo(() => {
-    const backerRewardPercentages = backerRewardPercentageResults?.map(({ result }) => {
-      if (result === undefined) return undefined
-
-      const [previous, next, cooldown] = result as RawBackerRewardPercentage
-      return {
-        previous,
-        next,
-        cooldown,
-      } as BackerRewardPercentage
-    })
+    if (!backerRewards || !activePercentages) return undefined
 
-    if (!backerRewardPercentages) return undefined
+    return backerRewards.map<BackerRewardsConfig | undefined>(({ status, error, result }, index) => {
+      if (status === 'success' && !error && !!result) {
+        const [previous, next, cooldown] = result as RawBackerRewardPercentage
 
-    return backerRewardPercentages?.map((backerRewardPercentage, index) => ({
-      ...builders[index],
-      backerRewardPercentage: {
-        ...backerRewardPercentage,
-      },
-    }))
-  }, [builders, backerRewardPercentageResults])
+        return {
+          previous,
+          next,
+          cooldown,
+          active: activePercentages[index]?.result as RawActivePercentage,
+        }
+      }
+    })
+  }, [backerRewards, activePercentages])
 
   return {
     data,
-    isLoading: backerRewardPercentageLoading,
-    error: backerRewardPercentageError,
+    isLoading: backerRewardsLoading || activePercentagesLoading,
+    error: (backerRewardError ?? activePercentagesError) as ReadContractErrorType,
   }
 }
diff --git a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
index 26eacef1..79a19044 100644
--- a/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
+++ b/src/app/collective-rewards/rewards/builders/hooks/useGetBuildersRewards.ts
@@ -32,6 +32,7 @@ const isBuilderShown = (
   return (kycApproved && !revoked) || (allocation && allocation > 0n)
 }
 
+// FIXME: remove and use Builder and/or combination of existing types
 export type BuildersRewards = {
   address: Address
   builderName: string
diff --git a/src/app/collective-rewards/types.ts b/src/app/collective-rewards/types.ts
index 5e8f9fc8..a436433e 100644
--- a/src/app/collective-rewards/types.ts
+++ b/src/app/collective-rewards/types.ts
@@ -9,7 +9,7 @@ export type Builder = {
   address: Address
   builderName: string
   // TODO: do we want to keep it here?
-  backerRewardPercentage?: BackerRewardPercentage
+  backerRewardPercentage?: BackerRewardsConfig
 }
 
 type BuilderFunctionOutputs = Extract<
@@ -30,10 +30,11 @@ export type BuilderProposal = {
   date: string
 }
 
-export type BackerRewardPercentage = {
+export type BackerRewardsConfig = {
   previous: bigint
   next: bigint
   cooldown: bigint
+  active: bigint
 }
 
 export type ProposalByBuilder = Record<Address, BuilderProposal>

From d9b0cb2bffb46ec0d87b3d1b5ff1456763e9d82b Mon Sep 17 00:00:00 2001
From: Antonio <antonio@iovlabs.org>
Date: Wed, 27 Nov 2024 13:52:16 +0100
Subject: [PATCH 108/115] fix: formatOnChain franction

---
 .../rewards/utils/formatMetrics.test.ts       | 30 +++++++++++++++++++
 .../rewards/utils/formatMetrics.ts            |  6 +++-
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/app/collective-rewards/rewards/utils/formatMetrics.test.ts b/src/app/collective-rewards/rewards/utils/formatMetrics.test.ts
index 79d8b8e4..66e7768c 100644
--- a/src/app/collective-rewards/rewards/utils/formatMetrics.test.ts
+++ b/src/app/collective-rewards/rewards/utils/formatMetrics.test.ts
@@ -31,4 +31,34 @@ describe('formatOnchainFraction', () => {
     const result = formatOnchainFraction(amount)
     expect(result).toBe('0')
   })
+
+  it('should handle numbers without decimals', () => {
+    const amount = BigInt('9000000000000000000')
+    const result = formatOnchainFraction(amount)
+    expect(result).toBe('9')
+  })
+
+  it('should handle numbers without decimals and more than 1 character', () => {
+    const amount = BigInt('90000000000000000000')
+    const result = formatOnchainFraction(amount)
+    expect(result).toBe('90')
+  })
+
+  it('should handle numbers with decimals and 3 characters', () => {
+    const amount = BigInt('900561000000000000000')
+    const result = formatOnchainFraction(amount)
+    expect(result).toBe('900.56')
+  })
+
+  it('should handle numbers with decimals and 3 characters', () => {
+    const amount = BigInt('9000127000000000000000')
+    const result = formatOnchainFraction(amount)
+    expect(result).toBe('9000.12')
+  })
+
+  it('should handle very big numbers', () => {
+    const amount = BigInt('987654321123456789012300000000000000')
+    const result = formatOnchainFraction(amount)
+    expect(result).toBe('987654321123456789.01')
+  })
 })
diff --git a/src/app/collective-rewards/rewards/utils/formatMetrics.ts b/src/app/collective-rewards/rewards/utils/formatMetrics.ts
index 905f2c3e..648fd1b8 100644
--- a/src/app/collective-rewards/rewards/utils/formatMetrics.ts
+++ b/src/app/collective-rewards/rewards/utils/formatMetrics.ts
@@ -8,5 +8,9 @@ export const formatMetrics = (amount: number, price: number, symbol: string, cur
 
 export const formatOnchainFraction = (amount: bigint, displayDecimals = 2, decimals = 18) => {
   const formattedAmount = formatUnits(amount, decimals)
-  return formattedAmount.slice(0, formattedAmount.indexOf('.') + displayDecimals + 1)
+  const length =
+    formattedAmount.indexOf('.') >= 0
+      ? formattedAmount.indexOf('.') + displayDecimals + 1
+      : formattedAmount.length
+  return formattedAmount.slice(0, length)
 }

From 830ee2da44509b46fe3bf6f240dda166e4224fb6 Mon Sep 17 00:00:00 2001
From: franciscotobar <100875069+franciscotobar@users.noreply.github.com>
Date: Wed, 27 Nov 2024 07:34:22 -0600
Subject: [PATCH 109/115] refactor: saving allocations error handling (#424)

---
 src/app/collective-rewards/allocations/page.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/app/collective-rewards/allocations/page.tsx b/src/app/collective-rewards/allocations/page.tsx
index 67557ba4..f9d3be01 100644
--- a/src/app/collective-rewards/allocations/page.tsx
+++ b/src/app/collective-rewards/allocations/page.tsx
@@ -7,11 +7,10 @@ import { BackersManagerAbi } from '@/lib/abis/v2/BackersManagerAbi'
 import { BackersManagerAddress } from '@/lib/contracts'
 import { useRouter } from 'next/navigation'
 import { useCallback, useContext, useState } from 'react'
-import { Address, zeroAddress } from 'viem'
+import { Address } from 'viem'
 import { useWaitForTransactionReceipt, useWriteContract } from 'wagmi'
 import { useAwaitedTxReporting } from '../shared'
 import { Builder } from '../types'
-import { useHandleErrors } from '../utils'
 import {
   AllocationAmount,
   AllocationMetrics,
@@ -73,8 +72,6 @@ export default function Allocations() {
     setResetCounter(prev => prev + 1)
   }, [resetAllocations])
 
-  useHandleErrors({ error: executionError, title: 'Error saving allocations' })
-
   const cancel = () => {
     resetAllocations()
     router.back()

From 06e3333a657df5a61492787033f0151fcf62c39b Mon Sep 17 00:00:00 2001
From: DinizSa <39380608+DinizSa@users.noreply.github.com>
Date: Wed, 27 Nov 2024 16:56:49 +0200
Subject: [PATCH 110/115] chore: leaderbord align builder icon vertically
 (#427)

---
 .../collective-rewards/shared/components/Table/TableCells.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/collective-rewards/shared/components/Table/TableCells.tsx b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
index 0e6d4edd..a42430a8 100644
--- a/src/app/collective-rewards/shared/components/Table/TableCells.tsx
+++ b/src/app/collective-rewards/shared/components/Table/TableCells.tsx
@@ -90,7 +90,7 @@ export const BuilderNameCell: FC<BuilderCellProps> = ({
   const shortenAddress = shortAddress(address)
   return (
     <TableCell className={cn(className, 'border-solid')}>
-      <div className="flex flex-row gap-x-1">
+      <div className="flex flex-row gap-x-1 items-center">
         <BuilderStatusFlag stateFlags={stateFlags} />
         <Jdenticon className="rounded-md bg-white min-w-6" value={builderName} size="24" />
         <div className="w-32">

From f01b31bb2fcdffc94ba2c43da41e127f65cd8357 Mon Sep 17 00:00:00 2001
From: Juraj <juraj@iovlabs.org>
Date: Wed, 27 Nov 2024 17:18:02 +0000
Subject: [PATCH 111/115] chore(cr): change builder to backer reward percentage
 (#429)

---
 .env.testnet.local                                     |  2 +-
 .../settings/builder/hooks/useBuilderConfig.ts         | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/.env.testnet.local b/.env.testnet.local
index 3ba90e73..f44bbb20 100644
--- a/.env.testnet.local
+++ b/.env.testnet.local
@@ -6,7 +6,7 @@ NEXT_PUBLIC_EXPLORER=https://explorer.testnet.rootstock.io
 NEXT_PUBLIC_BUILD_ID=
 
 NEXT_PUBLIC_RIF_ADDRESS=0x19f64674d8a5b4e652319f5e239efd3bc969a1fe
-NEXT_PUBLIC_STRIF_ADDRESS=0xC4b091d97AD25ceA5922f09fe80711B7ACBbb16f
+NEXT_PUBLIC_STRIF_ADDRESS=0xb514d8181e23cf59BE7E4FF237f28dd02BB0772E
 NEXT_PUBLIC_GOVERNOR_ADDRESS=0xB1A39B8f57A55d1429324EEb1564122806eb297F
 NEXT_PUBLIC_EA_NFT_ADDRESS=0x0Ee4e11f2F2B551cA31Ea7873c7bA675cb51A59d
 NEXT_PUBLIC_MULTICALL_ADDRESS=0xcA11bde05977b3631167028862bE2a173976CA11
diff --git a/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts b/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
index 03a65185..9ec6a0f2 100644
--- a/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
+++ b/src/app/collective-rewards/settings/builder/hooks/useBuilderConfig.ts
@@ -1,7 +1,10 @@
+import { useAwaitedTxReporting } from '@/app/collective-rewards/shared/hooks'
 import { BuilderRegistryAbi } from '@/lib/abis/v2/BuilderRegistryAbi'
+import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 import { BackersManagerAddress } from '@/lib/contracts'
 import { Modify } from '@/shared/utility'
 import { DateTime } from 'luxon'
+import { useEffect, useState } from 'react'
 import { Address } from 'viem'
 import {
   useReadContract,
@@ -11,9 +14,6 @@ import {
   useWriteContract,
   UseWriteContractReturnType,
 } from 'wagmi'
-import { useAwaitedTxReporting } from '../../../shared/hooks'
-import { useEffect, useState } from 'react'
-import { AVERAGE_BLOCKTIME } from '@/lib/constants'
 
 export type BackerReward = {
   previous: bigint
@@ -81,8 +81,8 @@ export const useSetBackerRewardsForBuilder = (): SetBackerRewardsForBuilder => {
     isLoadingReceipt: isLoading,
     isSuccess,
     receipt,
-    title: 'Setting new builder rewards percentage',
-    errorContent: 'Error setting new builder rewards percentage',
+    title: 'Setting new backer rewards percentage',
+    errorContent: 'Error setting new backer rewards percentage',
   })
 
   const setNewReward = async (newReward: bigint) => {

From 750f422f2ca7c0a49dd778dfa8854390c44a867a Mon Sep 17 00:00:00 2001
From: Maduabuchi Chinaechetam <chinaechetam.maduabuchi@iovlabs.org>
Date: Thu, 28 Nov 2024 10:37:18 +0100
Subject: [PATCH 112/115] fix: fix bug where 100% btn needs to be clicked twice
 to stake (#425)

* fix: fix bug where staking btn needs to be ckicked twice to stake

* fix: implement fix for button highlighting and double click bug

* fix: fix issue where inputing a decimal point causes app to crash
---
 src/app/user/Stake/StakeRIF.tsx      | 26 +++++++--
 src/app/user/Stake/Steps/StepOne.tsx | 82 +++++++++++++++++-----------
 2 files changed, 73 insertions(+), 35 deletions(-)

diff --git a/src/app/user/Stake/StakeRIF.tsx b/src/app/user/Stake/StakeRIF.tsx
index 8d40feb0..48df8d26 100644
--- a/src/app/user/Stake/StakeRIF.tsx
+++ b/src/app/user/Stake/StakeRIF.tsx
@@ -49,7 +49,11 @@ export const StakeRIF = ({
         <PercentageButton
           key={i}
           percentage={percentage}
-          onClick={onPercentageClicked}
+          onClick={value => {
+            const calculatedAmount = (parseFloat(totalBalance) * (value / 100)).toFixed(8)
+            onAmountChange(calculatedAmount) // Update input value
+            onPercentageClicked(value) // Notify parent
+          }}
           totalAmountAllowed={totalBalance}
           amount={amount}
         />
@@ -89,8 +93,20 @@ const PercentageButton = ({ amount, percentage, totalAmountAllowed, onClick }: P
   const onPercentageClicked = () => onClick(percentage)
 
   const isActive = useMemo(() => {
-    const totalAmountAllowedPercentage = Number(totalAmountAllowed) * (percentage / 100)
-    return Number(amount) === totalAmountAllowedPercentage
+    if (!amount || !totalAmountAllowed) return false
+
+    try {
+      // More precise calculation using string operations
+      const totalAmount = parseFloat(totalAmountAllowed)
+      const expectedAmount = ((totalAmount * percentage) / 100).toFixed(8)
+      const currentAmount = parseFloat(amount).toFixed(8)
+
+      // Compare the strings directly instead of floating point numbers
+      return currentAmount === expectedAmount
+    } catch (error) {
+      console.error('Error calculating percentage button state:', error)
+      return false
+    }
   }, [amount, totalAmountAllowed, percentage])
 
   return (
@@ -100,6 +116,8 @@ const PercentageButton = ({ amount, percentage, totalAmountAllowed, onClick }: P
       buttonProps={{
         'data-testid': `Percentage${percentage}`,
       }}
-    >{`${percentage}%`}</Button>
+    >
+      {`${percentage}%`}
+    </Button>
   )
 }
diff --git a/src/app/user/Stake/Steps/StepOne.tsx b/src/app/user/Stake/Steps/StepOne.tsx
index d8d87412..dc83059a 100644
--- a/src/app/user/Stake/Steps/StepOne.tsx
+++ b/src/app/user/Stake/Steps/StepOne.tsx
@@ -1,24 +1,62 @@
-import { StakeRIF } from '@/app/user/Stake/StakeRIF'
-import { useStakingContext } from '@/app/user/Stake/StakingContext'
-import { StepProps } from '@/app/user/Stake/types'
 import { formatCurrency, toFixed } from '@/lib/utils'
-import { useMemo } from 'react'
 import { useCanAccountUnstakeAmount } from '@/shared/hooks/useCanAccountUnstakeAmount'
+import { useMemo, useCallback } from 'react'
+import { StakeRIF } from '../StakeRIF'
+import { useStakingContext } from '../StakingContext'
+import { StepProps } from '../types'
 
 export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
   const { amount, onAmountChange, tokenToSend, actionName } = useStakingContext()
-  // For now, we can only unstake stRIF - but this might change in the future... so tokenToSend.balance must be handled on each case
+
   const { isCanAccountWithdrawLoading, canAccountWithdraw, backerTotalAllocation } =
-    useCanAccountUnstakeAmount(Number(amount).toString(), tokenToSend.balance) // Ceil'ing to avoid crashing when using decimals
+    useCanAccountUnstakeAmount(Number(amount).toString(), tokenToSend.balance)
 
   const balanceToCurrency = useMemo(
     () => Number(tokenToSend.price) * Number(tokenToSend.balance),
     [tokenToSend],
   )
 
-  const onPercentageClicked = (percentage: number) => {
-    onAmountChange((Number(tokenToSend.balance) * (percentage / 100)).toString())
-  }
+  const handleAmountChange = useCallback(
+    (value: string) => {
+      // Handle empty or decimal point inputs
+      if (!value || value === '.') {
+        onAmountChange('0')
+        return
+      }
+
+      // Validate numeric input with up to 8 decimal places
+      const regex = /^\d*\.?\d{0,8}$/
+      if (regex.test(value)) {
+        onAmountChange(value)
+      }
+    },
+    [onAmountChange],
+  )
+
+  const onPercentageClicked = useCallback(
+    (percentage: number) => {
+      const balance = tokenToSend.balance
+      const preciseAmount = Number(balance) * (percentage / 100)
+      const newAmount = preciseAmount.toFixed(8)
+
+      Promise.resolve().then(() => {
+        onAmountChange(newAmount)
+      })
+    },
+    [tokenToSend.balance, onAmountChange],
+  )
+
+  const shouldEnableGoNext = useMemo(() => {
+    if (!amount || Number(amount) <= 0) return false
+
+    const amountNum = Number(amount).toFixed(8)
+    const balanceNum = Number(tokenToSend.balance).toFixed(8)
+
+    if (Number(amountNum) > Number(balanceNum)) return false
+    if (actionName === 'UNSTAKE' && !canAccountWithdraw) return false
+
+    return true
+  }, [amount, tokenToSend.balance, actionName, canAccountWithdraw])
 
   const shouldShowCannotWithdraw = useMemo(
     () =>
@@ -29,36 +67,18 @@ export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
     [actionName, backerTotalAllocation, canAccountWithdraw, isCanAccountWithdrawLoading],
   )
 
-  const shouldEnableGoNext = useMemo(() => {
-    if (Number(amount) <= 0) {
-      return false
-    }
-    // Extra unstake validation
-    if (actionName === 'UNSTAKE') {
-      // Checks if the last amount we checked is the one that is currently introduced in the Input
-      if (isCanAccountWithdrawLoading) {
-        return false
-      }
-      if (shouldShowCannotWithdraw) {
-        return false
-      }
-    }
-
-    return Number(amount) <= Number(tokenToSend.balance)
-  }, [actionName, amount, isCanAccountWithdrawLoading, shouldShowCannotWithdraw, tokenToSend.balance])
-
   return (
     <StakeRIF
       amount={amount}
-      onAmountChange={onAmountChange}
+      onAmountChange={handleAmountChange}
       onPercentageClicked={onPercentageClicked}
       onGoNext={onGoNext}
       shouldEnableGoNext={shouldEnableGoNext}
-      totalBalance={toFixed(tokenToSend.balance)}
-      totalBalanceConverted={balanceToCurrency ? 'USD ' + formatCurrency(balanceToCurrency) : ''}
-      symbol={tokenToSend.symbol}
+      totalBalance={tokenToSend.balance}
+      totalBalanceConverted={formatCurrency(balanceToCurrency)}
       actionName={actionName}
       shouldShowCannotWithdraw={shouldShowCannotWithdraw}
+      symbol={tokenToSend.symbol}
     />
   )
 }

From 91cf5ea80ebee1c993241d8ded28126825597d33 Mon Sep 17 00:00:00 2001
From: Maduabuchi Chinaechetam <chinaechetam.maduabuchi@iovlabs.org>
Date: Thu, 28 Nov 2024 15:27:51 +0100
Subject: [PATCH 113/115] fix: impl for issue with roudning issue causing 100%
 staking to fail (#435)

---
 src/app/user/Stake/StakeRIF.tsx      | 18 ++++++++++++------
 src/app/user/Stake/Steps/StepOne.tsx | 26 ++++++++++++++++----------
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/app/user/Stake/StakeRIF.tsx b/src/app/user/Stake/StakeRIF.tsx
index 48df8d26..615673f3 100644
--- a/src/app/user/Stake/StakeRIF.tsx
+++ b/src/app/user/Stake/StakeRIF.tsx
@@ -96,13 +96,19 @@ const PercentageButton = ({ amount, percentage, totalAmountAllowed, onClick }: P
     if (!amount || !totalAmountAllowed) return false
 
     try {
-      // More precise calculation using string operations
-      const totalAmount = parseFloat(totalAmountAllowed)
-      const expectedAmount = ((totalAmount * percentage) / 100).toFixed(8)
-      const currentAmount = parseFloat(amount).toFixed(8)
+      const totalAmount = Number(totalAmountAllowed)
+      const currentAmount = Number(amount)
 
-      // Compare the strings directly instead of floating point numbers
-      return currentAmount === expectedAmount
+      // Calculate raw value for comparison (not display)
+      const rawExpectedAmount = (totalAmount * percentage) / 100
+
+      if (percentage === 100) {
+        // For 100%, compare raw values
+        return Math.abs(currentAmount - totalAmount) < 1e-8
+      }
+
+      // For other percentages, compare raw values with small epsilon
+      return Math.abs(currentAmount - rawExpectedAmount) < 1e-8
     } catch (error) {
       console.error('Error calculating percentage button state:', error)
       return false
diff --git a/src/app/user/Stake/Steps/StepOne.tsx b/src/app/user/Stake/Steps/StepOne.tsx
index dc83059a..f1125368 100644
--- a/src/app/user/Stake/Steps/StepOne.tsx
+++ b/src/app/user/Stake/Steps/StepOne.tsx
@@ -18,13 +18,11 @@ export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
 
   const handleAmountChange = useCallback(
     (value: string) => {
-      // Handle empty or decimal point inputs
       if (!value || value === '.') {
         onAmountChange('0')
         return
       }
 
-      // Validate numeric input with up to 8 decimal places
       const regex = /^\d*\.?\d{0,8}$/
       if (regex.test(value)) {
         onAmountChange(value)
@@ -36,12 +34,19 @@ export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
   const onPercentageClicked = useCallback(
     (percentage: number) => {
       const balance = tokenToSend.balance
-      const preciseAmount = Number(balance) * (percentage / 100)
-      const newAmount = preciseAmount.toFixed(8)
 
-      Promise.resolve().then(() => {
-        onAmountChange(newAmount)
-      })
+      if (percentage === 100) {
+        // For 100%, use exact balance
+        requestAnimationFrame(() => {
+          onAmountChange(balance)
+        })
+        return
+      }
+
+      // For other percentages, calculate with precision
+      const rawAmount = Number(balance) * (percentage / 100)
+      const displayAmount = rawAmount.toFixed(8)
+      onAmountChange(displayAmount)
     },
     [tokenToSend.balance, onAmountChange],
   )
@@ -49,10 +54,11 @@ export const StepOne = ({ onGoNext = () => {} }: StepProps) => {
   const shouldEnableGoNext = useMemo(() => {
     if (!amount || Number(amount) <= 0) return false
 
-    const amountNum = Number(amount).toFixed(8)
-    const balanceNum = Number(tokenToSend.balance).toFixed(8)
+    // Compare with precision for validation
+    const rawAmount = Number(amount)
+    const rawBalance = Number(tokenToSend.balance)
 
-    if (Number(amountNum) > Number(balanceNum)) return false
+    if (rawAmount > rawBalance) return false
     if (actionName === 'UNSTAKE' && !canAccountWithdraw) return false
 
     return true

From a4be16adbcd8bb25be27c7a239851cdc5fb912c5 Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Fri, 29 Nov 2024 12:40:08 +0000
Subject: [PATCH 114/115] chore: update mainnet configuration (#436)

---
 .env.mainnet | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/.env.mainnet b/.env.mainnet
index fe61efc5..306fbaad 100644
--- a/.env.mainnet
+++ b/.env.mainnet
@@ -15,10 +15,13 @@ NEXT_PUBLIC_GENERAL_BUCKET_ADDRESS=0xfE3d9B7D68aE13455475F28089968336414FD358
 NEXT_PUBLIC_CHAIN_ID=30
 
 # CR-related env variables
+NEXT_PUBLIC_BACKERS_MANAGER_ADDRESS=0x7995C48D987941291d8008695A4133E557a11530
+NEXT_PUBLIC_REWARD_DISTRIBUTOR_ADDRESS=0x5603Ba40257e317e45BA13C3732819Af5E81a9A1
+
+## TODO: to be removed
 NEXT_PUBLIC_SIMPLIFIED_REWARD_DISTRIBUTOR_ADDRESS=0x05220a0A76340a4ac474CF6F385718db20C1109f
 NEXT_PUBLIC_CYCLE_DURATION_IN_DAYS=14
 NEXT_PUBLIC_FIRST_CYCLE_START_DATE_ISO="2024-10-30T00:00:00Z"
-
 NEXT_PUBLIC_ENV_DATA_URL="https://raw.githubusercontent.com/RootstockCollective/dao-frontend/develop/data.mainnet.json"
 
 # OG NFT Contracts

From e1201f75b59f24020c28a7edc1eb2f9b64526712 Mon Sep 17 00:00:00 2001
From: Jesse Clark <hello@developerjesse.com>
Date: Fri, 29 Nov 2024 14:40:23 +0200
Subject: [PATCH 115/115] Bump version to 1.3.0 (#434)

* Bump version to 1.3.0

* Update package lock.

* test: run tests with npm

---------

Co-authored-by: Antonio <antonio@iovlabs.org>
---
 .github/workflows/unit-tests.yml |     4 +-
 package-lock.json                |     4 +-
 package.json                     |     2 +-
 yarn.lock                        | 11758 +++++++++++++++++++++++++++++
 4 files changed, 11763 insertions(+), 5 deletions(-)
 create mode 100644 yarn.lock

diff --git a/.github/workflows/unit-tests.yml b/.github/workflows/unit-tests.yml
index c232ad21..bf35a2e1 100644
--- a/.github/workflows/unit-tests.yml
+++ b/.github/workflows/unit-tests.yml
@@ -9,7 +9,7 @@ jobs:
     - uses: actions/checkout@v2
 
     - name: Install modules
-      run: yarn
+      run: npm ci
 
     - name: Run tests
-      run: yarn test
+      run: npm run test
diff --git a/package-lock.json b/package-lock.json
index 13be68b9..7530fa0b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "dao-frontend",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "dao-frontend",
-      "version": "1.2.0",
+      "version": "1.3.0",
       "dependencies": {
         "@hookform/resolvers": "^3.7.0",
         "@radix-ui/react-accordion": "^1.2.0",
diff --git a/package.json b/package.json
index 081cd559..01551d5d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dao-frontend",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 00000000..214d9cfa
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,11758 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@adobe/css-tools@^4.4.0":
+  version "4.4.0"
+  resolved "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.0.tgz"
+  integrity sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==
+
+"@adraffy/ens-normalize@1.10.1":
+  version "1.10.1"
+  resolved "https://registry.npmjs.org/@adraffy/ens-normalize/-/ens-normalize-1.10.1.tgz"
+  integrity sha512-96Z2IP3mYmF1Xg2cDm8f1gWGf/HUVedQ3FMifV4kG/PQ4yEP51xDtRAEfhVNt5f/uzpNkZHwWQuUcu6D6K+Ekw==
+
+"@adraffy/ens-normalize@1.11.0":
+  version "1.11.0"
+  resolved "https://registry.npmjs.org/@adraffy/ens-normalize/-/ens-normalize-1.11.0.tgz"
+  integrity sha512-/3DDPKHqqIqxUULp8yP4zODUY1i+2xvVWsv8A79xGWdCAG+8sb0hRh0Rk2QyOJUnnbyPUAZYcpBuRe3nS2OIUg==
+
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
+"@ampproject/remapping@^2.2.0":
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz"
+  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.25.9.tgz"
+  integrity sha512-z88xeGxnzehn2sqZ8UdGQEvYErF1odv2CftxInpSYJt6uHuPe9YjahKZITGs3l5LeI9d2ROG+obuDAoSlqbNfQ==
+  dependencies:
+    "@babel/highlight" "^7.25.9"
+    picocolors "^1.0.0"
+
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.25.9.tgz"
+  integrity sha512-yD+hEuJ/+wAJ4Ox2/rpNv5HIuPG82x3ZlQvYVn8iYCprdxzE7P1udpGF1jyjQVBU4dgznN+k2h103vxZ7NdPyw==
+
+"@babel/core@^7.18.9", "@babel/core@^7.24.4", "@babel/core@^7.25.2":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/core/-/core-7.25.9.tgz"
+  integrity sha512-WYvQviPw+Qyib0v92AwNIrdLISTp7RfDkM7bPqBvpbnhY4wq8HvHBZREVdYDXk98C8BkOIVnHAY3yvj7AVISxQ==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.25.9"
+    "@babel/generator" "^7.25.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helpers" "^7.25.9"
+    "@babel/parser" "^7.25.9"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.25.9.tgz"
+  integrity sha512-omlUGkr5EaoIJrhLf9CJ0TvjBRpd9+AXRG//0GEQ9THSo8wPiTlbpy1/Ow8ZTrbXpjd9FHXfbFQx32I04ht0FA==
+  dependencies:
+    "@babel/types" "^7.25.9"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
+"@babel/helper-annotate-as-pure@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz"
+  integrity sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz"
+  integrity sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz"
+  integrity sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==
+  dependencies:
+    "@babel/compat-data" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-create-class-features-plugin@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz"
+  integrity sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    semver "^6.3.1"
+
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz"
+  integrity sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    regexpu-core "^6.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-define-polyfill-provider@^0.6.2":
+  version "0.6.2"
+  resolved "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.2.tgz"
+  integrity sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+
+"@babel/helper-member-expression-to-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz"
+  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-imports@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz"
+  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-module-transforms@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.25.9.tgz"
+  integrity sha512-TvLZY/F3+GvdRYFZFyxMvnsKi+4oJdgZzU3BoGN9Uc2d9C6zfNwJcKKhjqLAhK8i46mv93jsO74fDh3ih6rpHA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-simple-access" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-optimise-call-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz"
+  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz"
+  integrity sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==
+
+"@babel/helper-remap-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz"
+  integrity sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-wrap-function" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-replace-supers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz"
+  integrity sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/helper-simple-access@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz"
+  integrity sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz"
+  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
+  dependencies:
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helper-string-parser@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz"
+  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
+
+"@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
+"@babel/helper-validator-option@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz"
+  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+
+"@babel/helper-wrap-function@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz"
+  integrity sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==
+  dependencies:
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/helpers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/helpers/-/helpers-7.25.9.tgz"
+  integrity sha512-oKWp3+usOJSzDZOucZUAMayhPz/xVjzymyDzUN8dk0Wd3RWMlGLXi07UCQ/CgQVb8LvXx3XBajJH4XGgkt7H7g==
+  dependencies:
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/highlight@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.25.9.tgz"
+  integrity sha512-llL88JShoCsth8fF8R4SJnIn+WLvR6ccFxu1H3FlMhDontdcmZWf2HgIZ7AIqV3Xcck1idlohrN4EUBQz6klbw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/parser@^7.1.0", "@babel/parser@^7.20.7", "@babel/parser@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.25.9.tgz"
+  integrity sha512-aI3jjAAO1fh7vY/pBGsn1i9LDbRP43+asrRlkPuTXW5yHXtd1NgTEMudbBoDDxrf1daEEfPJqR+JBMakzrR4Dg==
+  dependencies:
+    "@babel/types" "^7.25.9"
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz"
+  integrity sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz"
+  integrity sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz"
+  integrity sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz"
+  integrity sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz"
+  integrity sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
+
+"@babel/plugin-syntax-bigint@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz"
+  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-dynamic-import@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz"
+  integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-import-assertions@^7.24.1", "@babel/plugin-syntax-import-assertions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.25.9.tgz"
+  integrity sha512-4GHX5uzr5QMOOuzV0an9MFju4hKlm0OyePl/lHhcsTVae5t/IKVHnb8W67Vr6FuLlk5lPqLB7n7O+K5R46emYg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-import-attributes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.25.9.tgz"
+  integrity sha512-u3EN9ub8LyYvgTnrgp8gboElouayiwPdnM7x5tcnW3iSt09/lQYPwMNK40I9IUxo7QOZhAsPHCmmuO7EPdruqg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz"
+  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-typescript@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz"
+  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz"
+  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-transform-arrow-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz"
+  integrity sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-async-generator-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz"
+  integrity sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz"
+  integrity sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+
+"@babel/plugin-transform-block-scoped-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz"
+  integrity sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-block-scoping@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz"
+  integrity sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-class-properties@^7.24.1", "@babel/plugin-transform-class-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz"
+  integrity sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-class-static-block@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.25.9.tgz"
+  integrity sha512-UIf+72C7YJ+PJ685/PpATbCz00XqiFEzHX5iysRwfvNT0Ko+FaXSvRgLytFSp8xUItrG9pFM/KoBBZDrY/cYyg==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-classes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz"
+  integrity sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    globals "^11.1.0"
+
+"@babel/plugin-transform-computed-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz"
+  integrity sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/template" "^7.25.9"
+
+"@babel/plugin-transform-destructuring@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz"
+  integrity sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-dotall-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz"
+  integrity sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-duplicate-keys@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz"
+  integrity sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz"
+  integrity sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-dynamic-import@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz"
+  integrity sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-exponentiation-operator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz"
+  integrity sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-export-namespace-from@^7.24.1", "@babel/plugin-transform-export-namespace-from@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz"
+  integrity sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-for-of@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz"
+  integrity sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-function-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz"
+  integrity sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-json-strings@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz"
+  integrity sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz"
+  integrity sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-logical-assignment-operators@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz"
+  integrity sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-member-expression-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz"
+  integrity sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-modules-amd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz"
+  integrity sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-modules-commonjs@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz"
+  integrity sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-simple-access" "^7.25.9"
+
+"@babel/plugin-transform-modules-systemjs@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz"
+  integrity sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+
+"@babel/plugin-transform-modules-umd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz"
+  integrity sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz"
+  integrity sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-new-target@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz"
+  integrity sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-nullish-coalescing-operator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz"
+  integrity sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-numeric-separator@^7.24.1", "@babel/plugin-transform-numeric-separator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz"
+  integrity sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-object-rest-spread@^7.24.1", "@babel/plugin-transform-object-rest-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz"
+  integrity sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+
+"@babel/plugin-transform-object-super@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz"
+  integrity sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+
+"@babel/plugin-transform-optional-catch-binding@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz"
+  integrity sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz"
+  integrity sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-parameters@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz"
+  integrity sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-private-methods@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz"
+  integrity sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-private-property-in-object@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz"
+  integrity sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-property-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz"
+  integrity sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-display-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz"
+  integrity sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-jsx-development@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.25.9.tgz"
+  integrity sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==
+  dependencies:
+    "@babel/plugin-transform-react-jsx" "^7.25.9"
+
+"@babel/plugin-transform-react-jsx-self@^7.24.7":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.25.9.tgz"
+  integrity sha512-y8quW6p0WHkEhmErnfe58r7x0A70uKphQm8Sp8cV7tjNQwK56sNVK0M73LK3WuYmsuyrftut4xAkjjgU0twaMg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-jsx-source@^7.24.7":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.25.9.tgz"
+  integrity sha512-+iqjT8xmXhhYv4/uiYd8FNQsraMFZIfxVSqxxVSZP0WbbSAWvBXAul0m/zu+7Vv4O/3WtApy9pmaTMiumEZgfg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-react-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz"
+  integrity sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/plugin-transform-react-pure-annotations@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.25.9.tgz"
+  integrity sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-regenerator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz"
+  integrity sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    regenerator-transform "^0.15.2"
+
+"@babel/plugin-transform-reserved-words@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz"
+  integrity sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-runtime@^7.24.3":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.9.tgz"
+  integrity sha512-nZp7GlEl+yULJrClz0SwHPqir3lc0zsPrDHQUcxGspSL7AKrexNSEfTbfqnDNJUO13bgKyfuOLMF8Xqtu8j3YQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    babel-plugin-polyfill-corejs2 "^0.4.10"
+    babel-plugin-polyfill-corejs3 "^0.10.6"
+    babel-plugin-polyfill-regenerator "^0.6.1"
+    semver "^6.3.1"
+
+"@babel/plugin-transform-shorthand-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz"
+  integrity sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz"
+  integrity sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+
+"@babel/plugin-transform-sticky-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz"
+  integrity sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-template-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz"
+  integrity sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-typeof-symbol@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz"
+  integrity sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-typescript@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.9.tgz"
+  integrity sha512-7PbZQZP50tzv2KGGnhh82GSyMB01yKY9scIjf1a+GfZCtInOWqUH5+1EBU4t9fyR5Oykkkc9vFTs4OHrhHXljQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-syntax-typescript" "^7.25.9"
+
+"@babel/plugin-transform-unicode-escapes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz"
+  integrity sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-property-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz"
+  integrity sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz"
+  integrity sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz"
+  integrity sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/preset-env@^7.24.4":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.25.9.tgz"
+  integrity sha512-XqDEt+hfsQukahSX9JOBDHhpUHDhj2zGSxoqWQFCMajOSBnbhBdgON/bU/5PkBA1yX5tqW6tTzuIPVsZTQ7h5Q==
+  dependencies:
+    "@babel/compat-data" "^7.25.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.25.9"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.25.9"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.25.9"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.25.9"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.25.9"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-import-assertions" "^7.25.9"
+    "@babel/plugin-syntax-import-attributes" "^7.25.9"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.25.9"
+    "@babel/plugin-transform-async-generator-functions" "^7.25.9"
+    "@babel/plugin-transform-async-to-generator" "^7.25.9"
+    "@babel/plugin-transform-block-scoped-functions" "^7.25.9"
+    "@babel/plugin-transform-block-scoping" "^7.25.9"
+    "@babel/plugin-transform-class-properties" "^7.25.9"
+    "@babel/plugin-transform-class-static-block" "^7.25.9"
+    "@babel/plugin-transform-classes" "^7.25.9"
+    "@babel/plugin-transform-computed-properties" "^7.25.9"
+    "@babel/plugin-transform-destructuring" "^7.25.9"
+    "@babel/plugin-transform-dotall-regex" "^7.25.9"
+    "@babel/plugin-transform-duplicate-keys" "^7.25.9"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-dynamic-import" "^7.25.9"
+    "@babel/plugin-transform-exponentiation-operator" "^7.25.9"
+    "@babel/plugin-transform-export-namespace-from" "^7.25.9"
+    "@babel/plugin-transform-for-of" "^7.25.9"
+    "@babel/plugin-transform-function-name" "^7.25.9"
+    "@babel/plugin-transform-json-strings" "^7.25.9"
+    "@babel/plugin-transform-literals" "^7.25.9"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.25.9"
+    "@babel/plugin-transform-member-expression-literals" "^7.25.9"
+    "@babel/plugin-transform-modules-amd" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.25.9"
+    "@babel/plugin-transform-modules-systemjs" "^7.25.9"
+    "@babel/plugin-transform-modules-umd" "^7.25.9"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-new-target" "^7.25.9"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.25.9"
+    "@babel/plugin-transform-numeric-separator" "^7.25.9"
+    "@babel/plugin-transform-object-rest-spread" "^7.25.9"
+    "@babel/plugin-transform-object-super" "^7.25.9"
+    "@babel/plugin-transform-optional-catch-binding" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+    "@babel/plugin-transform-private-methods" "^7.25.9"
+    "@babel/plugin-transform-private-property-in-object" "^7.25.9"
+    "@babel/plugin-transform-property-literals" "^7.25.9"
+    "@babel/plugin-transform-regenerator" "^7.25.9"
+    "@babel/plugin-transform-reserved-words" "^7.25.9"
+    "@babel/plugin-transform-shorthand-properties" "^7.25.9"
+    "@babel/plugin-transform-spread" "^7.25.9"
+    "@babel/plugin-transform-sticky-regex" "^7.25.9"
+    "@babel/plugin-transform-template-literals" "^7.25.9"
+    "@babel/plugin-transform-typeof-symbol" "^7.25.9"
+    "@babel/plugin-transform-unicode-escapes" "^7.25.9"
+    "@babel/plugin-transform-unicode-property-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.25.9"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    babel-plugin-polyfill-corejs2 "^0.4.10"
+    babel-plugin-polyfill-corejs3 "^0.10.6"
+    babel-plugin-polyfill-regenerator "^0.6.1"
+    core-js-compat "^3.38.1"
+    semver "^6.3.1"
+
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/types" "^7.4.4"
+    esutils "^2.0.2"
+
+"@babel/preset-react@^7.24.1":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.25.9.tgz"
+  integrity sha512-D3to0uSPiWE7rBrdIICCd0tJSIGpLaaGptna2+w7Pft5xMqLpA1sz99DK5TZ1TjGbdQ/VI1eCSZ06dv3lT4JOw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-transform-react-display-name" "^7.25.9"
+    "@babel/plugin-transform-react-jsx" "^7.25.9"
+    "@babel/plugin-transform-react-jsx-development" "^7.25.9"
+    "@babel/plugin-transform-react-pure-annotations" "^7.25.9"
+
+"@babel/preset-typescript@^7.24.1":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.25.9.tgz"
+  integrity sha512-XWxw1AcKk36kgxf4C//fl0ikjLeqGUWn062/Fd8GtpTfDJOX6Ud95FK+4JlDA36BX4bNGndXi3a6Vr4Jo5/61A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.25.9"
+    "@babel/plugin-transform-typescript" "^7.25.9"
+
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.17.8", "@babel/runtime@^7.19.4", "@babel/runtime@^7.21.0", "@babel/runtime@^7.23.2", "@babel/runtime@^7.24.4", "@babel/runtime@^7.8.4":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.9.tgz"
+  integrity sha512-4zpTHZ9Cm6L9L+uIqghQX8ZXg8HKFcjYO3qHoO8zTmRm6HQUJ8SSJ+KRvbMBZn0EGVlT4DRYeQ/6hjlyXBh+Kg==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/template@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz"
+  integrity sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==
+  dependencies:
+    "@babel/code-frame" "^7.25.9"
+    "@babel/parser" "^7.25.9"
+    "@babel/types" "^7.25.9"
+
+"@babel/traverse@^7.18.9", "@babel/traverse@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz"
+  integrity sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==
+  dependencies:
+    "@babel/code-frame" "^7.25.9"
+    "@babel/generator" "^7.25.9"
+    "@babel/parser" "^7.25.9"
+    "@babel/template" "^7.25.9"
+    "@babel/types" "^7.25.9"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/types@^7.0.0", "@babel/types@^7.18.9", "@babel/types@^7.20.7", "@babel/types@^7.25.9", "@babel/types@^7.4.4":
+  version "7.25.9"
+  resolved "https://registry.npmjs.org/@babel/types/-/types-7.25.9.tgz"
+  integrity sha512-OwS2CM5KocvQ/k7dFJa8i5bNGJP0hXWfVCfDkqRFP1IreH1JDC7wG6eCYCi0+McbfT8OR/kNqsI0UU0xP9H6PQ==
+  dependencies:
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+
+"@base2/pretty-print-object@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz"
+  integrity sha512-4iri8i1AqYHJE2DstZYkyEprg6Pq6sKx3xn5FpySk9sNhH7qN2LLlHJCfDTZRILNwQNPD7mATWM0TBui7uC1pA==
+
+"@chromatic-com/storybook@^1.5.0":
+  version "1.9.0"
+  resolved "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-1.9.0.tgz"
+  integrity sha512-vYQ+TcfktEE3GHnLZXHCzXF/sN9dw+KivH8a5cmPyd9YtQs7fZtHrEgsIjWpYycXiweKMo1Lm1RZsjxk8DH3rA==
+  dependencies:
+    chromatic "^11.4.0"
+    filesize "^10.0.12"
+    jsonfile "^6.1.0"
+    react-confetti "^6.1.0"
+    strip-ansi "^7.1.0"
+
+"@coinbase/wallet-sdk@4.1.0":
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/@coinbase/wallet-sdk/-/wallet-sdk-4.1.0.tgz"
+  integrity sha512-SkJJ72X/AA3+aS21sPs/4o4t6RVeDSA7HuBW4zauySX3eBiPU0zmVw95tXH/eNSX50agKz9WzeN8P5F+HcwLOw==
+  dependencies:
+    "@noble/hashes" "^1.4.0"
+    clsx "^1.2.1"
+    eventemitter3 "^5.0.1"
+    preact "^10.16.0"
+
+"@colors/colors@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz"
+  integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
+
+"@cspotcode/source-map-support@^0.8.0":
+  version "0.8.1"
+  resolved "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz"
+  integrity sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==
+  dependencies:
+    "@jridgewell/trace-mapping" "0.3.9"
+
+"@cypress/request@^3.0.4":
+  version "3.0.5"
+  resolved "https://registry.npmjs.org/@cypress/request/-/request-3.0.5.tgz"
+  integrity sha512-v+XHd9XmWbufxF1/bTaVm2yhbxY+TB4YtWRqF2zaXBlDNMkls34KiATz0AVDLavL3iB6bQk9/7n3oY1EoLSWGA==
+  dependencies:
+    aws-sign2 "~0.7.0"
+    aws4 "^1.8.0"
+    caseless "~0.12.0"
+    combined-stream "~1.0.6"
+    extend "~3.0.2"
+    forever-agent "~0.6.1"
+    form-data "~4.0.0"
+    http-signature "~1.4.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.19"
+    performance-now "^2.1.0"
+    qs "6.13.0"
+    safe-buffer "^5.1.2"
+    tough-cookie "^4.1.3"
+    tunnel-agent "^0.6.0"
+    uuid "^8.3.2"
+
+"@cypress/xvfb@^1.2.4":
+  version "1.2.4"
+  resolved "https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz"
+  integrity sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==
+  dependencies:
+    debug "^3.1.0"
+    lodash.once "^4.1.1"
+
+"@ecies/ciphers@^0.2.0":
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/@ecies/ciphers/-/ciphers-0.2.0.tgz"
+  integrity sha512-dqQk3HbyuXSdflgRMrXjEcCohKeBZQl2rm0lOcYnEC4Oue90irVMwVJ0GiM/nhjP0zzGimH8mVFF/pOzQcv+Lg==
+
+"@emnapi/runtime@^1.2.0":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.3.1.tgz#0fcaa575afc31f455fd33534c19381cfce6c6f60"
+  integrity sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==
+  dependencies:
+    tslib "^2.4.0"
+
+"@esbuild/aix-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
+  integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==
+
+"@esbuild/aix-ppc64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.23.1.tgz#51299374de171dbd80bb7d838e1cfce9af36f353"
+  integrity sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==
+
+"@esbuild/android-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052"
+  integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==
+
+"@esbuild/android-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.23.1.tgz#58565291a1fe548638adb9c584237449e5e14018"
+  integrity sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==
+
+"@esbuild/android-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28"
+  integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==
+
+"@esbuild/android-arm@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.23.1.tgz#5eb8c652d4c82a2421e3395b808e6d9c42c862ee"
+  integrity sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==
+
+"@esbuild/android-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e"
+  integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==
+
+"@esbuild/android-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.23.1.tgz#ae19d665d2f06f0f48a6ac9a224b3f672e65d517"
+  integrity sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==
+
+"@esbuild/darwin-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz"
+  integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==
+
+"@esbuild/darwin-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.1.tgz"
+  integrity sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==
+
+"@esbuild/darwin-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22"
+  integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==
+
+"@esbuild/darwin-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.23.1.tgz#c58353b982f4e04f0d022284b8ba2733f5ff0931"
+  integrity sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==
+
+"@esbuild/freebsd-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e"
+  integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==
+
+"@esbuild/freebsd-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.1.tgz#f9220dc65f80f03635e1ef96cfad5da1f446f3bc"
+  integrity sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==
+
+"@esbuild/freebsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261"
+  integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==
+
+"@esbuild/freebsd-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.23.1.tgz#69bd8511fa013b59f0226d1609ac43f7ce489730"
+  integrity sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==
+
+"@esbuild/linux-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b"
+  integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==
+
+"@esbuild/linux-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.23.1.tgz#8050af6d51ddb388c75653ef9871f5ccd8f12383"
+  integrity sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==
+
+"@esbuild/linux-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9"
+  integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==
+
+"@esbuild/linux-arm@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.23.1.tgz#ecaabd1c23b701070484990db9a82f382f99e771"
+  integrity sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==
+
+"@esbuild/linux-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2"
+  integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==
+
+"@esbuild/linux-ia32@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.23.1.tgz#3ed2273214178109741c09bd0687098a0243b333"
+  integrity sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==
+
+"@esbuild/linux-loong64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df"
+  integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==
+
+"@esbuild/linux-loong64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.23.1.tgz#a0fdf440b5485c81b0fbb316b08933d217f5d3ac"
+  integrity sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==
+
+"@esbuild/linux-mips64el@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe"
+  integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==
+
+"@esbuild/linux-mips64el@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.23.1.tgz#e11a2806346db8375b18f5e104c5a9d4e81807f6"
+  integrity sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==
+
+"@esbuild/linux-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4"
+  integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==
+
+"@esbuild/linux-ppc64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.23.1.tgz#06a2744c5eaf562b1a90937855b4d6cf7c75ec96"
+  integrity sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==
+
+"@esbuild/linux-riscv64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc"
+  integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==
+
+"@esbuild/linux-riscv64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.23.1.tgz#65b46a2892fc0d1af4ba342af3fe0fa4a8fe08e7"
+  integrity sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==
+
+"@esbuild/linux-s390x@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de"
+  integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==
+
+"@esbuild/linux-s390x@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.23.1.tgz#e71ea18c70c3f604e241d16e4e5ab193a9785d6f"
+  integrity sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==
+
+"@esbuild/linux-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0"
+  integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==
+
+"@esbuild/linux-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.23.1.tgz#d47f97391e80690d4dfe811a2e7d6927ad9eed24"
+  integrity sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==
+
+"@esbuild/netbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047"
+  integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==
+
+"@esbuild/netbsd-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.23.1.tgz#44e743c9778d57a8ace4b72f3c6b839a3b74a653"
+  integrity sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==
+
+"@esbuild/openbsd-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.1.tgz#05c5a1faf67b9881834758c69f3e51b7dee015d7"
+  integrity sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==
+
+"@esbuild/openbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70"
+  integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==
+
+"@esbuild/openbsd-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.23.1.tgz#2e58ae511bacf67d19f9f2dcd9e8c5a93f00c273"
+  integrity sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==
+
+"@esbuild/sunos-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b"
+  integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==
+
+"@esbuild/sunos-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.23.1.tgz#adb022b959d18d3389ac70769cef5a03d3abd403"
+  integrity sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==
+
+"@esbuild/win32-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d"
+  integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==
+
+"@esbuild/win32-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.23.1.tgz#84906f50c212b72ec360f48461d43202f4c8b9a2"
+  integrity sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==
+
+"@esbuild/win32-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b"
+  integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==
+
+"@esbuild/win32-ia32@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.23.1.tgz#5e3eacc515820ff729e90d0cb463183128e82fac"
+  integrity sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==
+
+"@esbuild/win32-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
+  integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
+
+"@esbuild/win32-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.23.1.tgz#81fd50d11e2c32b2d6241470e3185b70c7b30699"
+  integrity sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==
+
+"@eslint-community/eslint-utils@^4.2.0":
+  version "4.4.0"
+  resolved "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
+  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  dependencies:
+    eslint-visitor-keys "^3.3.0"
+
+"@eslint-community/regexpp@^4.6.1":
+  version "4.11.1"
+  resolved "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.1.tgz"
+  integrity sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==
+
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@8.57.1":
+  version "8.57.1"
+  resolved "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz"
+  integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
+
+"@ethereumjs/common@^3.2.0":
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/@ethereumjs/common/-/common-3.2.0.tgz"
+  integrity sha512-pksvzI0VyLgmuEF2FA/JR/4/y6hcPq8OUail3/AvycBaW1d5VSauOZzqGvJ3RTmR4MU35lWE8KseKOsEhrFRBA==
+  dependencies:
+    "@ethereumjs/util" "^8.1.0"
+    crc-32 "^1.2.0"
+
+"@ethereumjs/rlp@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/@ethereumjs/rlp/-/rlp-4.0.1.tgz"
+  integrity sha512-tqsQiBQDQdmPWE1xkkBq4rlSW5QZpLOUJ5RJh2/9fug+q9tnUhuZoVLk7s0scUIKTOzEtR72DFBXI4WiZcMpvw==
+
+"@ethereumjs/tx@^4.1.2", "@ethereumjs/tx@^4.2.0":
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/@ethereumjs/tx/-/tx-4.2.0.tgz"
+  integrity sha512-1nc6VO4jtFd172BbSnTnDQVr9IYBFl1y4xPzZdtkrkKIncBCkdbgfdRV+MiTkJYAtTxvV12GRZLqBFT1PNK6Yw==
+  dependencies:
+    "@ethereumjs/common" "^3.2.0"
+    "@ethereumjs/rlp" "^4.0.1"
+    "@ethereumjs/util" "^8.1.0"
+    ethereum-cryptography "^2.0.0"
+
+"@ethereumjs/util@^8.1.0":
+  version "8.1.0"
+  resolved "https://registry.npmjs.org/@ethereumjs/util/-/util-8.1.0.tgz"
+  integrity sha512-zQ0IqbdX8FZ9aw11vP+dZkKDkS+kgIvQPHnSAXzP9pLu+Rfu3D3XEeLbicvoXJTYnhZiPmsZUxgdzXwNKxRPbA==
+  dependencies:
+    "@ethereumjs/rlp" "^4.0.1"
+    ethereum-cryptography "^2.0.0"
+    micro-ftch "^0.3.1"
+
+"@floating-ui/core@^1.6.0":
+  version "1.6.8"
+  resolved "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz"
+  integrity sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==
+  dependencies:
+    "@floating-ui/utils" "^0.2.8"
+
+"@floating-ui/dom@^1.0.0":
+  version "1.6.11"
+  resolved "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz"
+  integrity sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==
+  dependencies:
+    "@floating-ui/core" "^1.6.0"
+    "@floating-ui/utils" "^0.2.8"
+
+"@floating-ui/react-dom@^2.0.0":
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz"
+  integrity sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==
+  dependencies:
+    "@floating-ui/dom" "^1.0.0"
+
+"@floating-ui/utils@^0.2.8":
+  version "0.2.8"
+  resolved "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz"
+  integrity sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==
+
+"@hapi/hoek@^9.0.0", "@hapi/hoek@^9.3.0":
+  version "9.3.0"
+  resolved "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz"
+  integrity sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==
+
+"@hapi/topo@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz"
+  integrity sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
+
+"@hookform/resolvers@^3.7.0":
+  version "3.9.0"
+  resolved "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.9.0.tgz"
+  integrity sha512-bU0Gr4EepJ/EQsH/IwEzYLsT/PEj5C0ynLQ4m+GSHS+xKH4TfSelhluTgOaoc4kA5s7eCsQbM4wvZLzELmWzUg==
+
+"@humanwhocodes/config-array@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz"
+  integrity sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.3"
+    debug "^4.3.1"
+    minimatch "^3.0.5"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/object-schema@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz"
+  integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
+
+"@img/sharp-darwin-arm64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz"
+  integrity sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==
+  optionalDependencies:
+    "@img/sharp-libvips-darwin-arm64" "1.0.4"
+
+"@img/sharp-darwin-x64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz#e03d3451cd9e664faa72948cc70a403ea4063d61"
+  integrity sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==
+  optionalDependencies:
+    "@img/sharp-libvips-darwin-x64" "1.0.4"
+
+"@img/sharp-libvips-darwin-arm64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz"
+  integrity sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==
+
+"@img/sharp-libvips-darwin-x64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz#e0456f8f7c623f9dbfbdc77383caa72281d86062"
+  integrity sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==
+
+"@img/sharp-libvips-linux-arm64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz#979b1c66c9a91f7ff2893556ef267f90ebe51704"
+  integrity sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==
+
+"@img/sharp-libvips-linux-arm@1.0.5":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz#99f922d4e15216ec205dcb6891b721bfd2884197"
+  integrity sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==
+
+"@img/sharp-libvips-linux-s390x@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz#f8a5eb1f374a082f72b3f45e2fb25b8118a8a5ce"
+  integrity sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==
+
+"@img/sharp-libvips-linux-x64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz#d4c4619cdd157774906e15770ee119931c7ef5e0"
+  integrity sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==
+
+"@img/sharp-libvips-linuxmusl-arm64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz#166778da0f48dd2bded1fa3033cee6b588f0d5d5"
+  integrity sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==
+
+"@img/sharp-libvips-linuxmusl-x64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz#93794e4d7720b077fcad3e02982f2f1c246751ff"
+  integrity sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==
+
+"@img/sharp-linux-arm64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz#edb0697e7a8279c9fc829a60fc35644c4839bb22"
+  integrity sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-arm64" "1.0.4"
+
+"@img/sharp-linux-arm@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz#422c1a352e7b5832842577dc51602bcd5b6f5eff"
+  integrity sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-arm" "1.0.5"
+
+"@img/sharp-linux-s390x@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz#f5c077926b48e97e4a04d004dfaf175972059667"
+  integrity sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-s390x" "1.0.4"
+
+"@img/sharp-linux-x64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz#d806e0afd71ae6775cc87f0da8f2d03a7c2209cb"
+  integrity sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-x64" "1.0.4"
+
+"@img/sharp-linuxmusl-arm64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz#252975b915894fb315af5deea174651e208d3d6b"
+  integrity sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==
+  optionalDependencies:
+    "@img/sharp-libvips-linuxmusl-arm64" "1.0.4"
+
+"@img/sharp-linuxmusl-x64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz#3f4609ac5d8ef8ec7dadee80b560961a60fd4f48"
+  integrity sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==
+  optionalDependencies:
+    "@img/sharp-libvips-linuxmusl-x64" "1.0.4"
+
+"@img/sharp-wasm32@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz#6f44f3283069d935bb5ca5813153572f3e6f61a1"
+  integrity sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==
+  dependencies:
+    "@emnapi/runtime" "^1.2.0"
+
+"@img/sharp-win32-ia32@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz#1a0c839a40c5351e9885628c85f2e5dfd02b52a9"
+  integrity sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==
+
+"@img/sharp-win32-x64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz#56f00962ff0c4e0eb93d34a047d29fa995e3e342"
+  integrity sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==
+
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+
+"@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz"
+  integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.0.3", "@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.6"
+  resolved "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz"
+  integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+
+"@jridgewell/trace-mapping@0.3.9":
+  version "0.3.9"
+  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz"
+  integrity sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
+"@jridgewell/trace-mapping@^0.3.20", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@lit-labs/ssr-dom-shim@^1.0.0", "@lit-labs/ssr-dom-shim@^1.1.0":
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.2.1.tgz"
+  integrity sha512-wx4aBmgeGvFmOKucFKY+8VFJSYZxs9poN3SDNQFF6lT6NrQUnHiPB2PWz2sc4ieEcAaYYzN+1uWahEeTq2aRIQ==
+
+"@lit/reactive-element@^1.3.0", "@lit/reactive-element@^1.6.0":
+  version "1.6.3"
+  resolved "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.6.3.tgz"
+  integrity sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==
+  dependencies:
+    "@lit-labs/ssr-dom-shim" "^1.0.0"
+
+"@mdx-js/react@^3.0.0":
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/@mdx-js/react/-/react-3.1.0.tgz"
+  integrity sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==
+  dependencies:
+    "@types/mdx" "^2.0.0"
+
+"@metamask/eth-json-rpc-provider@^1.0.0":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@metamask/eth-json-rpc-provider/-/eth-json-rpc-provider-1.0.1.tgz"
+  integrity sha512-whiUMPlAOrVGmX8aKYVPvlKyG4CpQXiNNyt74vE1xb5sPvmx5oA7B/kOi/JdBvhGQq97U1/AVdXEdk2zkP8qyA==
+  dependencies:
+    "@metamask/json-rpc-engine" "^7.0.0"
+    "@metamask/safe-event-emitter" "^3.0.0"
+    "@metamask/utils" "^5.0.1"
+
+"@metamask/json-rpc-engine@^7.0.0":
+  version "7.3.3"
+  resolved "https://registry.npmjs.org/@metamask/json-rpc-engine/-/json-rpc-engine-7.3.3.tgz"
+  integrity sha512-dwZPq8wx9yV3IX2caLi9q9xZBw2XeIoYqdyihDDDpuHVCEiqadJLwqM3zy+uwf6F1QYQ65A8aOMQg1Uw7LMLNg==
+  dependencies:
+    "@metamask/rpc-errors" "^6.2.1"
+    "@metamask/safe-event-emitter" "^3.0.0"
+    "@metamask/utils" "^8.3.0"
+
+"@metamask/json-rpc-engine@^8.0.1", "@metamask/json-rpc-engine@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.npmjs.org/@metamask/json-rpc-engine/-/json-rpc-engine-8.0.2.tgz"
+  integrity sha512-IoQPmql8q7ABLruW7i4EYVHWUbF74yrp63bRuXV5Zf9BQwcn5H9Ww1eLtROYvI1bUXwOiHZ6qT5CWTrDc/t/AA==
+  dependencies:
+    "@metamask/rpc-errors" "^6.2.1"
+    "@metamask/safe-event-emitter" "^3.0.0"
+    "@metamask/utils" "^8.3.0"
+
+"@metamask/json-rpc-middleware-stream@^7.0.1":
+  version "7.0.2"
+  resolved "https://registry.npmjs.org/@metamask/json-rpc-middleware-stream/-/json-rpc-middleware-stream-7.0.2.tgz"
+  integrity sha512-yUdzsJK04Ev98Ck4D7lmRNQ8FPioXYhEUZOMS01LXW8qTvPGiRVXmVltj2p4wrLkh0vW7u6nv0mNl5xzC5Qmfg==
+  dependencies:
+    "@metamask/json-rpc-engine" "^8.0.2"
+    "@metamask/safe-event-emitter" "^3.0.0"
+    "@metamask/utils" "^8.3.0"
+    readable-stream "^3.6.2"
+
+"@metamask/object-multiplex@^2.0.0":
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/@metamask/object-multiplex/-/object-multiplex-2.1.0.tgz"
+  integrity sha512-4vKIiv0DQxljcXwfpnbsXcfa5glMj5Zg9mqn4xpIWqkv6uJ2ma5/GtUfLFSxhlxnR8asRMv8dDmWya1Tc1sDFA==
+  dependencies:
+    once "^1.4.0"
+    readable-stream "^3.6.2"
+
+"@metamask/onboarding@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@metamask/onboarding/-/onboarding-1.0.1.tgz"
+  integrity sha512-FqHhAsCI+Vacx2qa5mAFcWNSrTcVGMNjzxVgaX8ECSny/BJ9/vgXP9V7WF/8vb9DltPeQkxr+Fnfmm6GHfmdTQ==
+  dependencies:
+    bowser "^2.9.0"
+
+"@metamask/providers@16.1.0":
+  version "16.1.0"
+  resolved "https://registry.npmjs.org/@metamask/providers/-/providers-16.1.0.tgz"
+  integrity sha512-znVCvux30+3SaUwcUGaSf+pUckzT5ukPRpcBmy+muBLC0yaWnBcvDqGfcsw6CBIenUdFrVoAFa8B6jsuCY/a+g==
+  dependencies:
+    "@metamask/json-rpc-engine" "^8.0.1"
+    "@metamask/json-rpc-middleware-stream" "^7.0.1"
+    "@metamask/object-multiplex" "^2.0.0"
+    "@metamask/rpc-errors" "^6.2.1"
+    "@metamask/safe-event-emitter" "^3.1.1"
+    "@metamask/utils" "^8.3.0"
+    detect-browser "^5.2.0"
+    extension-port-stream "^3.0.0"
+    fast-deep-equal "^3.1.3"
+    is-stream "^2.0.0"
+    readable-stream "^3.6.2"
+    webextension-polyfill "^0.10.0"
+
+"@metamask/rpc-errors@^6.2.1":
+  version "6.4.0"
+  resolved "https://registry.npmjs.org/@metamask/rpc-errors/-/rpc-errors-6.4.0.tgz"
+  integrity sha512-1ugFO1UoirU2esS3juZanS/Fo8C8XYocCuBpfZI5N7ECtoG+zu0wF+uWZASik6CkO6w9n/Iebt4iI4pT0vptpg==
+  dependencies:
+    "@metamask/utils" "^9.0.0"
+    fast-safe-stringify "^2.0.6"
+
+"@metamask/safe-event-emitter@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/@metamask/safe-event-emitter/-/safe-event-emitter-2.0.0.tgz"
+  integrity sha512-/kSXhY692qiV1MXu6EeOZvg5nECLclxNXcKCxJ3cXQgYuRymRHpdx/t7JXfsK+JLjwA1e1c1/SBrlQYpusC29Q==
+
+"@metamask/safe-event-emitter@^3.0.0", "@metamask/safe-event-emitter@^3.1.1":
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/@metamask/safe-event-emitter/-/safe-event-emitter-3.1.2.tgz"
+  integrity sha512-5yb2gMI1BDm0JybZezeoX/3XhPDOtTbcFvpTXM9kxsoZjPZFh4XciqRbpD6N86HYZqWDhEaKUDuOyR0sQHEjMA==
+
+"@metamask/sdk-communication-layer@0.30.0":
+  version "0.30.0"
+  resolved "https://registry.npmjs.org/@metamask/sdk-communication-layer/-/sdk-communication-layer-0.30.0.tgz"
+  integrity sha512-q5nbdYkAf76MsZxi1l5MJEAyd8sY9jLRapC8a7x1Q1BNV4rzQeFeux/d0mJ/jTR2LAwbnLZs2rL226AM75oK4w==
+  dependencies:
+    bufferutil "^4.0.8"
+    date-fns "^2.29.3"
+    debug "^4.3.4"
+    utf-8-validate "^5.0.2"
+    uuid "^8.3.2"
+
+"@metamask/sdk-install-modal-web@0.30.0":
+  version "0.30.0"
+  resolved "https://registry.npmjs.org/@metamask/sdk-install-modal-web/-/sdk-install-modal-web-0.30.0.tgz"
+  integrity sha512-1gT533Huja9tK3cmttvcpZirRAtWJ7vnYH+lnNRKEj2xIP335Df2cOwS+zqNC4GlRCZw7A3IsTjIzlKoxBY1uQ==
+  dependencies:
+    qr-code-styling "^1.6.0-rc.1"
+
+"@metamask/sdk@0.30.1":
+  version "0.30.1"
+  resolved "https://registry.npmjs.org/@metamask/sdk/-/sdk-0.30.1.tgz"
+  integrity sha512-NelEjJZsF5wVpSQELpmvXtnS9+C6HdxGQ4GB9jMRzeejphmPyKqmrIGM6XtaPrJtlpX+40AcJ2dtBQcjJVzpbQ==
+  dependencies:
+    "@metamask/onboarding" "^1.0.1"
+    "@metamask/providers" "16.1.0"
+    "@metamask/sdk-communication-layer" "0.30.0"
+    "@metamask/sdk-install-modal-web" "0.30.0"
+    bowser "^2.9.0"
+    cross-fetch "^4.0.0"
+    debug "^4.3.4"
+    eciesjs "^0.4.8"
+    eth-rpc-errors "^4.0.3"
+    eventemitter2 "^6.4.7"
+    i18next "23.11.5"
+    i18next-browser-languagedetector "7.1.0"
+    obj-multiplex "^1.0.0"
+    pump "^3.0.0"
+    qrcode-terminal-nooctal "^0.12.1"
+    react-native-webview "^11.26.0"
+    readable-stream "^3.6.2"
+    socket.io-client "^4.5.1"
+    util "^0.12.4"
+    uuid "^8.3.2"
+
+"@metamask/superstruct@^3.0.0", "@metamask/superstruct@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/@metamask/superstruct/-/superstruct-3.1.0.tgz"
+  integrity sha512-N08M56HdOgBfRKkrgCMZvQppkZGcArEop3kixNEtVbJKm6P9Cfg0YkI6X0s1g78sNrj2fWUwvJADdZuzJgFttA==
+
+"@metamask/utils@^5.0.1":
+  version "5.0.2"
+  resolved "https://registry.npmjs.org/@metamask/utils/-/utils-5.0.2.tgz"
+  integrity sha512-yfmE79bRQtnMzarnKfX7AEJBwFTxvTyw3nBQlu/5rmGXrjAeAMltoGxO62TFurxrQAFMNa/fEjIHNvungZp0+g==
+  dependencies:
+    "@ethereumjs/tx" "^4.1.2"
+    "@types/debug" "^4.1.7"
+    debug "^4.3.4"
+    semver "^7.3.8"
+    superstruct "^1.0.3"
+
+"@metamask/utils@^8.3.0":
+  version "8.5.0"
+  resolved "https://registry.npmjs.org/@metamask/utils/-/utils-8.5.0.tgz"
+  integrity sha512-I6bkduevXb72TIM9q2LRO63JSsF9EXduh3sBr9oybNX2hNNpr/j1tEjXrsG0Uabm4MJ1xkGAQEMwifvKZIkyxQ==
+  dependencies:
+    "@ethereumjs/tx" "^4.2.0"
+    "@metamask/superstruct" "^3.0.0"
+    "@noble/hashes" "^1.3.1"
+    "@scure/base" "^1.1.3"
+    "@types/debug" "^4.1.7"
+    debug "^4.3.4"
+    pony-cause "^2.1.10"
+    semver "^7.5.4"
+    uuid "^9.0.1"
+
+"@metamask/utils@^9.0.0":
+  version "9.3.0"
+  resolved "https://registry.npmjs.org/@metamask/utils/-/utils-9.3.0.tgz"
+  integrity sha512-w8CVbdkDrVXFJbfBSlDfafDR6BAkpDmv1bC1UJVCoVny5tW2RKAdn9i68Xf7asYT4TnUhl/hN4zfUiKQq9II4g==
+  dependencies:
+    "@ethereumjs/tx" "^4.2.0"
+    "@metamask/superstruct" "^3.1.0"
+    "@noble/hashes" "^1.3.1"
+    "@scure/base" "^1.1.3"
+    "@types/debug" "^4.1.7"
+    debug "^4.3.4"
+    pony-cause "^2.1.10"
+    semver "^7.5.4"
+    uuid "^9.0.1"
+
+"@motionone/animation@^10.15.1", "@motionone/animation@^10.18.0":
+  version "10.18.0"
+  resolved "https://registry.npmjs.org/@motionone/animation/-/animation-10.18.0.tgz"
+  integrity sha512-9z2p5GFGCm0gBsZbi8rVMOAJCtw1WqBTIPw3ozk06gDvZInBPIsQcHgYogEJ4yuHJ+akuW8g1SEIOpTOvYs8hw==
+  dependencies:
+    "@motionone/easing" "^10.18.0"
+    "@motionone/types" "^10.17.1"
+    "@motionone/utils" "^10.18.0"
+    tslib "^2.3.1"
+
+"@motionone/dom@^10.16.2", "@motionone/dom@^10.16.4":
+  version "10.18.0"
+  resolved "https://registry.npmjs.org/@motionone/dom/-/dom-10.18.0.tgz"
+  integrity sha512-bKLP7E0eyO4B2UaHBBN55tnppwRnaE3KFfh3Ps9HhnAkar3Cb69kUCJY9as8LrccVYKgHA+JY5dOQqJLOPhF5A==
+  dependencies:
+    "@motionone/animation" "^10.18.0"
+    "@motionone/generators" "^10.18.0"
+    "@motionone/types" "^10.17.1"
+    "@motionone/utils" "^10.18.0"
+    hey-listen "^1.0.8"
+    tslib "^2.3.1"
+
+"@motionone/easing@^10.18.0":
+  version "10.18.0"
+  resolved "https://registry.npmjs.org/@motionone/easing/-/easing-10.18.0.tgz"
+  integrity sha512-VcjByo7XpdLS4o9T8t99JtgxkdMcNWD3yHU/n6CLEz3bkmKDRZyYQ/wmSf6daum8ZXqfUAgFeCZSpJZIMxaCzg==
+  dependencies:
+    "@motionone/utils" "^10.18.0"
+    tslib "^2.3.1"
+
+"@motionone/generators@^10.18.0":
+  version "10.18.0"
+  resolved "https://registry.npmjs.org/@motionone/generators/-/generators-10.18.0.tgz"
+  integrity sha512-+qfkC2DtkDj4tHPu+AFKVfR/C30O1vYdvsGYaR13W/1cczPrrcjdvYCj0VLFuRMN+lP1xvpNZHCRNM4fBzn1jg==
+  dependencies:
+    "@motionone/types" "^10.17.1"
+    "@motionone/utils" "^10.18.0"
+    tslib "^2.3.1"
+
+"@motionone/svelte@^10.16.2":
+  version "10.16.4"
+  resolved "https://registry.npmjs.org/@motionone/svelte/-/svelte-10.16.4.tgz"
+  integrity sha512-zRVqk20lD1xqe+yEDZhMYgftsuHc25+9JSo+r0a0OWUJFocjSV9D/+UGhX4xgJsuwB9acPzXLr20w40VnY2PQA==
+  dependencies:
+    "@motionone/dom" "^10.16.4"
+    tslib "^2.3.1"
+
+"@motionone/types@^10.15.1", "@motionone/types@^10.17.1":
+  version "10.17.1"
+  resolved "https://registry.npmjs.org/@motionone/types/-/types-10.17.1.tgz"
+  integrity sha512-KaC4kgiODDz8hswCrS0btrVrzyU2CSQKO7Ps90ibBVSQmjkrt2teqta6/sOG59v7+dPnKMAg13jyqtMKV2yJ7A==
+
+"@motionone/utils@^10.15.1", "@motionone/utils@^10.18.0":
+  version "10.18.0"
+  resolved "https://registry.npmjs.org/@motionone/utils/-/utils-10.18.0.tgz"
+  integrity sha512-3XVF7sgyTSI2KWvTf6uLlBJ5iAgRgmvp3bpuOiQJvInd4nZ19ET8lX5unn30SlmRH7hXbBbH+Gxd0m0klJ3Xtw==
+  dependencies:
+    "@motionone/types" "^10.17.1"
+    hey-listen "^1.0.8"
+    tslib "^2.3.1"
+
+"@motionone/vue@^10.16.2":
+  version "10.16.4"
+  resolved "https://registry.npmjs.org/@motionone/vue/-/vue-10.16.4.tgz"
+  integrity sha512-z10PF9JV6SbjFq+/rYabM+8CVlMokgl8RFGvieSGNTmrkQanfHn+15XBrhG3BgUfvmTeSeyShfOHpG0i9zEdcg==
+  dependencies:
+    "@motionone/dom" "^10.16.4"
+    tslib "^2.3.1"
+
+"@next/env@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.npmjs.org/@next/env/-/env-14.2.16.tgz"
+  integrity sha512-fLrX5TfJzHCbnZ9YUSnGW63tMV3L4nSfhgOQ0iCcX21Pt+VSTDuaLsSuL8J/2XAiVA5AnzvXDpf6pMs60QxOag==
+
+"@next/eslint-plugin-next@14.2.3":
+  version "14.2.3"
+  resolved "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.3.tgz"
+  integrity sha512-L3oDricIIjgj1AVnRdRor21gI7mShlSwU/1ZGHmqM3LzHhXXhdkrfeNY5zif25Bi5Dd7fiJHsbhoZCHfXYvlAw==
+  dependencies:
+    glob "10.3.10"
+
+"@next/swc-darwin-arm64@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.16.tgz"
+  integrity sha512-uFT34QojYkf0+nn6MEZ4gIWQ5aqGF11uIZ1HSxG+cSbj+Mg3+tYm8qXYd3dKN5jqKUm5rBVvf1PBRO/MeQ6rxw==
+
+"@next/swc-darwin-x64@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.16.tgz#c6307af69699583ef39b41b182bed76a3c2c9461"
+  integrity sha512-mCecsFkYezem0QiZlg2bau3Xul77VxUD38b/auAjohMA22G9KTJneUYMv78vWoCCFkleFAhY1NIvbyjj1ncG9g==
+
+"@next/swc-linux-arm64-gnu@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.16.tgz#47a74cb824cb185840f6fbea90dec9fc7a248a33"
+  integrity sha512-yhkNA36+ECTC91KSyZcgWgKrYIyDnXZj8PqtJ+c2pMvj45xf7y/HrgI17hLdrcYamLfVt7pBaJUMxADtPaczHA==
+
+"@next/swc-linux-arm64-musl@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.16.tgz#bbbdaab8aa939d12fd3b3b9ad84f6f3964cafeb4"
+  integrity sha512-X2YSyu5RMys8R2lA0yLMCOCtqFOoLxrq2YbazFvcPOE4i/isubYjkh+JCpRmqYfEuCVltvlo+oGfj/b5T2pKUA==
+
+"@next/swc-linux-x64-gnu@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.16.tgz#df9f542c9391f8ce32979ee32cff4773f92cd712"
+  integrity sha512-9AGcX7VAkGbc5zTSa+bjQ757tkjr6C/pKS7OK8cX7QEiK6MHIIezBLcQ7gQqbDW2k5yaqba2aDtaBeyyZh1i6Q==
+
+"@next/swc-linux-x64-musl@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.16.tgz#4c7792fbd67561d06228ec6a4de73faf22f40d47"
+  integrity sha512-Klgeagrdun4WWDaOizdbtIIm8khUDQJ/5cRzdpXHfkbY91LxBXeejL4kbZBrpR/nmgRrQvmz4l3OtttNVkz2Sg==
+
+"@next/swc-win32-arm64-msvc@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.16.tgz#d556ba513ec78452239e295d0b9096ba0053e631"
+  integrity sha512-PwW8A1UC1Y0xIm83G3yFGPiOBftJK4zukTmk7DI1CebyMOoaVpd8aSy7K6GhobzhkjYvqS/QmzcfsWG2Dwizdg==
+
+"@next/swc-win32-ia32-msvc@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.16.tgz#6d093a33bc285404b1cd817959ce6129f4b32c02"
+  integrity sha512-jhPl3nN0oKEshJBNDAo0etGMzv0j3q3VYorTSFqH1o3rwv1MQRdor27u1zhkgsHPNeY1jxcgyx1ZsCkDD1IHgg==
+
+"@next/swc-win32-x64-msvc@14.2.16":
+  version "14.2.16"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.16.tgz#4d8e89f47a2ea53b040cc9fee0a351b0bb6188c4"
+  integrity sha512-OA7NtfxgirCjfqt+02BqxC3MIgM/JaGjw9tOe4fyZgPsqfseNiMPnCRP44Pfs+Gpo9zPN+SXaFsgP6vk8d571A==
+
+"@noble/ciphers@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.0.0.tgz"
+  integrity sha512-wH5EHOmLi0rEazphPbecAzmjd12I6/Yv/SiHdkA9LSycsQk7RuuTp7am5/o62qYr0RScE7Pc9icXGBbsr6cesA==
+
+"@noble/curves@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/@noble/curves/-/curves-1.2.0.tgz"
+  integrity sha512-oYclrNgRaM9SsBUBVbb8M6DTV7ZHRTKugureoYEncY5c65HOmRzvSiTE3y5CYaPYJA/GVkrhXEoF0M3Ya9PMnw==
+  dependencies:
+    "@noble/hashes" "1.3.2"
+
+"@noble/curves@1.4.2", "@noble/curves@~1.4.0":
+  version "1.4.2"
+  resolved "https://registry.npmjs.org/@noble/curves/-/curves-1.4.2.tgz"
+  integrity sha512-TavHr8qycMChk8UwMld0ZDRvatedkzWfH8IiaeGCfymOP5i0hSCozz9vHOL0nkwk7HRMlFnAiKpS2jrUmSybcw==
+  dependencies:
+    "@noble/hashes" "1.4.0"
+
+"@noble/curves@1.6.0", "@noble/curves@^1.4.0", "@noble/curves@^1.6.0", "@noble/curves@~1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/@noble/curves/-/curves-1.6.0.tgz"
+  integrity sha512-TlaHRXDehJuRNR9TfZDNQ45mMEd5dwUwmicsafcIX4SsNiqnCHKjE/1alYPd/lDRVhxdhUAlv8uEhMCI5zjIJQ==
+  dependencies:
+    "@noble/hashes" "1.5.0"
+
+"@noble/hashes@1.3.2", "@noble/hashes@^1.3.1":
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/@noble/hashes/-/hashes-1.3.2.tgz"
+  integrity sha512-MVC8EAQp7MvEcm30KWENFjgR+Mkmf+D189XJTkFIlwohU5hcBbn1ZkKq7KVTi2Hme3PMGF390DaL52beVrIihQ==
+
+"@noble/hashes@1.4.0", "@noble/hashes@~1.4.0":
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/@noble/hashes/-/hashes-1.4.0.tgz"
+  integrity sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==
+
+"@noble/hashes@1.5.0", "@noble/hashes@^1.4.0", "@noble/hashes@^1.5.0", "@noble/hashes@~1.5.0":
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/@noble/hashes/-/hashes-1.5.0.tgz"
+  integrity sha512-1j6kQFb7QRru7eKN3ZDvRcP13rugwdxZqCjbiAVZfIJwgj2A65UmT4TgARXGlXgnRkORLTDTrO19ZErt7+QXgA==
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@nolyfill/is-core-module@1.0.39":
+  version "1.0.39"
+  resolved "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz"
+  integrity sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==
+
+"@parcel/watcher-android-arm64@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.4.1.tgz#c2c19a3c442313ff007d2d7a9c2c1dd3e1c9ca84"
+  integrity sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==
+
+"@parcel/watcher-darwin-arm64@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.4.1.tgz"
+  integrity sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==
+
+"@parcel/watcher-darwin-x64@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.4.1.tgz#1a3f69d9323eae4f1c61a5f480a59c478d2cb020"
+  integrity sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==
+
+"@parcel/watcher-freebsd-x64@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.4.1.tgz#0d67fef1609f90ba6a8a662bc76a55fc93706fc8"
+  integrity sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==
+
+"@parcel/watcher-linux-arm-glibc@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.4.1.tgz#ce5b340da5829b8e546bd00f752ae5292e1c702d"
+  integrity sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==
+
+"@parcel/watcher-linux-arm64-glibc@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.4.1.tgz#6d7c00dde6d40608f9554e73998db11b2b1ff7c7"
+  integrity sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==
+
+"@parcel/watcher-linux-arm64-musl@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.4.1.tgz#bd39bc71015f08a4a31a47cd89c236b9d6a7f635"
+  integrity sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==
+
+"@parcel/watcher-linux-x64-glibc@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.4.1.tgz#0ce29966b082fb6cdd3de44f2f74057eef2c9e39"
+  integrity sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==
+
+"@parcel/watcher-linux-x64-musl@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.4.1.tgz#d2ebbf60e407170bb647cd6e447f4f2bab19ad16"
+  integrity sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==
+
+"@parcel/watcher-wasm@^2.4.1":
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/@parcel/watcher-wasm/-/watcher-wasm-2.4.1.tgz"
+  integrity sha512-/ZR0RxqxU/xxDGzbzosMjh4W6NdYFMqq2nvo2b8SLi7rsl/4jkL8S5stIikorNkdR50oVDvqb/3JT05WM+CRRA==
+  dependencies:
+    is-glob "^4.0.3"
+    micromatch "^4.0.5"
+    napi-wasm "^1.1.0"
+
+"@parcel/watcher-win32-arm64@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.4.1.tgz#eb4deef37e80f0b5e2f215dd6d7a6d40a85f8adc"
+  integrity sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==
+
+"@parcel/watcher-win32-ia32@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.4.1.tgz#94fbd4b497be39fd5c8c71ba05436927842c9df7"
+  integrity sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==
+
+"@parcel/watcher-win32-x64@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.4.1.tgz#4bf920912f67cae5f2d264f58df81abfea68dadf"
+  integrity sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==
+
+"@parcel/watcher@^2.4.1":
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.4.1.tgz"
+  integrity sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==
+  dependencies:
+    detect-libc "^1.0.3"
+    is-glob "^4.0.3"
+    micromatch "^4.0.5"
+    node-addon-api "^7.0.0"
+  optionalDependencies:
+    "@parcel/watcher-android-arm64" "2.4.1"
+    "@parcel/watcher-darwin-arm64" "2.4.1"
+    "@parcel/watcher-darwin-x64" "2.4.1"
+    "@parcel/watcher-freebsd-x64" "2.4.1"
+    "@parcel/watcher-linux-arm-glibc" "2.4.1"
+    "@parcel/watcher-linux-arm64-glibc" "2.4.1"
+    "@parcel/watcher-linux-arm64-musl" "2.4.1"
+    "@parcel/watcher-linux-x64-glibc" "2.4.1"
+    "@parcel/watcher-linux-x64-musl" "2.4.1"
+    "@parcel/watcher-win32-arm64" "2.4.1"
+    "@parcel/watcher-win32-ia32" "2.4.1"
+    "@parcel/watcher-win32-x64" "2.4.1"
+
+"@pkgjs/parseargs@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz"
+  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
+
+"@pkgr/core@^0.1.0":
+  version "0.1.1"
+  resolved "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz"
+  integrity sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==
+
+"@pmmmwh/react-refresh-webpack-plugin@^0.5.11":
+  version "0.5.15"
+  resolved "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.15.tgz"
+  integrity sha512-LFWllMA55pzB9D34w/wXUCf8+c+IYKuJDgxiZ3qMhl64KRMBHYM1I3VdGaD2BV5FNPV2/S2596bppxHbv2ZydQ==
+  dependencies:
+    ansi-html "^0.0.9"
+    core-js-pure "^3.23.3"
+    error-stack-parser "^2.0.6"
+    html-entities "^2.1.0"
+    loader-utils "^2.0.4"
+    schema-utils "^4.2.0"
+    source-map "^0.7.3"
+
+"@radix-ui/number@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.0.tgz"
+  integrity sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==
+
+"@radix-ui/primitive@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz"
+  integrity sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==
+
+"@radix-ui/react-accordion@^1.2.0":
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.1.tgz"
+  integrity sha512-bg/l7l5QzUjgsh8kjwDFommzAshnUsuVMV5NM56QVCm+7ZckYdd9P/ExR8xG/Oup0OajVxNLaHJ1tb8mXk+nzQ==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-collapsible" "1.1.1"
+    "@radix-ui/react-collection" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.1"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+
+"@radix-ui/react-arrow@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz"
+  integrity sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+
+"@radix-ui/react-collapsible@1.1.1", "@radix-ui/react-collapsible@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.1.tgz"
+  integrity sha512-1///SnrfQHJEofLokyczERxQbWfCGQlQ2XsCZMucVs6it+lq9iw4vXy+uDn1edlb58cOZOWSldnfPAYcT4O/Yg==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.1"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-presence" "1.1.1"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-collection@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.0.tgz"
+  integrity sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-slot" "1.1.0"
+
+"@radix-ui/react-compose-refs@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz"
+  integrity sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==
+
+"@radix-ui/react-context@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz"
+  integrity sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==
+
+"@radix-ui/react-context@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz"
+  integrity sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==
+
+"@radix-ui/react-direction@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz"
+  integrity sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==
+
+"@radix-ui/react-dismissable-layer@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.1.tgz"
+  integrity sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-escape-keydown" "1.1.0"
+
+"@radix-ui/react-focus-guards@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz"
+  integrity sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==
+
+"@radix-ui/react-focus-scope@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.0.tgz"
+  integrity sha512-200UD8zylvEyL8Bx+z76RJnASR2gRMuxlgFCPAe/Q/679a/r0eK3MBVYMb7vZODZcffZBdob1EGnky78xmVvcA==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+
+"@radix-ui/react-id@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz"
+  integrity sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==
+  dependencies:
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-label@^2.1.0":
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.0.tgz"
+  integrity sha512-peLblDlFw/ngk3UWq0VnYaOLy6agTZZ+MUO/WhVfm14vJGML+xH4FAl2XQGLqdefjNb7ApRg6Yn7U42ZhmYXdw==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+
+"@radix-ui/react-popper@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz"
+  integrity sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==
+  dependencies:
+    "@floating-ui/react-dom" "^2.0.0"
+    "@radix-ui/react-arrow" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+    "@radix-ui/react-use-rect" "1.1.0"
+    "@radix-ui/react-use-size" "1.1.0"
+    "@radix-ui/rect" "1.1.0"
+
+"@radix-ui/react-portal@1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.2.tgz"
+  integrity sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-presence@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.1.tgz"
+  integrity sha512-IeFXVi4YS1K0wVZzXNrbaaUvIJ3qdY+/Ih4eHFhWA9SwGR9UDX7Ck8abvL57C4cv3wwMvUE0OG69Qc3NCcTe/A==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-primitive@2.0.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz"
+  integrity sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==
+  dependencies:
+    "@radix-ui/react-slot" "1.1.0"
+
+"@radix-ui/react-roving-focus@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz"
+  integrity sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-collection" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+
+"@radix-ui/react-select@^2.1.1":
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.1.2.tgz"
+  integrity sha512-rZJtWmorC7dFRi0owDmoijm6nSJH1tVw64QGiNIZ9PNLyBDtG+iAq+XGsya052At4BfarzY/Dhv9wrrUr6IMZA==
+  dependencies:
+    "@radix-ui/number" "1.1.0"
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-collection" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.1"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-dismissable-layer" "1.1.1"
+    "@radix-ui/react-focus-guards" "1.1.1"
+    "@radix-ui/react-focus-scope" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-popper" "1.2.0"
+    "@radix-ui/react-portal" "1.1.2"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-slot" "1.1.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+    "@radix-ui/react-use-previous" "1.1.0"
+    "@radix-ui/react-visually-hidden" "1.1.0"
+    aria-hidden "^1.1.1"
+    react-remove-scroll "2.6.0"
+
+"@radix-ui/react-slider@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/@radix-ui/react-slider/-/react-slider-1.2.1.tgz"
+  integrity sha512-bEzQoDW0XP+h/oGbutF5VMWJPAl/UU8IJjr7h02SOHDIIIxq+cep8nItVNoBV+OMmahCdqdF38FTpmXoqQUGvw==
+  dependencies:
+    "@radix-ui/number" "1.1.0"
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-collection" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.1"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+    "@radix-ui/react-use-previous" "1.1.0"
+    "@radix-ui/react-use-size" "1.1.0"
+
+"@radix-ui/react-slot@1.1.0", "@radix-ui/react-slot@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz"
+  integrity sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.0"
+
+"@radix-ui/react-tabs@^1.1.0":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.1.tgz"
+  integrity sha512-3GBUDmP2DvzmtYLMsHmpA1GtR46ZDZ+OreXM/N+kkQJOPIgytFWWTfDQmBQKBvaFS0Vno0FktdbVzN28KGrMdw==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-context" "1.1.1"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-presence" "1.1.1"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-roving-focus" "1.1.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+
+"@radix-ui/react-use-callback-ref@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz"
+  integrity sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==
+
+"@radix-ui/react-use-controllable-state@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz"
+  integrity sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==
+  dependencies:
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+
+"@radix-ui/react-use-escape-keydown@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz"
+  integrity sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==
+  dependencies:
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+
+"@radix-ui/react-use-layout-effect@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz"
+  integrity sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==
+
+"@radix-ui/react-use-previous@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.0.tgz"
+  integrity sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==
+
+"@radix-ui/react-use-rect@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz"
+  integrity sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==
+  dependencies:
+    "@radix-ui/rect" "1.1.0"
+
+"@radix-ui/react-use-size@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz"
+  integrity sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==
+  dependencies:
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-visually-hidden@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz"
+  integrity sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+
+"@radix-ui/rect@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz"
+  integrity sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==
+
+"@rollup/rollup-android-arm-eabi@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.0.tgz#1661ff5ea9beb362795304cb916049aba7ac9c54"
+  integrity sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==
+
+"@rollup/rollup-android-arm64@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.24.0.tgz#2ffaa91f1b55a0082b8a722525741aadcbd3971e"
+  integrity sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==
+
+"@rollup/rollup-darwin-arm64@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.24.0.tgz"
+  integrity sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==
+
+"@rollup/rollup-darwin-x64@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.24.0.tgz#0605506142b9e796c370d59c5984ae95b9758724"
+  integrity sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.24.0.tgz#62dfd196d4b10c0c2db833897164d2d319ee0cbb"
+  integrity sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==
+
+"@rollup/rollup-linux-arm-musleabihf@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.24.0.tgz#53ce72aeb982f1f34b58b380baafaf6a240fddb3"
+  integrity sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==
+
+"@rollup/rollup-linux-arm64-gnu@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.24.0.tgz#1632990f62a75c74f43e4b14ab3597d7ed416496"
+  integrity sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==
+
+"@rollup/rollup-linux-arm64-musl@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.24.0.tgz#8c03a996efb41e257b414b2e0560b7a21f2d9065"
+  integrity sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==
+
+"@rollup/rollup-linux-powerpc64le-gnu@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.24.0.tgz#5b98729628d5bcc8f7f37b58b04d6845f85c7b5d"
+  integrity sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==
+
+"@rollup/rollup-linux-riscv64-gnu@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.24.0.tgz#48e42e41f4cabf3573cfefcb448599c512e22983"
+  integrity sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==
+
+"@rollup/rollup-linux-s390x-gnu@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.24.0.tgz#e0b4f9a966872cb7d3e21b9e412a4b7efd7f0b58"
+  integrity sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==
+
+"@rollup/rollup-linux-x64-gnu@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.24.0.tgz#78144741993100f47bd3da72fce215e077ae036b"
+  integrity sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==
+
+"@rollup/rollup-linux-x64-musl@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.24.0.tgz#d9fe32971883cd1bd858336bd33a1c3ca6146127"
+  integrity sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==
+
+"@rollup/rollup-win32-arm64-msvc@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.24.0.tgz#71fa3ea369316db703a909c790743972e98afae5"
+  integrity sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==
+
+"@rollup/rollup-win32-ia32-msvc@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.24.0.tgz#653f5989a60658e17d7576a3996deb3902e342e2"
+  integrity sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==
+
+"@rollup/rollup-win32-x64-msvc@4.24.0":
+  version "4.24.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.0.tgz#0574d7e87b44ee8511d08cc7f914bcb802b70818"
+  integrity sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==
+
+"@rtsao/scc@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz"
+  integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
+
+"@rushstack/eslint-patch@^1.3.3":
+  version "1.10.4"
+  resolved "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz"
+  integrity sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==
+
+"@safe-global/safe-apps-provider@0.18.3":
+  version "0.18.3"
+  resolved "https://registry.npmjs.org/@safe-global/safe-apps-provider/-/safe-apps-provider-0.18.3.tgz"
+  integrity sha512-f/0cNv3S4v7p8rowAjj0hDCg8Q8P/wBjp5twkNWeBdvd0RDr7BuRBPPk74LCqmjQ82P+1ltLlkmVFSmxTIT7XQ==
+  dependencies:
+    "@safe-global/safe-apps-sdk" "^9.1.0"
+    events "^3.3.0"
+
+"@safe-global/safe-apps-sdk@9.1.0", "@safe-global/safe-apps-sdk@^9.1.0":
+  version "9.1.0"
+  resolved "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-9.1.0.tgz"
+  integrity sha512-N5p/ulfnnA2Pi2M3YeWjULeWbjo7ei22JwU/IXnhoHzKq3pYCN6ynL9mJBOlvDVv892EgLPCWCOwQk/uBT2v0Q==
+  dependencies:
+    "@safe-global/safe-gateway-typescript-sdk" "^3.5.3"
+    viem "^2.1.1"
+
+"@safe-global/safe-gateway-typescript-sdk@^3.5.3":
+  version "3.22.2"
+  resolved "https://registry.npmjs.org/@safe-global/safe-gateway-typescript-sdk/-/safe-gateway-typescript-sdk-3.22.2.tgz"
+  integrity sha512-Y0yAxRaB98LFp2Dm+ACZqBSdAmI3FlpH/LjxOZ94g/ouuDJecSq0iR26XZ5QDuEL8Rf+L4jBJaoDC08CD0KkJw==
+
+"@scure/base@^1.1.3", "@scure/base@~1.1.6", "@scure/base@~1.1.7", "@scure/base@~1.1.8":
+  version "1.1.9"
+  resolved "https://registry.npmjs.org/@scure/base/-/base-1.1.9.tgz"
+  integrity sha512-8YKhl8GHiNI/pU2VMaofa2Tor7PJRAjwQLBBuilkJ9L5+13yVbC7JO/wS7piioAvPSwR3JKM1IJ/u4xQzbcXKg==
+
+"@scure/bip32@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/@scure/bip32/-/bip32-1.4.0.tgz"
+  integrity sha512-sVUpc0Vq3tXCkDGYVWGIZTRfnvu8LoTDaev7vbwh0omSvVORONr960MQWdKqJDCReIEmTj3PAr73O3aoxz7OPg==
+  dependencies:
+    "@noble/curves" "~1.4.0"
+    "@noble/hashes" "~1.4.0"
+    "@scure/base" "~1.1.6"
+
+"@scure/bip32@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/@scure/bip32/-/bip32-1.5.0.tgz"
+  integrity sha512-8EnFYkqEQdnkuGBVpCzKxyIwDCBLDVj3oiX0EKUFre/tOjL/Hqba1D6n/8RcmaQy4f95qQFrO2A8Sr6ybh4NRw==
+  dependencies:
+    "@noble/curves" "~1.6.0"
+    "@noble/hashes" "~1.5.0"
+    "@scure/base" "~1.1.7"
+
+"@scure/bip39@1.3.0":
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/@scure/bip39/-/bip39-1.3.0.tgz"
+  integrity sha512-disdg7gHuTDZtY+ZdkmLpPCk7fxZSu3gBiEGuoC1XYxv9cGx3Z6cpTggCgW6odSOOIXCiDjuGejW+aJKCY/pIQ==
+  dependencies:
+    "@noble/hashes" "~1.4.0"
+    "@scure/base" "~1.1.6"
+
+"@scure/bip39@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/@scure/bip39/-/bip39-1.4.0.tgz"
+  integrity sha512-BEEm6p8IueV/ZTfQLp/0vhw4NPnT9oWf5+28nvmeUICjP99f4vr2d+qc7AVGDDtwRep6ifR43Yed9ERVmiITzw==
+  dependencies:
+    "@noble/hashes" "~1.5.0"
+    "@scure/base" "~1.1.8"
+
+"@sideway/address@^4.1.5":
+  version "4.1.5"
+  resolved "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz"
+  integrity sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
+
+"@sideway/formula@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz"
+  integrity sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==
+
+"@sideway/pinpoint@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz"
+  integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
+
+"@socket.io/component-emitter@~3.1.0":
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz"
+  integrity sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==
+
+"@stablelib/aead@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/aead/-/aead-1.0.1.tgz"
+  integrity sha512-q39ik6sxGHewqtO0nP4BuSe3db5G1fEJE8ukvngS2gLkBXyy6E7pLubhbYgnkDFv6V8cWaxcE4Xn0t6LWcJkyg==
+
+"@stablelib/binary@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/binary/-/binary-1.0.1.tgz"
+  integrity sha512-ClJWvmL6UBM/wjkvv/7m5VP3GMr9t0osr4yVgLZsLCOz4hGN9gIAFEqnJ0TsSMAN+n840nf2cHZnA5/KFqHC7Q==
+  dependencies:
+    "@stablelib/int" "^1.0.1"
+
+"@stablelib/bytes@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/bytes/-/bytes-1.0.1.tgz"
+  integrity sha512-Kre4Y4kdwuqL8BR2E9hV/R5sOrUj6NanZaZis0V6lX5yzqC3hBuVSDXUIBqQv/sCpmuWRiHLwqiT1pqqjuBXoQ==
+
+"@stablelib/chacha20poly1305@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/chacha20poly1305/-/chacha20poly1305-1.0.1.tgz"
+  integrity sha512-MmViqnqHd1ymwjOQfghRKw2R/jMIGT3wySN7cthjXCBdO+qErNPUBnRzqNpnvIwg7JBCg3LdeCZZO4de/yEhVA==
+  dependencies:
+    "@stablelib/aead" "^1.0.1"
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/chacha" "^1.0.1"
+    "@stablelib/constant-time" "^1.0.1"
+    "@stablelib/poly1305" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/chacha@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/chacha/-/chacha-1.0.1.tgz"
+  integrity sha512-Pmlrswzr0pBzDofdFuVe1q7KdsHKhhU24e8gkEwnTGOmlC7PADzLVxGdn2PoNVBBabdg0l/IfLKg6sHAbTQugg==
+  dependencies:
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/constant-time@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/constant-time/-/constant-time-1.0.1.tgz"
+  integrity sha512-tNOs3uD0vSJcK6z1fvef4Y+buN7DXhzHDPqRLSXUel1UfqMB1PWNsnnAezrKfEwTLpN0cGH2p9NNjs6IqeD0eg==
+
+"@stablelib/ed25519@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/@stablelib/ed25519/-/ed25519-1.0.3.tgz"
+  integrity sha512-puIMWaX9QlRsbhxfDc5i+mNPMY+0TmQEskunY1rZEBPi1acBCVQAhnsk/1Hk50DGPtVsZtAWQg4NHGlVaO9Hqg==
+  dependencies:
+    "@stablelib/random" "^1.0.2"
+    "@stablelib/sha512" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/hash@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/hash/-/hash-1.0.1.tgz"
+  integrity sha512-eTPJc/stDkdtOcrNMZ6mcMK1e6yBbqRBaNW55XA1jU8w/7QdnCF0CmMmOD1m7VSkBR44PWrMHU2l6r8YEQHMgg==
+
+"@stablelib/hkdf@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/hkdf/-/hkdf-1.0.1.tgz"
+  integrity sha512-SBEHYE16ZXlHuaW5RcGk533YlBj4grMeg5TooN80W3NpcHRtLZLLXvKyX0qcRFxf+BGDobJLnwkvgEwHIDBR6g==
+  dependencies:
+    "@stablelib/hash" "^1.0.1"
+    "@stablelib/hmac" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/hmac@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/hmac/-/hmac-1.0.1.tgz"
+  integrity sha512-V2APD9NSnhVpV/QMYgCVMIYKiYG6LSqw1S65wxVoirhU/51ACio6D4yDVSwMzuTJXWZoVHbDdINioBwKy5kVmA==
+  dependencies:
+    "@stablelib/constant-time" "^1.0.1"
+    "@stablelib/hash" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/int@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/int/-/int-1.0.1.tgz"
+  integrity sha512-byr69X/sDtDiIjIV6m4roLVWnNNlRGzsvxw+agj8CIEazqWGOQp2dTYgQhtyVXV9wpO6WyXRQUzLV/JRNumT2w==
+
+"@stablelib/keyagreement@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/keyagreement/-/keyagreement-1.0.1.tgz"
+  integrity sha512-VKL6xBwgJnI6l1jKrBAfn265cspaWBPAPEc62VBQrWHLqVgNRE09gQ/AnOEyKUWrrqfD+xSQ3u42gJjLDdMDQg==
+  dependencies:
+    "@stablelib/bytes" "^1.0.1"
+
+"@stablelib/poly1305@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/poly1305/-/poly1305-1.0.1.tgz"
+  integrity sha512-1HlG3oTSuQDOhSnLwJRKeTRSAdFNVB/1djy2ZbS35rBSJ/PFqx9cf9qatinWghC2UbfOYD8AcrtbUQl8WoxabA==
+  dependencies:
+    "@stablelib/constant-time" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/random@1.0.2", "@stablelib/random@^1.0.1", "@stablelib/random@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/@stablelib/random/-/random-1.0.2.tgz"
+  integrity sha512-rIsE83Xpb7clHPVRlBj8qNe5L8ISQOzjghYQm/dZ7VaM2KHYwMW5adjQjrzTZCchFnNCNhkwtnOBa9HTMJCI8w==
+  dependencies:
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/sha256@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/sha256/-/sha256-1.0.1.tgz"
+  integrity sha512-GIIH3e6KH+91FqGV42Kcj71Uefd/QEe7Dy42sBTeqppXV95ggCcxLTk39bEr+lZfJmp+ghsR07J++ORkRELsBQ==
+  dependencies:
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/hash" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/sha512@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/sha512/-/sha512-1.0.1.tgz"
+  integrity sha512-13gl/iawHV9zvDKciLo1fQ8Bgn2Pvf7OV6amaRVKiq3pjQ3UmEpXxWiAfV8tYjUpeZroBxtyrwtdooQT/i3hzw==
+  dependencies:
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/hash" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/wipe@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@stablelib/wipe/-/wipe-1.0.1.tgz"
+  integrity sha512-WfqfX/eXGiAd3RJe4VU2snh/ZPwtSjLG4ynQ/vYzvghTh7dHFcI1wl+nrkWG6lGhukOxOsUHfv8dUXr58D0ayg==
+
+"@stablelib/x25519@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/@stablelib/x25519/-/x25519-1.0.3.tgz"
+  integrity sha512-KnTbKmUhPhHavzobclVJQG5kuivH+qDLpe84iRqX3CLrKp881cF160JvXJ+hjn1aMyCwYOKeIZefIH/P5cJoRw==
+  dependencies:
+    "@stablelib/keyagreement" "^1.0.1"
+    "@stablelib/random" "^1.0.2"
+    "@stablelib/wipe" "^1.0.1"
+
+"@storybook/addon-actions@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.3.6.tgz"
+  integrity sha512-nOqgl0WoZK2KwjaABaXMoIgrIHOQl9inOzJvqQau0HOtsvnXGXYfJXYnpjZenoZDoZXKbUDl0U2haDFx2a2fJw==
+  dependencies:
+    "@storybook/global" "^5.0.0"
+    "@types/uuid" "^9.0.1"
+    dequal "^2.0.2"
+    polished "^4.2.2"
+    uuid "^9.0.0"
+
+"@storybook/addon-backgrounds@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.3.6.tgz"
+  integrity sha512-yBn+a8i5OJzJaX6Bx5MAkfei7c2nvq+RRmvuyvxw11rtDGR6Nz4OBBe56reWxo868wVUggpRTPJCMVe5tDYgVg==
+  dependencies:
+    "@storybook/global" "^5.0.0"
+    memoizerific "^1.11.3"
+    ts-dedent "^2.0.0"
+
+"@storybook/addon-controls@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.3.6.tgz"
+  integrity sha512-9IMLHgtWPuFoRCt3hDsIk1FbkK5SlCMDW1DDwtTBIeWYYZLvptS42+vGVTeQ8v5SejmVzZkzuUdzu3p4sb3IcA==
+  dependencies:
+    "@storybook/global" "^5.0.0"
+    dequal "^2.0.2"
+    lodash "^4.17.21"
+    ts-dedent "^2.0.0"
+
+"@storybook/addon-docs@8.3.6", "@storybook/addon-docs@^8.1.10":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.3.6.tgz"
+  integrity sha512-31Rk1TOhDIzGM2wNCUIB1xKuWtArW0D2Puua9warEXlQ3FtvwmxnPrwbIzw6ufYZDWPwl9phDYTcRh8WqZIoGg==
+  dependencies:
+    "@mdx-js/react" "^3.0.0"
+    "@storybook/blocks" "8.3.6"
+    "@storybook/csf-plugin" "8.3.6"
+    "@storybook/global" "^5.0.0"
+    "@storybook/react-dom-shim" "8.3.6"
+    "@types/react" "^16.8.0 || ^17.0.0 || ^18.0.0"
+    fs-extra "^11.1.0"
+    react "^16.8.0 || ^17.0.0 || ^18.0.0"
+    react-dom "^16.8.0 || ^17.0.0 || ^18.0.0"
+    rehype-external-links "^3.0.0"
+    rehype-slug "^6.0.0"
+    ts-dedent "^2.0.0"
+
+"@storybook/addon-essentials@^8.1.10":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.3.6.tgz"
+  integrity sha512-MQPFvThlGU7wlda1xhBPQCmDh90cSSZ31OsVs1uC5kJh0aLbY2gYXPurq1G54kzrYo8SMfBxsXrCplz8Ir6UTg==
+  dependencies:
+    "@storybook/addon-actions" "8.3.6"
+    "@storybook/addon-backgrounds" "8.3.6"
+    "@storybook/addon-controls" "8.3.6"
+    "@storybook/addon-docs" "8.3.6"
+    "@storybook/addon-highlight" "8.3.6"
+    "@storybook/addon-measure" "8.3.6"
+    "@storybook/addon-outline" "8.3.6"
+    "@storybook/addon-toolbars" "8.3.6"
+    "@storybook/addon-viewport" "8.3.6"
+    ts-dedent "^2.0.0"
+
+"@storybook/addon-highlight@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.3.6.tgz"
+  integrity sha512-A7uU+1OPVXGpkklEUJjSl2VEEDLCSNvmffUJlvW1GjajsNFIHOW2CSD+KnfFlQyPxyVbnWAYLqUP4XJxoqrvDw==
+  dependencies:
+    "@storybook/global" "^5.0.0"
+
+"@storybook/addon-interactions@^8.1.10":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.3.6.tgz"
+  integrity sha512-Y0YUJj0oE1+6DFkaTPXM/8+dwTSoy0ltj2Sn2KOTJYzxKQYXBp8TlUv0QOQiGH7o/GKXIWek/VlTuvG/JEeiWw==
+  dependencies:
+    "@storybook/global" "^5.0.0"
+    "@storybook/instrumenter" "8.3.6"
+    "@storybook/test" "8.3.6"
+    polished "^4.2.2"
+    ts-dedent "^2.2.0"
+
+"@storybook/addon-links@^8.1.10":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.3.6.tgz"
+  integrity sha512-EGEH/kEjndEldbqyiJ8XSASkxqwzL/lgA/+6mHpa6Ljxhk1s5IMGcdA1ymJYJ2BpNdkUxRj/uxAa38eGcQiJ/g==
+  dependencies:
+    "@storybook/csf" "^0.1.11"
+    "@storybook/global" "^5.0.0"
+    ts-dedent "^2.0.0"
+
+"@storybook/addon-measure@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.3.6.tgz"
+  integrity sha512-VHWeGgYjhzhwb2WAqYW/qyEPqg5pwKR/XqFfd+3tEirUs/64olL1l3lzLwZ8Cm07cJ81T8Z4myywb9kObZfQlw==
+  dependencies:
+    "@storybook/global" "^5.0.0"
+    tiny-invariant "^1.3.1"
+
+"@storybook/addon-onboarding@^8.1.10":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-onboarding/-/addon-onboarding-8.3.6.tgz"
+  integrity sha512-DvwtK3k5docaO7ZO0LRXL1myCwOnW2X+e9c383GEk9AykgL5otzkMjxRZ1rSAw39q/WIE9H0vBvUmzGVRpUm+A==
+  dependencies:
+    react-confetti "^6.1.0"
+
+"@storybook/addon-outline@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.3.6.tgz"
+  integrity sha512-+VXpM8SIHX2cn30qLlMvER9/6iioFRSn2sAfLniqy4RrcQmcMP+qgE7ZzbzExt7cneJh3VFsYqBS/HElu14Vgg==
+  dependencies:
+    "@storybook/global" "^5.0.0"
+    ts-dedent "^2.0.0"
+
+"@storybook/addon-toolbars@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.3.6.tgz"
+  integrity sha512-FJH+lRoZXENfpMR/G09ZqB0TmL/k6bv07GN1ysoVs420tKRgjfz6uXaZz5COrhcdISr5mTNmG+mw9x7xXTfX3Q==
+
+"@storybook/addon-viewport@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.3.6.tgz"
+  integrity sha512-bL51v837W1cng/+0pypkoLsWKWmvux96zLOzqLCpcWAQ4OSMhW3foIWpCiFwMG/KY+GanoOocTx6i7j5hLtuTA==
+  dependencies:
+    memoizerific "^1.11.3"
+
+"@storybook/blocks@8.3.6", "@storybook/blocks@^8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.3.6.tgz"
+  integrity sha512-Oc5jU6EzfsENjrd91KcKyEKBh60RT+8uyLi1RIrymC2C/mzZMTEoNIrbnQt0eIqbjlHxn6y9JMJxHu4NJ4EmZg==
+  dependencies:
+    "@storybook/csf" "^0.1.11"
+    "@storybook/global" "^5.0.0"
+    "@storybook/icons" "^1.2.10"
+    "@types/lodash" "^4.14.167"
+    color-convert "^2.0.1"
+    dequal "^2.0.2"
+    lodash "^4.17.21"
+    markdown-to-jsx "^7.4.5"
+    memoizerific "^1.11.3"
+    polished "^4.2.2"
+    react-colorful "^5.1.2"
+    telejson "^7.2.0"
+    ts-dedent "^2.0.0"
+    util-deprecate "^1.0.2"
+
+"@storybook/builder-webpack5@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.3.6.tgz"
+  integrity sha512-Eqn2k8aA9f0o6IMQNAxGAMfSDeTP3YYCQAtOL5Gt5lgrqLV5JMTbZOfmaRBZ82ej/BBSAopnQKIJjQBBFx6kAQ==
+  dependencies:
+    "@storybook/core-webpack" "8.3.6"
+    "@types/node" "^22.0.0"
+    "@types/semver" "^7.3.4"
+    browser-assert "^1.2.1"
+    case-sensitive-paths-webpack-plugin "^2.4.0"
+    cjs-module-lexer "^1.2.3"
+    constants-browserify "^1.0.0"
+    css-loader "^6.7.1"
+    es-module-lexer "^1.5.0"
+    express "^4.19.2"
+    fork-ts-checker-webpack-plugin "^8.0.0"
+    fs-extra "^11.1.0"
+    html-webpack-plugin "^5.5.0"
+    magic-string "^0.30.5"
+    path-browserify "^1.0.1"
+    process "^0.11.10"
+    semver "^7.3.7"
+    style-loader "^3.3.1"
+    terser-webpack-plugin "^5.3.1"
+    ts-dedent "^2.0.0"
+    url "^0.11.0"
+    util "^0.12.4"
+    util-deprecate "^1.0.2"
+    webpack "5"
+    webpack-dev-middleware "^6.1.2"
+    webpack-hot-middleware "^2.25.1"
+    webpack-virtual-modules "^0.6.0"
+
+"@storybook/components@^8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/components/-/components-8.3.6.tgz"
+  integrity sha512-TXuoGZY7X3iixF45lXkYOFk8k2q9OHcqHyHyem1gATLLQXgyOvDgzm+VB7uKBNzssRQPEE+La70nfG8bq/viRw==
+
+"@storybook/core-webpack@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.3.6.tgz"
+  integrity sha512-ks306CFKD7FePQzRYyTjddiLsSriceblzv4rI+IjVtftkJvcEbxub2yWkV27kPP/e9kSd4Li3M34bX5mkiwkZA==
+  dependencies:
+    "@types/node" "^22.0.0"
+    ts-dedent "^2.0.0"
+
+"@storybook/core@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/core/-/core-8.3.6.tgz"
+  integrity sha512-frwfgf0EJ7QL29DWZ5bla/g0eOOWqJGd14t+VUBlpP920zB6sdDfo7+p9JoCjD9u08lGeFDqbPNKayUk+0qDag==
+  dependencies:
+    "@storybook/csf" "^0.1.11"
+    "@types/express" "^4.17.21"
+    better-opn "^3.0.2"
+    browser-assert "^1.2.1"
+    esbuild "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0"
+    esbuild-register "^3.5.0"
+    express "^4.19.2"
+    jsdoc-type-pratt-parser "^4.0.0"
+    process "^0.11.10"
+    recast "^0.23.5"
+    semver "^7.6.2"
+    util "^0.12.5"
+    ws "^8.2.3"
+
+"@storybook/csf-plugin@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.3.6.tgz"
+  integrity sha512-TJyJPFejO6Gyr3+bXqE/+LomQbivvfHEbee/GwtlRj0XF4KQlqnvuEdEdcK25JbD0NXT8AbyncEUmjoxE7ojQw==
+  dependencies:
+    unplugin "^1.3.1"
+
+"@storybook/csf@^0.0.1":
+  version "0.0.1"
+  resolved "https://registry.npmjs.org/@storybook/csf/-/csf-0.0.1.tgz"
+  integrity sha512-USTLkZze5gkel8MYCujSRBVIrUQ3YPBrLOx7GNk/0wttvVtlzWXAq9eLbQ4p/NicGxP+3T7KPEMVV//g+yubpw==
+  dependencies:
+    lodash "^4.17.15"
+
+"@storybook/csf@^0.1.11":
+  version "0.1.11"
+  resolved "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.11.tgz"
+  integrity sha512-dHYFQH3mA+EtnCkHXzicbLgsvzYjcDJ1JWsogbItZogkPHgSJM/Wr71uMkcvw8v9mmCyP4NpXJuu6bPoVsOnzg==
+  dependencies:
+    type-fest "^2.19.0"
+
+"@storybook/global@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz"
+  integrity sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==
+
+"@storybook/icons@^1.2.10":
+  version "1.2.12"
+  resolved "https://registry.npmjs.org/@storybook/icons/-/icons-1.2.12.tgz"
+  integrity sha512-UxgyK5W3/UV4VrI3dl6ajGfHM4aOqMAkFLWe2KibeQudLf6NJpDrDMSHwZj+3iKC4jFU7dkKbbtH2h/al4sW3Q==
+
+"@storybook/instrumenter@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.3.6.tgz"
+  integrity sha512-0RowbKwoB/s7rtymlnKNiyWN1Z3ZK5mwgzVjlRmzxDL8hrdi5KDjTNExuJTRR3ZaBP2RR0/I3m/n0p9JhHAZvg==
+  dependencies:
+    "@storybook/global" "^5.0.0"
+    "@vitest/utils" "^2.0.5"
+    util "^0.12.4"
+
+"@storybook/manager-api@^8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.3.6.tgz"
+  integrity sha512-Xt5VFZcL+G/9uzaHjzWFhxRNrP+4rPhSRKEvCZorAbC9+Hv+ZDs1JSZS5wMb4WKpXBZ0rwDVOLwngqbVtfRHuQ==
+
+"@storybook/nextjs@^8.1.10":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/nextjs/-/nextjs-8.3.6.tgz"
+  integrity sha512-jNrEcS26OER645kJ3nMuSSgu8BWJhEY8MM9rDlE/133A/hojTBc2vZXwSfgZ22tAc7ckrbyw2gygEUPI2rHImA==
+  dependencies:
+    "@babel/core" "^7.24.4"
+    "@babel/plugin-syntax-bigint" "^7.8.3"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-syntax-import-assertions" "^7.24.1"
+    "@babel/plugin-transform-class-properties" "^7.24.1"
+    "@babel/plugin-transform-export-namespace-from" "^7.24.1"
+    "@babel/plugin-transform-numeric-separator" "^7.24.1"
+    "@babel/plugin-transform-object-rest-spread" "^7.24.1"
+    "@babel/plugin-transform-runtime" "^7.24.3"
+    "@babel/preset-env" "^7.24.4"
+    "@babel/preset-react" "^7.24.1"
+    "@babel/preset-typescript" "^7.24.1"
+    "@babel/runtime" "^7.24.4"
+    "@pmmmwh/react-refresh-webpack-plugin" "^0.5.11"
+    "@storybook/builder-webpack5" "8.3.6"
+    "@storybook/preset-react-webpack" "8.3.6"
+    "@storybook/react" "8.3.6"
+    "@storybook/test" "8.3.6"
+    "@types/node" "^22.0.0"
+    "@types/semver" "^7.3.4"
+    babel-loader "^9.1.3"
+    css-loader "^6.7.3"
+    find-up "^5.0.0"
+    fs-extra "^11.1.0"
+    image-size "^1.0.0"
+    loader-utils "^3.2.1"
+    node-polyfill-webpack-plugin "^2.0.1"
+    pnp-webpack-plugin "^1.7.0"
+    postcss "^8.4.38"
+    postcss-loader "^8.1.1"
+    react-refresh "^0.14.0"
+    resolve-url-loader "^5.0.0"
+    sass-loader "^13.2.0"
+    semver "^7.3.5"
+    style-loader "^3.3.1"
+    styled-jsx "^5.1.6"
+    ts-dedent "^2.0.0"
+    tsconfig-paths "^4.0.0"
+    tsconfig-paths-webpack-plugin "^4.0.1"
+  optionalDependencies:
+    sharp "^0.33.3"
+
+"@storybook/preset-react-webpack@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-8.3.6.tgz"
+  integrity sha512-Ar0vhJITXa4xsXT3RdgYZ2mhXxE3jfUisQzsITey5a2RVgnSBIENggmRZ/6j1oVgEXFthbarNEsebGiA+2vDZg==
+  dependencies:
+    "@storybook/core-webpack" "8.3.6"
+    "@storybook/react" "8.3.6"
+    "@storybook/react-docgen-typescript-plugin" "1.0.6--canary.9.0c3f3b7.0"
+    "@types/node" "^22.0.0"
+    "@types/semver" "^7.3.4"
+    find-up "^5.0.0"
+    fs-extra "^11.1.0"
+    magic-string "^0.30.5"
+    react-docgen "^7.0.0"
+    resolve "^1.22.8"
+    semver "^7.3.7"
+    tsconfig-paths "^4.2.0"
+    webpack "5"
+
+"@storybook/preview-api@^8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.3.6.tgz"
+  integrity sha512-/Wxvb7wbI2O2iH63arRQQyyojA630vibdshkFjuC/u1nYdptEV1jkxa0OYmbZbKCn4/ze6uH4hfsKOpDPV9SWg==
+
+"@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0":
+  version "1.0.6--canary.9.0c3f3b7.0"
+  resolved "https://registry.npmjs.org/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.6--canary.9.0c3f3b7.0.tgz"
+  integrity sha512-KUqXC3oa9JuQ0kZJLBhVdS4lOneKTOopnNBK4tUAgoxWQ3u/IjzdueZjFr7gyBrXMoU6duutk3RQR9u8ZpYJ4Q==
+  dependencies:
+    debug "^4.1.1"
+    endent "^2.0.1"
+    find-cache-dir "^3.3.1"
+    flat-cache "^3.0.4"
+    micromatch "^4.0.2"
+    react-docgen-typescript "^2.2.2"
+    tslib "^2.0.0"
+
+"@storybook/react-dom-shim@8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.3.6.tgz"
+  integrity sha512-9BO6VXIdli4GHSfiP/Z0gwAf7oQig3D/yWK2U1+91UWDV8nIAgnNBAi76U4ORC6MiK5MdkDfIikIxnLLeLnahA==
+
+"@storybook/react@8.3.6", "@storybook/react@^8.1.10":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/react/-/react-8.3.6.tgz"
+  integrity sha512-s3COryqIOYK7urgZaCPb77zlxGjPKr6dIsYmblQJcsFY2ZlG2x0Ysm8b5oRgD8Pv71hCJ0PKYA4RzDgBVYJS9A==
+  dependencies:
+    "@storybook/components" "^8.3.6"
+    "@storybook/global" "^5.0.0"
+    "@storybook/manager-api" "^8.3.6"
+    "@storybook/preview-api" "^8.3.6"
+    "@storybook/react-dom-shim" "8.3.6"
+    "@storybook/theming" "^8.3.6"
+    "@types/escodegen" "^0.0.6"
+    "@types/estree" "^0.0.51"
+    "@types/node" "^22.0.0"
+    acorn "^7.4.1"
+    acorn-jsx "^5.3.1"
+    acorn-walk "^7.2.0"
+    escodegen "^2.1.0"
+    html-tags "^3.1.0"
+    prop-types "^15.7.2"
+    react-element-to-jsx-string "^15.0.0"
+    semver "^7.3.7"
+    ts-dedent "^2.0.0"
+    type-fest "~2.19"
+    util-deprecate "^1.0.2"
+
+"@storybook/test@8.3.6", "@storybook/test@^8.1.10":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/test/-/test-8.3.6.tgz"
+  integrity sha512-WIc8LzK9jaEw+e3OiweEM2j3cppPzsWod59swuf6gDBf176EQLIyjtVc+Kh3qO4NNkcL+lwmqaLPjOxlBLaDbg==
+  dependencies:
+    "@storybook/csf" "^0.1.11"
+    "@storybook/global" "^5.0.0"
+    "@storybook/instrumenter" "8.3.6"
+    "@testing-library/dom" "10.4.0"
+    "@testing-library/jest-dom" "6.5.0"
+    "@testing-library/user-event" "14.5.2"
+    "@vitest/expect" "2.0.5"
+    "@vitest/spy" "2.0.5"
+    util "^0.12.4"
+
+"@storybook/theming@^8.3.6":
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/@storybook/theming/-/theming-8.3.6.tgz"
+  integrity sha512-LQjUk6GXRW9ELkoBKuqzQKFUW+ajfGPfVELcfs3/VQX61VhthJ4olov4bGPc04wsmmFMgN/qODxT485IwOHfPQ==
+
+"@swc/counter@^0.1.3":
+  version "0.1.3"
+  resolved "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz"
+  integrity sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==
+
+"@swc/helpers@0.5.5":
+  version "0.5.5"
+  resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz"
+  integrity sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==
+  dependencies:
+    "@swc/counter" "^0.1.3"
+    tslib "^2.4.0"
+
+"@tanstack/query-core@5.59.16":
+  version "5.59.16"
+  resolved "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.59.16.tgz"
+  integrity sha512-crHn+G3ltqb5JG0oUv6q+PMz1m1YkjpASrXTU+sYWW9pLk0t2GybUHNRqYPZWhxgjPaVGC4yp92gSFEJgYEsPw==
+
+"@tanstack/react-query@^5.56.2":
+  version "5.59.16"
+  resolved "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.59.16.tgz"
+  integrity sha512-MuyWheG47h6ERd4PKQ6V8gDyBu3ThNG22e1fRVwvq6ap3EqsFhyuxCAwhNP/03m/mLg+DAb0upgbPaX6VB+CkQ==
+  dependencies:
+    "@tanstack/query-core" "5.59.16"
+
+"@testing-library/dom@10.4.0", "@testing-library/dom@^10.4.0":
+  version "10.4.0"
+  resolved "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz"
+  integrity sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/runtime" "^7.12.5"
+    "@types/aria-query" "^5.0.1"
+    aria-query "5.3.0"
+    chalk "^4.1.0"
+    dom-accessibility-api "^0.5.9"
+    lz-string "^1.5.0"
+    pretty-format "^27.0.2"
+
+"@testing-library/jest-dom@6.5.0":
+  version "6.5.0"
+  resolved "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.5.0.tgz"
+  integrity sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==
+  dependencies:
+    "@adobe/css-tools" "^4.4.0"
+    aria-query "^5.0.0"
+    chalk "^3.0.0"
+    css.escape "^1.5.1"
+    dom-accessibility-api "^0.6.3"
+    lodash "^4.17.21"
+    redent "^3.0.0"
+
+"@testing-library/jest-dom@^6.5.0":
+  version "6.6.3"
+  resolved "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz"
+  integrity sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==
+  dependencies:
+    "@adobe/css-tools" "^4.4.0"
+    aria-query "^5.0.0"
+    chalk "^3.0.0"
+    css.escape "^1.5.1"
+    dom-accessibility-api "^0.6.3"
+    lodash "^4.17.21"
+    redent "^3.0.0"
+
+"@testing-library/react@^16.0.0":
+  version "16.0.1"
+  resolved "https://registry.npmjs.org/@testing-library/react/-/react-16.0.1.tgz"
+  integrity sha512-dSmwJVtJXmku+iocRhWOUFbrERC76TX2Mnf0ATODz8brzAZrMBbzLwQixlBSanZxR6LddK3eiwpSFZgDET1URg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+
+"@testing-library/user-event@14.5.2":
+  version "14.5.2"
+  resolved "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz"
+  integrity sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==
+
+"@tsconfig/node10@^1.0.7":
+  version "1.0.11"
+  resolved "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz"
+  integrity sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==
+
+"@tsconfig/node12@^1.0.7":
+  version "1.0.11"
+  resolved "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz"
+  integrity sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==
+
+"@tsconfig/node14@^1.0.0":
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz"
+  integrity sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==
+
+"@tsconfig/node16@^1.0.2":
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz"
+  integrity sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==
+
+"@types/aria-query@^5.0.1":
+  version "5.0.4"
+  resolved "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz"
+  integrity sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==
+
+"@types/babel__core@^7.18.0", "@types/babel__core@^7.20.5":
+  version "7.20.5"
+  resolved "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz"
+  integrity sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==
+  dependencies:
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
+
+"@types/babel__generator@*":
+  version "7.6.8"
+  resolved "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz"
+  integrity sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==
+  dependencies:
+    "@babel/types" "^7.0.0"
+
+"@types/babel__template@*":
+  version "7.4.4"
+  resolved "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz"
+  integrity sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+
+"@types/babel__traverse@*", "@types/babel__traverse@^7.18.0":
+  version "7.20.6"
+  resolved "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz"
+  integrity sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==
+  dependencies:
+    "@babel/types" "^7.20.7"
+
+"@types/body-parser@*":
+  version "1.19.5"
+  resolved "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz"
+  integrity sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/connect@*":
+  version "3.4.38"
+  resolved "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz"
+  integrity sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==
+  dependencies:
+    "@types/node" "*"
+
+"@types/debug@^4.1.7":
+  version "4.1.12"
+  resolved "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz"
+  integrity sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==
+  dependencies:
+    "@types/ms" "*"
+
+"@types/doctrine@^0.0.9":
+  version "0.0.9"
+  resolved "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz"
+  integrity sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==
+
+"@types/escodegen@^0.0.6":
+  version "0.0.6"
+  resolved "https://registry.npmjs.org/@types/escodegen/-/escodegen-0.0.6.tgz"
+  integrity sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==
+
+"@types/estree@1.0.6", "@types/estree@^1.0.0", "@types/estree@^1.0.5":
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz"
+  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
+
+"@types/estree@^0.0.51":
+  version "0.0.51"
+  resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz"
+  integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
+
+"@types/express-serve-static-core@^4.17.33":
+  version "4.19.6"
+  resolved "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz"
+  integrity sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+    "@types/send" "*"
+
+"@types/express@^4.17.21":
+  version "4.17.21"
+  resolved "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz"
+  integrity sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "^4.17.33"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/hast@^3.0.0":
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz"
+  integrity sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==
+  dependencies:
+    "@types/unist" "*"
+
+"@types/html-minifier-terser@^6.0.0":
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz"
+  integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==
+
+"@types/http-errors@*":
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz"
+  integrity sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==
+
+"@types/http-proxy@^1.17.15":
+  version "1.17.15"
+  resolved "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.15.tgz"
+  integrity sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==
+  dependencies:
+    "@types/node" "*"
+
+"@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+  version "7.0.15"
+  resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz"
+  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
+
+"@types/lodash@^4.14.167":
+  version "4.17.12"
+  resolved "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.12.tgz"
+  integrity sha512-sviUmCE8AYdaF/KIHLDJBQgeYzPBI0vf/17NaYehBJfYD1j6/L95Slh07NlyK2iNyBNaEkb3En2jRt+a8y3xZQ==
+
+"@types/luxon@^3.4.2":
+  version "3.4.2"
+  resolved "https://registry.npmjs.org/@types/luxon/-/luxon-3.4.2.tgz"
+  integrity sha512-TifLZlFudklWlMBfhubvgqTXRzLDI5pCbGa4P8a3wPyUQSW+1xQ5eDsreP9DWHX3tjq1ke96uYG/nwundroWcA==
+
+"@types/mdx@^2.0.0":
+  version "2.0.13"
+  resolved "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.13.tgz"
+  integrity sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==
+
+"@types/mime@^1":
+  version "1.3.5"
+  resolved "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz"
+  integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==
+
+"@types/ms@*":
+  version "0.7.34"
+  resolved "https://registry.npmjs.org/@types/ms/-/ms-0.7.34.tgz"
+  integrity sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==
+
+"@types/node@*", "@types/node@^20":
+  version "20.17.0"
+  resolved "https://registry.npmjs.org/@types/node/-/node-20.17.0.tgz"
+  integrity sha512-a7zRo0f0eLo9K5X9Wp5cAqTUNGzuFLDG2R7C4HY2BhcMAsxgSPuRvAC1ZB6QkuUQXf0YZAgfOX2ZyrBa2n4nHQ==
+  dependencies:
+    undici-types "~6.19.2"
+
+"@types/node@22.7.5":
+  version "22.7.5"
+  resolved "https://registry.npmjs.org/@types/node/-/node-22.7.5.tgz"
+  integrity sha512-jML7s2NAzMWc//QSJ1a3prpk78cOPchGvXJsC3C6R6PSMoooztvRVQEz89gmBTBY1SPMaqo5teB4uNHPdetShQ==
+  dependencies:
+    undici-types "~6.19.2"
+
+"@types/node@^22.0.0":
+  version "22.7.9"
+  resolved "https://registry.npmjs.org/@types/node/-/node-22.7.9.tgz"
+  integrity sha512-jrTfRC7FM6nChvU7X2KqcrgquofrWLFDeYC1hKfwNWomVvrn7JIksqf344WN2X/y8xrgqBd2dJATZV4GbatBfg==
+  dependencies:
+    undici-types "~6.19.2"
+
+"@types/parse-json@^4.0.0":
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz"
+  integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
+
+"@types/prop-types@*":
+  version "15.7.13"
+  resolved "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz"
+  integrity sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==
+
+"@types/qs@*":
+  version "6.9.16"
+  resolved "https://registry.npmjs.org/@types/qs/-/qs-6.9.16.tgz"
+  integrity sha512-7i+zxXdPD0T4cKDuxCUXJ4wHcsJLwENa6Z3dCu8cfCK743OGy5Nu1RmAGqDPsoTDINVEcdXKRvR/zre+P2Ku1A==
+
+"@types/range-parser@*":
+  version "1.2.7"
+  resolved "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz"
+  integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
+
+"@types/react-dom@^18":
+  version "18.3.1"
+  resolved "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.1.tgz"
+  integrity sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react@*", "@types/react@^16.8.0 || ^17.0.0 || ^18.0.0", "@types/react@^18":
+  version "18.3.12"
+  resolved "https://registry.npmjs.org/@types/react/-/react-18.3.12.tgz"
+  integrity sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^3.0.2"
+
+"@types/resolve@^1.20.2":
+  version "1.20.6"
+  resolved "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.6.tgz"
+  integrity sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==
+
+"@types/semver@^7.3.12", "@types/semver@^7.3.4":
+  version "7.5.8"
+  resolved "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz"
+  integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==
+
+"@types/send@*":
+  version "0.17.4"
+  resolved "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz"
+  integrity sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==
+  dependencies:
+    "@types/mime" "^1"
+    "@types/node" "*"
+
+"@types/serve-static@*":
+  version "1.15.7"
+  resolved "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz"
+  integrity sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==
+  dependencies:
+    "@types/http-errors" "*"
+    "@types/node" "*"
+    "@types/send" "*"
+
+"@types/sinonjs__fake-timers@8.1.1":
+  version "8.1.1"
+  resolved "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz"
+  integrity sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==
+
+"@types/sizzle@^2.3.2":
+  version "2.3.9"
+  resolved "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.9.tgz"
+  integrity sha512-xzLEyKB50yqCUPUJkIsrVvoWNfFUbIZI+RspLWt8u+tIW/BetMBZtgV2LY/2o+tYH8dRvQ+eoPf3NdhQCcLE2w==
+
+"@types/trusted-types@^2.0.2":
+  version "2.0.7"
+  resolved "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz"
+  integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
+
+"@types/unist@*", "@types/unist@^3.0.0":
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz"
+  integrity sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==
+
+"@types/uuid@^9.0.1":
+  version "9.0.8"
+  resolved "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz"
+  integrity sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==
+
+"@types/yauzl@^2.9.1":
+  version "2.10.3"
+  resolved "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz"
+  integrity sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==
+  dependencies:
+    "@types/node" "*"
+
+"@typescript-eslint/parser@^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0":
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.2.0.tgz"
+  integrity sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "7.2.0"
+    "@typescript-eslint/types" "7.2.0"
+    "@typescript-eslint/typescript-estree" "7.2.0"
+    "@typescript-eslint/visitor-keys" "7.2.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz"
+  integrity sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/visitor-keys" "5.62.0"
+
+"@typescript-eslint/scope-manager@7.2.0":
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.2.0.tgz"
+  integrity sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==
+  dependencies:
+    "@typescript-eslint/types" "7.2.0"
+    "@typescript-eslint/visitor-keys" "7.2.0"
+
+"@typescript-eslint/types@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz"
+  integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
+
+"@typescript-eslint/types@7.2.0":
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.2.0.tgz"
+  integrity sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==
+
+"@typescript-eslint/typescript-estree@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz"
+  integrity sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/visitor-keys" "5.62.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/typescript-estree@7.2.0":
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz"
+  integrity sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==
+  dependencies:
+    "@typescript-eslint/types" "7.2.0"
+    "@typescript-eslint/visitor-keys" "7.2.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    minimatch "9.0.3"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/utils@^5.62.0":
+  version "5.62.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz"
+  integrity sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@types/json-schema" "^7.0.9"
+    "@types/semver" "^7.3.12"
+    "@typescript-eslint/scope-manager" "5.62.0"
+    "@typescript-eslint/types" "5.62.0"
+    "@typescript-eslint/typescript-estree" "5.62.0"
+    eslint-scope "^5.1.1"
+    semver "^7.3.7"
+
+"@typescript-eslint/visitor-keys@5.62.0":
+  version "5.62.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz"
+  integrity sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==
+  dependencies:
+    "@typescript-eslint/types" "5.62.0"
+    eslint-visitor-keys "^3.3.0"
+
+"@typescript-eslint/visitor-keys@7.2.0":
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz"
+  integrity sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==
+  dependencies:
+    "@typescript-eslint/types" "7.2.0"
+    eslint-visitor-keys "^3.4.1"
+
+"@ungap/structured-clone@^1.0.0", "@ungap/structured-clone@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz"
+  integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
+
+"@vitejs/plugin-react@^4.3.2":
+  version "4.3.3"
+  resolved "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.3.tgz"
+  integrity sha512-NooDe9GpHGqNns1i8XDERg0Vsg5SSYRhRxxyTGogUdkdNt47jal+fbuYi+Yfq6pzRCKXyoPcWisfxE6RIM3GKA==
+  dependencies:
+    "@babel/core" "^7.25.2"
+    "@babel/plugin-transform-react-jsx-self" "^7.24.7"
+    "@babel/plugin-transform-react-jsx-source" "^7.24.7"
+    "@types/babel__core" "^7.20.5"
+    react-refresh "^0.14.2"
+
+"@vitest/expect@2.0.5":
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.5.tgz"
+  integrity sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==
+  dependencies:
+    "@vitest/spy" "2.0.5"
+    "@vitest/utils" "2.0.5"
+    chai "^5.1.1"
+    tinyrainbow "^1.2.0"
+
+"@vitest/expect@2.1.3":
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/@vitest/expect/-/expect-2.1.3.tgz"
+  integrity sha512-SNBoPubeCJhZ48agjXruCI57DvxcsivVDdWz+SSsmjTT4QN/DfHk3zB/xKsJqMs26bLZ/pNRLnCf0j679i0uWQ==
+  dependencies:
+    "@vitest/spy" "2.1.3"
+    "@vitest/utils" "2.1.3"
+    chai "^5.1.1"
+    tinyrainbow "^1.2.0"
+
+"@vitest/mocker@2.1.3":
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/@vitest/mocker/-/mocker-2.1.3.tgz"
+  integrity sha512-eSpdY/eJDuOvuTA3ASzCjdithHa+GIF1L4PqtEELl6Qa3XafdMLBpBlZCIUCX2J+Q6sNmjmxtosAG62fK4BlqQ==
+  dependencies:
+    "@vitest/spy" "2.1.3"
+    estree-walker "^3.0.3"
+    magic-string "^0.30.11"
+
+"@vitest/pretty-format@2.0.5":
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.0.5.tgz"
+  integrity sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==
+  dependencies:
+    tinyrainbow "^1.2.0"
+
+"@vitest/pretty-format@2.1.3", "@vitest/pretty-format@^2.1.3":
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.3.tgz"
+  integrity sha512-XH1XdtoLZCpqV59KRbPrIhFCOO0hErxrQCMcvnQete3Vibb9UeIOX02uFPfVn3Z9ZXsq78etlfyhnkmIZSzIwQ==
+  dependencies:
+    tinyrainbow "^1.2.0"
+
+"@vitest/runner@2.1.3":
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/@vitest/runner/-/runner-2.1.3.tgz"
+  integrity sha512-JGzpWqmFJ4fq5ZKHtVO3Xuy1iF2rHGV4d/pdzgkYHm1+gOzNZtqjvyiaDGJytRyMU54qkxpNzCx+PErzJ1/JqQ==
+  dependencies:
+    "@vitest/utils" "2.1.3"
+    pathe "^1.1.2"
+
+"@vitest/snapshot@2.1.3":
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.3.tgz"
+  integrity sha512-qWC2mWc7VAXmjAkEKxrScWHWFyCQx/cmiZtuGqMi+WwqQJ2iURsVY4ZfAK6dVo6K2smKRU6l3BPwqEBvhnpQGg==
+  dependencies:
+    "@vitest/pretty-format" "2.1.3"
+    magic-string "^0.30.11"
+    pathe "^1.1.2"
+
+"@vitest/spy@2.0.5":
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.5.tgz"
+  integrity sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==
+  dependencies:
+    tinyspy "^3.0.0"
+
+"@vitest/spy@2.1.3":
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.3.tgz"
+  integrity sha512-Nb2UzbcUswzeSP7JksMDaqsI43Sj5+Kry6ry6jQJT4b5gAK+NS9NED6mDb8FlMRCX8m5guaHCDZmqYMMWRy5nQ==
+  dependencies:
+    tinyspy "^3.0.0"
+
+"@vitest/utils@2.0.5":
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.5.tgz"
+  integrity sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==
+  dependencies:
+    "@vitest/pretty-format" "2.0.5"
+    estree-walker "^3.0.3"
+    loupe "^3.1.1"
+    tinyrainbow "^1.2.0"
+
+"@vitest/utils@2.1.3", "@vitest/utils@^2.0.5":
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.3.tgz"
+  integrity sha512-xpiVfDSg1RrYT0tX6czgerkpcKFmFOF/gCr30+Mve5V2kewCy4Prn1/NDMSRwaSmT7PRaOF83wu+bEtsY1wrvA==
+  dependencies:
+    "@vitest/pretty-format" "2.1.3"
+    loupe "^3.1.1"
+    tinyrainbow "^1.2.0"
+
+"@wagmi/connectors@5.3.3":
+  version "5.3.3"
+  resolved "https://registry.npmjs.org/@wagmi/connectors/-/connectors-5.3.3.tgz"
+  integrity sha512-RUgwgqX7H+qg1lXBhLqcG0D5xb8USlAv4MVai4r5YpRw6lxpDvELFXxHN4ldZuUARKhH7Q3ZpfvdWyEXY+wn9w==
+  dependencies:
+    "@coinbase/wallet-sdk" "4.1.0"
+    "@metamask/sdk" "0.30.1"
+    "@safe-global/safe-apps-provider" "0.18.3"
+    "@safe-global/safe-apps-sdk" "9.1.0"
+    "@walletconnect/ethereum-provider" "2.17.0"
+    cbw-sdk "npm:@coinbase/wallet-sdk@3.9.3"
+
+"@wagmi/core@2.14.1":
+  version "2.14.1"
+  resolved "https://registry.npmjs.org/@wagmi/core/-/core-2.14.1.tgz"
+  integrity sha512-Vl7VK5XdKxPfnYlp3E7U7AJSweBdfh+cd953hgAU2H+uNrekS9Nmt89l1b6WkwkYyqvccRDjsCtlcKRwvPtNAQ==
+  dependencies:
+    eventemitter3 "5.0.1"
+    mipd "0.0.7"
+    zustand "5.0.0"
+
+"@walletconnect/core@2.17.0":
+  version "2.17.0"
+  resolved "https://registry.npmjs.org/@walletconnect/core/-/core-2.17.0.tgz"
+  integrity sha512-On+uSaCfWdsMIQsECwWHZBmUXfrnqmv6B8SXRRuTJgd8tUpEvBkLQH4X7XkSm3zW6ozEkQTCagZ2ox2YPn3kbw==
+  dependencies:
+    "@walletconnect/heartbeat" "1.2.2"
+    "@walletconnect/jsonrpc-provider" "1.0.14"
+    "@walletconnect/jsonrpc-types" "1.0.4"
+    "@walletconnect/jsonrpc-utils" "1.0.8"
+    "@walletconnect/jsonrpc-ws-connection" "1.0.14"
+    "@walletconnect/keyvaluestorage" "1.1.1"
+    "@walletconnect/logger" "2.1.2"
+    "@walletconnect/relay-api" "1.0.11"
+    "@walletconnect/relay-auth" "1.0.4"
+    "@walletconnect/safe-json" "1.0.2"
+    "@walletconnect/time" "1.0.2"
+    "@walletconnect/types" "2.17.0"
+    "@walletconnect/utils" "2.17.0"
+    events "3.3.0"
+    lodash.isequal "4.5.0"
+    uint8arrays "3.1.0"
+
+"@walletconnect/environment@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@walletconnect/environment/-/environment-1.0.1.tgz"
+  integrity sha512-T426LLZtHj8e8rYnKfzsw1aG6+M0BT1ZxayMdv/p8yM0MU+eJDISqNY3/bccxRr4LrF9csq02Rhqt08Ibl0VRg==
+  dependencies:
+    tslib "1.14.1"
+
+"@walletconnect/ethereum-provider@2.17.0":
+  version "2.17.0"
+  resolved "https://registry.npmjs.org/@walletconnect/ethereum-provider/-/ethereum-provider-2.17.0.tgz"
+  integrity sha512-b+KTAXOb6JjoxkwpgYQQKPUcTwENGmdEdZoIDLeRicUmZTn/IQKfkMoC2frClB4YxkyoVMtj1oMV2JAax+yu9A==
+  dependencies:
+    "@walletconnect/jsonrpc-http-connection" "1.0.8"
+    "@walletconnect/jsonrpc-provider" "1.0.14"
+    "@walletconnect/jsonrpc-types" "1.0.4"
+    "@walletconnect/jsonrpc-utils" "1.0.8"
+    "@walletconnect/modal" "2.7.0"
+    "@walletconnect/sign-client" "2.17.0"
+    "@walletconnect/types" "2.17.0"
+    "@walletconnect/universal-provider" "2.17.0"
+    "@walletconnect/utils" "2.17.0"
+    events "3.3.0"
+
+"@walletconnect/events@1.0.1", "@walletconnect/events@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@walletconnect/events/-/events-1.0.1.tgz"
+  integrity sha512-NPTqaoi0oPBVNuLv7qPaJazmGHs5JGyO8eEAk5VGKmJzDR7AHzD4k6ilox5kxk1iwiOnFopBOOMLs86Oa76HpQ==
+  dependencies:
+    keyvaluestorage-interface "^1.0.0"
+    tslib "1.14.1"
+
+"@walletconnect/heartbeat@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/@walletconnect/heartbeat/-/heartbeat-1.2.2.tgz"
+  integrity sha512-uASiRmC5MwhuRuf05vq4AT48Pq8RMi876zV8rr8cV969uTOzWdB/k+Lj5yI2PBtB1bGQisGen7MM1GcZlQTBXw==
+  dependencies:
+    "@walletconnect/events" "^1.0.1"
+    "@walletconnect/time" "^1.0.2"
+    events "^3.3.0"
+
+"@walletconnect/jsonrpc-http-connection@1.0.8":
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/@walletconnect/jsonrpc-http-connection/-/jsonrpc-http-connection-1.0.8.tgz"
+  integrity sha512-+B7cRuaxijLeFDJUq5hAzNyef3e3tBDIxyaCNmFtjwnod5AGis3RToNqzFU33vpVcxFhofkpE7Cx+5MYejbMGw==
+  dependencies:
+    "@walletconnect/jsonrpc-utils" "^1.0.6"
+    "@walletconnect/safe-json" "^1.0.1"
+    cross-fetch "^3.1.4"
+    events "^3.3.0"
+
+"@walletconnect/jsonrpc-provider@1.0.14":
+  version "1.0.14"
+  resolved "https://registry.npmjs.org/@walletconnect/jsonrpc-provider/-/jsonrpc-provider-1.0.14.tgz"
+  integrity sha512-rtsNY1XqHvWj0EtITNeuf8PHMvlCLiS3EjQL+WOkxEOA4KPxsohFnBDeyPYiNm4ZvkQdLnece36opYidmtbmow==
+  dependencies:
+    "@walletconnect/jsonrpc-utils" "^1.0.8"
+    "@walletconnect/safe-json" "^1.0.2"
+    events "^3.3.0"
+
+"@walletconnect/jsonrpc-types@1.0.4", "@walletconnect/jsonrpc-types@^1.0.2", "@walletconnect/jsonrpc-types@^1.0.3":
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/@walletconnect/jsonrpc-types/-/jsonrpc-types-1.0.4.tgz"
+  integrity sha512-P6679fG/M+wuWg9TY8mh6xFSdYnFyFjwFelxyISxMDrlbXokorEVXYOxiqEbrU3x1BmBoCAJJ+vtEaEoMlpCBQ==
+  dependencies:
+    events "^3.3.0"
+    keyvaluestorage-interface "^1.0.0"
+
+"@walletconnect/jsonrpc-utils@1.0.8", "@walletconnect/jsonrpc-utils@^1.0.6", "@walletconnect/jsonrpc-utils@^1.0.8":
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/@walletconnect/jsonrpc-utils/-/jsonrpc-utils-1.0.8.tgz"
+  integrity sha512-vdeb03bD8VzJUL6ZtzRYsFMq1eZQcM3EAzT0a3st59dyLfJ0wq+tKMpmGH7HlB7waD858UWgfIcudbPFsbzVdw==
+  dependencies:
+    "@walletconnect/environment" "^1.0.1"
+    "@walletconnect/jsonrpc-types" "^1.0.3"
+    tslib "1.14.1"
+
+"@walletconnect/jsonrpc-ws-connection@1.0.14":
+  version "1.0.14"
+  resolved "https://registry.npmjs.org/@walletconnect/jsonrpc-ws-connection/-/jsonrpc-ws-connection-1.0.14.tgz"
+  integrity sha512-Jsl6fC55AYcbkNVkwNM6Jo+ufsuCQRqViOQ8ZBPH9pRREHH9welbBiszuTLqEJiQcO/6XfFDl6bzCJIkrEi8XA==
+  dependencies:
+    "@walletconnect/jsonrpc-utils" "^1.0.6"
+    "@walletconnect/safe-json" "^1.0.2"
+    events "^3.3.0"
+    ws "^7.5.1"
+
+"@walletconnect/keyvaluestorage@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@walletconnect/keyvaluestorage/-/keyvaluestorage-1.1.1.tgz"
+  integrity sha512-V7ZQq2+mSxAq7MrRqDxanTzu2RcElfK1PfNYiaVnJgJ7Q7G7hTVwF8voIBx92qsRyGHZihrwNPHuZd1aKkd0rA==
+  dependencies:
+    "@walletconnect/safe-json" "^1.0.1"
+    idb-keyval "^6.2.1"
+    unstorage "^1.9.0"
+
+"@walletconnect/logger@2.1.2":
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/@walletconnect/logger/-/logger-2.1.2.tgz"
+  integrity sha512-aAb28I3S6pYXZHQm5ESB+V6rDqIYfsnHaQyzFbwUUBFY4H0OXx/YtTl8lvhUNhMMfb9UxbwEBS253TlXUYJWSw==
+  dependencies:
+    "@walletconnect/safe-json" "^1.0.2"
+    pino "7.11.0"
+
+"@walletconnect/modal-core@2.7.0":
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/@walletconnect/modal-core/-/modal-core-2.7.0.tgz"
+  integrity sha512-oyMIfdlNdpyKF2kTJowTixZSo0PGlCJRdssUN/EZdA6H6v03hZnf09JnwpljZNfir2M65Dvjm/15nGrDQnlxSA==
+  dependencies:
+    valtio "1.11.2"
+
+"@walletconnect/modal-ui@2.7.0":
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/@walletconnect/modal-ui/-/modal-ui-2.7.0.tgz"
+  integrity sha512-gERYvU7D7K1ANCN/8vUgsE0d2hnRemfAFZ2novm9aZBg7TEd/4EgB+AqbJ+1dc7GhOL6dazckVq78TgccHb7mQ==
+  dependencies:
+    "@walletconnect/modal-core" "2.7.0"
+    lit "2.8.0"
+    motion "10.16.2"
+    qrcode "1.5.3"
+
+"@walletconnect/modal@2.7.0":
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/@walletconnect/modal/-/modal-2.7.0.tgz"
+  integrity sha512-RQVt58oJ+rwqnPcIvRFeMGKuXb9qkgSmwz4noF8JZGUym3gUAzVs+uW2NQ1Owm9XOJAV+sANrtJ+VoVq1ftElw==
+  dependencies:
+    "@walletconnect/modal-core" "2.7.0"
+    "@walletconnect/modal-ui" "2.7.0"
+
+"@walletconnect/relay-api@1.0.11":
+  version "1.0.11"
+  resolved "https://registry.npmjs.org/@walletconnect/relay-api/-/relay-api-1.0.11.tgz"
+  integrity sha512-tLPErkze/HmC9aCmdZOhtVmYZq1wKfWTJtygQHoWtgg722Jd4homo54Cs4ak2RUFUZIGO2RsOpIcWipaua5D5Q==
+  dependencies:
+    "@walletconnect/jsonrpc-types" "^1.0.2"
+
+"@walletconnect/relay-auth@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/@walletconnect/relay-auth/-/relay-auth-1.0.4.tgz"
+  integrity sha512-kKJcS6+WxYq5kshpPaxGHdwf5y98ZwbfuS4EE/NkQzqrDFm5Cj+dP8LofzWvjrrLkZq7Afy7WrQMXdLy8Sx7HQ==
+  dependencies:
+    "@stablelib/ed25519" "^1.0.2"
+    "@stablelib/random" "^1.0.1"
+    "@walletconnect/safe-json" "^1.0.1"
+    "@walletconnect/time" "^1.0.2"
+    tslib "1.14.1"
+    uint8arrays "^3.0.0"
+
+"@walletconnect/safe-json@1.0.2", "@walletconnect/safe-json@^1.0.1", "@walletconnect/safe-json@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/@walletconnect/safe-json/-/safe-json-1.0.2.tgz"
+  integrity sha512-Ogb7I27kZ3LPC3ibn8ldyUr5544t3/STow9+lzz7Sfo808YD7SBWk7SAsdBFlYgP2zDRy2hS3sKRcuSRM0OTmA==
+  dependencies:
+    tslib "1.14.1"
+
+"@walletconnect/sign-client@2.17.0":
+  version "2.17.0"
+  resolved "https://registry.npmjs.org/@walletconnect/sign-client/-/sign-client-2.17.0.tgz"
+  integrity sha512-sErYwvSSHQolNXni47L3Bm10ptJc1s1YoJvJd34s5E9h9+d3rj7PrhbiW9X82deN+Dm5oA8X9tC4xty1yIBrVg==
+  dependencies:
+    "@walletconnect/core" "2.17.0"
+    "@walletconnect/events" "1.0.1"
+    "@walletconnect/heartbeat" "1.2.2"
+    "@walletconnect/jsonrpc-utils" "1.0.8"
+    "@walletconnect/logger" "2.1.2"
+    "@walletconnect/time" "1.0.2"
+    "@walletconnect/types" "2.17.0"
+    "@walletconnect/utils" "2.17.0"
+    events "3.3.0"
+
+"@walletconnect/time@1.0.2", "@walletconnect/time@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/@walletconnect/time/-/time-1.0.2.tgz"
+  integrity sha512-uzdd9woDcJ1AaBZRhqy5rNC9laqWGErfc4dxA9a87mPdKOgWMD85mcFo9dIYIts/Jwocfwn07EC6EzclKubk/g==
+  dependencies:
+    tslib "1.14.1"
+
+"@walletconnect/types@2.17.0":
+  version "2.17.0"
+  resolved "https://registry.npmjs.org/@walletconnect/types/-/types-2.17.0.tgz"
+  integrity sha512-i1pn9URpvt9bcjRDkabuAmpA9K7mzyKoLJlbsAujRVX7pfaG7wur7u9Jz0bk1HxvuABL5LHNncTnVKSXKQ5jZA==
+  dependencies:
+    "@walletconnect/events" "1.0.1"
+    "@walletconnect/heartbeat" "1.2.2"
+    "@walletconnect/jsonrpc-types" "1.0.4"
+    "@walletconnect/keyvaluestorage" "1.1.1"
+    "@walletconnect/logger" "2.1.2"
+    events "3.3.0"
+
+"@walletconnect/universal-provider@2.17.0":
+  version "2.17.0"
+  resolved "https://registry.npmjs.org/@walletconnect/universal-provider/-/universal-provider-2.17.0.tgz"
+  integrity sha512-d3V5Be7AqLrvzcdMZSBS8DmGDRdqnyLk1DWmRKAGgR6ieUWykhhUKlvfeoZtvJrIXrY7rUGYpH1X41UtFkW5Pw==
+  dependencies:
+    "@walletconnect/jsonrpc-http-connection" "1.0.8"
+    "@walletconnect/jsonrpc-provider" "1.0.14"
+    "@walletconnect/jsonrpc-types" "1.0.4"
+    "@walletconnect/jsonrpc-utils" "1.0.8"
+    "@walletconnect/logger" "2.1.2"
+    "@walletconnect/sign-client" "2.17.0"
+    "@walletconnect/types" "2.17.0"
+    "@walletconnect/utils" "2.17.0"
+    events "3.3.0"
+
+"@walletconnect/utils@2.17.0":
+  version "2.17.0"
+  resolved "https://registry.npmjs.org/@walletconnect/utils/-/utils-2.17.0.tgz"
+  integrity sha512-1aeQvjwsXy4Yh9G6g2eGmXrEl+BzkNjHRdCrGdMYqFTFa8ROEJfTGsSH3pLsNDlOY94CoBUvJvM55q/PMoN/FQ==
+  dependencies:
+    "@stablelib/chacha20poly1305" "1.0.1"
+    "@stablelib/hkdf" "1.0.1"
+    "@stablelib/random" "1.0.2"
+    "@stablelib/sha256" "1.0.1"
+    "@stablelib/x25519" "1.0.3"
+    "@walletconnect/relay-api" "1.0.11"
+    "@walletconnect/relay-auth" "1.0.4"
+    "@walletconnect/safe-json" "1.0.2"
+    "@walletconnect/time" "1.0.2"
+    "@walletconnect/types" "2.17.0"
+    "@walletconnect/window-getters" "1.0.1"
+    "@walletconnect/window-metadata" "1.0.1"
+    detect-browser "5.3.0"
+    elliptic "^6.5.7"
+    query-string "7.1.3"
+    uint8arrays "3.1.0"
+
+"@walletconnect/window-getters@1.0.1", "@walletconnect/window-getters@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@walletconnect/window-getters/-/window-getters-1.0.1.tgz"
+  integrity sha512-vHp+HqzGxORPAN8gY03qnbTMnhqIwjeRJNOMOAzePRg4xVEEE2WvYsI9G2NMjOknA8hnuYbU3/hwLcKbjhc8+Q==
+  dependencies:
+    tslib "1.14.1"
+
+"@walletconnect/window-metadata@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@walletconnect/window-metadata/-/window-metadata-1.0.1.tgz"
+  integrity sha512-9koTqyGrM2cqFRW517BPY/iEtUDx2r1+Pwwu5m7sJ7ka79wi3EyqhqcICk/yDmv6jAS1rjKgTKXlEhanYjijcA==
+  dependencies:
+    "@walletconnect/window-getters" "^1.0.1"
+    tslib "1.14.1"
+
+"@webassemblyjs/ast@1.12.1", "@webassemblyjs/ast@^1.12.1":
+  version "1.12.1"
+  resolved "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz"
+  integrity sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==
+  dependencies:
+    "@webassemblyjs/helper-numbers" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+
+"@webassemblyjs/floating-point-hex-parser@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz"
+  integrity sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==
+
+"@webassemblyjs/helper-api-error@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz"
+  integrity sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==
+
+"@webassemblyjs/helper-buffer@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz"
+  integrity sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==
+
+"@webassemblyjs/helper-numbers@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz"
+  integrity sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser" "1.11.6"
+    "@webassemblyjs/helper-api-error" "1.11.6"
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/helper-wasm-bytecode@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz"
+  integrity sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==
+
+"@webassemblyjs/helper-wasm-section@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz"
+  integrity sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-buffer" "1.12.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/wasm-gen" "1.12.1"
+
+"@webassemblyjs/ieee754@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz"
+  integrity sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
+"@webassemblyjs/leb128@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz"
+  integrity sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/utf8@1.11.6":
+  version "1.11.6"
+  resolved "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz"
+  integrity sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==
+
+"@webassemblyjs/wasm-edit@^1.12.1":
+  version "1.12.1"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz"
+  integrity sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-buffer" "1.12.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/helper-wasm-section" "1.12.1"
+    "@webassemblyjs/wasm-gen" "1.12.1"
+    "@webassemblyjs/wasm-opt" "1.12.1"
+    "@webassemblyjs/wasm-parser" "1.12.1"
+    "@webassemblyjs/wast-printer" "1.12.1"
+
+"@webassemblyjs/wasm-gen@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz"
+  integrity sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/ieee754" "1.11.6"
+    "@webassemblyjs/leb128" "1.11.6"
+    "@webassemblyjs/utf8" "1.11.6"
+
+"@webassemblyjs/wasm-opt@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz"
+  integrity sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-buffer" "1.12.1"
+    "@webassemblyjs/wasm-gen" "1.12.1"
+    "@webassemblyjs/wasm-parser" "1.12.1"
+
+"@webassemblyjs/wasm-parser@1.12.1", "@webassemblyjs/wasm-parser@^1.12.1":
+  version "1.12.1"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz"
+  integrity sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@webassemblyjs/helper-api-error" "1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode" "1.11.6"
+    "@webassemblyjs/ieee754" "1.11.6"
+    "@webassemblyjs/leb128" "1.11.6"
+    "@webassemblyjs/utf8" "1.11.6"
+
+"@webassemblyjs/wast-printer@1.12.1":
+  version "1.12.1"
+  resolved "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz"
+  integrity sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==
+  dependencies:
+    "@webassemblyjs/ast" "1.12.1"
+    "@xtuc/long" "4.2.2"
+
+"@xtuc/ieee754@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz"
+  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
+
+"@xtuc/long@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz"
+  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
+
+abitype@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/abitype/-/abitype-1.0.6.tgz"
+  integrity sha512-MMSqYh4+C/aVqI2RQaWqbvI4Kxo5cQV40WQ4QFtDnNzCkqChm8MuENhElmynZlO0qUy/ObkEUaXtKqYnx1Kp3A==
+
+abort-controller@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz"
+  integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
+  dependencies:
+    event-target-shim "^5.0.0"
+
+accepts@~1.3.8:
+  version "1.3.8"
+  resolved "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz"
+  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
+acorn-import-attributes@^1.9.5:
+  version "1.9.5"
+  resolved "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz"
+  integrity sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==
+
+acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn-walk@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+
+acorn-walk@^8.1.1:
+  version "8.3.4"
+  resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz"
+  integrity sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==
+  dependencies:
+    acorn "^8.11.0"
+
+acorn@^7.4.1:
+  version "7.4.1"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
+  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
+
+acorn@^8.11.0, acorn@^8.12.1, acorn@^8.4.1, acorn@^8.7.1, acorn@^8.8.2, acorn@^8.9.0:
+  version "8.13.0"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-8.13.0.tgz"
+  integrity sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==
+
+adjust-sourcemap-loader@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz"
+  integrity sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==
+  dependencies:
+    loader-utils "^2.0.0"
+    regex-parser "^2.2.11"
+
+aes-js@4.0.0-beta.5:
+  version "4.0.0-beta.5"
+  resolved "https://registry.npmjs.org/aes-js/-/aes-js-4.0.0-beta.5.tgz"
+  integrity sha512-G965FqalsNyrPqgEGON7nIx1e/OVENSgiEIzyC63haUMuvNnwIgIjMs52hlTCKhkBny7A2ORNlfY9Zu+jmGk1Q==
+
+agent-base@^7.0.2, agent-base@^7.1.0:
+  version "7.1.1"
+  resolved "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz"
+  integrity sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==
+  dependencies:
+    debug "^4.3.4"
+
+aggregate-error@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz"
+  integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
+  dependencies:
+    clean-stack "^2.0.0"
+    indent-string "^4.0.0"
+
+ajv-formats@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz"
+  integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
+  dependencies:
+    ajv "^8.0.0"
+
+ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+ajv-keywords@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz"
+  integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+
+ajv@^6.12.4, ajv@^6.12.5:
+  version "6.12.6"
+  resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ajv@^8.0.0, ajv@^8.9.0:
+  version "8.17.1"
+  resolved "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz"
+  integrity sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    fast-uri "^3.0.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+
+ansi-colors@^4.1.1:
+  version "4.1.3"
+  resolved "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz"
+  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
+
+ansi-escapes@^4.3.0:
+  version "4.3.2"
+  resolved "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz"
+  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
+  dependencies:
+    type-fest "^0.21.3"
+
+ansi-html-community@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz"
+  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
+
+ansi-html@^0.0.9:
+  version "0.0.9"
+  resolved "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.9.tgz"
+  integrity sha512-ozbS3LuenHVxNRh/wdnN16QapUHzauqSomAl1jwwJRRsGwFwtj644lIhxfWu0Fy0acCij2+AEgHvjscq3dlVXg==
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-regex@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz"
+  integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
+
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+ansi-styles@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz"
+  integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
+
+ansi-styles@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz"
+  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
+
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
+anymatch@^3.1.3, anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+arch@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz"
+  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
+
+arg@^4.1.0:
+  version "4.1.3"
+  resolved "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz"
+  integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
+
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+aria-hidden@^1.1.1:
+  version "1.2.4"
+  resolved "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz"
+  integrity sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==
+  dependencies:
+    tslib "^2.0.0"
+
+aria-query@5.3.0, aria-query@^5.0.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz"
+  integrity sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==
+  dependencies:
+    dequal "^2.0.3"
+
+aria-query@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz"
+  integrity sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==
+
+array-buffer-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz"
+  integrity sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==
+  dependencies:
+    call-bind "^1.0.5"
+    is-array-buffer "^3.0.4"
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz"
+  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
+
+array-includes@^3.1.6, array-includes@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz"
+  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    is-string "^1.0.7"
+
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
+array.prototype.findlast@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz"
+  integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.findlastindex@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz"
+  integrity sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flat@^1.3.1, array.prototype.flat@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz"
+  integrity sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.flatmap@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz"
+  integrity sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.tosorted@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz"
+  integrity sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+    es-errors "^1.3.0"
+    es-shim-unscopables "^1.0.2"
+
+arraybuffer.prototype.slice@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz"
+  integrity sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    es-abstract "^1.22.3"
+    es-errors "^1.2.1"
+    get-intrinsic "^1.2.3"
+    is-array-buffer "^3.0.4"
+    is-shared-array-buffer "^1.0.2"
+
+asn1.js@^4.10.1:
+  version "4.10.1"
+  resolved "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz"
+  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
+  dependencies:
+    bn.js "^4.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+asn1@~0.2.3:
+  version "0.2.6"
+  resolved "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz"
+  integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==
+  dependencies:
+    safer-buffer "~2.1.0"
+
+assert-plus@1.0.0, assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz"
+  integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
+
+assert@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz"
+  integrity sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==
+  dependencies:
+    call-bind "^1.0.2"
+    is-nan "^1.3.2"
+    object-is "^1.1.5"
+    object.assign "^4.1.4"
+    util "^0.12.5"
+
+assertion-error@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz"
+  integrity sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==
+
+ast-types-flow@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz"
+  integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
+
+ast-types@^0.16.1:
+  version "0.16.1"
+  resolved "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz"
+  integrity sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==
+  dependencies:
+    tslib "^2.0.1"
+
+astral-regex@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz"
+  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
+
+async-mutex@^0.2.6:
+  version "0.2.6"
+  resolved "https://registry.npmjs.org/async-mutex/-/async-mutex-0.2.6.tgz"
+  integrity sha512-Hs4R+4SPgamu6rSGW8C7cV9gaWUKEHykfzCCvIRuaVv636Ju10ZdeUbvb4TBEW0INuq2DHZqXbK4Nd3yG4RaRw==
+  dependencies:
+    tslib "^2.0.0"
+
+async@^3.2.0:
+  version "3.2.6"
+  resolved "https://registry.npmjs.org/async/-/async-3.2.6.tgz"
+  integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
+atomic-sleep@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz"
+  integrity sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==
+
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
+aws-sign2@~0.7.0:
+  version "0.7.0"
+  resolved "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz"
+  integrity sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==
+
+aws4@^1.8.0:
+  version "1.13.2"
+  resolved "https://registry.npmjs.org/aws4/-/aws4-1.13.2.tgz"
+  integrity sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==
+
+axe-core@^4.10.0:
+  version "4.10.2"
+  resolved "https://registry.npmjs.org/axe-core/-/axe-core-4.10.2.tgz"
+  integrity sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==
+
+axios@^1.7.4, axios@^1.7.7:
+  version "1.7.7"
+  resolved "https://registry.npmjs.org/axios/-/axios-1.7.7.tgz"
+  integrity sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==
+  dependencies:
+    follow-redirects "^1.15.6"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
+axobject-query@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz"
+  integrity sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==
+
+babel-loader@^9.1.3:
+  version "9.2.1"
+  resolved "https://registry.npmjs.org/babel-loader/-/babel-loader-9.2.1.tgz"
+  integrity sha512-fqe8naHt46e0yIdkjUZYqddSXfej3AHajX+CSO5X7oy0EmPc6o5Xh+RClNoHjnieWz9AW4kZxW9yyFMhVB1QLA==
+  dependencies:
+    find-cache-dir "^4.0.0"
+    schema-utils "^4.0.0"
+
+babel-plugin-polyfill-corejs2@^0.4.10:
+  version "0.4.11"
+  resolved "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.11.tgz"
+  integrity sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==
+  dependencies:
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.6.2"
+    semver "^6.3.1"
+
+babel-plugin-polyfill-corejs3@^0.10.6:
+  version "0.10.6"
+  resolved "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz"
+  integrity sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.6.2"
+    core-js-compat "^3.38.0"
+
+babel-plugin-polyfill-regenerator@^0.6.1:
+  version "0.6.2"
+  resolved "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz"
+  integrity sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.6.2"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+base64-js@^1.3.1:
+  version "1.5.1"
+  resolved "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
+
+bcrypt-pbkdf@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz"
+  integrity sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==
+  dependencies:
+    tweetnacl "^0.14.3"
+
+better-opn@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz"
+  integrity sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==
+  dependencies:
+    open "^8.0.4"
+
+big.js@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz"
+  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
+
+binary-extensions@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
+
+blob-util@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz"
+  integrity sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==
+
+bluebird@3.7.2, bluebird@^3.7.2:
+  version "3.7.2"
+  resolved "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
+
+bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.9:
+  version "4.12.0"
+  resolved "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz"
+  integrity sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==
+
+bn.js@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz"
+  integrity sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==
+
+body-parser@1.20.3:
+  version "1.20.3"
+  resolved "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz"
+  integrity sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.5"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.13.0"
+    raw-body "2.5.2"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
+bowser@^2.9.0:
+  version "2.11.0"
+  resolved "https://registry.npmjs.org/bowser/-/bowser-2.11.0.tgz"
+  integrity sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
+brorand@^1.0.1, brorand@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz"
+  integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
+
+browser-assert@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz"
+  integrity sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==
+
+browserify-aes@^1.0.4, browserify-aes@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz"
+  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
+  dependencies:
+    buffer-xor "^1.0.3"
+    cipher-base "^1.0.0"
+    create-hash "^1.1.0"
+    evp_bytestokey "^1.0.3"
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+browserify-cipher@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz"
+  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
+  dependencies:
+    browserify-aes "^1.0.4"
+    browserify-des "^1.0.0"
+    evp_bytestokey "^1.0.0"
+
+browserify-des@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz"
+  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
+  dependencies:
+    cipher-base "^1.0.1"
+    des.js "^1.0.0"
+    inherits "^2.0.1"
+    safe-buffer "^5.1.2"
+
+browserify-rsa@^4.0.0, browserify-rsa@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.1.tgz"
+  integrity sha512-YBjSAiTqM04ZVei6sXighu679a3SqWORA3qZTEqZImnlkDIFtKc6pNutpjyZ8RJTjQtuYfeetkxM11GwoYXMIQ==
+  dependencies:
+    bn.js "^5.2.1"
+    randombytes "^2.1.0"
+    safe-buffer "^5.2.1"
+
+browserify-sign@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.3.tgz"
+  integrity sha512-JWCZW6SKhfhjJxO8Tyiiy+XYB7cqd2S5/+WeYHsKdNKFlCBhKbblba1A/HN/90YwtxKc8tCErjffZl++UNmGiw==
+  dependencies:
+    bn.js "^5.2.1"
+    browserify-rsa "^4.1.0"
+    create-hash "^1.2.0"
+    create-hmac "^1.1.7"
+    elliptic "^6.5.5"
+    hash-base "~3.0"
+    inherits "^2.0.4"
+    parse-asn1 "^5.1.7"
+    readable-stream "^2.3.8"
+    safe-buffer "^5.2.1"
+
+browserify-zlib@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz"
+  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
+  dependencies:
+    pako "~1.0.5"
+
+browserslist@^4.21.10, browserslist@^4.23.3, browserslist@^4.24.0:
+  version "4.24.2"
+  resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz"
+  integrity sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==
+  dependencies:
+    caniuse-lite "^1.0.30001669"
+    electron-to-chromium "^1.5.41"
+    node-releases "^2.0.18"
+    update-browserslist-db "^1.1.1"
+
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz"
+  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
+buffer-from@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
+buffer-xor@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz"
+  integrity sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==
+
+buffer@^5.7.1:
+  version "5.7.1"
+  resolved "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
+buffer@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz"
+  integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.2.1"
+
+bufferutil@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.8.tgz"
+  integrity sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==
+  dependencies:
+    node-gyp-build "^4.3.0"
+
+builtin-status-codes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz"
+  integrity sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==
+
+busboy@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz"
+  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
+  dependencies:
+    streamsearch "^1.1.0"
+
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
+cac@^6.7.14:
+  version "6.7.14"
+  resolved "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz"
+  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
+
+cachedir@^2.3.0:
+  version "2.4.0"
+  resolved "https://registry.npmjs.org/cachedir/-/cachedir-2.4.0.tgz"
+  integrity sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==
+
+call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz"
+  integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.1"
+
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
+camel-case@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+camelcase@^5.0.0:
+  version "5.3.1"
+  resolved "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz"
+  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
+
+caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001669:
+  version "1.0.30001669"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz"
+  integrity sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==
+
+canvas-renderer@~2.2.0:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/canvas-renderer/-/canvas-renderer-2.2.1.tgz"
+  integrity sha512-RrBgVL5qCEDIXpJ6NrzyRNoTnXxYarqm/cS/W6ERhUJts5UQtt/XPEosGN3rqUkZ4fjBArlnCbsISJ+KCFnIAg==
+  dependencies:
+    "@types/node" "*"
+
+case-sensitive-paths-webpack-plugin@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz"
+  integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
+
+caseless@~0.12.0:
+  version "0.12.0"
+  resolved "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz"
+  integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==
+
+"cbw-sdk@npm:@coinbase/wallet-sdk@3.9.3":
+  version "3.9.3"
+  resolved "https://registry.npmjs.org/@coinbase/wallet-sdk/-/wallet-sdk-3.9.3.tgz"
+  integrity sha512-N/A2DRIf0Y3PHc1XAMvbBUu4zisna6qAdqABMZwBMNEfWrXpAwx16pZGkYCLGE+Rvv1edbcB2LYDRnACNcmCiw==
+  dependencies:
+    bn.js "^5.2.1"
+    buffer "^6.0.3"
+    clsx "^1.2.1"
+    eth-block-tracker "^7.1.0"
+    eth-json-rpc-filters "^6.0.0"
+    eventemitter3 "^5.0.1"
+    keccak "^3.0.3"
+    preact "^10.16.0"
+    sha.js "^2.4.11"
+
+chai@^5.1.1:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/chai/-/chai-5.1.2.tgz"
+  integrity sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==
+  dependencies:
+    assertion-error "^2.0.1"
+    check-error "^2.1.1"
+    deep-eql "^5.0.1"
+    loupe "^3.1.0"
+    pathval "^2.0.0"
+
+chalk@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz"
+  integrity sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+check-error@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz"
+  integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==
+
+check-more-types@2.24.0, check-more-types@^2.24.0:
+  version "2.24.0"
+  resolved "https://registry.npmjs.org/check-more-types/-/check-more-types-2.24.0.tgz"
+  integrity sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==
+
+chokidar@^3.5.3, chokidar@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+chromatic@^11.4.0:
+  version "11.15.0"
+  resolved "https://registry.npmjs.org/chromatic/-/chromatic-11.15.0.tgz"
+  integrity sha512-5WBm+akQnxsdJv7A//XBafYxk88RJYmRjOh61lVitbPCIN2J9jcsQR+hYApnInmQsWRZvO8GKkMy7SdTlnm1dg==
+
+chrome-trace-event@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz"
+  integrity sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==
+
+ci-info@^3.2.0:
+  version "3.9.0"
+  resolved "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz"
+  integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
+
+cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz"
+  integrity sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+citty@^0.1.5, citty@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz"
+  integrity sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==
+  dependencies:
+    consola "^3.2.3"
+
+cjs-module-lexer@^1.2.3:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.1.tgz"
+  integrity sha512-cuSVIHi9/9E/+821Qjdvngor+xpnlwnuwIyZOaLmHBVdXL+gP+I6QQB9VkO7RI77YIcTV+S1W9AreJ5eN63JBA==
+
+class-variance-authority@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.0.tgz"
+  integrity sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==
+  dependencies:
+    clsx "2.0.0"
+
+clean-css@^5.2.2:
+  version "5.3.3"
+  resolved "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz"
+  integrity sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==
+  dependencies:
+    source-map "~0.6.0"
+
+clean-stack@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz"
+  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
+
+cli-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz"
+  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
+  dependencies:
+    restore-cursor "^3.1.0"
+
+cli-table3@~0.6.1:
+  version "0.6.5"
+  resolved "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.5.tgz"
+  integrity sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==
+  dependencies:
+    string-width "^4.2.0"
+  optionalDependencies:
+    "@colors/colors" "1.5.0"
+
+cli-truncate@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz"
+  integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
+  dependencies:
+    slice-ansi "^3.0.0"
+    string-width "^4.2.0"
+
+client-only@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz"
+  integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
+
+clipboardy@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/clipboardy/-/clipboardy-4.0.0.tgz"
+  integrity sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==
+  dependencies:
+    execa "^8.0.1"
+    is-wsl "^3.1.0"
+    is64bit "^2.0.0"
+
+cliui@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz"
+  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^6.2.0"
+
+clsx@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz"
+  integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
+
+clsx@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz"
+  integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
+
+clsx@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz"
+  integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
+color-name@^1.0.0, color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+color-string@^1.9.0:
+  version "1.9.1"
+  resolved "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz"
+  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
+color@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/color/-/color-4.2.3.tgz"
+  integrity sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==
+  dependencies:
+    color-convert "^2.0.1"
+    color-string "^1.9.0"
+
+colorette@^2.0.10, colorette@^2.0.16, colorette@^2.0.7:
+  version "2.0.20"
+  resolved "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz"
+  integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
+
+combined-stream@^1.0.8, combined-stream@~1.0.6:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
+commander@^2.20.0:
+  version "2.20.3"
+  resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+commander@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz"
+  integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
+
+commander@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz"
+  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+
+common-path-prefix@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz"
+  integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==
+
+common-tags@^1.8.0:
+  version "1.8.2"
+  resolved "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz"
+  integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz"
+  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+confbox@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz"
+  integrity sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==
+
+consola@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz"
+  integrity sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==
+
+console-browserify@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz"
+  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
+
+constants-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz"
+  integrity sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==
+
+content-disposition@0.5.4:
+  version "0.5.4"
+  resolved "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@~1.0.4, content-type@~1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
+convert-source-map@^1.7.0:
+  version "1.9.0"
+  resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
+cookie-es@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/cookie-es/-/cookie-es-1.2.2.tgz"
+  integrity sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz"
+  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
+
+cookie@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz"
+  integrity sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==
+
+core-js-compat@^3.38.0, core-js-compat@^3.38.1:
+  version "3.38.1"
+  resolved "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.38.1.tgz"
+  integrity sha512-JRH6gfXxGmrzF3tZ57lFx97YARxCXPaMzPo6jELZhv88pBH5VXpQ+y0znKGlFnzuaihqhLbefxSJxWJMPtfDzw==
+  dependencies:
+    browserslist "^4.23.3"
+
+core-js-pure@^3.23.3:
+  version "3.38.1"
+  resolved "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.38.1.tgz"
+  integrity sha512-BY8Etc1FZqdw1glX0XNOq2FDwfrg/VGqoZOZCdaL+UmdaqDwQwYXkMJT4t6In+zfEfOJDcM9T0KdbBeJg8KKCQ==
+
+core-util-is@1.0.2, core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz"
+  integrity sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==
+
+cosmiconfig@^7.0.1:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+cosmiconfig@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz"
+  integrity sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==
+  dependencies:
+    env-paths "^2.2.1"
+    import-fresh "^3.3.0"
+    js-yaml "^4.1.0"
+    parse-json "^5.2.0"
+
+crc-32@^1.2.0:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz"
+  integrity sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==
+
+create-ecdh@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz"
+  integrity sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==
+  dependencies:
+    bn.js "^4.1.0"
+    elliptic "^6.5.3"
+
+create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz"
+  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
+  dependencies:
+    cipher-base "^1.0.1"
+    inherits "^2.0.1"
+    md5.js "^1.3.4"
+    ripemd160 "^2.0.1"
+    sha.js "^2.4.0"
+
+create-hmac@^1.1.4, create-hmac@^1.1.7:
+  version "1.1.7"
+  resolved "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz"
+  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
+  dependencies:
+    cipher-base "^1.0.3"
+    create-hash "^1.1.0"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+create-require@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz"
+  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
+
+cross-fetch@^3.1.4:
+  version "3.1.8"
+  resolved "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.8.tgz"
+  integrity sha512-cvA+JwZoU0Xq+h6WkMvAUqPEYy92Obet6UdKLfW60qn99ftItKjB5T+BkyWOFWe2pUyfQ+IJHmpOTznqk1M6Kg==
+  dependencies:
+    node-fetch "^2.6.12"
+
+cross-fetch@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/cross-fetch/-/cross-fetch-4.0.0.tgz"
+  integrity sha512-e4a5N8lVvuLgAWgnCrLr2PP0YyDOTHa9H/Rj54dirp61qXnNq46m82bRhNqIA5VccJtWBvPTFRV3TtvHUKPB1g==
+  dependencies:
+    node-fetch "^2.6.12"
+
+cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+  version "7.0.6"
+  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+"crossws@>=0.2.0 <0.4.0":
+  version "0.3.1"
+  resolved "https://registry.npmjs.org/crossws/-/crossws-0.3.1.tgz"
+  integrity sha512-HsZgeVYaG+b5zA+9PbIPGq4+J/CJynJuearykPsXx4V/eMhyQ5EDVg3Ak2FBZtVXCiOLu/U7IiwDHTr9MA+IKw==
+  dependencies:
+    uncrypto "^0.1.3"
+
+crypto-browserify@^3.12.0:
+  version "3.12.1"
+  resolved "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.1.tgz"
+  integrity sha512-r4ESw/IlusD17lgQi1O20Fa3qNnsckR126TdUuBgAu7GBYSIPvdNyONd3Zrxh0xCwA4+6w/TDArBPsMvhur+KQ==
+  dependencies:
+    browserify-cipher "^1.0.1"
+    browserify-sign "^4.2.3"
+    create-ecdh "^4.0.4"
+    create-hash "^1.2.0"
+    create-hmac "^1.1.7"
+    diffie-hellman "^5.0.3"
+    hash-base "~3.0.4"
+    inherits "^2.0.4"
+    pbkdf2 "^3.1.2"
+    public-encrypt "^4.0.3"
+    randombytes "^2.1.0"
+    randomfill "^1.0.4"
+
+css-loader@^6.7.1, css-loader@^6.7.3:
+  version "6.11.0"
+  resolved "https://registry.npmjs.org/css-loader/-/css-loader-6.11.0.tgz"
+  integrity sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==
+  dependencies:
+    icss-utils "^5.1.0"
+    postcss "^8.4.33"
+    postcss-modules-extract-imports "^3.1.0"
+    postcss-modules-local-by-default "^4.0.5"
+    postcss-modules-scope "^3.2.0"
+    postcss-modules-values "^4.0.0"
+    postcss-value-parser "^4.2.0"
+    semver "^7.5.4"
+
+css-select@^4.1.3:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
+css.escape@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz"
+  integrity sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+cssstyle@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/cssstyle/-/cssstyle-4.1.0.tgz"
+  integrity sha512-h66W1URKpBS5YMI/V8PyXvTMFT8SupJ1IzoIV8IeBC/ji8WVmrO8dGlTi+2dh6whmdk6BiKJLD/ZBkhWbcg6nA==
+  dependencies:
+    rrweb-cssom "^0.7.1"
+
+csstype@^3.0.2:
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz"
+  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
+
+cypress@^13.11.0:
+  version "13.15.0"
+  resolved "https://registry.npmjs.org/cypress/-/cypress-13.15.0.tgz"
+  integrity sha512-53aO7PwOfi604qzOkCSzNlWquCynLlKE/rmmpSPcziRH6LNfaDUAklQT6WJIsD8ywxlIy+uVZsnTMCCQVd2kTw==
+  dependencies:
+    "@cypress/request" "^3.0.4"
+    "@cypress/xvfb" "^1.2.4"
+    "@types/sinonjs__fake-timers" "8.1.1"
+    "@types/sizzle" "^2.3.2"
+    arch "^2.2.0"
+    blob-util "^2.0.2"
+    bluebird "^3.7.2"
+    buffer "^5.7.1"
+    cachedir "^2.3.0"
+    chalk "^4.1.0"
+    check-more-types "^2.24.0"
+    cli-cursor "^3.1.0"
+    cli-table3 "~0.6.1"
+    commander "^6.2.1"
+    common-tags "^1.8.0"
+    dayjs "^1.10.4"
+    debug "^4.3.4"
+    enquirer "^2.3.6"
+    eventemitter2 "6.4.7"
+    execa "4.1.0"
+    executable "^4.1.1"
+    extract-zip "2.0.1"
+    figures "^3.2.0"
+    fs-extra "^9.1.0"
+    getos "^3.2.1"
+    is-ci "^3.0.1"
+    is-installed-globally "~0.4.0"
+    lazy-ass "^1.6.0"
+    listr2 "^3.8.3"
+    lodash "^4.17.21"
+    log-symbols "^4.0.0"
+    minimist "^1.2.8"
+    ospath "^1.2.2"
+    pretty-bytes "^5.6.0"
+    process "^0.11.10"
+    proxy-from-env "1.0.0"
+    request-progress "^3.0.0"
+    semver "^7.5.3"
+    supports-color "^8.1.1"
+    tmp "~0.2.3"
+    untildify "^4.0.0"
+    yauzl "^2.10.0"
+
+damerau-levenshtein@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz"
+  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
+
+dashdash@^1.12.0:
+  version "1.14.1"
+  resolved "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz"
+  integrity sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==
+  dependencies:
+    assert-plus "^1.0.0"
+
+data-urls@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz"
+  integrity sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==
+  dependencies:
+    whatwg-mimetype "^4.0.0"
+    whatwg-url "^14.0.0"
+
+data-view-buffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz"
+  integrity sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz"
+  integrity sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-offset@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz"
+  integrity sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+date-fns@^2.29.3:
+  version "2.30.0"
+  resolved "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz"
+  integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+
+dateformat@^4.6.3:
+  version "4.6.3"
+  resolved "https://registry.npmjs.org/dateformat/-/dateformat-4.6.3.tgz"
+  integrity sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==
+
+dayjs@^1.10.4:
+  version "1.11.13"
+  resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz"
+  integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==
+
+debug@2.6.9:
+  version "2.6.9"
+  resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
+debug@4, debug@4.3.7, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.6, debug@~4.3.1, debug@~4.3.2:
+  version "4.3.7"
+  resolved "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz"
+  integrity sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==
+  dependencies:
+    ms "^2.1.3"
+
+debug@^3.1.0, debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+decamelize@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz"
+  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
+
+decimal.js@^10.4.3:
+  version "10.4.3"
+  resolved "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz"
+  integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
+
+decode-uri-component@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz"
+  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
+
+dedent@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz"
+  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
+
+deep-eql@^5.0.1:
+  version "5.0.2"
+  resolved "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz"
+  integrity sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==
+
+deep-is@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+deepmerge@^4.2.2:
+  version "4.3.1"
+  resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
+define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+defu@^6.1.4:
+  version "6.1.4"
+  resolved "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz"
+  integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
+dequal@^2.0.2, dequal@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz"
+  integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
+
+des.js@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz"
+  integrity sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==
+  dependencies:
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+destr@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/destr/-/destr-2.0.3.tgz"
+  integrity sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==
+
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
+detect-browser@5.3.0, detect-browser@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/detect-browser/-/detect-browser-5.3.0.tgz"
+  integrity sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==
+
+detect-libc@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz"
+  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
+
+detect-libc@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz"
+  integrity sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==
+
+detect-node-es@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz"
+  integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
+
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
+diff@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz"
+  integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
+
+diffie-hellman@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz"
+  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
+  dependencies:
+    bn.js "^4.1.0"
+    miller-rabin "^4.0.0"
+    randombytes "^2.0.0"
+
+dijkstrajs@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz"
+  integrity sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==
+
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+dom-accessibility-api@^0.5.9:
+  version "0.5.16"
+  resolved "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz"
+  integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==
+
+dom-accessibility-api@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz"
+  integrity sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==
+
+dom-converter@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz"
+  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
+  dependencies:
+    utila "~0.4"
+
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
+domain-browser@^4.22.0:
+  version "4.23.0"
+  resolved "https://registry.npmjs.org/domain-browser/-/domain-browser-4.23.0.tgz"
+  integrity sha512-ArzcM/II1wCCujdCNyQjXrAFwS4mrLh4C7DZWlaI8mdh7h3BfKdNd3bKXITfl2PT9FtfQqaGvhi1vPRQPimjGA==
+
+domelementtype@^2.0.1, domelementtype@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+domutils@^2.5.2, domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+dotenv@^16.4.5:
+  version "16.4.5"
+  resolved "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz"
+  integrity sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==
+
+duplexer@~0.1.1:
+  version "0.1.2"
+  resolved "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz"
+  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
+
+duplexify@^4.1.2:
+  version "4.1.3"
+  resolved "https://registry.npmjs.org/duplexify/-/duplexify-4.1.3.tgz"
+  integrity sha512-M3BmBhwJRZsSx38lZyhE53Csddgzl5R7xGJNk7CVddZD6CcmwMCH8J+7AprIrQKH7TonKxaCjcv27Qmf+sQ+oA==
+  dependencies:
+    end-of-stream "^1.4.1"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+    stream-shift "^1.0.2"
+
+eastasianwidth@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz"
+  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
+
+ecc-jsbn@~0.1.1:
+  version "0.1.2"
+  resolved "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz"
+  integrity sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==
+  dependencies:
+    jsbn "~0.1.0"
+    safer-buffer "^2.1.0"
+
+eciesjs@^0.4.8:
+  version "0.4.10"
+  resolved "https://registry.npmjs.org/eciesjs/-/eciesjs-0.4.10.tgz"
+  integrity sha512-dYAgdXAC7/d9fEC0w6kpRWj5vHah2BQgMM639g78JI0FUUffMN2Mq60HEHPkyH8ah+FX+cQd6ouDK4kWiatzyw==
+  dependencies:
+    "@ecies/ciphers" "^0.2.0"
+    "@noble/ciphers" "^1.0.0"
+    "@noble/curves" "^1.6.0"
+    "@noble/hashes" "^1.5.0"
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
+electron-to-chromium@^1.5.41:
+  version "1.5.45"
+  resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.45.tgz"
+  integrity sha512-vOzZS6uZwhhbkZbcRyiy99Wg+pYFV5hk+5YaECvx0+Z31NR3Tt5zS6dze2OepT6PCTzVzT0dIJItti+uAW5zmw==
+
+elliptic@^6.5.3, elliptic@^6.5.5, elliptic@^6.5.7:
+  version "6.6.0"
+  resolved "https://registry.npmjs.org/elliptic/-/elliptic-6.6.0.tgz"
+  integrity sha512-dpwoQcLc/2WLQvJvLRHKZ+f9FgOdjnq11rurqwekGQygGPsYSK29OMMD2WalatiqQ+XGFDglTNixpPfI+lpaAA==
+  dependencies:
+    bn.js "^4.11.9"
+    brorand "^1.1.0"
+    hash.js "^1.0.0"
+    hmac-drbg "^1.0.1"
+    inherits "^2.0.4"
+    minimalistic-assert "^1.0.1"
+    minimalistic-crypto-utils "^1.0.1"
+
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
+emoji-regex@^9.2.2:
+  version "9.2.2"
+  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+encode-utf8@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/encode-utf8/-/encode-utf8-1.0.3.tgz"
+  integrity sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw==
+
+encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz"
+  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
+encodeurl@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz"
+  integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
+
+encoding@^0.1.13:
+  version "0.1.13"
+  resolved "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz"
+  integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
+  dependencies:
+    iconv-lite "^0.6.2"
+
+end-of-stream@^1.1.0, end-of-stream@^1.4.0, end-of-stream@^1.4.1:
+  version "1.4.4"
+  resolved "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
+endent@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/endent/-/endent-2.1.0.tgz"
+  integrity sha512-r8VyPX7XL8U01Xgnb1CjZ3XV+z90cXIJ9JPE/R9SEC9vpw2P6CfsRPJmp20DppC5N7ZAMCmjYkJIa744Iyg96w==
+  dependencies:
+    dedent "^0.7.0"
+    fast-json-parse "^1.0.3"
+    objectorarray "^1.0.5"
+
+engine.io-client@~6.6.1:
+  version "6.6.2"
+  resolved "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.6.2.tgz"
+  integrity sha512-TAr+NKeoVTjEVW8P3iHguO1LO6RlUz9O5Y8o7EY0fU+gY1NYqas7NN3slpFtbXEsLMHk0h90fJMfKjRkQ0qUIw==
+  dependencies:
+    "@socket.io/component-emitter" "~3.1.0"
+    debug "~4.3.1"
+    engine.io-parser "~5.2.1"
+    ws "~8.17.1"
+    xmlhttprequest-ssl "~2.1.1"
+
+engine.io-parser@~5.2.1:
+  version "5.2.3"
+  resolved "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz"
+  integrity sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==
+
+enhanced-resolve@^5.15.0, enhanced-resolve@^5.17.1, enhanced-resolve@^5.7.0:
+  version "5.17.1"
+  resolved "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz"
+  integrity sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+enquirer@^2.3.6:
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz"
+  integrity sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==
+  dependencies:
+    ansi-colors "^4.1.1"
+    strip-ansi "^6.0.1"
+
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
+entities@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
+env-paths@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
+error-stack-parser@^2.0.6:
+  version "2.1.4"
+  resolved "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz"
+  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
+  dependencies:
+    stackframe "^1.3.4"
+
+es-abstract@^1.17.5, es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0, es-abstract@^1.23.1, es-abstract@^1.23.2, es-abstract@^1.23.3:
+  version "1.23.3"
+  resolved "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz"
+  integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    arraybuffer.prototype.slice "^1.0.3"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    data-view-buffer "^1.0.1"
+    data-view-byte-length "^1.0.1"
+    data-view-byte-offset "^1.0.0"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.0.3"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.6"
+    get-intrinsic "^1.2.4"
+    get-symbol-description "^1.0.2"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.0.3"
+    has-symbols "^1.0.3"
+    hasown "^2.0.2"
+    internal-slot "^1.0.7"
+    is-array-buffer "^3.0.4"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.1"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.3"
+    is-string "^1.0.7"
+    is-typed-array "^1.1.13"
+    is-weakref "^1.0.2"
+    object-inspect "^1.13.1"
+    object-keys "^1.1.1"
+    object.assign "^4.1.5"
+    regexp.prototype.flags "^1.5.2"
+    safe-array-concat "^1.1.2"
+    safe-regex-test "^1.0.3"
+    string.prototype.trim "^1.2.9"
+    string.prototype.trimend "^1.0.8"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.2"
+    typed-array-byte-length "^1.0.1"
+    typed-array-byte-offset "^1.0.2"
+    typed-array-length "^1.0.6"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.15"
+
+es-define-property@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz"
+  integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+
+es-errors@^1.2.1, es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-iterator-helpers@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.1.0.tgz"
+  integrity sha512-/SurEfycdyssORP/E+bj4sEu1CWw4EmLDsHynHwSXQ7utgbrMRWW195pTrCjFgFCddf/UkYm3oqKPRq5i8bJbw==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+    es-errors "^1.3.0"
+    es-set-tostringtag "^2.0.3"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    globalthis "^1.0.4"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.0.3"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.7"
+    iterator.prototype "^1.1.3"
+    safe-array-concat "^1.1.2"
+
+es-module-lexer@^1.2.1, es-module-lexer@^1.5.0:
+  version "1.5.4"
+  resolved "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz"
+  integrity sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==
+
+es-object-atoms@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz"
+  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz"
+  integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.1"
+
+es-shim-unscopables@^1.0.0, es-shim-unscopables@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz"
+  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
+  dependencies:
+    hasown "^2.0.0"
+
+es-to-primitive@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz"
+  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
+  dependencies:
+    is-callable "^1.1.4"
+    is-date-object "^1.0.1"
+    is-symbol "^1.0.2"
+
+esbuild-register@^3.5.0:
+  version "3.6.0"
+  resolved "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.6.0.tgz"
+  integrity sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==
+  dependencies:
+    debug "^4.3.4"
+
+"esbuild@^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0":
+  version "0.23.1"
+  resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.23.1.tgz"
+  integrity sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==
+  optionalDependencies:
+    "@esbuild/aix-ppc64" "0.23.1"
+    "@esbuild/android-arm" "0.23.1"
+    "@esbuild/android-arm64" "0.23.1"
+    "@esbuild/android-x64" "0.23.1"
+    "@esbuild/darwin-arm64" "0.23.1"
+    "@esbuild/darwin-x64" "0.23.1"
+    "@esbuild/freebsd-arm64" "0.23.1"
+    "@esbuild/freebsd-x64" "0.23.1"
+    "@esbuild/linux-arm" "0.23.1"
+    "@esbuild/linux-arm64" "0.23.1"
+    "@esbuild/linux-ia32" "0.23.1"
+    "@esbuild/linux-loong64" "0.23.1"
+    "@esbuild/linux-mips64el" "0.23.1"
+    "@esbuild/linux-ppc64" "0.23.1"
+    "@esbuild/linux-riscv64" "0.23.1"
+    "@esbuild/linux-s390x" "0.23.1"
+    "@esbuild/linux-x64" "0.23.1"
+    "@esbuild/netbsd-x64" "0.23.1"
+    "@esbuild/openbsd-arm64" "0.23.1"
+    "@esbuild/openbsd-x64" "0.23.1"
+    "@esbuild/sunos-x64" "0.23.1"
+    "@esbuild/win32-arm64" "0.23.1"
+    "@esbuild/win32-ia32" "0.23.1"
+    "@esbuild/win32-x64" "0.23.1"
+
+esbuild@^0.21.3:
+  version "0.21.5"
+  resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz"
+  integrity sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==
+  optionalDependencies:
+    "@esbuild/aix-ppc64" "0.21.5"
+    "@esbuild/android-arm" "0.21.5"
+    "@esbuild/android-arm64" "0.21.5"
+    "@esbuild/android-x64" "0.21.5"
+    "@esbuild/darwin-arm64" "0.21.5"
+    "@esbuild/darwin-x64" "0.21.5"
+    "@esbuild/freebsd-arm64" "0.21.5"
+    "@esbuild/freebsd-x64" "0.21.5"
+    "@esbuild/linux-arm" "0.21.5"
+    "@esbuild/linux-arm64" "0.21.5"
+    "@esbuild/linux-ia32" "0.21.5"
+    "@esbuild/linux-loong64" "0.21.5"
+    "@esbuild/linux-mips64el" "0.21.5"
+    "@esbuild/linux-ppc64" "0.21.5"
+    "@esbuild/linux-riscv64" "0.21.5"
+    "@esbuild/linux-s390x" "0.21.5"
+    "@esbuild/linux-x64" "0.21.5"
+    "@esbuild/netbsd-x64" "0.21.5"
+    "@esbuild/openbsd-x64" "0.21.5"
+    "@esbuild/sunos-x64" "0.21.5"
+    "@esbuild/win32-arm64" "0.21.5"
+    "@esbuild/win32-ia32" "0.21.5"
+    "@esbuild/win32-x64" "0.21.5"
+
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
+escape-string-regexp@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz"
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+escodegen@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz"
+  integrity sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==
+  dependencies:
+    esprima "^4.0.1"
+    estraverse "^5.2.0"
+    esutils "^2.0.2"
+  optionalDependencies:
+    source-map "~0.6.1"
+
+eslint-config-next@14.2.3:
+  version "14.2.3"
+  resolved "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.2.3.tgz"
+  integrity sha512-ZkNztm3Q7hjqvB1rRlOX8P9E/cXRL9ajRcs8jufEtwMfTVYRqnmtnaSu57QqHyBlovMuiB8LEzfLBkh5RYV6Fg==
+  dependencies:
+    "@next/eslint-plugin-next" "14.2.3"
+    "@rushstack/eslint-patch" "^1.3.3"
+    "@typescript-eslint/parser" "^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0"
+    eslint-import-resolver-node "^0.3.6"
+    eslint-import-resolver-typescript "^3.5.2"
+    eslint-plugin-import "^2.28.1"
+    eslint-plugin-jsx-a11y "^6.7.1"
+    eslint-plugin-react "^7.33.2"
+    eslint-plugin-react-hooks "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+
+eslint-config-prettier@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz"
+  integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
+
+eslint-import-resolver-node@^0.3.6, eslint-import-resolver-node@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
+  dependencies:
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
+
+eslint-import-resolver-typescript@^3.5.2:
+  version "3.6.3"
+  resolved "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.3.tgz"
+  integrity sha512-ud9aw4szY9cCT1EWWdGv1L1XR6hh2PaRWif0j2QjQ0pgTY/69iw+W0Z4qZv5wHahOl8isEr+k/JnyAqNQkLkIA==
+  dependencies:
+    "@nolyfill/is-core-module" "1.0.39"
+    debug "^4.3.5"
+    enhanced-resolve "^5.15.0"
+    eslint-module-utils "^2.8.1"
+    fast-glob "^3.3.2"
+    get-tsconfig "^4.7.5"
+    is-bun-module "^1.0.2"
+    is-glob "^4.0.3"
+
+eslint-module-utils@^2.12.0, eslint-module-utils@^2.8.1:
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz"
+  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
+  dependencies:
+    debug "^3.2.7"
+
+eslint-plugin-import@^2.28.1:
+  version "2.31.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz"
+  integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==
+  dependencies:
+    "@rtsao/scc" "^1.1.0"
+    array-includes "^3.1.8"
+    array.prototype.findlastindex "^1.2.5"
+    array.prototype.flat "^1.3.2"
+    array.prototype.flatmap "^1.3.2"
+    debug "^3.2.7"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.9"
+    eslint-module-utils "^2.12.0"
+    hasown "^2.0.2"
+    is-core-module "^2.15.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    object.groupby "^1.0.3"
+    object.values "^1.2.0"
+    semver "^6.3.1"
+    string.prototype.trimend "^1.0.8"
+    tsconfig-paths "^3.15.0"
+
+eslint-plugin-jsx-a11y@^6.7.1:
+  version "6.10.1"
+  resolved "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.1.tgz"
+  integrity sha512-zHByM9WTUMnfsDTafGXRiqxp6lFtNoSOWBY6FonVRn3A+BUwN1L/tdBXT40BcBJi0cZjOGTXZ0eD/rTG9fEJ0g==
+  dependencies:
+    aria-query "^5.3.2"
+    array-includes "^3.1.8"
+    array.prototype.flatmap "^1.3.2"
+    ast-types-flow "^0.0.8"
+    axe-core "^4.10.0"
+    axobject-query "^4.1.0"
+    damerau-levenshtein "^1.0.8"
+    emoji-regex "^9.2.2"
+    es-iterator-helpers "^1.1.0"
+    hasown "^2.0.2"
+    jsx-ast-utils "^3.3.5"
+    language-tags "^1.0.9"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    safe-regex-test "^1.0.3"
+    string.prototype.includes "^2.0.1"
+
+eslint-plugin-prettier@^5.1.3:
+  version "5.2.1"
+  resolved "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz"
+  integrity sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+    synckit "^0.9.1"
+
+"eslint-plugin-react-hooks@^4.5.0 || 5.0.0-canary-7118f5dd7-20230705":
+  version "5.0.0-canary-7118f5dd7-20230705"
+  resolved "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.0.0-canary-7118f5dd7-20230705.tgz"
+  integrity sha512-AZYbMo/NW9chdL7vk6HQzQhT+PvTAEVqWk9ziruUoW2kAOcN5qNyelv70e0F1VNQAbvutOC9oc+xfWycI9FxDw==
+
+eslint-plugin-react@^7.33.2:
+  version "7.37.2"
+  resolved "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.2.tgz"
+  integrity sha512-EsTAnj9fLVr/GZleBLFbj/sSuXeWmp1eXIN60ceYnZveqEaUCyW4X+Vh4WTdUhCkW4xutXYqTXCUSyqD4rB75w==
+  dependencies:
+    array-includes "^3.1.8"
+    array.prototype.findlast "^1.2.5"
+    array.prototype.flatmap "^1.3.2"
+    array.prototype.tosorted "^1.1.4"
+    doctrine "^2.1.0"
+    es-iterator-helpers "^1.1.0"
+    estraverse "^5.3.0"
+    hasown "^2.0.2"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.8"
+    object.fromentries "^2.0.8"
+    object.values "^1.2.0"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.5"
+    semver "^6.3.1"
+    string.prototype.matchall "^4.0.11"
+    string.prototype.repeat "^1.0.0"
+
+eslint-plugin-storybook@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.8.0.tgz"
+  integrity sha512-CZeVO5EzmPY7qghO2t64oaFM+8FTaD4uzOEjHKp516exyTKo+skKAL9GI3QALS2BXhyALJjNtwbmr1XinGE8bA==
+  dependencies:
+    "@storybook/csf" "^0.0.1"
+    "@typescript-eslint/utils" "^5.62.0"
+    requireindex "^1.2.0"
+    ts-dedent "^2.2.0"
+
+eslint-scope@5.1.1, eslint-scope@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint@^8:
+  version "8.57.1"
+  resolved "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz"
+  integrity sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.57.1"
+    "@humanwhocodes/config-array" "^0.13.0"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
+esprima@^4.0.1, esprima@~4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz"
+  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
+
+esquery@^1.4.2:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+estree-walker@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz"
+  integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
+  dependencies:
+    "@types/estree" "^1.0.0"
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
+eth-block-tracker@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/eth-block-tracker/-/eth-block-tracker-7.1.0.tgz"
+  integrity sha512-8YdplnuE1IK4xfqpf4iU7oBxnOYAc35934o083G8ao+8WM8QQtt/mVlAY6yIAdY1eMeLqg4Z//PZjJGmWGPMRg==
+  dependencies:
+    "@metamask/eth-json-rpc-provider" "^1.0.0"
+    "@metamask/safe-event-emitter" "^3.0.0"
+    "@metamask/utils" "^5.0.1"
+    json-rpc-random-id "^1.0.1"
+    pify "^3.0.0"
+
+eth-json-rpc-filters@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/eth-json-rpc-filters/-/eth-json-rpc-filters-6.0.1.tgz"
+  integrity sha512-ITJTvqoCw6OVMLs7pI8f4gG92n/St6x80ACtHodeS+IXmO0w+t1T5OOzfSt7KLSMLRkVUoexV7tztLgDxg+iig==
+  dependencies:
+    "@metamask/safe-event-emitter" "^3.0.0"
+    async-mutex "^0.2.6"
+    eth-query "^2.1.2"
+    json-rpc-engine "^6.1.0"
+    pify "^5.0.0"
+
+eth-query@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/eth-query/-/eth-query-2.1.2.tgz"
+  integrity sha512-srES0ZcvwkR/wd5OQBRA1bIJMww1skfGS0s8wlwK3/oNP4+wnds60krvu5R1QbpRQjMmpG5OMIWro5s7gvDPsA==
+  dependencies:
+    json-rpc-random-id "^1.0.0"
+    xtend "^4.0.1"
+
+eth-rpc-errors@^4.0.2, eth-rpc-errors@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/eth-rpc-errors/-/eth-rpc-errors-4.0.3.tgz"
+  integrity sha512-Z3ymjopaoft7JDoxZcEb3pwdGh7yiYMhOwm2doUt6ASXlMavpNlK6Cre0+IMl2VSGyEU9rkiperQhp5iRxn5Pg==
+  dependencies:
+    fast-safe-stringify "^2.0.6"
+
+ethereum-cryptography@^2.0.0:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/ethereum-cryptography/-/ethereum-cryptography-2.2.1.tgz"
+  integrity sha512-r/W8lkHSiTLxUxW8Rf3u4HGB0xQweG2RyETjywylKZSzLWoWAijRz8WCuOtJ6wah+avllXBqZuk29HCCvhEIRg==
+  dependencies:
+    "@noble/curves" "1.4.2"
+    "@noble/hashes" "1.4.0"
+    "@scure/bip32" "1.4.0"
+    "@scure/bip39" "1.3.0"
+
+ethers@^6.13.1:
+  version "6.13.4"
+  resolved "https://registry.npmjs.org/ethers/-/ethers-6.13.4.tgz"
+  integrity sha512-21YtnZVg4/zKkCQPjrDj38B1r4nQvTZLopUGMLQ1ePU2zV/joCfDC3t3iKQjWRzjjjbzR+mdAIoikeBRNkdllA==
+  dependencies:
+    "@adraffy/ens-normalize" "1.10.1"
+    "@noble/curves" "1.2.0"
+    "@noble/hashes" "1.3.2"
+    "@types/node" "22.7.5"
+    aes-js "4.0.0-beta.5"
+    tslib "2.7.0"
+    ws "8.17.1"
+
+event-stream@=3.3.4:
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz"
+  integrity sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==
+  dependencies:
+    duplexer "~0.1.1"
+    from "~0"
+    map-stream "~0.1.0"
+    pause-stream "0.0.11"
+    split "0.3"
+    stream-combiner "~0.0.4"
+    through "~2.3.1"
+
+event-target-shim@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz"
+  integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
+
+eventemitter2@6.4.7, eventemitter2@^6.4.7:
+  version "6.4.7"
+  resolved "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz"
+  integrity sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==
+
+eventemitter3@5.0.1, eventemitter3@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz"
+  integrity sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==
+
+eventemitter3@^4.0.0:
+  version "4.0.7"
+  resolved "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz"
+  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
+
+events@3.3.0, events@^3.2.0, events@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/events/-/events-3.3.0.tgz"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz"
+  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
+  dependencies:
+    md5.js "^1.3.4"
+    safe-buffer "^5.1.1"
+
+execa@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz"
+  integrity sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==
+  dependencies:
+    cross-spawn "^7.0.0"
+    get-stream "^5.0.0"
+    human-signals "^1.1.1"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.0"
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+    strip-final-newline "^2.0.0"
+
+execa@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz"
+  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.0"
+
+execa@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz"
+  integrity sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^8.0.1"
+    human-signals "^5.0.0"
+    is-stream "^3.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^5.1.0"
+    onetime "^6.0.0"
+    signal-exit "^4.1.0"
+    strip-final-newline "^3.0.0"
+
+executable@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/executable/-/executable-4.1.1.tgz"
+  integrity sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==
+  dependencies:
+    pify "^2.2.0"
+
+express@^4.19.2:
+  version "4.21.1"
+  resolved "https://registry.npmjs.org/express/-/express-4.21.1.tgz"
+  integrity sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==
+  dependencies:
+    accepts "~1.3.8"
+    array-flatten "1.1.1"
+    body-parser "1.20.3"
+    content-disposition "0.5.4"
+    content-type "~1.0.4"
+    cookie "0.7.1"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "2.0.0"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.3.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.3"
+    methods "~1.1.2"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.10"
+    proxy-addr "~2.0.7"
+    qs "6.13.0"
+    range-parser "~1.2.1"
+    safe-buffer "5.2.1"
+    send "0.19.0"
+    serve-static "1.16.2"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
+extend@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
+extension-port-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/extension-port-stream/-/extension-port-stream-3.0.0.tgz"
+  integrity sha512-an2S5quJMiy5bnZKEf6AkfH/7r8CzHvhchU40gxN+OM6HPhe7Z9T1FUychcf2M9PpPOO0Hf7BAEfJkw2TDIBDw==
+  dependencies:
+    readable-stream "^3.6.2 || ^4.4.2"
+    webextension-polyfill ">=0.10.0 <1.0"
+
+extract-zip@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz"
+  integrity sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==
+  dependencies:
+    debug "^4.1.1"
+    get-stream "^5.1.0"
+    yauzl "^2.10.0"
+  optionalDependencies:
+    "@types/yauzl" "^2.9.1"
+
+extsprintf@1.3.0, extsprintf@^1.2.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz"
+  integrity sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==
+
+fast-copy@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/fast-copy/-/fast-copy-3.0.2.tgz"
+  integrity sha512-dl0O9Vhju8IrcLndv2eU4ldt1ftXMqqfgN4H1cpmGV7P6jeB9FwpN9a2c8DPGE1Ys88rNUJVYDHq73CGAGOPfQ==
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-diff@^1.1.2:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz"
+  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
+
+fast-glob@^3.2.9, fast-glob@^3.3.0, fast-glob@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz"
+  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-json-parse@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/fast-json-parse/-/fast-json-parse-1.0.3.tgz"
+  integrity sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fast-levenshtein@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fast-redact@^3.0.0:
+  version "3.5.0"
+  resolved "https://registry.npmjs.org/fast-redact/-/fast-redact-3.5.0.tgz"
+  integrity sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A==
+
+fast-safe-stringify@^2.0.6, fast-safe-stringify@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.1.1.tgz"
+  integrity sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==
+
+fast-uri@^3.0.1:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.3.tgz"
+  integrity sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw==
+
+fastq@^1.6.0:
+  version "1.17.1"
+  resolved "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz"
+  integrity sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==
+  dependencies:
+    reusify "^1.0.4"
+
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz"
+  integrity sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==
+  dependencies:
+    pend "~1.2.0"
+
+figures@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz"
+  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
+  dependencies:
+    escape-string-regexp "^1.0.5"
+
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
+filesize@^10.0.12:
+  version "10.1.6"
+  resolved "https://registry.npmjs.org/filesize/-/filesize-10.1.6.tgz"
+  integrity sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w==
+
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+filter-obj@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz"
+  integrity sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==
+
+filter-obj@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/filter-obj/-/filter-obj-2.0.2.tgz"
+  integrity sha512-lO3ttPjHZRfjMcxWKb1j1eDhTFsu4meeR3lnMcnBFhk6RuLhvEiuALu2TlfL310ph4lCYYwgF/ElIjdP739tdg==
+
+finalhandler@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz"
+  integrity sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    statuses "2.0.1"
+    unpipe "~1.0.0"
+
+find-cache-dir@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz"
+  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^3.0.2"
+    pkg-dir "^4.1.0"
+
+find-cache-dir@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz"
+  integrity sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==
+  dependencies:
+    common-path-prefix "^3.0.0"
+    pkg-dir "^7.0.0"
+
+find-up@^4.0.0, find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+find-up@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz"
+  integrity sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==
+  dependencies:
+    locate-path "^7.1.0"
+    path-exists "^5.0.0"
+
+flat-cache@^3.0.4:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz"
+  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.3"
+    rimraf "^3.0.2"
+
+flatted@^3.2.9:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz"
+  integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
+
+follow-redirects@^1.0.0, follow-redirects@^1.15.6:
+  version "1.15.9"
+  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz"
+  integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
+
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
+foreground-child@^3.1.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz"
+  integrity sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==
+  dependencies:
+    cross-spawn "^7.0.0"
+    signal-exit "^4.0.1"
+
+forever-agent@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz"
+  integrity sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==
+
+fork-ts-checker-webpack-plugin@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz"
+  integrity sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    chalk "^4.1.2"
+    chokidar "^3.5.3"
+    cosmiconfig "^7.0.1"
+    deepmerge "^4.2.2"
+    fs-extra "^10.0.0"
+    memfs "^3.4.1"
+    minimatch "^3.0.4"
+    node-abort-controller "^3.0.1"
+    schema-utils "^3.1.1"
+    semver "^7.3.5"
+    tapable "^2.2.1"
+
+form-data@^4.0.0, form-data@~4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz"
+  integrity sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
+from@~0:
+  version "0.1.7"
+  resolved "https://registry.npmjs.org/from/-/from-0.1.7.tgz"
+  integrity sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==
+
+fs-extra@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz"
+  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-extra@^11.1.0:
+  version "11.2.0"
+  resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz"
+  integrity sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-extra@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz"
+  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-monkey@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.6.tgz"
+  integrity sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+
+fsevents@~2.3.2, fsevents@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+function.prototype.name@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz"
+  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    functions-have-names "^1.2.3"
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+get-caller-file@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
+get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.3, get-intrinsic@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz"
+  integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    hasown "^2.0.0"
+
+get-nonce@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz"
+  integrity sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==
+
+get-port-please@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/get-port-please/-/get-port-please-3.1.2.tgz"
+  integrity sha512-Gxc29eLs1fbn6LQ4jSU4vXjlwyZhF5HsGuMAa7gqBP4Rw4yxxltyDUuF5MBclFzDTXO+ACchGQoeela4DSfzdQ==
+
+get-stream@^5.0.0, get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
+get-stream@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz"
+  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
+
+get-stream@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz"
+  integrity sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==
+
+get-symbol-description@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz"
+  integrity sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==
+  dependencies:
+    call-bind "^1.0.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+
+get-tsconfig@^4.7.5:
+  version "4.8.1"
+  resolved "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz"
+  integrity sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==
+  dependencies:
+    resolve-pkg-maps "^1.0.0"
+
+getos@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/getos/-/getos-3.2.1.tgz"
+  integrity sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==
+  dependencies:
+    async "^3.2.0"
+
+getpass@^0.1.1:
+  version "0.1.7"
+  resolved "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz"
+  integrity sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==
+  dependencies:
+    assert-plus "^1.0.0"
+
+github-slugger@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/github-slugger/-/github-slugger-2.0.0.tgz"
+  integrity sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+glob@10.3.10, glob@^10.3.10:
+  version "10.3.10"
+  resolved "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz"
+  integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^2.3.5"
+    minimatch "^9.0.1"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+    path-scurry "^1.10.1"
+
+glob@^7.1.3:
+  version "7.2.3"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+global-dirs@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz"
+  integrity sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==
+  dependencies:
+    ini "2.0.0"
+
+globals@^11.1.0:
+  version "11.12.0"
+  resolved "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz"
+  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
+
+globals@^13.19.0:
+  version "13.24.0"
+  resolved "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+globalthis@^1.0.3, globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
+globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4:
+  version "4.2.11"
+  resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
+h3@^1.12.0:
+  version "1.13.0"
+  resolved "https://registry.npmjs.org/h3/-/h3-1.13.0.tgz"
+  integrity sha512-vFEAu/yf8UMUcB4s43OaDaigcqpQd14yanmOsn+NcRX3/guSKncyE2rOYhq8RIchgJrPSs/QiIddnTTR1ddiAg==
+  dependencies:
+    cookie-es "^1.2.2"
+    crossws ">=0.2.0 <0.4.0"
+    defu "^6.1.4"
+    destr "^2.0.3"
+    iron-webcrypto "^1.2.1"
+    ohash "^1.1.4"
+    radix3 "^1.1.2"
+    ufo "^1.5.4"
+    uncrypto "^0.1.3"
+    unenv "^1.10.0"
+
+has-bigints@^1.0.1, has-bigints@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz"
+  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-proto@^1.0.1, has-proto@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz"
+  integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==
+
+has-symbols@^1.0.2, has-symbols@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz"
+  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
+has-tostringtag@^1.0.0, has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+hash-base@^3.0.0, hash-base@~3.0, hash-base@~3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/hash-base/-/hash-base-3.0.4.tgz"
+  integrity sha512-EeeoJKjTyt868liAlVmcv2ZsUfGHlE3Q+BICOXcZiwN3osr5Q/zFGYmTJpoIzuaSTAwndFy+GqhEwlU4L3j4Ow==
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+hash.js@^1.0.0, hash.js@^1.0.3:
+  version "1.1.7"
+  resolved "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz"
+  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
+  dependencies:
+    inherits "^2.0.3"
+    minimalistic-assert "^1.0.1"
+
+hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
+hast-util-heading-rank@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/hast-util-heading-rank/-/hast-util-heading-rank-3.0.0.tgz"
+  integrity sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-is-element@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz"
+  integrity sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-to-string@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/hast-util-to-string/-/hast-util-to-string-3.0.1.tgz"
+  integrity sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/he/-/he-1.2.0.tgz"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
+help-me@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/help-me/-/help-me-5.0.0.tgz"
+  integrity sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==
+
+hey-listen@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz"
+  integrity sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==
+
+hmac-drbg@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz"
+  integrity sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==
+  dependencies:
+    hash.js "^1.0.3"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.1"
+
+html-encoding-sniffer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz"
+  integrity sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==
+  dependencies:
+    whatwg-encoding "^3.1.1"
+
+html-entities@^2.1.0:
+  version "2.5.2"
+  resolved "https://registry.npmjs.org/html-entities/-/html-entities-2.5.2.tgz"
+  integrity sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==
+
+html-minifier-terser@^6.0.2:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz"
+  integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==
+  dependencies:
+    camel-case "^4.1.2"
+    clean-css "^5.2.2"
+    commander "^8.3.0"
+    he "^1.2.0"
+    param-case "^3.0.4"
+    relateurl "^0.2.7"
+    terser "^5.10.0"
+
+html-tags@^3.1.0:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz"
+  integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
+
+html-webpack-plugin@^5.5.0:
+  version "5.6.3"
+  resolved "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.3.tgz"
+  integrity sha512-QSf1yjtSAsmf7rYBV7XX86uua4W/vkhIt0xNXKbsi2foEeW7vjJQz4bhnpL3xH+l1ryl1680uNv968Z+X6jSYg==
+  dependencies:
+    "@types/html-minifier-terser" "^6.0.0"
+    html-minifier-terser "^6.0.2"
+    lodash "^4.17.21"
+    pretty-error "^4.0.0"
+    tapable "^2.0.0"
+
+htmlparser2@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz"
+  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    domutils "^2.5.2"
+    entities "^2.0.0"
+
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
+http-proxy-agent@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz"
+  integrity sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==
+  dependencies:
+    agent-base "^7.1.0"
+    debug "^4.3.4"
+
+http-proxy-middleware@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-3.0.3.tgz"
+  integrity sha512-usY0HG5nyDUwtqpiZdETNbmKtw3QQ1jwYFZ9wi5iHzX2BcILwQKtYDJPo7XHTsu5Z0B2Hj3W9NNnbd+AjFWjqg==
+  dependencies:
+    "@types/http-proxy" "^1.17.15"
+    debug "^4.3.6"
+    http-proxy "^1.18.1"
+    is-glob "^4.0.3"
+    is-plain-object "^5.0.0"
+    micromatch "^4.0.8"
+
+http-proxy@^1.18.1:
+  version "1.18.1"
+  resolved "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz"
+  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
+  dependencies:
+    eventemitter3 "^4.0.0"
+    follow-redirects "^1.0.0"
+    requires-port "^1.0.0"
+
+http-shutdown@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/http-shutdown/-/http-shutdown-1.2.2.tgz"
+  integrity sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==
+
+http-signature@~1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/http-signature/-/http-signature-1.4.0.tgz"
+  integrity sha512-G5akfn7eKbpDN+8nPS/cb57YeA1jLTVxjpCj7tmm3QKPdyDy7T+qSC40e9ptydSWvkwjSXw1VbkpyEm39ukeAg==
+  dependencies:
+    assert-plus "^1.0.0"
+    jsprim "^2.0.2"
+    sshpk "^1.18.0"
+
+https-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz"
+  integrity sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==
+
+https-proxy-agent@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.5.tgz"
+  integrity sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==
+  dependencies:
+    agent-base "^7.0.2"
+    debug "4"
+
+human-signals@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz"
+  integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
+
+human-signals@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz"
+  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+
+human-signals@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz"
+  integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==
+
+i18next-browser-languagedetector@7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.1.0.tgz"
+  integrity sha512-cr2k7u1XJJ4HTOjM9GyOMtbOA47RtUoWRAtt52z43r3AoMs2StYKyjS3URPhzHaf+mn10hY9dZWamga5WPQjhA==
+  dependencies:
+    "@babel/runtime" "^7.19.4"
+
+i18next@23.11.5:
+  version "23.11.5"
+  resolved "https://registry.npmjs.org/i18next/-/i18next-23.11.5.tgz"
+  integrity sha512-41pvpVbW9rhZPk5xjCX2TPJi2861LEig/YRhUkY+1FQ2IQPS0bKUDYnEqY8XPPbB48h1uIwLnP9iiEfuSl20CA==
+  dependencies:
+    "@babel/runtime" "^7.23.2"
+
+iconv-lite@0.4.24:
+  version "0.4.24"
+  resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
+iconv-lite@0.6.3, iconv-lite@^0.6.2:
+  version "0.6.3"
+  resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
+icss-utils@^5.0.0, icss-utils@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz"
+  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
+
+idb-keyval@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/idb-keyval/-/idb-keyval-6.2.1.tgz"
+  integrity sha512-8Sb3veuYCyrZL+VBt9LJfZjLUPWVvqn8tG28VqYNFCo43KHcKuq+b4EiXGeuaLAQWL2YmyDgMp2aSpH9JHsEQg==
+
+ieee754@^1.1.13, ieee754@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz"
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
+
+ignore@^5.2.0:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+image-size@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/image-size/-/image-size-1.1.1.tgz"
+  integrity sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==
+  dependencies:
+    queue "6.0.2"
+
+import-fresh@^3.2.1, import-fresh@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz"
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
+
+indent-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz"
+  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz"
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@~2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+ini@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz"
+  integrity sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==
+
+internal-slot@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz"
+  integrity sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.0"
+    side-channel "^1.0.4"
+
+invariant@2.2.4, invariant@^2.2.4:
+  version "2.2.4"
+  resolved "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz"
+  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
+  dependencies:
+    loose-envify "^1.0.0"
+
+ipaddr.js@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
+iron-webcrypto@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz"
+  integrity sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==
+
+is-absolute-url@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-4.0.1.tgz"
+  integrity sha512-/51/TKE88Lmm7Gc4/8btclNXWS+g50wXhYJq8HWIBAGUBnoAdRu1aXeh364t/O7wXDAcTJDP8PNuNKWUDWie+A==
+
+is-arguments@^1.0.4:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz"
+  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-array-buffer@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz"
+  integrity sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz"
+  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
+is-async-function@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz"
+  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-bigint@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz"
+  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+  dependencies:
+    has-bigints "^1.0.1"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-boolean-object@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz"
+  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-bun-module@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.2.1.tgz"
+  integrity sha512-AmidtEM6D6NmUiLOvvU7+IePxjEjOzra2h0pSrsfSAcXwl/83zLLXDByafUJy9k/rKK0pvXMLdwKwGHlX2Ke6Q==
+  dependencies:
+    semver "^7.6.3"
+
+is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
+is-ci@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz"
+  integrity sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==
+  dependencies:
+    ci-info "^3.2.0"
+
+is-core-module@^2.13.0, is-core-module@^2.15.1:
+  version "2.15.1"
+  resolved "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz"
+  integrity sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==
+  dependencies:
+    hasown "^2.0.2"
+
+is-data-view@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz"
+  integrity sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==
+  dependencies:
+    is-typed-array "^1.1.13"
+
+is-date-object@^1.0.1, is-date-object@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz"
+  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-docker@^2.0.0, is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
+is-docker@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz"
+  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-finalizationregistry@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz"
+  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
+is-generator-function@^1.0.10, is-generator-function@^1.0.7:
+  version "1.0.10"
+  resolved "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz"
+  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-inside-container@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz"
+  integrity sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==
+  dependencies:
+    is-docker "^3.0.0"
+
+is-installed-globally@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz"
+  integrity sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==
+  dependencies:
+    global-dirs "^3.0.0"
+    is-path-inside "^3.0.2"
+
+is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
+
+is-nan@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz"
+  integrity sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==
+  dependencies:
+    call-bind "^1.0.0"
+    define-properties "^1.1.3"
+
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
+
+is-number-object@^1.0.4:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz"
+  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-path-inside@^3.0.2, is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-plain-object@5.0.0, is-plain-object@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz"
+  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
+
+is-potential-custom-element-name@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz"
+  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
+
+is-regex@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz"
+  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.2, is-shared-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz"
+  integrity sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==
+  dependencies:
+    call-bind "^1.0.7"
+
+is-stream@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz"
+  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
+
+is-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz"
+  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
+
+is-string@^1.0.5, is-string@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz"
+  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-symbol@^1.0.2, is-symbol@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz"
+  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+  dependencies:
+    has-symbols "^1.0.2"
+
+is-typed-array@^1.1.13, is-typed-array@^1.1.3:
+  version "1.1.13"
+  resolved "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz"
+  integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==
+  dependencies:
+    which-typed-array "^1.1.14"
+
+is-typedarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz"
+  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
+
+is-unicode-supported@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz"
+  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
+
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz"
+  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-weakset@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz"
+  integrity sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==
+  dependencies:
+    call-bind "^1.0.7"
+    get-intrinsic "^1.2.4"
+
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
+
+is-wsl@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz"
+  integrity sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==
+  dependencies:
+    is-inside-container "^1.0.0"
+
+is64bit@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/is64bit/-/is64bit-2.0.0.tgz"
+  integrity sha512-jv+8jaWCl0g2lSBkNSVXdzfBA0npK1HGC2KtWM9FumFRoGS94g3NbCCLVnCYHLjp4GrW2KZeeSTMo5ddtznmGw==
+  dependencies:
+    system-architecture "^0.1.0"
+
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz"
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+isows@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/isows/-/isows-1.0.6.tgz"
+  integrity sha512-lPHCayd40oW98/I0uvgaHKWCSvkzY27LjWLbtzOm64yQ+G3Q5npjjbdppU65iZXkK1Zt+kH9pfegli0AYfwYYw==
+
+isstream@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz"
+  integrity sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==
+
+iterator.prototype@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.3.tgz"
+  integrity sha512-FW5iMbeQ6rBGm/oKgzq2aW4KvAGpxPzYES8N4g4xNXUKpL1mclMvOe+76AcLDTvD+Ze+sOpVhgdAQEKF4L9iGQ==
+  dependencies:
+    define-properties "^1.2.1"
+    get-intrinsic "^1.2.1"
+    has-symbols "^1.0.3"
+    reflect.getprototypeof "^1.0.4"
+    set-function-name "^2.0.1"
+
+jackspeak@^2.3.5:
+  version "2.3.6"
+  resolved "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz"
+  integrity sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
+jdenticon@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/jdenticon/-/jdenticon-3.3.0.tgz"
+  integrity sha512-DhuBRNRIybGPeAjMjdHbkIfiwZCCmf8ggu7C49jhp6aJ7DYsZfudnvnTY5/1vgUhrGA7JaDAx1WevnpjCPvaGg==
+  dependencies:
+    canvas-renderer "~2.2.0"
+
+jest-worker@^27.4.5:
+  version "27.5.1"
+  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz"
+  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^8.0.0"
+
+jiti@^1.20.0, jiti@^1.21.0:
+  version "1.21.6"
+  resolved "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz"
+  integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==
+
+jiti@^2.1.2:
+  version "2.3.3"
+  resolved "https://registry.npmjs.org/jiti/-/jiti-2.3.3.tgz"
+  integrity sha512-EX4oNDwcXSivPrw2qKH2LB5PoFxEvgtv2JgwW0bU858HoLQ+kutSvjLMUqBd0PeJYEinLWhoI9Ol0eYMqj/wNQ==
+
+joi@^17.13.3:
+  version "17.13.3"
+  resolved "https://registry.npmjs.org/joi/-/joi-17.13.3.tgz"
+  integrity sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==
+  dependencies:
+    "@hapi/hoek" "^9.3.0"
+    "@hapi/topo" "^5.1.0"
+    "@sideway/address" "^4.1.5"
+    "@sideway/formula" "^3.0.1"
+    "@sideway/pinpoint" "^2.0.0"
+
+joycon@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/joycon/-/joycon-3.1.1.tgz"
+  integrity sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==
+
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsbn@~0.1.0:
+  version "0.1.1"
+  resolved "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz"
+  integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==
+
+jsdoc-type-pratt-parser@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz"
+  integrity sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==
+
+jsdom@^25.0.1:
+  version "25.0.1"
+  resolved "https://registry.npmjs.org/jsdom/-/jsdom-25.0.1.tgz"
+  integrity sha512-8i7LzZj7BF8uplX+ZyOlIz86V6TAsSs+np6m1kpW9u0JWi4z/1t+FzcK1aek+ybTnAC4KhBL4uXCNT0wcUIeCw==
+  dependencies:
+    cssstyle "^4.1.0"
+    data-urls "^5.0.0"
+    decimal.js "^10.4.3"
+    form-data "^4.0.0"
+    html-encoding-sniffer "^4.0.0"
+    http-proxy-agent "^7.0.2"
+    https-proxy-agent "^7.0.5"
+    is-potential-custom-element-name "^1.0.1"
+    nwsapi "^2.2.12"
+    parse5 "^7.1.2"
+    rrweb-cssom "^0.7.1"
+    saxes "^6.0.0"
+    symbol-tree "^3.2.4"
+    tough-cookie "^5.0.0"
+    w3c-xmlserializer "^5.0.0"
+    webidl-conversions "^7.0.0"
+    whatwg-encoding "^3.1.1"
+    whatwg-mimetype "^4.0.0"
+    whatwg-url "^14.0.0"
+    ws "^8.18.0"
+    xml-name-validator "^5.0.0"
+
+jsesc@^3.0.2, jsesc@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz"
+  integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json-rpc-engine@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/json-rpc-engine/-/json-rpc-engine-6.1.0.tgz"
+  integrity sha512-NEdLrtrq1jUZyfjkr9OCz9EzCNhnRyWtt1PAnvnhwy6e8XETS0Dtc+ZNCO2gvuAoKsIn2+vCSowXTYE4CkgnAQ==
+  dependencies:
+    "@metamask/safe-event-emitter" "^2.0.0"
+    eth-rpc-errors "^4.0.2"
+
+json-rpc-random-id@^1.0.0, json-rpc-random-id@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/json-rpc-random-id/-/json-rpc-random-id-1.0.1.tgz"
+  integrity sha512-RJ9YYNCkhVDBuP4zN5BBtYAzEl03yq/jIIsyif0JY9qyJuQQZNeDK7anAPKKlyEtLSj2s8h6hNh2F8zO5q7ScA==
+
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-schema-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json-schema@0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz"
+  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+json-stringify-safe@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz"
+  integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
+
+json5@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
+  dependencies:
+    minimist "^1.2.0"
+
+json5@^2.1.2, json5@^2.2.2, json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+jsonfile@^6.0.1, jsonfile@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsprim@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz"
+  integrity sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==
+  dependencies:
+    assert-plus "1.0.0"
+    extsprintf "1.3.0"
+    json-schema "0.4.0"
+    verror "1.10.0"
+
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.5:
+  version "3.3.5"
+  resolved "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz"
+  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flat "^1.3.1"
+    object.assign "^4.1.4"
+    object.values "^1.1.6"
+
+keccak@^3.0.3:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/keccak/-/keccak-3.0.4.tgz"
+  integrity sha512-3vKuW0jV8J3XNTzvfyicFR5qvxrSAGl7KIhvgOu5cmWwM7tZRj3fMbj/pfIf4be7aznbc+prBWGjywox/g2Y6Q==
+  dependencies:
+    node-addon-api "^2.0.0"
+    node-gyp-build "^4.2.0"
+    readable-stream "^3.6.0"
+
+keyv@^4.5.3:
+  version "4.5.4"
+  resolved "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
+keyvaluestorage-interface@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/keyvaluestorage-interface/-/keyvaluestorage-interface-1.0.0.tgz"
+  integrity sha512-8t6Q3TclQ4uZynJY9IGr2+SsIGwK9JHcO6ootkHCGA0CrQCRy+VkouYNO2xicET6b9al7QKzpebNow+gkpCL8g==
+
+language-subtag-registry@^0.3.20:
+  version "0.3.23"
+  resolved "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz"
+  integrity sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==
+
+language-tags@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz"
+  integrity sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==
+  dependencies:
+    language-subtag-registry "^0.3.20"
+
+lazy-ass@1.6.0, lazy-ass@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz"
+  integrity sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+lilconfig@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
+lilconfig@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz"
+  integrity sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+listhen@^1.7.2:
+  version "1.9.0"
+  resolved "https://registry.npmjs.org/listhen/-/listhen-1.9.0.tgz"
+  integrity sha512-I8oW2+QL5KJo8zXNWX046M134WchxsXC7SawLPvRQpogCbkyQIaFxPE89A2HiwR7vAK2Dm2ERBAmyjTYGYEpBg==
+  dependencies:
+    "@parcel/watcher" "^2.4.1"
+    "@parcel/watcher-wasm" "^2.4.1"
+    citty "^0.1.6"
+    clipboardy "^4.0.0"
+    consola "^3.2.3"
+    crossws ">=0.2.0 <0.4.0"
+    defu "^6.1.4"
+    get-port-please "^3.1.2"
+    h3 "^1.12.0"
+    http-shutdown "^1.2.2"
+    jiti "^2.1.2"
+    mlly "^1.7.1"
+    node-forge "^1.3.1"
+    pathe "^1.1.2"
+    std-env "^3.7.0"
+    ufo "^1.5.4"
+    untun "^0.1.3"
+    uqr "^0.1.2"
+
+listr2@^3.8.3:
+  version "3.14.0"
+  resolved "https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz"
+  integrity sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==
+  dependencies:
+    cli-truncate "^2.1.0"
+    colorette "^2.0.16"
+    log-update "^4.0.0"
+    p-map "^4.0.0"
+    rfdc "^1.3.0"
+    rxjs "^7.5.1"
+    through "^2.3.8"
+    wrap-ansi "^7.0.0"
+
+lit-element@^3.3.0:
+  version "3.3.3"
+  resolved "https://registry.npmjs.org/lit-element/-/lit-element-3.3.3.tgz"
+  integrity sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==
+  dependencies:
+    "@lit-labs/ssr-dom-shim" "^1.1.0"
+    "@lit/reactive-element" "^1.3.0"
+    lit-html "^2.8.0"
+
+lit-html@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/lit-html/-/lit-html-2.8.0.tgz"
+  integrity sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==
+  dependencies:
+    "@types/trusted-types" "^2.0.2"
+
+lit@2.8.0:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/lit/-/lit-2.8.0.tgz"
+  integrity sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==
+  dependencies:
+    "@lit/reactive-element" "^1.6.0"
+    lit-element "^3.3.0"
+    lit-html "^2.8.0"
+
+loader-runner@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz"
+  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
+
+loader-utils@^2.0.0, loader-utils@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+loader-utils@^3.2.1:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz"
+  integrity sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==
+
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+locate-path@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz"
+  integrity sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==
+  dependencies:
+    p-locate "^6.0.0"
+
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz"
+  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
+
+lodash.isequal@4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz"
+  integrity sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+lodash.once@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz"
+  integrity sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==
+
+lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+log-symbols@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz"
+  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
+  dependencies:
+    chalk "^4.1.0"
+    is-unicode-supported "^0.1.0"
+
+log-update@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz"
+  integrity sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==
+  dependencies:
+    ansi-escapes "^4.3.0"
+    cli-cursor "^3.1.0"
+    slice-ansi "^4.0.0"
+    wrap-ansi "^6.2.0"
+
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lottie-react@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.npmjs.org/lottie-react/-/lottie-react-2.4.0.tgz"
+  integrity sha512-pDJGj+AQlnlyHvOHFK7vLdsDcvbuqvwPZdMlJ360wrzGFurXeKPr8SiRCjLf3LrNYKANQtSsh5dz9UYQHuqx4w==
+  dependencies:
+    lottie-web "^5.10.2"
+
+lottie-web@^5.10.2:
+  version "5.12.2"
+  resolved "https://registry.npmjs.org/lottie-web/-/lottie-web-5.12.2.tgz"
+  integrity sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==
+
+loupe@^3.1.0, loupe@^3.1.1:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/loupe/-/loupe-3.1.2.tgz"
+  integrity sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==
+
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
+lru-cache@^10.2.0, lru-cache@^10.4.3:
+  version "10.4.3"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
+lru-cache@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz"
+  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
+  dependencies:
+    yallist "^3.0.2"
+
+lucide-react@^0.400.0:
+  version "0.400.0"
+  resolved "https://registry.npmjs.org/lucide-react/-/lucide-react-0.400.0.tgz"
+  integrity sha512-rpp7pFHh3Xd93KHixNgB0SqThMHpYNzsGUu69UaQbSZ75Q/J3m5t6EhKyMT3m4w2WOxmJ2mY0tD3vebnXqQryQ==
+
+luxon@^3.5.0:
+  version "3.5.0"
+  resolved "https://registry.npmjs.org/luxon/-/luxon-3.5.0.tgz"
+  integrity sha512-rh+Zjr6DNfUYR3bPwJEnuwDdqMbxZW7LOQfUN4B54+Cl+0o5zaU9RJ6bcidfDtC1cWCZXQ+nvX8bf6bAji37QQ==
+
+lz-string@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz"
+  integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
+
+magic-string@^0.30.11, magic-string@^0.30.5:
+  version "0.30.12"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.30.12.tgz"
+  integrity sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+
+make-dir@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
+make-error@^1.1.1:
+  version "1.3.6"
+  resolved "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz"
+  integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
+
+map-or-similar@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz"
+  integrity sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==
+
+map-stream@~0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz"
+  integrity sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==
+
+markdown-to-jsx@^7.4.5:
+  version "7.5.0"
+  resolved "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.5.0.tgz"
+  integrity sha512-RrBNcMHiFPcz/iqIj0n3wclzHXjwS7mzjBNWecKKVhNTIxQepIix6Il/wZCn2Cg5Y1ow2Qi84+eJrryFRWBEWw==
+
+md5.js@^1.3.4:
+  version "1.3.5"
+  resolved "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz"
+  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
+  dependencies:
+    hash-base "^3.0.0"
+    inherits "^2.0.1"
+    safe-buffer "^5.1.2"
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz"
+  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
+
+memfs@^3.4.1, memfs@^3.4.12:
+  version "3.5.3"
+  resolved "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz"
+  integrity sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==
+  dependencies:
+    fs-monkey "^1.0.4"
+
+memoizerific@^1.11.3:
+  version "1.11.3"
+  resolved "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz"
+  integrity sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==
+  dependencies:
+    map-or-similar "^1.5.0"
+
+merge-descriptors@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz"
+  integrity sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+merge2@^1.3.0, merge2@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz"
+  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+
+micro-ftch@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.npmjs.org/micro-ftch/-/micro-ftch-0.3.1.tgz"
+  integrity sha512-/0LLxhzP0tfiR5hcQebtudP56gUurs2CLkGarnCiB/OqEyUFQ6U3paQi/tgLv0hBJYt2rnr9MNpxz4fiiugstg==
+
+micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5, micromatch@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
+miller-rabin@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz"
+  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
+  dependencies:
+    bn.js "^4.0.0"
+    brorand "^1.0.1"
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34:
+  version "2.1.35"
+  resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mime@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
+mime@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz"
+  integrity sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==
+
+mimic-fn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz"
+  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+
+mimic-fn@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz"
+  integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
+
+min-indent@^1.0.0, min-indent@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz"
+  integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
+
+minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz"
+  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
+
+minimalistic-crypto-utils@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz"
+  integrity sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==
+
+minimatch@9.0.3:
+  version "9.0.3"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^9.0.1:
+  version "9.0.5"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimist@^1.2.0, minimist@^1.2.6, minimist@^1.2.8:
+  version "1.2.8"
+  resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0":
+  version "7.1.2"
+  resolved "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
+mipd@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.npmjs.org/mipd/-/mipd-0.0.7.tgz"
+  integrity sha512-aAPZPNDQ3uMTdKbuO2YmAw2TxLHO0moa4YKAyETM/DTj5FloZo+a+8tU+iv4GmW+sOxKLSRwcSFuczk+Cpt6fg==
+
+mlly@^1.7.1, mlly@^1.7.2:
+  version "1.7.2"
+  resolved "https://registry.npmjs.org/mlly/-/mlly-1.7.2.tgz"
+  integrity sha512-tN3dvVHYVz4DhSXinXIk7u9syPYaJvio118uomkovAtWBT+RdbP6Lfh/5Lvo519YMmwBafwlh20IPTXIStscpA==
+  dependencies:
+    acorn "^8.12.1"
+    pathe "^1.1.2"
+    pkg-types "^1.2.0"
+    ufo "^1.5.4"
+
+moment@^2.30.1:
+  version "2.30.1"
+  resolved "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz"
+  integrity sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==
+
+motion@10.16.2:
+  version "10.16.2"
+  resolved "https://registry.npmjs.org/motion/-/motion-10.16.2.tgz"
+  integrity sha512-p+PurYqfUdcJZvtnmAqu5fJgV2kR0uLFQuBKtLeFVTrYEVllI99tiOTSefVNYuip9ELTEkepIIDftNdze76NAQ==
+  dependencies:
+    "@motionone/animation" "^10.15.1"
+    "@motionone/dom" "^10.16.2"
+    "@motionone/svelte" "^10.16.2"
+    "@motionone/types" "^10.15.1"
+    "@motionone/utils" "^10.15.1"
+    "@motionone/vue" "^10.16.2"
+
+mri@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz"
+  integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
+  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
+
+ms@2.1.3, ms@^2.1.1, ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+multiformats@^9.4.2:
+  version "9.9.0"
+  resolved "https://registry.npmjs.org/multiformats/-/multiformats-9.9.0.tgz"
+  integrity sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==
+
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
+nanoid@^3.3.6, nanoid@^3.3.7:
+  version "3.3.7"
+  resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz"
+  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
+
+napi-wasm@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/napi-wasm/-/napi-wasm-1.1.3.tgz#7bb95c88e6561f84880bb67195437b1cfbe99224"
+  integrity sha512-h/4nMGsHjZDCYmQVNODIrYACVJ+I9KItbG+0si6W/jSjdA9JbWDoU4LLeMXVcEQGHjttI2tuXqDrbGF7qkUHHg==
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz"
+  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
+
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
+
+next@14.2.16:
+  version "14.2.16"
+  resolved "https://registry.npmjs.org/next/-/next-14.2.16.tgz"
+  integrity sha512-LcO7WnFu6lYSvCzZoo1dB+IO0xXz5uEv52HF1IUN0IqVTUIZGHuuR10I5efiLadGt+4oZqTcNZyVVEem/TM5nA==
+  dependencies:
+    "@next/env" "14.2.16"
+    "@swc/helpers" "0.5.5"
+    busboy "1.6.0"
+    caniuse-lite "^1.0.30001579"
+    graceful-fs "^4.2.11"
+    postcss "8.4.31"
+    styled-jsx "5.1.1"
+  optionalDependencies:
+    "@next/swc-darwin-arm64" "14.2.16"
+    "@next/swc-darwin-x64" "14.2.16"
+    "@next/swc-linux-arm64-gnu" "14.2.16"
+    "@next/swc-linux-arm64-musl" "14.2.16"
+    "@next/swc-linux-x64-gnu" "14.2.16"
+    "@next/swc-linux-x64-musl" "14.2.16"
+    "@next/swc-win32-arm64-msvc" "14.2.16"
+    "@next/swc-win32-ia32-msvc" "14.2.16"
+    "@next/swc-win32-x64-msvc" "14.2.16"
+
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
+node-abort-controller@^3.0.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz"
+  integrity sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==
+
+node-addon-api@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/node-addon-api/-/node-addon-api-2.0.2.tgz"
+  integrity sha512-Ntyt4AIXyaLIuMHF6IOoTakB3K+RWxwtsHNRxllEoA6vPwP9o4866g6YWDLUdnucilZhmkxiHwHr11gAENw+QA==
+
+node-addon-api@^7.0.0:
+  version "7.1.1"
+  resolved "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz"
+  integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==
+
+node-fetch-native@^1.6.4:
+  version "1.6.4"
+  resolved "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.4.tgz"
+  integrity sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==
+
+node-fetch@^2.6.12:
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz"
+  integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
+  dependencies:
+    whatwg-url "^5.0.0"
+
+node-forge@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+node-gyp-build@^4.2.0, node-gyp-build@^4.3.0:
+  version "4.8.2"
+  resolved "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.2.tgz"
+  integrity sha512-IRUxE4BVsHWXkV/SFOut4qTlagw2aM8T5/vnTsmrHJvVoKueJHRc/JaFND7QDDc61kLYUJ6qlZM3sqTSyx2dTw==
+
+node-polyfill-webpack-plugin@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/node-polyfill-webpack-plugin/-/node-polyfill-webpack-plugin-2.0.1.tgz"
+  integrity sha512-ZUMiCnZkP1LF0Th2caY6J/eKKoA0TefpoVa68m/LQU1I/mE8rGt4fNYGgNuCcK+aG8P8P43nbeJ2RqJMOL/Y1A==
+  dependencies:
+    assert "^2.0.0"
+    browserify-zlib "^0.2.0"
+    buffer "^6.0.3"
+    console-browserify "^1.2.0"
+    constants-browserify "^1.0.0"
+    crypto-browserify "^3.12.0"
+    domain-browser "^4.22.0"
+    events "^3.3.0"
+    filter-obj "^2.0.2"
+    https-browserify "^1.0.0"
+    os-browserify "^0.3.0"
+    path-browserify "^1.0.1"
+    process "^0.11.10"
+    punycode "^2.1.1"
+    querystring-es3 "^0.2.1"
+    readable-stream "^4.0.0"
+    stream-browserify "^3.0.0"
+    stream-http "^3.2.0"
+    string_decoder "^1.3.0"
+    timers-browserify "^2.0.12"
+    tty-browserify "^0.0.1"
+    type-fest "^2.14.0"
+    url "^0.11.0"
+    util "^0.12.4"
+    vm-browserify "^1.1.2"
+
+node-releases@^2.0.18:
+  version "2.0.18"
+  resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz"
+  integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+npm-run-path@^4.0.0, npm-run-path@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
+npm-run-path@^5.1.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz"
+  integrity sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==
+  dependencies:
+    path-key "^4.0.0"
+
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
+nwsapi@^2.2.12:
+  version "2.2.13"
+  resolved "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.13.tgz"
+  integrity sha512-cTGB9ptp9dY9A5VbMSe7fQBcl/tt22Vcqdq8+eN93rblOuE0aCFu4aZ2vMwct/2t+lFnosm8RkQW1I0Omb1UtQ==
+
+obj-multiplex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/obj-multiplex/-/obj-multiplex-1.0.0.tgz"
+  integrity sha512-0GNJAOsHoBHeNTvl5Vt6IWnpUEcc3uSRxzBri7EDyIcMgYvnY2JL2qdeV5zTMjWQX5OHcD5amcW2HFfDh0gjIA==
+  dependencies:
+    end-of-stream "^1.4.0"
+    once "^1.4.0"
+    readable-stream "^2.3.3"
+
+object-assign@^4.0.1, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+object-inspect@^1.13.1:
+  version "1.13.2"
+  resolved "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz"
+  integrity sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==
+
+object-is@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz"
+  integrity sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+
+object-keys@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+object.assign@^4.1.4, object.assign@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz"
+  integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
+  dependencies:
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    has-symbols "^1.0.3"
+    object-keys "^1.1.1"
+
+object.entries@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz"
+  integrity sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+object.fromentries@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz"
+  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+
+object.groupby@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz"
+  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+
+object.values@^1.1.6, object.values@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz"
+  integrity sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+objectorarray@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/objectorarray/-/objectorarray-1.0.5.tgz"
+  integrity sha512-eJJDYkhJFFbBBAxeh8xW+weHlkI28n2ZdQV/J/DNfWfSKlGEf2xcfAbZTv3riEXHAhL9SVOTs2pRmXiSTf78xg==
+
+ofetch@^1.3.4:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/ofetch/-/ofetch-1.4.1.tgz"
+  integrity sha512-QZj2DfGplQAr2oj9KzceK9Hwz6Whxazmn85yYeVuS3u9XTMOGMRx0kO95MQ+vLsj/S/NwBDMMLU5hpxvI6Tklw==
+  dependencies:
+    destr "^2.0.3"
+    node-fetch-native "^1.6.4"
+    ufo "^1.5.4"
+
+ohash@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/ohash/-/ohash-1.1.4.tgz"
+  integrity sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g==
+
+on-exit-leak-free@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-0.2.0.tgz"
+  integrity sha512-dqaz3u44QbRXQooZLTUKU41ZrzYrcvLISVgbrzbyCMxpmSLJvZ3ZamIJIZ29P6OhZIkNIQKosdeM6t1LYbA9hg==
+
+on-exit-leak-free@^2.1.0:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.2.tgz"
+  integrity sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==
+
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz"
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+  dependencies:
+    wrappy "1"
+
+onetime@^5.1.0, onetime@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+  dependencies:
+    mimic-fn "^2.1.0"
+
+onetime@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz"
+  integrity sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==
+  dependencies:
+    mimic-fn "^4.0.0"
+
+open@^8.0.4:
+  version "8.4.2"
+  resolved "https://registry.npmjs.org/open/-/open-8.4.2.tgz"
+  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.5"
+
+os-browserify@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz"
+  integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
+
+ospath@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz"
+  integrity sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==
+
+p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-limit@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz"
+  integrity sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==
+  dependencies:
+    yocto-queue "^1.0.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+p-locate@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz"
+  integrity sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==
+  dependencies:
+    p-limit "^4.0.0"
+
+p-map@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz"
+  integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
+  dependencies:
+    aggregate-error "^3.0.0"
+
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
+pako@~1.0.5:
+  version "1.0.11"
+  resolved "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz"
+  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
+
+param-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-asn1@^5.0.0, parse-asn1@^5.1.7:
+  version "5.1.7"
+  resolved "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.7.tgz"
+  integrity sha512-CTM5kuWR3sx9IFamcl5ErfPl6ea/N8IYwiJ+vpeB2g+1iknv7zBl5uPwbMbRVznRVbrNY6lGuDoE5b30grmbqg==
+  dependencies:
+    asn1.js "^4.10.1"
+    browserify-aes "^1.2.0"
+    evp_bytestokey "^1.0.3"
+    hash-base "~3.0"
+    pbkdf2 "^3.1.2"
+    safe-buffer "^5.2.1"
+
+parse-json@^5.0.0, parse-json@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
+parse5@^7.1.2:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/parse5/-/parse5-7.2.0.tgz"
+  integrity sha512-ZkDsAOcxsUMZ4Lz5fVciOehNcJ+Gb8gTzcA4yl3wnc273BAybYWrQ+Ks/OjCjSEpjvQkDSeZbybK9qj2VHHdGA==
+  dependencies:
+    entities "^4.5.0"
+
+parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+path-browserify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz"
+  integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-exists@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz"
+  integrity sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
+
+path-key@^3.0.0, path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-key@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz"
+  integrity sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-scurry@^1.10.1:
+  version "1.11.1"
+  resolved "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
+path-to-regexp@0.1.10:
+  version "0.1.10"
+  resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz"
+  integrity sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+pathe@^1.1.1, pathe@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz"
+  integrity sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==
+
+pathval@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz"
+  integrity sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==
+
+pause-stream@0.0.11:
+  version "0.0.11"
+  resolved "https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz"
+  integrity sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==
+  dependencies:
+    through "~2.3"
+
+pbkdf2@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz"
+  integrity sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==
+  dependencies:
+    create-hash "^1.1.2"
+    create-hmac "^1.1.4"
+    ripemd160 "^2.0.1"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz"
+  integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz"
+  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
+
+picocolors@^1.0.0, picocolors@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pify@^2.2.0, pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz"
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz"
+  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
+
+pify@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/pify/-/pify-5.0.0.tgz"
+  integrity sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==
+
+pino-abstract-transport@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-2.0.0.tgz"
+  integrity sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==
+  dependencies:
+    split2 "^4.0.0"
+
+pino-abstract-transport@v0.5.0:
+  version "0.5.0"
+  resolved "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-0.5.0.tgz"
+  integrity sha512-+KAgmVeqXYbTtU2FScx1XS3kNyfZ5TrXY07V96QnUSFqo2gAqlvmaxH67Lj7SWazqsMabf+58ctdTcBgnOLUOQ==
+  dependencies:
+    duplexify "^4.1.2"
+    split2 "^4.0.0"
+
+pino-pretty@^11.2.1:
+  version "11.3.0"
+  resolved "https://registry.npmjs.org/pino-pretty/-/pino-pretty-11.3.0.tgz"
+  integrity sha512-oXwn7ICywaZPHmu3epHGU2oJX4nPmKvHvB/bwrJHlGcbEWaVcotkpyVHMKLKmiVryWYByNp0jpgAcXpFJDXJzA==
+  dependencies:
+    colorette "^2.0.7"
+    dateformat "^4.6.3"
+    fast-copy "^3.0.2"
+    fast-safe-stringify "^2.1.1"
+    help-me "^5.0.0"
+    joycon "^3.1.1"
+    minimist "^1.2.6"
+    on-exit-leak-free "^2.1.0"
+    pino-abstract-transport "^2.0.0"
+    pump "^3.0.0"
+    readable-stream "^4.0.0"
+    secure-json-parse "^2.4.0"
+    sonic-boom "^4.0.1"
+    strip-json-comments "^3.1.1"
+
+pino-std-serializers@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-4.0.0.tgz"
+  integrity sha512-cK0pekc1Kjy5w9V2/n+8MkZwusa6EyyxfeQCB799CQRhRt/CqYKiWs5adeu8Shve2ZNffvfC/7J64A2PJo1W/Q==
+
+pino@7.11.0:
+  version "7.11.0"
+  resolved "https://registry.npmjs.org/pino/-/pino-7.11.0.tgz"
+  integrity sha512-dMACeu63HtRLmCG8VKdy4cShCPKaYDR4youZqoSWLxl5Gu99HUw8bw75thbPv9Nip+H+QYX8o3ZJbTdVZZ2TVg==
+  dependencies:
+    atomic-sleep "^1.0.0"
+    fast-redact "^3.0.0"
+    on-exit-leak-free "^0.2.0"
+    pino-abstract-transport v0.5.0
+    pino-std-serializers "^4.0.0"
+    process-warning "^1.0.0"
+    quick-format-unescaped "^4.0.3"
+    real-require "^0.1.0"
+    safe-stable-stringify "^2.1.0"
+    sonic-boom "^2.2.1"
+    thread-stream "^0.15.1"
+
+pirates@^4.0.1:
+  version "4.0.6"
+  resolved "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
+pkg-dir@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+  dependencies:
+    find-up "^4.0.0"
+
+pkg-dir@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz"
+  integrity sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==
+  dependencies:
+    find-up "^6.3.0"
+
+pkg-types@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/pkg-types/-/pkg-types-1.2.1.tgz"
+  integrity sha512-sQoqa8alT3nHjGuTjuKgOnvjo4cljkufdtLMnO2LBP/wRwuDlo1tkaEdMxCRhyGRPacv/ztlZgDPm2b7FAmEvw==
+  dependencies:
+    confbox "^0.1.8"
+    mlly "^1.7.2"
+    pathe "^1.1.2"
+
+pngjs@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz"
+  integrity sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==
+
+pnp-webpack-plugin@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.7.0.tgz"
+  integrity sha512-2Rb3vm+EXble/sMXNSu6eoBx8e79gKqhNq9F5ZWW6ERNCTE/Q0wQNne5541tE5vKjfM8hpNCYL+LGc1YTfI0dg==
+  dependencies:
+    ts-pnp "^1.1.6"
+
+polished@^4.2.2:
+  version "4.3.1"
+  resolved "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz"
+  integrity sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==
+  dependencies:
+    "@babel/runtime" "^7.17.8"
+
+pony-cause@^2.1.10:
+  version "2.1.11"
+  resolved "https://registry.npmjs.org/pony-cause/-/pony-cause-2.1.11.tgz"
+  integrity sha512-M7LhCsdNbNgiLYiP4WjsfLUuFmCfnjdF6jKe2R9NKl4WFN+HZPGHJZ9lnLP7f9ZnKe3U9nuWD0szirmj+migUg==
+
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
+
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-js@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-load-config@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz"
+  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
+  dependencies:
+    lilconfig "^3.0.0"
+    yaml "^2.3.4"
+
+postcss-loader@^8.1.1:
+  version "8.1.1"
+  resolved "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz"
+  integrity sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==
+  dependencies:
+    cosmiconfig "^9.0.0"
+    jiti "^1.20.0"
+    semver "^7.5.4"
+
+postcss-modules-extract-imports@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz"
+  integrity sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==
+
+postcss-modules-local-by-default@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.5.tgz"
+  integrity sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw==
+  dependencies:
+    icss-utils "^5.0.0"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.1.0"
+
+postcss-modules-scope@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.0.tgz"
+  integrity sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
+postcss-modules-values@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz"
+  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
+  dependencies:
+    icss-utils "^5.0.0"
+
+postcss-nested@^6.0.1:
+  version "6.2.0"
+  resolved "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz"
+  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
+  dependencies:
+    postcss-selector-parser "^6.1.1"
+
+postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.1.1:
+  version "6.1.2"
+  resolved "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz"
+  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@8.4.31:
+  version "8.4.31"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz"
+  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+postcss@^8, postcss@^8.2.14, postcss@^8.4.23, postcss@^8.4.33, postcss@^8.4.38, postcss@^8.4.43:
+  version "8.4.47"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz"
+  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.1.0"
+    source-map-js "^1.2.1"
+
+preact@^10.16.0:
+  version "10.24.3"
+  resolved "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz"
+  integrity sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
+prettier@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz"
+  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
+
+pretty-bytes@^5.6.0:
+  version "5.6.0"
+  resolved "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz"
+  integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
+
+pretty-error@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz"
+  integrity sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==
+  dependencies:
+    lodash "^4.17.20"
+    renderkid "^3.0.0"
+
+pretty-format@^27.0.2:
+  version "27.5.1"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz"
+  integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
+  dependencies:
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
+    react-is "^17.0.1"
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+process-warning@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/process-warning/-/process-warning-1.0.0.tgz"
+  integrity sha512-du4wfLyj4yCZq1VupnVSZmRsPJsNuxoDQFdCFHLaYiEbFBD7QE0a+I4D7hOxrVnh78QE/YipFAj9lXHiXocV+Q==
+
+process@^0.11.10:
+  version "0.11.10"
+  resolved "https://registry.npmjs.org/process/-/process-0.11.10.tgz"
+  integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
+
+prop-types@^15.7.2, prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
+proxy-compare@2.5.1:
+  version "2.5.1"
+  resolved "https://registry.npmjs.org/proxy-compare/-/proxy-compare-2.5.1.tgz"
+  integrity sha512-oyfc0Tx87Cpwva5ZXezSp5V9vht1c7dZBhvuV/y3ctkgMVUmiAGDVeeB0dKhGSyT0v1ZTEQYpe/RXlBVBNuCLA==
+
+proxy-from-env@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz"
+  integrity sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==
+
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
+ps-tree@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/ps-tree/-/ps-tree-1.2.0.tgz"
+  integrity sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==
+  dependencies:
+    event-stream "=3.3.4"
+
+psl@^1.1.33:
+  version "1.9.0"
+  resolved "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz"
+  integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
+
+public-encrypt@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz"
+  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
+  dependencies:
+    bn.js "^4.1.0"
+    browserify-rsa "^4.0.0"
+    create-hash "^1.1.0"
+    parse-asn1 "^5.0.0"
+    randombytes "^2.0.1"
+    safe-buffer "^5.1.2"
+
+pump@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz"
+  integrity sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+punycode@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz"
+  integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
+
+punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
+qr-code-styling@^1.6.0-rc.1:
+  version "1.8.4"
+  resolved "https://registry.npmjs.org/qr-code-styling/-/qr-code-styling-1.8.4.tgz"
+  integrity sha512-uxykNuvXaPDK/jGDERDIdDvvocefbHu1oxVYi6K87FUdPPAezkBdcIeFJ8XVX2HSsyLFINile5uzfOMYpGu5ZA==
+  dependencies:
+    qrcode-generator "^1.4.4"
+
+qrcode-generator@^1.4.4:
+  version "1.4.4"
+  resolved "https://registry.npmjs.org/qrcode-generator/-/qrcode-generator-1.4.4.tgz"
+  integrity sha512-HM7yY8O2ilqhmULxGMpcHSF1EhJJ9yBj8gvDEuZ6M+KGJ0YY2hKpnXvRD+hZPLrDVck3ExIGhmPtSdcjC+guuw==
+
+qrcode-terminal-nooctal@^0.12.1:
+  version "0.12.1"
+  resolved "https://registry.npmjs.org/qrcode-terminal-nooctal/-/qrcode-terminal-nooctal-0.12.1.tgz"
+  integrity sha512-jy/kkD0iIMDjTucB+5T6KBsnirlhegDH47vHgrj5MejchSQmi/EAMM0xMFeePgV9CJkkAapNakpVUWYgHvtdKg==
+
+qrcode@1.5.3:
+  version "1.5.3"
+  resolved "https://registry.npmjs.org/qrcode/-/qrcode-1.5.3.tgz"
+  integrity sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==
+  dependencies:
+    dijkstrajs "^1.0.1"
+    encode-utf8 "^1.0.3"
+    pngjs "^5.0.0"
+    yargs "^15.3.1"
+
+qs@6.13.0, qs@^6.12.3:
+  version "6.13.0"
+  resolved "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz"
+  integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==
+  dependencies:
+    side-channel "^1.0.6"
+
+query-string@7.1.3:
+  version "7.1.3"
+  resolved "https://registry.npmjs.org/query-string/-/query-string-7.1.3.tgz"
+  integrity sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==
+  dependencies:
+    decode-uri-component "^0.2.2"
+    filter-obj "^1.1.0"
+    split-on-first "^1.0.0"
+    strict-uri-encode "^2.0.0"
+
+querystring-es3@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz"
+  integrity sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==
+
+querystringify@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz"
+  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+queue@6.0.2:
+  version "6.0.2"
+  resolved "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz"
+  integrity sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==
+  dependencies:
+    inherits "~2.0.3"
+
+quick-format-unescaped@^4.0.3:
+  version "4.0.4"
+  resolved "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz"
+  integrity sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==
+
+radix3@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz"
+  integrity sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==
+
+randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz"
+  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  dependencies:
+    safe-buffer "^5.1.0"
+
+randomfill@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz"
+  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
+  dependencies:
+    randombytes "^2.0.5"
+    safe-buffer "^5.1.0"
+
+range-parser@^1.2.1, range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@2.5.2:
+  version "2.5.2"
+  resolved "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz"
+  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
+react-colorful@^5.1.2:
+  version "5.6.1"
+  resolved "https://registry.npmjs.org/react-colorful/-/react-colorful-5.6.1.tgz"
+  integrity sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==
+
+react-confetti@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/react-confetti/-/react-confetti-6.1.0.tgz"
+  integrity sha512-7Ypx4vz0+g8ECVxr88W9zhcQpbeujJAVqL14ZnXJ3I23mOI9/oBVTQ3dkJhUmB0D6XOtCZEM6N0Gm9PMngkORw==
+  dependencies:
+    tween-functions "^1.2.0"
+
+react-docgen-typescript@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.npmjs.org/react-docgen-typescript/-/react-docgen-typescript-2.2.2.tgz"
+  integrity sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==
+
+react-docgen@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/react-docgen/-/react-docgen-7.1.0.tgz"
+  integrity sha512-APPU8HB2uZnpl6Vt/+0AFoVYgSRtfiP6FLrZgPPTDmqSb2R4qZRbgd0A3VzIFxDt5e+Fozjx79WjLWnF69DK8g==
+  dependencies:
+    "@babel/core" "^7.18.9"
+    "@babel/traverse" "^7.18.9"
+    "@babel/types" "^7.18.9"
+    "@types/babel__core" "^7.18.0"
+    "@types/babel__traverse" "^7.18.0"
+    "@types/doctrine" "^0.0.9"
+    "@types/resolve" "^1.20.2"
+    doctrine "^3.0.0"
+    resolve "^1.22.1"
+    strip-indent "^4.0.0"
+
+"react-dom@^16.8.0 || ^17.0.0 || ^18.0.0", react-dom@^18:
+  version "18.3.1"
+  resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz"
+  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
+  dependencies:
+    loose-envify "^1.1.0"
+    scheduler "^0.23.2"
+
+react-element-to-jsx-string@^15.0.0:
+  version "15.0.0"
+  resolved "https://registry.npmjs.org/react-element-to-jsx-string/-/react-element-to-jsx-string-15.0.0.tgz"
+  integrity sha512-UDg4lXB6BzlobN60P8fHWVPX3Kyw8ORrTeBtClmIlGdkOOE+GYQSFvmEU5iLLpwp/6v42DINwNcwOhOLfQ//FQ==
+  dependencies:
+    "@base2/pretty-print-object" "1.0.1"
+    is-plain-object "5.0.0"
+    react-is "18.1.0"
+
+react-hook-form@^7.52.1:
+  version "7.53.1"
+  resolved "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.53.1.tgz"
+  integrity sha512-6aiQeBda4zjcuaugWvim9WsGqisoUk+etmFEsSUMm451/Ic8L/UAb7sRtMj3V+Hdzm6mMjU1VhiSzYUZeBm0Vg==
+
+react-icons@^5.2.1:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz"
+  integrity sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==
+
+react-is@18.1.0:
+  version "18.1.0"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz"
+  integrity sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==
+
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-is@^17.0.1:
+  version "17.0.2"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz"
+  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+
+react-native-webview@^11.26.0:
+  version "11.26.1"
+  resolved "https://registry.npmjs.org/react-native-webview/-/react-native-webview-11.26.1.tgz"
+  integrity sha512-hC7BkxOpf+z0UKhxFSFTPAM4shQzYmZHoELa6/8a/MspcjEP7ukYKpuSUTLDywQditT8yI9idfcKvfZDKQExGw==
+  dependencies:
+    escape-string-regexp "2.0.0"
+    invariant "2.2.4"
+
+react-number-format@^5.4.0:
+  version "5.4.2"
+  resolved "https://registry.npmjs.org/react-number-format/-/react-number-format-5.4.2.tgz"
+  integrity sha512-cg//jVdS49PYDgmcYoBnMMHl4XNTMuV723ZnHD2aXYtWWWqbVF3hjQ8iB+UZEuXapLbeA8P8H+1o6ZB1lcw3vg==
+
+react-refresh@^0.14.0, react-refresh@^0.14.2:
+  version "0.14.2"
+  resolved "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz"
+  integrity sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==
+
+react-remove-scroll-bar@^2.3.6:
+  version "2.3.6"
+  resolved "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz"
+  integrity sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==
+  dependencies:
+    react-style-singleton "^2.2.1"
+    tslib "^2.0.0"
+
+react-remove-scroll@2.6.0:
+  version "2.6.0"
+  resolved "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.0.tgz"
+  integrity sha512-I2U4JVEsQenxDAKaVa3VZ/JeJZe0/2DxPWL8Tj8yLKctQJQiZM52pn/GWFpSp8dftjM3pSAHVJZscAnC/y+ySQ==
+  dependencies:
+    react-remove-scroll-bar "^2.3.6"
+    react-style-singleton "^2.2.1"
+    tslib "^2.1.0"
+    use-callback-ref "^1.3.0"
+    use-sidecar "^1.1.2"
+
+react-style-singleton@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz"
+  integrity sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==
+  dependencies:
+    get-nonce "^1.0.0"
+    invariant "^2.2.4"
+    tslib "^2.0.0"
+
+"react@^16.8.0 || ^17.0.0 || ^18.0.0", react@^18:
+  version "18.3.1"
+  resolved "https://registry.npmjs.org/react/-/react-18.3.1.tgz"
+  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
+readable-stream@^2.3.3, readable-stream@^2.3.8:
+  version "2.3.8"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^3.1.1, readable-stream@^3.5.0, readable-stream@^3.6.0, readable-stream@^3.6.2:
+  version "3.6.2"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+"readable-stream@^3.6.2 || ^4.4.2", readable-stream@^4.0.0:
+  version "4.5.2"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-4.5.2.tgz"
+  integrity sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==
+  dependencies:
+    abort-controller "^3.0.0"
+    buffer "^6.0.3"
+    events "^3.3.0"
+    process "^0.11.10"
+    string_decoder "^1.3.0"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+real-require@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/real-require/-/real-require-0.1.0.tgz"
+  integrity sha512-r/H9MzAWtrv8aSVjPCMFpDMl5q66GqtmmRkRjpHTsp4zBAa+snZyiQNlMONiUmEJcsnaw0wCauJ2GWODr/aFkg==
+
+recast@^0.23.5:
+  version "0.23.9"
+  resolved "https://registry.npmjs.org/recast/-/recast-0.23.9.tgz"
+  integrity sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==
+  dependencies:
+    ast-types "^0.16.1"
+    esprima "~4.0.0"
+    source-map "~0.6.1"
+    tiny-invariant "^1.3.3"
+    tslib "^2.0.1"
+
+redent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz"
+  integrity sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==
+  dependencies:
+    indent-string "^4.0.0"
+    strip-indent "^3.0.0"
+
+reflect.getprototypeof@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz"
+  integrity sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.1"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+    globalthis "^1.0.3"
+    which-builtin-type "^1.1.3"
+
+regenerate-unicode-properties@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz"
+  integrity sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==
+  dependencies:
+    regenerate "^1.4.2"
+
+regenerate@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz"
+  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
+
+regenerator-runtime@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
+  dependencies:
+    "@babel/runtime" "^7.8.4"
+
+regex-parser@^2.2.11:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.0.tgz"
+  integrity sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==
+
+regexp.prototype.flags@^1.5.2:
+  version "1.5.3"
+  resolved "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.3.tgz"
+  integrity sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    set-function-name "^2.0.2"
+
+regexpu-core@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.1.1.tgz"
+  integrity sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==
+  dependencies:
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.2.0"
+    regjsgen "^0.8.0"
+    regjsparser "^0.11.0"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.1.0"
+
+regjsgen@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz"
+  integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
+
+regjsparser@^0.11.0:
+  version "0.11.1"
+  resolved "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.1.tgz"
+  integrity sha512-1DHODs4B8p/mQHU9kr+jv8+wIC9mtG4eBHxWxIq5mhjE3D5oORhCc6deRKzTjs9DcfRFmj9BHSDguZklqCGFWQ==
+  dependencies:
+    jsesc "~3.0.2"
+
+rehype-external-links@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/rehype-external-links/-/rehype-external-links-3.0.0.tgz"
+  integrity sha512-yp+e5N9V3C6bwBeAC4n796kc86M4gJCdlVhiMTxIrJG5UHDMh+PJANf9heqORJbt1nrCbDwIlAZKjANIaVBbvw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    hast-util-is-element "^3.0.0"
+    is-absolute-url "^4.0.0"
+    space-separated-tokens "^2.0.0"
+    unist-util-visit "^5.0.0"
+
+rehype-slug@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/rehype-slug/-/rehype-slug-6.0.0.tgz"
+  integrity sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    github-slugger "^2.0.0"
+    hast-util-heading-rank "^3.0.0"
+    hast-util-to-string "^3.0.0"
+    unist-util-visit "^5.0.0"
+
+relateurl@^0.2.7:
+  version "0.2.7"
+  resolved "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz"
+  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
+
+renderkid@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz"
+  integrity sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==
+  dependencies:
+    css-select "^4.1.3"
+    dom-converter "^0.2.0"
+    htmlparser2 "^6.1.0"
+    lodash "^4.17.21"
+    strip-ansi "^6.0.1"
+
+request-progress@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz"
+  integrity sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==
+  dependencies:
+    throttleit "^1.0.0"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+require-main-filename@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz"
+  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
+
+requireindex@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/requireindex/-/requireindex-1.2.0.tgz"
+  integrity sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==
+
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz"
+  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve-pkg-maps@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz"
+  integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
+
+resolve-url-loader@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz"
+  integrity sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==
+  dependencies:
+    adjust-sourcemap-loader "^4.0.0"
+    convert-source-map "^1.7.0"
+    loader-utils "^2.0.0"
+    postcss "^8.2.14"
+    source-map "0.6.1"
+
+resolve@^1.1.7, resolve@^1.14.2, resolve@^1.22.1, resolve@^1.22.2, resolve@^1.22.4, resolve@^1.22.8:
+  version "1.22.8"
+  resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz"
+  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^2.0.0-next.5:
+  version "2.0.0-next.5"
+  resolved "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz"
+  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+restore-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz"
+  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
+  dependencies:
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+rfdc@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz"
+  integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
+
+rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+ripemd160@^2.0.0, ripemd160@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz"
+  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
+  dependencies:
+    hash-base "^3.0.0"
+    inherits "^2.0.1"
+
+rollup@^4.20.0:
+  version "4.24.0"
+  resolved "https://registry.npmjs.org/rollup/-/rollup-4.24.0.tgz"
+  integrity sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==
+  dependencies:
+    "@types/estree" "1.0.6"
+  optionalDependencies:
+    "@rollup/rollup-android-arm-eabi" "4.24.0"
+    "@rollup/rollup-android-arm64" "4.24.0"
+    "@rollup/rollup-darwin-arm64" "4.24.0"
+    "@rollup/rollup-darwin-x64" "4.24.0"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.24.0"
+    "@rollup/rollup-linux-arm-musleabihf" "4.24.0"
+    "@rollup/rollup-linux-arm64-gnu" "4.24.0"
+    "@rollup/rollup-linux-arm64-musl" "4.24.0"
+    "@rollup/rollup-linux-powerpc64le-gnu" "4.24.0"
+    "@rollup/rollup-linux-riscv64-gnu" "4.24.0"
+    "@rollup/rollup-linux-s390x-gnu" "4.24.0"
+    "@rollup/rollup-linux-x64-gnu" "4.24.0"
+    "@rollup/rollup-linux-x64-musl" "4.24.0"
+    "@rollup/rollup-win32-arm64-msvc" "4.24.0"
+    "@rollup/rollup-win32-ia32-msvc" "4.24.0"
+    "@rollup/rollup-win32-x64-msvc" "4.24.0"
+    fsevents "~2.3.2"
+
+rrweb-cssom@^0.7.1:
+  version "0.7.1"
+  resolved "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.7.1.tgz"
+  integrity sha512-TrEMa7JGdVm0UThDJSx7ddw5nVm3UJS9o9CCIZ72B1vSyEZoziDqBYP3XIoi/12lKrJR8rE3jeFHMok2F/Mnsg==
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+rxjs@^7.5.1, rxjs@^7.8.1:
+  version "7.8.1"
+  resolved "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz"
+  integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
+  dependencies:
+    tslib "^2.1.0"
+
+safe-array-concat@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz"
+  integrity sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==
+  dependencies:
+    call-bind "^1.0.7"
+    get-intrinsic "^1.2.4"
+    has-symbols "^1.0.3"
+    isarray "^2.0.5"
+
+safe-buffer@5.2.1, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.1, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+safe-regex-test@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz"
+  integrity sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-regex "^1.1.4"
+
+safe-stable-stringify@^2.1.0:
+  version "2.5.0"
+  resolved "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.5.0.tgz"
+  integrity sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==
+
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+sass-loader@^13.2.0:
+  version "13.3.3"
+  resolved "https://registry.npmjs.org/sass-loader/-/sass-loader-13.3.3.tgz"
+  integrity sha512-mt5YN2F1MOZr3d/wBRcZxeFgwgkH44wVc2zohO2YF6JiOMkiXe4BYRZpSu2sO1g71mo/j16txzUhsKZlqjVGzA==
+  dependencies:
+    neo-async "^2.6.2"
+
+saxes@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz"
+  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
+  dependencies:
+    xmlchars "^2.2.0"
+
+scheduler@^0.23.2:
+  version "0.23.2"
+  resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz"
+  integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
+schema-utils@^3.1.1, schema-utils@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz"
+  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
+schema-utils@^4.0.0, schema-utils@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz"
+  integrity sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    ajv "^8.9.0"
+    ajv-formats "^2.1.1"
+    ajv-keywords "^5.1.0"
+
+secure-json-parse@^2.4.0:
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/secure-json-parse/-/secure-json-parse-2.7.0.tgz"
+  integrity sha512-6aU+Rwsezw7VR8/nyvKTx8QpWH9FrcYiXXlqC4z5d5XQBDRqtbfsRjnwGyqbi3gddNtWHuEk9OANUotL26qKUw==
+
+semver@^6.0.0, semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4, semver@^7.6.2, semver@^7.6.3:
+  version "7.6.3"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+
+send@0.19.0:
+  version "0.19.0"
+  resolved "https://registry.npmjs.org/send/-/send-0.19.0.tgz"
+  integrity sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
+serialize-javascript@^6.0.1:
+  version "6.0.2"
+  resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz"
+  integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
+  dependencies:
+    randombytes "^2.1.0"
+
+serve-static@1.16.2:
+  version "1.16.2"
+  resolved "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz"
+  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
+  dependencies:
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.19.0"
+
+set-blocking@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz"
+  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
+
+set-function-length@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
+set-function-name@^2.0.1, set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+setimmediate@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz"
+  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
+sha.js@^2.4.0, sha.js@^2.4.11, sha.js@^2.4.8:
+  version "2.4.11"
+  resolved "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz"
+  integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+sharp@^0.33.3:
+  version "0.33.5"
+  resolved "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz"
+  integrity sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==
+  dependencies:
+    color "^4.2.3"
+    detect-libc "^2.0.3"
+    semver "^7.6.3"
+  optionalDependencies:
+    "@img/sharp-darwin-arm64" "0.33.5"
+    "@img/sharp-darwin-x64" "0.33.5"
+    "@img/sharp-libvips-darwin-arm64" "1.0.4"
+    "@img/sharp-libvips-darwin-x64" "1.0.4"
+    "@img/sharp-libvips-linux-arm" "1.0.5"
+    "@img/sharp-libvips-linux-arm64" "1.0.4"
+    "@img/sharp-libvips-linux-s390x" "1.0.4"
+    "@img/sharp-libvips-linux-x64" "1.0.4"
+    "@img/sharp-libvips-linuxmusl-arm64" "1.0.4"
+    "@img/sharp-libvips-linuxmusl-x64" "1.0.4"
+    "@img/sharp-linux-arm" "0.33.5"
+    "@img/sharp-linux-arm64" "0.33.5"
+    "@img/sharp-linux-s390x" "0.33.5"
+    "@img/sharp-linux-x64" "0.33.5"
+    "@img/sharp-linuxmusl-arm64" "0.33.5"
+    "@img/sharp-linuxmusl-x64" "0.33.5"
+    "@img/sharp-wasm32" "0.33.5"
+    "@img/sharp-win32-ia32" "0.33.5"
+    "@img/sharp-win32-x64" "0.33.5"
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+side-channel@^1.0.4, side-channel@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz"
+  integrity sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+    object-inspect "^1.13.1"
+
+siginfo@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz"
+  integrity sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==
+
+signal-exit@^3.0.2, signal-exit@^3.0.3:
+  version "3.0.7"
+  resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
+signal-exit@^4.0.1, signal-exit@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz"
+  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
+  dependencies:
+    is-arrayish "^0.3.1"
+
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
+slice-ansi@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz"
+  integrity sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==
+  dependencies:
+    ansi-styles "^4.0.0"
+    astral-regex "^2.0.0"
+    is-fullwidth-code-point "^3.0.0"
+
+slice-ansi@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz"
+  integrity sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==
+  dependencies:
+    ansi-styles "^4.0.0"
+    astral-regex "^2.0.0"
+    is-fullwidth-code-point "^3.0.0"
+
+socket.io-client@^4.5.1:
+  version "4.8.0"
+  resolved "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.0.tgz"
+  integrity sha512-C0jdhD5yQahMws9alf/yvtsMGTaIDBnZ8Rb5HU56svyq0l5LIrGzIDZZD5pHQlmzxLuU91Gz+VpQMKgCTNYtkw==
+  dependencies:
+    "@socket.io/component-emitter" "~3.1.0"
+    debug "~4.3.2"
+    engine.io-client "~6.6.1"
+    socket.io-parser "~4.2.4"
+
+socket.io-parser@~4.2.4:
+  version "4.2.4"
+  resolved "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz"
+  integrity sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==
+  dependencies:
+    "@socket.io/component-emitter" "~3.1.0"
+    debug "~4.3.1"
+
+sonic-boom@^2.2.1:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/sonic-boom/-/sonic-boom-2.8.0.tgz"
+  integrity sha512-kuonw1YOYYNOve5iHdSahXPOK49GqwA+LZhI6Wz/l0rP57iKyXXIHaRagOBHAPmGwJC6od2Z9zgvZ5loSgMlVg==
+  dependencies:
+    atomic-sleep "^1.0.0"
+
+sonic-boom@^4.0.1:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/sonic-boom/-/sonic-boom-4.2.0.tgz"
+  integrity sha512-INb7TM37/mAcsGmc9hyyI6+QR3rR1zVRu36B0NeGXKnOOLiZOfER5SA+N7X7k3yUYRzLWafduTDvJAfDswwEww==
+  dependencies:
+    atomic-sleep "^1.0.0"
+
+source-map-js@^1.0.2, source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
+
+source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@0.6.1, source-map@^0.6.0, source-map@~0.6.0, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+source-map@^0.7.3:
+  version "0.7.4"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
+space-separated-tokens@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz"
+  integrity sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==
+
+split-on-first@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/split-on-first/-/split-on-first-1.1.0.tgz"
+  integrity sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==
+
+split2@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz"
+  integrity sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==
+
+split@0.3:
+  version "0.3.3"
+  resolved "https://registry.npmjs.org/split/-/split-0.3.3.tgz"
+  integrity sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==
+  dependencies:
+    through "2"
+
+sshpk@^1.18.0:
+  version "1.18.0"
+  resolved "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz"
+  integrity sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==
+  dependencies:
+    asn1 "~0.2.3"
+    assert-plus "^1.0.0"
+    bcrypt-pbkdf "^1.0.0"
+    dashdash "^1.12.0"
+    ecc-jsbn "~0.1.1"
+    getpass "^0.1.1"
+    jsbn "~0.1.0"
+    safer-buffer "^2.0.2"
+    tweetnacl "~0.14.0"
+
+stackback@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz"
+  integrity sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==
+
+stackframe@^1.3.4:
+  version "1.3.4"
+  resolved "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz"
+  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
+
+start-server-and-test@^2.0.4:
+  version "2.0.8"
+  resolved "https://registry.npmjs.org/start-server-and-test/-/start-server-and-test-2.0.8.tgz"
+  integrity sha512-v2fV6NV2F7tL1ocwfI4Wpait+IKjRbT5l3ZZ+ZikXdMLmxYsS8ynGAsCQAUVXkVyGyS+UibsRnvgHkMvJIvCsw==
+  dependencies:
+    arg "^5.0.2"
+    bluebird "3.7.2"
+    check-more-types "2.24.0"
+    debug "4.3.7"
+    execa "5.1.1"
+    lazy-ass "1.6.0"
+    ps-tree "1.2.0"
+    wait-on "8.0.1"
+
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+std-env@^3.7.0:
+  version "3.7.0"
+  resolved "https://registry.npmjs.org/std-env/-/std-env-3.7.0.tgz"
+  integrity sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==
+
+storybook@^8.1.10:
+  version "8.3.6"
+  resolved "https://registry.npmjs.org/storybook/-/storybook-8.3.6.tgz"
+  integrity sha512-9GVbtej6ZzPRUM7KRQ7848506FfHrUiJGqPuIQdoSJd09EmuEoLjmLAgEOmrHBQKgGYMaM7Vh9GsTLim6vwZTQ==
+  dependencies:
+    "@storybook/core" "8.3.6"
+
+stream-browserify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz"
+  integrity sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==
+  dependencies:
+    inherits "~2.0.4"
+    readable-stream "^3.5.0"
+
+stream-combiner@~0.0.4:
+  version "0.0.4"
+  resolved "https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz"
+  integrity sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==
+  dependencies:
+    duplexer "~0.1.1"
+
+stream-http@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/stream-http/-/stream-http-3.2.0.tgz"
+  integrity sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==
+  dependencies:
+    builtin-status-codes "^3.0.0"
+    inherits "^2.0.4"
+    readable-stream "^3.6.0"
+    xtend "^4.0.2"
+
+stream-shift@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz"
+  integrity sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==
+
+streamsearch@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz"
+  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
+
+strict-uri-encode@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz"
+  integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==
+
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0, string-width@^4.2.0:
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^5.0.1, string-width@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz"
+  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
+  dependencies:
+    eastasianwidth "^0.2.0"
+    emoji-regex "^9.2.2"
+    strip-ansi "^7.0.1"
+
+string.prototype.includes@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz"
+  integrity sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+
+string.prototype.matchall@^4.0.11:
+  version "4.0.11"
+  resolved "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz"
+  integrity sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.7"
+    regexp.prototype.flags "^1.5.2"
+    set-function-name "^2.0.2"
+    side-channel "^1.0.6"
+
+string.prototype.repeat@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz"
+  integrity sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+string.prototype.trim@^1.2.9:
+  version "1.2.9"
+  resolved "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz"
+  integrity sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.0"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimend@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz"
+  integrity sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string_decoder@^1.1.1, string_decoder@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^7.0.1, strip-ansi@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz"
+  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
+  dependencies:
+    ansi-regex "^6.0.1"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
+
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz"
+  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+strip-final-newline@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz"
+  integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
+
+strip-indent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz"
+  integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==
+  dependencies:
+    min-indent "^1.0.0"
+
+strip-indent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz"
+  integrity sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==
+  dependencies:
+    min-indent "^1.0.1"
+
+strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+style-loader@^3.3.1:
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz"
+  integrity sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==
+
+styled-jsx@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz"
+  integrity sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==
+  dependencies:
+    client-only "0.0.1"
+
+styled-jsx@^5.1.6:
+  version "5.1.6"
+  resolved "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz"
+  integrity sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==
+  dependencies:
+    client-only "0.0.1"
+
+sucrase@^3.32.0:
+  version "3.35.0"
+  resolved "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz"
+  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "^10.3.10"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
+superstruct@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/superstruct/-/superstruct-1.0.4.tgz"
+  integrity sha512-7JpaAoX2NGyoFlI9NBh66BQXGONc+uE+MRS5i2iOBKuS4e+ccgMDjATgZldkah+33DakBxDHiss9kvUcGAO8UQ==
+
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^8.0.0, supports-color@^8.1.1:
+  version "8.1.1"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+symbol-tree@^3.2.4:
+  version "3.2.4"
+  resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz"
+  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
+
+synckit@^0.9.1:
+  version "0.9.2"
+  resolved "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz"
+  integrity sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==
+  dependencies:
+    "@pkgr/core" "^0.1.0"
+    tslib "^2.6.2"
+
+system-architecture@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/system-architecture/-/system-architecture-0.1.0.tgz"
+  integrity sha512-ulAk51I9UVUyJgxlv9M6lFot2WP3e7t8Kz9+IS6D4rVba1tR9kON+Ey69f+1R4Q8cd45Lod6a4IcJIxnzGc/zA==
+
+tailwind-merge@^2.3.0:
+  version "2.5.4"
+  resolved "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.5.4.tgz"
+  integrity sha512-0q8cfZHMu9nuYP/b5Shb7Y7Sh1B7Nnl5GqNr1U+n2p6+mybvRtayrQ+0042Z5byvTA8ihjlP8Odo8/VnHbZu4Q==
+
+tailwindcss-animate@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz"
+  integrity sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==
+
+tailwindcss@^3.4.1:
+  version "3.4.14"
+  resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.14.tgz"
+  integrity sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.3.0"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.21.0"
+    lilconfig "^2.1.0"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
+    postcss-selector-parser "^6.0.11"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"
+
+tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+telejson@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/telejson/-/telejson-7.2.0.tgz"
+  integrity sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==
+  dependencies:
+    memoizerific "^1.11.3"
+
+terser-webpack-plugin@^5.3.1, terser-webpack-plugin@^5.3.10:
+  version "5.3.10"
+  resolved "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz"
+  integrity sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.20"
+    jest-worker "^27.4.5"
+    schema-utils "^3.1.1"
+    serialize-javascript "^6.0.1"
+    terser "^5.26.0"
+
+terser@^5.10.0, terser@^5.26.0:
+  version "5.36.0"
+  resolved "https://registry.npmjs.org/terser/-/terser-5.36.0.tgz"
+  integrity sha512-IYV9eNMuFAV4THUspIRXkLakHnV6XO7FEdtKjf/mDyrnqUg9LnlOn6/RwRvM9SZjR4GUq8Nk8zj67FzVARr74w==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.8.2"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
+thread-stream@^0.15.1:
+  version "0.15.2"
+  resolved "https://registry.npmjs.org/thread-stream/-/thread-stream-0.15.2.tgz"
+  integrity sha512-UkEhKIg2pD+fjkHQKyJO3yoIvAP3N6RlNFt2dUhcS1FGvCD1cQa1M/PGknCLFIyZdtJOWQjejp7bdNqmN7zwdA==
+  dependencies:
+    real-require "^0.1.0"
+
+throttleit@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/throttleit/-/throttleit-1.0.1.tgz"
+  integrity sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==
+
+through@2, through@^2.3.8, through@~2.3, through@~2.3.1:
+  version "2.3.8"
+  resolved "https://registry.npmjs.org/through/-/through-2.3.8.tgz"
+  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
+
+timers-browserify@^2.0.12:
+  version "2.0.12"
+  resolved "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz"
+  integrity sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==
+  dependencies:
+    setimmediate "^1.0.4"
+
+tiny-invariant@^1.3.1, tiny-invariant@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz"
+  integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==
+
+tinybench@^2.9.0:
+  version "2.9.0"
+  resolved "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz"
+  integrity sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==
+
+tinyexec@^0.3.0:
+  version "0.3.1"
+  resolved "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.1.tgz"
+  integrity sha512-WiCJLEECkO18gwqIp6+hJg0//p23HXp4S+gGtAKu3mI2F2/sXC4FvHvXvB0zJVVaTPhx1/tOwdbRsa1sOBIKqQ==
+
+tinypool@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/tinypool/-/tinypool-1.0.1.tgz"
+  integrity sha512-URZYihUbRPcGv95En+sz6MfghfIc2OJ1sv/RmhWZLouPY0/8Vo80viwPvg3dlaS9fuq7fQMEfgRRK7BBZThBEA==
+
+tinyrainbow@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz"
+  integrity sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==
+
+tinyspy@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz"
+  integrity sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==
+
+tldts-core@^6.1.54:
+  version "6.1.54"
+  resolved "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.54.tgz"
+  integrity sha512-5cc42+0G0EjYRDfIJHKraaT3I5kPm7j6or3Zh1T9sF+Ftj1T+isT4thicUyQQ1bwN7/xjHQIuY2fXCoXP8Haqg==
+
+tldts@^6.1.32:
+  version "6.1.54"
+  resolved "https://registry.npmjs.org/tldts/-/tldts-6.1.54.tgz"
+  integrity sha512-rDaL1t59gb/Lg0HPMUGdV1vAKLQcXwU74D26aMaYV4QW7mnMvShd1Vmkg3HYAPWx2JCTUmsrXt/Yl9eJ5UFBQw==
+  dependencies:
+    tldts-core "^6.1.54"
+
+tmp@~0.2.3:
+  version "0.2.3"
+  resolved "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz"
+  integrity sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
+tough-cookie@^4.1.3:
+  version "4.1.4"
+  resolved "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz"
+  integrity sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==
+  dependencies:
+    psl "^1.1.33"
+    punycode "^2.1.1"
+    universalify "^0.2.0"
+    url-parse "^1.5.3"
+
+tough-cookie@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.0.0.tgz"
+  integrity sha512-FRKsF7cz96xIIeMZ82ehjC3xW2E+O2+v11udrDYewUbszngYhsGa8z6YUMMzO9QJZzzyd0nGGXnML/TReX6W8Q==
+  dependencies:
+    tldts "^6.1.32"
+
+tr46@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz"
+  integrity sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==
+  dependencies:
+    punycode "^2.3.1"
+
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz"
+  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
+
+ts-api-utils@^1.0.1:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz"
+  integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
+
+ts-dedent@^2.0.0, ts-dedent@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz"
+  integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==
+
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
+ts-node@^10.9.2:
+  version "10.9.2"
+  resolved "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz"
+  integrity sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==
+  dependencies:
+    "@cspotcode/source-map-support" "^0.8.0"
+    "@tsconfig/node10" "^1.0.7"
+    "@tsconfig/node12" "^1.0.7"
+    "@tsconfig/node14" "^1.0.0"
+    "@tsconfig/node16" "^1.0.2"
+    acorn "^8.4.1"
+    acorn-walk "^8.1.1"
+    arg "^4.1.0"
+    create-require "^1.1.0"
+    diff "^4.0.1"
+    make-error "^1.1.1"
+    v8-compile-cache-lib "^3.0.1"
+    yn "3.1.1"
+
+ts-pnp@^1.1.6:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.2.0.tgz"
+  integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==
+
+tsconfig-paths-webpack-plugin@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.1.0.tgz"
+  integrity sha512-xWFISjviPydmtmgeUAuXp4N1fky+VCtfhOkDUFIv5ea7p4wuTomI4QTrXvFBX2S4jZsmyTSrStQl+E+4w+RzxA==
+  dependencies:
+    chalk "^4.1.0"
+    enhanced-resolve "^5.7.0"
+    tsconfig-paths "^4.1.2"
+
+tsconfig-paths@^3.15.0:
+  version "3.15.0"
+  resolved "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz"
+  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tsconfig-paths@^4.0.0, tsconfig-paths@^4.1.2, tsconfig-paths@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz"
+  integrity sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==
+  dependencies:
+    json5 "^2.2.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tslib@1.14.1, tslib@^1.8.1:
+  version "1.14.1"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@2.7.0:
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz"
+  integrity sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==
+
+tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.1, tslib@^2.4.0, tslib@^2.6.2:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.8.0.tgz"
+  integrity sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA==
+
+tsutils@^3.21.0:
+  version "3.21.0"
+  resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
+tty-browserify@^0.0.1:
+  version "0.0.1"
+  resolved "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz"
+  integrity sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==
+
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz"
+  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
+  dependencies:
+    safe-buffer "^5.0.1"
+
+tween-functions@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/tween-functions/-/tween-functions-1.2.0.tgz"
+  integrity sha512-PZBtLYcCLtEcjL14Fzb1gSxPBeL7nWvGhO5ZFPGqziCcr8uvHp0NDmdjBchp6KHL+tExcg0m3NISmKxhU394dA==
+
+tweetnacl@^0.14.3, tweetnacl@~0.14.0:
+  version "0.14.5"
+  resolved "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz"
+  integrity sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+type-fest@^0.21.3:
+  version "0.21.3"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz"
+  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
+
+type-fest@^2.14.0, type-fest@^2.19.0, type-fest@~2.19:
+  version "2.19.0"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz"
+  integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
+
+type-is@~1.6.18:
+  version "1.6.18"
+  resolved "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
+typed-array-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz"
+  integrity sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.13"
+
+typed-array-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz"
+  integrity sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+
+typed-array-byte-offset@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz"
+  integrity sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+
+typed-array-length@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz"
+  integrity sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-proto "^1.0.3"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+
+typescript@^5:
+  version "5.6.3"
+  resolved "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz"
+  integrity sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==
+
+ufo@^1.5.4:
+  version "1.5.4"
+  resolved "https://registry.npmjs.org/ufo/-/ufo-1.5.4.tgz"
+  integrity sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==
+
+uint8arrays@3.1.0, uint8arrays@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/uint8arrays/-/uint8arrays-3.1.0.tgz"
+  integrity sha512-ei5rfKtoRO8OyOIor2Rz5fhzjThwIHJZ3uyDPnDHTXbP0aMQ1RN/6AI5B5d9dBxJOU+BvOAk7ZQ1xphsX8Lrog==
+  dependencies:
+    multiformats "^9.4.2"
+
+unbox-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz"
+  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+  dependencies:
+    call-bind "^1.0.2"
+    has-bigints "^1.0.2"
+    has-symbols "^1.0.3"
+    which-boxed-primitive "^1.0.2"
+
+uncrypto@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.npmjs.org/uncrypto/-/uncrypto-0.1.3.tgz"
+  integrity sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==
+
+undici-types@~6.19.2:
+  version "6.19.8"
+  resolved "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz"
+  integrity sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==
+
+unenv@^1.10.0:
+  version "1.10.0"
+  resolved "https://registry.npmjs.org/unenv/-/unenv-1.10.0.tgz"
+  integrity sha512-wY5bskBQFL9n3Eca5XnhH6KbUo/tfvkwm9OpcdCvLaeA7piBNbavbOKJySEwQ1V0RH6HvNlSAFRTpvTqgKRQXQ==
+  dependencies:
+    consola "^3.2.3"
+    defu "^6.1.4"
+    mime "^3.0.0"
+    node-fetch-native "^1.6.4"
+    pathe "^1.1.2"
+
+unicode-canonical-property-names-ecmascript@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz"
+  integrity sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==
+
+unicode-match-property-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz"
+  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
+  dependencies:
+    unicode-canonical-property-names-ecmascript "^2.0.0"
+    unicode-property-aliases-ecmascript "^2.0.0"
+
+unicode-match-property-value-ecmascript@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz"
+  integrity sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==
+
+unicode-property-aliases-ecmascript@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz"
+  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
+
+unist-util-is@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz"
+  integrity sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==
+  dependencies:
+    "@types/unist" "^3.0.0"
+
+unist-util-visit-parents@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz"
+  integrity sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+
+unist-util-visit@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz"
+  integrity sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+    unist-util-visit-parents "^6.0.0"
+
+universalify@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz"
+  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
+
+universalify@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz"
+  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
+
+unplugin@^1.3.1:
+  version "1.14.1"
+  resolved "https://registry.npmjs.org/unplugin/-/unplugin-1.14.1.tgz"
+  integrity sha512-lBlHbfSFPToDYp9pjXlUEFVxYLaue9f9T1HC+4OHlmj+HnMDdz9oZY+erXfoCe/5V/7gKUSY2jpXPb9S7f0f/w==
+  dependencies:
+    acorn "^8.12.1"
+    webpack-virtual-modules "^0.6.2"
+
+unstorage@^1.9.0:
+  version "1.12.0"
+  resolved "https://registry.npmjs.org/unstorage/-/unstorage-1.12.0.tgz"
+  integrity sha512-ARZYTXiC+e8z3lRM7/qY9oyaOkaozCeNd2xoz7sYK9fv7OLGhVsf+BZbmASqiK/HTZ7T6eAlnVq9JynZppyk3w==
+  dependencies:
+    anymatch "^3.1.3"
+    chokidar "^3.6.0"
+    destr "^2.0.3"
+    h3 "^1.12.0"
+    listhen "^1.7.2"
+    lru-cache "^10.4.3"
+    mri "^1.2.0"
+    node-fetch-native "^1.6.4"
+    ofetch "^1.3.4"
+    ufo "^1.5.4"
+
+untildify@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz"
+  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
+
+untun@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.npmjs.org/untun/-/untun-0.1.3.tgz"
+  integrity sha512-4luGP9LMYszMRZwsvyUd9MrxgEGZdZuZgpVQHEEX0lCYFESasVRvZd0EYpCkOIbJKHMuv0LskpXc/8Un+MJzEQ==
+  dependencies:
+    citty "^0.1.5"
+    consola "^3.2.3"
+    pathe "^1.1.1"
+
+update-browserslist-db@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz"
+  integrity sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.0"
+
+uqr@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.npmjs.org/uqr/-/uqr-0.1.2.tgz"
+  integrity sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+url-parse@^1.5.3:
+  version "1.5.10"
+  resolved "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz"
+  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
+  dependencies:
+    querystringify "^2.1.1"
+    requires-port "^1.0.0"
+
+url@^0.11.0:
+  version "0.11.4"
+  resolved "https://registry.npmjs.org/url/-/url-0.11.4.tgz"
+  integrity sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==
+  dependencies:
+    punycode "^1.4.1"
+    qs "^6.12.3"
+
+use-callback-ref@^1.3.0:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.2.tgz"
+  integrity sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==
+  dependencies:
+    tslib "^2.0.0"
+
+use-debounce@^10.0.4:
+  version "10.0.4"
+  resolved "https://registry.npmjs.org/use-debounce/-/use-debounce-10.0.4.tgz"
+  integrity sha512-6Cf7Yr7Wk7Kdv77nnJMf6de4HuDE4dTxKij+RqE9rufDsI6zsbjyAxcH5y2ueJCQAnfgKbzXbZHYlkFwmBlWkw==
+
+use-sidecar@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz"
+  integrity sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==
+  dependencies:
+    detect-node-es "^1.1.0"
+    tslib "^2.0.0"
+
+use-sync-external-store@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz"
+  integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
+
+utf-8-validate@^5.0.2:
+  version "5.0.10"
+  resolved "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz"
+  integrity sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==
+  dependencies:
+    node-gyp-build "^4.3.0"
+
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+util@^0.12.4, util@^0.12.5:
+  version "0.12.5"
+  resolved "https://registry.npmjs.org/util/-/util-0.12.5.tgz"
+  integrity sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==
+  dependencies:
+    inherits "^2.0.3"
+    is-arguments "^1.0.4"
+    is-generator-function "^1.0.7"
+    is-typed-array "^1.1.3"
+    which-typed-array "^1.1.2"
+
+utila@~0.4:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz"
+  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz"
+  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
+
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
+uuid@^9.0.0, uuid@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz"
+  integrity sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==
+
+v8-compile-cache-lib@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz"
+  integrity sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==
+
+valtio@1.11.2:
+  version "1.11.2"
+  resolved "https://registry.npmjs.org/valtio/-/valtio-1.11.2.tgz"
+  integrity sha512-1XfIxnUXzyswPAPXo1P3Pdx2mq/pIqZICkWN60Hby0d9Iqb+MEIpqgYVlbflvHdrp2YR/q3jyKWRPJJ100yxaw==
+  dependencies:
+    proxy-compare "2.5.1"
+    use-sync-external-store "1.2.0"
+
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
+verror@1.10.0:
+  version "1.10.0"
+  resolved "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz"
+  integrity sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==
+  dependencies:
+    assert-plus "^1.0.0"
+    core-util-is "1.0.2"
+    extsprintf "^1.2.0"
+
+viem@^2.1.1, viem@^2.17.3:
+  version "2.21.34"
+  resolved "https://registry.npmjs.org/viem/-/viem-2.21.34.tgz"
+  integrity sha512-IR8ucya4dkVJv1jzv/qBz1TxYbSoXZuJPuqQk1/AybU9VuGdMUayittYwr0Navs97XFNml6UWGVya07apoaBmQ==
+  dependencies:
+    "@adraffy/ens-normalize" "1.11.0"
+    "@noble/curves" "1.6.0"
+    "@noble/hashes" "1.5.0"
+    "@scure/bip32" "1.5.0"
+    "@scure/bip39" "1.4.0"
+    abitype "1.0.6"
+    isows "1.0.6"
+    webauthn-p256 "0.0.10"
+    ws "8.18.0"
+
+vite-node@2.1.3:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/vite-node/-/vite-node-2.1.3.tgz"
+  integrity sha512-I1JadzO+xYX887S39Do+paRePCKoiDrWRRjp9kkG5he0t7RXNvPAJPCQSJqbGN4uCrFFeS3Kj3sLqY8NMYBEdA==
+  dependencies:
+    cac "^6.7.14"
+    debug "^4.3.6"
+    pathe "^1.1.2"
+    vite "^5.0.0"
+
+vite@^5.0.0:
+  version "5.4.10"
+  resolved "https://registry.npmjs.org/vite/-/vite-5.4.10.tgz"
+  integrity sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==
+  dependencies:
+    esbuild "^0.21.3"
+    postcss "^8.4.43"
+    rollup "^4.20.0"
+  optionalDependencies:
+    fsevents "~2.3.3"
+
+vitest@^2.1.2:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/vitest/-/vitest-2.1.3.tgz"
+  integrity sha512-Zrxbg/WiIvUP2uEzelDNTXmEMJXuzJ1kCpbDvaKByFA9MNeO95V+7r/3ti0qzJzrxdyuUw5VduN7k+D3VmVOSA==
+  dependencies:
+    "@vitest/expect" "2.1.3"
+    "@vitest/mocker" "2.1.3"
+    "@vitest/pretty-format" "^2.1.3"
+    "@vitest/runner" "2.1.3"
+    "@vitest/snapshot" "2.1.3"
+    "@vitest/spy" "2.1.3"
+    "@vitest/utils" "2.1.3"
+    chai "^5.1.1"
+    debug "^4.3.6"
+    magic-string "^0.30.11"
+    pathe "^1.1.2"
+    std-env "^3.7.0"
+    tinybench "^2.9.0"
+    tinyexec "^0.3.0"
+    tinypool "^1.0.0"
+    tinyrainbow "^1.2.0"
+    vite "^5.0.0"
+    vite-node "2.1.3"
+    why-is-node-running "^2.3.0"
+
+vm-browserify@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz"
+  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
+
+w3c-xmlserializer@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz"
+  integrity sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==
+  dependencies:
+    xml-name-validator "^5.0.0"
+
+wagmi@^2.12.1:
+  version "2.12.25"
+  resolved "https://registry.npmjs.org/wagmi/-/wagmi-2.12.25.tgz"
+  integrity sha512-RdQCDbTv1+b7fWCAoLEYX0loymqLnhmNrMZq1gfPEs6cOhEHYOQeZtJWnyaXOD5+3xIFw+xoA0xDNvAHVbtbKw==
+  dependencies:
+    "@wagmi/connectors" "5.3.3"
+    "@wagmi/core" "2.14.1"
+    use-sync-external-store "1.2.0"
+
+wait-on@8.0.1:
+  version "8.0.1"
+  resolved "https://registry.npmjs.org/wait-on/-/wait-on-8.0.1.tgz"
+  integrity sha512-1wWQOyR2LVVtaqrcIL2+OM+x7bkpmzVROa0Nf6FryXkS+er5Sa1kzFGjzZRqLnHa3n1rACFLeTwUqE1ETL9Mig==
+  dependencies:
+    axios "^1.7.7"
+    joi "^17.13.3"
+    lodash "^4.17.21"
+    minimist "^1.2.8"
+    rxjs "^7.8.1"
+
+watchpack@^2.4.1:
+  version "2.4.2"
+  resolved "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz"
+  integrity sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==
+  dependencies:
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.1.2"
+
+webauthn-p256@0.0.10:
+  version "0.0.10"
+  resolved "https://registry.npmjs.org/webauthn-p256/-/webauthn-p256-0.0.10.tgz"
+  integrity sha512-EeYD+gmIT80YkSIDb2iWq0lq2zbHo1CxHlQTeJ+KkCILWpVy3zASH3ByD4bopzfk0uCwXxLqKGLqp2W4O28VFA==
+  dependencies:
+    "@noble/curves" "^1.4.0"
+    "@noble/hashes" "^1.4.0"
+
+"webextension-polyfill@>=0.10.0 <1.0", webextension-polyfill@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.npmjs.org/webextension-polyfill/-/webextension-polyfill-0.10.0.tgz"
+  integrity sha512-c5s35LgVa5tFaHhrZDnr3FpQpjj1BB+RXhLTYUxGqBVN460HkbM8TBtEqdXWbpTKfzwCcjAZVF7zXCYSKtcp9g==
+
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz"
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
+
+webidl-conversions@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz"
+  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
+
+webpack-dev-middleware@^6.1.2:
+  version "6.1.3"
+  resolved "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.3.tgz"
+  integrity sha512-A4ChP0Qj8oGociTs6UdlRUGANIGrCDL3y+pmQMc+dSsraXHCatFpmMey4mYELA+juqwUqwQsUgJJISXl1KWmiw==
+  dependencies:
+    colorette "^2.0.10"
+    memfs "^3.4.12"
+    mime-types "^2.1.31"
+    range-parser "^1.2.1"
+    schema-utils "^4.0.0"
+
+webpack-hot-middleware@^2.25.1:
+  version "2.26.1"
+  resolved "https://registry.npmjs.org/webpack-hot-middleware/-/webpack-hot-middleware-2.26.1.tgz"
+  integrity sha512-khZGfAeJx6I8K9zKohEWWYN6KDlVw2DHownoe+6Vtwj1LP9WFgegXnVMSkZ/dBEBtXFwrkkydsaPFlB7f8wU2A==
+  dependencies:
+    ansi-html-community "0.0.8"
+    html-entities "^2.1.0"
+    strip-ansi "^6.0.0"
+
+webpack-sources@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz"
+  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
+
+webpack-virtual-modules@^0.6.0, webpack-virtual-modules@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz"
+  integrity sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==
+
+webpack@5:
+  version "5.95.0"
+  resolved "https://registry.npmjs.org/webpack/-/webpack-5.95.0.tgz"
+  integrity sha512-2t3XstrKULz41MNMBF+cJ97TyHdyQ8HCt//pqErqDvNjU9YQBnZxIHa11VXsi7F3mb5/aO2tuDxdeTPdU7xu9Q==
+  dependencies:
+    "@types/estree" "^1.0.5"
+    "@webassemblyjs/ast" "^1.12.1"
+    "@webassemblyjs/wasm-edit" "^1.12.1"
+    "@webassemblyjs/wasm-parser" "^1.12.1"
+    acorn "^8.7.1"
+    acorn-import-attributes "^1.9.5"
+    browserslist "^4.21.10"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.17.1"
+    es-module-lexer "^1.2.1"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.11"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.2.0"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.3.10"
+    watchpack "^2.4.1"
+    webpack-sources "^3.2.3"
+
+whatwg-encoding@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz"
+  integrity sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==
+  dependencies:
+    iconv-lite "0.6.3"
+
+whatwg-mimetype@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz"
+  integrity sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==
+
+whatwg-url@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.0.0.tgz"
+  integrity sha512-1lfMEm2IEr7RIV+f4lUNPOqfFL+pO+Xw3fJSqmjX9AbXcXcYOkCe1P6+9VBZB6n94af16NfZf+sSk0JCBZC9aw==
+  dependencies:
+    tr46 "^5.0.0"
+    webidl-conversions "^7.0.0"
+
+whatwg-url@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz"
+  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
+which-boxed-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
+which-builtin-type@^1.1.3:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.4.tgz"
+  integrity sha512-bppkmBSsHFmIMSl8BO9TbsyzsvGjVoppt8xUiGzwiu/bhDCGxnpOKCxgqj6GuyHE0mINMDecBFPlOm2hzY084w==
+  dependencies:
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.0.5"
+    is-finalizationregistry "^1.0.2"
+    is-generator-function "^1.0.10"
+    is-regex "^1.1.4"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.0.2"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.15"
+
+which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  dependencies:
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
+
+which-module@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz"
+  integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
+
+which-typed-array@^1.1.14, which-typed-array@^1.1.15, which-typed-array@^1.1.2:
+  version "1.1.15"
+  resolved "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz"
+  integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-tostringtag "^1.0.2"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/which/-/which-2.0.2.tgz"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+why-is-node-running@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz"
+  integrity sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==
+  dependencies:
+    siginfo "^2.0.0"
+    stackback "0.0.2"
+
+word-wrap@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrap-ansi@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz"
+  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
+  dependencies:
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+ws@8.17.1, ws@^8.2.3, ws@~8.17.1:
+  version "8.17.1"
+  resolved "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz"
+  integrity sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==
+
+ws@8.18.0, ws@^8.18.0:
+  version "8.18.0"
+  resolved "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz"
+  integrity sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==
+
+ws@^7.5.1:
+  version "7.5.10"
+  resolved "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz"
+  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
+
+xml-name-validator@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz"
+  integrity sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==
+
+xmlchars@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz"
+  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
+
+xmlhttprequest-ssl@~2.1.1:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.2.tgz"
+  integrity sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==
+
+xtend@^4.0.1, xtend@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz"
+  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
+
+y18n@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz"
+  integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yaml@^2.3.4:
+  version "2.6.0"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz"
+  integrity sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==
+
+yargs-parser@^18.1.2:
+  version "18.1.3"
+  resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz"
+  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
+yargs@^15.3.1:
+  version "15.4.1"
+  resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz"
+  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
+  dependencies:
+    cliui "^6.0.0"
+    decamelize "^1.2.0"
+    find-up "^4.1.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^4.2.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^18.1.2"
+
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz"
+  integrity sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"
+
+yn@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz"
+  integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
+yocto-queue@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.1.1.tgz"
+  integrity sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==
+
+zod@^3.23.8:
+  version "3.23.8"
+  resolved "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz"
+  integrity sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==
+
+zustand@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/zustand/-/zustand-5.0.0.tgz"
+  integrity sha512-LE+VcmbartOPM+auOjCCLQOsQ05zUTp8RkgwRzefUk+2jISdMMFnxvyTjA4YNWr5ZGXYbVsEMZosttuxUBkojQ==