diff --git a/app/(general)/integration/safe/create/page.tsx b/app/(general)/integration/safe/create/page.tsx
new file mode 100644
index 00000000..24497be9
--- /dev/null
+++ b/app/(general)/integration/safe/create/page.tsx
@@ -0,0 +1,14 @@
+// import { WalletConnect } from '@/components/blockchain/wallet-connect'
+import { FormDeploySafe } from '@/integrations/safe/components/form-deploy-safe'
+
+export default function PageIntegration() {
+  // use safe hook
+  return (
+    <section className="w-full lg:mt-10">
+      <div className="container mx-auto mt-10  max-w-screen-xl gap-6 text-start">
+        {/* <WalletConnect className="inline-block" /> */}
+        <FormDeploySafe />
+      </div>
+    </section>
+  )
+}
diff --git a/app/(general)/integration/safe/layout.tsx b/app/(general)/integration/safe/layout.tsx
new file mode 100644
index 00000000..5f6770ff
--- /dev/null
+++ b/app/(general)/integration/safe/layout.tsx
@@ -0,0 +1,76 @@
+'use client'
+import { ReactNode } from 'react'
+
+import { motion } from 'framer-motion'
+import Image from 'next/image'
+import { usePathname } from 'next/navigation'
+import Balancer from 'react-wrap-balancer'
+
+import { IsDarkTheme } from '@/components/shared/is-dark-theme'
+import { IsLightTheme } from '@/components/shared/is-light-theme'
+import { LinkComponent } from '@/components/shared/link-component'
+import { FADE_DOWN_ANIMATION_VARIANTS } from '@/config/design'
+import { turboIntegrations } from '@/data/turbo-integrations'
+import { SafeAppProvider } from '@/integrations/safe/safe-provider'
+import { cn } from '@/lib/utils'
+
+const integrationData = turboIntegrations.safe
+
+const createPath = '/integration/safe/create'
+const managePath = '/integration/safe/manage'
+
+export default function LayoutIntegration({ children }: { children: ReactNode }) {
+  const pathname = usePathname()
+
+  return (
+    <SafeAppProvider>
+      <div className="flex-center flex-col items-center justify-center text-center">
+        <motion.div
+          animate="show"
+          className="max-w-3xl px-5 text-center xl:px-0"
+          initial="hidden"
+          viewport={{ once: true }}
+          whileInView="show"
+          variants={{
+            hidden: {},
+            show: {
+              transition: {
+                staggerChildren: 0.15,
+              },
+            },
+          }}>
+          <IsLightTheme>
+            <Image alt="Starter logo" className="mx-auto" height={100} src={integrationData.imgDark} width={100} />
+          </IsLightTheme>
+          <IsDarkTheme>
+            <Image alt="Starter logo" className="mx-auto" height={100} src={integrationData.imgLight} width={100} />
+          </IsDarkTheme>
+          <motion.h1
+            className="text-gradient-sand my-8 text-center text-4xl font-bold tracking-[-0.02em] drop-shadow-sm md:text-8xl md:leading-[6rem]"
+            variants={FADE_DOWN_ANIMATION_VARIANTS}>
+            {integrationData.name}
+          </motion.h1>
+          <motion.p className="my-4 text-xl" variants={FADE_DOWN_ANIMATION_VARIANTS}>
+            <Balancer>{integrationData.description}</Balancer>
+          </motion.p>
+          <motion.div className="my-4 text-xl" variants={FADE_DOWN_ANIMATION_VARIANTS}>
+            <LinkComponent className="btn btn-primary" href={integrationData.url}>
+              Documentation
+            </LinkComponent>
+          </motion.div>
+          <motion.div className="mt-8 flex flex-col justify-center gap-x-14 text-2xl sm:flex-row" variants={FADE_DOWN_ANIMATION_VARIANTS}>
+            <LinkComponent href={createPath}>
+              <button className={cn('btn hover:opacity-75', pathname === managePath && 'opacity-50')}>Create new Safe</button>
+            </LinkComponent>
+            <LinkComponent href={managePath}>
+              <button className={cn('btn hover:opacity-75', pathname === createPath && 'opacity-50')}>Manage Safe</button>
+            </LinkComponent>
+          </motion.div>
+          <motion.div className="flex h-full w-full justify-center" variants={FADE_DOWN_ANIMATION_VARIANTS}>
+            <div>{children}</div>
+          </motion.div>
+        </motion.div>
+      </div>
+    </SafeAppProvider>
+  )
+}
diff --git a/app/(general)/integration/safe/manage/page.tsx b/app/(general)/integration/safe/manage/page.tsx
new file mode 100644
index 00000000..a0b2f42f
--- /dev/null
+++ b/app/(general)/integration/safe/manage/page.tsx
@@ -0,0 +1,21 @@
+// import { WalletConnect } from '@/components/blockchain/wallet-connect'
+import { FormSendSafeTransaction } from '@/integrations/safe/components/form-send-safe-transaction'
+import { ManageSafe } from '@/integrations/safe/components/manage-safe'
+import { PendingSafeTransactions } from '@/integrations/safe/components/pending-safe-transactions'
+import { ConnectSafe } from '@/integrations/safe/hooks/use-connect-safe'
+
+export default function PageIntegration() {
+  return (
+    <section className="w-full lg:mt-10">
+      <div className="container mx-auto mt-10  max-w-screen-xl gap-6 text-start">
+        {/* <WalletConnect className="inline-block" /> */}
+        <ConnectSafe>
+          <ManageSafe />
+          <FormSendSafeTransaction />
+          <PendingSafeTransactions />
+          {/* <TxnsHistory /> */}
+        </ConnectSafe>
+      </div>
+    </section>
+  )
+}
diff --git a/app/(general)/integration/safe/opengraph-image.tsx b/app/(general)/integration/safe/opengraph-image.tsx
new file mode 100644
index 00000000..f6d0fb6a
--- /dev/null
+++ b/app/(general)/integration/safe/opengraph-image.tsx
@@ -0,0 +1,9 @@
+import { IntegrationOgImage } from "@/components/ui/social/og-image-integrations"
+
+export const runtime = "edge"
+export const size = {
+  width: 1200,
+  height: 630,
+}
+
+export default IntegrationOgImage("safe")
diff --git a/app/(general)/integration/safe/page.tsx b/app/(general)/integration/safe/page.tsx
new file mode 100644
index 00000000..7c6c03be
--- /dev/null
+++ b/app/(general)/integration/safe/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation'
+
+export default function PageIntegration() {
+  redirect('/integration/safe/create')
+}
diff --git a/app/(general)/integration/safe/twitter-image.tsx b/app/(general)/integration/safe/twitter-image.tsx
new file mode 100644
index 00000000..215a2a59
--- /dev/null
+++ b/app/(general)/integration/safe/twitter-image.tsx
@@ -0,0 +1,9 @@
+import Image from "./opengraph-image"
+
+export const runtime = "edge"
+export const size = {
+  width: 1200,
+  height: 630,
+}
+
+export default Image
diff --git a/data/turbo-integrations.ts b/data/turbo-integrations.ts
index 4d26d3ff..705ed7e9 100644
--- a/data/turbo-integrations.ts
+++ b/data/turbo-integrations.ts
@@ -131,6 +131,15 @@ export const turboIntegrations = {
     imgDark: "/integrations/connext.png",
     category: "protocols",
   },
+  safe: {
+    name: 'Safe',
+    href: '/integration/safe',
+    url: 'https://docs.safe.global/',
+    description: 'Safe is the most trusted decentralized custody protocol and collective asset management platform on Ethereum and the EVM',
+    imgLight: '/integrations/safe-light.svg',
+    imgDark: '/integrations/safe-dark.svg',
+    category: "protocols",
+  },
   gelato: {
     name: "Gelato",
     href: "/integration/gelato",
diff --git a/integrations/safe/README.md b/integrations/safe/README.md
new file mode 100644
index 00000000..b416e11d
--- /dev/null
+++ b/integrations/safe/README.md
@@ -0,0 +1,86 @@
+# Safe TurboETH Integration
+
+This TurboETH integration provides a suite of hooks and components to facilitate interaction with ERC1155 contracts. In consideration of the numerous extensions and features offered by ERC1155, this integration is based on a contract from [solidstate](https://github.com/solidstate-network/solidstate-solidity), incorporating the following features and access controls:
+
+**Features:**
+
+- Mintable
+- Enumerable
+- ERC1155BaseStorage
+- Single Approve
+
+**Access Control:**
+
+- Ownable
+
+## ABI and Bytecode
+
+Within the `artifacts` directory, you will find the `erc1155-abi.ts` file, containing the ABI from the contract that was used to generate the [Wagmi CLI](https://wagmi.sh/cli/getting-started) contract hooks. The `erc1155-bytecode.ts` file contains the bytecode used for contract deployment. If you wish to use a different ERC1155 contract with distinct features/extensions, simply update the ABI and bytecode, and then regenerate the Wagmi CLI hooks using the command `pnpm wagmi generate`.
+
+## Hooks:
+
+- `useErc1155TokenStorage`: Utilizes Jotai and local storage to persist the deployed token's address within the browser's local storage. It updates the value across all components observing it whenever a new deployment occurs.
+- `useERC1155Metadata`: Accepts contract and token information (contract address, chainId, tokenId, and ipfsGatewayUrl) and returns a query object from `tanstack-query` with the token metadata information. The hook and the components adhere to the "ERC1155 Metadata JSON Schema" convention for metadata formatting. Learn more [here](https://eips.ethereum.org/EIPS/eip-1155).
+
+## Components:
+
+This integration includes read and write/deploy components. The read components solely access the contract information and retrieve the response, whereas the write/deploy components are capable of deploying the contract and performing write actions, requiring a signer and a transaction to be submitted.
+
+**Read Components:**
+
+- `ERC1155Name`: Returns the contract's name.
+- `ERC1155Symbol`: Returns the contract's symbol.
+- `ERC1155TotalSupply`: Returns the total supply of the contract.
+- `ERC1155OwnerOf`: Returns the owners of a specific token.
+- `ERC1155TokenUriName`: Returns the name of a specific token.
+- `ERC1155TokenUriDescription`: Returns the description of a specific token.
+- `ERC1155TokenUriImage`: Returns the image of a specific token.
+- `Erc1155Read`: Returns a card with aggregate information about the contract and a selected token ID.
+
+**Write/Deploy Components:**
+
+- `ERC1155Deploy`: Form for contract deployment. Upon deployment, the contract address is saved in local storage under the key `erc1155-token`.
+- `ERC1155DeployTest`: Form for test contract deployment. Upon deployment, the contract address is saved in local storage under the key `erc1155-token`.
+- `Erc1155WriteMint`: Form for minting new NFTs. Only the contract owner can mint new NFTs.
+- `Erc1155WriteApprove`: Form for approving an address's permission to transfer a token on behalf of the token holder. Only the token holder can perform the approved transaction.
+- `Erc1155WriteTransfer`: Form for transferring a token to a different address. Only a token owner or approved address can transfer.
+
+File Structure
+
+```
+integrations/erc1155
+├─ artifacts/
+|  ├─ core/
+│  |  ├─ erc1155-abi.ts
+│  |  ├─ erc1155-bytecode.ts
+|  ├─ test/
+│  |  ├─ erc1155-abi.ts
+│  |  ├─ erc1155-bytecode.ts
+├─ components/
+│  ├─ erc1155-deploy.tsx
+│  ├─ erc1155-name.tsx
+│  ├─ erc1155-owner-of.tsx
+│  ├─ erc1155-read.tsx
+│  ├─ erc1155-set-token-storage.tsx
+│  ├─ erc1155-symbol.tsx
+│  ├─ erc1155-token-uri-description.tsx
+│  ├─ erc1155-token-uri-image.tsx
+│  ├─ erc1155-token-uri-name.tsx
+│  ├─ erc1155-token-uri.tsx
+│  ├─ erc1155-contract-uri.tsx
+│  ├─ erc1155-total-supply.tsx
+│  ├─ erc1155-write-approve.tsx
+│  ├─ erc1155-write-mint.tsx
+│  ├─ erc1155-write-transfer.tsx
+│  ├─ erc1155-write-batch-transfer.tsx
+├─ generated/
+│  ├─ erc1155-wagmi.ts
+├─ hooks/
+│  ├─ use-erc1155-metadata.ts
+│  ├─ use-erc1155-token-storage.ts
+├─ utils/
+│  ├─ types.ts
+├─ index.ts
+├─ wagmi.config.ts
+├─ README.md
+```
diff --git a/integrations/safe/artifacts/core/erc1155-abi.ts b/integrations/safe/artifacts/core/erc1155-abi.ts
new file mode 100644
index 00000000..45a58cc6
--- /dev/null
+++ b/integrations/safe/artifacts/core/erc1155-abi.ts
@@ -0,0 +1,753 @@
+/**
+ * ABI for ERC1155 contract generated using Solidstate Solidity Contract
+ * https://github.com/solidstate-network/solidstate-solidity
+ *
+ * Features:
+ * - Mintable
+ * - Enumerable
+ * - Single Approve
+ * - Custom TokenId Uri
+ *
+ * Access Control:
+ * - Ownable
+ */
+export const erc1155ABI = [
+  {
+    inputs: [
+      {
+        internalType: "string",
+        name: "name_",
+        type: "string",
+      },
+      {
+        internalType: "string",
+        name: "symbol_",
+        type: "string",
+      },
+    ],
+    stateMutability: "nonpayable",
+    type: "constructor",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__ArrayLengthMismatch",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__BalanceQueryZeroAddress",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__BurnExceedsBalance",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__BurnFromZeroAddress",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__ERC1155ReceiverNotImplemented",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__ERC1155ReceiverRejected",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__MintToZeroAddress",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__NotOwnerOrApproved",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__SelfApproval",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__TransferExceedsBalance",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__TransferToZeroAddress",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC165Base__InvalidInterfaceId",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "EnumerableSet__IndexOutOfBounds",
+    type: "error",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "_owner",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "_spender",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "uint256",
+        name: "_id",
+        type: "uint256",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "_value",
+        type: "uint256",
+      },
+    ],
+    name: "Approval",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "bool",
+        name: "approved",
+        type: "bool",
+      },
+    ],
+    name: "ApprovalForAll",
+    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: "operator",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+      {
+        indexed: false,
+        internalType: "uint256[]",
+        name: "values",
+        type: "uint256[]",
+      },
+    ],
+    name: "TransferBatch",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "value",
+        type: "uint256",
+      },
+    ],
+    name: "TransferSingle",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: "string",
+        name: "value",
+        type: "string",
+      },
+      {
+        indexed: true,
+        internalType: "uint256",
+        name: "tokenId",
+        type: "uint256",
+      },
+    ],
+    name: "URI",
+    type: "event",
+  },
+  {
+    inputs: [],
+    name: "Fungible",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "NonFungible",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "NonFungible2nd",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "accountsByToken",
+    outputs: [
+      {
+        internalType: "address[]",
+        name: "",
+        type: "address[]",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "_owner",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "_spender",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "_id",
+        type: "uint256",
+      },
+    ],
+    name: "allowance",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "_spender",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "_id",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "_value",
+        type: "uint256",
+      },
+    ],
+    name: "approve",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "balanceOf",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address[]",
+        name: "accounts",
+        type: "address[]",
+      },
+      {
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+    ],
+    name: "balanceOfBatch",
+    outputs: [
+      {
+        internalType: "uint256[]",
+        name: "",
+        type: "uint256[]",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "contractURI",
+    outputs: [
+      {
+        internalType: "string",
+        name: "",
+        type: "string",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+    ],
+    name: "isApprovedForAll",
+    outputs: [
+      {
+        internalType: "bool",
+        name: "",
+        type: "bool",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "amount",
+        type: "uint256",
+      },
+      {
+        internalType: "string",
+        name: "uri_",
+        type: "string",
+      },
+    ],
+    name: "mint",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+      {
+        internalType: "uint256[]",
+        name: "amounts",
+        type: "uint256[]",
+      },
+      {
+        internalType: "bytes",
+        name: "data",
+        type: "bytes",
+      },
+    ],
+    name: "mintBatch",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "name",
+    outputs: [
+      {
+        internalType: "string",
+        name: "",
+        type: "string",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "owner",
+    outputs: [
+      {
+        internalType: "address",
+        name: "",
+        type: "address",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "renounceOwnership",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+      {
+        internalType: "uint256[]",
+        name: "amounts",
+        type: "uint256[]",
+      },
+      {
+        internalType: "bytes",
+        name: "data",
+        type: "bytes",
+      },
+    ],
+    name: "safeBatchTransferFrom",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "amount",
+        type: "uint256",
+      },
+      {
+        internalType: "bytes",
+        name: "data",
+        type: "bytes",
+      },
+    ],
+    name: "safeTransferFrom",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        internalType: "bool",
+        name: "status",
+        type: "bool",
+      },
+    ],
+    name: "setApprovalForAll",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "bytes4",
+        name: "interfaceId",
+        type: "bytes4",
+      },
+    ],
+    name: "supportsInterface",
+    outputs: [
+      {
+        internalType: "bool",
+        name: "",
+        type: "bool",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "symbol",
+    outputs: [
+      {
+        internalType: "string",
+        name: "",
+        type: "string",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+    ],
+    name: "tokensByAccount",
+    outputs: [
+      {
+        internalType: "uint256[]",
+        name: "",
+        type: "uint256[]",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "totalHolders",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "totalSupply",
+    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: "uint256",
+        name: "tokenId",
+        type: "uint256",
+      },
+    ],
+    name: "uri",
+    outputs: [
+      {
+        internalType: "string",
+        name: "",
+        type: "string",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+] as const
diff --git a/integrations/safe/artifacts/core/erc1155-bytecode.ts b/integrations/safe/artifacts/core/erc1155-bytecode.ts
new file mode 100644
index 00000000..c2b07037
--- /dev/null
+++ b/integrations/safe/artifacts/core/erc1155-bytecode.ts
@@ -0,0 +1,14 @@
+/**
+ * Bytecode for ERC1155 contract generated using SolidState Solidity Contract
+ * https://github.com/solidstate-network/solidstate-solidity
+ *
+ * Features:
+ * - Mintable
+ * - Enumerable
+ * - Single Approve
+ *
+ * Access Control:
+ * - Ownable
+ */
+export const erc1155ByteCode =
+  "0x60806040523480156200001157600080fd5b5060405162004285380380620042858339818101604052810190620000379190620002e2565b620000576200004b6200008360201b60201c565b6200008b60201b60201c565b8160049081620000689190620005b2565b5080600590816200007a9190620005b2565b50505062000699565b600033905090565b60008060009054906101000a900473ffffffffffffffffffffffffffffffffffffffff169050816000806101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff1602179055508173ffffffffffffffffffffffffffffffffffffffff168173ffffffffffffffffffffffffffffffffffffffff167f8be0079c531659141344cd1fd0a4f28419497f9722a3daafe3b4186f6b6457e060405160405180910390a35050565b6000604051905090565b600080fd5b600080fd5b600080fd5b600080fd5b6000601f19601f8301169050919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052604160045260246000fd5b620001b8826200016d565b810181811067ffffffffffffffff82111715620001da57620001d96200017e565b5b80604052505050565b6000620001ef6200014f565b9050620001fd8282620001ad565b919050565b600067ffffffffffffffff82111562000220576200021f6200017e565b5b6200022b826200016d565b9050602081019050919050565b60005b83811015620002585780820151818401526020810190506200023b565b60008484015250505050565b60006200027b620002758462000202565b620001e3565b9050828152602081018484840111156200029a576200029962000168565b5b620002a784828562000238565b509392505050565b600082601f830112620002c757620002c662000163565b5b8151620002d984826020860162000264565b91505092915050565b60008060408385031215620002fc57620002fb62000159565b5b600083015167ffffffffffffffff8111156200031d576200031c6200015e565b5b6200032b85828601620002af565b925050602083015167ffffffffffffffff8111156200034f576200034e6200015e565b5b6200035d85828601620002af565b9150509250929050565b600081519050919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052602260045260246000fd5b60006002820490506001821680620003ba57607f821691505b602082108103620003d057620003cf62000372565b5b50919050565b60008190508160005260206000209050919050565b60006020601f8301049050919050565b600082821b905092915050565b6000600883026200043a7fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff82620003fb565b620004468683620003fb565b95508019841693508086168417925050509392505050565b6000819050919050565b6000819050919050565b6000620004936200048d62000487846200045e565b62000468565b6200045e565b9050919050565b6000819050919050565b620004af8362000472565b620004c7620004be826200049a565b84845462000408565b825550505050565b600090565b620004de620004cf565b620004eb818484620004a4565b505050565b5b81811015620005135762000507600082620004d4565b600181019050620004f1565b5050565b601f82111562000562576200052c81620003d6565b6200053784620003eb565b8101602085101562000547578190505b6200055f6200055685620003eb565b830182620004f0565b50505b505050565b600082821c905092915050565b6000620005876000198460080262000567565b1980831691505092915050565b6000620005a2838362000574565b9150826002028217905092915050565b620005bd8262000367565b67ffffffffffffffff811115620005d957620005d86200017e565b5b620005e58254620003a1565b620005f282828562000517565b600060209050601f8311600181146200062a576000841562000615578287015190505b62000621858262000594565b86555062000691565b601f1984166200063a86620003d6565b60005b8281101562000664578489015182556001820191506020850194506020810190506200063d565b8683101562000684578489015162000680601f89168262000574565b8355505b6001600288020188555050505b505050505050565b613bdc80620006a96000396000f3fe608060405234801561001057600080fd5b50600436106101725760003560e01c8063715018a6116100de578063bd85b03911610097578063e8a3d48511610071578063e8a3d48514610471578063e985e9c51461048f578063f242432a146104bf578063f2fde38b146104db57610172565b8063bd85b03914610405578063c98d8f6214610435578063e10147941461045357610172565b8063715018a61461035757806385bff2e7146103615780638da5cb5b1461039157806395d89b41146103af578063a22cb465146103cd578063bb7fde71146103e957610172565b80631f7fdffa116101305780631f7fdffa146102735780632eb2c2d61461028f578063426a8493146102ab5780634e1273f4146102c7578063598af9e7146102f75780636dcfd8411461032757610172565b8062fdd58e1461017757806301ffc9a7146101a757806306fdde03146101d75780630e89341c146101f557806313ba55df146102255780631f4d0f5114610255575b600080fd5b610191600480360381019061018c9190612873565b6104f7565b60405161019e91906128c2565b60405180910390f35b6101c160048036038101906101bc9190612935565b61050b565b6040516101ce919061297d565b60405180910390f35b6101df61051d565b6040516101ec9190612a28565b60405180910390f35b61020f600480360381019061020a9190612a4a565b6105af565b60405161021c9190612a28565b60405180910390f35b61023f600480360381019061023a9190612a4a565b610654565b60405161024c91906128c2565b60405180910390f35b61025d610666565b60405161026a91906128c2565b60405180910390f35b61028d60048036038101906102889190612c74565b61066b565b005b6102a960048036038101906102a49190612d2f565b610685565b005b6102c560048036038101906102c09190612dfe565b610714565b005b6102e160048036038101906102dc9190612f14565b610811565b6040516102ee919061304a565b60405180910390f35b610311600480360381019061030c919061306c565b6109f3565b60405161031e91906128c2565b60405180910390f35b610341600480360381019061033c9190612a4a565b610a8c565b60405161034e919061317d565b60405180910390f35b61035f610a9e565b005b61037b6004803603810190610376919061319f565b610ab2565b604051610388919061304a565b60405180910390f35b610399610ac4565b6040516103a691906131db565b60405180910390f35b6103b7610aed565b6040516103c49190612a28565b60405180910390f35b6103e760048036038101906103e29190613222565b610b7f565b005b61040360048036038101906103fe9190613303565b610cea565b005b61041f600480360381019061041a9190612a4a565b610d1d565b60405161042c91906128c2565b60405180910390f35b61043d610d2f565b60405161044a91906128c2565b60405180910390f35b61045b610d34565b60405161046891906128c2565b60405180910390f35b610479610d39565b6040516104869190612a28565b60405180910390f35b6104a960048036038101906104a49190613386565b610dcb565b6040516104b6919061297d565b60405180910390f35b6104d960048036038101906104d491906133c6565b610e68565b005b6104f560048036038101906104f0919061319f565b610ef7565b005b60006105038383610f7a565b905092915050565b600061051682611043565b9050919050565b60606004805461052c9061348c565b80601f01602080910402602001604051908101604052809291908181526020018280546105589061348c565b80156105a55780601f1061057a576101008083540402835291602001916105a5565b820191906000526020600020905b81548152906001019060200180831161058857829003601f168201915b5050505050905090565b60606002600083815260200190815260200160002080546105cf9061348c565b80601f01602080910402602001604051908101604052809291908181526020018280546105fb9061348c565b80156106485780601f1061061d57610100808354040283529160200191610648565b820191906000526020600020905b81548152906001019060200180831161062b57829003601f168201915b50505050509050919050565b600061065f826110b4565b9050919050565b600381565b6106736110e1565b61067f8484848461115f565b50505050565b3373ffffffffffffffffffffffffffffffffffffffff168573ffffffffffffffffffffffffffffffffffffffff16141580156106c857506106c68533610dcb565b155b156106ff576040517f25dfda0000000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b61070d338686868686611358565b5050505050565b80600160003373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008573ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020600084815260200190815260200160002081905550818373ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff167fb3fd5071835887567a0671151121894ddccc2842f1d10bedad13e0d17cace9a78460405161080491906128c2565b60405180910390a4505050565b6060815183511461084e576040517f7cfc16da00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b600061085861137c565b60000190506000845167ffffffffffffffff81111561087a57610879612a7c565b5b6040519080825280602002602001820160405280156108a85781602001602082028036833780820191505090505b50905060005b85518110156109e757600073ffffffffffffffffffffffffffffffffffffffff168682815181106108e2576108e16134bd565b5b602002602001015173ffffffffffffffffffffffffffffffffffffffff1603610937576040517fdb5d879700000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b82600086838151811061094d5761094c6134bd565b5b602002602001015181526020019081526020016000206000878381518110610978576109776134bd565b5b602002602001015173ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020548282815181106109ce576109cd6134bd565b5b60200260200101818152505080806001019150506108ae565b50809250505092915050565b6000600160008573ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008381526020019081526020016000205490509392505050565b6060610a97826113a9565b9050919050565b610aa66110e1565b610ab060006114ab565b565b6060610abd8261156f565b9050919050565b60008060009054906101000a900473ffffffffffffffffffffffffffffffffffffffff16905090565b606060058054610afc9061348c565b80601f0160208091040260200160405190810160405280929190818152602001828054610b289061348c565b8015610b755780601f10610b4a57610100808354040283529160200191610b75565b820191906000526020600020905b815481529060010190602001808311610b5857829003601f168201915b5050505050905090565b8173ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff1603610be4576040517ff661526600000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b80610bed61137c565b60010160003373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060006101000a81548160ff0219169083151502179055508173ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff167f17307eab39ab6107e8899845ad3d59bd9653f200f220920489ca2b5937696c3183604051610cde919061297d565b60405180910390a35050565b610cf26110e1565b610d0d8484846040518060200160405280600081525061166f565b610d1783826117e9565b50505050565b6000610d288261180e565b9050919050565b600181565b600281565b606060038054610d489061348c565b80601f0160208091040260200160405190810160405280929190818152602001828054610d749061348c565b8015610dc15780601f10610d9657610100808354040283529160200191610dc1565b820191906000526020600020905b815481529060010190602001808311610da457829003601f168201915b5050505050905090565b6000610dd561137c565b60010160008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060009054906101000a900460ff16905092915050565b3373ffffffffffffffffffffffffffffffffffffffff168573ffffffffffffffffffffffffffffffffffffffff1614158015610eab5750610ea98533610dcb565b155b15610ee2576040517f25dfda0000000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b610ef0338686868686611834565b5050505050565b610eff6110e1565b600073ffffffffffffffffffffffffffffffffffffffff168173ffffffffffffffffffffffffffffffffffffffff1603610f6e576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401610f659061355e565b60405180910390fd5b610f77816114ab565b50565b60008073ffffffffffffffffffffffffffffffffffffffff168373ffffffffffffffffffffffffffffffffffffffff1603610fe1576040517fdb5d879700000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b610fe961137c565b600001600083815260200190815260200160002060008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002054905092915050565b600061104d611858565b6000016000837bffffffffffffffffffffffffffffffffffffffffffffffffffffffff19167bffffffffffffffffffffffffffffffffffffffffffffffffffffffff1916815260200190815260200160002060009054906101000a900460ff169050919050565b60006110da6110c1611885565b60010160008481526020019081526020016000206118b2565b9050919050565b6110e96118c7565b73ffffffffffffffffffffffffffffffffffffffff16611107610ac4565b73ffffffffffffffffffffffffffffffffffffffff161461115d576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401611154906135ca565b60405180910390fd5b565b600073ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff16036111c5576040517f0391df7e00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b8151835114611200576040517f7cfc16da00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b61120f336000868686866118cf565b600061121961137c565b600001905060005b84518110156112d15783818151811061123d5761123c6134bd565b5b602002602001015182600087848151811061125b5761125a6134bd565b5b6020026020010151815260200190815260200160002060008873ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008282546112bd9190613619565b925050819055508080600101915050611221565b508473ffffffffffffffffffffffffffffffffffffffff16600073ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff167f4a39dc06d4c0dbc64b70af90fd698a233a518aa5d07e595d983b8c0526c8f7fb878760405161134992919061364d565b60405180910390a45050505050565b6113668686868686866118e5565b611374868686868686611bcf565b505050505050565b6000807f1799cf914cb0cb442ca7c7ac709ee40d0cb89e87351dc08d517fbda27d50c68b90508091505090565b606060006113b5611885565b6001016000848152602001908152602001600020905060006113d6826118b2565b67ffffffffffffffff8111156113ef576113ee612a7c565b5b60405190808252806020026020018201604052801561141d5781602001602082028036833780820191505090505b50905060005b61142c836118b2565b8110156114a0576114468184611d9490919063ffffffff16565b828281518110611459576114586134bd565b5b602002602001019073ffffffffffffffffffffffffffffffffffffffff16908173ffffffffffffffffffffffffffffffffffffffff16815250508080600101915050611423565b508092505050919050565b60008060009054906101000a900473ffffffffffffffffffffffffffffffffffffffff169050816000806101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff1602179055508173ffffffffffffffffffffffffffffffffffffffff168173ffffffffffffffffffffffffffffffffffffffff167f8be0079c531659141344cd1fd0a4f28419497f9722a3daafe3b4186f6b6457e060405160405180910390a35050565b6060600061157b611885565b60020160008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020905060006115c882611dae565b67ffffffffffffffff8111156115e1576115e0612a7c565b5b60405190808252806020026020018201604052801561160f5781602001602082028036833780820191505090505b50905060005b61161e83611dae565b811015611664576116388184611dc390919063ffffffff16565b82828151811061164b5761164a6134bd565b5b6020026020010181815250508080600101915050611615565b508092505050919050565b600073ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff16036116d5576040517f0391df7e00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b6116f4336000866116e587611ddd565b6116ee87611ddd565b866118cf565b816116fd61137c565b600001600085815260200190815260200160002060008673ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020600082825461175d9190613619565b925050819055508373ffffffffffffffffffffffffffffffffffffffff16600073ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff167fc3d58168c5ae7397731d063d5bbf3d657854427343f4c083240f7aacaa2d0f6286866040516117db929190613684565b60405180910390a450505050565b806002600084815260200190815260200160002090816118099190613859565b505050565b6000611818611885565b6000016000838152602001908152602001600020549050919050565b611842868686868686611e57565b6118508686868686866120bc565b505050505050565b6000807ffc606c433378e3a7e0a6a531deac289b66caa1b4aa8554fd4ab2c6f1570f92d890508091505090565b6000807fb31c2c74f86ca3ce94d901f5f5bbe66f7161eec2f7b5aa0b75a86371436424ea90508091505090565b60006118c082600001612281565b9050919050565b600033905090565b6118dd868686868686612292565b505050505050565b600073ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff160361194b576040517ff5cadad500000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b8151835114611986576040517f7cfc16da00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b6119948686868686866118cf565b600061199e61137c565b600001905060005b8451811015611b475760008582815181106119c4576119c36134bd565b5b6020026020010151905060008583815181106119e3576119e26134bd565b5b60200260200101519050600084600084815260200190815260200160002060008b73ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002054905080821115611a7b576040517f8cd635d800000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b81810385600085815260200190815260200160002060008c73ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020819055508380600101945050508084600084815260200190815260200160002060008a73ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000206000828254611b399190613619565b9250508190555050506119a6565b508473ffffffffffffffffffffffffffffffffffffffff168673ffffffffffffffffffffffffffffffffffffffff168873ffffffffffffffffffffffffffffffffffffffff167f4a39dc06d4c0dbc64b70af90fd698a233a518aa5d07e595d983b8c0526c8f7fb8787604051611bbe92919061364d565b60405180910390a450505050505050565b611bee8473ffffffffffffffffffffffffffffffffffffffff16612543565b15611d8c578373ffffffffffffffffffffffffffffffffffffffff1663bc197c8187878686866040518663ffffffff1660e01b8152600401611c34959493929190613980565b6020604051808303816000875af1925050508015611c7057506040513d601f19601f82011682018060405250810190611c6d91906139fd565b60015b611d0c57611c7c613a37565b806308c379a003611cd85750611c90613a59565b80611c9b5750611cda565b806040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401611ccf9190612a28565b60405180910390fd5b505b6040517f380147a900000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b63bc197c8160e01b7bffffffffffffffffffffffffffffffffffffffffffffffffffffffff1916817bffffffffffffffffffffffffffffffffffffffffffffffffffffffff191614611d8a576040517f3744db2900000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b505b505050505050565b6000611da38360000183612556565b60001c905092915050565b6000611dbc82600001612281565b9050919050565b6000611dd28360000183612556565b60001c905092915050565b60606000600167ffffffffffffffff811115611dfc57611dfb612a7c565b5b604051908082528060200260200182016040528015611e2a5781602001602082028036833780820191505090505b5090508281600081518110611e4257611e416134bd565b5b60200260200101818152505080915050919050565b600073ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff1603611ebd576040517ff5cadad500000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b611edb868686611ecc87611ddd565b611ed587611ddd565b866118cf565b6000611ee561137c565b6000019050600081600086815260200190815260200160002060008873ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002054905080841115611f78576040517f8cd635d800000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b83810382600087815260200190815260200160002060008973ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002081905550508281600086815260200190815260200160002060008773ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020600082825461202e9190613619565b925050819055508473ffffffffffffffffffffffffffffffffffffffff168673ffffffffffffffffffffffffffffffffffffffff168873ffffffffffffffffffffffffffffffffffffffff167fc3d58168c5ae7397731d063d5bbf3d657854427343f4c083240f7aacaa2d0f6287876040516120ab929190613684565b60405180910390a450505050505050565b6120db8473ffffffffffffffffffffffffffffffffffffffff16612543565b15612279578373ffffffffffffffffffffffffffffffffffffffff1663f23a6e6187878686866040518663ffffffff1660e01b8152600401612121959493929190613ae9565b6020604051808303816000875af192505050801561215d57506040513d601f19601f8201168201806040525081019061215a91906139fd565b60015b6121f957612169613a37565b806308c379a0036121c5575061217d613a59565b8061218857506121c7565b806040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016121bc9190612a28565b60405180910390fd5b505b6040517f380147a900000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b63f23a6e6160e01b7bffffffffffffffffffffffffffffffffffffffffffffffffffffffff1916817bffffffffffffffffffffffffffffffffffffffffffffffffffffffff191614612277576040517f3744db2900000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b505b505050505050565b600081600001805490509050919050565b6122a08686868686866125c1565b8373ffffffffffffffffffffffffffffffffffffffff168573ffffffffffffffffffffffffffffffffffffffff161461253b5760006122dd611885565b9050600081600101905060008260020160008973ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020905060008360020160008973ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020905060005b8751811015612535576000878281518110612392576123916134bd565b5b6020026020010151905060008111156125275760008983815181106123ba576123b96134bd565b5b60200260200101519050600073ffffffffffffffffffffffffffffffffffffffff168c73ffffffffffffffffffffffffffffffffffffffff16036124295781876000016000838152602001908152602001600020600082825461241d9190613619565b92505081905550612474565b816124348d83610f7a565b036124735761245d8c8760008481526020019081526020016000206125c990919063ffffffff16565b5061247181866125f990919063ffffffff16565b505b5b600073ffffffffffffffffffffffffffffffffffffffff168b73ffffffffffffffffffffffffffffffffffffffff16036124d9578187600001600083815260200190815260200160002060008282546124cd9190613b43565b92505081905550612525565b60006124e58c83610f7a565b036125245761250e8b87600084815260200190815260200160002061261390919063ffffffff16565b50612522818561264390919063ffffffff16565b505b5b505b818060010192505050612374565b50505050505b505050505050565b600080823b905060008111915050919050565b600082600001805490508210612598576040517fe637bf3b00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b8260000182815481106125ae576125ad6134bd565b5b9060005260206000200154905092915050565b505050505050565b60006125f1836000018373ffffffffffffffffffffffffffffffffffffffff1660001b61265d565b905092915050565b600061260b836000018360001b61265d565b905092915050565b600061263b836000018373ffffffffffffffffffffffffffffffffffffffff1660001b612741565b905092915050565b6000612655836000018360001b612741565b905092915050565b6000808360010160008481526020019081526020016000205490506000811461273a576000846000016001866000018054905003815481106126a2576126a16134bd565b5b90600052602060002001549050808560000160018403815481106126c9576126c86134bd565b5b90600052602060002001819055508185600101600083815260200190815260200160002081905550508360000180548061270657612705613b77565b5b6001900381819060005260206000200160009055905583600101600084815260200190815260200160002060009055600191505b5092915050565b600061274d83836127a8565b6127a25782600001829080600181540180825580915050600190039060005260206000200160009091909190915055826000018054905083600101600084815260200190815260200160002081905550600190505b92915050565b600080836001016000848152602001908152602001600020541415905092915050565b6000604051905090565b600080fd5b600080fd5b600073ffffffffffffffffffffffffffffffffffffffff82169050919050565b600061280a826127df565b9050919050565b61281a816127ff565b811461282557600080fd5b50565b60008135905061283781612811565b92915050565b6000819050919050565b6128508161283d565b811461285b57600080fd5b50565b60008135905061286d81612847565b92915050565b6000806040838503121561288a576128896127d5565b5b600061289885828601612828565b92505060206128a98582860161285e565b9150509250929050565b6128bc8161283d565b82525050565b60006020820190506128d760008301846128b3565b92915050565b60007fffffffff0000000000000000000000000000000000000000000000000000000082169050919050565b612912816128dd565b811461291d57600080fd5b50565b60008135905061292f81612909565b92915050565b60006020828403121561294b5761294a6127d5565b5b600061295984828501612920565b91505092915050565b60008115159050919050565b61297781612962565b82525050565b6000602082019050612992600083018461296e565b92915050565b600081519050919050565b600082825260208201905092915050565b60005b838110156129d25780820151818401526020810190506129b7565b60008484015250505050565b6000601f19601f8301169050919050565b60006129fa82612998565b612a0481856129a3565b9350612a148185602086016129b4565b612a1d816129de565b840191505092915050565b60006020820190508181036000830152612a4281846129ef565b905092915050565b600060208284031215612a6057612a5f6127d5565b5b6000612a6e8482850161285e565b91505092915050565b600080fd5b7f4e487b7100000000000000000000000000000000000000000000000000000000600052604160045260246000fd5b612ab4826129de565b810181811067ffffffffffffffff82111715612ad357612ad2612a7c565b5b80604052505050565b6000612ae66127cb565b9050612af28282612aab565b919050565b600067ffffffffffffffff821115612b1257612b11612a7c565b5b602082029050602081019050919050565b600080fd5b6000612b3b612b3684612af7565b612adc565b90508083825260208201905060208402830185811115612b5e57612b5d612b23565b5b835b81811015612b875780612b73888261285e565b845260208401935050602081019050612b60565b5050509392505050565b600082601f830112612ba657612ba5612a77565b5b8135612bb6848260208601612b28565b91505092915050565b600080fd5b600067ffffffffffffffff821115612bdf57612bde612a7c565b5b612be8826129de565b9050602081019050919050565b82818337600083830152505050565b6000612c17612c1284612bc4565b612adc565b905082815260208101848484011115612c3357612c32612bbf565b5b612c3e848285612bf5565b509392505050565b600082601f830112612c5b57612c5a612a77565b5b8135612c6b848260208601612c04565b91505092915050565b60008060008060808587031215612c8e57612c8d6127d5565b5b6000612c9c87828801612828565b945050602085013567ffffffffffffffff811115612cbd57612cbc6127da565b5b612cc987828801612b91565b935050604085013567ffffffffffffffff811115612cea57612ce96127da565b5b612cf687828801612b91565b925050606085013567ffffffffffffffff811115612d1757612d166127da565b5b612d2387828801612c46565b91505092959194509250565b600080600080600060a08688031215612d4b57612d4a6127d5565b5b6000612d5988828901612828565b9550506020612d6a88828901612828565b945050604086013567ffffffffffffffff811115612d8b57612d8a6127da565b5b612d9788828901612b91565b935050606086013567ffffffffffffffff811115612db857612db76127da565b5b612dc488828901612b91565b925050608086013567ffffffffffffffff811115612de557612de46127da565b5b612df188828901612c46565b9150509295509295909350565b600080600060608486031215612e1757612e166127d5565b5b6000612e2586828701612828565b9350506020612e368682870161285e565b9250506040612e478682870161285e565b9150509250925092565b600067ffffffffffffffff821115612e6c57612e6b612a7c565b5b602082029050602081019050919050565b6000612e90612e8b84612e51565b612adc565b90508083825260208201905060208402830185811115612eb357612eb2612b23565b5b835b81811015612edc5780612ec88882612828565b845260208401935050602081019050612eb5565b5050509392505050565b600082601f830112612efb57612efa612a77565b5b8135612f0b848260208601612e7d565b91505092915050565b60008060408385031215612f2b57612f2a6127d5565b5b600083013567ffffffffffffffff811115612f4957612f486127da565b5b612f5585828601612ee6565b925050602083013567ffffffffffffffff811115612f7657612f756127da565b5b612f8285828601612b91565b9150509250929050565b600081519050919050565b600082825260208201905092915050565b6000819050602082019050919050565b612fc18161283d565b82525050565b6000612fd38383612fb8565b60208301905092915050565b6000602082019050919050565b6000612ff782612f8c565b6130018185612f97565b935061300c83612fa8565b8060005b8381101561303d5781516130248882612fc7565b975061302f83612fdf565b925050600181019050613010565b5085935050505092915050565b600060208201905081810360008301526130648184612fec565b905092915050565b600080600060608486031215613085576130846127d5565b5b600061309386828701612828565b93505060206130a486828701612828565b92505060406130b58682870161285e565b9150509250925092565b600081519050919050565b600082825260208201905092915050565b6000819050602082019050919050565b6130f4816127ff565b82525050565b600061310683836130eb565b60208301905092915050565b6000602082019050919050565b600061312a826130bf565b61313481856130ca565b935061313f836130db565b8060005b8381101561317057815161315788826130fa565b975061316283613112565b925050600181019050613143565b5085935050505092915050565b60006020820190508181036000830152613197818461311f565b905092915050565b6000602082840312156131b5576131b46127d5565b5b60006131c384828501612828565b91505092915050565b6131d5816127ff565b82525050565b60006020820190506131f060008301846131cc565b92915050565b6131ff81612962565b811461320a57600080fd5b50565b60008135905061321c816131f6565b92915050565b60008060408385031215613239576132386127d5565b5b600061324785828601612828565b92505060206132588582860161320d565b9150509250929050565b600067ffffffffffffffff82111561327d5761327c612a7c565b5b613286826129de565b9050602081019050919050565b60006132a66132a184613262565b612adc565b9050828152602081018484840111156132c2576132c1612bbf565b5b6132cd848285612bf5565b509392505050565b600082601f8301126132ea576132e9612a77565b5b81356132fa848260208601613293565b91505092915050565b6000806000806080858703121561331d5761331c6127d5565b5b600061332b87828801612828565b945050602061333c8782880161285e565b935050604061334d8782880161285e565b925050606085013567ffffffffffffffff81111561336e5761336d6127da565b5b61337a878288016132d5565b91505092959194509250565b6000806040838503121561339d5761339c6127d5565b5b60006133ab85828601612828565b92505060206133bc85828601612828565b9150509250929050565b600080600080600060a086880312156133e2576133e16127d5565b5b60006133f088828901612828565b955050602061340188828901612828565b94505060406134128882890161285e565b93505060606134238882890161285e565b925050608086013567ffffffffffffffff811115613444576134436127da565b5b61345088828901612c46565b9150509295509295909350565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052602260045260246000fd5b600060028204905060018216806134a457607f821691505b6020821081036134b7576134b661345d565b5b50919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052603260045260246000fd5b7f4f776e61626c653a206e6577206f776e657220697320746865207a65726f206160008201527f6464726573730000000000000000000000000000000000000000000000000000602082015250565b60006135486026836129a3565b9150613553826134ec565b604082019050919050565b600060208201905081810360008301526135778161353b565b9050919050565b7f4f776e61626c653a2063616c6c6572206973206e6f7420746865206f776e6572600082015250565b60006135b46020836129a3565b91506135bf8261357e565b602082019050919050565b600060208201905081810360008301526135e3816135a7565b9050919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052601160045260246000fd5b60006136248261283d565b915061362f8361283d565b9250828201905080821115613647576136466135ea565b5b92915050565b600060408201905081810360008301526136678185612fec565b9050818103602083015261367b8184612fec565b90509392505050565b600060408201905061369960008301856128b3565b6136a660208301846128b3565b9392505050565b60008190508160005260206000209050919050565b60006020601f8301049050919050565b600082821b905092915050565b60006008830261370f7fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff826136d2565b61371986836136d2565b95508019841693508086168417925050509392505050565b6000819050919050565b600061375661375161374c8461283d565b613731565b61283d565b9050919050565b6000819050919050565b6137708361373b565b61378461377c8261375d565b8484546136df565b825550505050565b600090565b61379961378c565b6137a4818484613767565b505050565b5b818110156137c8576137bd600082613791565b6001810190506137aa565b5050565b601f82111561380d576137de816136ad565b6137e7846136c2565b810160208510156137f6578190505b61380a613802856136c2565b8301826137a9565b50505b505050565b600082821c905092915050565b600061383060001984600802613812565b1980831691505092915050565b6000613849838361381f565b9150826002028217905092915050565b61386282612998565b67ffffffffffffffff81111561387b5761387a612a7c565b5b613885825461348c565b6138908282856137cc565b600060209050601f8311600181146138c357600084156138b1578287015190505b6138bb858261383d565b865550613923565b601f1984166138d1866136ad565b60005b828110156138f9578489015182556001820191506020850194506020810190506138d4565b868310156139165784890151613912601f89168261381f565b8355505b6001600288020188555050505b505050505050565b600081519050919050565b600082825260208201905092915050565b60006139528261392b565b61395c8185613936565b935061396c8185602086016129b4565b613975816129de565b840191505092915050565b600060a08201905061399560008301886131cc565b6139a260208301876131cc565b81810360408301526139b48186612fec565b905081810360608301526139c88185612fec565b905081810360808301526139dc8184613947565b90509695505050505050565b6000815190506139f781612909565b92915050565b600060208284031215613a1357613a126127d5565b5b6000613a21848285016139e8565b91505092915050565b60008160e01c9050919050565b600060033d1115613a565760046000803e613a53600051613a2a565b90505b90565b600060443d10613ae657613a6b6127cb565b60043d036004823e80513d602482011167ffffffffffffffff82111715613a93575050613ae6565b808201805167ffffffffffffffff811115613ab15750505050613ae6565b80602083010160043d038501811115613ace575050505050613ae6565b613add82602001850186612aab565b82955050505050505b90565b600060a082019050613afe60008301886131cc565b613b0b60208301876131cc565b613b1860408301866128b3565b613b2560608301856128b3565b8181036080830152613b378184613947565b90509695505050505050565b6000613b4e8261283d565b9150613b598361283d565b9250828203905081811115613b7157613b706135ea565b5b92915050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052603160045260246000fdfea2646970667358221220be827254403910d63025b0c127a53468f0ffa1e764187eb1bb90856133e3718f64736f6c63430008120033"
diff --git a/integrations/safe/artifacts/test/erc1155-abi.ts b/integrations/safe/artifacts/test/erc1155-abi.ts
new file mode 100644
index 00000000..9415ae31
--- /dev/null
+++ b/integrations/safe/artifacts/test/erc1155-abi.ts
@@ -0,0 +1,742 @@
+/**
+ * Test ABI for ERC1155 contract generated using Solidstate Solidity Contract
+ * https://github.com/solidstate-network/solidstate-solidity
+ *
+ * Features:
+ * - Mintable
+ * - Enumerable
+ * - Single Approve
+ * - No Contructor Params
+ *
+ * Access Control:
+ * - Ownable
+ */
+export const erc1155ABI = [
+  {
+    inputs: [],
+    stateMutability: "nonpayable",
+    type: "constructor",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__ArrayLengthMismatch",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__BalanceQueryZeroAddress",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__BurnExceedsBalance",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__BurnFromZeroAddress",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__ERC1155ReceiverNotImplemented",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__ERC1155ReceiverRejected",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__MintToZeroAddress",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__NotOwnerOrApproved",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__SelfApproval",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__TransferExceedsBalance",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC1155Base__TransferToZeroAddress",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "ERC165Base__InvalidInterfaceId",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "EnumerableSet__IndexOutOfBounds",
+    type: "error",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "_owner",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "_spender",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "uint256",
+        name: "_id",
+        type: "uint256",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "_value",
+        type: "uint256",
+      },
+    ],
+    name: "Approval",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "bool",
+        name: "approved",
+        type: "bool",
+      },
+    ],
+    name: "ApprovalForAll",
+    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: "operator",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+      {
+        indexed: false,
+        internalType: "uint256[]",
+        name: "values",
+        type: "uint256[]",
+      },
+    ],
+    name: "TransferBatch",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "value",
+        type: "uint256",
+      },
+    ],
+    name: "TransferSingle",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: "string",
+        name: "value",
+        type: "string",
+      },
+      {
+        indexed: true,
+        internalType: "uint256",
+        name: "tokenId",
+        type: "uint256",
+      },
+    ],
+    name: "URI",
+    type: "event",
+  },
+  {
+    inputs: [],
+    name: "Fungible",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "NonFungible",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "NonFungible2nd",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "accountsByToken",
+    outputs: [
+      {
+        internalType: "address[]",
+        name: "",
+        type: "address[]",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "_owner",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "_spender",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "_id",
+        type: "uint256",
+      },
+    ],
+    name: "allowance",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "_spender",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "_id",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "_value",
+        type: "uint256",
+      },
+    ],
+    name: "approve",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "balanceOf",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address[]",
+        name: "accounts",
+        type: "address[]",
+      },
+      {
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+    ],
+    name: "balanceOfBatch",
+    outputs: [
+      {
+        internalType: "uint256[]",
+        name: "",
+        type: "uint256[]",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "contractURI",
+    outputs: [
+      {
+        internalType: "string",
+        name: "",
+        type: "string",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+    ],
+    name: "isApprovedForAll",
+    outputs: [
+      {
+        internalType: "bool",
+        name: "",
+        type: "bool",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "amount",
+        type: "uint256",
+      },
+      {
+        internalType: "string",
+        name: "uri_",
+        type: "string",
+      },
+    ],
+    name: "mint",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+      {
+        internalType: "uint256[]",
+        name: "amounts",
+        type: "uint256[]",
+      },
+      {
+        internalType: "bytes",
+        name: "data",
+        type: "bytes",
+      },
+    ],
+    name: "mintBatch",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "name",
+    outputs: [
+      {
+        internalType: "string",
+        name: "",
+        type: "string",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "owner",
+    outputs: [
+      {
+        internalType: "address",
+        name: "",
+        type: "address",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "renounceOwnership",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+      {
+        internalType: "uint256[]",
+        name: "amounts",
+        type: "uint256[]",
+      },
+      {
+        internalType: "bytes",
+        name: "data",
+        type: "bytes",
+      },
+    ],
+    name: "safeBatchTransferFrom",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "amount",
+        type: "uint256",
+      },
+      {
+        internalType: "bytes",
+        name: "data",
+        type: "bytes",
+      },
+    ],
+    name: "safeTransferFrom",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        internalType: "bool",
+        name: "status",
+        type: "bool",
+      },
+    ],
+    name: "setApprovalForAll",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "bytes4",
+        name: "interfaceId",
+        type: "bytes4",
+      },
+    ],
+    name: "supportsInterface",
+    outputs: [
+      {
+        internalType: "bool",
+        name: "",
+        type: "bool",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "symbol",
+    outputs: [
+      {
+        internalType: "string",
+        name: "",
+        type: "string",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+    ],
+    name: "tokensByAccount",
+    outputs: [
+      {
+        internalType: "uint256[]",
+        name: "",
+        type: "uint256[]",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "totalHolders",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "totalSupply",
+    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: "uint256",
+        name: "tokenId",
+        type: "uint256",
+      },
+    ],
+    name: "uri",
+    outputs: [
+      {
+        internalType: "string",
+        name: "",
+        type: "string",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+] as const
diff --git a/integrations/safe/artifacts/test/erc1155-bytecode.ts b/integrations/safe/artifacts/test/erc1155-bytecode.ts
new file mode 100644
index 00000000..2d74f4f3
--- /dev/null
+++ b/integrations/safe/artifacts/test/erc1155-bytecode.ts
@@ -0,0 +1,15 @@
+/**
+ * Test Bytecode for ERC1155 contract generated using SolidState Solidity Contract
+ * https://github.com/solidstate-network/solidstate-solidity
+ *
+ * Features:
+ * - Mintable
+ * - Enumerable
+ * - Single Approve
+ * - No Contructor Params
+ *
+ * Access Control:
+ * - Ownable
+ */
+export const erc1155ByteCode =
+  "0x60806040523480156200001157600080fd5b506200003262000026620001e360201b60201c565b620001eb60201b60201c565b60405180606001604052806036815260200162004cd360369139600390816200005c919062000e11565b506040518060400160405280600f81526020017f506f6e792047616d65204974656d73000000000000000000000000000000000081525060049081620000a3919062000e11565b506040518060400160405280600581526020017f504974656d00000000000000000000000000000000000000000000000000000081525060059081620000ea919062000e11565b506200010f3360018060405180602001604052806000815250620002af60201b60201c565b6200013b60016040518060600160405280603a815260200162004c5f603a91396200045360201b60201c565b62000160336002600560405180602001604052806000815250620002af60201b60201c565b6200018c60026040518060600160405280603a815260200162004c25603a91396200045360201b60201c565b620001b1336003606460405180602001604052806000815250620002af60201b60201c565b620001dd60036040518060600160405280603a815260200162004c99603a91396200045360201b60201c565b62001039565b600033905090565b60008060009054906101000a900473ffffffffffffffffffffffffffffffffffffffff169050816000806101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff1602179055508173ffffffffffffffffffffffffffffffffffffffff168173ffffffffffffffffffffffffffffffffffffffff167f8be0079c531659141344cd1fd0a4f28419497f9722a3daafe3b4186f6b6457e060405160405180910390a35050565b600073ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff160362000316576040517f0391df7e00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b6200034d336000866200032f876200047a60201b60201c565b62000340876200047a60201b60201c565b86620004fb60201b60201c565b81620003636200051e60201b62000f7a1760201c565b600001600085815260200190815260200160002060008673ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000206000828254620003c5919062000f27565b925050819055508373ffffffffffffffffffffffffffffffffffffffff16600073ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff167fc3d58168c5ae7397731d063d5bbf3d657854427343f4c083240f7aacaa2d0f6286866040516200044592919062000f73565b60405180910390a450505050565b8060026000848152602001908152602001600020908162000475919062000e11565b505050565b60606000600167ffffffffffffffff8111156200049c576200049b62000ba2565b5b604051908082528060200260200182016040528015620004cb5781602001602082028036833780820191505090505b5090508281600081518110620004e657620004e562000fa0565b5b60200260200101818152505080915050919050565b620005168686868686866200054b60201b62000fa71760201c565b505050505050565b6000807f1799cf914cb0cb442ca7c7ac709ee40d0cb89e87351dc08d517fbda27d50c68b90508091505090565b620005668686868686866200085660201b620012581760201c565b8373ffffffffffffffffffffffffffffffffffffffff168573ffffffffffffffffffffffffffffffffffffffff16146200084e576000620005b16200085e60201b620012601760201c565b9050600081600101905060008260020160008973ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020905060008360020160008973ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020905060005b8751811015620008485760008782815181106200066a576200066962000fa0565b5b6020026020010151905060008111156200083957600089838151811062000696576200069562000fa0565b5b60200260200101519050600073ffffffffffffffffffffffffffffffffffffffff168c73ffffffffffffffffffffffffffffffffffffffff16036200070957818760000160008381526020019081526020016000206000828254620006fc919062000f27565b925050819055506200076b565b816200071c8d836200088b60201b60201c565b036200076a576200074d8c8760008481526020019081526020016000206200096260201b6200128d1790919060201c565b506200076881866200099a60201b620012bd1790919060201c565b505b5b600073ffffffffffffffffffffffffffffffffffffffff168b73ffffffffffffffffffffffffffffffffffffffff1603620007d457818760000160008381526020019081526020016000206000828254620007c7919062000fcf565b9250508190555062000837565b6000620007e88c836200088b60201b60201c565b036200083657620008198b876000848152602001908152602001600020620009bc60201b620012d71790919060201c565b50620008348185620009f460201b620013071790919060201c565b505b5b505b81806001019250505062000648565b50505050505b505050505050565b505050505050565b6000807fb31c2c74f86ca3ce94d901f5f5bbe66f7161eec2f7b5aa0b75a86371436424ea90508091505090565b60008073ffffffffffffffffffffffffffffffffffffffff168373ffffffffffffffffffffffffffffffffffffffff1603620008f3576040517fdb5d879700000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b620009086200051e60201b62000f7a1760201c565b600001600083815260200190815260200160002060008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002054905092915050565b600062000992836000018373ffffffffffffffffffffffffffffffffffffffff1660001b62000a1660201b60201c565b905092915050565b6000620009b4836000018360001b62000a1660201b60201c565b905092915050565b6000620009ec836000018373ffffffffffffffffffffffffffffffffffffffff1660001b62000b0460201b60201c565b905092915050565b600062000a0e836000018360001b62000b0460201b60201c565b905092915050565b6000808360010160008481526020019081526020016000205490506000811462000afd5760008460000160018660000180549050038154811062000a5f5762000a5e62000fa0565b5b906000526020600020015490508085600001600184038154811062000a895762000a8862000fa0565b5b90600052602060002001819055508185600101600083815260200190815260200160002081905550508360000180548062000ac95762000ac86200100a565b5b6001900381819060005260206000200160009055905583600101600084815260200190815260200160002060009055600191505b5092915050565b600062000b18838362000b7460201b60201c565b62000b6e5782600001829080600181540180825580915050600190039060005260206000200160009091909190915055826000018054905083600101600084815260200190815260200160002081905550600190505b92915050565b600080836001016000848152602001908152602001600020541415905092915050565b600081519050919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052604160045260246000fd5b7f4e487b7100000000000000000000000000000000000000000000000000000000600052602260045260246000fd5b6000600282049050600182168062000c1957607f821691505b60208210810362000c2f5762000c2e62000bd1565b5b50919050565b60008190508160005260206000209050919050565b60006020601f8301049050919050565b600082821b905092915050565b60006008830262000c997fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8262000c5a565b62000ca5868362000c5a565b95508019841693508086168417925050509392505050565b6000819050919050565b6000819050919050565b600062000cf262000cec62000ce68462000cbd565b62000cc7565b62000cbd565b9050919050565b6000819050919050565b62000d0e8362000cd1565b62000d2662000d1d8262000cf9565b84845462000c67565b825550505050565b600090565b62000d3d62000d2e565b62000d4a81848462000d03565b505050565b5b8181101562000d725762000d6660008262000d33565b60018101905062000d50565b5050565b601f82111562000dc15762000d8b8162000c35565b62000d968462000c4a565b8101602085101562000da6578190505b62000dbe62000db58562000c4a565b83018262000d4f565b50505b505050565b600082821c905092915050565b600062000de66000198460080262000dc6565b1980831691505092915050565b600062000e01838362000dd3565b9150826002028217905092915050565b62000e1c8262000b97565b67ffffffffffffffff81111562000e385762000e3762000ba2565b5b62000e44825462000c00565b62000e5182828562000d76565b600060209050601f83116001811462000e89576000841562000e74578287015190505b62000e80858262000df3565b86555062000ef0565b601f19841662000e998662000c35565b60005b8281101562000ec35784890151825560018201915060208501945060208101905062000e9c565b8683101562000ee3578489015162000edf601f89168262000dd3565b8355505b6001600288020188555050505b505050505050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052601160045260246000fd5b600062000f348262000cbd565b915062000f418362000cbd565b925082820190508082111562000f5c5762000f5b62000ef8565b5b92915050565b62000f6d8162000cbd565b82525050565b600060408201905062000f8a600083018562000f62565b62000f99602083018462000f62565b9392505050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052603260045260246000fd5b600062000fdc8262000cbd565b915062000fe98362000cbd565b925082820390508181111562001004576200100362000ef8565b5b92915050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052603160045260246000fd5b613bdc80620010496000396000f3fe608060405234801561001057600080fd5b50600436106101725760003560e01c8063715018a6116100de578063bd85b03911610097578063e8a3d48511610071578063e8a3d48514610471578063e985e9c51461048f578063f242432a146104bf578063f2fde38b146104db57610172565b8063bd85b03914610405578063c98d8f6214610435578063e10147941461045357610172565b8063715018a61461035757806385bff2e7146103615780638da5cb5b1461039157806395d89b41146103af578063a22cb465146103cd578063bb7fde71146103e957610172565b80631f7fdffa116101305780631f7fdffa146102735780632eb2c2d61461028f578063426a8493146102ab5780634e1273f4146102c7578063598af9e7146102f75780636dcfd8411461032757610172565b8062fdd58e1461017757806301ffc9a7146101a757806306fdde03146101d75780630e89341c146101f557806313ba55df146102255780631f4d0f5114610255575b600080fd5b610191600480360381019061018c9190612873565b6104f7565b60405161019e91906128c2565b60405180910390f35b6101c160048036038101906101bc9190612935565b61050b565b6040516101ce919061297d565b60405180910390f35b6101df61051d565b6040516101ec9190612a28565b60405180910390f35b61020f600480360381019061020a9190612a4a565b6105af565b60405161021c9190612a28565b60405180910390f35b61023f600480360381019061023a9190612a4a565b610654565b60405161024c91906128c2565b60405180910390f35b61025d610666565b60405161026a91906128c2565b60405180910390f35b61028d60048036038101906102889190612c74565b61066b565b005b6102a960048036038101906102a49190612d2f565b610685565b005b6102c560048036038101906102c09190612dfe565b610714565b005b6102e160048036038101906102dc9190612f14565b610811565b6040516102ee919061304a565b60405180910390f35b610311600480360381019061030c919061306c565b6109f3565b60405161031e91906128c2565b60405180910390f35b610341600480360381019061033c9190612a4a565b610a8c565b60405161034e919061317d565b60405180910390f35b61035f610a9e565b005b61037b6004803603810190610376919061319f565b610ab2565b604051610388919061304a565b60405180910390f35b610399610ac4565b6040516103a691906131db565b60405180910390f35b6103b7610aed565b6040516103c49190612a28565b60405180910390f35b6103e760048036038101906103e29190613222565b610b7f565b005b61040360048036038101906103fe9190613303565b610cea565b005b61041f600480360381019061041a9190612a4a565b610d1d565b60405161042c91906128c2565b60405180910390f35b61043d610d2f565b60405161044a91906128c2565b60405180910390f35b61045b610d34565b60405161046891906128c2565b60405180910390f35b610479610d39565b6040516104869190612a28565b60405180910390f35b6104a960048036038101906104a49190613386565b610dcb565b6040516104b6919061297d565b60405180910390f35b6104d960048036038101906104d491906133c6565b610e68565b005b6104f560048036038101906104f0919061319f565b610ef7565b005b60006105038383611321565b905092915050565b6000610516826113ea565b9050919050565b60606004805461052c9061348c565b80601f01602080910402602001604051908101604052809291908181526020018280546105589061348c565b80156105a55780601f1061057a576101008083540402835291602001916105a5565b820191906000526020600020905b81548152906001019060200180831161058857829003601f168201915b5050505050905090565b60606002600083815260200190815260200160002080546105cf9061348c565b80601f01602080910402602001604051908101604052809291908181526020018280546105fb9061348c565b80156106485780601f1061061d57610100808354040283529160200191610648565b820191906000526020600020905b81548152906001019060200180831161062b57829003601f168201915b50505050509050919050565b600061065f8261145b565b9050919050565b600381565b610673611488565b61067f84848484611506565b50505050565b3373ffffffffffffffffffffffffffffffffffffffff168573ffffffffffffffffffffffffffffffffffffffff16141580156106c857506106c68533610dcb565b155b156106ff576040517f25dfda0000000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b61070d3386868686866116ff565b5050505050565b80600160003373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008573ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020600084815260200190815260200160002081905550818373ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff167fb3fd5071835887567a0671151121894ddccc2842f1d10bedad13e0d17cace9a78460405161080491906128c2565b60405180910390a4505050565b6060815183511461084e576040517f7cfc16da00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b6000610858610f7a565b60000190506000845167ffffffffffffffff81111561087a57610879612a7c565b5b6040519080825280602002602001820160405280156108a85781602001602082028036833780820191505090505b50905060005b85518110156109e757600073ffffffffffffffffffffffffffffffffffffffff168682815181106108e2576108e16134bd565b5b602002602001015173ffffffffffffffffffffffffffffffffffffffff1603610937576040517fdb5d879700000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b82600086838151811061094d5761094c6134bd565b5b602002602001015181526020019081526020016000206000878381518110610978576109776134bd565b5b602002602001015173ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020548282815181106109ce576109cd6134bd565b5b60200260200101818152505080806001019150506108ae565b50809250505092915050565b6000600160008573ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008381526020019081526020016000205490509392505050565b6060610a9782611723565b9050919050565b610aa6611488565b610ab06000611825565b565b6060610abd826118e9565b9050919050565b60008060009054906101000a900473ffffffffffffffffffffffffffffffffffffffff16905090565b606060058054610afc9061348c565b80601f0160208091040260200160405190810160405280929190818152602001828054610b289061348c565b8015610b755780601f10610b4a57610100808354040283529160200191610b75565b820191906000526020600020905b815481529060010190602001808311610b5857829003601f168201915b5050505050905090565b8173ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff1603610be4576040517ff661526600000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b80610bed610f7a565b60010160003373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060006101000a81548160ff0219169083151502179055508173ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff167f17307eab39ab6107e8899845ad3d59bd9653f200f220920489ca2b5937696c3183604051610cde919061297d565b60405180910390a35050565b610cf2611488565b610d0d848484604051806020016040528060008152506119e9565b610d178382611b63565b50505050565b6000610d2882611b88565b9050919050565b600181565b600281565b606060038054610d489061348c565b80601f0160208091040260200160405190810160405280929190818152602001828054610d749061348c565b8015610dc15780601f10610d9657610100808354040283529160200191610dc1565b820191906000526020600020905b815481529060010190602001808311610da457829003601f168201915b5050505050905090565b6000610dd5610f7a565b60010160008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008373ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060009054906101000a900460ff16905092915050565b3373ffffffffffffffffffffffffffffffffffffffff168573ffffffffffffffffffffffffffffffffffffffff1614158015610eab5750610ea98533610dcb565b155b15610ee2576040517f25dfda0000000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b610ef0338686868686611bae565b5050505050565b610eff611488565b600073ffffffffffffffffffffffffffffffffffffffff168173ffffffffffffffffffffffffffffffffffffffff1603610f6e576040517f08c379a0000000000000000000000000000000000000000000000000000000008152600401610f659061355e565b60405180910390fd5b610f7781611825565b50565b6000807f1799cf914cb0cb442ca7c7ac709ee40d0cb89e87351dc08d517fbda27d50c68b90508091505090565b610fb5868686868686611258565b8373ffffffffffffffffffffffffffffffffffffffff168573ffffffffffffffffffffffffffffffffffffffff1614611250576000610ff2611260565b9050600081600101905060008260020160008973ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020905060008360020160008973ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020905060005b875181101561124a5760008782815181106110a7576110a66134bd565b5b60200260200101519050600081111561123c5760008983815181106110cf576110ce6134bd565b5b60200260200101519050600073ffffffffffffffffffffffffffffffffffffffff168c73ffffffffffffffffffffffffffffffffffffffff160361113e5781876000016000838152602001908152602001600020600082825461113291906135ad565b92505081905550611189565b816111498d83611321565b03611188576111728c87600084815260200190815260200160002061128d90919063ffffffff16565b5061118681866112bd90919063ffffffff16565b505b5b600073ffffffffffffffffffffffffffffffffffffffff168b73ffffffffffffffffffffffffffffffffffffffff16036111ee578187600001600083815260200190815260200160002060008282546111e291906135e1565b9250508190555061123a565b60006111fa8c83611321565b03611239576112238b8760008481526020019081526020016000206112d790919063ffffffff16565b50611237818561130790919063ffffffff16565b505b5b505b818060010192505050611089565b50505050505b505050505050565b505050505050565b6000807fb31c2c74f86ca3ce94d901f5f5bbe66f7161eec2f7b5aa0b75a86371436424ea90508091505090565b60006112b5836000018373ffffffffffffffffffffffffffffffffffffffff1660001b611bd2565b905092915050565b60006112cf836000018360001b611bd2565b905092915050565b60006112ff836000018373ffffffffffffffffffffffffffffffffffffffff1660001b611cb6565b905092915050565b6000611319836000018360001b611cb6565b905092915050565b60008073ffffffffffffffffffffffffffffffffffffffff168373ffffffffffffffffffffffffffffffffffffffff1603611388576040517fdb5d879700000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b611390610f7a565b600001600083815260200190815260200160002060008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002054905092915050565b60006113f4611d1d565b6000016000837bffffffffffffffffffffffffffffffffffffffffffffffffffffffff19167bffffffffffffffffffffffffffffffffffffffffffffffffffffffff1916815260200190815260200160002060009054906101000a900460ff169050919050565b6000611481611468611260565b6001016000848152602001908152602001600020611d4a565b9050919050565b611490611d5f565b73ffffffffffffffffffffffffffffffffffffffff166114ae610ac4565b73ffffffffffffffffffffffffffffffffffffffff1614611504576040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016114fb90613661565b60405180910390fd5b565b600073ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff160361156c576040517f0391df7e00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b81518351146115a7576040517f7cfc16da00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b6115b633600086868686611d67565b60006115c0610f7a565b600001905060005b8451811015611678578381815181106115e4576115e36134bd565b5b6020026020010151826000878481518110611602576116016134bd565b5b6020026020010151815260200190815260200160002060008873ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020600082825461166491906135ad565b9250508190555080806001019150506115c8565b508473ffffffffffffffffffffffffffffffffffffffff16600073ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff167f4a39dc06d4c0dbc64b70af90fd698a233a518aa5d07e595d983b8c0526c8f7fb87876040516116f0929190613681565b60405180910390a45050505050565b61170d868686868686611d7d565b61171b868686868686612067565b505050505050565b6060600061172f611260565b60010160008481526020019081526020016000209050600061175082611d4a565b67ffffffffffffffff81111561176957611768612a7c565b5b6040519080825280602002602001820160405280156117975781602001602082028036833780820191505090505b50905060005b6117a683611d4a565b81101561181a576117c0818461222c90919063ffffffff16565b8282815181106117d3576117d26134bd565b5b602002602001019073ffffffffffffffffffffffffffffffffffffffff16908173ffffffffffffffffffffffffffffffffffffffff1681525050808060010191505061179d565b508092505050919050565b60008060009054906101000a900473ffffffffffffffffffffffffffffffffffffffff169050816000806101000a81548173ffffffffffffffffffffffffffffffffffffffff021916908373ffffffffffffffffffffffffffffffffffffffff1602179055508173ffffffffffffffffffffffffffffffffffffffff168173ffffffffffffffffffffffffffffffffffffffff167f8be0079c531659141344cd1fd0a4f28419497f9722a3daafe3b4186f6b6457e060405160405180910390a35050565b606060006118f5611260565b60020160008473ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000209050600061194282612246565b67ffffffffffffffff81111561195b5761195a612a7c565b5b6040519080825280602002602001820160405280156119895781602001602082028036833780820191505090505b50905060005b61199883612246565b8110156119de576119b2818461225b90919063ffffffff16565b8282815181106119c5576119c46134bd565b5b602002602001018181525050808060010191505061198f565b508092505050919050565b600073ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff1603611a4f576040517f0391df7e00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b611a6e33600086611a5f87612275565b611a6887612275565b86611d67565b81611a77610f7a565b600001600085815260200190815260200160002060008673ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000206000828254611ad791906135ad565b925050819055508373ffffffffffffffffffffffffffffffffffffffff16600073ffffffffffffffffffffffffffffffffffffffff163373ffffffffffffffffffffffffffffffffffffffff167fc3d58168c5ae7397731d063d5bbf3d657854427343f4c083240f7aacaa2d0f628686604051611b559291906136b8565b60405180910390a450505050565b80600260008481526020019081526020016000209081611b83919061388d565b505050565b6000611b92611260565b6000016000838152602001908152602001600020549050919050565b611bbc8686868686866122ef565b611bca868686868686612554565b505050505050565b60008083600101600084815260200190815260200160002054905060008114611caf57600084600001600186600001805490500381548110611c1757611c166134bd565b5b9060005260206000200154905080856000016001840381548110611c3e57611c3d6134bd565b5b906000526020600020018190555081856001016000838152602001908152602001600020819055505083600001805480611c7b57611c7a61395f565b5b6001900381819060005260206000200160009055905583600101600084815260200190815260200160002060009055600191505b5092915050565b6000611cc28383612719565b611d175782600001829080600181540180825580915050600190039060005260206000200160009091909190915055826000018054905083600101600084815260200190815260200160002081905550600190505b92915050565b6000807ffc606c433378e3a7e0a6a531deac289b66caa1b4aa8554fd4ab2c6f1570f92d890508091505090565b6000611d588260000161273c565b9050919050565b600033905090565b611d75868686868686610fa7565b505050505050565b600073ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff1603611de3576040517ff5cadad500000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b8151835114611e1e576040517f7cfc16da00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b611e2c868686868686611d67565b6000611e36610f7a565b600001905060005b8451811015611fdf576000858281518110611e5c57611e5b6134bd565b5b602002602001015190506000858381518110611e7b57611e7a6134bd565b5b60200260200101519050600084600084815260200190815260200160002060008b73ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002054905080821115611f13576040517f8cd635d800000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b81810385600085815260200190815260200160002060008c73ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff168152602001908152602001600020819055508380600101945050508084600084815260200190815260200160002060008a73ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff1681526020019081526020016000206000828254611fd191906135ad565b925050819055505050611e3e565b508473ffffffffffffffffffffffffffffffffffffffff168673ffffffffffffffffffffffffffffffffffffffff168873ffffffffffffffffffffffffffffffffffffffff167f4a39dc06d4c0dbc64b70af90fd698a233a518aa5d07e595d983b8c0526c8f7fb8787604051612056929190613681565b60405180910390a450505050505050565b6120868473ffffffffffffffffffffffffffffffffffffffff1661274d565b15612224578373ffffffffffffffffffffffffffffffffffffffff1663bc197c8187878686866040518663ffffffff1660e01b81526004016120cc9594939291906139e3565b6020604051808303816000875af192505050801561210857506040513d601f19601f820116820180604052508101906121059190613a60565b60015b6121a457612114613a9a565b806308c379a0036121705750612128613abc565b806121335750612172565b806040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016121679190612a28565b60405180910390fd5b505b6040517f380147a900000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b63bc197c8160e01b7bffffffffffffffffffffffffffffffffffffffffffffffffffffffff1916817bffffffffffffffffffffffffffffffffffffffffffffffffffffffff191614612222576040517f3744db2900000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b505b505050505050565b600061223b8360000183612760565b60001c905092915050565b60006122548260000161273c565b9050919050565b600061226a8360000183612760565b60001c905092915050565b60606000600167ffffffffffffffff81111561229457612293612a7c565b5b6040519080825280602002602001820160405280156122c25781602001602082028036833780820191505090505b50905082816000815181106122da576122d96134bd565b5b60200260200101818152505080915050919050565b600073ffffffffffffffffffffffffffffffffffffffff168473ffffffffffffffffffffffffffffffffffffffff1603612355576040517ff5cadad500000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b61237386868661236487612275565b61236d87612275565b86611d67565b600061237d610f7a565b6000019050600081600086815260200190815260200160002060008873ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002054905080841115612410576040517f8cd635d800000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b83810382600087815260200190815260200160002060008973ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002081905550508281600086815260200190815260200160002060008773ffffffffffffffffffffffffffffffffffffffff1673ffffffffffffffffffffffffffffffffffffffff16815260200190815260200160002060008282546124c691906135ad565b925050819055508473ffffffffffffffffffffffffffffffffffffffff168673ffffffffffffffffffffffffffffffffffffffff168873ffffffffffffffffffffffffffffffffffffffff167fc3d58168c5ae7397731d063d5bbf3d657854427343f4c083240f7aacaa2d0f6287876040516125439291906136b8565b60405180910390a450505050505050565b6125738473ffffffffffffffffffffffffffffffffffffffff1661274d565b15612711578373ffffffffffffffffffffffffffffffffffffffff1663f23a6e6187878686866040518663ffffffff1660e01b81526004016125b9959493929190613b4c565b6020604051808303816000875af19250505080156125f557506040513d601f19601f820116820180604052508101906125f29190613a60565b60015b61269157612601613a9a565b806308c379a00361265d5750612615613abc565b80612620575061265f565b806040517f08c379a00000000000000000000000000000000000000000000000000000000081526004016126549190612a28565b60405180910390fd5b505b6040517f380147a900000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b63f23a6e6160e01b7bffffffffffffffffffffffffffffffffffffffffffffffffffffffff1916817bffffffffffffffffffffffffffffffffffffffffffffffffffffffff19161461270f576040517f3744db2900000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b505b505050505050565b600080836001016000848152602001908152602001600020541415905092915050565b600081600001805490509050919050565b600080823b905060008111915050919050565b6000826000018054905082106127a2576040517fe637bf3b00000000000000000000000000000000000000000000000000000000815260040160405180910390fd5b8260000182815481106127b8576127b76134bd565b5b9060005260206000200154905092915050565b6000604051905090565b600080fd5b600080fd5b600073ffffffffffffffffffffffffffffffffffffffff82169050919050565b600061280a826127df565b9050919050565b61281a816127ff565b811461282557600080fd5b50565b60008135905061283781612811565b92915050565b6000819050919050565b6128508161283d565b811461285b57600080fd5b50565b60008135905061286d81612847565b92915050565b6000806040838503121561288a576128896127d5565b5b600061289885828601612828565b92505060206128a98582860161285e565b9150509250929050565b6128bc8161283d565b82525050565b60006020820190506128d760008301846128b3565b92915050565b60007fffffffff0000000000000000000000000000000000000000000000000000000082169050919050565b612912816128dd565b811461291d57600080fd5b50565b60008135905061292f81612909565b92915050565b60006020828403121561294b5761294a6127d5565b5b600061295984828501612920565b91505092915050565b60008115159050919050565b61297781612962565b82525050565b6000602082019050612992600083018461296e565b92915050565b600081519050919050565b600082825260208201905092915050565b60005b838110156129d25780820151818401526020810190506129b7565b60008484015250505050565b6000601f19601f8301169050919050565b60006129fa82612998565b612a0481856129a3565b9350612a148185602086016129b4565b612a1d816129de565b840191505092915050565b60006020820190508181036000830152612a4281846129ef565b905092915050565b600060208284031215612a6057612a5f6127d5565b5b6000612a6e8482850161285e565b91505092915050565b600080fd5b7f4e487b7100000000000000000000000000000000000000000000000000000000600052604160045260246000fd5b612ab4826129de565b810181811067ffffffffffffffff82111715612ad357612ad2612a7c565b5b80604052505050565b6000612ae66127cb565b9050612af28282612aab565b919050565b600067ffffffffffffffff821115612b1257612b11612a7c565b5b602082029050602081019050919050565b600080fd5b6000612b3b612b3684612af7565b612adc565b90508083825260208201905060208402830185811115612b5e57612b5d612b23565b5b835b81811015612b875780612b73888261285e565b845260208401935050602081019050612b60565b5050509392505050565b600082601f830112612ba657612ba5612a77565b5b8135612bb6848260208601612b28565b91505092915050565b600080fd5b600067ffffffffffffffff821115612bdf57612bde612a7c565b5b612be8826129de565b9050602081019050919050565b82818337600083830152505050565b6000612c17612c1284612bc4565b612adc565b905082815260208101848484011115612c3357612c32612bbf565b5b612c3e848285612bf5565b509392505050565b600082601f830112612c5b57612c5a612a77565b5b8135612c6b848260208601612c04565b91505092915050565b60008060008060808587031215612c8e57612c8d6127d5565b5b6000612c9c87828801612828565b945050602085013567ffffffffffffffff811115612cbd57612cbc6127da565b5b612cc987828801612b91565b935050604085013567ffffffffffffffff811115612cea57612ce96127da565b5b612cf687828801612b91565b925050606085013567ffffffffffffffff811115612d1757612d166127da565b5b612d2387828801612c46565b91505092959194509250565b600080600080600060a08688031215612d4b57612d4a6127d5565b5b6000612d5988828901612828565b9550506020612d6a88828901612828565b945050604086013567ffffffffffffffff811115612d8b57612d8a6127da565b5b612d9788828901612b91565b935050606086013567ffffffffffffffff811115612db857612db76127da565b5b612dc488828901612b91565b925050608086013567ffffffffffffffff811115612de557612de46127da565b5b612df188828901612c46565b9150509295509295909350565b600080600060608486031215612e1757612e166127d5565b5b6000612e2586828701612828565b9350506020612e368682870161285e565b9250506040612e478682870161285e565b9150509250925092565b600067ffffffffffffffff821115612e6c57612e6b612a7c565b5b602082029050602081019050919050565b6000612e90612e8b84612e51565b612adc565b90508083825260208201905060208402830185811115612eb357612eb2612b23565b5b835b81811015612edc5780612ec88882612828565b845260208401935050602081019050612eb5565b5050509392505050565b600082601f830112612efb57612efa612a77565b5b8135612f0b848260208601612e7d565b91505092915050565b60008060408385031215612f2b57612f2a6127d5565b5b600083013567ffffffffffffffff811115612f4957612f486127da565b5b612f5585828601612ee6565b925050602083013567ffffffffffffffff811115612f7657612f756127da565b5b612f8285828601612b91565b9150509250929050565b600081519050919050565b600082825260208201905092915050565b6000819050602082019050919050565b612fc18161283d565b82525050565b6000612fd38383612fb8565b60208301905092915050565b6000602082019050919050565b6000612ff782612f8c565b6130018185612f97565b935061300c83612fa8565b8060005b8381101561303d5781516130248882612fc7565b975061302f83612fdf565b925050600181019050613010565b5085935050505092915050565b600060208201905081810360008301526130648184612fec565b905092915050565b600080600060608486031215613085576130846127d5565b5b600061309386828701612828565b93505060206130a486828701612828565b92505060406130b58682870161285e565b9150509250925092565b600081519050919050565b600082825260208201905092915050565b6000819050602082019050919050565b6130f4816127ff565b82525050565b600061310683836130eb565b60208301905092915050565b6000602082019050919050565b600061312a826130bf565b61313481856130ca565b935061313f836130db565b8060005b8381101561317057815161315788826130fa565b975061316283613112565b925050600181019050613143565b5085935050505092915050565b60006020820190508181036000830152613197818461311f565b905092915050565b6000602082840312156131b5576131b46127d5565b5b60006131c384828501612828565b91505092915050565b6131d5816127ff565b82525050565b60006020820190506131f060008301846131cc565b92915050565b6131ff81612962565b811461320a57600080fd5b50565b60008135905061321c816131f6565b92915050565b60008060408385031215613239576132386127d5565b5b600061324785828601612828565b92505060206132588582860161320d565b9150509250929050565b600067ffffffffffffffff82111561327d5761327c612a7c565b5b613286826129de565b9050602081019050919050565b60006132a66132a184613262565b612adc565b9050828152602081018484840111156132c2576132c1612bbf565b5b6132cd848285612bf5565b509392505050565b600082601f8301126132ea576132e9612a77565b5b81356132fa848260208601613293565b91505092915050565b6000806000806080858703121561331d5761331c6127d5565b5b600061332b87828801612828565b945050602061333c8782880161285e565b935050604061334d8782880161285e565b925050606085013567ffffffffffffffff81111561336e5761336d6127da565b5b61337a878288016132d5565b91505092959194509250565b6000806040838503121561339d5761339c6127d5565b5b60006133ab85828601612828565b92505060206133bc85828601612828565b9150509250929050565b600080600080600060a086880312156133e2576133e16127d5565b5b60006133f088828901612828565b955050602061340188828901612828565b94505060406134128882890161285e565b93505060606134238882890161285e565b925050608086013567ffffffffffffffff811115613444576134436127da565b5b61345088828901612c46565b9150509295509295909350565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052602260045260246000fd5b600060028204905060018216806134a457607f821691505b6020821081036134b7576134b661345d565b5b50919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052603260045260246000fd5b7f4f776e61626c653a206e6577206f776e657220697320746865207a65726f206160008201527f6464726573730000000000000000000000000000000000000000000000000000602082015250565b60006135486026836129a3565b9150613553826134ec565b604082019050919050565b600060208201905081810360008301526135778161353b565b9050919050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052601160045260246000fd5b60006135b88261283d565b91506135c38361283d565b92508282019050808211156135db576135da61357e565b5b92915050565b60006135ec8261283d565b91506135f78361283d565b925082820390508181111561360f5761360e61357e565b5b92915050565b7f4f776e61626c653a2063616c6c6572206973206e6f7420746865206f776e6572600082015250565b600061364b6020836129a3565b915061365682613615565b602082019050919050565b6000602082019050818103600083015261367a8161363e565b9050919050565b6000604082019050818103600083015261369b8185612fec565b905081810360208301526136af8184612fec565b90509392505050565b60006040820190506136cd60008301856128b3565b6136da60208301846128b3565b9392505050565b60008190508160005260206000209050919050565b60006020601f8301049050919050565b600082821b905092915050565b6000600883026137437fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff82613706565b61374d8683613706565b95508019841693508086168417925050509392505050565b6000819050919050565b600061378a6137856137808461283d565b613765565b61283d565b9050919050565b6000819050919050565b6137a48361376f565b6137b86137b082613791565b848454613713565b825550505050565b600090565b6137cd6137c0565b6137d881848461379b565b505050565b5b818110156137fc576137f16000826137c5565b6001810190506137de565b5050565b601f82111561384157613812816136e1565b61381b846136f6565b8101602085101561382a578190505b61383e613836856136f6565b8301826137dd565b50505b505050565b600082821c905092915050565b600061386460001984600802613846565b1980831691505092915050565b600061387d8383613853565b9150826002028217905092915050565b61389682612998565b67ffffffffffffffff8111156138af576138ae612a7c565b5b6138b9825461348c565b6138c4828285613800565b600060209050601f8311600181146138f757600084156138e5578287015190505b6138ef8582613871565b865550613957565b601f198416613905866136e1565b60005b8281101561392d57848901518255600182019150602085019450602081019050613908565b8683101561394a5784890151613946601f891682613853565b8355505b6001600288020188555050505b505050505050565b7f4e487b7100000000000000000000000000000000000000000000000000000000600052603160045260246000fd5b600081519050919050565b600082825260208201905092915050565b60006139b58261398e565b6139bf8185613999565b93506139cf8185602086016129b4565b6139d8816129de565b840191505092915050565b600060a0820190506139f860008301886131cc565b613a0560208301876131cc565b8181036040830152613a178186612fec565b90508181036060830152613a2b8185612fec565b90508181036080830152613a3f81846139aa565b90509695505050505050565b600081519050613a5a81612909565b92915050565b600060208284031215613a7657613a756127d5565b5b6000613a8484828501613a4b565b91505092915050565b60008160e01c9050919050565b600060033d1115613ab95760046000803e613ab6600051613a8d565b90505b90565b600060443d10613b4957613ace6127cb565b60043d036004823e80513d602482011167ffffffffffffffff82111715613af6575050613b49565b808201805167ffffffffffffffff811115613b145750505050613b49565b80602083010160043d038501811115613b31575050505050613b49565b613b4082602001850186612aab565b82955050505050505b90565b600060a082019050613b6160008301886131cc565b613b6e60208301876131cc565b613b7b60408301866128b3565b613b8860608301856128b3565b8181036080830152613b9a81846139aa565b9050969550505050505056fea2646970667358221220bf3e3bd60ab289ae1e95f84f1b8af2c43d2ae3e523a3b3d5549a9dea7d6749da64736f6c63430008120033697066733a2f2f697066732f516d624d32666f587570363934685a71563941396531507a6756384670623641797a38647863396532764e393859697066733a2f2f697066732f516d63474e4d55366d776a5979336f7044504b4a446144574a6d4c41416f315671633552484c77447938746b7377697066733a2f2f697066732f516d5044354347785250724a6f5a4c35756f75737251486964505744554b504a626a576575376379674666757234697066733a2f2f516d586b50394e6a546157354478346d686e597a584366703169554471756276784e696d716f365a586b654b75582f"
diff --git a/integrations/safe/components/add-owner-dialog.tsx b/integrations/safe/components/add-owner-dialog.tsx
new file mode 100644
index 00000000..acb0272a
--- /dev/null
+++ b/integrations/safe/components/add-owner-dialog.tsx
@@ -0,0 +1,83 @@
+import React, { Dispatch, SetStateAction, useState } from 'react'
+
+import { useForm } from 'react-hook-form'
+import { FaChevronDown, FaPlus } from 'react-icons/fa'
+
+import { Button } from '@/components/ui/button'
+import { Dialog, DialogContent, DialogDescription, DialogTitle, DialogTrigger } from '@/components/ui/dialog'
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+
+import { addOwnerForm } from './manage-safe'
+
+const AddOwnerDialog = ({
+  ownersAmount,
+  isLoading,
+  open,
+  setOpen,
+  onSubmit,
+}: {
+  ownersAmount: number
+  isLoading: boolean
+  open: boolean
+  setOpen: Dispatch<SetStateAction<boolean>>
+  onSubmit: (FieldValues: addOwnerForm, newThreshold: number | undefined) => Promise<void>
+}) => {
+  const { register, handleSubmit } = useForm<addOwnerForm>()
+  const [newThreshold, setNewThreshold] = useState<number | undefined>(undefined)
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button className="btn btn-emerald mt-4 w-full" disabled={false}>
+          {isLoading ? (
+            'Adding owner...'
+          ) : (
+            <div className="flex justify-center">
+              <FaPlus />
+              <span className="px-1">Add new owner</span>
+            </div>
+          )}
+        </Button>
+      </DialogTrigger>
+      <DialogContent>
+        <DialogTitle>New Owner</DialogTitle>
+        <DialogDescription>Provide new owner&lsquo;s address and set new treshold</DialogDescription>
+        <form className="flex w-full flex-col gap-4" onSubmit={handleSubmit((fieldValues) => onSubmit(fieldValues, newThreshold))}>
+          <fieldset>
+            <Label>Address</Label>
+            <Input required className="mt-4" {...register('newOwner')} />
+          </fieldset>
+          <fieldset>
+            <Label>New Treshold</Label>
+            <DropdownMenu>
+              <div className="mt-4 flex justify-between">
+                <Input placeholder="Select value" value={newThreshold} />
+                <DropdownMenuTrigger asChild>
+                  <Button>
+                    <FaChevronDown />
+                  </Button>
+                </DropdownMenuTrigger>
+              </div>
+              <DropdownMenuContent forceMount align="center">
+                {[...Array(ownersAmount + 1).keys()].map((num) => {
+                  return (
+                    <DropdownMenuItem key={num + 1} onClick={() => setNewThreshold(num + 1)}>
+                      <span>{num + 1}</span>
+                    </DropdownMenuItem>
+                  )
+                })}
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </fieldset>
+          <Button className="btn btn-emerald mt-4 w-full" disabled={false}>
+            {isLoading ? 'Adding owner...' : <span className="px-1">Add owner</span>}
+          </Button>
+        </form>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+export default AddOwnerDialog
diff --git a/integrations/safe/components/delete-owner.tsx b/integrations/safe/components/delete-owner.tsx
new file mode 100644
index 00000000..95bc9943
--- /dev/null
+++ b/integrations/safe/components/delete-owner.tsx
@@ -0,0 +1,91 @@
+import React, { Dispatch, SetStateAction, useState } from 'react'
+
+import { FaChevronDown, FaRegTrashAlt } from 'react-icons/fa'
+import { Address } from 'wagmi'
+
+import { Button } from '@/components/ui/button'
+import { Dialog, DialogContent, DialogDescription, DialogTitle, DialogTrigger } from '@/components/ui/dialog'
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+
+const DeleteOwner = ({
+  owners,
+  ownersAmount,
+  isLoading,
+  open,
+  setOpen,
+  onSubmit,
+}: {
+  owners: string[]
+  ownersAmount: number
+  isLoading: boolean
+  open: boolean
+  setOpen: Dispatch<SetStateAction<boolean>>
+  onSubmit: (ownerToDelete: string, newThreshold: number | undefined) => Promise<void>
+}) => {
+  const [newThreshold, setNewThreshold] = useState<number | undefined>(undefined)
+  const [ownerToDelete, setOwnerToDelete] = useState<Address | string>('')
+
+  const handleDelete = (owner: string) => {
+    setOwnerToDelete(owner)
+    setNewThreshold(undefined)
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <div className="flex w-full flex-col gap-2">
+        <h4 className="block text-base font-semibold leading-[1.3] text-inherit antialiased">Owners</h4>
+        {owners.map((owner) => (
+          <div key={owner} className="mb-4 flex justify-between">
+            <h5>{owner}</h5>
+            {ownersAmount <= 1 ? null : (
+              <DialogTrigger asChild>
+                <button className="text-red-500" onClick={() => handleDelete(owner)}>
+                  <FaRegTrashAlt />
+                </button>
+              </DialogTrigger>
+            )}
+          </div>
+        ))}
+      </div>
+      <DialogContent>
+        <DialogTitle>Delete Owner</DialogTitle>
+        <DialogDescription>Confirm owner delete and set new treshold</DialogDescription>
+        <fieldset>
+          <Label>Address</Label>
+          <Input readOnly required className="mt-4" value={ownerToDelete} />
+        </fieldset>
+        <fieldset>
+          <Label>New Treshold</Label>
+          <DropdownMenu>
+            <div className="mt-4 flex justify-between">
+              <Input placeholder="Select value" value={newThreshold} />
+              <DropdownMenuTrigger asChild>
+                <Button>
+                  <FaChevronDown />
+                </Button>
+              </DropdownMenuTrigger>
+            </div>
+            <DropdownMenuContent forceMount align="center">
+              {[...Array(ownersAmount).keys()]
+                .filter((num) => num !== 0)
+                .map((num) => {
+                  return (
+                    <DropdownMenuItem key={num} onClick={() => setNewThreshold(num)}>
+                      <span>{num}</span>
+                    </DropdownMenuItem>
+                  )
+                })}
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </fieldset>
+        <Button className="btn btn-emerald mt-4 w-full" disabled={false} onClick={() => onSubmit(ownerToDelete, newThreshold)}>
+          {isLoading ? 'Deleting owner...' : <span className="px-1">Delete owner</span>}
+        </Button>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+export default DeleteOwner
diff --git a/integrations/safe/components/form-deploy-safe.tsx b/integrations/safe/components/form-deploy-safe.tsx
new file mode 100644
index 00000000..80f49ff1
--- /dev/null
+++ b/integrations/safe/components/form-deploy-safe.tsx
@@ -0,0 +1,156 @@
+'use client'
+
+import { useContext, useState } from 'react'
+
+import { SafeAccountConfig } from '@safe-global/protocol-kit'
+import { useForm } from 'react-hook-form'
+import { FaPlus, FaRegTrashAlt } from 'react-icons/fa'
+import { Address, useAccount, usePublicClient, useQuery } from 'wagmi'
+
+import { BlockExplorerLink } from '@/components/blockchain/block-explorer-link'
+import { useToast } from '@/lib/hooks/use-toast'
+
+import { Client } from '../safe-client'
+import { SafeContext } from '../safe-provider'
+
+/**
+ * Starter component placeholder. Replace with your own component.
+ */
+interface deploySafeForm {
+  owners: string[]
+  threshold: number
+  safeAccountConfig: SafeAccountConfig
+}
+
+interface owner {
+  index: number
+  value: string
+}
+
+export function FormDeploySafe() {
+  const publicClient = usePublicClient()
+  const { address } = useAccount()
+  const [isLoading, setIsLoading] = useState<boolean>(false)
+  const safeClient: Client = useContext(SafeContext) as Client
+  const { register, handleSubmit } = useForm<deploySafeForm>()
+  const [loadedOwners, setLoadedOwners] = useState<owner[]>([])
+  const [safeAddress, setSafeAddress] = useState<Address>('0x')
+  const { toast, dismiss } = useToast()
+
+  const handleToast = ({ title, description }: { title: string; description: string }) => {
+    toast({
+      title,
+      description,
+    })
+
+    setTimeout(() => {
+      dismiss()
+    }, 10000)
+  }
+
+  const { data: nonce } = useQuery(['wallet-nonce', address, publicClient], {
+    queryFn: async () => {
+      if (!publicClient || !address) return
+      return await publicClient.getTransactionCount({
+        address,
+      })
+    },
+    enabled: !!address && !!publicClient,
+  })
+
+  function onSubmit(FieldValues: deploySafeForm) {
+    setIsLoading(true)
+    if (safeClient.factory != undefined && FieldValues.threshold != undefined && address != undefined) {
+      const safeAccountConfig: SafeAccountConfig = {
+        owners: [address, ...loadedOwners.map((owner) => owner.value)], // ['0x<address>', '0x<address>', '0x<address>']
+        threshold: FieldValues.threshold,
+      }
+      safeClient.factory
+        .deploySafe({ safeAccountConfig, saltNonce: nonce?.toString() })
+        .then(async (safe) => {
+          const addr: Address = (await safe.getAddress()) as Address
+          setSafeAddress(addr)
+          handleToast({
+            title: 'New Safe created',
+            description: 'Click on contract address to explore new Safe.',
+          })
+        })
+        .catch((error) => {
+          console.log(error)
+          handleToast({
+            title: 'An Error Occurred',
+            description: 'Error when trying to create a new Safe. Try again later.',
+          })
+        })
+      setIsLoading(false)
+    }
+    // TODO: handle errors in the form on submit
+  }
+
+  const addBtnClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+    e.preventDefault()
+    setLoadedOwners([...loadedOwners, { index: loadedOwners.length, value: '' }])
+  }
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {
+    const values: owner[] = [...loadedOwners]
+    values[index].value = e.target.value
+    setLoadedOwners(values)
+  }
+
+  const handleDelete = (index: number) => {
+    const values = loadedOwners.filter((item) => item.index !== index)
+    const newValues = values.map((val, index) => {
+      val.index = index
+      return val
+    })
+    setLoadedOwners([...newValues])
+  }
+
+  return (
+    <div className="card w-full">
+      <form className="flex w-full flex-col gap-4" onSubmit={handleSubmit(onSubmit)}>
+        <p>Set the owner wallets of your Safe Account and how many need to confirm to execute a valid transaction.</p>
+        <div className="mt-8 flex flex-col justify-center gap-x-14 text-2xl sm:flex-col">
+          <span>Owners:</span>
+          <input readOnly required className="input mt-4" placeholder="Insert address" value={address} />
+          {loadedOwners.length > 0 ? (
+            loadedOwners.map((owner) => (
+              <div key={owner.index} className="flex">
+                <input
+                  required
+                  className="input mr-2 mt-4"
+                  placeholder="Address"
+                  value={owner.value || ''}
+                  onChange={(e) => handleChange(e, owner.index)}
+                />
+                <button className="btn btn-sm btn-red mt-4" onClick={() => handleDelete(owner.index)}>
+                  <FaRegTrashAlt />
+                </button>
+              </div>
+            ))
+          ) : (
+            <div />
+          )}
+        </div>
+        <button className="btn btn-blue mt-4 w-full" disabled={false} onClick={addBtnClick}>
+          <div className="flex justify-center">
+            <FaPlus />
+            <span className="px-1">Add new owner</span>
+          </div>
+        </button>
+        <label>Threshold</label>
+        <input required className="input mt-4" {...register('threshold')} />
+        <button className="btn btn-emerald mt-4 w-full" disabled={false} type="submit">
+          {isLoading ? 'Creating Safe...' : 'Create Safe'}
+        </button>
+      </form>
+      {safeAddress.length > 2 ? (
+        <div className="flex max-w-full flex-wrap items-center justify-between break-words pb-2 pt-5">
+          <span className="font-semibold">Contract Address:</span>
+          <BlockExplorerLink address={safeAddress} />
+        </div>
+      ) : null}
+    </div>
+  )
+}
diff --git a/integrations/safe/components/form-send-safe-transaction.tsx b/integrations/safe/components/form-send-safe-transaction.tsx
new file mode 100644
index 00000000..1aa6c149
--- /dev/null
+++ b/integrations/safe/components/form-send-safe-transaction.tsx
@@ -0,0 +1,99 @@
+'use client'
+
+import { useContext, useState } from 'react'
+
+import Safe from '@safe-global/protocol-kit'
+import { SafeTransactionDataPartial } from '@safe-global/safe-core-sdk-types'
+import { ethers } from 'ethers'
+import { useForm } from 'react-hook-form'
+import { Address, useAccount } from 'wagmi'
+
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { useToast } from '@/lib/hooks/use-toast'
+
+import { useConnectedSafe } from '../hooks/use-connect-safe'
+import { Client } from '../safe-client'
+import { SafeContext } from '../safe-provider'
+
+/**
+ * Starter component placeholder. Replace with your own component.
+ */
+interface sendSafeTransactionForm {
+  address: Address
+  amount: string
+}
+
+export function FormSendSafeTransaction() {
+  const { safeAddress, safeSdk }: { safeAddress: Address; safeSdk: Safe } = useConnectedSafe()
+  const { address } = useAccount()
+  const [isLoading, setIsLoading] = useState<boolean>(false)
+  const safeClient: Client = useContext(SafeContext) as Client
+  const { register, handleSubmit } = useForm<sendSafeTransactionForm>()
+  const { toast, dismiss } = useToast()
+
+  const handleToast = ({ title, description }: { title: string; description: string }) => {
+    toast({
+      title,
+      description,
+    })
+
+    setTimeout(() => {
+      dismiss()
+    }, 10000)
+  }
+
+  async function onSubmit(FieldValues: sendSafeTransactionForm) {
+    setIsLoading(true)
+    const decimals = 18
+    const value = ethers.utils.parseUnits(FieldValues.amount, decimals).toString()
+    const nonce = await safeClient.service.getNextNonce(safeAddress)
+    const safeTransactionData: SafeTransactionDataPartial = {
+      to: FieldValues.address,
+      data: '0x',
+      value,
+      nonce,
+    }
+    // Create txn
+    const safeTransaction = await safeSdk.createTransaction({ safeTransactionData })
+    // Get txn hash
+    const safeTransactionHash = await safeSdk.getTransactionHash(safeTransaction)
+    // Sign txn
+    const ownerSignature = await safeSdk.signTransactionHash(safeTransactionHash)
+    // Propose txn
+    if (address) {
+      try {
+        await safeClient.service.proposeTransaction({
+          safeAddress: safeAddress,
+          safeTransactionData: safeTransaction.data,
+          safeTxHash: safeTransactionHash,
+          senderAddress: address.toString(),
+          senderSignature: ownerSignature.data,
+        })
+        handleToast({
+          title: 'Transaction proposal created',
+          description: `Txn ${safeTransactionHash} created, visit Safe App to execute`,
+        })
+      } catch (error) {
+        console.log(error)
+      }
+    }
+    setIsLoading(false)
+  }
+
+  return (
+    <div className="card mb-4 w-full">
+      <form className="flex w-full flex-col gap-4" onSubmit={handleSubmit(onSubmit)}>
+        <h3 className="mb-4 block text-2xl font-semibold leading-[1.3] text-inherit antialiased">Create send transaction</h3>
+        <Label>Receiver Address</Label>
+        <Input required className="input mt-4" placeholder="Insert address" {...register('address')} />
+        <Label>Amount</Label>
+        <Input required className="input mt-4" {...register('amount')} />
+        <Button className="mt-4 w-full" disabled={!safeSdk} type="submit">
+          {isLoading ? 'Sending...' : 'Send'}
+        </Button>
+      </form>
+    </div>
+  )
+}
diff --git a/integrations/safe/components/manage-safe.tsx b/integrations/safe/components/manage-safe.tsx
new file mode 100644
index 00000000..ea9acb29
--- /dev/null
+++ b/integrations/safe/components/manage-safe.tsx
@@ -0,0 +1,132 @@
+'use client'
+
+import { useContext, useEffect, useState } from 'react'
+
+import { SafeInfoResponse } from '@safe-global/api-kit'
+import Safe, { AddOwnerTxParams, RemoveOwnerTxParams } from '@safe-global/protocol-kit'
+import { Address } from 'wagmi'
+
+import { BlockExplorerLink } from '@/components/blockchain/block-explorer-link'
+import { useToast } from '@/lib/hooks/use-toast'
+
+import AddOwnerDialog from './add-owner-dialog'
+import DeleteOwner from './delete-owner'
+import { useConnectedSafe } from '../hooks/use-connect-safe'
+import { Client } from '../safe-client'
+import { SafeContext } from '../safe-provider'
+
+export interface addOwnerForm {
+  newOwner: string
+}
+
+export function ManageSafe() {
+  const { safeAddress, safeSdk }: { safeAddress: Address; safeSdk: Safe } = useConnectedSafe()
+  const safeClient: Client = useContext(SafeContext) as Client
+  const [safeInfo, setSafeInfo] = useState<SafeInfoResponse | undefined>()
+  const [owners, setOwners] = useState<string[]>([])
+  const [isLoading, setIsLoading] = useState<boolean>(false)
+  const { toast, dismiss } = useToast()
+  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)
+  const [openAddDialog, setOpenAddDialog] = useState(false)
+  useEffect(() => {
+    safeClient &&
+      safeAddress &&
+      safeClient.service
+        .getSafeInfo(safeAddress)
+        .then((res) => {
+          setSafeInfo(res)
+          setOwners(res.owners)
+        })
+        .catch((error) => console.log(error))
+  }, [safeAddress])
+
+  const handleToast = ({ title, description }: { title: string; description: string }) => {
+    toast({
+      title,
+      description,
+    })
+
+    setTimeout(() => {
+      dismiss()
+    }, 10000)
+  }
+
+  const onSubmitDelete = async (ownerToDelete: string, newThreshold: number | undefined) => {
+    setIsLoading(true)
+    const params: RemoveOwnerTxParams = {
+      ownerAddress: ownerToDelete,
+      threshold: newThreshold, // Optional. If `newThreshold` is not provided, the current threshold will be decreased by one.
+    }
+    // TODO: fix threshold needs to be greater than 0
+    const safeTransaction = await safeSdk.createRemoveOwnerTx(params)
+    const txResponse = await safeSdk.executeTransaction(safeTransaction)
+    await txResponse.transactionResponse?.wait()
+    console.log(txResponse)
+    setIsLoading(false)
+    handleToast({
+      title: 'Transaction created',
+      description: 'Owner will be removed after txn gets executed',
+    })
+    const safeInfo = await safeClient.service.getSafeInfo(safeAddress)
+    setSafeInfo(safeInfo)
+    setOwners(safeInfo.owners)
+    setOpenDeleteDialog(false)
+  }
+
+  const onSubmitAddOwner = async (FieldValues: addOwnerForm, newThreshold: number | undefined) => {
+    setIsLoading(true)
+    const params: AddOwnerTxParams = {
+      ownerAddress: FieldValues.newOwner,
+      threshold: newThreshold, // Optional. If `threshold` is not provided the current threshold will not change.
+    }
+    const safeTransaction = await safeSdk.createAddOwnerTx(params)
+    const txResponse = await safeSdk.executeTransaction(safeTransaction)
+    await txResponse.transactionResponse?.wait()
+    console.log(txResponse)
+    setIsLoading(false)
+    handleToast({
+      title: 'Transaction created',
+      description: 'Owner will be added after txn gets executed',
+    })
+    const safeInfo = await safeClient.service.getSafeInfo(safeAddress)
+    setSafeInfo(safeInfo)
+    setOwners(safeInfo.owners)
+    setOpenAddDialog(false)
+  }
+
+  return (
+    <div className="mb-4">
+      {!safeSdk ? null : (
+        <>
+          <div className="card flex w-full flex-col gap-4">
+            <h3 className="mb-4 block text-2xl font-semibold leading-[1.3] text-inherit antialiased">Manage Safe</h3>
+            <div className="mb-4 flex justify-between">
+              <div className="flex flex-col gap-2">
+                <h4 className="block text-base font-semibold leading-[1.3] text-inherit antialiased">Address</h4>
+                <BlockExplorerLink address={safeAddress} />
+              </div>
+              <div className="flex flex-col gap-2">
+                <h4 className="block text-base font-semibold leading-[1.3] text-inherit antialiased">Treshold</h4> <span>{safeInfo?.threshold}</span>
+              </div>
+            </div>
+            <DeleteOwner
+              isLoading={isLoading}
+              open={openDeleteDialog}
+              owners={owners}
+              ownersAmount={owners.length}
+              setOpen={setOpenDeleteDialog}
+              onSubmit={onSubmitDelete}
+            />
+            <AddOwnerDialog
+              isLoading={isLoading}
+              open={openAddDialog}
+              ownersAmount={owners.length}
+              setOpen={setOpenAddDialog}
+              onSubmit={onSubmitAddOwner}
+            />
+          </div>
+        </>
+      )}
+    </div>
+  )
+}
diff --git a/integrations/safe/components/pending-safe-transactions.tsx b/integrations/safe/components/pending-safe-transactions.tsx
new file mode 100644
index 00000000..3e3c0a56
--- /dev/null
+++ b/integrations/safe/components/pending-safe-transactions.tsx
@@ -0,0 +1,73 @@
+'use client'
+
+import { useContext, useEffect, useState } from 'react'
+
+import { SafeMultisigTransactionListResponse } from '@safe-global/api-kit'
+import Safe from '@safe-global/protocol-kit'
+import { Address } from 'wagmi'
+
+import { useConnectedSafe } from '../hooks/use-connect-safe'
+import { Client } from '../safe-client'
+import { SafeContext } from '../safe-provider'
+
+export function PendingSafeTransactions() {
+  const { safeAddress, safeSdk }: { safeAddress: Address; safeSdk: Safe } = useConnectedSafe()
+  const safeClient: Client = useContext(SafeContext) as Client
+  const [pendingTxns, setPendingTxns] = useState<SafeMultisigTransactionListResponse | undefined>()
+
+  // TODO: hear for new pending transactions
+
+  useEffect(() => {
+    safeClient &&
+      safeAddress &&
+      safeClient.service
+        .getPendingTransactions(safeAddress)
+        .then((res) => {
+          setPendingTxns(res)
+        })
+        .catch((error) => console.log(error))
+  }, [safeAddress])
+
+  const formatDate = (utcDate: string): string => {
+    const localDate = new Date(utcDate)
+    return localDate.toLocaleString()
+  }
+
+  // TODO: Improve pending txn layout
+  return (
+    <div className="mb-4">
+      {!safeSdk ? (
+        <h3>Connect Safe to see pending transactions</h3>
+      ) : (
+        <>
+          <h2 className="mb-4 block text-2xl font-semibold leading-[1.3] text-inherit antialiased">Pending transactions</h2>
+          <div className="flex w-full flex-col gap-4">
+            {pendingTxns?.count == 0 ? (
+              <h3>No pending transactions in this Safe</h3>
+            ) : (
+              pendingTxns?.results.map((txn) => (
+                <div key={txn.nonce} className="card flex w-full gap-4">
+                  <div className="flex w-full flex-col gap-2">
+                    <h4 className="block text-base font-semibold leading-[1.3] text-inherit antialiased">SafeTxHash</h4>{' '}
+                    <span>{txn.safeTxHash.slice(0, 6) + '...' + txn.safeTxHash.slice(-4)}</span>
+                  </div>
+                  <div className="flex w-full flex-col gap-2">
+                    <h4 className="block text-base font-semibold leading-[1.3] text-inherit antialiased">Nonce</h4> <span>{txn.nonce}</span>
+                  </div>
+                  <div className="flex w-full flex-col gap-2">
+                    <h4 className="block text-base font-semibold leading-[1.3] text-inherit antialiased">Created</h4>{' '}
+                    <span>{formatDate(txn.submissionDate)}</span>
+                  </div>
+                  <div className="flex w-full flex-col gap-2">
+                    <h4 className="block text-base font-semibold leading-[1.3] text-inherit antialiased">Type</h4>{' '}
+                    <span>{txn.data ? 'Contract Call' : 'Send'}</span>
+                  </div>
+                </div>
+              ))
+            )}
+          </div>
+        </>
+      )}
+    </div>
+  )
+}
diff --git a/integrations/safe/components/tx-builder/ChecksumWarning.tsx b/integrations/safe/components/tx-builder/ChecksumWarning.tsx
new file mode 100644
index 00000000..82fc3d22
--- /dev/null
+++ b/integrations/safe/components/tx-builder/ChecksumWarning.tsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import MuiAlert from '@material-ui/lab/Alert'
+import MuiAlertTitle from '@material-ui/lab/AlertTitle'
+import styled from 'styled-components'
+import { useTransactionLibrary } from '../store'
+
+const ChecksumWarning = () => {
+  const { hasChecksumWarning, setHasChecksumWarning } = useTransactionLibrary()
+
+  if (!hasChecksumWarning) {
+    return null
+  }
+
+  return (
+    <ChecksumWrapper>
+      <MuiAlert severity="warning" onClose={() => setHasChecksumWarning(false)}>
+        <MuiAlertTitle>
+          This batch contains some changed properties since you saved or downloaded it
+        </MuiAlertTitle>
+      </MuiAlert>
+    </ChecksumWrapper>
+  )
+}
+
+const ChecksumWrapper = styled.div`
+  position: fixed;
+  width: 100%;
+  z-index: 10;
+  background-color: transparent;
+  height: 70px;
+`
+
+export default ChecksumWarning
diff --git a/integrations/safe/components/tx-builder/CreateNewBatchCard.tsx b/integrations/safe/components/tx-builder/CreateNewBatchCard.tsx
new file mode 100644
index 00000000..3ffe0e30
--- /dev/null
+++ b/integrations/safe/components/tx-builder/CreateNewBatchCard.tsx
@@ -0,0 +1,125 @@
+import { useRef } from 'react'
+import { ButtonLink, Icon, Text } from '@gnosis.pm/safe-react-components'
+import { alpha } from '@material-ui/core'
+import Hidden from '@material-ui/core/Hidden'
+import styled from 'styled-components'
+import { useTheme } from '@material-ui/core/styles'
+
+import { ReactComponent as CreateNewBatchSVG } from '../assets/add-new-batch.svg'
+import useDropZone from '../hooks/useDropZone'
+import { useMediaQuery } from '@material-ui/core'
+
+type CreateNewBatchCardProps = {
+  onFileSelected: (file: File | null) => void
+}
+
+const CreateNewBatchCard = ({ onFileSelected }: CreateNewBatchCardProps) => {
+  const theme = useTheme()
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))
+
+  const fileRef = useRef<HTMLInputElement | null>(null)
+  const { isOverDropZone, isAcceptError, dropHandlers } = useDropZone((file: File | null) => {
+    onFileSelected(file)
+  }, '.json')
+
+  const handleFileSelected = (event: any) => {
+    event.preventDefault()
+    if (event.target.files.length) {
+      onFileSelected(event.target.files[0])
+      event.target.value = ''
+    }
+  }
+
+  const handleBrowse = function (event: any) {
+    event.preventDefault()
+    fileRef.current?.click()
+  }
+
+  return (
+    <Wrapper isSmallScreen={isSmallScreen}>
+      <Hidden smDown>
+        <CreateNewBatchSVG />
+      </Hidden>
+      <StyledDragAndDropFileContainer
+        {...dropHandlers}
+        dragOver={isOverDropZone}
+        fullWidth={isSmallScreen}
+        error={isAcceptError}
+      >
+        {isAcceptError ? (
+          <StyledText size={'xl'} error={isAcceptError}>
+            The uploaded file is not a valid JSON file
+          </StyledText>
+        ) : (
+          <>
+            <Icon type="termsOfUse" size="sm" />
+            <StyledText size={'xl'}>Drag and drop a JSON file or</StyledText>
+            <StyledButtonLink color="primary" onClick={handleBrowse}>
+              choose a file
+            </StyledButtonLink>
+          </>
+        )}
+      </StyledDragAndDropFileContainer>
+      <input
+        ref={fileRef}
+        id="logo-input"
+        type="file"
+        onChange={handleFileSelected}
+        accept=".json"
+        hidden
+      />
+    </Wrapper>
+  )
+}
+
+export default CreateNewBatchCard
+
+const Wrapper = styled.div<{ isSmallScreen: boolean }>`
+  margin-top: ${({ isSmallScreen }) => (isSmallScreen ? '0' : '64px')};
+`
+
+const StyledDragAndDropFileContainer = styled.div<{
+  dragOver: Boolean
+  fullWidth: boolean
+  error: Boolean
+}>`
+  box-sizing: border-box;
+  max-width: ${({ fullWidth }) => (fullWidth ? '100%' : '420px')};
+  border: 2px dashed ${({ theme, error }) => (error ? theme.colors.error : '#008c73')};
+  border-radius: 8px;
+  background-color: ${({ theme, error }) => (error ? alpha(theme.colors.error, 0.7) : '#eaf7f4')};
+  padding: 24px;
+  margin: 24px auto 0 auto;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  ${({ dragOver, error, theme }) => {
+    if (dragOver) {
+      return `
+        transition: all 0.2s ease-in-out;
+        transform: scale(1.05);
+      `
+    }
+
+    return `
+      border-color: ${error ? theme.colors.error : '#008c73'};
+      background-color: ${error ? alpha(theme.colors.error, 0.7) : '#eaf7f4'};
+    `
+  }}
+`
+
+const StyledText = styled(Text)<{ error?: Boolean }>`
+  margin-left: 4px;
+  color: ${({ error }) => (error ? '#FFF' : '#566976')};
+`
+
+const StyledButtonLink = styled(ButtonLink)`
+  padding: 0;
+  text-decoration: none;
+
+  && > p {
+    font-size: 16px;
+  }
+`
diff --git a/integrations/safe/components/tx-builder/EditableLabel.tsx b/integrations/safe/components/tx-builder/EditableLabel.tsx
new file mode 100644
index 00000000..c6749468
--- /dev/null
+++ b/integrations/safe/components/tx-builder/EditableLabel.tsx
@@ -0,0 +1,44 @@
+import styled from 'styled-components'
+
+export type EditableLabelProps = {
+  children: React.ReactNode
+  onEdit: (value: string) => void
+}
+
+const EditableLabel = ({ children, onEdit }: EditableLabelProps) => {
+  return (
+    <EditableComponent
+      contentEditable="true"
+      suppressContentEditableWarning={true}
+      onBlur={event => onEdit(event.target.innerText)}
+      onKeyPress={(event: any) =>
+        event.key === 'Enter' && event.target.blur() && event.preventDefault()
+      }
+      onClick={event => event.stopPropagation()}
+    >
+      {children}
+    </EditableComponent>
+  )
+}
+
+export default EditableLabel
+
+const EditableComponent = styled.div`
+  font-family: Averta, 'Roboto', sans-serif;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+
+  padding: 10px;
+  cursor: text;
+  border-radius: 8px;
+  border: 1px solid transparent;
+
+  &:hover {
+    border-color: #e2e3e3;
+  }
+
+  &:focus {
+    outline-color: #008c73;
+  }
+`
diff --git a/integrations/safe/components/tx-builder/ErrorAlert.tsx b/integrations/safe/components/tx-builder/ErrorAlert.tsx
new file mode 100644
index 00000000..8a86ab46
--- /dev/null
+++ b/integrations/safe/components/tx-builder/ErrorAlert.tsx
@@ -0,0 +1,31 @@
+import React from 'react'
+import MuiAlert from '@material-ui/lab/Alert'
+import MuiAlertTitle from '@material-ui/lab/AlertTitle'
+import styled from 'styled-components'
+import { useTransactionLibrary } from '../store'
+
+const ErrorAlert = () => {
+  const { errorMessage, setErrorMessage } = useTransactionLibrary()
+
+  if (!errorMessage) {
+    return null
+  }
+
+  return (
+    <ErrorAlertContainer>
+      <MuiAlert severity="error" onClose={() => setErrorMessage('')}>
+        <MuiAlertTitle>{errorMessage}</MuiAlertTitle>
+      </MuiAlert>
+    </ErrorAlertContainer>
+  )
+}
+
+const ErrorAlertContainer = styled.div`
+  position: fixed;
+  width: 100%;
+  z-index: 10;
+  background-color: transparent;
+  height: 70px;
+`
+
+export default ErrorAlert
diff --git a/integrations/safe/components/tx-builder/Header.test.tsx b/integrations/safe/components/tx-builder/Header.test.tsx
new file mode 100644
index 00000000..25f547ff
--- /dev/null
+++ b/integrations/safe/components/tx-builder/Header.test.tsx
@@ -0,0 +1,35 @@
+import { screen, waitFor } from '@testing-library/react'
+
+import { render } from '../test-utils'
+import Header from './Header'
+
+// Axios is bundled as ESM module which is not directly compatible with Jest
+// https://jestjs.io/docs/ecmascript-modules
+jest.mock('axios', () => ({
+  get: jest.fn(),
+  post: jest.fn(),
+  delete: jest.fn(),
+}))
+
+describe('<Header>', () => {
+  it('Renders Header component', async () => {
+    render(<Header />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Transaction Builder')).toBeInTheDocument()
+    })
+  })
+
+  it('Shows Link to Transaction Library in Create Batch pathname', async () => {
+    render(<Header />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Transaction Builder')).toBeInTheDocument()
+      expect(
+        screen.getByText('Your transaction library', {
+          exact: false,
+        }),
+      ).toBeInTheDocument()
+    })
+  })
+})
diff --git a/integrations/safe/components/tx-builder/Header.tsx b/integrations/safe/components/tx-builder/Header.tsx
new file mode 100644
index 00000000..e4cb3682
--- /dev/null
+++ b/integrations/safe/components/tx-builder/Header.tsx
@@ -0,0 +1,130 @@
+import { FixedIcon, Icon, Text, Title, Tooltip } from '@gnosis.pm/safe-react-components'
+import { Link, useLocation, useNavigate } from 'react-router-dom'
+import styled from 'styled-components'
+
+import {
+  CREATE_BATCH_PATH,
+  EDIT_BATCH_PATH,
+  HOME_PATH,
+  SAVE_BATCH_PATH,
+  TRANSACTION_LIBRARY_PATH,
+} from '../routes/routes'
+import { useTransactionLibrary } from '../store'
+import ChecksumWarning from './ChecksumWarning'
+import ErrorAlert from './ErrorAlert'
+
+const HELP_ARTICLE_LINK = 'https://help.safe.global/en/articles/40841-transaction-builder'
+
+const goBackLabel: Record<string, string> = {
+  [CREATE_BATCH_PATH]: 'Back to Transaction Creation',
+  [TRANSACTION_LIBRARY_PATH]: 'Back to Your Transaction Library',
+  [EDIT_BATCH_PATH]: 'Back to Edit Batch',
+  [SAVE_BATCH_PATH]: 'Back to Transaction Creation',
+}
+
+type LocationType = {
+  state: { from: string } | null
+}
+
+const Header = () => {
+  const { pathname } = useLocation()
+
+  const navigate = useNavigate()
+
+  const goBack = () => navigate(-1)
+
+  const { batches } = useTransactionLibrary()
+
+  const isTransactionCreationPath = pathname === CREATE_BATCH_PATH
+  const isSaveBatchPath = pathname === SAVE_BATCH_PATH
+
+  const showTitle = isTransactionCreationPath || isSaveBatchPath
+  const showLinkToLibrary = isTransactionCreationPath || isSaveBatchPath
+
+  const { state } = useLocation() as LocationType
+
+  const previousUrl = state?.from || CREATE_BATCH_PATH
+
+  return (
+    <>
+      <HeaderWrapper>
+        {showTitle ? (
+          <>
+            {/* Transaction Builder Title */}
+            <StyledTitle size="xl">Transaction Builder</StyledTitle>
+            <Tooltip
+              placement="top"
+              title="Help Article"
+              backgroundColor="primary"
+              textColor="white"
+              arrow
+            >
+              <a href={HELP_ARTICLE_LINK} target="_blank" rel="noreferrer">
+                <Icon size="md" type="info" />
+              </a>
+            </Tooltip>
+          </>
+        ) : (
+          <StyledLink to={HOME_PATH} onClick={goBack}>
+            {/* Go Back link */}
+            <FixedIcon type={'chevronLeft'} />
+            <StyledLeftLinkLabel size="xl">{goBackLabel[previousUrl]}</StyledLeftLinkLabel>
+          </StyledLink>
+        )}
+
+        {showLinkToLibrary && (
+          <RigthLinkWrapper>
+            <StyledLink to={TRANSACTION_LIBRARY_PATH}>
+              <StyledRightLinkLabel size="xl">{`(${batches.length}) Your transaction library`}</StyledRightLinkLabel>
+              <FixedIcon type={'chevronRight'} />
+            </StyledLink>
+          </RigthLinkWrapper>
+        )}
+      </HeaderWrapper>
+      <ErrorAlert />
+      <ChecksumWarning />
+    </>
+  )
+}
+
+export default Header
+
+const HeaderWrapper = styled.header`
+  position: fixed;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #e2e3e3;
+  z-index: 10;
+  background-color: white;
+  height: 70px;
+  padding: 0 40px;
+  box-sizing: border-box;
+`
+
+const StyledTitle = styled(Title)`
+  font-size: 20px;
+  margin: 0 10px 0 0;
+`
+
+const StyledLink = styled(Link)`
+  display: flex;
+  align-items: center;
+  color: #000000;
+  font-size: 16px;
+  text-decoration: none;
+`
+
+const StyledLeftLinkLabel = styled(Text)`
+  margin-left: 8px;
+`
+
+const RigthLinkWrapper = styled.div`
+  display: flex;
+  flex-grow: 1;
+  justify-content: flex-end;
+`
+
+const StyledRightLinkLabel = styled(Text)`
+  margin-right: 8px;
+`
diff --git a/integrations/safe/components/tx-builder/QuickTip.tsx b/integrations/safe/components/tx-builder/QuickTip.tsx
new file mode 100644
index 00000000..ac1a46c4
--- /dev/null
+++ b/integrations/safe/components/tx-builder/QuickTip.tsx
@@ -0,0 +1,51 @@
+import { Icon } from '@gnosis.pm/safe-react-components'
+import MuiAlert from '@material-ui/lab/Alert'
+import MuiAlertTitle from '@material-ui/lab/AlertTitle'
+import React from 'react'
+import styled from 'styled-components'
+
+type QuickTipProps = {
+  onClose: () => void
+}
+
+const QuickTip = ({ onClose }: QuickTipProps) => {
+  return (
+    <StyledAlert severity="success" onClose={onClose} icon={false}>
+      <StyledTitle>Quick Tip</StyledTitle>
+      You can save your batches in your transaction library{' '}
+      <StyledIcon size="sm" type="bookmark" color="primary" aria-label="Save to Library" /> (local
+      browser storage) or{' '}
+      <StyledIcon size="sm" type="importImg" color="primary" aria-label="Download" /> download the
+      .json file to use them later.
+    </StyledAlert>
+  )
+}
+
+const StyledAlert = styled(MuiAlert)`
+  && {
+    font-family: 'Averta';
+    font-size: 14px;
+    padding: 24px;
+    background: #eaf7f4;
+    color: #566976;
+    border-radius: 8px;
+
+    .MuiAlert-action {
+      align-items: flex-start;
+    }
+  }
+`
+
+const StyledTitle = styled(MuiAlertTitle)`
+  && {
+    font-size: 14px;
+    font-weight: bold;
+  }
+`
+
+const StyledIcon = styled(Icon)`
+  position: relative;
+  top: 3px;
+`
+
+export default QuickTip
diff --git a/integrations/safe/components/tx-builder/ShowMoreText.tsx b/integrations/safe/components/tx-builder/ShowMoreText.tsx
new file mode 100644
index 00000000..83e150bb
--- /dev/null
+++ b/integrations/safe/components/tx-builder/ShowMoreText.tsx
@@ -0,0 +1,37 @@
+import { useState, SyntheticEvent } from 'react'
+import { Link } from '@gnosis.pm/safe-react-components'
+
+type ShowMoreTextProps = {
+  children: string
+  moreLabel?: string
+  lessLabel?: string
+  splitIndex?: number
+}
+
+const SHOW_MORE = 'Show more'
+const SHOW_LESS = 'Show less'
+
+export const ShowMoreText = ({
+  children,
+  moreLabel = SHOW_MORE,
+  lessLabel = SHOW_LESS,
+  splitIndex = 50,
+}: ShowMoreTextProps) => {
+  const [expanded, setExpanded] = useState(false)
+
+  const handleToggle = (event: SyntheticEvent) => {
+    event.preventDefault()
+    setExpanded(!expanded)
+  }
+
+  if (children.length < splitIndex) {
+    return <span>{children}</span>
+  }
+
+  return (
+    <>
+      {expanded ? `${children}  ` : `${children.substr(0, splitIndex)}  ...  `}
+      <Link onClick={handleToggle}>{expanded ? lessLabel : moreLabel}</Link>
+    </>
+  )
+}
diff --git a/integrations/safe/components/tx-builder/TransactionBatchListItem.tsx b/integrations/safe/components/tx-builder/TransactionBatchListItem.tsx
new file mode 100644
index 00000000..53785d6c
--- /dev/null
+++ b/integrations/safe/components/tx-builder/TransactionBatchListItem.tsx
@@ -0,0 +1,354 @@
+import {
+  Accordion,
+  AccordionSummary,
+  Dot,
+  EthHashInfo,
+  FixedIcon,
+  Icon,
+  Text,
+  Tooltip,
+} from '@gnosis.pm/safe-react-components'
+import { AccordionDetails, IconButton } from '@material-ui/core'
+import { memo, useState } from 'react'
+import { DraggableProvided, DraggableStateSnapshot } from 'react-beautiful-dnd'
+import styled from 'styled-components'
+import DragIndicatorIcon from '@material-ui/icons/DragIndicator'
+import { ProposedTransaction } from '../typings/models'
+import TransactionDetails from './TransactionDetails'
+import { getTransactionText } from '../utils'
+
+const UNKNOWN_POSITION_LABEL = '?'
+const minArrowSize = '12'
+
+type TransactionProps = {
+  transaction: ProposedTransaction
+  provided: DraggableProvided
+  snapshot: DraggableStateSnapshot
+  isLastTransaction: boolean
+  showTransactionDetails: boolean
+  index: number
+  draggableTxIndexDestination: number | undefined
+  draggableTxIndexOrigin: number | undefined
+  reorderTransactions?: (sourceIndex: number, destinationIndex: number) => void
+  networkPrefix: string | undefined
+  replaceTransaction?: (newTransaction: ProposedTransaction, index: number) => void
+  setTxIndexToEdit: (index: string) => void
+  openEditTxModal: () => void
+  removeTransaction?: (index: number) => void
+  setTxIndexToRemove: (index: string) => void
+  openDeleteTxModal: () => void
+}
+
+const TransactionBatchListItem = memo(
+  ({
+    transaction,
+    provided,
+    snapshot,
+    isLastTransaction,
+    showTransactionDetails,
+    index,
+    draggableTxIndexDestination,
+    draggableTxIndexOrigin,
+    reorderTransactions,
+    networkPrefix,
+    replaceTransaction,
+    setTxIndexToEdit,
+    openEditTxModal,
+    removeTransaction,
+    setTxIndexToRemove,
+    openDeleteTxModal,
+  }: TransactionProps) => {
+    const { description } = transaction
+    const { to } = description
+
+    const transactionDescription = getTransactionText(description)
+
+    const [isTxExpanded, setTxExpanded] = useState(false)
+
+    const onClickShowTransactionDetails = () => {
+      if (showTransactionDetails) {
+        setTxExpanded(isTxExpanded => !isTxExpanded)
+      }
+    }
+    const isThisTxBeingDragging = snapshot.isDragging
+
+    const showArrowAdornment = !isLastTransaction && !isThisTxBeingDragging
+
+    // displayed order can change if the user uses the drag and drop feature
+    const displayedTxPosition = getDisplayedTxPosition(
+      index,
+      isThisTxBeingDragging,
+      draggableTxIndexDestination,
+      draggableTxIndexOrigin,
+    )
+
+    return (
+      <TransactionListItem ref={provided.innerRef} {...provided.draggableProps}>
+        {/* Transacion Position */}
+        <PositionWrapper>
+          <PositionDot color="tag" isDragging={isThisTxBeingDragging}>
+            <Text size="xl">{displayedTxPosition}</Text>
+          </PositionDot>
+          {showArrowAdornment && <ArrowAdornment />}
+        </PositionWrapper>
+
+        {/* Transaction Description */}
+        <StyledAccordion
+          expanded={isTxExpanded}
+          compact
+          onChange={onClickShowTransactionDetails}
+          isDragging={isThisTxBeingDragging}
+          TransitionProps={{ unmountOnExit: true }}
+        >
+          <div {...provided.dragHandleProps}>
+            <AccordionSummary
+              expandIcon={false}
+              style={{ cursor: reorderTransactions ? 'grab' : 'pointer' }}
+            >
+              {/* Drag & Drop Indicator */}
+              {reorderTransactions && (
+                <Tooltip
+                  placement="top"
+                  title="Drag and Drop"
+                  backgroundColor="primary"
+                  textColor="white"
+                  arrow
+                >
+                  <DragAndDropIndicatorIcon fontSize="small" />
+                </Tooltip>
+              )}
+
+              {/* Destination Address label */}
+              <EthHashInfo
+                shortName={networkPrefix || ''}
+                hash={to}
+                shortenHash={4}
+                shouldShowShortName
+              />
+
+              {/* Transaction Description label */}
+              <TransactionsDescription size="lg">{transactionDescription}</TransactionsDescription>
+
+              {/* Transaction Actions */}
+
+              {/* Edit transaction */}
+              {replaceTransaction && (
+                <Tooltip title="Edit transaction" backgroundColor="primary" textColor="white" arrow>
+                  <TransactionActionButton
+                    size="medium"
+                    aria-label="Edit transaction"
+                    onClick={event => {
+                      event.stopPropagation()
+                      setTxIndexToEdit(String(index))
+                      openEditTxModal()
+                    }}
+                  >
+                    <Icon size="sm" type="edit" />
+                  </TransactionActionButton>
+                </Tooltip>
+              )}
+
+              {/* Delete transaction */}
+              {removeTransaction && (
+                <Tooltip
+                  placement="top"
+                  title="Delete transaction"
+                  backgroundColor="primary"
+                  textColor="white"
+                  arrow
+                >
+                  <TransactionActionButton
+                    onClick={event => {
+                      event.stopPropagation()
+                      setTxIndexToRemove(String(index))
+                      openDeleteTxModal()
+                    }}
+                    size="medium"
+                    aria-label="Delete transaction"
+                  >
+                    <Icon size="sm" type="delete" />
+                  </TransactionActionButton>
+                </Tooltip>
+              )}
+
+              {/* Expand transaction details */}
+              {showTransactionDetails && (
+                <Tooltip
+                  placement="top"
+                  title="Expand transaction details"
+                  backgroundColor="primary"
+                  textColor="white"
+                  arrow
+                >
+                  <TransactionActionButton
+                    onClick={event => {
+                      event.stopPropagation()
+                      onClickShowTransactionDetails()
+                    }}
+                    size="medium"
+                    aria-label="Expand transaction details"
+                  >
+                    <FixedIcon type={'chevronDown'} />
+                  </TransactionActionButton>
+                </Tooltip>
+              )}
+            </AccordionSummary>
+          </div>
+
+          {/* Transaction details */}
+          <AccordionDetails>
+            <TransactionDetails transaction={transaction} />
+          </AccordionDetails>
+        </StyledAccordion>
+      </TransactionListItem>
+    )
+  },
+)
+
+const getDisplayedTxPosition = (
+  index: number,
+  isDraggingThisTx: boolean,
+  draggableTxIndexDestination?: number,
+  draggableTxIndexOrigin?: number,
+): string => {
+  // we show the correct position in the transaction that is being dragged
+  if (isDraggingThisTx) {
+    const isAwayFromDroppableZone = draggableTxIndexDestination === undefined
+    return isAwayFromDroppableZone
+      ? UNKNOWN_POSITION_LABEL
+      : String(draggableTxIndexDestination + 1)
+  }
+
+  // if a transaction is being dragged, we show the correct position in previous transactions
+  if (index < Number(draggableTxIndexOrigin)) {
+    // depending on the current destination we show the correct position
+    return index >= Number(draggableTxIndexDestination) ? `${index + 2}` : `${index + 1}`
+  }
+
+  // if a transaction is being dragged, we show the correct position in next transactions
+  if (index > Number(draggableTxIndexOrigin)) {
+    // depending on the current destination we show the correct position
+    return index > Number(draggableTxIndexDestination) ? `${index + 1}` : `${index}`
+  }
+
+  // otherwise we show the natural position
+  return `${index + 1}`
+}
+
+const TransactionListItem = styled.li`
+  display: flex;
+  margin-bottom: 8px;
+`
+
+// transaction postion dot styles
+
+const PositionWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 14px 10px 0 0;
+`
+
+const PositionDot = styled(Dot).withConfig({
+  shouldForwardProp: (prop, defaultValidatorFn) => defaultValidatorFn(prop),
+})<{ isDragging: boolean }>`
+  height: 24px;
+  width: 24px;
+  min-width: 24px;
+  background-color: ${({ isDragging }) => (isDragging ? '#92c9be' : ' #e2e3e3')};
+  transition: background-color 0.5s linear;
+`
+
+const ArrowAdornment = styled.div`
+  position: relative;
+  border-left: 1px solid #e2e3e3;
+  flex-grow: 1;
+  margin-top: 8px;
+
+  &&::before {
+    content: ' ';
+    display: inline-block;
+    position: absolute;
+    border-left: 1px solid #e2e3e3;
+
+    height: ${minArrowSize}px;
+    bottom: -${minArrowSize}px;
+    left: -1px;
+  }
+
+  &&::after {
+    content: ' ';
+    display: inline-block;
+    position: absolute;
+    bottom: -${minArrowSize}px;
+    left: -4px;
+
+    border-width: 0 1px 1px 0;
+    border-style: solid;
+    border-color: #e2e3e3;
+    padding: 3px;
+
+    transform: rotate(45deg);
+  }
+`
+
+// transaction description styles
+
+const StyledAccordion = styled(Accordion).withConfig({
+  shouldForwardProp: prop => !['isDragging'].includes(prop),
+})<{ isDragging: boolean }>`
+  flex-grow: 1;
+
+  &.MuiAccordion-root {
+    margin-bottom: 0;
+    border-color: ${({ isDragging, expanded }) => (isDragging || expanded ? '#92c9be' : '#e8e7e6')};
+    transition: border-color 0.5s linear;
+  }
+
+  .MuiAccordionSummary-root {
+    height: 52px;
+    padding: 0px 8px;
+    background-color: ${({ isDragging }) => (isDragging ? '#EFFAF8' : '#FFFFFF')};
+
+    &:hover {
+      background-color: #ffffff;
+    }
+
+    .MuiIconButton-root {
+      padding: 8px;
+    }
+
+    &.Mui-expanded {
+      background-color: #effaf8;
+      border-color: ${({ isDragging, expanded }) =>
+        isDragging || expanded ? '#92c9be' : '#e8e7e6'};
+    }
+  }
+
+  .MuiAccordionSummary-content {
+    max-width: 100%;
+    align-items: center;
+  }
+`
+
+const TransactionActionButton = styled(IconButton)`
+  height: 32px;
+  width: 32px;
+  padding: 0;
+`
+
+const TransactionsDescription = styled(Text)`
+  flex-grow: 1;
+  padding-left: 24px;
+
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`
+
+const DragAndDropIndicatorIcon = styled(DragIndicatorIcon)`
+  color: #b2bbc0;
+  margin-right: 4px;
+`
+
+export default TransactionBatchListItem
diff --git a/integrations/safe/components/tx-builder/TransactionDetails.tsx b/integrations/safe/components/tx-builder/TransactionDetails.tsx
new file mode 100644
index 00000000..5aaeb1c6
--- /dev/null
+++ b/integrations/safe/components/tx-builder/TransactionDetails.tsx
@@ -0,0 +1,196 @@
+import { ButtonLink, EthHashInfo, Text, Title } from '@gnosis.pm/safe-react-components'
+import React, { useEffect, useState } from 'react'
+import styled from 'styled-components'
+
+import useElementHeight from '../hooks/useElementHeight/useElementHeight'
+import { ProposedTransaction } from '../typings/models'
+import { weiToEther } from '../utils'
+
+type TransactionDetailsProp = {
+  transaction: ProposedTransaction
+}
+
+const TransactionDetails = ({ transaction }: TransactionDetailsProp) => {
+  const { description, raw } = transaction
+
+  const { to, value, data } = raw
+  const {
+    contractMethod,
+    contractFieldsValues,
+    customTransactionData,
+    networkPrefix,
+    nativeCurrencySymbol,
+  } = description
+
+  const isCustomHexDataTx = !!customTransactionData
+  const isContractInteractionTx = !!contractMethod && !isCustomHexDataTx
+
+  const isTokenTransferTx = !isCustomHexDataTx && !isContractInteractionTx
+
+  return (
+    <Wrapper>
+      <StyledTxTitle size="md">
+        {isTokenTransferTx
+          ? `Transfer ${weiToEther(value)} ${nativeCurrencySymbol} to:`
+          : 'Interact with:'}
+      </StyledTxTitle>
+
+      <EthHashInfo
+        shortName={networkPrefix || ''}
+        hash={to}
+        showAvatar
+        showCopyBtn
+        shouldShowShortName
+      />
+
+      <TxSummaryContainer>
+        {/* to address */}
+        <Text size="xl" color="secondaryHover">
+          to (address)
+        </Text>
+        <EthHashInfo
+          shortName={networkPrefix || ''}
+          hash={to}
+          shortenHash={4}
+          showCopyBtn
+          shouldShowShortName
+        />
+
+        {/* value */}
+        <Text size="xl" color="secondaryHover">
+          value:
+        </Text>
+        <TxValueLabel>{`${weiToEther(value)} ${nativeCurrencySymbol}`}</TxValueLabel>
+
+        {/* data */}
+        <Text size="xl" color="secondaryHover">
+          data:
+        </Text>
+        <TxValueLabel>{data}</TxValueLabel>
+
+        {isContractInteractionTx && (
+          <>
+            {/* method */}
+            <Text size="xl" color="secondaryHover">
+              method:
+            </Text>
+            <StyledTxValueLabel size="xl">{contractMethod.name}</StyledTxValueLabel>
+
+            {/* method inputs */}
+            {contractMethod.inputs.map(({ name, type }, index) => {
+              const inputName = name || index
+              const inputLabel = `${inputName} (${type})`
+              const inputValue = contractFieldsValues?.[inputName]
+              return (
+                <React.Fragment key={`${inputLabel}-${index}`}>
+                  {/* input name */}
+                  <StyledMethodNameLabel size="xl" color="secondaryHover" tooltip={inputLabel}>
+                    {inputLabel}
+                  </StyledMethodNameLabel>
+                  {/* input value */}
+                  <TxValueLabel>{inputValue}</TxValueLabel>
+                </React.Fragment>
+              )
+            })}
+          </>
+        )}
+      </TxSummaryContainer>
+    </Wrapper>
+  )
+}
+
+export default TransactionDetails
+
+const Wrapper = styled.article`
+  flex-grow: 1;
+  padding: 0 16px;
+  user-select: text;
+`
+
+const TxSummaryContainer = styled.div`
+  display: grid;
+  grid-template-columns: minmax(100px, 2fr) minmax(100px, 5fr);
+  gap: 4px;
+
+  margin-top: 16px;
+`
+
+const StyledTxTitle = styled(Title)`
+  font-size: 16px;
+  margin: 8px 0;
+  font-weight: bold;
+  line-height: initial;
+`
+
+const StyledMethodNameLabel = styled(Text)`
+  padding-left: 4px;
+
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`
+
+const LINE_HEIGHT = 22
+const MAX_HEIGHT = 2 * LINE_HEIGHT // 2 lines as max height
+
+const TxValueLabel = ({ children }: { children: React.ReactNode }) => {
+  const [showMore, setShowMore] = useState(false)
+  const [showEllipsis, setShowEllipsis] = useState(false)
+
+  const { height: containerHeight, elementRef } = useElementHeight<HTMLDivElement>()
+
+  // we show the Show more/less button if the height is more than 44px (the height of 2 lines)
+  const showMoreButton = containerHeight && containerHeight > MAX_HEIGHT
+
+  // we show/hide ellipsis at the end of the second line if user clicks on "Show more"
+  useEffect(() => {
+    if (showMoreButton && !showMore) {
+      setShowEllipsis(true)
+    }
+  }, [showMoreButton, showMore])
+
+  return (
+    <div ref={elementRef}>
+      {/* value */}
+      <StyledTxValueLabel size="xl" showMore={showMore} showEllipsis={showEllipsis}>
+        {children}
+      </StyledTxValueLabel>
+
+      {/* show more/less button */}
+      {showMoreButton && (
+        <StyledButtonLink color="primary" onClick={() => setShowMore(showMore => !showMore)}>
+          {showMore ? 'Show less' : 'Show more'}
+        </StyledButtonLink>
+      )}
+    </div>
+  )
+}
+
+const StyledTxValueLabel = styled(Text).withConfig({
+  shouldForwardProp: prop => !['showMore'].includes(prop) || !['showEllipsis'].includes(prop),
+})<{ showMore?: boolean; showEllipsis?: boolean }>`
+  max-height: ${({ showMore }) => (showMore ? '100%' : `${MAX_HEIGHT + 1}px`)};
+
+  line-break: anywhere;
+  overflow: hidden;
+  word-break: break-all;
+  text-overflow: ellipsis;
+
+  ${({ showEllipsis, showMore }) =>
+    !showMore &&
+    showEllipsis &&
+    `@supports (-webkit-line-clamp: 2) {
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+  }`}
+`
+
+const StyledButtonLink = styled(ButtonLink)`
+  padding: 0;
+
+  && > p {
+    margin 0;
+  }
+
+`
diff --git a/integrations/safe/components/tx-builder/TransactionsBatchList.tsx b/integrations/safe/components/tx-builder/TransactionsBatchList.tsx
new file mode 100644
index 00000000..f2382b91
--- /dev/null
+++ b/integrations/safe/components/tx-builder/TransactionsBatchList.tsx
@@ -0,0 +1,441 @@
+import { isValidElement, useMemo, useState } from 'react'
+import { Dot, Text, Title, Icon, Tooltip } from '@gnosis.pm/safe-react-components'
+
+import IconButton from '@material-ui/core/IconButton'
+import styled from 'styled-components'
+import {
+  DragDropContext,
+  Droppable,
+  DroppableProvided,
+  DragStart,
+  DragUpdate,
+  DropResult,
+  Draggable,
+  DraggableProvided,
+  DraggableStateSnapshot,
+} from 'react-beautiful-dnd'
+import { ProposedTransaction } from '../typings/models'
+import useModal from '../hooks/useModal/useModal'
+import DeleteTransactionModal from './modals/DeleteTransactionModal'
+import DeleteBatchModal from './modals/DeleteBatchModal'
+import SaveBatchModal from './modals/SaveBatchModal'
+import EditTransactionModal from './modals/EditTransactionModal'
+import { useNetwork, useTransactionLibrary } from '../store'
+import Item from './TransactionBatchListItem'
+import VirtualizedList from './VirtualizedList'
+import { getTransactionText } from '../utils'
+import { EditableLabelProps } from './EditableLabel'
+
+type TransactionsBatchListProps = {
+  transactions: ProposedTransaction[]
+  showTransactionDetails: boolean
+  showBatchHeader: boolean
+  // batch title has multiple types because there are files passing it as a string
+  // or 2 types of components:
+  // 1: apps/tx-builder/src/pages/EditTransactionLibrary.tsx
+  // 2: apps/tx-builder/src/pages/CreateTransactions.tsx
+  batchTitle?:
+    | string
+    | React.ReactElement<EditableLabelProps>
+    | React.ReactElement<{ filename: string }>
+  removeTransaction?: (index: number) => void
+  saveBatch?: (name: string, transactions: ProposedTransaction[]) => void
+  downloadBatch?: (name: string, transactions: ProposedTransaction[]) => void
+  removeAllTransactions?: () => void
+  replaceTransaction?: (newTransaction: ProposedTransaction, index: number) => void
+  reorderTransactions?: (sourceIndex: number, destinationIndex: number) => void
+}
+
+const TRANSACTION_LIST_DROPPABLE_ID = 'Transaction_List'
+const DROP_EVENT = 'DROP'
+
+const TransactionsBatchList = ({
+  transactions,
+  reorderTransactions,
+  removeTransaction,
+  removeAllTransactions,
+  replaceTransaction,
+  saveBatch,
+  downloadBatch,
+  showTransactionDetails,
+  showBatchHeader,
+  batchTitle,
+}: TransactionsBatchListProps) => {
+  // we need those states to display the correct position in each tx during the drag & drop
+  const { batch } = useTransactionLibrary()
+  const [draggableTxIndexOrigin, setDraggableTxIndexOrigin] = useState<number>()
+  const [draggableTxIndexDestination, setDraggableTxIndexDestination] = useState<number>()
+
+  const { networkPrefix, getAddressFromDomain, nativeCurrencySymbol } = useNetwork()
+
+  const onDragStart = ({ source }: DragStart) => {
+    setDraggableTxIndexOrigin(source.index)
+    setDraggableTxIndexDestination(source.index)
+  }
+
+  const onDragUpdate = ({ source, destination }: DragUpdate) => {
+    setDraggableTxIndexOrigin(source.index)
+    setDraggableTxIndexDestination(destination?.index)
+  }
+
+  // we only perform the reorder if its present
+  const onDragEnd = ({ reason, source, destination }: DropResult) => {
+    const sourceIndex = source.index
+    const destinationIndex = destination?.index
+
+    const isDropEvent = reason === DROP_EVENT // because user can cancel the drag & drop
+    const hasTxPositionChanged = sourceIndex !== destinationIndex && destinationIndex !== undefined
+
+    const shouldPerformTxReorder = isDropEvent && hasTxPositionChanged
+
+    if (shouldPerformTxReorder) {
+      reorderTransactions?.(sourceIndex, destinationIndex)
+    }
+
+    setDraggableTxIndexOrigin(undefined)
+    setDraggableTxIndexDestination(undefined)
+  }
+
+  // 5 modals needed: save batch modal, edit transaction modal, delete batch modal, delete transaction modal, download batch modal
+  const {
+    open: showDeleteBatchModal,
+    openModal: openClearTransactions,
+    closeModal: closeDeleteBatchModal,
+  } = useModal()
+  const {
+    open: showSaveBatchModal,
+    openModal: openSaveBatchModal,
+    closeModal: closeSaveBatchModal,
+  } = useModal()
+  const {
+    open: showDeleteTxModal,
+    openModal: openDeleteTxModal,
+    closeModal: closeDeleteTxModal,
+  } = useModal()
+  const {
+    open: showEditTxModal,
+    openModal: openEditTxModal,
+    closeModal: closeEditTxModal,
+  } = useModal()
+
+  const [txIndexToRemove, setTxIndexToRemove] = useState<string>()
+  const [txIndexToEdit, setTxIndexToEdit] = useState<string>()
+
+  const fileName = useMemo(() => {
+    if (isValidElement(batchTitle)) {
+      if ('filename' in batchTitle.props) {
+        return batchTitle.props.filename
+      } else if (batchTitle.props.children) {
+        return batchTitle.props.children.toString()
+      }
+
+      return 'Untitled'
+    }
+
+    return batchTitle || 'Untitled'
+  }, [batchTitle])
+
+  return (
+    <>
+      <TransactionsBatchWrapper>
+        {/* Transactions Batch Header */}
+        {showBatchHeader && (
+          <TransactionHeader>
+            {/* Transactions Batch Counter */}
+            <TransactionCounterDot color="tag">
+              <Text size="xl" color="white">
+                {transactions.length}
+              </Text>
+            </TransactionCounterDot>
+
+            {/* Transactions Batch Title */}
+            {batchTitle && (
+              <TransactionsTitle withoutMargin size="lg">
+                {batchTitle}
+              </TransactionsTitle>
+            )}
+
+            {/* Transactions Batch Actions */}
+            {saveBatch && (
+              <Tooltip
+                placement="top"
+                title="Save to Library"
+                backgroundColor="primary"
+                textColor="white"
+                arrow
+              >
+                <StyledHeaderIconButton onClick={openSaveBatchModal}>
+                  <Icon
+                    size="sm"
+                    type={batch ? 'bookmarkFilled' : 'bookmark'}
+                    color="primary"
+                    aria-label="Save to Library"
+                  />
+                </StyledHeaderIconButton>
+              </Tooltip>
+            )}
+            {downloadBatch && (
+              <Tooltip
+                placement="top"
+                title="Download"
+                backgroundColor="primary"
+                textColor="white"
+                arrow
+              >
+                <StyledHeaderIconButton onClick={() => downloadBatch(fileName, transactions)}>
+                  <Icon size="sm" type="importImg" color="primary" aria-label="Download" />
+                </StyledHeaderIconButton>
+              </Tooltip>
+            )}
+
+            {removeAllTransactions && (
+              <Tooltip
+                placement="top"
+                title="Clear transactions"
+                backgroundColor="primary"
+                textColor="white"
+                arrow
+              >
+                <StyledHeaderIconButton onClick={openClearTransactions}>
+                  <Icon size="sm" type="delete" color="error" aria-label="Clear transactions" />
+                </StyledHeaderIconButton>
+              </Tooltip>
+            )}
+          </TransactionHeader>
+        )}
+
+        {/* Standard Transactions List */}
+        {transactions.length <= 20 && (
+          <DragDropContext
+            onDragStart={onDragStart}
+            onDragUpdate={onDragUpdate}
+            onDragEnd={onDragEnd}
+          >
+            <Droppable mode={'standard'} droppableId={TRANSACTION_LIST_DROPPABLE_ID}>
+              {(provided: DroppableProvided) => (
+                <TransactionList {...provided.droppableProps} ref={provided.innerRef}>
+                  {transactions.map((transaction: any, index: number) => (
+                    <Draggable
+                      key={transaction.id}
+                      index={index}
+                      draggableId={transaction.id.toString()}
+                      isDragDisabled={!reorderTransactions}
+                    >
+                      {(provided: DraggableProvided, snapshot: DraggableStateSnapshot) => (
+                        <Item
+                          key={transaction.id}
+                          transaction={transaction}
+                          provided={provided}
+                          snapshot={snapshot}
+                          isLastTransaction={index === transactions.length - 1}
+                          showTransactionDetails={showTransactionDetails}
+                          index={index}
+                          draggableTxIndexDestination={draggableTxIndexDestination}
+                          draggableTxIndexOrigin={draggableTxIndexOrigin}
+                          reorderTransactions={reorderTransactions}
+                          networkPrefix={networkPrefix}
+                          replaceTransaction={replaceTransaction}
+                          setTxIndexToEdit={setTxIndexToEdit}
+                          openEditTxModal={openEditTxModal}
+                          removeTransaction={removeTransaction}
+                          setTxIndexToRemove={setTxIndexToRemove}
+                          openDeleteTxModal={openDeleteTxModal}
+                        />
+                      )}
+                    </Draggable>
+                  ))}
+                  {provided.placeholder}
+                </TransactionList>
+              )}
+            </Droppable>
+          </DragDropContext>
+        )}
+
+        {/* Virtualized Transaction List */}
+        {transactions.length > 20 && (
+          <DragDropContext
+            onDragStart={onDragStart}
+            onDragUpdate={onDragUpdate}
+            onDragEnd={onDragEnd}
+          >
+            <Droppable
+              mode={'virtual'}
+              droppableId={TRANSACTION_LIST_DROPPABLE_ID}
+              renderClone={(
+                provided: DraggableProvided,
+                snapshot: DraggableStateSnapshot,
+                rubric,
+              ) => (
+                <Item
+                  key={transactions[rubric.source.index].id}
+                  transaction={transactions[rubric.source.index]}
+                  provided={provided}
+                  snapshot={snapshot}
+                  isLastTransaction={rubric.source.index === transactions.length - 1}
+                  showTransactionDetails={showTransactionDetails}
+                  index={rubric.source.index}
+                  draggableTxIndexDestination={draggableTxIndexDestination}
+                  draggableTxIndexOrigin={draggableTxIndexOrigin}
+                  reorderTransactions={reorderTransactions}
+                  networkPrefix={networkPrefix}
+                  replaceTransaction={replaceTransaction}
+                  setTxIndexToEdit={setTxIndexToEdit}
+                  openEditTxModal={openEditTxModal}
+                  removeTransaction={removeTransaction}
+                  setTxIndexToRemove={setTxIndexToRemove}
+                  openDeleteTxModal={openDeleteTxModal}
+                />
+              )}
+            >
+              {(provided: DroppableProvided) => (
+                <TransactionList {...provided.droppableProps} ref={provided.innerRef}>
+                  <VirtualizedList
+                    innerRef={provided.innerRef}
+                    items={transactions}
+                    renderItem={(transaction: any, index: number) => (
+                      <Draggable
+                        key={transaction.id}
+                        index={index}
+                        draggableId={transaction.id.toString()}
+                        isDragDisabled={!reorderTransactions}
+                      >
+                        {(provided: DraggableProvided, snapshot: DraggableStateSnapshot) => (
+                          <Item
+                            key={transaction.id}
+                            transaction={transaction}
+                            provided={provided}
+                            snapshot={snapshot}
+                            isLastTransaction={index === transactions.length - 1}
+                            showTransactionDetails={showTransactionDetails}
+                            index={index}
+                            draggableTxIndexDestination={draggableTxIndexDestination}
+                            draggableTxIndexOrigin={draggableTxIndexOrigin}
+                            reorderTransactions={reorderTransactions}
+                            networkPrefix={networkPrefix}
+                            replaceTransaction={replaceTransaction}
+                            setTxIndexToEdit={setTxIndexToEdit}
+                            openEditTxModal={openEditTxModal}
+                            removeTransaction={removeTransaction}
+                            setTxIndexToRemove={setTxIndexToRemove}
+                            openDeleteTxModal={openDeleteTxModal}
+                          />
+                        )}
+                      </Draggable>
+                    )}
+                  />
+                  {transactions.length <= 20 && provided.placeholder}
+                </TransactionList>
+              )}
+            </Droppable>
+          </DragDropContext>
+        )}
+      </TransactionsBatchWrapper>
+
+      {/* Edit transaction modal */}
+      {showEditTxModal && (
+        <EditTransactionModal
+          txIndex={Number(txIndexToEdit)}
+          transaction={transactions[Number(txIndexToEdit)]}
+          onSubmit={(updatedTransaction: ProposedTransaction) => {
+            closeEditTxModal()
+            replaceTransaction?.(updatedTransaction, Number(txIndexToEdit))
+          }}
+          onDeleteTx={() => {
+            closeEditTxModal()
+            removeTransaction?.(Number(txIndexToEdit))
+          }}
+          onClose={closeEditTxModal}
+          networkPrefix={networkPrefix}
+          getAddressFromDomain={getAddressFromDomain}
+          nativeCurrencySymbol={nativeCurrencySymbol}
+        />
+      )}
+
+      {/* Delete batch modal */}
+      {showDeleteBatchModal && removeAllTransactions && (
+        <DeleteBatchModal
+          count={transactions.length}
+          onClick={() => {
+            closeDeleteBatchModal()
+            removeAllTransactions()
+          }}
+          onClose={closeDeleteBatchModal}
+        />
+      )}
+
+      {/* Delete a transaction modal */}
+      {showDeleteTxModal && (
+        <DeleteTransactionModal
+          txIndex={Number(txIndexToRemove)}
+          txDescription={getTransactionText(transactions[Number(txIndexToRemove)]?.description)}
+          onClick={() => {
+            closeDeleteTxModal()
+            removeTransaction?.(Number(txIndexToRemove))
+          }}
+          onClose={closeDeleteTxModal}
+        />
+      )}
+
+      {/* Save batch modal */}
+      {showSaveBatchModal && (
+        <SaveBatchModal
+          onClick={(name: string) => {
+            closeSaveBatchModal()
+            saveBatch?.(name, transactions)
+          }}
+          onClose={closeSaveBatchModal}
+        />
+      )}
+    </>
+  )
+}
+
+export default TransactionsBatchList
+
+// tx positions can change during drag & drop
+
+const TransactionsBatchWrapper = styled.section`
+  width: 100%;
+  user-select: none;
+`
+
+// batch header styles
+
+const TransactionHeader = styled.header`
+  margin-top: 24px;
+  display: flex;
+  align-items: center;
+`
+
+const TransactionCounterDot = styled(Dot)`
+  height: 24px;
+  width: 24px;
+  min-width: 24px;
+  background-color: #566976;
+`
+
+const TransactionsTitle = styled(Title)`
+  flex-grow: 1;
+  margin-left: 14px;
+  min-width: 0;
+
+  font-size: 16px;
+  line-height: normal;
+  display: flex;
+  align-items: center;
+`
+
+const StyledHeaderIconButton = styled(IconButton)`
+  &.MuiIconButton-root {
+    border-radius: 4px;
+    background-color: white;
+    margin-left: 8px;
+  }
+`
+
+// transactions list styles
+
+const TransactionList = styled.ol`
+  list-style: none;
+  padding: 0;
+`
diff --git a/integrations/safe/components/tx-builder/VirtualizedList.tsx b/integrations/safe/components/tx-builder/VirtualizedList.tsx
new file mode 100644
index 00000000..c0da55b3
--- /dev/null
+++ b/integrations/safe/components/tx-builder/VirtualizedList.tsx
@@ -0,0 +1,56 @@
+import { memo, useEffect, useState } from 'react'
+import { Virtuoso } from 'react-virtuoso'
+import styled from 'styled-components'
+
+type VirtualizedListProps<T> = {
+  innerRef: any
+  items: T[]
+  renderItem: (item: T, index: number) => React.ReactNode
+}
+
+const VirtualizedList = <T extends unknown>({
+  innerRef,
+  items,
+  renderItem,
+}: VirtualizedListProps<T>) => {
+  return (
+    <Virtuoso
+      style={{ height: 600 }}
+      scrollerRef={innerRef}
+      data={items}
+      itemContent={(index, item) => renderItem(item, index)}
+      components={{
+        Item: HeightPreservingItem,
+      }}
+      totalCount={items.length}
+      overscan={100}
+    />
+  )
+}
+
+const HeightPreservingItem: React.FC = memo(({ children, ...props }: any) => {
+  const [size, setSize] = useState(0)
+  const knownSize = props['data-known-size']
+
+  useEffect(() => {
+    setSize(prevSize => {
+      return knownSize === 0 ? prevSize : knownSize
+    })
+  }, [knownSize])
+
+  return (
+    <HeightPreservingContainer {...props} size={size}>
+      {children}
+    </HeightPreservingContainer>
+  )
+})
+
+const HeightPreservingContainer = styled.div<{ size: number }>`
+  --child-height: ${props => `${props.size}px`};
+  &:empty {
+    min-height: calc(var(--child-height));
+    box-sizing: border-box;
+  }
+`
+
+export default VirtualizedList
diff --git a/integrations/safe/components/tx-builder/forms/AddNewTransactionForm.tsx b/integrations/safe/components/tx-builder/forms/AddNewTransactionForm.tsx
new file mode 100644
index 00000000..e5df7872
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/AddNewTransactionForm.tsx
@@ -0,0 +1,75 @@
+import { Title, Button } from '@gnosis.pm/safe-react-components'
+import styled from 'styled-components'
+
+import { ContractInterface } from '../../typings/models'
+import { isValidAddress } from '../../utils'
+import SolidityForm, {
+  CONTRACT_METHOD_INDEX_FIELD_NAME,
+  SolidityFormValuesTypes,
+  TO_ADDRESS_FIELD_NAME,
+  parseFormToProposedTransaction,
+} from './SolidityForm'
+import { useTransactions, useNetwork } from '../../store'
+
+type AddNewTransactionFormProps = {
+  contract: ContractInterface | null
+  to: string
+  showHexEncodedData: boolean
+}
+
+const AddNewTransactionForm = ({
+  contract,
+  to,
+  showHexEncodedData,
+}: AddNewTransactionFormProps) => {
+  const initialFormValues = {
+    [TO_ADDRESS_FIELD_NAME]: isValidAddress(to) ? to : '',
+    [CONTRACT_METHOD_INDEX_FIELD_NAME]: '0',
+  }
+
+  const { addTransaction } = useTransactions()
+  const { networkPrefix, getAddressFromDomain, nativeCurrencySymbol } = useNetwork()
+
+  const onSubmit = (values: SolidityFormValuesTypes) => {
+    const proposedTransaction = parseFormToProposedTransaction(
+      values,
+      contract,
+      nativeCurrencySymbol,
+      networkPrefix,
+    )
+
+    addTransaction(proposedTransaction)
+  }
+
+  return (
+    <>
+      <Title size="xs">Transaction information</Title>
+
+      <SolidityForm
+        id="solidity-contract-form"
+        initialValues={initialFormValues}
+        contract={contract}
+        getAddressFromDomain={getAddressFromDomain}
+        nativeCurrencySymbol={nativeCurrencySymbol}
+        networkPrefix={networkPrefix}
+        onSubmit={onSubmit}
+        showHexEncodedData={showHexEncodedData}
+      >
+        <ButtonContainer>
+          {/* Add transaction btn */}
+          <Button size="md" color="primary" type="submit">
+            Add transaction
+          </Button>
+        </ButtonContainer>
+      </SolidityForm>
+    </>
+  )
+}
+
+export default AddNewTransactionForm
+
+const ButtonContainer = styled.div`
+  display: flex;
+  justify-content: space-between;
+  margin-top: 15px;
+`
diff --git a/integrations/safe/components/tx-builder/forms/SolidityForm.test.tsx b/integrations/safe/components/tx-builder/forms/SolidityForm.test.tsx
new file mode 100644
index 00000000..95a98fb5
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/SolidityForm.test.tsx
@@ -0,0 +1,182 @@
+import { screen, waitFor, queryByText, getByText, fireEvent } from '@testing-library/react'
+
+import { render } from '../../test-utils'
+import { ContractInterface } from '../../typings/models'
+import SolidityForm, {
+  CONTRACT_METHOD_INDEX_FIELD_NAME,
+  TO_ADDRESS_FIELD_NAME,
+} from './SolidityForm'
+
+// Axios is bundled as ESM module which is not directly compatible with Jest
+// https://jestjs.io/docs/ecmascript-modules
+jest.mock('axios', () => ({
+  get: jest.fn(),
+  post: jest.fn(),
+  delete: jest.fn(),
+}))
+
+const testAddressMethod = {
+  inputs: [{ internalType: 'address', name: 'newValue', type: 'address' }],
+  name: 'testAddressValue',
+  payable: false,
+}
+
+const testBooleanMethod = {
+  inputs: [{ internalType: 'bool', name: 'newValue', type: 'bool' }],
+  name: 'testBooleanValue',
+  payable: false,
+}
+
+const initialValues = {
+  [TO_ADDRESS_FIELD_NAME]: '0x680cde08860141F9D223cE4E620B10Cd6741037E',
+  [CONTRACT_METHOD_INDEX_FIELD_NAME]: '0',
+}
+
+const testContract: ContractInterface = {
+  methods: [testAddressMethod, testBooleanMethod],
+}
+
+describe('<SolidityForm>', () => {
+  it('Renders SolidityForm component', async () => {
+    render(
+      <SolidityForm
+        id={'test-form'}
+        onSubmit={jest.fn()}
+        getAddressFromDomain={jest.fn()}
+        initialValues={initialValues}
+        contract={testContract}
+        nativeCurrencySymbol={'ETH'}
+        networkPrefix={'rin:'}
+        showHexEncodedData={false}
+      >
+        <button type="submit">submit</button>
+      </SolidityForm>,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByTestId('test-form')).toBeInTheDocument()
+    })
+  })
+
+  it('Show correct field contract params', async () => {
+    render(
+      <SolidityForm
+        id={'test-form'}
+        onSubmit={jest.fn()}
+        getAddressFromDomain={jest.fn()}
+        initialValues={initialValues}
+        contract={testContract}
+        nativeCurrencySymbol={'ETH'}
+        networkPrefix={'rin:'}
+        showHexEncodedData={false}
+      >
+        <button type="submit">submit</button>
+      </SolidityForm>,
+    )
+
+    // testAddressMethod is selected by default
+    await waitFor(() => {
+      expect(screen.queryByText('testAddressValue')).toBeInTheDocument()
+      expect(screen.queryByText('testBooleanValue')).not.toBeInTheDocument()
+    })
+
+    // selects a different contract method
+    await waitFor(() => {
+      const contractMethodSelectorNode = screen.getByTestId('contract-method-selector')
+
+      // opens the contract method selector
+      fireEvent.mouseDown(contractMethodSelectorNode)
+
+      // shows all the available methods in the selector options
+      const selectorModal = screen.getByTestId('menu-contractMethodIndex')
+      expect(selectorModal).toBeInTheDocument()
+      expect(queryByText(selectorModal, 'testAddressValue')).toBeInTheDocument()
+      expect(queryByText(selectorModal, 'testBooleanValue')).toBeInTheDocument()
+
+      // we select a different contract method
+      fireEvent.click(getByText(selectorModal, 'testBooleanValue'))
+    })
+
+    // now testBooleanMethod is selected by default
+    await waitFor(() => {
+      expect(screen.queryByText('testBooleanValue')).toBeInTheDocument()
+      expect(screen.queryByText('testAddressValue')).not.toBeInTheDocument()
+    })
+  })
+
+  // see https://github.com/safe-global/safe-react-apps/issues/450
+  it('Avoid collisions between parameters with the same name and different types when changing contract methods', async () => {
+    render(
+      <SolidityForm
+        id={'test-form'}
+        onSubmit={jest.fn()}
+        getAddressFromDomain={jest.fn()}
+        initialValues={initialValues}
+        contract={testContract}
+        nativeCurrencySymbol={'ETH'}
+        networkPrefix={'rin:'}
+        showHexEncodedData={false}
+      >
+        <button type="submit">submit</button>
+      </SolidityForm>,
+    )
+
+    // testAddressMethod is selected by default
+    await waitFor(() => {
+      expect(screen.queryByText('testAddressValue')).toBeInTheDocument()
+      expect(screen.queryByText('testBooleanValue')).not.toBeInTheDocument()
+
+      // no value by default
+      expect(screen.getByTestId('contract-field-newValue')).toHaveValue('')
+    })
+
+    // we update the address field value
+    await waitFor(() => {
+      fireEvent.change(screen.getByTestId('contract-field-newValue'), {
+        target: { value: '0x680cde08860141F9D223cE4E620B10Cd6741037E' },
+      })
+    })
+
+    // we update the address field value
+    await waitFor(() => {
+      expect(screen.getByTestId('contract-field-newValue')).toHaveValue(
+        '0x680cde08860141F9D223cE4E620B10Cd6741037E',
+      )
+    })
+
+    // selects a different contract method
+    await waitFor(() => {
+      const contractMethodSelectorNode = screen.getByTestId('contract-method-selector')
+
+      // opens the contract method selector
+      fireEvent.mouseDown(contractMethodSelectorNode)
+
+      // we select the boolean contract method
+      const selectorModal = screen.getByTestId('menu-contractMethodIndex')
+      fireEvent.click(getByText(selectorModal, 'testBooleanValue'))
+    })
+
+    // the issue is not present (true value as default for booleans)
+    await waitFor(() => {
+      expect(screen.getByTestId('contract-field-newValue-input')).toHaveValue('true')
+    })
+
+    // address value again if we select testAddressMethod again
+    await waitFor(() => {
+      const contractMethodSelectorNode = screen.getByTestId('contract-method-selector')
+
+      // opens the contract method selector
+      fireEvent.mouseDown(contractMethodSelectorNode)
+
+      // we select the boolean contract method
+      const selectorModal = screen.getByTestId('menu-contractMethodIndex')
+      fireEvent.click(getByText(selectorModal, 'testAddressValue'))
+    })
+
+    await waitFor(() => {
+      expect(screen.getByTestId('contract-field-newValue')).toHaveValue(
+        '0x680cde08860141F9D223cE4E620B10Cd6741037E',
+      )
+    })
+  })
+})
diff --git a/integrations/safe/components/tx-builder/forms/SolidityForm.tsx b/integrations/safe/components/tx-builder/forms/SolidityForm.tsx
new file mode 100644
index 00000000..e3c68234
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/SolidityForm.tsx
@@ -0,0 +1,262 @@
+import { useEffect } from 'react'
+import { SubmitHandler, useForm } from 'react-hook-form'
+import { DevTool } from '@hookform/devtools'
+import { toChecksumAddress, toWei } from 'web3-utils'
+
+import {
+  ADDRESS_FIELD_TYPE,
+  CONTRACT_METHOD_FIELD_TYPE,
+  CUSTOM_TRANSACTION_DATA_FIELD_TYPE,
+  NATIVE_AMOUNT_FIELD_TYPE,
+} from './fields/fields'
+import Field from './fields/Field'
+import { encodeToHexData, getInputTypeHelper } from '../../utils'
+import { ContractInterface, ProposedTransaction } from '../../typings/models'
+
+export const TO_ADDRESS_FIELD_NAME = 'toAddress'
+export const NATIVE_VALUE_FIELD_NAME = 'nativeAmount'
+export const CONTRACT_METHOD_INDEX_FIELD_NAME = 'contractMethodIndex'
+export const CONTRACT_VALUES_FIELD_NAME = 'contractFieldsValues'
+export const CUSTOM_TRANSACTION_DATA_FIELD_NAME = 'customTransactionData'
+
+type SolidityFormPropsTypes = {
+  id: string
+  networkPrefix: undefined | string
+  getAddressFromDomain: (name: string) => Promise<string>
+  nativeCurrencySymbol: undefined | string
+  contract: ContractInterface | null
+  onSubmit: SubmitHandler<SolidityFormValuesTypes>
+  initialValues?: Partial<SolidityInitialFormValuesTypes>
+  showHexToggler?: boolean
+  children: React.ReactNode
+  showHexEncodedData: boolean
+}
+
+export type SolidityInitialFormValuesTypes = {
+  [TO_ADDRESS_FIELD_NAME]: string
+  [CONTRACT_METHOD_INDEX_FIELD_NAME]: string
+}
+
+export type SolidityFormValuesTypes = {
+  [TO_ADDRESS_FIELD_NAME]: string
+  [NATIVE_VALUE_FIELD_NAME]: string
+  [CONTRACT_METHOD_INDEX_FIELD_NAME]: string
+  [CONTRACT_VALUES_FIELD_NAME]: Record<string, Record<string, string>>
+  [CUSTOM_TRANSACTION_DATA_FIELD_NAME]: string
+}
+
+export const parseFormToProposedTransaction = (
+  values: SolidityFormValuesTypes,
+  contract: ContractInterface | null,
+  nativeCurrencySymbol: string | undefined,
+  networkPrefix: string | undefined,
+): ProposedTransaction => {
+  const contractMethodIndex = values[CONTRACT_METHOD_INDEX_FIELD_NAME]
+  const toAddress = values[TO_ADDRESS_FIELD_NAME]
+  const tokenValue = values[NATIVE_VALUE_FIELD_NAME]
+  const contractFieldsValues = values[CONTRACT_VALUES_FIELD_NAME]
+  const methodValues = contractFieldsValues?.[`method-${contractMethodIndex}`]
+  const customTransactionData = values[CUSTOM_TRANSACTION_DATA_FIELD_NAME]
+
+  const contractMethod = contract?.methods[Number(contractMethodIndex)]
+
+  const data = customTransactionData || encodeToHexData(contractMethod, methodValues) || '0x'
+  const to = toChecksumAddress(toAddress)
+  const value = toWei(tokenValue || '0')
+
+  return {
+    id: new Date().getTime(),
+    contractInterface: contract,
+    description: {
+      to,
+      value,
+      customTransactionData,
+      contractMethod,
+      contractFieldsValues: methodValues,
+      contractMethodIndex,
+      nativeCurrencySymbol,
+      networkPrefix,
+    },
+    raw: { to, value, data },
+  }
+}
+
+const isProdEnv = process.env.NODE_ENV === 'production'
+
+const SolidityForm = ({
+  id,
+  onSubmit,
+  getAddressFromDomain,
+  initialValues,
+  nativeCurrencySymbol,
+  networkPrefix,
+  contract,
+  children,
+  showHexEncodedData,
+}: SolidityFormPropsTypes) => {
+  const {
+    handleSubmit,
+    control,
+    setValue,
+    watch,
+    getValues,
+    reset,
+    formState: { isSubmitSuccessful, dirtyFields },
+  } = useForm<SolidityFormValuesTypes>({
+    defaultValues: initialValues,
+    mode: 'onTouched', // This option allows you to configure the validation strategy before the user submits the form
+  })
+
+  const toAddress = watch(TO_ADDRESS_FIELD_NAME)
+  const contractMethodIndex = watch(CONTRACT_METHOD_INDEX_FIELD_NAME)
+  const nativeValue = watch(NATIVE_VALUE_FIELD_NAME)
+  const customTransactionData = watch(CUSTOM_TRANSACTION_DATA_FIELD_NAME)
+  const contractMethod = contract?.methods[Number(contractMethodIndex)]
+
+  const contractFields = contractMethod?.inputs || []
+  const showContractFields = !!contract && contract.methods.length > 0 && !showHexEncodedData
+  const isPayableMethod = !!contract && contractMethod?.payable
+
+  const isValueInputVisible = showHexEncodedData || !showContractFields || isPayableMethod
+
+  useEffect(() => {
+    const contractFieldsValues = getValues(CONTRACT_VALUES_FIELD_NAME)
+    const methodValues = contractFieldsValues?.[`method-${contractMethodIndex}`]
+
+    if (showHexEncodedData && contractMethod) {
+      const encodeData = encodeToHexData(contractMethod, methodValues)
+      setValue(CUSTOM_TRANSACTION_DATA_FIELD_TYPE, encodeData || '')
+    }
+  }, [contractMethod, getValues, setValue, showHexEncodedData, contractMethodIndex])
+
+  // Resets form to initial values if the user edited contract method and then switched to custom data and edited it
+  useEffect(() => {
+    if (
+      showHexEncodedData &&
+      dirtyFields[CONTRACT_METHOD_INDEX_FIELD_NAME] &&
+      dirtyFields[CUSTOM_TRANSACTION_DATA_FIELD_NAME]
+    ) {
+      reset({
+        ...initialValues,
+        [TO_ADDRESS_FIELD_NAME]: toAddress,
+        [CUSTOM_TRANSACTION_DATA_FIELD_NAME]: customTransactionData,
+        [NATIVE_VALUE_FIELD_NAME]: nativeValue,
+      })
+    }
+  }, [
+    dirtyFields,
+    reset,
+    showHexEncodedData,
+    customTransactionData,
+    toAddress,
+    nativeValue,
+    initialValues,
+  ])
+
+  useEffect(() => {
+    if (isSubmitSuccessful) {
+      reset({ ...initialValues, [TO_ADDRESS_FIELD_NAME]: toAddress })
+    }
+  }, [isSubmitSuccessful, reset, toAddress, initialValues])
+
+  return (
+    <>
+      <form id={id} onSubmit={handleSubmit(onSubmit)} noValidate>
+        {/* To Address field */}
+        <Field
+          id="to-address-input"
+          name={TO_ADDRESS_FIELD_NAME}
+          label="To Address"
+          fullWidth
+          required
+          getAddressFromDomain={getAddressFromDomain}
+          networkPrefix={networkPrefix}
+          fieldType={ADDRESS_FIELD_TYPE}
+          control={control}
+          showErrorsInTheLabel={false}
+        />
+
+        {/* Native Token Amount Input */}
+        {isValueInputVisible && (
+          <Field
+            id="token-value-input"
+            name={NATIVE_VALUE_FIELD_NAME}
+            label={`${nativeCurrencySymbol} value`}
+            fieldType={NATIVE_AMOUNT_FIELD_TYPE}
+            fullWidth
+            required
+            control={control}
+            showErrorsInTheLabel={false}
+          />
+        )}
+
+        {/* Contract Section */}
+
+        {/* Contract Method Selector */}
+        {showContractFields && (
+          <Field
+            id="contract-method-selector"
+            name={CONTRACT_METHOD_INDEX_FIELD_NAME}
+            label="Contract Method Selector"
+            fieldType={CONTRACT_METHOD_FIELD_TYPE}
+            shouldUnregister={false}
+            control={control}
+            options={contract?.methods.map((method, index) => ({
+              id: index.toString(),
+              label: method.name,
+            }))}
+            required
+          />
+        )}
+
+        {/* Contract Fields */}
+        {contractFields.map((contractField, index) => {
+          const name = `${CONTRACT_VALUES_FIELD_NAME}.method-${contractMethodIndex}.${
+            contractField.name || index
+          }`
+          const fieldType = getInputTypeHelper(contractField)
+
+          return (
+            showContractFields && (
+              <Field
+                key={name}
+                id={`contract-field-${contractField.name || index}`}
+                name={name}
+                label={`${contractField.name || `${index + 1}º contract field`} (${fieldType})`}
+                fieldType={fieldType}
+                fullWidth
+                required
+                shouldUnregister={false} // required to keep contract field values in the form state when the user switches between encoding and decoding data
+                control={control}
+                showErrorsInTheLabel={false}
+                getAddressFromDomain={getAddressFromDomain}
+                networkPrefix={networkPrefix}
+              />
+            )
+          )
+        })}
+
+        {/* Hex encoded textarea field */}
+        {showHexEncodedData && (
+          <Field
+            id="hex-encoded-data"
+            name={CUSTOM_TRANSACTION_DATA_FIELD_NAME}
+            label="Data (Hex encoded)"
+            fieldType={CUSTOM_TRANSACTION_DATA_FIELD_TYPE}
+            required
+            fullWidth
+            control={control}
+            showErrorsInTheLabel={false}
+          />
+        )}
+        {/* action buttons as a children */}
+        {children}
+      </form>
+
+      {/* set up the dev tool only in dev env */}
+      {!isProdEnv && <DevTool control={control} />}
+    </>
+  )
+}
+
+export default SolidityForm
diff --git a/integrations/safe/components/tx-builder/forms/fields/AddressContractField.tsx b/integrations/safe/components/tx-builder/forms/fields/AddressContractField.tsx
new file mode 100644
index 00000000..194c74be
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/fields/AddressContractField.tsx
@@ -0,0 +1,35 @@
+import { ReactElement } from 'react'
+import { AddressInput } from '@gnosis.pm/safe-react-components'
+
+const AddressContractField = ({
+  id,
+  name,
+  value,
+  onChange,
+  label,
+  error,
+  getAddressFromDomain,
+  networkPrefix,
+  onBlur,
+}: any): ReactElement => {
+  return (
+    <AddressInput
+      id={id}
+      name={name}
+      label={label}
+      address={value}
+      inputProps={{ value }}
+      onBlur={onBlur}
+      showNetworkPrefix={!!networkPrefix}
+      networkPrefix={networkPrefix}
+      hiddenLabel={false}
+      fullWidth
+      error={error}
+      getAddressFromDomain={getAddressFromDomain}
+      onChangeAddress={onChange}
+      showErrorsInTheLabel={false}
+    />
+  )
+}
+
+export default AddressContractField
diff --git a/integrations/safe/components/tx-builder/forms/fields/Field.tsx b/integrations/safe/components/tx-builder/forms/fields/Field.tsx
new file mode 100644
index 00000000..f28ff40a
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/fields/Field.tsx
@@ -0,0 +1,121 @@
+import { ReactElement } from 'react'
+import { Control, Controller } from 'react-hook-form'
+import { SelectItem } from '@gnosis.pm/safe-react-components/dist/inputs/Select'
+
+import {
+  BOOLEAN_FIELD_TYPE,
+  CONTRACT_METHOD_FIELD_TYPE,
+  CUSTOM_TRANSACTION_DATA_FIELD_TYPE,
+  isAddressFieldType,
+  isBooleanFieldType,
+} from './fields'
+import AddressContractField from './AddressContractField'
+import SelectContractField from './SelectContractField'
+import TextareaContractField from './TextareaContractField'
+import TextContractField from './TextContractField'
+import validateField, { ValidationFunction } from '../validations/validateField'
+
+const CUSTOM_DEFAULT_VALUES: CustomDefaultValueTypes = {
+  [BOOLEAN_FIELD_TYPE]: 'true',
+  [CONTRACT_METHOD_FIELD_TYPE]: '0', // first contract method as default
+}
+
+const BOOLEAN_DEFAULT_OPTIONS: SelectItem[] = [
+  { id: 'true', label: 'True' },
+  { id: 'false', label: 'False' },
+]
+
+const DEFAULT_OPTIONS: DefaultOptionTypes = {
+  [BOOLEAN_FIELD_TYPE]: BOOLEAN_DEFAULT_OPTIONS,
+}
+
+interface CustomDefaultValueTypes {
+  [key: string]: string
+}
+
+interface DefaultOptionTypes {
+  [key: string]: SelectItem[]
+}
+
+type FieldProps = {
+  fieldType: string
+  control: Control<any, object>
+  id: string
+  name: string
+  label: string
+  fullWidth?: boolean
+  required?: boolean
+  validations?: ValidationFunction[]
+  getAddressFromDomain?: (name: string) => Promise<string>
+  networkPrefix?: string
+  showErrorsInTheLabel?: boolean
+  shouldUnregister?: boolean
+  options?: SelectItem[]
+}
+
+const Field = ({
+  fieldType,
+  control,
+  name,
+  shouldUnregister = true,
+  options,
+  required = true,
+  validations, // you can define extra validations as a prop
+  ...props
+}: FieldProps) => {
+  // Component based on the field type
+  const FieldComponent = getFieldComponent(fieldType)
+
+  // see https://react-hook-form.com/advanced-usage#ControlledmixedwithUncontrolledComponents
+  return (
+    <Controller
+      name={name}
+      control={control}
+      defaultValue={CUSTOM_DEFAULT_VALUES[fieldType] || ''}
+      shouldUnregister={shouldUnregister}
+      rules={{
+        required: {
+          value: required,
+          message: 'Required',
+        },
+        validate: validateField(fieldType, validations),
+      }}
+      render={({ field, fieldState }) => (
+        <FieldComponent
+          name={field.name}
+          onChange={field.onChange}
+          onBlur={field.onBlur}
+          value={field.value}
+          options={options || DEFAULT_OPTIONS[fieldType]}
+          error={fieldState.error?.message}
+          required={required}
+          {...props}
+        />
+      )}
+    />
+  )
+}
+
+export default Field
+
+// Returns a custom Field Component based on the field type
+const getFieldComponent = (fieldType: string): ((props: any) => ReactElement) => {
+  if (isAddressFieldType(fieldType)) {
+    return AddressContractField
+  }
+
+  if (isBooleanFieldType(fieldType)) {
+    return SelectContractField
+  }
+
+  if (fieldType === CONTRACT_METHOD_FIELD_TYPE) {
+    return SelectContractField
+  }
+
+  if (fieldType === CUSTOM_TRANSACTION_DATA_FIELD_TYPE) {
+    return TextareaContractField
+  }
+
+  // Textfield Component as fallback
+  return TextContractField
+}
diff --git a/integrations/safe/components/tx-builder/forms/fields/JsonField.tsx b/integrations/safe/components/tx-builder/forms/fields/JsonField.tsx
new file mode 100644
index 00000000..8c4c86e7
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/fields/JsonField.tsx
@@ -0,0 +1,197 @@
+import { useState, useCallback, ClipboardEvent } from 'react'
+import styled from 'styled-components'
+import {
+  Icon,
+  TextFieldInput,
+  Tooltip,
+  GenericModal,
+  Text,
+  Button,
+  IconTypes,
+} from '@gnosis.pm/safe-react-components'
+import IconButton from '@material-ui/core/IconButton'
+import { Box } from '@material-ui/core'
+import useModal from '../../../hooks/useModal/useModal'
+
+const DEFAULT_ROWS = 4
+
+type Props = {
+  id: string
+  name: string
+  label: string
+  value: string
+  onChange: (value: string) => void
+}
+
+const JsonField = ({ id, name, label, value, onChange }: Props) => {
+  const { open: showReplaceModal, toggleModal } = useModal()
+  const [tempAbi, setTempAbi] = useState(value)
+  const [isPrettified, setIsPrettified] = useState(false)
+  const hasError = isValidJSON(value) ? undefined : 'Invalid JSON value'
+
+  const toggleFormatJSON = useCallback(() => {
+    if (!value) {
+      return
+    }
+
+    try {
+      onChange(JSON.stringify(JSON.parse(value), null, isPrettified ? 0 : 2))
+      setIsPrettified(!isPrettified)
+    } catch (e) {
+      console.error(e)
+      onChange(value)
+    }
+  }, [onChange, value, isPrettified])
+
+  const changeAbi = useCallback(() => {
+    onChange(tempAbi)
+    setIsPrettified(false)
+    toggleModal()
+  }, [tempAbi, onChange, toggleModal])
+
+  const handlePaste = useCallback(
+    (event: ClipboardEvent<HTMLInputElement>) => {
+      event.preventDefault()
+      event.stopPropagation()
+
+      const clipboardData = event.clipboardData
+      const pastedData = clipboardData?.getData('Text') || ''
+
+      if (value && pastedData) {
+        setTempAbi(pastedData)
+        toggleModal()
+      } else {
+        onChange(pastedData)
+      }
+    },
+    [onChange, toggleModal, value],
+  )
+
+  return (
+    <>
+      <JSONFieldContainer>
+        <StyledTextField
+          id={id}
+          name={name}
+          label={label}
+          multiline
+          value={value}
+          minRows={DEFAULT_ROWS}
+          maxRows={DEFAULT_ROWS * 4}
+          fullWidth
+          hiddenLabel={false}
+          onPaste={handlePaste}
+          onChange={event => {
+            onChange(event.target.value)
+          }}
+          spellCheck={false}
+          showErrorsInTheLabel={false}
+          error={hasError}
+        />
+
+        <IconContainer error={!!hasError}>
+          {!isPrettified && (
+            <IconContainerButton
+              error={!!hasError}
+              tooltipLabel="Prettify JSON"
+              iconType="code"
+              onClick={toggleFormatJSON}
+            />
+          )}
+          {isPrettified && (
+            <IconContainerButton
+              error={!!hasError}
+              tooltipLabel="Stringify JSON"
+              iconType="cross"
+              onClick={toggleFormatJSON}
+            />
+          )}
+        </IconContainer>
+      </JSONFieldContainer>
+
+      {showReplaceModal && (
+        <GenericModal
+          body={
+            <Box display="flex" alignItems="center" justifyContent="space-between" width="100%">
+              <Text size="lg">Do you want to replace the current ABI?</Text>
+            </Box>
+          }
+          onClose={toggleModal}
+          title="Replace ABI"
+          footer={
+            <Box display="flex" alignItems="center" justifyContent="space-between" width="100%">
+              <Button size="md" color="secondary" onClick={toggleModal}>
+                Cancel
+              </Button>
+              <Button size="md" color="primary" onClick={changeAbi}>
+                Accept
+              </Button>
+            </Box>
+          }
+        />
+      )}
+    </>
+  )
+}
+
+const isValidJSON = (value: string | undefined) => {
+  if (value) {
+    try {
+      JSON.parse(value)
+    } catch {
+      return false
+    }
+  }
+
+  return true
+}
+
+const IconContainerButton = ({
+  tooltipLabel,
+  iconType,
+  onClick,
+  error,
+}: {
+  tooltipLabel: string
+  iconType: IconTypes
+  onClick: () => void
+  error: boolean
+}) => (
+  <Tooltip title={tooltipLabel}>
+    <StyledButton size="small" color="primary" onClick={onClick}>
+      <Icon size="sm" color={error ? 'error' : 'inputDefault'} type={iconType} />
+    </StyledButton>
+  </Tooltip>
+)
+
+const JSONFieldContainer = styled.div`
+  position: relative;
+`
+
+const IconContainer = styled.div<{ error: boolean }>`
+  position: absolute;
+  top: -10px;
+  right: 15px;
+  border: 1px solid
+    ${({ theme, error }) => (error ? theme.colors.error : theme.colors.inputDefault)};
+  border-radius: 50%;
+  background-color: #fff;
+`
+
+const StyledTextField = styled(TextFieldInput)`
+  && {
+    textarea {
+      font-family: monospace;
+      font-size: 12px;
+      &.MuiInputBase-input {
+        padding: 0;
+      }
+    }
+  }
+`
+
+const StyledButton = styled(IconButton)`
+  margin: 0 5px;
+`
+
+export default JsonField
diff --git a/integrations/safe/components/tx-builder/forms/fields/SelectContractField.tsx b/integrations/safe/components/tx-builder/forms/fields/SelectContractField.tsx
new file mode 100644
index 00000000..75b0c902
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/fields/SelectContractField.tsx
@@ -0,0 +1,40 @@
+import { Select } from '@gnosis.pm/safe-react-components'
+import { SelectItem } from '@gnosis.pm/safe-react-components/dist/inputs/Select'
+
+type SelectContractFieldTypes = {
+  options: SelectItem[]
+  onChange: (id: string) => void
+  value: string
+  label: string
+  name: string
+  id: string
+}
+
+const SelectContractField = ({
+  value,
+  onChange,
+  options,
+  label,
+  name,
+  id,
+}: SelectContractFieldTypes) => {
+  return (
+    <Select
+      id={id}
+      inputProps={{
+        id: `${id}-input`,
+      }}
+      name={name}
+      disabled={options.length === 1}
+      label={label}
+      items={options}
+      fullWidth
+      activeItemId={value}
+      onItemClick={(id: string) => {
+        onChange(id)
+      }}
+    />
+  )
+}
+
+export default SelectContractField
diff --git a/integrations/safe/components/tx-builder/forms/fields/TextContractField.tsx b/integrations/safe/components/tx-builder/forms/fields/TextContractField.tsx
new file mode 100644
index 00000000..544273d5
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/fields/TextContractField.tsx
@@ -0,0 +1,28 @@
+import { TextFieldInput } from '@gnosis.pm/safe-react-components'
+import { TextFieldInputProps } from '@gnosis.pm/safe-react-components/dist/inputs/TextFieldInput'
+import styled from 'styled-components'
+
+type TextContractFieldTypes = TextFieldInputProps & {
+  networkPrefix?: undefined | string
+  getAddressFromDomain?: () => {}
+}
+
+const TextContractField = ({
+  networkPrefix,
+  getAddressFromDomain,
+  ...props
+}: TextContractFieldTypes) => {
+  return <StyledTextField {...props} hiddenLabel={false} />
+}
+
+export default TextContractField
+
+const StyledTextField = styled(TextFieldInput)`
+  && {
+    textarea {
+      &.MuiInputBase-input {
+        padding: 0;
+      }
+    }
+  }
+`
diff --git a/integrations/safe/components/tx-builder/forms/fields/TextareaContractField.tsx b/integrations/safe/components/tx-builder/forms/fields/TextareaContractField.tsx
new file mode 100644
index 00000000..f5be176a
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/fields/TextareaContractField.tsx
@@ -0,0 +1,10 @@
+import { TextFieldInputProps } from '@gnosis.pm/safe-react-components/dist/inputs/TextFieldInput'
+import TextContractField from './TextContractField'
+
+const DEFAULT_ROWS = 4
+
+const TextareaContractField = (props: TextFieldInputProps) => {
+  return <TextContractField {...props} multiline rows={props.rows || DEFAULT_ROWS} />
+}
+
+export default TextareaContractField
diff --git a/integrations/safe/components/tx-builder/forms/fields/fields.test.ts b/integrations/safe/components/tx-builder/forms/fields/fields.test.ts
new file mode 100644
index 00000000..ef8c0506
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/fields/fields.test.ts
@@ -0,0 +1,407 @@
+import {
+  isAddressFieldType,
+  isArrayFieldType,
+  isArrayOfStringsFieldType,
+  isBooleanFieldType,
+  isBytesFieldType,
+  isFixedFieldType,
+  isFunctionFieldType,
+  isIntFieldType,
+  isMatrixFieldType,
+  isMatrixOfStringsFieldType,
+  isMultiDimensionalArrayFieldType,
+  isMultiDimensionalArrayOfStringsFieldType,
+  isStringFieldType,
+  isTupleFieldType,
+} from './fields'
+
+describe('solidity field types', () => {
+  describe('Integer field types', () => {
+    it('int<M> field type', () => {
+      // valid int field type values
+      expect(isIntFieldType('int')).toBe(true)
+      expect(isIntFieldType('int8')).toBe(true)
+      expect(isIntFieldType('int16')).toBe(true)
+      expect(isIntFieldType('int24')).toBe(true)
+      expect(isIntFieldType('int32')).toBe(true)
+      expect(isIntFieldType('int40')).toBe(true)
+      expect(isIntFieldType('int48')).toBe(true)
+      expect(isIntFieldType('int56')).toBe(true)
+      expect(isIntFieldType('int64')).toBe(true)
+      expect(isIntFieldType('int72')).toBe(true)
+      expect(isIntFieldType('int80')).toBe(true)
+      expect(isIntFieldType('int88')).toBe(true)
+      expect(isIntFieldType('int96')).toBe(true)
+      expect(isIntFieldType('int104')).toBe(true)
+      expect(isIntFieldType('int112')).toBe(true)
+      expect(isIntFieldType('int120')).toBe(true)
+      expect(isIntFieldType('int128')).toBe(true)
+      expect(isIntFieldType('int136')).toBe(true)
+      expect(isIntFieldType('int144')).toBe(true)
+      expect(isIntFieldType('int152')).toBe(true)
+      expect(isIntFieldType('int160')).toBe(true)
+      expect(isIntFieldType('int168')).toBe(true)
+      expect(isIntFieldType('int176')).toBe(true)
+      expect(isIntFieldType('int184')).toBe(true)
+      expect(isIntFieldType('int192')).toBe(true)
+      expect(isIntFieldType('int200')).toBe(true)
+      expect(isIntFieldType('int208')).toBe(true)
+      expect(isIntFieldType('int216')).toBe(true)
+      expect(isIntFieldType('int224')).toBe(true)
+      expect(isIntFieldType('int232')).toBe(true)
+      expect(isIntFieldType('int240')).toBe(true)
+      expect(isIntFieldType('int248')).toBe(true)
+      expect(isIntFieldType('int256')).toBe(true)
+
+      // invalid int field type values
+      expect(isIntFieldType('int242')).toBe(false)
+      expect(isIntFieldType('23int24')).toBe(false)
+      expect(isIntFieldType('inta24')).toBe(false)
+      expect(isIntFieldType('int12')).toBe(false)
+      expect(isIntFieldType('INT')).toBe(false)
+      expect(isIntFieldType('int[]')).toBe(false)
+      expect(isIntFieldType('int256[]')).toBe(false)
+      expect(isIntFieldType('Int')).toBe(false)
+      expect(isIntFieldType('int264')).toBe(false)
+    })
+
+    it('uint<M> field type', () => {
+      // valid uint field type values
+      expect(isIntFieldType('uint')).toBe(true)
+      expect(isIntFieldType('uint8')).toBe(true)
+      expect(isIntFieldType('uint16')).toBe(true)
+      expect(isIntFieldType('uint24')).toBe(true)
+      expect(isIntFieldType('uint32')).toBe(true)
+      expect(isIntFieldType('uint40')).toBe(true)
+      expect(isIntFieldType('uint48')).toBe(true)
+      expect(isIntFieldType('uint56')).toBe(true)
+      expect(isIntFieldType('uint64')).toBe(true)
+      expect(isIntFieldType('uint72')).toBe(true)
+      expect(isIntFieldType('uint80')).toBe(true)
+      expect(isIntFieldType('uint88')).toBe(true)
+      expect(isIntFieldType('uint96')).toBe(true)
+      expect(isIntFieldType('uint104')).toBe(true)
+      expect(isIntFieldType('uint112')).toBe(true)
+      expect(isIntFieldType('uint120')).toBe(true)
+      expect(isIntFieldType('uint128')).toBe(true)
+      expect(isIntFieldType('uint136')).toBe(true)
+      expect(isIntFieldType('uint144')).toBe(true)
+      expect(isIntFieldType('uint152')).toBe(true)
+      expect(isIntFieldType('uint160')).toBe(true)
+      expect(isIntFieldType('uint168')).toBe(true)
+      expect(isIntFieldType('uint176')).toBe(true)
+      expect(isIntFieldType('uint184')).toBe(true)
+      expect(isIntFieldType('uint192')).toBe(true)
+      expect(isIntFieldType('uint200')).toBe(true)
+      expect(isIntFieldType('uint208')).toBe(true)
+      expect(isIntFieldType('uint216')).toBe(true)
+      expect(isIntFieldType('uint224')).toBe(true)
+      expect(isIntFieldType('uint232')).toBe(true)
+      expect(isIntFieldType('uint240')).toBe(true)
+      expect(isIntFieldType('uint248')).toBe(true)
+      expect(isIntFieldType('uint256')).toBe(true)
+
+      // invalid uint field type values
+      expect(isIntFieldType('uint242')).toBe(false)
+      expect(isIntFieldType('UINT')).toBe(false)
+      expect(isIntFieldType('U_INT')).toBe(false)
+      expect(isIntFieldType('23uint24')).toBe(false)
+      expect(isIntFieldType('uint[]')).toBe(false)
+      expect(isIntFieldType('uint256[]')).toBe(false)
+      expect(isIntFieldType('u3inta24')).toBe(false)
+      expect(isIntFieldType('uint12')).toBe(false)
+      expect(isIntFieldType('uint264')).toBe(false)
+    })
+  })
+
+  describe('Address field type', () => {
+    it('address field type', () => {
+      // valid address field type values
+      expect(isAddressFieldType('address')).toBe(true)
+
+      // invalid address field type values
+      expect(isAddressFieldType('Address')).toBe(false)
+      expect(isAddressFieldType('sdaddresss')).toBe(false)
+      expect(isAddressFieldType('address[]')).toBe(false)
+      expect(isAddressFieldType('int')).toBe(false)
+    })
+  })
+
+  describe('Boolean field type', () => {
+    it('bool field type', () => {
+      // valid Bool field type values
+      expect(isBooleanFieldType('bool')).toBe(true)
+
+      // invalid Bool field type values
+      expect(isBooleanFieldType('Bool')).toBe(false)
+      expect(isBooleanFieldType('sdBools')).toBe(false)
+      expect(isBooleanFieldType('bool[]')).toBe(false)
+      expect(isBooleanFieldType('int')).toBe(false)
+    })
+  })
+
+  describe('Bytes field type', () => {
+    it('bytes field type', () => {
+      // valid Bytes field type values
+      expect(isBytesFieldType('bytes')).toBe(true)
+      expect(isBytesFieldType('bytes1')).toBe(true)
+      expect(isBytesFieldType('bytes2')).toBe(true)
+      expect(isBytesFieldType('bytes3')).toBe(true)
+      expect(isBytesFieldType('bytes4')).toBe(true)
+      expect(isBytesFieldType('bytes5')).toBe(true)
+      expect(isBytesFieldType('bytes6')).toBe(true)
+      expect(isBytesFieldType('bytes7')).toBe(true)
+      expect(isBytesFieldType('bytes8')).toBe(true)
+      expect(isBytesFieldType('bytes9')).toBe(true)
+      expect(isBytesFieldType('bytes10')).toBe(true)
+      expect(isBytesFieldType('bytes11')).toBe(true)
+      expect(isBytesFieldType('bytes12')).toBe(true)
+      expect(isBytesFieldType('bytes13')).toBe(true)
+      expect(isBytesFieldType('bytes14')).toBe(true)
+      expect(isBytesFieldType('bytes15')).toBe(true)
+      expect(isBytesFieldType('bytes16')).toBe(true)
+      expect(isBytesFieldType('bytes17')).toBe(true)
+      expect(isBytesFieldType('bytes18')).toBe(true)
+      expect(isBytesFieldType('bytes19')).toBe(true)
+      expect(isBytesFieldType('bytes20')).toBe(true)
+      expect(isBytesFieldType('bytes21')).toBe(true)
+      expect(isBytesFieldType('bytes22')).toBe(true)
+      expect(isBytesFieldType('bytes23')).toBe(true)
+      expect(isBytesFieldType('bytes24')).toBe(true)
+      expect(isBytesFieldType('bytes25')).toBe(true)
+      expect(isBytesFieldType('bytes26')).toBe(true)
+      expect(isBytesFieldType('bytes27')).toBe(true)
+      expect(isBytesFieldType('bytes28')).toBe(true)
+      expect(isBytesFieldType('bytes29')).toBe(true)
+      expect(isBytesFieldType('bytes30')).toBe(true)
+      expect(isBytesFieldType('bytes31')).toBe(true)
+      expect(isBytesFieldType('bytes32')).toBe(true)
+
+      // invalid Bytes field type values
+      expect(isBytesFieldType('Bytes')).toBe(false)
+      expect(isBytesFieldType('bytes0')).toBe(false)
+      expect(isBytesFieldType('bytes33')).toBe(false)
+      expect(isBytesFieldType('bytes2333')).toBe(false)
+      expect(isBytesFieldType('ubytes')).toBe(false)
+      expect(isBytesFieldType('bytes[]')).toBe(false)
+      expect(isBytesFieldType('int')).toBe(false)
+    })
+
+    describe('String field type', () => {
+      it('string field type', () => {
+        // valid String field type values
+        expect(isStringFieldType('string')).toBe(true)
+
+        // invalid String field type values
+        expect(isStringFieldType('String')).toBe(false)
+        expect(isStringFieldType('STRING')).toBe(false)
+        expect(isStringFieldType('string[]')).toBe(false)
+        expect(isStringFieldType('int')).toBe(false)
+      })
+    })
+
+    describe('Function field type', () => {
+      it('function field type', () => {
+        // valid function field type values
+        expect(isFunctionFieldType('function')).toBe(true)
+
+        // invalid function field type values
+        expect(isFunctionFieldType('Function')).toBe(false)
+        expect(isFunctionFieldType('FUNCTION')).toBe(false)
+        expect(isFunctionFieldType('function[]')).toBe(false)
+        expect(isFunctionFieldType('int')).toBe(false)
+      })
+    })
+
+    describe('Fixed field type', () => {
+      it('ufixed<M>x<N> or fixed<M>x<N> field type', () => {
+        // valid fixed and ufixed field type values
+        expect(isFixedFieldType('ufixed')).toBe(true)
+        expect(isFixedFieldType('fixed')).toBe(true)
+        expect(isFixedFieldType('ufixed256x80')).toBe(true)
+        expect(isFixedFieldType('fixed256x80')).toBe(true)
+        expect(isFixedFieldType('ufixed56x20')).toBe(true)
+        expect(isFixedFieldType('fixed56x20')).toBe(true)
+
+        // invalid fixed and ufixed field type values
+        expect(isFixedFieldType('fixed256x81')).toBe(false)
+        expect(isFixedFieldType('ufixed256x81')).toBe(false)
+        expect(isFixedFieldType('fixed257x80')).toBe(false)
+        expect(isFixedFieldType('ufixed257x80')).toBe(false)
+        expect(isFixedFieldType('fixed256x0')).toBe(false)
+        expect(isFixedFieldType('ufixed256x0')).toBe(false)
+        expect(isFixedFieldType('fixed256')).toBe(false)
+        expect(isFixedFieldType('ufixed256')).toBe(false)
+      })
+    })
+
+    describe('Array field type', () => {
+      it('variable-length Array <type>[]', () => {
+        // valid variable-length array field type values
+        expect(isArrayFieldType('int[]')).toBe(true)
+        expect(isArrayFieldType('uint[]')).toBe(true)
+        expect(isArrayFieldType('fixed[]')).toBe(true)
+        expect(isArrayFieldType('ufixed[]')).toBe(true)
+        expect(isArrayFieldType('address[]')).toBe(true)
+        expect(isArrayFieldType('string[]')).toBe(true)
+        expect(isArrayFieldType('byte[]')).toBe(true)
+
+        // invalid variable-length array field type values
+        expect(isArrayFieldType('int[][2]')).toBe(false)
+        expect(isArrayFieldType('int[][]')).toBe(false)
+        expect(isArrayFieldType('int[2][]')).toBe(false)
+        expect(isArrayFieldType('int[2][2]')).toBe(false)
+        expect(isArrayFieldType('int[2][2][]')).toBe(false)
+        expect(isArrayFieldType('int[2][2][2]')).toBe(false)
+        expect(isArrayFieldType('int[2][2][2][]')).toBe(false)
+        expect(isArrayFieldType('int[][][][]')).toBe(false)
+      })
+
+      it('fixed-length Array <type>[]', () => {
+        // valid fixed-length array field type values
+        expect(isArrayFieldType('int[3]')).toBe(true)
+        expect(isArrayFieldType('uint[3]')).toBe(true)
+        expect(isArrayFieldType('fixed[4]')).toBe(true)
+        expect(isArrayFieldType('ufixed[5]')).toBe(true)
+        expect(isArrayFieldType('address[6]')).toBe(true)
+        expect(isArrayFieldType('string[2]')).toBe(true)
+        expect(isArrayFieldType('byte[4]')).toBe(true)
+
+        // invalid fixed-length array field type values
+        expect(isArrayFieldType('int[size]')).toBe(false)
+        expect(isArrayFieldType('int[-3]')).toBe(false)
+        expect(isArrayFieldType('int[][2]')).toBe(false)
+        expect(isArrayFieldType('int[][]')).toBe(false)
+        expect(isArrayFieldType('int[2][]')).toBe(false)
+        expect(isArrayFieldType('int[2][2]')).toBe(false)
+        expect(isArrayFieldType('int[2][2][]')).toBe(false)
+        expect(isArrayFieldType('int[2][2][2]')).toBe(false)
+        expect(isArrayFieldType('int[2][2][2][]')).toBe(false)
+        expect(isArrayFieldType('int[][][][]')).toBe(false)
+        expect(isArrayFieldType('int')).toBe(false)
+      })
+    })
+
+    describe('Matrix field type', () => {
+      it('matrix <type>[][] <type>[size][] <type>[][size] <type>[size][size]', () => {
+        // valid matrix field type values
+        expect(isMatrixFieldType('int[][]')).toBe(true)
+        expect(isMatrixFieldType('int[][2]')).toBe(true)
+        expect(isMatrixFieldType('int[3][]')).toBe(true)
+        expect(isMatrixFieldType('int[4][3]')).toBe(true)
+
+        // invalid matrix field type values
+        expect(isMatrixFieldType('int[-1][-2]')).toBe(false)
+        expect(isMatrixFieldType('int[-1][2]')).toBe(false)
+        expect(isMatrixFieldType('int[][-2]')).toBe(false)
+        expect(isMatrixFieldType('int[][][]')).toBe(false)
+        expect(isMatrixFieldType('int[2][][2]')).toBe(false)
+        expect(isMatrixFieldType('int[][][2]')).toBe(false)
+        expect(isMatrixFieldType('int[][][2]')).toBe(false)
+        expect(isMatrixFieldType('int[]')).toBe(false)
+        expect(isMatrixFieldType('int')).toBe(false)
+        expect(isMatrixFieldType('int[2]')).toBe(false)
+      })
+    })
+
+    describe('MultiDimensional Array field type', () => {
+      it('multiDimensional array <type>[][][][]...,  <type>[size][][size][][]...,  <type>[size][size][size][size]...', () => {
+        // valid multiDimensional array field type values
+        expect(isMultiDimensionalArrayFieldType('int[][][]')).toBe(true)
+        expect(isMultiDimensionalArrayFieldType('int[][][][]')).toBe(true)
+        expect(isMultiDimensionalArrayFieldType('int[][2][]')).toBe(true)
+        expect(isMultiDimensionalArrayFieldType('int[][2][][4]')).toBe(true)
+        expect(isMultiDimensionalArrayFieldType('int[3][3][3]')).toBe(true)
+        expect(isMultiDimensionalArrayFieldType('int[3][3][3][3]')).toBe(true)
+        expect(isMultiDimensionalArrayFieldType('int[][][][][][][][][][][][][]')).toBe(true)
+        expect(isMultiDimensionalArrayFieldType('int[3][3][][][][][][3][3][][][][]')).toBe(true)
+        expect(isMultiDimensionalArrayFieldType('int[3][3][3][3][3][3][3][3][3]')).toBe(true)
+
+        // invalid  multiDimensional array field type values
+        expect(isMultiDimensionalArrayFieldType('int[-1][-2]')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int[][]')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int[3][-3][3]')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int[3-][3][3]')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int[]')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int[][3][][3][][[[[[[[]][][][][]')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int[3][3][][][][][[[[]]]4[[[]][][][]')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int[3][][][3][3][][[[[]]][[[]][][][]')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int]]][[]')).toBe(false)
+        expect(isMultiDimensionalArrayFieldType('int][][]]]][][][]')).toBe(false)
+      })
+    })
+
+    describe('isArrayOfStringsFieldType', () => {
+      it('returns true if its an array of strings field type', () => {
+        expect(isArrayOfStringsFieldType('string')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[]')).toBe(true)
+        expect(isArrayOfStringsFieldType('string[2]')).toBe(true)
+        expect(isArrayOfStringsFieldType('bytes[2]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[][]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[][3]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[2][]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[3][2]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[][][]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[][1][]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[2][1][2]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[][][][][][][]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[1][][][2][][][][3][2][2][]')).toBe(false)
+        expect(isArrayOfStringsFieldType('string[1][2][1][2][3][2][2]')).toBe(false)
+      })
+    })
+
+    describe('isMatrixOfStringsFieldType', () => {
+      it('returns true if its a matrix of strings field type', () => {
+        expect(isMatrixOfStringsFieldType('string')).toBe(false)
+        expect(isMatrixOfStringsFieldType('string[]')).toBe(false)
+        expect(isMatrixOfStringsFieldType('string[2]')).toBe(false)
+        expect(isMatrixOfStringsFieldType('string[][]')).toBe(true)
+        expect(isMatrixOfStringsFieldType('string[][3]')).toBe(true)
+        expect(isMatrixOfStringsFieldType('string[2][]')).toBe(true)
+        expect(isMatrixOfStringsFieldType('string[3][2]')).toBe(true)
+        expect(isMatrixOfStringsFieldType('int[3][2]')).toBe(false)
+        expect(isMatrixOfStringsFieldType('string[][][]')).toBe(false)
+        expect(isMatrixOfStringsFieldType('string[][1][]')).toBe(false)
+        expect(isMatrixOfStringsFieldType('string[2][1][2]')).toBe(false)
+        expect(isMatrixOfStringsFieldType('string[][][][][][][]')).toBe(false)
+        expect(isMatrixOfStringsFieldType('string[1][][][2][][][][3][2][2][]')).toBe(false)
+        expect(isMatrixOfStringsFieldType('string[1][2][1][2][3][2][2]')).toBe(false)
+      })
+    })
+
+    describe('isMultiDimensionalArrayOfStringsFieldType', () => {
+      it('returns true if its a multidimensional array of strings field type', () => {
+        expect(isMultiDimensionalArrayOfStringsFieldType('string')).toBe(false)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[]')).toBe(false)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[2]')).toBe(false)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[][]')).toBe(false)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[][3]')).toBe(false)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[2][]')).toBe(false)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[3][2]')).toBe(false)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[][][]')).toBe(true)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[][1][]')).toBe(true)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[2][1][2]')).toBe(true)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[][][][][][][]')).toBe(true)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[1][][][2][]')).toBe(true)
+        expect(isMultiDimensionalArrayOfStringsFieldType('string[1][2][1][2][3][2][2]')).toBe(true)
+        expect(isMultiDimensionalArrayOfStringsFieldType('int[1][2][1][2][3][2][2]')).toBe(false)
+      })
+    })
+
+    describe('Tuple field type', () => {
+      it('tuple', () => {
+        // valid tuple field type values
+        expect(isTupleFieldType('tuple')).toBe(true)
+        expect(isTupleFieldType('tuple[]')).toBe(true)
+        expect(isTupleFieldType('tuple(uint256)')).toBe(true)
+        expect(isTupleFieldType('tuple(uint256)[]')).toBe(true)
+        expect(
+          isTupleFieldType(
+            'tuple(uint256,uint256[],tuple(uint256,uint256,tuple(uint256,uint256))[])',
+          ),
+        ).toBe(true)
+      })
+    })
+  })
+})
diff --git a/integrations/safe/components/tx-builder/forms/fields/fields.ts b/integrations/safe/components/tx-builder/forms/fields/fields.ts
new file mode 100644
index 00000000..7f916f98
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/fields/fields.ts
@@ -0,0 +1,121 @@
+// based on https://docs.soliditylang.org/en/v0.8.11/abi-spec.html#types
+
+// int<M> or uint<M>
+// M bits, 0 < M <= 256, M % 8 == 0
+// see https://docs.soliditylang.org/en/v0.8.11/abi-spec.html#types
+const intFieldTypeRegex = new RegExp(
+  /^(u?int)(8|16|24|32|40|48|56|64|72|80|88|96|104|112|120|128|136|144|152|160|168|176|184|192|200|208|216|224|232|240|248|256)?$/,
+)
+export const BASIC_INT_FIELD_TYPE = 'int' // equivalent to int256
+export const BASIC_UINT_FIELD_TYPE = 'uint' // equivalent to uint256
+
+export const ADDRESS_FIELD_TYPE = 'address' // equivalent to uint160
+
+export const BOOLEAN_FIELD_TYPE = 'bool' // equivalent to uint8 restricted to the values 0 and 1
+
+// bytes<M>
+// M bytes, 0 < M <= 32
+// see https://docs.soliditylang.org/en/v0.8.11/abi-spec.html#types
+const bytesFieldTypeRegex = new RegExp(/^bytes([1-9]|[1-2][0-9]|3[0-2])?$/)
+
+export const STRING_FIELD_TYPE = 'string' // dynamic sized unicode string assumed to be UTF-8 encoded
+
+export const FUNCTION_FIELD_TYPE = 'function'
+
+// ufixed<M>x<N> or fixed<M>x<N>
+// M bits, 0 < M <= 256, M % 8 == 0
+// N decimals, 0 < N <= 80, Represents how many decimal points are available,
+// see https://docs.soliditylang.org/en/develop/types.html#fixed-point-numbers
+// Fixed point types are not implemented yet in Solidity
+const fixedFieldTypeRegex = new RegExp(
+  /^(u?fixed)((8|16|24|32|40|48|56|64|72|80|88|96|104|112|120|128|136|144|152|160|168|176|184|192|200|208|216|224|232|240|248|256)x([1-9]|[1-7][0-9]|80))?$/,
+)
+
+// <type>[] or <type>[size]
+// variable-length or fixed-length Array of elements of the given type
+const arrayFieldTypeRegex = new RegExp(/[^\]](\[([1-9]+[0-9]*)?\])$/)
+
+// <type>[][], <type>[size][], <type>[][size] or <type>[size][size]
+// variable-length or fixed-length Matrix of elements of the given type
+const matrixFieldTypeRegex = new RegExp(/[^\]]((\[([1-9]+[0-9]*)?\]){2,2})$/)
+
+// <type>[][][][]...,  <type>[][size][][size][][size]..., <type>[size][size][size][size]...
+// MultiDimensional Arrays of elements of the given type
+const multiDimensionalArrayFieldTypeRegex = new RegExp(/[^\]]((\[([1-9]+[0-9]*)?\]){3,})$/)
+
+// Types can be combined to a tuple
+const tupleFieldTypeRegex = new RegExp(/^tuple/)
+
+export const isAddressFieldType = (fieldType: string): boolean => fieldType === ADDRESS_FIELD_TYPE
+export const isBooleanFieldType = (fieldType: string): boolean => fieldType === BOOLEAN_FIELD_TYPE
+export const isIntFieldType = (fieldType: string): boolean => intFieldTypeRegex.test(fieldType)
+export const isBytesFieldType = (fieldType: string): boolean => bytesFieldTypeRegex.test(fieldType)
+export const isStringFieldType = (fieldType: string): boolean => fieldType === STRING_FIELD_TYPE
+export const isFunctionFieldType = (fieldType: string): boolean => fieldType === FUNCTION_FIELD_TYPE
+export const isFixedFieldType = (fieldType: string): boolean => fixedFieldTypeRegex.test(fieldType)
+export const isArrayFieldType = (fieldType: string): boolean => arrayFieldTypeRegex.test(fieldType)
+export const isMatrixFieldType = (fieldType: string): boolean =>
+  matrixFieldTypeRegex.test(fieldType)
+export const isMultiDimensionalArrayFieldType = (fieldType: string): boolean =>
+  multiDimensionalArrayFieldTypeRegex.test(fieldType)
+export const isTupleFieldType = (fieldType: string): boolean => tupleFieldTypeRegex.test(fieldType)
+
+// bool[] or bool[size]
+export const isArrayOfBooleansFieldType = (fieldType: string): boolean =>
+  fieldType.startsWith(BOOLEAN_FIELD_TYPE) && isArrayFieldType(fieldType)
+
+// bool[][], bool[size][], bool[][size] or bool[size][size]
+export const isMatrixOfBooleansFieldType = (fieldType: string): boolean =>
+  fieldType.startsWith(BOOLEAN_FIELD_TYPE) && isMatrixFieldType(fieldType)
+
+// bool[][][][]...,  bool[][size][][size][][size]..., bool[size][size][size][size]...
+export const isMultiDimensionalArrayOfBooleansFieldType = (fieldType: string): boolean =>
+  fieldType.startsWith(BOOLEAN_FIELD_TYPE) && isMultiDimensionalArrayFieldType(fieldType)
+
+// int[] or int[size]
+// uint[] or uint[size]
+export const isArrayOfIntsFieldType = (fieldType: string): boolean =>
+  (fieldType.startsWith(BASIC_INT_FIELD_TYPE) || fieldType.startsWith(BASIC_UINT_FIELD_TYPE)) &&
+  isArrayFieldType(fieldType)
+
+// int[][], int[size][], int[][size] or int[size][size]
+// uint[][], uint[size][], uint[][size] or uint[size][size]
+export const isMatrixOfIntsFieldType = (fieldType: string): boolean =>
+  (fieldType.startsWith(BASIC_INT_FIELD_TYPE) || fieldType.startsWith(BASIC_UINT_FIELD_TYPE)) &&
+  isMatrixFieldType(fieldType)
+
+// int[][][][]...,  int[][size][][size][][size]..., int[size][size][size][size]...
+// uint[][][][]...,  uint[][size][][size][][size]..., uint[size][size][size][size]...
+export const isMultiDimensionalArrayOfIntsFieldType = (fieldType: string): boolean =>
+  (fieldType.startsWith(BASIC_INT_FIELD_TYPE) || fieldType.startsWith(BASIC_UINT_FIELD_TYPE)) &&
+  isMultiDimensionalArrayFieldType(fieldType)
+
+export const isArrayOfStringsFieldType = (fieldType: string): boolean =>
+  fieldType.startsWith(STRING_FIELD_TYPE) && isArrayFieldType(fieldType)
+
+export const isMatrixOfStringsFieldType = (fieldType: string): boolean =>
+  fieldType.startsWith(STRING_FIELD_TYPE) && isMatrixFieldType(fieldType)
+
+export const isMultiDimensionalArrayOfStringsFieldType = (fieldType: string): boolean =>
+  fieldType.startsWith(STRING_FIELD_TYPE) && isMultiDimensionalArrayFieldType(fieldType)
+
+// NON NON_SOLIDITY_TYPES
+
+// native token amount field
+export const NATIVE_AMOUNT_FIELD_TYPE = 'nativeAmount'
+
+// selected contract method field
+export const CONTRACT_METHOD_FIELD_TYPE = 'contractMethod'
+
+// encoded hex data field
+export const CUSTOM_TRANSACTION_DATA_FIELD_TYPE = 'customTransactionData'
+
+// text field
+export const TEXT_FIELD_TYPE = 'text'
+
+export const NON_SOLIDITY_TYPES = [
+  TEXT_FIELD_TYPE,
+  NATIVE_AMOUNT_FIELD_TYPE,
+  CONTRACT_METHOD_FIELD_TYPE,
+  CUSTOM_TRANSACTION_DATA_FIELD_TYPE,
+]
diff --git a/integrations/safe/components/tx-builder/forms/validations/basicSolidityValidation.ts b/integrations/safe/components/tx-builder/forms/validations/basicSolidityValidation.ts
new file mode 100644
index 00000000..14540a0d
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/validations/basicSolidityValidation.ts
@@ -0,0 +1,31 @@
+import { ValidateResult } from 'react-hook-form'
+import abiCoder, { AbiCoder } from 'web3-eth-abi'
+
+import { parseInputValue } from '../../../utils'
+import { NON_SOLIDITY_TYPES } from '../fields/fields'
+import { isEthersError } from '../../../typings/errors'
+
+const basicSolidityValidation = (value: string, fieldType: string): ValidateResult => {
+  const isSolidityFieldType = !NON_SOLIDITY_TYPES.includes(fieldType)
+  if (isSolidityFieldType) {
+    try {
+      const cleanValue = parseInputValue(fieldType, value)
+      const abi = abiCoder as unknown // a bug in the web3-eth-abi types
+      ;(abi as AbiCoder).encodeParameter(fieldType, cleanValue)
+    } catch (error: unknown) {
+      let errorMessage = error?.toString()
+
+      const errorFromEthers = isEthersError(error)
+      if (errorFromEthers) {
+        if (error.reason.toLowerCase().includes('overflow')) {
+          return 'Overflow error. Please encode all numbers as strings'
+        }
+        errorMessage = error.reason
+      }
+
+      return `format error. details: ${errorMessage}`
+    }
+  }
+}
+
+export default basicSolidityValidation
diff --git a/integrations/safe/components/tx-builder/forms/validations/validateAddressField.ts b/integrations/safe/components/tx-builder/forms/validations/validateAddressField.ts
new file mode 100644
index 00000000..677b1d05
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/validations/validateAddressField.ts
@@ -0,0 +1,11 @@
+import { ValidateResult } from 'react-hook-form'
+
+import { isValidAddress } from '../../../utils'
+
+const validateAddressField = (value: string): ValidateResult => {
+  if (!isValidAddress(value)) {
+    return 'Invalid address'
+  }
+}
+
+export default validateAddressField
diff --git a/integrations/safe/components/tx-builder/forms/validations/validateAmountField.ts b/integrations/safe/components/tx-builder/forms/validations/validateAmountField.ts
new file mode 100644
index 00000000..7fae77d5
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/validations/validateAmountField.ts
@@ -0,0 +1,21 @@
+import { ValidateResult } from 'react-hook-form'
+import { toWei } from 'web3-utils'
+
+import { isInputValueValid } from '../../../utils'
+
+const INVALID_AMOUNT_ERROR = 'Invalid amount value'
+
+const validateAmountField = (value: string): ValidateResult => {
+  if (!isInputValueValid(value)) {
+    return INVALID_AMOUNT_ERROR
+  }
+
+  // should be a valid amount in wei
+  try {
+    toWei(value)
+  } catch (error) {
+    return INVALID_AMOUNT_ERROR
+  }
+}
+
+export default validateAmountField
diff --git a/integrations/safe/components/tx-builder/forms/validations/validateBooleanField.ts b/integrations/safe/components/tx-builder/forms/validations/validateBooleanField.ts
new file mode 100644
index 00000000..408c63c8
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/validations/validateBooleanField.ts
@@ -0,0 +1,13 @@
+import { ValidateResult } from 'react-hook-form'
+
+const validateBooleanField = (value: string): ValidateResult => {
+  const cleanValue = value?.toLowerCase()
+
+  const isValidBoolean = cleanValue === 'true' || cleanValue === 'false'
+
+  if (!isValidBoolean) {
+    return 'Invalid boolean value'
+  }
+}
+
+export default validateBooleanField
diff --git a/integrations/safe/components/tx-builder/forms/validations/validateField.ts b/integrations/safe/components/tx-builder/forms/validations/validateField.ts
new file mode 100644
index 00000000..6250447d
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/validations/validateField.ts
@@ -0,0 +1,60 @@
+import { Validate, ValidateResult } from 'react-hook-form'
+import { toWei } from 'web3-utils'
+import {
+  NATIVE_AMOUNT_FIELD_TYPE,
+  CUSTOM_TRANSACTION_DATA_FIELD_TYPE,
+  isAddressFieldType,
+  isBooleanFieldType,
+  BASIC_UINT_FIELD_TYPE,
+} from '../fields/fields'
+import basicSolidityValidation from './basicSolidityValidation'
+import validateAddressField from './validateAddressField'
+import validateAmountField from './validateAmountField'
+import validateBooleanField from './validateBooleanField'
+import validateHexEncodedDataField from './validateHexEncodedDataField'
+
+export type ValidationFunction = (value: string, fieldType: string) => ValidateResult
+
+// added unit validation to the amount field (amount values are equivalent to uints)
+const uintBasicValidation = (value: string): ValidateResult =>
+  basicSolidityValidation(toWei(value), BASIC_UINT_FIELD_TYPE)
+
+const validateField = (
+  fieldType: string,
+  extraValidations: ValidationFunction[] = [],
+): Validate<string> => {
+  return (value: string): ValidateResult =>
+    [
+      ...getFieldValidations(fieldType), // validations based on the field type
+      basicSolidityValidation, // basic solidity field validation
+      ...extraValidations, // extra validations
+    ].reduce<ValidateResult>(
+      (error, validation) => {
+        return error || validation(value, fieldType)
+      },
+      undefined, // initially no error is present
+    )
+}
+
+export default validateField
+
+const getFieldValidations = (fieldType: string): ValidationFunction[] => {
+  if (isAddressFieldType(fieldType)) {
+    return [validateAddressField]
+  }
+
+  if (isBooleanFieldType(fieldType)) {
+    return [validateBooleanField]
+  }
+
+  if (fieldType === CUSTOM_TRANSACTION_DATA_FIELD_TYPE) {
+    return [validateHexEncodedDataField]
+  }
+
+  if (fieldType === NATIVE_AMOUNT_FIELD_TYPE) {
+    return [validateAmountField, uintBasicValidation]
+  }
+
+  // no custom validations as a fallback
+  return []
+}
diff --git a/integrations/safe/components/tx-builder/forms/validations/validateHexEncodedDataField.ts b/integrations/safe/components/tx-builder/forms/validations/validateHexEncodedDataField.ts
new file mode 100644
index 00000000..e8438142
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/validations/validateHexEncodedDataField.ts
@@ -0,0 +1,12 @@
+import { isHexStrict } from 'web3-utils'
+import { ValidateResult } from 'react-hook-form'
+
+import { getCustomDataError } from '../../../utils'
+
+const validateHexEncodedDataField = (value: string): ValidateResult => {
+  if (!isHexStrict(value)) {
+    return getCustomDataError(value)
+  }
+}
+
+export default validateHexEncodedDataField
diff --git a/integrations/safe/components/tx-builder/forms/validations/validations.test.ts b/integrations/safe/components/tx-builder/forms/validations/validations.test.ts
new file mode 100644
index 00000000..816384bc
--- /dev/null
+++ b/integrations/safe/components/tx-builder/forms/validations/validations.test.ts
@@ -0,0 +1,4487 @@
+import { getInputTypeHelper } from '../../../utils'
+import validateAddressField from './validateAddressField'
+import validateAmountField from './validateAmountField'
+import validateField from './validateField'
+import validateHexEncodedDataField from './validateHexEncodedDataField'
+
+const NO_ERROR_IS_PRESENT = undefined
+
+describe('form validations', () => {
+  describe('validation functions', () => {
+    describe('validateAddressField', () => {
+      it('validates an invalid address', () => {
+        const validationResult = validateAddressField('INVALID ADDRESS VALUE')
+
+        expect(validationResult).toBe('Invalid address')
+      })
+
+      it('validates a valid address', () => {
+        const validationResult = validateAddressField('0x57CB13cbef735FbDD65f5f2866638c546464E45F')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+    })
+
+    describe('validateAmountField', () => {
+      it('validates negative amount', () => {
+        const validationResult = validateAmountField('-3')
+
+        expect(validationResult).toBe('Invalid amount value')
+      })
+
+      it('validates invalid amounts', () => {
+        const validationResult = validateAmountField('INVALID AMOUNT')
+
+        expect(validationResult).toBe('Invalid amount value')
+      })
+
+      it('validates hexadecimal amounts', () => {
+        const validationResult = validateAmountField('0x123')
+
+        expect(validationResult).toBe('Invalid amount value')
+      })
+
+      it('validates valid decimal amounts', () => {
+        const validationResult = validateAmountField('3.12')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates invalid decimal amounts', () => {
+        const validationResult = validateAmountField('0.000000000000000000000000000000001')
+
+        expect(validationResult).toBe('Invalid amount value')
+      })
+    })
+
+    describe('validateHexEncodedDataField', () => {
+      it('validates non hexadecimal values', () => {
+        const validationResult = validateHexEncodedDataField('INVALID HEX DATA')
+
+        expect(validationResult).toBe('Has to be a valid strict hex data (it must start with 0x)')
+      })
+
+      it('validates non hexadecimal values starting with 0x', () => {
+        const validationResult = validateHexEncodedDataField('0x INVALID HEX DATA')
+
+        expect(validationResult).toBe('Has to be a valid strict hex data')
+      })
+
+      it('validates an invalid hexadecimal value', () => {
+        const validationResult = validateHexEncodedDataField('0x123456789ABCDEFGHI')
+
+        expect(validationResult).toBe('Has to be a valid strict hex data')
+      })
+
+      it('validates a valid hexadecimal value', () => {
+        const validationResult = validateHexEncodedDataField('0x123456789ABCDEF')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+    })
+  })
+
+  describe('Solidity field types validations', () => {
+    describe('address field type', () => {
+      it('validates a valid address', () => {
+        const addressValidations = validateField('address')
+
+        const validationResult = addressValidations('0x57CB13cbef735FbDD65f5f2866638c546464E45F')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates an invalid address', () => {
+        const addressValidations = validateField('address')
+
+        const validationResult = addressValidations('INVALID ADDRESS VALUE')
+
+        expect(validationResult).toBe('Invalid address')
+      })
+
+      it('validates invalid empty string for address values', () => {
+        const addressValidation = validateField('address')
+
+        const validationResult = addressValidation('')
+
+        expect(validationResult).toBe('Invalid address')
+      })
+    })
+
+    describe('boolean field type', () => {
+      it('validates an invalid boolean value', () => {
+        const booleanValidations = validateField('bool')
+
+        const validationResult = booleanValidations('INVALID BOOLEAN VALUE')
+
+        expect(validationResult).toBe('Invalid boolean value')
+      })
+
+      it('validates a invalid empty string value', () => {
+        const booleanValidations = validateField('bool')
+
+        const validationResult = booleanValidations('')
+
+        expect(validationResult).toBe('Invalid boolean value')
+      })
+
+      it('validates an valid boolean true value', () => {
+        const booleanValidations = validateField('bool')
+
+        const validationResult = booleanValidations('TRUE')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates an valid boolean false value', () => {
+        const booleanValidations = validateField('bool')
+
+        const validationResult = booleanValidations('false')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates an valid boolean capitalized False value', () => {
+        const booleanValidations = validateField('bool')
+
+        const validationResult = booleanValidations('False')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+    })
+
+    describe('bytes field type', () => {
+      it('validates valid hexadecimal bytes value with 0x prefix', () => {
+        const bytesValidations = validateField('bytes')
+
+        const validationResult = bytesValidations('0x1234567890ABCDEFabcdef')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates valid bytes value without 0x prefix', () => {
+        const bytesValidations = validateField('bytes')
+
+        const validationResult = bytesValidations('FFF')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates invalid bytes value', () => {
+        const bytesValidations = validateField('bytes')
+
+        const validationResult = bytesValidations('INVALID_VALUE')
+
+        expect(validationResult).toBe('format error. details: invalid arrayify value')
+      })
+
+      it('validates invalid empty string for bytes values', () => {
+        const bytesValidation = validateField('bytes')
+
+        const validationResult = bytesValidation('')
+
+        expect(validationResult).toBe('format error. details: invalid arrayify value')
+      })
+
+      // TODO: review this test case
+      it('this should fail but it seems to be a valid bytes value', () => {
+        // FIX: this should fail, but for some reason encodeParameter() is ignoring the first 2 chars
+        const bytesValidations = validateField('bytes')
+
+        const validationResult = bytesValidations('ññ2')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      describe('bytes1', () => {
+        it('validates valid hexadecimal bytes1 value with 0x prefix', () => {
+          const bytesValidations = validateField('bytes1')
+
+          const validationResult = bytesValidations('0xaF')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates invalid bytes1 value', () => {
+          const bytesValidations = validateField('bytes1')
+
+          const validationResult = bytesValidations('INVALID_VALUE')
+
+          expect(validationResult).toBe('format error. details: invalid arrayify value')
+        })
+
+        it('validates out of range bytes1 value', () => {
+          const bytesValidations = validateField('bytes1')
+
+          const validationResult = bytesValidations('0xFFF')
+
+          expect(validationResult).toBe('format error. details: incorrect data length')
+        })
+      })
+
+      describe('bytes32', () => {
+        it('validates valid hexadecimal bytes32 value with 0x prefix', () => {
+          const bytesValidations = validateField('bytes32')
+
+          const validationResult = bytesValidations('0xFFDFDaadeab213309843FF')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates invalid bytes32 value', () => {
+          const bytesValidations = validateField('bytes32')
+
+          const validationResult = bytesValidations('INVALID_VALUE')
+
+          expect(validationResult).toBe('format error. details: invalid arrayify value')
+        })
+
+        it('validates out of range bytes32 value', () => {
+          const bytesValidations = validateField('bytes32')
+
+          const validationResult = bytesValidations(
+            '0xFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF',
+          )
+
+          expect(validationResult).toBe('format error. details: incorrect data length')
+        })
+      })
+    })
+
+    describe('string type', () => {
+      it('validates string value', () => {
+        const stringValidations = validateField('string')
+
+        const validationResult = stringValidations('Hello World!')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates valid empty string for string values', () => {
+        const stringValidation = validateField('string')
+
+        const validationResult = stringValidation('')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates special chars values as valid', () => {
+        const stringValidation = validateField('string')
+
+        const validationResult = stringValidation("'special chars like % &/()$%,.ñ'")
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+    })
+
+    describe('uint field type', () => {
+      it('validates invalid empty string for uint values', () => {
+        const uintValidation = validateField('uint')
+
+        const validationResult = uintValidation('')
+
+        expect(validationResult).toBe(
+          'format error. details: Error: invalid empty strings for integers',
+        )
+      })
+
+      it('validates invalid empty string for uint values', () => {
+        const uintValidation = validateField('uint')
+
+        const validationResult = uintValidation(' ')
+
+        expect(validationResult).toBe(
+          'format error. details: Error: invalid empty strings for integers',
+        )
+      })
+
+      it('validates invalid " char for uint values', () => {
+        const uintValidation = validateField('uint')
+
+        const validationResult = uintValidation('""')
+
+        expect(validationResult).toBe(
+          'format error. details: Error: invalid empty strings for integers',
+        )
+      })
+
+      it('validates invalid . char for uint values', () => {
+        const uintValidation = validateField('uint')
+
+        const validationResult = uintValidation('.')
+
+        expect(validationResult).toBe(
+          'format error. details: Error: Error: [number-to-bn] while converting number "." to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "."',
+        )
+      })
+
+      describe('uint256', () => {
+        it('validates a decimal value', () => {
+          const uint256Validation = validateField('uint256')
+
+          const validationResult = uint256Validation('123.123')
+
+          expect(validationResult).toContain('format error.')
+        })
+
+        it('validates a invalid number value', () => {
+          const uint256Validation = validateField('uint256')
+
+          const validationResult = uint256Validation('INVALID NUMBER VALUE')
+
+          expect(validationResult).toContain('format error.')
+        })
+
+        it('validates a negative value', () => {
+          const uint256Validation = validateField('uint256')
+
+          const validationResult = uint256Validation('-123')
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a uint256 overflow value', () => {
+          const uint256Validation = validateField('uint256')
+
+          const validationResult = uint256Validation(
+            '9999999999999999999999999999999999999999999999999999999999999999999999999999999',
+          )
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a uint256 valid value', () => {
+          const uint256Validation = validateField('uint256')
+
+          const validationResult = uint256Validation('1234567891011121314')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+      })
+
+      describe('uint32', () => {
+        it('validates a negative value', () => {
+          const uint32Validation = validateField('uint32')
+
+          const validationResult = uint32Validation('-123')
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a uint32 overflow value', () => {
+          const uint32Validation = validateField('uint32')
+
+          const validationResult = uint32Validation('4294967296')
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a uint32 valid value', () => {
+          const uint32Validation = validateField('uint32')
+
+          const validationResult = uint32Validation('4294967295')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+      })
+
+      describe('uint8', () => {
+        it('validates a negative value', () => {
+          const uint8Validation = validateField('uint8')
+
+          const validationResult = uint8Validation('-123')
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a uint8 overflow value', () => {
+          const uint8Validation = validateField('uint8')
+
+          const validationResult = uint8Validation('9999999')
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a uint8 valid value', () => {
+          const uint8Validation = validateField('uint8')
+
+          const validationResult = uint8Validation('255')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+      })
+    })
+
+    describe('int field type', () => {
+      it('validates invalid empty string for int values', () => {
+        const intValidation = validateField('int')
+
+        const validationResult = intValidation('')
+
+        expect(validationResult).toBe(
+          'format error. details: Error: invalid empty strings for integers',
+        )
+      })
+
+      it('validates invalid empty string for int values', () => {
+        const intValidation = validateField('int')
+
+        const validationResult = intValidation(' ')
+
+        expect(validationResult).toBe(
+          'format error. details: Error: invalid empty strings for integers',
+        )
+      })
+
+      it('validates invalid " char for int values', () => {
+        const intValidation = validateField('int')
+
+        const validationResult = intValidation('""')
+
+        expect(validationResult).toBe(
+          'format error. details: Error: invalid empty strings for integers',
+        )
+      })
+
+      it('validates invalid " and spaces char for int values', () => {
+        const intValidation = validateField('int')
+
+        const validationResult = intValidation('  "    "    ')
+
+        expect(validationResult).toBe(
+          'format error. details: Error: invalid empty strings for integers',
+        )
+      })
+
+      it('validates invalid . char for int values', () => {
+        const intValidation = validateField('int')
+
+        const validationResult = intValidation('.')
+
+        expect(validationResult).toBe(
+          'format error. details: Error: Error: [number-to-bn] while converting number "." to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "."',
+        )
+      })
+
+      describe('int256', () => {
+        it('validates a negative value', () => {
+          const int256Validation = validateField('int256')
+
+          const validationResult = int256Validation('-123')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates a decimal value', () => {
+          const int256Validation = validateField('int256')
+
+          const validationResult = int256Validation('123.123')
+
+          expect(validationResult).toContain('format error.')
+        })
+
+        it('validates a invalid number value', () => {
+          const int256Validation = validateField('int256')
+
+          const validationResult = int256Validation('INVALID NUMBER VALUE')
+
+          expect(validationResult).toContain('format error.')
+        })
+
+        it('validates a int256 overflow negative value', () => {
+          const int256Validation = validateField('int256')
+
+          const validationResult = int256Validation(
+            '-57896044618658097711785492504343953926634992332820282019728792003956564819969',
+          )
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a int256 overflow value', () => {
+          const int256Validation = validateField('int256')
+
+          const validationResult = int256Validation(
+            '57896044618658097711785492504343953926634992332820282019728792003956564819968',
+          )
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a int256 valid value', () => {
+          const int256Validation = validateField('int256')
+
+          const validationResult = int256Validation(
+            '57896044618658097711785492504343953926634992332820282019728792003956564819967',
+          )
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+      })
+
+      describe('int32', () => {
+        it('validates a negative value', () => {
+          const int32Validation = validateField('int32')
+
+          const validationResult = int32Validation('-2147483648')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates a int32 overflow negative value', () => {
+          const int32Validation = validateField('int32')
+
+          const validationResult = int32Validation('-2147483649')
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a int32 overflow value', () => {
+          const int32Validation = validateField('int32')
+
+          const validationResult = int32Validation('2147483648')
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a int32 valid value', () => {
+          const int32Validation = validateField('int32')
+
+          const validationResult = int32Validation('2147483647')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+      })
+
+      describe('int8', () => {
+        it('validates a negative value', () => {
+          const int8Validation = validateField('int8')
+
+          const validationResult = int8Validation('-128')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates a int8 overflow negative value', () => {
+          const int8Validation = validateField('int8')
+
+          const validationResult = int8Validation('-129')
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a int8 overflow value', () => {
+          const int8Validation = validateField('int8')
+
+          const validationResult = int8Validation('9999999')
+
+          expect(validationResult).toBe('format error. details: value out-of-bounds')
+        })
+
+        it('validates a int8 valid value', () => {
+          const int8Validation = validateField('int8')
+
+          const validationResult = int8Validation('127')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+      })
+    })
+
+    describe('tuple field type', () => {
+      it('validates a tuple', () => {
+        const inputType = getInputTypeHelper({
+          components: [
+            {
+              internalType: 'uint128',
+              name: 'allocated',
+              type: 'uint128',
+            },
+            {
+              internalType: 'uint128',
+              name: 'loss',
+              type: 'uint128',
+            },
+          ],
+          internalType: 'struct AllocatorLimits',
+          name: 'limits',
+          type: 'tuple',
+        })
+
+        const tupleValidation = validateField(inputType)
+
+        let validationResult = tupleValidation('[1,1]')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+
+        validationResult = tupleValidation('[1]')
+
+        expect(validationResult).toContain(
+          'format error. details: TypeError: Cannot read properties of undefined',
+        )
+      })
+
+      it('validates a tuple[]', () => {
+        const inputType = getInputTypeHelper({
+          components: [
+            {
+              internalType: 'address payable',
+              name: 'signer',
+              type: 'address',
+            },
+            {
+              internalType: 'address',
+              name: 'sender',
+              type: 'address',
+            },
+            {
+              internalType: 'uint256',
+              name: 'minGasPrice',
+              type: 'uint256',
+            },
+          ],
+          internalType: 'struct IMetaTransactionsFeature.MetaTransactionData[]',
+          name: 'mtxs',
+          type: 'tuple[]',
+        })
+
+        const tupleValidation = validateField(inputType)
+
+        let validationResult = tupleValidation(
+          '[["0x57CB13cbef735FbDD65f5f2866638c546464E45F", "0x57CB13cbef735FbDD65f5f2866638c546464E45F", 1], ["0x57CB13cbef735FbDD65f5f2866638c546464E45F", "0x57CB13cbef735FbDD65f5f2866638c546464E45F", 1]]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+
+        validationResult = tupleValidation(
+          '["0x57CB13cbef735FbDD65f5f2866638c546464E45F", "0x57CB13cbef735FbDD65f5f2866638c546464E45F", 1], ["0x57CB13cbef735FbDD65f5f2866638c546464E45F", "0x57CB13cbef735FbDD65f5f2866638c546464E45F", 1]',
+        )
+
+        expect(validationResult).toContain('format error. details: SyntaxError: Unexpected token')
+      })
+
+      it('validates a tuple with nested tuples', () => {
+        const inputType = getInputTypeHelper({
+          name: 's',
+          type: 'tuple',
+          internalType: 'tuple',
+          components: [
+            {
+              name: 'a',
+              internalType: 'uint256',
+              type: 'uint256',
+            },
+            {
+              name: 'b',
+              internalType: 'uint256[]',
+              type: 'uint256[]',
+            },
+            {
+              name: 'c',
+              type: 'tuple[]',
+              internalType: 'tuple[]',
+              components: [
+                {
+                  name: 'x',
+                  internalType: 'uint256',
+                  type: 'uint256',
+                },
+                {
+                  name: 'y',
+                  internalType: 'uint256',
+                  type: 'uint256',
+                },
+                {
+                  name: 'z',
+                  internalType: 'tuple',
+                  type: 'tuple',
+                  components: [
+                    {
+                      name: 'a',
+                      internalType: 'uint256',
+                      type: 'uint256',
+                    },
+                    {
+                      name: 'b',
+                      internalType: 'uint256',
+                      type: 'uint256',
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        })
+
+        const tupleValidation = validateField(inputType)
+
+        let validationResult = tupleValidation('[1,[2,3],[[3,3,[5,5]],[4,4,[6,6]]]]')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+
+        validationResult = tupleValidation('[1,[2,3],[[3],[4]]]')
+
+        expect(validationResult).toContain('format error. details: types/value length mismatch')
+      })
+    })
+
+    describe('array of integers', () => {
+      it('empty array is a valid value for variable-length arrays', () => {
+        const arrayOfIntsValidation = validateField('int[]')
+
+        const validationResult = arrayOfIntsValidation('[]')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('empty array is NOT a valid value for fixed-length arrays', () => {
+        const arrayOfIntsValidation = validateField('int[3]')
+
+        const validationResult = arrayOfIntsValidation('[]')
+
+        expect(validationResult).toBe('format error. details: missing argument: coder array')
+      })
+
+      it('validates valid number values', () => {
+        const arrayOfIntsValidation = validateField('int[]')
+
+        const validationResult = arrayOfIntsValidation('[1, 2]')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates valid string values', () => {
+        const arrayOfIntsValidation = validateField('int[]')
+
+        const validationResult = arrayOfIntsValidation('["1", "2"]')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates mix valid string and number values', () => {
+        const arrayOfIntsValidation = validateField('int[]')
+
+        const validationResult = arrayOfIntsValidation(
+          '["1",   "2   ",     3, 4   , "0xD", "A", a, A,    0xB, 0xb, 0x1   , -0x1, -0xF, -F]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates invalid fixed length array too many arguments', () => {
+        const arrayOfIntsValidation = validateField('int[3]')
+
+        const validationResult = arrayOfIntsValidation('[1,2,3,4]')
+
+        expect(validationResult).toBe('format error. details: too many arguments: coder array')
+      })
+
+      it('validates invalid fixed length array missing arguments', () => {
+        const arrayOfIntsValidation = validateField('int[4]')
+
+        const validationResult = arrayOfIntsValidation('[1,2]')
+
+        expect(validationResult).toBe('format error. details: missing argument: coder array')
+      })
+
+      it('validates valid fixed length array', () => {
+        const arrayOfIntsValidation = validateField('int[3]')
+
+        const validationResult = arrayOfIntsValidation('[1,2, 3]')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates valid hexadecimal values', () => {
+        const arrayOfIntsValidation = validateField('int[10]')
+
+        const validationResult = arrayOfIntsValidation(
+          '["0xD", "A", a, A, 0xB, 0xb, 0x1, -0x1, -0xF, -F]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      describe('negative values', () => {
+        describe('negative integers int', () => {
+          it('validates valid negative values as string values', () => {
+            const arrayOfIntsValidation = validateField('int[]')
+
+            const validationResult = arrayOfIntsValidation('["-1", "-2"]')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates valid negative values as number values', () => {
+            const arrayOfIntsValidation = validateField('int[]')
+
+            const validationResult = arrayOfIntsValidation('[-1, -2]')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates valid negative values with string and number values', () => {
+            const arrayOfIntsValidation = validateField('int[]')
+
+            const validationResult = arrayOfIntsValidation('[-1, -2, "-3", "4"]')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates out of range values with number values', () => {
+            const arrayOfIntsValidation = validateField('int8[]')
+
+            const validationResult = arrayOfIntsValidation('[8888, 8888, 1]')
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates out of range values with string values', () => {
+            const arrayOfIntsValidation = validateField('int8[]')
+
+            const validationResult = arrayOfIntsValidation('["8888", "8888", "1"]')
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid values with number values', () => {
+            const arrayOfIntsValidation = validateField('int8[]')
+
+            const validationResult = arrayOfIntsValidation('[1, 2]')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates valid values with string values', () => {
+            const arrayOfIntsValidation = validateField('int8[]')
+
+            const validationResult = arrayOfIntsValidation('["1", "2"]')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates valid hexadecimal values', () => {
+            const arrayOfIntsValidation = validateField('int8[]')
+
+            const validationResult = arrayOfIntsValidation(
+              '["0xD", "A", a, A, 0xB, 0xb, 0x1, -0x1, -0xF, -F]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+        })
+
+        describe('negative integers uint', () => {
+          it('validates invalid negative values as string values', () => {
+            const arrayOfIntsValidation = validateField('uint[]')
+
+            const validationResult = arrayOfIntsValidation('["-1", "-2"]')
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates invalid negative values as number values', () => {
+            const arrayOfIntsValidation = validateField('uint[]')
+
+            const validationResult = arrayOfIntsValidation('[-1, -2]')
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates invalid negative values with string and number values', () => {
+            const arrayOfIntsValidation = validateField('uint[]')
+
+            const validationResult = arrayOfIntsValidation('[-1, -2, "-3", "-4"]')
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+        })
+      })
+
+      describe('out of range javascript numbers issue', () => {
+        it('validates out of range javascript numbers values', () => {
+          const arrayOfIntsValidation = validateField('int[]')
+
+          const validationResult = arrayOfIntsValidation(
+            '[6426191757410075707, 6426191757410075707]',
+          )
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates out of range javascript numbers as string values', () => {
+          const arrayOfIntsValidation = validateField('int[]')
+
+          const validationResult = arrayOfIntsValidation(
+            '["6426191757410075707", "6426191757410075707"]',
+          )
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates out of range javascript numbers as string and number values', () => {
+          const arrayOfIntsValidation = validateField('int[2]')
+
+          const validationResult = arrayOfIntsValidation(
+            '["6426191757410075707", 6426191757410075707]',
+          )
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        // issue related with long negative numbers for dynamic arrays of elements less than 152 bits
+        describe('issue with dynamic arrays for int152[] with negative long values', () => {
+          it('issue with int64[] long negative numbers', () => {
+            const arrayOfIntsValidation = validateField('int64[]')
+
+            const validationResult = arrayOfIntsValidation(
+              '[-6426191757410075707,"-6426191757410075707"]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('issue with int128[] long negative numbers', () => {
+            const arrayOfIntsValidation = validateField('int128[]')
+
+            const validationResult = arrayOfIntsValidation(
+              '[-6426191757410075707,"-6426191757410075707"]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('issue with a lot of values for int128[]', () => {
+            const arrayOfIntsValidation = validateField('int128[]')
+
+            const validationResult = arrayOfIntsValidation(
+              '["-6426191757410075707", -6426191757410075707, -2, "6426191757410075707", 6426191757410075707, 2, "0x123", "0xaaafff"]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('issue with int152[] long negative numbers', () => {
+            const arrayOfIntsValidation = validateField('int152[]')
+
+            const validationResult = arrayOfIntsValidation(
+              '[-6426191757410075707,"-6426191757410075707"]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('issue with int160[] long negative numbers', () => {
+            const arrayOfIntsValidation = validateField('int160[]')
+
+            const validationResult = arrayOfIntsValidation(
+              '[-6426191757410075707,"-6426191757410075707"]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('issue with int256[] long negative numbers', () => {
+            const arrayOfIntsValidation = validateField('int256[]')
+
+            const validationResult = arrayOfIntsValidation(
+              '[-6426191757410075707,"-6426191757410075707"]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+        })
+      })
+
+      describe('invalid array values', () => {
+        it('validates array of invalid string values', () => {
+          const arrayOfIntsValidation = validateField('int[]')
+
+          const validationResult = arrayOfIntsValidation('["invalid_array_value"]')
+
+          expect(validationResult).toBe(
+            'format error. details: Error: Error: [number-to-bn] while converting number "invalid_array_value" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "invalid_array_value"',
+          )
+        })
+
+        it('validates invalid array ', () => {
+          const arrayOfIntsValidation = validateField('int[]')
+
+          const validationResult = arrayOfIntsValidation('invalid_array_value')
+
+          expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+        })
+
+        it('validates invalid item value within the array', () => {
+          const arrayOfIntsValidation = validateField('int[]')
+
+          const validationResult = arrayOfIntsValidation('[invalid_array_value]')
+
+          expect(validationResult).toBe(
+            'format error. details: Error: Error: [number-to-bn] while converting number "invalid_array_value" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "invalid_array_value"',
+          )
+        })
+
+        it('validates invalid number value', () => {
+          const arrayOfIntsValidation = validateField('int[]')
+
+          const validationResult = arrayOfIntsValidation('1234')
+
+          expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+        })
+
+        it('validates invalid string value', () => {
+          const arrayOfIntsValidation = validateField('int[]')
+
+          const validationResult = arrayOfIntsValidation('"1234"')
+
+          expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+        })
+      })
+    })
+
+    describe('array of addresses', () => {
+      it('validates dinamic array of valid addresses', () => {
+        const arrayOfAddressesValidation = validateField('address[]')
+
+        const validationResult = arrayOfAddressesValidation(
+          '[0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x57CB13cbef735FbDD65f5f2866638c546464E45F]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates dinamic array of valid addresses as strings', () => {
+        const arrayOfAddressesValidation = validateField('address[]')
+
+        const validationResult = arrayOfAddressesValidation(
+          '["0x680cde08860141F9D223cE4E620B10Cd6741037E", "0x57CB13cbef735FbDD65f5f2866638c546464E45F"]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates empty array as valid value for dinamic array of addresses', () => {
+        const arrayOfAddressesValidation = validateField('address[]')
+
+        const validationResult = arrayOfAddressesValidation('[]')
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates invalid array for dinamic array of addresses', () => {
+        const arrayOfAddressesValidation = validateField('address[]')
+
+        const validationResult = arrayOfAddressesValidation('INVALID_ARRAY')
+
+        expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+      })
+
+      it('validates invalid empty string value in an array for dinamic array of addresses', () => {
+        const arrayOfAddressesValidation = validateField('address[]')
+
+        const validationResult = arrayOfAddressesValidation(
+          '["", "0x680cde08860141F9D223cE4E620B10Cd6741037E", "0x57CB13cbef735FbDD65f5f2866638c546464E45F"]',
+        )
+
+        expect(validationResult).toContain('format error. details: invalid address')
+      })
+
+      it('validates invalid array values for dinamic array of addresses', () => {
+        const arrayOfAddressesValidation = validateField('address[]')
+
+        const validationResult = arrayOfAddressesValidation('[INVALID_ADDRESS_VALUE]')
+
+        expect(validationResult).toContain('format error. details: invalid address')
+      })
+
+      it('validates fixed array of valid addresses', () => {
+        const arrayOfAddressesValidation = validateField('address[2]')
+
+        const validationResult = arrayOfAddressesValidation(
+          '[0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x57CB13cbef735FbDD65f5f2866638c546464E45F]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates fixed array of valid addresses as strings', () => {
+        const arrayOfAddressesValidation = validateField('address[2]')
+
+        const validationResult = arrayOfAddressesValidation(
+          '["0x680cde08860141F9D223cE4E620B10Cd6741037E", "0x57CB13cbef735FbDD65f5f2866638c546464E45F"]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('validates fixed array of valid addresses with invalid length of elements', () => {
+        const arrayOfAddressesValidation = validateField('address[5]')
+
+        // only one is provided
+        const validationResult = arrayOfAddressesValidation(
+          '["0x680cde08860141F9D223cE4E620B10Cd6741037E"]',
+        )
+
+        expect(validationResult).toBe('format error. details: missing argument: coder array')
+      })
+
+      it('validates empty array as valid value for fixed array of addresses', () => {
+        const arrayOfAddressesValidation = validateField('address[2]')
+
+        const validationResult = arrayOfAddressesValidation('[]')
+
+        expect(validationResult).toBe('format error. details: missing argument: coder array')
+      })
+
+      it('validates invalid array for fixed array of addresses', () => {
+        const arrayOfAddressesValidation = validateField('address[2]')
+
+        const validationResult = arrayOfAddressesValidation('INVALID_ARRAY')
+
+        expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+      })
+
+      it('validates invalid array values for fixed array of addresses', () => {
+        const arrayOfAddressesValidation = validateField('address[2]')
+
+        // only one is invalid
+        const validationResult = arrayOfAddressesValidation(
+          '[INVALID_ADDRESS_VALUE, 0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+        )
+
+        expect(validationResult).toContain('format error. details: invalid address')
+      })
+    })
+
+    describe('array of bytes', () => {
+      describe('dinamic array of bytes', () => {
+        it('validates valid array values for dynamic array of bytes', () => {
+          const arrayOfBytesValidation = validateField('bytes[]')
+
+          const validationResult = arrayOfBytesValidation(
+            '[0x123F, 0xAAAAFF, 0xFaaaaFFFF, 0x0001, 0x0]',
+          )
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates valid empty array value for dynamic array of bytes', () => {
+          const arrayOfBytesValidation = validateField('bytes[]')
+
+          const validationResult = arrayOfBytesValidation('[]')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates invalid array', () => {
+          const arrayOfBytesValidation = validateField('bytes[]')
+
+          const validationResult = arrayOfBytesValidation('INVALID_ARRAY')
+
+          expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+        })
+
+        it('validates invalid array values', () => {
+          const arrayOfBytesValidation = validateField('bytes[]')
+
+          const validationResult = arrayOfBytesValidation('[INVALID_VALUE, 0x123]')
+
+          expect(validationResult).toBe('format error. details: invalid arrayify value')
+        })
+      })
+
+      describe('fixed array of bytes', () => {
+        // TODO: review this test case
+        it('validates valid array values for fixed array of bytes', () => {
+          const arrayOfBytesValidation = validateField('bytes[5]')
+
+          // FIX: this should NOT fail, but for some reason encodeParameter() is throwing a "format error. details: hex data is odd-length"
+          // it seems that is failing for this value: "0xFaaaaFFFF", code=INVALID_ARGUMENT, version=bytes/5.5.0)
+          // it seems that is failing for this value: "0x0", code=INVALID_ARGUMENT, version=bytes/5.5.0)
+          const validationResult = arrayOfBytesValidation(
+            // '[0x123F, 0xAAAAFF, 0xFaaaaFFFF, 0x0001, 0x0]',
+            '[0x123F, 0xAAAAFF, 0xAAAAFF, 0x0001, 0xAAAAFF]',
+          )
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates invalid array length for fixed array of bytes', () => {
+          const arrayOfBytesValidation = validateField('bytes[3]')
+
+          const validationResult = arrayOfBytesValidation(
+            '[0x123F, 0xAAAAFF, 0xFaaaaFFFF, 0x0001, 0x0]',
+          )
+
+          expect(validationResult).toBe('format error. details: too many arguments: coder array')
+        })
+
+        it('validates invalid empty array value for fixed array of bytes', () => {
+          const arrayOfBytesValidation = validateField('bytes[3]')
+
+          const validationResult = arrayOfBytesValidation('[]')
+
+          expect(validationResult).toBe('format error. details: missing argument: coder array')
+        })
+
+        it('validates invalid array', () => {
+          const arrayOfBytesValidation = validateField('bytes[3]')
+
+          const validationResult = arrayOfBytesValidation('INVALID_ARRAY')
+
+          expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+        })
+
+        it('validates invalid array values', () => {
+          const arrayOfBytesValidation = validateField('bytes[2]')
+
+          const validationResult = arrayOfBytesValidation('[INVALID_VALUE, 0x123]')
+
+          expect(validationResult).toBe('format error. details: invalid arrayify value')
+        })
+      })
+    })
+
+    describe('array of booleans', () => {
+      describe('dinamic-length array of bytes', () => {
+        it('validates valid array values for dynamic array of booleans', () => {
+          const arrayOfBooleansValidation = validateField('bool[]')
+
+          const validationResult = arrayOfBooleansValidation(
+            '[true, false, 1, 0 , "1", "0", "True", "False", "TRUE", "FALSE", "false", "true"]',
+          )
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        // TODO: review this test case
+        it('This should value should fail but its set as a true for the encodeFunctionCall', () => {
+          const arrayOfBooleansValidation = validateField('bool[]')
+
+          // FIX: this should fail, but "[true, [true, false, false] ]" is treated like "[true, true]" for some reason by the encodeFunctionCall
+          const validationResult = arrayOfBooleansValidation('[true,  [false, false] ]')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates valid empty array value for dynamic array of booleans', () => {
+          const arrayOfBooleansValidation = validateField('bool[]')
+
+          const validationResult = arrayOfBooleansValidation('[]')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates invalid array', () => {
+          const arrayOfBooleansValidation = validateField('bool[]')
+
+          const validationResult = arrayOfBooleansValidation('INVALID_ARRAY')
+
+          expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+        })
+
+        it('validates invalid array values', () => {
+          const arrayOfBooleansValidation = validateField('bool[]')
+
+          const validationResult = arrayOfBooleansValidation('[INVALID_VALUE, true, false]')
+
+          expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+        })
+      })
+
+      describe('fixed-length array of bytes', () => {
+        it('validates valid array values for fixed array of booleans', () => {
+          const arrayOfBooleansValidation = validateField('bool[12]')
+
+          const validationResult = arrayOfBooleansValidation(
+            '[true, false, 1, 0 , "1", "0", "True", "False", "TRUE", "FALSE", "false", "true"]',
+          )
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates valid empty array value for fixed array of booleans', () => {
+          const arrayOfBooleansValidation = validateField('bool[3]')
+
+          const validationResult = arrayOfBooleansValidation('[]')
+
+          expect(validationResult).toBe('format error. details: missing argument: coder array')
+        })
+
+        it('validates invalid array length items for fixed array of booleans', () => {
+          const arrayOfBooleansValidation = validateField('bool[3]')
+
+          const validationResult = arrayOfBooleansValidation('[true]')
+
+          expect(validationResult).toBe('format error. details: missing argument: coder array')
+        })
+
+        it('validates invalid array length items for fixed array of booleans', () => {
+          const arrayOfBooleansValidation = validateField('bool[3]')
+
+          const validationResult = arrayOfBooleansValidation('[false, true, false, true]')
+
+          expect(validationResult).toBe('format error. details: too many arguments: coder array')
+        })
+
+        it('validates invalid array', () => {
+          const arrayOfBooleansValidation = validateField('bool[3]')
+
+          const validationResult = arrayOfBooleansValidation('INVALID_ARRAY')
+
+          expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+        })
+
+        it('validates invalid array values', () => {
+          const arrayOfBooleansValidation = validateField('bool[3]')
+
+          const validationResult = arrayOfBooleansValidation('[INVALID_VALUE, true, false]')
+
+          expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+        })
+      })
+    })
+
+    describe('array of strings', () => {
+      describe('dynamic-length array of strings', () => {
+        it('validates valid array values for dynamic array of strings', () => {
+          const stringValidations = validateField('string[]')
+
+          const validationResult = stringValidations('["Hello World!", "hi!", "other value"]')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates invalid array value', () => {
+          const stringValidations = validateField('string[]')
+
+          const validationResult = stringValidations('INVALID_ARRAY')
+
+          expect(validationResult).toBe(
+            'format error. details: SyntaxError: Unexpected token I in JSON at position 0',
+          )
+        })
+
+        it('validates invalid array values for dynamic array of strings', () => {
+          const stringValidations = validateField('string[]')
+
+          const validationResult = stringValidations('[INVALID_VALUE, "Hello World!"]')
+
+          expect(validationResult).toBe(
+            'format error. details: SyntaxError: Unexpected token I in JSON at position 1',
+          )
+        })
+
+        it('validates valid empty array value for dynamic array of strings', () => {
+          const arrayOfStringsValidation = validateField('string[]')
+
+          const validationResult = arrayOfStringsValidation('[]')
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+      })
+
+      describe('fixed-length array of strings', () => {
+        it('validates valid array values for fixed array of strings', () => {
+          const arrayOfStringValidations = validateField('string[3]')
+
+          const validationResult = arrayOfStringValidations(
+            '["Hello World!", "hi!", "other value"]',
+          )
+
+          expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+        })
+
+        it('validates invalid array value', () => {
+          const arrayOfStringValidations = validateField('string[3]')
+
+          const validationResult = arrayOfStringValidations('INVALID_ARRAY')
+
+          expect(validationResult).toBe(
+            'format error. details: SyntaxError: Unexpected token I in JSON at position 0',
+          )
+        })
+
+        it('validates invalid array values for fixed array of strings', () => {
+          const arrayOfStringValidations = validateField('string[3]')
+
+          const validationResult = arrayOfStringValidations('[INVALID_VALUE, "Hello World!", "hi"]')
+
+          expect(validationResult).toBe(
+            'format error. details: SyntaxError: Unexpected token I in JSON at position 1',
+          )
+        })
+
+        it('validates invalid empty array value for fixed array of strings', () => {
+          const arrayOfStringsValidation = validateField('string[3]')
+
+          const validationResult = arrayOfStringsValidation('[]')
+
+          expect(validationResult).toBe('format error. details: missing argument: coder array')
+        })
+
+        it('validates invalid array length for fixed array of strings', () => {
+          const arrayOfStringsValidation = validateField('string[3]')
+
+          const validationResult = arrayOfStringsValidation(
+            '["Hi", "Hello!", "Hello World!", "Bye!"]',
+          )
+
+          expect(validationResult).toBe('format error. details: too many arguments: coder array')
+        })
+      })
+    })
+
+    describe('matrix', () => {
+      describe('matrix of integers', () => {
+        describe('int<bits>[][] & uint<bits>[][]', () => {
+          it('validates valid int[][] values', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [  4, "-5"], [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates valid uint[][] values', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, "2" , 3], [  "4",   5], [  6  ] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid array value for int[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], INVALID_ARRAY, [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_ARRAY" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_ARRAY"',
+            )
+          })
+
+          it('validates invalid array value for uint[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], INVALID_ARRAY, [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_ARRAY" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_ARRAY"',
+            )
+          })
+
+          it('validates invalid matrix value for int[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid matrix value for uint[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid number values for int[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [ INVALID_NUMBER_VALUE ], [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_NUMBER_VALUE" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_NUMBER_VALUE"',
+            )
+          })
+
+          it('validates invalid number values for uint[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [ INVALID_NUMBER_VALUE ], [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_NUMBER_VALUE" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_NUMBER_VALUE"',
+            )
+          })
+
+          it('validates invalid array of numbers instead of matrix for int[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][]')
+
+            // should fail because is an array of numbers instead of a matrix
+            const validationResult = dinamicMatrixOfIntsValidation(' [1, -2 , 3]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid array of numbers instead of matrix for uint[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][]')
+
+            // should fail because is an array of numbers instead of a matrix
+            const validationResult = dinamicMatrixOfIntsValidation(' [1, 2 , 3]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates long numbers (positive & negatives) for int[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [-6426191757410075707, 6426191757410075707 , "-6426191757410075707"], [ "-6426191757410075707" ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates long numbers for int[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [6426191757410075707 , "6426191757410075707"], [ 6426191757410075707 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates long numbers for uint[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [6426191757410075707 ,"-6426191757410075707 ",  "6426191757410075707"], [ -6426191757410075707 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid values for int8[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int8[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates out-of-bounds values for int8[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int8[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid positive values for uint8[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint8[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,  "2"], [ 2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid negative values for uint8[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint8[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates out-of-bounds values for uint8[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint8[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid values for int128[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int128[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates out-of-bounds values for int128[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int128[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [875487583475874857888888888880000000000 ,"-875487583475874857888888888880000000000 ",  "875487583475874857888888888880000000000"], [ -875487583475874857888888888880000000000 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid positive values for uint128[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint128[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [87548758347587485788888888888000000000 ,  "87548758347587485788888888888000000000"], [ 87548758347587485788888888880000000000 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid negative values for uint128[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint128[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates out-of-bounds values for uint128[][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint128[][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for int[][] & uint[][]
+            it('validates empty matrix valid values for int[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates empty array valid values for int[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [2, "-3"]]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates empty matrix valid values for uint[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates empty array valid values for uint[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [2, "3"]]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            // empty arrays for int8[][] & uint8[][]
+            it('validates empty matrix valid values for int8[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int8[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates empty array valid values for int8[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int8[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [2, "-3"]]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates empty matrix valid values for uint8[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint8[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates empty array valid values for uint8[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint8[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [2, "3"]]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            // empty arrays for int128[][] & uint128[][]
+            it('validates empty matrix valid values for int128[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int128[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates empty array valid values for int128[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int128[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [2, "-3"]]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates empty matrix valid values for uint128[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint128[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates empty array valid values for uint128[][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint128[][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [2, "3"]]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+        describe('int<bits>[size][] & uint<bits>[size][]', () => {
+          it('validates valid int[3][] values', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [  4, "-5", 6] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of int[3][] values', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [  4, "-5", 6, 7, 8] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid length of uint[3][] values', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, 2 , 3], [  4, "5", 6, 7, 8] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value for int[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], INVALID_ARRAY, [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_ARRAY" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_ARRAY"',
+            )
+          })
+
+          it('validates invalid array value for uint[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], INVALID_ARRAY, [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_ARRAY" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_ARRAY"',
+            )
+          })
+
+          it('validates invalid matrix value for int[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid matrix value for uint[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid number values for int[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [ INVALID_NUMBER_VALUE ], [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_NUMBER_VALUE" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_NUMBER_VALUE"',
+            )
+          })
+
+          it('validates invalid number values for uint[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [ INVALID_NUMBER_VALUE ], [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_NUMBER_VALUE" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_NUMBER_VALUE"',
+            )
+          })
+
+          it('validates invalid array of numbers instead of matrix for int[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+            // should fail because is an array of numbers instead of a matrix
+            const validationResult = dinamicMatrixOfIntsValidation(' [1, -2 , 3]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid array of numbers instead of matrix for uint[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[3][]')
+
+            // should fail because is an array of numbers instead of a matrix
+            const validationResult = dinamicMatrixOfIntsValidation(' [1, 2 , 3]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates long numbers (positive & negatives) for int[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [-6426191757410075707, 6426191757410075707 , "-6426191757410075707"] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates long numbers for int[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [6426191757410075707 , "6426191757410075707   "   ,     6426191757410075707] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates long numbers for uint[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [6426191757410075707 ,"-6426191757410075707 ",  "6426191757410075707"], [ -6426191757410075707 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid values for int8[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int8[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 , "6    " , 1] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates out-of-bounds values for int8[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int8[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid positive values for uint8[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint8[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(' [ [2 ,  "2" , 2 ] ] ')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid negative values for uint8[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint8[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates out-of-bounds values for uint8[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint8[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid values for int128[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int128[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(' [ [2 ,"-2 ",  "2"]] ')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates out-of-bounds values for int128[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int128[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [875487583475874857888888888880000000000 ,"-875487583475874857888888888880000000000 ",  "875487583475874857888888888880000000000"], [ -875487583475874857888888888880000000000 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid positive values for uint128[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint128[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [87548758347587485788888888888000000000 ,  "87548758347587485788888888888000000000", 6], [3,4,5]] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid negative values for uint128[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint128[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates out-of-bounds values for uint128[3][]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint128[3][]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for int[3][] & uint[3][]
+            it('validates empty matrix valid values for int[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates invalid empty array value for int[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[ [2, "-3", 1], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates empty matrix valid values for uint[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates invalid empty array values for uint[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [1, 2, "3"]]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            // empty arrays for int8[3][] & uint8[3][]
+            it('validates empty matrix valid values for int8[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int8[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates invalid empty array value for int8[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int8[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [2, "-3",1 ]]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates empty matrix valid values for uint8[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint8[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates invalid empty array values for uint8[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint8[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [1, 2, "3"]]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            // empty arrays for int128[3][] & uint128[3][]
+            it('validates empty matrix valid values for int128[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int128[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates invalid empty array value for int128[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int128[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [1, 2, "-3"]]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates empty matrix valid values for uint128[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint128[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates invalid empty array value for uint128[3][]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint128[3][]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[  [ 1, 2, "3"], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+        describe('int<bits>[][size] & uint<bits>[][size]', () => {
+          it('validates valid int[][3] values', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation('[ [1], [  2, "-3"], [] ]')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of int[][3] values (less items)', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[   [1],   [ 2, "3", 4, "-5", 6, 7, 8] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of int[][3] values (too many items)', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1], [ "-2", 3],    [4],     [ "5" ],   [6] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid length of uint[][3] values', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, 2 , 3], [  4, "5", 6, 7, 8], [4],     [ "5" ],   [6] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value for int[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], INVALID_ARRAY, [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_ARRAY" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_ARRAY"',
+            )
+          })
+
+          it('validates invalid array value for uint[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], INVALID_ARRAY, [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_ARRAY" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_ARRAY"',
+            )
+          })
+
+          it('validates invalid matrix value for int[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid matrix value for uint[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid number values for int[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [ INVALID_NUMBER_VALUE ], [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_NUMBER_VALUE" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_NUMBER_VALUE"',
+            )
+          })
+
+          it('validates invalid number values for uint[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [ INVALID_NUMBER_VALUE ], [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_NUMBER_VALUE" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_NUMBER_VALUE"',
+            )
+          })
+
+          it('validates invalid array of numbers instead of matrix for int[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+            // should fail because is an array of numbers instead of a matrix
+            const validationResult = dinamicMatrixOfIntsValidation(' [1, -2 , 3]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid array of numbers instead of matrix for uint[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][3]')
+
+            // should fail because is an array of numbers instead of a matrix
+            const validationResult = dinamicMatrixOfIntsValidation(' [1, 2 , 3]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates long numbers (positive & negatives) for int[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [-6426191757410075707], [6426191757410075707] , ["-6426191757410075707"] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates long numbers for uint[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [6426191757410075707 ], ["6426191757410075707   "  ] ,    [  6426191757410075707] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates long numbers for uint[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [6426191757410075707 ,"-6426191757410075707 ",  "6426191757410075707"], [ -6426191757410075707 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid values for int8[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int8[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 , "6    " , 1] , [6]] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates out-of-bounds values for int8[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int8[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid positive values for uint8[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint8[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(' [ [1, 2 ],  ["2"] , [ 2] ] ')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid negative values for uint8[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint8[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates out-of-bounds values for uint8[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint8[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid values for int128[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int128[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(' [ [1,2] ,[1,"-2 "],  ["2"]] ')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates out-of-bounds values for int128[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('int128[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [875487583475874857888888888880000000000 ,"-875487583475874857888888888880000000000 ",  "875487583475874857888888888880000000000"], [ -875487583475874857888888888880000000000 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid positive values for uint128[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint128[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [87548758347587485788888888888000000000 ,  "87548758347587485788888888888000000000", 6], [3,4,5], [3]] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid negative values for uint128[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint128[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates out-of-bounds values for uint128[][3]', () => {
+            const dinamicMatrixOfIntsValidation = validateField('uint128[][3]')
+
+            const validationResult = dinamicMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for int[][3] & uint[][3]
+            it('validates invalid empty matrix value for int[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates valid empty array values for int[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[ [2, "-3", 1], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates invalid empty matrix value for uint[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates valid empty array values for uint[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            // empty arrays for int8[][3] & uint8[][3]
+            it('validates invalid empty matrix value for int8[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int8[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates valid empty array values for int8[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int8[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [2, "-3",1 ], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates invalid empty matrix value for uint8[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint8[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates valid empty array values for uint8[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint8[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [1, 2, "3"], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            // empty arrays for int128[][3] & uint128[][3]
+            it('validates invalid empty matrix value for int128[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int128[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates empty array values for int128[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('int128[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates invalid empty matrix value for uint128[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint128[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates valid empty array values for uint128[][3]', () => {
+              const dinamicMatrixOfIntsValidation = validateField('uint128[][3]')
+
+              const validationResult = dinamicMatrixOfIntsValidation('[ [], [ 1, 2, "3"], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+        describe('int<bits>[size][size] & uint<bits>[size][size]', () => {
+          it('validates valid int[3][3] values', () => {
+            const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              '[ [1, 2, "3"], [ 4, 5, "-6"], [-7, 8 , 9] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of int[3][3] values (less items)', () => {
+            const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              '[   [1], [1],  [ 2, "3", 4, "-5", 6, 7, 8] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of int[3][3] values (too many items)', () => {
+            const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              '[ [1], [ "-2", 3],    [4],     [ "5" ],   [6] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid length of uint[3][3] values', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              '[ [1, 2 , 3], [  4, "5", 6, 7, 8], [4],     [ "5" ],   [6] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value for int[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              '[ [1, -2 , 3], INVALID_ARRAY, [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_ARRAY" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_ARRAY"',
+            )
+          })
+
+          it('validates invalid array value for uint[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              '[ [1, -2 , 3], INVALID_ARRAY, [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_ARRAY" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_ARRAY"',
+            )
+          })
+
+          it('validates invalid matrix value for int[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid matrix value for uint[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid number values for int[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [ INVALID_NUMBER_VALUE ], [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_NUMBER_VALUE" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_NUMBER_VALUE"',
+            )
+          })
+
+          it('validates invalid number values for uint[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              '[ [1, -2 , 3], [ INVALID_NUMBER_VALUE ], [  "6"  ] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: Error: Error: [number-to-bn] while converting number "INVALID_NUMBER_VALUE" to BN.js instance, error: invalid number value. Value must be an integer, hex string, BN or BigNumber instance. Note, decimals are not supported. Given value: "INVALID_NUMBER_VALUE"',
+            )
+          })
+
+          it('validates invalid array of numbers instead of matrix for int[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+            // should fail because is an array of numbers instead of a matrix
+            const validationResult = fixedMatrixOfIntsValidation(' [1, -2 , 3]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid array of numbers instead of matrix for uint[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint[3][3]')
+
+            // should fail because is an array of numbers instead of a matrix
+            const validationResult = fixedMatrixOfIntsValidation(' [1, 2 , 3]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates long numbers (positive & negatives) for int[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [-6426191757410075707, "-6426191757410075707", -6426191757410075707], [6426191757410075707, 6426191757410075707, -6426191757410075707] , ["-6426191757410075707", 6426191757410075707, 6426191757410075707] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates long numbers for uint[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [6426191757410075707,6426191757410075707, 6426191757410075707 ], ["6426191757410075707   ", 6426191757410075707, 6426191757410075707  ] ,    [ 6426191757410075707, "6426191757410075707", 6426191757410075707] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid negative long numbers for uint[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [6426191757410075707 ,"-6426191757410075707 ",  "6426191757410075707"], [ -6426191757410075707 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid values for int8[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('int8[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 , "6    " , 1] , [1, 2, 26]] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates out-of-bounds values for int8[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('int8[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200, 1, 2 ], [  "6",  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid positive values for uint8[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint8[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [1, 2 ,3],  ["2", 3, 4] , [1, 2, 2] ] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid negative values for uint8[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint8[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates out-of-bounds values for uint8[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint8[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid values for int128[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('int128[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [1,2, 3] ,[2, 1,"-2 "],  [1, 1, "2"]] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates out-of-bounds values for int128[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('int128[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [875487583475874857888888888880000000000 ,"-875487583475874857888888888880000000000 ",  "875487583475874857888888888880000000000"], [ -875487583475874857888888888880000000000 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates valid positive values for uint128[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint128[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [87548758347587485788888888888000000000 ,  "87548758347587485788888888888000000000", 6], [3,4,5], [1, 2, 3]] ',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid negative values for uint128[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint128[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [2 ,"-2 ",  "2"], [ -2 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          it('validates out-of-bounds values for uint128[3][3]', () => {
+            const fixedMatrixOfIntsValidation = validateField('uint128[3][3]')
+
+            const validationResult = fixedMatrixOfIntsValidation(
+              ' [ [200 ,"-200 ",  "200"], [ -200 ], [  "6"  ] ] ',
+            )
+
+            expect(validationResult).toBe('format error. details: value out-of-bounds')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for int[3][3] & uint[3][3]
+            it('validates invalid empty matrix value for int[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates invalid empty array values for int[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('int[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[ [2, "-3", 1], [], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates invalid empty matrix value for uint[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('uint[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates invalid empty array values for uint[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('uint[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[[], [], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            // empty arrays for int8[3][3] & uint8[3][3]
+            it('validates invalid empty matrix value for int8[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('int8[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates invalid empty array values for int8[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('int8[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[[], [2, "-3",1 ], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates invalid empty matrix value for uint8[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('uint8[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates invalid empty array values for uint8[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('uint8[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[[], [1, 2, "3"], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            // empty arrays for int128[3][3] & uint128[3][3]
+            it('validates invalid empty matrix value for int128[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('int128[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates invalid empty array values for int128[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('int128[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[[], [], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates invalid empty matrix value for uint128[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('uint128[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates invalid empty array values for uint128[3][3]', () => {
+              const fixedMatrixOfIntsValidation = validateField('uint128[3][3]')
+
+              const validationResult = fixedMatrixOfIntsValidation('[ [], [ 1, 2, "3"], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+      })
+
+      describe('matrix of booleans', () => {
+        describe('bool[][]', () => {
+          it('validates valid bool[][] values', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[ [true, 1, "1", "True", "TRUE", "true"],  [false, 0, "0", "False", "FALSE", "false"],  [true, false, 1, "1", 0, "0"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[ INVALID_ARRAY, [true, 1, "1", "True", "TRUE", "true"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid boolean value in the bool[][] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation('[[INVALID_BOOLEAN_VALUE]]')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid string value in the bool[][] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[["INVALID_BOOLEAN_VALUE"]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid number value in the bool[][] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation('[[12]]')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid array value in the bool[][] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+            // should fail because is an array of booleans instead of a matrix of booleans
+            const validationResult = dynamicMatrixOfBooleansValidation('[true]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for bool[][]
+            it('validates valid empty matrix value', () => {
+              const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+              const validationResult = dynamicMatrixOfBooleansValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates only empty array values in the bool[][] matrix', () => {
+              const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+              const validationResult = dynamicMatrixOfBooleansValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates some empty array values in the bool[][] matrix', () => {
+              const dynamicMatrixOfBooleansValidation = validateField('bool[][]')
+
+              const validationResult = dynamicMatrixOfBooleansValidation(
+                '[[true, false, 1, 0], [], []]',
+              )
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+
+        describe('bool[size][]', () => {
+          it('validates valid bool[6][] values', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[ [true, 1, "1", "True", "TRUE", "true"],  [false, 0, "0", "False", "FALSE", "false"],  [true, false, 1, "1", 0, "0"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of bool[6][] values (less items)', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[ [true, 1, "1"],  [false, 0, "0", "False", "FALSE", "false"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of bool[6][] values (too many items)', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[ [true,true,true,true,true,true, 1, "1", "True", "TRUE", "true"],  [false, 0, "0", "False", "FALSE", "false"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[ INVALID_ARRAY, [true, 1, "1", "True", "TRUE", "true"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid boolean value in the bool[6][] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[[INVALID_BOOLEAN_VALUE, true, true, true, 1, false]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid string value in the bool[6][] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[["INVALID_BOOLEAN_VALUE", true, true, true, 1, false]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid number value in the bool[6][] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[[12, true, true, true, 1, false]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid array value in the bool[6][] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+            // should fail because is an array of booleans instead of a matrix of booleans
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[true, true, true, true, 1, false]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for bool[6][]
+            it('validates valid empty matrix value', () => {
+              const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+              const validationResult = dynamicMatrixOfBooleansValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates only empty array values in the bool[6][] matrix', () => {
+              const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+              const validationResult = dynamicMatrixOfBooleansValidation('[[], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates some empty array values in the bool[6][] matrix', () => {
+              const dynamicMatrixOfBooleansValidation = validateField('bool[6][]')
+
+              const validationResult = dynamicMatrixOfBooleansValidation(
+                '[[true, false, 1, 0, 1, true], [], []]',
+              )
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+
+        describe('bool[][size]', () => {
+          it('validates valid bool[][3] values', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[   [1],   [true, 1, "1", "True", "TRUE", "true"],  [false, 0, "0", "False", "FALSE", "false", true,true,true,true,true,true] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of bool[][3] values (less items)', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[ [true, 1, "1"],  [false, 0, "0", "False", "FALSE", "false", true,true,true,true,true,true] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of bool[][3] values (too many items)', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[  [true, 1, "1"],  [true, 1, "1"],  [true,true,true,true,true,true, 1, "1", "True", "TRUE", "true"],  [false, 0, "0", "False", "FALSE", "false"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[ INVALID_ARRAY, [true, 1, "1", "True", "TRUE", "true"], [true] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid boolean value in the bool[][3] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[[INVALID_BOOLEAN_VALUE, true, true, true, 1, false], [true], [false, false]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid string value in the bool[][3] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[["INVALID_BOOLEAN_VALUE", true, true, true, 1, false], [true, true], [false]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid number value in the bool[][3] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+            const validationResult = dynamicMatrixOfBooleansValidation(
+              '[  [  12, true, true, true, 1, false], [true], [false]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid array value in the bool[][3] matrix  ', () => {
+            const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+            // should fail because is an array of booleans instead of a matrix of booleans
+            const validationResult = dynamicMatrixOfBooleansValidation('[true, false, true]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for bool[][3]
+            it('validates invalid empty matrix value', () => {
+              const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+              const validationResult = dynamicMatrixOfBooleansValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates only empty array values in the bool[][3] matrix', () => {
+              const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+              const validationResult = dynamicMatrixOfBooleansValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates some empty array values in the bool[][3] matrix', () => {
+              const dynamicMatrixOfBooleansValidation = validateField('bool[][3]')
+
+              const validationResult = dynamicMatrixOfBooleansValidation(
+                '[[true, false, 1, 0, 1, true], [], []]',
+              )
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+
+        describe('bool[size][size]', () => {
+          it('validates valid bool[6][3] values', () => {
+            const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+            const validationResult = fixedMatrixOfBooleansValidation(
+              '[ [true, 1, "1", "True", "TRUE", "true"],  [false, 0, "0", "False", "FALSE", "false"], [true, 1, "1", "False", "FALSE", "false"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of bool[6][3] values (less items)', () => {
+            const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+            const validationResult = fixedMatrixOfBooleansValidation(
+              '[ [true, 1, "1"],  [false, 0, "0", "False", "FALSE", "false", true,true,true,true,true,true] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of bool[6][3] values (too many items)', () => {
+            const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+            const validationResult = fixedMatrixOfBooleansValidation(
+              '[  [true, 1, "1"],  [true, 1, "1"],  [true,true,true,true,true,true, 1, "1", "True", "TRUE", "true"],  [false, 0, "0", "False", "FALSE", "false"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+            const validationResult = fixedMatrixOfBooleansValidation(
+              '[ INVALID_ARRAY, [true, 1, "1", "True", "TRUE", "true"],  [false, 0, "0", "False", "FALSE", "false"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+            const validationResult = fixedMatrixOfBooleansValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid boolean value in the bool[6][3] matrix  ', () => {
+            const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+            const validationResult = fixedMatrixOfBooleansValidation(
+              '[[INVALID_BOOLEAN_VALUE, true, true, true, 1, false],  [false, 0, "0", "False", "FALSE", "false"],  [false, 0, "0", "False", "FALSE", "false"]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid string value in the bool[6][3] matrix  ', () => {
+            const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+            const validationResult = fixedMatrixOfBooleansValidation(
+              '[["INVALID_BOOLEAN_VALUE", true, true, true, 1, false],  [false, 0, "0", "False", "FALSE", "false"],  [false, 0, "0", "False", "FALSE", "false"]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid number value in the bool[6][3] matrix  ', () => {
+            const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+            const validationResult = fixedMatrixOfBooleansValidation(
+              '[  [  12, true, true, true, 1, false],  [false, 0, "0", "False", "FALSE", "false"],  [false, 0, "0", "False", "FALSE", "false"]]',
+            )
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Boolean value')
+          })
+
+          it('validates invalid array value in the bool[6][3] matrix  ', () => {
+            const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+            // should fail because is an array of booleans instead of a matrix of booleans
+            const validationResult = fixedMatrixOfBooleansValidation(
+              '[true, false, true, false, true, false]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for bool[6][3]
+            it('validates invalid empty matrix value', () => {
+              const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+              const validationResult = fixedMatrixOfBooleansValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates only empty array values in the bool[6][3] matrix', () => {
+              const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+              const validationResult = fixedMatrixOfBooleansValidation('[[], [], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates some empty array values in the bool[6][3] matrix', () => {
+              const fixedMatrixOfBooleansValidation = validateField('bool[6][3]')
+
+              const validationResult = fixedMatrixOfBooleansValidation(
+                '[[true, false, 1, 0, 1, true], [], []]',
+              )
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+      })
+
+      describe('matrix of strings', () => {
+        describe('string[][]', () => {
+          it('validates valid string[][] values', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[ ["Hello World!"],  ["Hello World!", "hi!"],  ["Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[ INVALID_ARRAY, ["Hello World!", "hi!"],  ["Hello World!"]  ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 2',
+            )
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 0',
+            )
+          })
+
+          it('validates invalid string value in the string[][] matrix  ', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation('[[INVALID_STRING_VALUE]]')
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 2',
+            )
+          })
+
+          it('validates valid number value in the string[][] matrix  ', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation('[[12]]')
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid array value in the string[][] matrix  ', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][]')
+
+            // should fail because is an array of strings instead of a matrix of strings
+            const validationResult = dynamicMatrixOfStringsValidation('["Hi!"]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix values', () => {
+            // empty arrays for string[][]
+            it('validates valid empty matrix value', () => {
+              const dynamicMatrixOfStringsValidation = validateField('string[][]')
+
+              const validationResult = dynamicMatrixOfStringsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates only empty array values in the string[][] matrix', () => {
+              const dynamicMatrixOfStringsValidation = validateField('string[][]')
+
+              const validationResult = dynamicMatrixOfStringsValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates some empty array values in the string[][] matrix', () => {
+              const dynamicMatrixOfStringsValidation = validateField('string[][]')
+
+              const validationResult = dynamicMatrixOfStringsValidation(
+                '[["HI!", "Hello World!"], [], []]',
+              )
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+
+        describe('string[size][]', () => {
+          it('validates valid string[2][] values', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[ ["HI!", "Hello World!"],  ["HI!", "Hello World!"],  ["HI!", "Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of string[2][] values (less items)', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[ ["HI!"],        ["HI!", "Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of string[2][] values (too many items)', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[ ["HI!", "Hello World!", "Extra string"],  ["HI!", "Hello World!"],  ["HI!", "Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[ INVALID_ARRAY, ["HI!", "Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 2',
+            )
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 0',
+            )
+          })
+
+          it('validates invalid string value in the string[2][] matrix  ', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[[INVALID_STRING_VALUE, "HI!"], ["HI!", "Hello World!"]]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 2',
+            )
+          })
+
+          it('validates invalid array value in the string[2][] matrix  ', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+            // should fail because is an array of strings instead of a matrix of strings
+            const validationResult = dynamicMatrixOfStringsValidation('["HI", "Hello World!"]')
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix values', () => {
+            // empty arrays for string[2][]
+            it('validates valid empty matrix value', () => {
+              const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+              const validationResult = dynamicMatrixOfStringsValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates only empty array values in the string[2][] matrix', () => {
+              const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+              const validationResult = dynamicMatrixOfStringsValidation('[[], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates some empty array values in the string[2][] matrix', () => {
+              const dynamicMatrixOfStringsValidation = validateField('string[2][]')
+
+              const validationResult = dynamicMatrixOfStringsValidation(
+                '[["HI!", "Hello World!"], [], []]',
+              )
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+
+        describe('string[][size]', () => {
+          it('validates valid string[][3] values', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[   ["HI!"],   ["HI!", "Hello World!"],  ["HI!", "Hello World!", "HI!","HI!","HI!","HI!","HI!","Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of string[][3] values (less items)', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[ ["HI!", "Hello World!"],  ["HI!"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of string[][3] values (too many items)', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[  ["HI!", "Hello World!"],  ["HI!", "Hello World!"],  ["HI!", "Hello World!"], ["HI!", "Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[ INVALID_ARRAY, ["HI!", "Hello World!"], ["HI!"] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 2',
+            )
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+            const validationResult = dynamicMatrixOfStringsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 0',
+            )
+          })
+
+          it('validates invalid string value in the string[][3] matrix  ', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '[[INVALID_STRING_VALUE, "HI!", "Hello World!"], ["Hello World!"], ["HI!"]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 2',
+            )
+          })
+
+          it('validates invalid array value in the string[][3] matrix  ', () => {
+            const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+            // should fail because is an array of strings instead of a matrix of strings
+            const validationResult = dynamicMatrixOfStringsValidation(
+              '["HI!", "Hello World!", "Hi!"]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix values', () => {
+            // empty arrays for string[][3]
+            it('validates invalid empty matrix value', () => {
+              const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+              const validationResult = dynamicMatrixOfStringsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates only empty array values in the string[][3] matrix', () => {
+              const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+              const validationResult = dynamicMatrixOfStringsValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates some empty array values in the string[][3] matrix', () => {
+              const dynamicMatrixOfStringsValidation = validateField('string[][3]')
+
+              const validationResult = dynamicMatrixOfStringsValidation(
+                '[["HI!", "Hello World!", "Hi!", "HI!"], [], []]',
+              )
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+
+        describe('string[size][size]', () => {
+          it('validates valid string[2][3] values', () => {
+            const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+            const validationResult = fixedMatrixOfStringsValidation(
+              '[ ["Hi!", "HI!"], ["HI!", "Hello World!"], ["HI!", "Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of string[2][3] values (less items)', () => {
+            const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+            const validationResult = fixedMatrixOfStringsValidation(
+              '[ ["HI!", "Hello World!"],  ["HI!", "Hello World!"],    ["HI!"]]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of string[2][3] values (too many items)', () => {
+            const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+            const validationResult = fixedMatrixOfStringsValidation(
+              '[  ["HI!", "Hello World!"], ["HI!", "Hello World!"], ["HI!", "Hello World!"], ["HI!", "Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+            const validationResult = fixedMatrixOfStringsValidation(
+              '[ INVALID_ARRAY, ["HI!", "Hello World!"], ["HI!", "Hello World!"] ]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 2',
+            )
+          })
+
+          it('validates invalid matrix value', () => {
+            const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+            const validationResult = fixedMatrixOfStringsValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 0',
+            )
+          })
+
+          it('validates invalid string value in the string[2][3] matrix  ', () => {
+            const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+            const validationResult = fixedMatrixOfStringsValidation(
+              '[[INVALID_STRING_VALUE, "HI!" ],  ["HI!", "Hello World!"], ["HI!", "Hello World!"]]',
+            )
+
+            expect(validationResult).toBe(
+              'format error. details: SyntaxError: Unexpected token I in JSON at position 2',
+            )
+          })
+
+          it('validates invalid array value in the string[2][3] matrix  ', () => {
+            const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+            // should fail because is an array of booleans instead of a matrix of booleans
+            const validationResult = fixedMatrixOfStringsValidation(
+              '["HI!", "Hello World!",  "Hello World!"]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for string[2][3]
+            it('validates invalid empty matrix value', () => {
+              const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+              const validationResult = fixedMatrixOfStringsValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates only empty array values in the string[2][3] matrix', () => {
+              const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+              const validationResult = fixedMatrixOfStringsValidation('[[], [], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates some empty array values in the string[2][3] matrix', () => {
+              const fixedMatrixOfStringsValidation = validateField('string[2][3]')
+
+              const validationResult = fixedMatrixOfStringsValidation(
+                '[["HI!", "Hello World!"], [], []]',
+              )
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+      })
+
+      describe('matrix of addresses', () => {
+        describe('address[][]', () => {
+          it('validates valid address[][] values', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[ [0x680cde08860141F9D223cE4E620B10Cd6741037E],  ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  ["0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[ INVALID_ARRAY, ["0x680cde08860141F9D223cE4E620B10Cd6741037E"],  [0x680cde08860141F9D223cE4E620B10Cd6741037E]  ]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid address value in the address[][] matrix  ', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation('[[INVALID_ADDRESS_VALUE]]')
+
+            expect(validationResult).toContain('format error. details: invalid address')
+          })
+
+          it('validates invalid number value in the address[][] matrix  ', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation('[[12]]')
+
+            expect(validationResult).toContain('format error. details: invalid address')
+          })
+
+          it('validates invalid array value in the address[][] matrix  ', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][]')
+
+            // should fail because is an array of address instead of a matrix of address
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix values', () => {
+            // empty arrays for address[][]
+            it('validates valid empty matrix value', () => {
+              const dynamicMatrixOfAddressesValidation = validateField('address[][]')
+
+              const validationResult = dynamicMatrixOfAddressesValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates only empty array values in the address[][] matrix', () => {
+              const dynamicMatrixOfAddressesValidation = validateField('address[][]')
+
+              const validationResult = dynamicMatrixOfAddressesValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates some empty array values in the address[][] matrix', () => {
+              const dynamicMatrixOfAddressesValidation = validateField('address[][]')
+
+              const validationResult = dynamicMatrixOfAddressesValidation(
+                '[[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [], []]',
+              )
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+
+        describe('address[size][]', () => {
+          it('validates valid address[2][] values', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[ ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E],  ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of address[2][] values (less items)', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[ [0x680cde08860141F9D223cE4E620B10Cd6741037E],        ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of address[2][] values (too many items)', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[ [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[ INVALID_ARRAY, [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid address value in the address[2][] matrix  ', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[[INVALID_ADDRESS_VALUE, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E]]',
+            )
+
+            expect(validationResult).toContain('format error. details: invalid address')
+          })
+
+          it('validates invalid array value in the address[2][] matrix  ', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+            // should fail because is an array of addresss instead of a matrix of addresss
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix values', () => {
+            // empty arrays for address[2][]
+            it('validates valid empty matrix value', () => {
+              const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+              const validationResult = dynamicMatrixOfAddressesValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates only empty array values in the address[2][] matrix', () => {
+              const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+              const validationResult = dynamicMatrixOfAddressesValidation('[[], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates some empty array values in the address[2][] matrix', () => {
+              const dynamicMatrixOfAddressesValidation = validateField('address[2][]')
+
+              const validationResult = dynamicMatrixOfAddressesValidation(
+                '[[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [], []]',
+              )
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+
+        describe('address[][size]', () => {
+          it('validates valid address[][3] values', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[   [0x680cde08860141F9D223cE4E620B10Cd6741037E],   ["0x680cde08860141F9D223cE4E620B10Cd6741037E", "0x680cde08860141F9D223cE4E620B10Cd6741037E"],  [0x680cde08860141F9D223cE4E620B10Cd6741037E,0x680cde08860141F9D223cE4E620B10Cd6741037E,0x680cde08860141F9D223cE4E620B10Cd6741037E,0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of address[][3] values (less items)', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[ ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  ["0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of address[][3] values (too many items)', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[  ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[ INVALID_ARRAY, [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid address value in the address[][3] matrix  ', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[[INVALID_ADDRESS_VALUE, 0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], ["0x680cde08860141F9D223cE4E620B10Cd6741037E"], [0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toContain('format error. details: invalid address')
+          })
+
+          it('validates invalid array value in the address[][3] matrix  ', () => {
+            const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+            // should fail because is an array of addresss instead of a matrix of addresss
+            const validationResult = dynamicMatrixOfAddressesValidation(
+              '[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix values', () => {
+            // empty arrays for address[][3]
+            it('validates invalid empty matrix value', () => {
+              const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+              const validationResult = dynamicMatrixOfAddressesValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates only empty array values in the address[][3] matrix', () => {
+              const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+              const validationResult = dynamicMatrixOfAddressesValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates some empty array values in the address[][3] matrix', () => {
+              const dynamicMatrixOfAddressesValidation = validateField('address[][3]')
+
+              const validationResult = dynamicMatrixOfAddressesValidation(
+                '[[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [], []]',
+              )
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+
+        describe('address[size][size]', () => {
+          it('validates valid address[2][3] values', () => {
+            const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+            const validationResult = fixedMatrixOfAddressesValidation(
+              '[ ["0x680cde08860141F9D223cE4E620B10Cd6741037E", "0x680cde08860141F9D223cE4E620B10Cd6741037E"], ["0x680cde08860141F9D223cE4E620B10Cd6741037E", "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of address[2][3] values (less items)', () => {
+            const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+            const validationResult = fixedMatrixOfAddressesValidation(
+              '[ [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E],    [0x680cde08860141F9D223cE4E620B10Cd6741037E]]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of address[2][3] values (too many items)', () => {
+            const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+            const validationResult = fixedMatrixOfAddressesValidation(
+              '[  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+            const validationResult = fixedMatrixOfAddressesValidation(
+              '[ INVALID_ARRAY, [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+            const validationResult = fixedMatrixOfAddressesValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid address value in the address[2][3] matrix  ', () => {
+            const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+            const validationResult = fixedMatrixOfAddressesValidation(
+              '[["INVALID_ADDRESS_VALUE", 0x680cde08860141F9D223cE4E620B10Cd6741037E ],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E]]',
+            )
+
+            expect(validationResult).toContain('format error. details: invalid address')
+          })
+
+          it('validates invalid array value in the address[2][3] matrix  ', () => {
+            const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+            // should fail because is an array of booleans instead of a matrix of booleans
+            const validationResult = fixedMatrixOfAddressesValidation(
+              '["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E,  0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for address[2][3]
+            it('validates invalid empty matrix value', () => {
+              const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+              const validationResult = fixedMatrixOfAddressesValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates only empty array values in the address[2][3] matrix', () => {
+              const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+              const validationResult = fixedMatrixOfAddressesValidation('[[], [], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates some empty array values in the address[2][3] matrix', () => {
+              const fixedMatrixOfAddressesValidation = validateField('address[2][3]')
+
+              const validationResult = fixedMatrixOfAddressesValidation(
+                '[[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [], []]',
+              )
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+      })
+
+      describe('matrix of bytes', () => {
+        describe('bytes[][]', () => {
+          it('validates valid bytes[][] values', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[ [0x680cde08860141F9D223cE4E620B10Cd6741037E],  ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  ["0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[ INVALID_ARRAY, ["0x680cde08860141F9D223cE4E620B10Cd6741037E"],  [0x680cde08860141F9D223cE4E620B10Cd6741037E]  ]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid bytes value in the bytes[][] matrix  ', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation('[[INVALID_BYTES_VALUE]]')
+
+            expect(validationResult).toBe('format error. details: invalid arrayify value')
+          })
+
+          it('validates invalid number value in the bytes[][] matrix  ', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation('[[12]]')
+
+            expect(validationResult).toBe('format error. details: invalid arrayify value')
+          })
+
+          it('validates invalid array value in the bytes[][] matrix  ', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][]')
+
+            // should fail because is an array of bytes instead of a matrix of bytes
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix values', () => {
+            // empty arrays for bytes[][]
+            it('validates valid empty matrix value', () => {
+              const dynamicMatrixOfBytesValidation = validateField('bytes[][]')
+
+              const validationResult = dynamicMatrixOfBytesValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates only empty array values in the bytes[][] matrix', () => {
+              const dynamicMatrixOfBytesValidation = validateField('bytes[][]')
+
+              const validationResult = dynamicMatrixOfBytesValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates some empty array values in the bytes[][] matrix', () => {
+              const dynamicMatrixOfBytesValidation = validateField('bytes[][]')
+
+              const validationResult = dynamicMatrixOfBytesValidation(
+                '[[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [], []]',
+              )
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+
+        describe('bytes[size][]', () => {
+          it('validates valid bytes[2][] values', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[ ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E],  ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of bytes[2][] values (less items)', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[ [0x680cde08860141F9D223cE4E620B10Cd6741037E],        ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of bytes[2][] values (too many items)', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[ [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[ INVALID_ARRAY, [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid bytes value in the bytes[2][] matrix  ', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[[INVALID_BYTES_VALUE, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E]]',
+            )
+
+            expect(validationResult).toBe('format error. details: invalid arrayify value')
+          })
+
+          it('validates invalid array value in the bytes[2][] matrix  ', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+            // should fail because is an array of bytes instead of a matrix of bytes
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix values', () => {
+            // empty arrays for bytes[2][]
+            it('validates valid empty matrix value', () => {
+              const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+              const validationResult = dynamicMatrixOfBytesValidation('[]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates only empty array values in the bytes[2][] matrix', () => {
+              const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+              const validationResult = dynamicMatrixOfBytesValidation('[[], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates some empty array values in the bytes[2][] matrix', () => {
+              const dynamicMatrixOfBytesValidation = validateField('bytes[2][]')
+
+              const validationResult = dynamicMatrixOfBytesValidation(
+                '[[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [], []]',
+              )
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+
+        describe('bytes[][size]', () => {
+          it('validates valid bytes[][3] values', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[   [0x680cde08860141F9D223cE4E620B10Cd6741037E],   ["0x680cde08860141F9D223cE4E620B10Cd6741037E", "0x680cde08860141F9D223cE4E620B10Cd6741037E"],  [0x680cde08860141F9D223cE4E620B10Cd6741037E,0x680cde08860141F9D223cE4E620B10Cd6741037E,0x680cde08860141F9D223cE4E620B10Cd6741037E,0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of bytes[][3] values (less items)', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[ ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  ["0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of bytes[][3] values (too many items)', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[  ["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[ INVALID_ARRAY, [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+            const validationResult = dynamicMatrixOfBytesValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid bytes value in the bytes[][3] matrix  ', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[[INVALID_bytes_VALUE, 0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], ["0x680cde08860141F9D223cE4E620B10Cd6741037E"], [0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toBe('format error. details: invalid arrayify value')
+          })
+
+          it('validates invalid array value in the bytes[][3] matrix  ', () => {
+            const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+            // should fail because is an array of bytes instead of a matrix of bytes
+            const validationResult = dynamicMatrixOfBytesValidation(
+              '[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix values', () => {
+            // empty arrays for bytes[][3]
+            it('validates invalid empty matrix value', () => {
+              const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+              const validationResult = dynamicMatrixOfBytesValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates only empty array values in the bytes[][3] matrix', () => {
+              const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+              const validationResult = dynamicMatrixOfBytesValidation('[[], [], []]')
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+
+            it('validates some empty array values in the bytes[][3] matrix', () => {
+              const dynamicMatrixOfBytesValidation = validateField('bytes[][3]')
+
+              const validationResult = dynamicMatrixOfBytesValidation(
+                '[[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [], []]',
+              )
+
+              expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+            })
+          })
+        })
+
+        describe('bytes[size][size]', () => {
+          it('validates valid bytes[2][3] values', () => {
+            const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+            const validationResult = fixedMatrixOfBytesValidation(
+              '[ ["0x680cde08860141F9D223cE4E620B10Cd6741037E", "0x680cde08860141F9D223cE4E620B10Cd6741037E"], ["0x680cde08860141F9D223cE4E620B10Cd6741037E", "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+          })
+
+          it('validates invalid length of bytes[2][3] values (less items)', () => {
+            const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+            const validationResult = fixedMatrixOfBytesValidation(
+              '[ [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E],    [0x680cde08860141F9D223cE4E620B10Cd6741037E]]',
+            )
+
+            expect(validationResult).toBe('format error. details: missing argument: coder array')
+          })
+
+          it('validates invalid length of bytes[2][3] values (too many items)', () => {
+            const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+            const validationResult = fixedMatrixOfBytesValidation(
+              '[  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: too many arguments: coder array')
+          })
+
+          it('validates invalid array value', () => {
+            const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+            const validationResult = fixedMatrixOfBytesValidation(
+              '[ INVALID_ARRAY, [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E] ]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          it('validates invalid matrix value', () => {
+            const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+            const validationResult = fixedMatrixOfBytesValidation('INVALID_MATRIX')
+
+            expect(validationResult).toBe('format error. details: Error: Invalid Array value')
+          })
+
+          it('validates invalid bytes value in the bytes[2][3] matrix  ', () => {
+            const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+            const validationResult = fixedMatrixOfBytesValidation(
+              '[["INVALID_bytes_VALUE", 0x680cde08860141F9D223cE4E620B10Cd6741037E ],  [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E], [0x680cde08860141F9D223cE4E620B10Cd6741037E, 0x680cde08860141F9D223cE4E620B10Cd6741037E]]',
+            )
+
+            expect(validationResult).toBe('format error. details: invalid arrayify value')
+          })
+
+          it('validates invalid array value in the bytes[2][3] matrix  ', () => {
+            const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+            // should fail because is an array of booleans instead of a matrix of booleans
+            const validationResult = fixedMatrixOfBytesValidation(
+              '["0x680cde08860141F9D223cE4E620B10Cd6741037E", 0x680cde08860141F9D223cE4E620B10Cd6741037E,  0x680cde08860141F9D223cE4E620B10Cd6741037E]',
+            )
+
+            expect(validationResult).toBe('format error. details: expected array value')
+          })
+
+          describe('empty arrays and matrix valid values', () => {
+            // empty arrays for bytes[2][3]
+            it('validates invalid empty matrix value', () => {
+              const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+              const validationResult = fixedMatrixOfBytesValidation('[]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates only empty array values in the bytes[2][3] matrix', () => {
+              const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+              const validationResult = fixedMatrixOfBytesValidation('[[], [], []]')
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+
+            it('validates some empty array values in the bytes[2][3] matrix', () => {
+              const fixedMatrixOfBytesValidation = validateField('bytes[2][3]')
+
+              const validationResult = fixedMatrixOfBytesValidation(
+                '[[0x680cde08860141F9D223cE4E620B10Cd6741037E, "0x680cde08860141F9D223cE4E620B10Cd6741037E"], [], []]',
+              )
+
+              expect(validationResult).toBe('format error. details: missing argument: coder array')
+            })
+          })
+        })
+      })
+    })
+
+    describe('multidimensional arrays', () => {
+      it('integers', () => {
+        const multidimensionalArrayOfIntsValidation = validateField('int[][][]')
+
+        const validationResult = multidimensionalArrayOfIntsValidation(
+          '[ [ [1, -2 , 3], [  4, "-5"], [  "6"  ] ], [] ]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('booleans', () => {
+        const multidimensionalArrayOfBooleansValidation = validateField('bool[2][][][]')
+
+        const validationResult = multidimensionalArrayOfBooleansValidation(
+          '[  [ [[true, false], ["TRUE", "FALSE"]], [[false, true], [false, false]], [[1,0]] ],  [[["1", "0"]]]  ]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+
+      it('strings', () => {
+        const multidimensionalArrayOfStringsValidation = validateField('string[2][3][2][]')
+
+        const validationResult = multidimensionalArrayOfStringsValidation(
+          '[[   [["Hi!", "Hi!"], ["Hi!", "Hi!"], ["Hi!", "Hi!"]], [["Hi!", "Hi!"], ["Hi!", "Hi!"], ["Hi!", "Hi!"]]  ] ]',
+        )
+
+        expect(validationResult).toBe(NO_ERROR_IS_PRESENT)
+      })
+    })
+  })
+})
diff --git a/integrations/safe/components/tx-builder/modals/DeleteBatchFromLibrary.tsx b/integrations/safe/components/tx-builder/modals/DeleteBatchFromLibrary.tsx
new file mode 100644
index 00000000..3409f8a1
--- /dev/null
+++ b/integrations/safe/components/tx-builder/modals/DeleteBatchFromLibrary.tsx
@@ -0,0 +1,76 @@
+import { Dot, Text, Button, GenericModal } from '@gnosis.pm/safe-react-components'
+import Box from '@material-ui/core/Box'
+
+import styled from 'styled-components'
+import { Batch } from '../../typings/models'
+
+type DeleteBatchFromLibraryProps = {
+  batch: Batch
+  onClick: (batch: Batch) => void
+  onClose: () => void
+}
+
+const DeleteBatchFromLibrary = ({ batch, onClick, onClose }: DeleteBatchFromLibraryProps) => {
+  return (
+    <GenericModal
+      title="Delete batch from the library?"
+      withoutBodyPadding
+      body={
+        <StyledModalBodyWrapper>
+          <StyledModalDot color="tag">
+            <Text size="xl" color="white">
+              {batch.transactions.length}
+            </Text>
+          </StyledModalDot>
+
+          <StyledModalText size="xl">{`${batch.name} batch will be permanently deleted`}</StyledModalText>
+          <StyledModalButtonsWrapper
+            display="flex"
+            alignItems="center"
+            justifyContent="center"
+            maxWidth={'450px'}
+          >
+            <Button size="md" variant="bordered" onClick={onClose}>
+              Back
+            </Button>
+            <Button
+              size="md"
+              style={{ marginLeft: 16 }}
+              color="error"
+              onClick={() => onClick(batch)}
+            >
+              Yes, delete
+            </Button>
+          </StyledModalButtonsWrapper>
+        </StyledModalBodyWrapper>
+      }
+      onClose={onClose}
+    />
+  )
+}
+
+export default DeleteBatchFromLibrary
+
+const StyledModalBodyWrapper = styled.div`
+  position: relative;
+  padding: 24px;
+  max-width: 450px;
+`
+
+const StyledModalDot = styled(Dot)`
+  height: 24px;
+  width: 24px;
+  min-width: 24px;
+  background-color: #566976;
+
+  position: absolute;
+  top: 22px;
+`
+
+const StyledModalText = styled(Text)`
+  text-indent: 30px;
+`
+
+const StyledModalButtonsWrapper = styled(Box)`
+  margin-top: 24px;
+`
diff --git a/integrations/safe/components/tx-builder/modals/DeleteBatchModal.tsx b/integrations/safe/components/tx-builder/modals/DeleteBatchModal.tsx
new file mode 100644
index 00000000..00a61cde
--- /dev/null
+++ b/integrations/safe/components/tx-builder/modals/DeleteBatchModal.tsx
@@ -0,0 +1,71 @@
+import { Dot, Text, Button, GenericModal } from '@gnosis.pm/safe-react-components'
+import Box from '@material-ui/core/Box'
+import styled from 'styled-components'
+
+type DeleteBatchModalProps = {
+  count: number
+  onClick: () => void
+  onClose: () => void
+}
+
+const DeleteBatchModal = ({ count, onClick, onClose }: DeleteBatchModalProps) => {
+  return (
+    <GenericModal
+      title="Clear transaction list?"
+      withoutBodyPadding
+      body={
+        <StyledModalBodyWrapper>
+          <StyledModalDot color="tag">
+            <Text size="xl" color="white">
+              {count}
+            </Text>
+          </StyledModalDot>
+
+          <StyledModalText size="xl">
+            {`transaction${count > 1 ? 's' : ''}`} will be cleared
+          </StyledModalText>
+          <StyledModalButtonsWrapper
+            display="flex"
+            alignItems="center"
+            justifyContent="center"
+            maxWidth={'450px'}
+          >
+            <Button size="md" variant="bordered" onClick={onClose}>
+              Back
+            </Button>
+            <Button size="md" style={{ marginLeft: 16 }} color="error" onClick={onClick}>
+              Yes, clear
+            </Button>
+          </StyledModalButtonsWrapper>
+        </StyledModalBodyWrapper>
+      }
+      onClose={onClose}
+    />
+  )
+}
+
+export default DeleteBatchModal
+
+const StyledModalBodyWrapper = styled.div`
+  position: relative;
+  padding: 24px;
+  max-width: 450px;
+`
+
+const StyledModalDot = styled(Dot)`
+  height: 24px;
+  width: 24px;
+  min-width: 24px;
+  background-color: #566976;
+
+  position: absolute;
+  top: 22px;
+`
+
+const StyledModalText = styled(Text)`
+  text-indent: 30px;
+`
+
+const StyledModalButtonsWrapper = styled(Box)`
+  margin-top: 24px;
+`
diff --git a/integrations/safe/components/tx-builder/modals/DeleteTransactionModal.tsx b/integrations/safe/components/tx-builder/modals/DeleteTransactionModal.tsx
new file mode 100644
index 00000000..fd0bc20b
--- /dev/null
+++ b/integrations/safe/components/tx-builder/modals/DeleteTransactionModal.tsx
@@ -0,0 +1,76 @@
+import { Dot, Text, Button, GenericModal } from '@gnosis.pm/safe-react-components'
+import Box from '@material-ui/core/Box'
+import styled from 'styled-components'
+
+type DeleteTransactionModalProps = {
+  txIndex: number
+  txDescription: string
+  onClick: () => void
+  onClose: () => void
+}
+
+const DeleteTransactionModal = ({
+  txIndex,
+  txDescription,
+  onClick,
+  onClose,
+}: DeleteTransactionModalProps) => {
+  const positionLabel = txIndex + 1
+  return (
+    <GenericModal
+      title={'Delete from batch?'}
+      withoutBodyPadding
+      body={
+        <StyledModalBodyWrapper>
+          <StyledModalDot color="tag">
+            <Text size="xl" color="white">
+              {positionLabel}
+            </Text>
+          </StyledModalDot>
+
+          <StyledModalText size="xl">{`${txDescription} will be permanently deleted from the batch`}</StyledModalText>
+          <StyledModalButtonsWrapper
+            display="flex"
+            alignItems="center"
+            justifyContent="center"
+            maxWidth={'450px'}
+          >
+            <Button size="md" variant="bordered" onClick={onClose}>
+              Back
+            </Button>
+            <Button size="md" style={{ marginLeft: 16 }} color="error" onClick={onClick}>
+              Yes, delete
+            </Button>
+          </StyledModalButtonsWrapper>
+        </StyledModalBodyWrapper>
+      }
+      onClose={onClose}
+    />
+  )
+}
+
+export default DeleteTransactionModal
+
+const StyledModalBodyWrapper = styled.div`
+  position: relative;
+  padding: 24px;
+  max-width: 450px;
+`
+
+const StyledModalDot = styled(Dot)`
+  height: 24px;
+  width: 24px;
+  min-width: 24px;
+  background-color: #566976;
+
+  position: absolute;
+  top: 22px;
+`
+
+const StyledModalText = styled(Text)`
+  text-indent: 30px;
+`
+
+const StyledModalButtonsWrapper = styled(Box)`
+  margin-top: 24px;
+`
diff --git a/integrations/safe/components/tx-builder/modals/EditTransactionModal.tsx b/integrations/safe/components/tx-builder/modals/EditTransactionModal.tsx
new file mode 100644
index 00000000..203e5b0b
--- /dev/null
+++ b/integrations/safe/components/tx-builder/modals/EditTransactionModal.tsx
@@ -0,0 +1,112 @@
+import { GenericModal, Button } from '@gnosis.pm/safe-react-components'
+import styled from 'styled-components'
+import { ProposedTransaction } from '../../typings/models'
+import SolidityForm, {
+  CONTRACT_METHOD_INDEX_FIELD_NAME,
+  CONTRACT_VALUES_FIELD_NAME,
+  CUSTOM_TRANSACTION_DATA_FIELD_NAME,
+  NATIVE_VALUE_FIELD_NAME,
+  parseFormToProposedTransaction,
+  SolidityFormValuesTypes,
+  TO_ADDRESS_FIELD_NAME,
+} from '../forms/SolidityForm'
+import { weiToEther } from '../../utils'
+
+type EditTransactionModalProps = {
+  txIndex: number
+  transaction: ProposedTransaction
+  onSubmit: (newTransaction: ProposedTransaction) => void
+  onDeleteTx: () => void
+  onClose: () => void
+  nativeCurrencySymbol: string | undefined
+  networkPrefix: string | undefined
+  getAddressFromDomain: (name: string) => Promise<string>
+}
+
+const EditTransactionModal = ({
+  txIndex,
+  transaction,
+  onSubmit,
+  onDeleteTx,
+  onClose,
+  nativeCurrencySymbol,
+  networkPrefix,
+  getAddressFromDomain,
+}: EditTransactionModalProps) => {
+  const { description, contractInterface } = transaction
+
+  const { customTransactionData, contractFieldsValues, contractMethodIndex } = description
+
+  const isCustomHexDataTx = !!customTransactionData
+
+  const initialFormValues: Partial<SolidityFormValuesTypes> = {
+    [TO_ADDRESS_FIELD_NAME]: transaction.raw.to,
+    [NATIVE_VALUE_FIELD_NAME]: weiToEther(transaction.raw.value),
+    [CUSTOM_TRANSACTION_DATA_FIELD_NAME]: customTransactionData,
+    [CONTRACT_METHOD_INDEX_FIELD_NAME]: contractMethodIndex,
+    [CONTRACT_VALUES_FIELD_NAME]: {
+      [`method-${contractMethodIndex}`]: contractFieldsValues || {},
+    },
+  }
+
+  const handleSubmit = (values: SolidityFormValuesTypes) => {
+    const editedTransaction = parseFormToProposedTransaction(
+      values,
+      contractInterface,
+      nativeCurrencySymbol,
+      networkPrefix,
+    )
+
+    // keep the id of the transaction
+    onSubmit({ ...editedTransaction, id: transaction.id })
+  }
+
+  return (
+    <GenericModal
+      title={`Transaction ${txIndex + 1}`}
+      body={
+        <FormContainer>
+          <SolidityForm
+            id="solidity-contract-form"
+            initialValues={initialFormValues}
+            contract={contractInterface}
+            nativeCurrencySymbol={nativeCurrencySymbol}
+            networkPrefix={networkPrefix}
+            getAddressFromDomain={getAddressFromDomain}
+            showHexEncodedData={!!isCustomHexDataTx}
+            onSubmit={handleSubmit}
+          >
+            <ButtonContainer>
+              {/* Remove transaction btn */}
+              <Button type="button" size="md" color="error" variant="bordered" onClick={onDeleteTx}>
+                Delete
+              </Button>
+
+              {/* Add transaction btn */}
+              <Button size="md" color="primary" type="submit">
+                Save transaction
+              </Button>
+            </ButtonContainer>
+          </SolidityForm>
+        </FormContainer>
+      }
+      onClose={onClose}
+    />
+  )
+}
+
+const ButtonContainer = styled.div`
+  display: flex;
+  justify-content: space-between;
+  margin-top: 15px;
+`
+
+const FormContainer = styled.div`
+  width: 400px;
+  padding: 24px;
+  border-radius: 8px;
+
+  background-color: white;
+`
+
+export default EditTransactionModal
diff --git a/integrations/safe/components/tx-builder/modals/ImplementationABIDialog.tsx b/integrations/safe/components/tx-builder/modals/ImplementationABIDialog.tsx
new file mode 100644
index 00000000..7cd0c2f6
--- /dev/null
+++ b/integrations/safe/components/tx-builder/modals/ImplementationABIDialog.tsx
@@ -0,0 +1,77 @@
+import React from 'react'
+import { Text, Button, GenericModal, EthHashInfo } from '@gnosis.pm/safe-react-components'
+import Box from '@material-ui/core/Box'
+import styled from 'styled-components'
+
+type Props = {
+  networkPrefix: string
+  implementationAddress: string
+  blockExplorerLink: string
+  onCancel: () => void
+  onConfirm: () => void
+}
+
+const ImplementationABIDialog: React.FC<Props> = ({
+  networkPrefix,
+  implementationAddress,
+  blockExplorerLink,
+  onConfirm,
+  onCancel,
+}) => {
+  return (
+    <GenericModal
+      title="Use the Implementation ABI?"
+      withoutBodyPadding
+      body={
+        <StyledModalBodyWrapper>
+          <Text size="xl">
+            The contract looks like a proxy. Do you want to use the Implementation ABI?
+          </Text>
+
+          <StyledEthHashInfo
+            shortName={networkPrefix || ''}
+            hash={implementationAddress}
+            explorerUrl={() => ({ url: blockExplorerLink, alt: blockExplorerLink })}
+            showCopyBtn
+            shouldShowShortName
+            textSize="xl"
+          />
+          <StyledModalButtonsWrapper
+            display="flex"
+            alignItems="center"
+            justifyContent="center"
+            maxWidth="470px"
+          >
+            <Button size="md" variant="bordered" onClick={onCancel}>
+              Keep Proxy ABI
+            </Button>
+            <Button size="md" style={{ marginLeft: 16 }} color="primary" onClick={onConfirm}>
+              Use Implementation ABI
+            </Button>
+          </StyledModalButtonsWrapper>
+        </StyledModalBodyWrapper>
+      }
+      onClose={onCancel}
+    />
+  )
+}
+
+export { ImplementationABIDialog }
+
+const StyledModalBodyWrapper = styled.div`
+  position: relative;
+  padding: 24px;
+  max-width: 470px;
+`
+
+const StyledModalButtonsWrapper = styled(Box)`
+  margin-top: 24px;
+`
+
+const StyledEthHashInfo = styled(EthHashInfo)`
+  margin-top: 24px;
+
+  p {
+    font-weight: bold;
+  }
+`
diff --git a/integrations/safe/components/tx-builder/modals/SaveBatchModal.tsx b/integrations/safe/components/tx-builder/modals/SaveBatchModal.tsx
new file mode 100644
index 00000000..88c1f6f8
--- /dev/null
+++ b/integrations/safe/components/tx-builder/modals/SaveBatchModal.tsx
@@ -0,0 +1,89 @@
+import { Button, GenericModal } from '@gnosis.pm/safe-react-components'
+import Box from '@material-ui/core/Box'
+import { useForm, ValidateResult } from 'react-hook-form'
+import { useNavigate } from 'react-router-dom'
+import styled from 'styled-components'
+
+import { SAVE_BATCH_PATH } from '../../routes/routes'
+import { useTransactionLibrary } from '../../store'
+import { Batch } from '../../typings/models'
+import Field from '../forms/fields/Field'
+import { TEXT_FIELD_TYPE } from '../forms/fields/fields'
+
+type SaveBatchModalProps = {
+  onClick: (name: string) => void
+  onClose: () => void
+}
+const BATCH_NAME_FIELD = 'batchName'
+
+type CreateBatchFormValuesTypes = {
+  [BATCH_NAME_FIELD]: string
+}
+
+const SaveBatchModal = ({ onClick, onClose }: SaveBatchModalProps) => {
+  const { handleSubmit, control } = useForm<CreateBatchFormValuesTypes>({
+    mode: 'onTouched',
+  })
+
+  const { batches } = useTransactionLibrary()
+
+  const navigate = useNavigate()
+
+  const onSubmit = (values: CreateBatchFormValuesTypes) => {
+    const { [BATCH_NAME_FIELD]: batchName } = values
+    onClick(batchName.trim())
+    navigate(SAVE_BATCH_PATH)
+  }
+
+  return (
+    <GenericModal
+      title="Save transaction Batch"
+      withoutBodyPadding
+      body={
+        <StyledModalBodyWrapper>
+          <form id={'create-batch-form'} onSubmit={handleSubmit(onSubmit)} noValidate>
+            <Field
+              id="batch-name-input"
+              name={BATCH_NAME_FIELD}
+              label={'Batch name'}
+              fieldType={TEXT_FIELD_TYPE}
+              validations={[(value: string) => validateBatchName(value, batches)]}
+              fullWidth
+              required
+              control={control}
+              showErrorsInTheLabel={false}
+            />
+            <Box display="flex" alignItems="center" justifyContent="center" maxWidth={'450px'}>
+              <Button size="md" type="submit">
+                Create
+              </Button>
+            </Box>
+          </form>
+        </StyledModalBodyWrapper>
+      }
+      onClose={onClose}
+    />
+  )
+}
+
+export default SaveBatchModal
+
+const StyledModalBodyWrapper = styled.div`
+  padding: 24px;
+  max-width: 450px;
+`
+
+const validateBatchName = (batchName: string, batches: Batch[]): ValidateResult => {
+  const batchNames = batches.map(({ name }) => name)
+  const isBatchNameAlreadyTaken = batchNames.includes(batchName)
+
+  if (isBatchNameAlreadyTaken) {
+    return 'this Batch name is already taken'
+  }
+
+  const trimmedBatchName = batchName.trim()
+
+  if (!trimmedBatchName) {
+    return 'Required'
+  }
+}
diff --git a/integrations/safe/components/tx-builder/modals/SuccessBatchCreationModal.tsx b/integrations/safe/components/tx-builder/modals/SuccessBatchCreationModal.tsx
new file mode 100644
index 00000000..22c23adb
--- /dev/null
+++ b/integrations/safe/components/tx-builder/modals/SuccessBatchCreationModal.tsx
@@ -0,0 +1,83 @@
+import { Dot, Text, Button, GenericModal, Title } from '@gnosis.pm/safe-react-components'
+import Box from '@material-ui/core/Box'
+import styled from 'styled-components'
+
+import { ReactComponent as SuccessBatchSVG } from '../../assets/success-batch.svg'
+
+type SuccessBatchCreationModalProps = {
+  count: number
+  onClick: () => void
+  onClose: () => void
+}
+
+const SuccessBatchCreationModal = ({ count, onClick, onClose }: SuccessBatchCreationModalProps) => {
+  return (
+    <GenericModal
+      title="Batch Created!"
+      withoutBodyPadding
+      body={
+        <StyledBodyWrapper
+          display="flex"
+          flexDirection={'column'}
+          alignItems="center"
+          justifyContent="center"
+        >
+          {/* Image Success */}
+          <SuccessBatchSVG />
+
+          {/* Title */}
+          <StyledBodyTitle size="md">Success!</StyledBodyTitle>
+
+          {/* Text */}
+          <StyledTextWrapper>
+            <StyledModalDot color="tag">
+              <Text size="xl" color="white">
+                {count}
+              </Text>
+            </StyledModalDot>
+
+            <StyledModalText size="xl">Transaction Batch in the queue.</StyledModalText>
+
+            <Text size="xl">You can now sign and execute it.</Text>
+          </StyledTextWrapper>
+
+          {/* Button */}
+          <Button size="md" onClick={onClick}>
+            Back to Tx Creation
+          </Button>
+        </StyledBodyWrapper>
+      }
+      onClose={onClose}
+    />
+  )
+}
+
+export default SuccessBatchCreationModal
+
+const StyledBodyWrapper = styled(Box)`
+  padding: 50px;
+`
+
+const StyledBodyTitle = styled(Title)`
+  font-size: 32px;
+  margin: 16px 0;
+`
+
+const StyledTextWrapper = styled.div`
+  position: relative;
+  margin-bottom: 32px;
+`
+
+const StyledModalDot = styled(Dot)`
+  position: absolute;
+  height: 24px;
+  width: 24px;
+  min-width: 24px;
+  top: -1px;
+
+  background-color: #566976;
+`
+
+const StyledModalText = styled(Text)`
+  text-indent: 28px;
+`
diff --git a/integrations/safe/components/tx-builder/modals/WrongChainBatchModal.tsx b/integrations/safe/components/tx-builder/modals/WrongChainBatchModal.tsx
new file mode 100644
index 00000000..c6f79b22
--- /dev/null
+++ b/integrations/safe/components/tx-builder/modals/WrongChainBatchModal.tsx
@@ -0,0 +1,66 @@
+import { Button, GenericModal, Icon, Text } from '@gnosis.pm/safe-react-components'
+import Box from '@material-ui/core/Box'
+import styled from 'styled-components'
+
+type WrongChainBatchModalProps = {
+  onClick: () => void
+  onClose: () => void
+  fileChainId: string | undefined
+}
+
+const WrongChainBatchModal = ({ onClick, onClose, fileChainId }: WrongChainBatchModalProps) => {
+  return (
+    <GenericModal
+      title={
+        <StyledContainerTitle
+          display="flex"
+          alignItems="center"
+          justifyContent="center"
+          width="100%"
+        >
+          <Icon size="md" type="alert" color="error" />
+          <StyledWarningLabel>Warning</StyledWarningLabel>
+        </StyledContainerTitle>
+      }
+      withoutBodyPadding
+      body={
+        <StyledModalBodyWrapper>
+          <Text size={'xl'} center>
+            This batch is from another Chain
+            {fileChainId ? ` (${fileChainId})` : ''}!
+          </Text>
+          <StyleButtonContainer
+            display="flex"
+            alignItems="center"
+            justifyContent="center"
+            maxWidth={'450px'}
+          >
+            <Button size="md" type="button" onClick={onClick}>
+              Ok, I understand
+            </Button>
+          </StyleButtonContainer>
+        </StyledModalBodyWrapper>
+      }
+      onClose={onClose}
+    />
+  )
+}
+
+export default WrongChainBatchModal
+
+const StyledContainerTitle = styled(Box)`
+  margin-left: 110px;
+`
+
+const StyledWarningLabel = styled.span`
+  margin-left: 8px;
+`
+
+const StyledModalBodyWrapper = styled.div`
+  padding: 24px;
+  max-width: 450px;
+`
+
+const StyleButtonContainer = styled(Box)`
+  margin-top: 24px;
+`
diff --git a/integrations/safe/hooks/use-connect-safe.tsx b/integrations/safe/hooks/use-connect-safe.tsx
new file mode 100644
index 00000000..5c98d06d
--- /dev/null
+++ b/integrations/safe/hooks/use-connect-safe.tsx
@@ -0,0 +1,106 @@
+'use client'
+
+import { ReactNode, createContext, useContext, useEffect, useState } from 'react'
+
+import { OwnerResponse } from '@safe-global/api-kit'
+import Safe from '@safe-global/protocol-kit'
+import { Address, useAccount } from 'wagmi'
+
+import { BlockExplorerLink } from '@/components/blockchain/block-explorer-link'
+import { Button } from '@/components/ui/button'
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
+import { useToast } from '@/lib/hooks/use-toast'
+
+import { Client } from '../safe-client'
+import { SafeContext } from '../safe-provider'
+
+const ConnectedSafeContext = createContext({})
+
+export function ConnectSafe({ children }: { children: ReactNode }) {
+  const { address } = useAccount()
+  const [safeSdk, setSafeSdk] = useState<Safe>()
+  const safeClient: Client = useContext(SafeContext) as Client
+  const [safeAddress, setSafeAddress] = useState<Address | undefined>()
+  const { toast, dismiss } = useToast()
+  const [ownerSafes, setOwnerSafes] = useState<string[]>()
+
+  useEffect(() => {
+    if (safeClient?.service != undefined && address != undefined) {
+      safeClient.service
+        .getSafesByOwner(address)
+        .then((res: OwnerResponse) => {
+          setOwnerSafes(res.safes)
+        })
+        .catch((error) => console.log(error))
+    }
+  }, [safeClient])
+
+  const handleToast = ({ title, description }: { title: string; description: string }) => {
+    toast({
+      title,
+      description,
+    })
+
+    setTimeout(() => {
+      dismiss()
+    }, 10000)
+  }
+
+  const handleConnect = (safeAddress: Address) => {
+    Safe.create({ ethAdapter: safeClient.ethAdapter, safeAddress })
+      .then((sdk) => {
+        setSafeSdk(sdk)
+        handleToast({
+          title: 'Safe connected',
+          description: 'Safe account succesfully connected.',
+        })
+        setSafeAddress(safeAddress)
+      })
+      .catch((error) => {
+        console.log(error)
+        handleToast({
+          title: 'An Error Occurred',
+          description: 'Error when trying to connect Safe. Try again later.',
+        })
+      })
+  }
+
+  // TODO: handle errors in the form on submit
+
+  return (
+    <ConnectedSafeContext.Provider value={{ safeSdk, safeAddress }}>
+      <div className="card mb-4 w-full">
+        {safeSdk != undefined ? (
+          <div className="flex max-w-full flex-wrap items-center justify-between break-words pb-2 pt-5">
+            <span className="font-semibold">Connected Safe Address:</span>
+            <BlockExplorerLink address={safeAddress} />
+            <Button className="btn btn-blue mt-4 w-full" onClick={() => setSafeSdk(undefined)}>
+              Disconnect Safe account
+            </Button>
+          </div>
+        ) : (
+          <div>
+            <p>Select a Safe account address to connect.</p>
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button className="btn btn-blue mt-4 w-full">Connect Safe account</Button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent forceMount align="center">
+                {ownerSafes?.map((address) => {
+                  return (
+                    <DropdownMenuItem key={address} onClick={() => handleConnect(address as Address)}>
+                      <span>{address}</span>
+                    </DropdownMenuItem>
+                  )
+                })}
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </div>
+        )}
+      </div>
+      {children}
+    </ConnectedSafeContext.Provider>
+  )
+}
+
+export const useConnectedSafe = (): any => useContext(ConnectedSafeContext)
diff --git a/integrations/safe/index.ts b/integrations/safe/index.ts
new file mode 100644
index 00000000..1973f278
--- /dev/null
+++ b/integrations/safe/index.ts
@@ -0,0 +1,2 @@
+export { SafeAppProvider } from "./safe-provider"
+
diff --git a/integrations/safe/safe-client.ts b/integrations/safe/safe-client.ts
new file mode 100644
index 00000000..c368c10a
--- /dev/null
+++ b/integrations/safe/safe-client.ts
@@ -0,0 +1,28 @@
+import SafeApiKit from '@safe-global/api-kit'
+import { SafeFactory } from '@safe-global/protocol-kit'
+import { EthersAdapter } from '@safe-global/protocol-kit'
+import { ethers } from 'ethers'
+
+export interface Client {
+  service: SafeApiKit
+  factory: SafeFactory
+  ethAdapter: EthersAdapter
+}
+
+export async function getSafeClient({ safeOwner }: { safeOwner: ethers.providers.JsonRpcSigner }): Promise<Client> {
+  const ethAdapter = new EthersAdapter({
+    ethers,
+    // Not sure how to fix types for the following line
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    signerOrProvider: safeOwner,
+  })
+
+  // TODO: figure out urls for dynamic networks
+  const txServiceUrl = 'https://safe-transaction-goerli.safe.global'
+  const safeService = new SafeApiKit({ txServiceUrl, ethAdapter })
+
+  const safeFactory = await SafeFactory.create({ ethAdapter })
+
+  return { service: safeService, factory: safeFactory, ethAdapter }
+}
diff --git a/integrations/safe/safe-provider.tsx b/integrations/safe/safe-provider.tsx
new file mode 100644
index 00000000..05fe38c9
--- /dev/null
+++ b/integrations/safe/safe-provider.tsx
@@ -0,0 +1,22 @@
+import { ReactNode, createContext, useEffect, useState, useMemo } from 'react'
+
+import SafeApiKit from '@safe-global/api-kit'
+import { EthersAdapter, SafeFactory } from '@safe-global/protocol-kit'
+
+import { useEthersSigner } from '@/lib/hooks/web3/use-ethers-signer'
+
+import { getSafeClient } from './safe-client'
+import { Client } from './safe-client'
+// import { SafeAppProvider } from '@safe-global/safe-apps-provider';
+import SafeProvider from '@safe-global/safe-apps-react-sdk';
+import { ethers } from 'ethers'
+
+
+export const SafeContext = createContext<Client | unknown>(null)
+
+export function SafeAppProvider({ children }: { children: ReactNode }) {
+  const ethers = useEthersSigner()
+
+  return <SafeProvider>{children}</SafeProvider>
+}
+
diff --git a/integrations/safe/utils/types.ts b/integrations/safe/utils/types.ts
new file mode 100644
index 00000000..e98cde46
--- /dev/null
+++ b/integrations/safe/utils/types.ts
@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react"
+import type { Address } from "wagmi"
+
+export interface SafeProps extends HTMLAttributes<HTMLElement> {
+  address?: Address
+  chainId?: number
+}
diff --git a/integrations/safe/wagmi.config.ts b/integrations/safe/wagmi.config.ts
new file mode 100644
index 00000000..e4295c65
--- /dev/null
+++ b/integrations/safe/wagmi.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from "@wagmi/cli"
+import { react } from "@wagmi/cli/plugins"
+
+import { erc1155ABI } from "./artifacts/core/erc1155-abi"
+
+export default defineConfig({
+  out: "./integrations/generated/erc1155-wagmi.ts",
+  contracts: [
+    {
+      name: "erc1155",
+      abi: erc1155ABI,
+    },
+  ],
+  plugins: [react()],
+})
diff --git a/lib/generated/blockchain.ts b/lib/generated/blockchain.ts
index 65219fec..ba706021 100644
--- a/lib/generated/blockchain.ts
+++ b/lib/generated/blockchain.ts
@@ -1,4 +1,4 @@
-// Generated by @wagmi/cli@1.1.0 on 9/11/2023 at 12:19:34 PM
+// Generated by @wagmi/cli@1.1.0 on 9/19/2023 at 5:30:04 PM
 import {
   useContractEvent,
   UseContractEventConfig,
@@ -262,13 +262,13 @@ export function useErc20Write<
 >(
   config: TMode extends "prepared"
     ? UseContractWriteConfig<
-      PrepareWriteContractResult<typeof erc20ABI, string>["request"]["abi"],
-      TFunctionName,
-      TMode
-    >
+        PrepareWriteContractResult<typeof erc20ABI, string>["request"]["abi"],
+        TFunctionName,
+        TMode
+      >
     : UseContractWriteConfig<typeof erc20ABI, TFunctionName, TMode> & {
-      abi?: never
-    } = {} as any
+        abi?: never
+      } = {} as any
 ) {
   return useContractWrite<typeof erc20ABI, TFunctionName, TMode>({
     abi: erc20ABI,
@@ -282,17 +282,17 @@ export function useErc20Write<
 export function useErc20Approve<TMode extends WriteContractMode = undefined>(
   config: TMode extends "prepared"
     ? UseContractWriteConfig<
-      PrepareWriteContractResult<
-        typeof erc20ABI,
-        "approve"
-      >["request"]["abi"],
-      "approve",
-      TMode
-    > & { functionName?: "approve" }
+        PrepareWriteContractResult<
+          typeof erc20ABI,
+          "approve"
+        >["request"]["abi"],
+        "approve",
+        TMode
+      > & { functionName?: "approve" }
     : UseContractWriteConfig<typeof erc20ABI, "approve", TMode> & {
-      abi?: never
-      functionName?: "approve"
-    } = {} as any
+        abi?: never
+        functionName?: "approve"
+      } = {} as any
 ) {
   return useContractWrite<typeof erc20ABI, "approve", TMode>({
     abi: erc20ABI,
@@ -307,17 +307,17 @@ export function useErc20Approve<TMode extends WriteContractMode = undefined>(
 export function useErc20Transfer<TMode extends WriteContractMode = undefined>(
   config: TMode extends "prepared"
     ? UseContractWriteConfig<
-      PrepareWriteContractResult<
-        typeof erc20ABI,
-        "transfer"
-      >["request"]["abi"],
-      "transfer",
-      TMode
-    > & { functionName?: "transfer" }
+        PrepareWriteContractResult<
+          typeof erc20ABI,
+          "transfer"
+        >["request"]["abi"],
+        "transfer",
+        TMode
+      > & { functionName?: "transfer" }
     : UseContractWriteConfig<typeof erc20ABI, "transfer", TMode> & {
-      abi?: never
-      functionName?: "transfer"
-    } = {} as any
+        abi?: never
+        functionName?: "transfer"
+      } = {} as any
 ) {
   return useContractWrite<typeof erc20ABI, "transfer", TMode>({
     abi: erc20ABI,
@@ -334,17 +334,17 @@ export function useErc20TransferFrom<
 >(
   config: TMode extends "prepared"
     ? UseContractWriteConfig<
-      PrepareWriteContractResult<
-        typeof erc20ABI,
-        "transferFrom"
-      >["request"]["abi"],
-      "transferFrom",
-      TMode
-    > & { functionName?: "transferFrom" }
+        PrepareWriteContractResult<
+          typeof erc20ABI,
+          "transferFrom"
+        >["request"]["abi"],
+        "transferFrom",
+        TMode
+      > & { functionName?: "transferFrom" }
     : UseContractWriteConfig<typeof erc20ABI, "transferFrom", TMode> & {
-      abi?: never
-      functionName?: "transferFrom"
-    } = {} as any
+        abi?: never
+        functionName?: "transferFrom"
+      } = {} as any
 ) {
   return useContractWrite<typeof erc20ABI, "transferFrom", TMode>({
     abi: erc20ABI,
diff --git a/package.json b/package.json
index b624c3b8..f1bd8a65 100644
--- a/package.json
+++ b/package.json
@@ -71,6 +71,12 @@
     "@radix-ui/react-toast": "^1.1.3",
     "@radix-ui/react-tooltip": "^1.0.3",
     "@rainbow-me/rainbowkit": "1.0.1",
+    "@safe-global/api-kit": "^1.3.0",
+    "@safe-global/protocol-kit": "^1.2.0",
+    "@safe-global/safe-apps-react-sdk": "^4.7.0",
+    "@safe-global/safe-apps-sdk": "^8.1.0",
+    "@safe-global/safe-core-sdk-types": "^2.2.0",
+    "@safe-global/safe-react-components": "^2.0.5",
     "@t3-oss/env-nextjs": "^0.4.0",
     "@tanstack/react-query": "^4.3.9",
     "abitype": "^0.9.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2c10e396..9feaeb9a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,9 +1,5 @@
 lockfileVersion: '6.0'
 
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
 dependencies:
   '@bgd-labs/aave-address-book':
     specifier: ^1.30.0
@@ -107,6 +103,24 @@ dependencies:
   '@rainbow-me/rainbowkit':
     specifier: 1.0.1
     version: 1.0.1(@types/react@18.0.26)(react-dom@18.2.0)(react@18.2.0)(viem@1.0.0)(wagmi@1.3.10)
+  '@safe-global/api-kit':
+    specifier: ^1.3.0
+    version: 1.3.1
+  '@safe-global/protocol-kit':
+    specifier: ^1.2.0
+    version: 1.3.0(ethers@5.7.2)
+  '@safe-global/safe-apps-react-sdk':
+    specifier: ^4.7.0
+    version: 4.7.0(react@18.2.0)(typescript@5.0.4)(zod@3.21.4)
+  '@safe-global/safe-apps-sdk':
+    specifier: ^8.1.0
+    version: 8.1.0(typescript@5.0.4)(zod@3.21.4)
+  '@safe-global/safe-core-sdk-types':
+    specifier: ^2.2.0
+    version: 2.3.0
+  '@safe-global/safe-react-components':
+    specifier: ^2.0.5
+    version: 2.0.6(@mui/material@5.14.10)(react-dom@18.2.0)(react@18.2.0)
   '@t3-oss/env-nextjs':
     specifier: ^0.4.0
     version: 0.4.0(typescript@5.0.4)(zod@3.21.4)
@@ -439,7 +453,7 @@ packages:
       '@babel/generator': 7.22.10
       '@babel/parser': 7.22.10
       '@babel/runtime': 7.21.5
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
       babel-preset-fbjs: 3.4.0(@babel/core@7.18.5)
       chalk: 4.1.2
@@ -507,7 +521,7 @@ packages:
       '@babel/traverse': 7.21.2
       '@babel/types': 7.21.2
       convert-source-map: 1.9.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.0
@@ -526,10 +540,10 @@ packages:
       '@babel/helpers': 7.21.0
       '@babel/parser': 7.22.10
       '@babel/template': 7.20.7
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
       convert-source-map: 1.9.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -549,10 +563,10 @@ packages:
       '@babel/helpers': 7.22.10
       '@babel/parser': 7.22.10
       '@babel/template': 7.22.5
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
       convert-source-map: 1.9.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -738,7 +752,7 @@ packages:
       '@babel/core': 7.18.5
       '@babel/helper-compilation-targets': 7.22.10
       '@babel/helper-plugin-utils': 7.20.2
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       lodash.debounce: 4.0.8
       resolve: 1.22.2
       semver: 6.3.1
@@ -753,7 +767,7 @@ packages:
       '@babel/core': 7.21.0
       '@babel/helper-compilation-targets': 7.22.10
       '@babel/helper-plugin-utils': 7.20.2
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       lodash.debounce: 4.0.8
       resolve: 1.22.2
       semver: 6.3.1
@@ -769,7 +783,7 @@ packages:
       '@babel/core': 7.18.5
       '@babel/helper-compilation-targets': 7.22.10
       '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       lodash.debounce: 4.0.8
       resolve: 1.22.2
     transitivePeerDependencies:
@@ -783,7 +797,7 @@ packages:
       '@babel/core': 7.22.10
       '@babel/helper-compilation-targets': 7.22.10
       '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       lodash.debounce: 4.0.8
       resolve: 1.22.2
     transitivePeerDependencies:
@@ -967,7 +981,7 @@ packages:
       '@babel/helper-member-expression-to-functions': 7.21.0
       '@babel/helper-optimise-call-expression': 7.18.6
       '@babel/template': 7.22.5
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
     transitivePeerDependencies:
       - supports-color
@@ -1037,7 +1051,7 @@ packages:
     dependencies:
       '@babel/helper-function-name': 7.22.5
       '@babel/template': 7.22.5
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
     transitivePeerDependencies:
       - supports-color
@@ -1057,7 +1071,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.5
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
     transitivePeerDependencies:
       - supports-color
@@ -3418,6 +3432,12 @@ packages:
     dependencies:
       regenerator-runtime: 0.13.11
 
+  /@babel/runtime@7.22.15:
+    resolution: {integrity: sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.0
+
   /@babel/template@7.20.7:
     resolution: {integrity: sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==}
     engines: {node: '>=6.9.0'}
@@ -3446,7 +3466,24 @@ packages:
       '@babel/helper-split-export-declaration': 7.18.6
       '@babel/parser': 7.21.2
       '@babel/types': 7.21.2
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
+  /@babel/traverse@7.22.10:
+    resolution: {integrity: sha512-Q/urqV4pRByiNNpb/f5OSv28ZlGJiFiiTh+GAHktbIrkPhPbl90+uW6SmpoLyZqutrg9AEaEf3Q/ZBRHBXgxig==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.22.10
+      '@babel/generator': 7.22.10
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/parser': 7.22.10
+      '@babel/types': 7.22.10
+      debug: 4.3.4
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -3467,6 +3504,7 @@ packages:
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
   /@babel/types@7.21.2:
     resolution: {integrity: sha512-3wRZSs7jiFaB8AjxiiD+VqN5DTG2iRvJGQ+qYFrs/654lg6kGTQWIOFjlBo5RaXuAZjBmP3+OQH4dmhqiiyYxw==}
@@ -3963,6 +4001,16 @@ packages:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
 
+  /@emotion/cache@11.11.0:
+    resolution: {integrity: sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==}
+    dependencies:
+      '@emotion/memoize': 0.8.1
+      '@emotion/sheet': 1.2.2
+      '@emotion/utils': 1.2.1
+      '@emotion/weak-memoize': 0.3.1
+      stylis: 4.2.0
+    dev: false
+
   /@emotion/hash@0.8.0:
     resolution: {integrity: sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==}
     dev: false
@@ -3991,6 +4039,10 @@ packages:
     resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
     dev: false
 
+  /@emotion/sheet@1.2.2:
+    resolution: {integrity: sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==}
+    dev: false
+
   /@emotion/stylis@0.8.5:
     resolution: {integrity: sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==}
     dev: false
@@ -3999,6 +4051,14 @@ packages:
     resolution: {integrity: sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==}
     dev: false
 
+  /@emotion/utils@1.2.1:
+    resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==}
+    dev: false
+
+  /@emotion/weak-memoize@0.3.1:
+    resolution: {integrity: sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==}
+    dev: false
+
   /@envelop/core@3.0.6:
     resolution: {integrity: sha512-06t1xCPXq6QFN7W1JUEf68aCwYN0OUDNAIoJe7bAqhaoa2vn7NCcuX1VHkJ/OWpmElUgCsRO6RiBbIru1in0Ig==}
     dependencies:
@@ -4088,7 +4148,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       espree: 9.5.0
       globals: 13.20.0
       ignore: 5.2.4
@@ -4553,6 +4613,12 @@ packages:
     resolution: {integrity: sha512-Bu+AMaXNjrpjh41znzHqaz3r2Nr8hHuHZT6V2LBKMhyMl0FgKA62PNYbqnfgmzOhoWZj70Zecisbo4H1rotP5g==}
     dev: false
 
+  /@floating-ui/core@1.5.0:
+    resolution: {integrity: sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==}
+    dependencies:
+      '@floating-ui/utils': 0.1.4
+    dev: false
+
   /@floating-ui/dom@0.5.4:
     resolution: {integrity: sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==}
     dependencies:
@@ -4565,6 +4631,13 @@ packages:
       '@floating-ui/core': 1.3.1
     dev: false
 
+  /@floating-ui/dom@1.5.3:
+    resolution: {integrity: sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==}
+    dependencies:
+      '@floating-ui/core': 1.5.0
+      '@floating-ui/utils': 0.1.4
+    dev: false
+
   /@floating-ui/react-dom@0.7.2(@types/react@18.0.26)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-1T0sJcpHgX/u4I1OzIEhlcrvkUN8ln39nz7fMoE/2HDHrPiMFoOGR7++GYyfUmIQHkkrTinaeQsO3XWubjSvGg==}
     peerDependencies:
@@ -4590,6 +4663,21 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@floating-ui/react-dom@2.0.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+    dependencies:
+      '@floating-ui/dom': 1.5.3
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@floating-ui/utils@0.1.4:
+    resolution: {integrity: sha512-qprfWkn82Iw821mcKofJ5Pk9wgioHicxcQMxx+5zt5GSKoqdWvgG5AxVmpmUUjzTLPVSH5auBrhI93Deayn/DA==}
+    dev: false
+
   /@gelatonetwork/automate-sdk@2.14.0:
     resolution: {integrity: sha512-wj+q42yzrhLG4k3EBKBHFyHiPRSNjwk7fdRPgDZrGe52MhaM+Rwxhly4ME6cUWgIhh31KrU8N60kkhIR3lWhww==}
     dependencies:
@@ -5189,7 +5277,7 @@ packages:
       tsconfig-paths: 4.2.0
       tslib: 2.5.0
       typescript: 5.0.4
-      ws: 8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10)
+      ws: 8.13.0
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@babel/core'
@@ -5601,7 +5689,7 @@ packages:
       graphql-ws: 5.12.1(graphql@16.8.0)
       isomorphic-ws: 5.0.0(ws@8.13.0)
       tslib: 2.5.0
-      ws: 8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10)
+      ws: 8.13.0
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -5619,7 +5707,7 @@ packages:
       graphql-ws: 5.14.0(graphql@16.8.0)
       isomorphic-ws: 5.0.0(ws@8.13.0)
       tslib: 2.5.0
-      ws: 8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10)
+      ws: 8.13.0
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -5671,7 +5759,7 @@ packages:
       graphql: 16.8.0
       isomorphic-ws: 5.0.0(ws@8.13.0)
       tslib: 2.5.0
-      ws: 8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10)
+      ws: 8.13.0
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -5688,7 +5776,7 @@ packages:
       graphql: 16.8.0
       isomorphic-ws: 5.0.0(ws@8.13.0)
       tslib: 2.5.0
-      ws: 8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10)
+      ws: 8.13.0
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -5805,7 +5893,7 @@ packages:
     dependencies:
       '@babel/parser': 7.22.10
       '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.18.5)
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
       '@graphql-tools/utils': 9.2.1(graphql@16.8.0)
       graphql: 16.8.0
@@ -5824,7 +5912,7 @@ packages:
       '@babel/core': 7.22.10
       '@babel/parser': 7.22.10
       '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.22.10)
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
       '@graphql-tools/utils': 10.0.5(graphql@16.8.0)
       graphql: 16.8.0
@@ -5946,7 +6034,7 @@ packages:
       '@types/json-stable-stringify': 1.0.34
       '@whatwg-node/fetch': 0.9.9
       chalk: 4.1.2
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       dotenv: 16.0.3
       graphql: 16.8.0
       graphql-request: 6.1.0(graphql@16.8.0)
@@ -6067,7 +6155,7 @@ packages:
       isomorphic-ws: 5.0.0(ws@8.13.0)
       tslib: 2.5.0
       value-or-promise: 1.0.12
-      ws: 8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10)
+      ws: 8.13.0
     transitivePeerDependencies:
       - '@types/node'
       - bufferutil
@@ -6094,7 +6182,7 @@ packages:
       isomorphic-ws: 5.0.0(ws@8.13.0)
       tslib: 2.5.0
       value-or-promise: 1.0.12
-      ws: 8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10)
+      ws: 8.13.0
     transitivePeerDependencies:
       - '@types/node'
       - bufferutil
@@ -6210,7 +6298,7 @@ packages:
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -6237,7 +6325,7 @@ packages:
       '@babel/core': 7.22.10
       '@babel/generator': 7.22.10
       '@babel/parser': 7.22.10
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
       prettier: 2.8.4
       semver: 7.5.4
@@ -6763,7 +6851,7 @@ packages:
       '@lit-protocol/misc-browser': 2.1.62
       '@lit-protocol/types': 2.1.62
       '@lit-protocol/uint8arrays': 2.1.62
-      '@walletconnect/ethereum-provider': 2.9.2(@walletconnect/modal@2.6.1)
+      '@walletconnect/ethereum-provider': 2.9.2
       ethers: 5.7.2
       lit-connect-modal: 0.1.11
       lit-siwe: 1.1.8(@ethersproject/contracts@5.7.0)(@ethersproject/hash@5.7.0)(@ethersproject/providers@5.7.2)(@ethersproject/wallet@5.7.0)
@@ -6849,6 +6937,29 @@ packages:
     resolution: {integrity: sha512-VWYAQh31e5Vu6YXvw7iDQja/f2Je6Obj8VoXLweWWfSpUnKqe1JJKGDLxOAuQUT3ZSaX7bYrq7hLIJdwdWmJQw==}
     dev: false
 
+  /@lit-protocol/encryption@2.1.161(node-fetch@2.6.12):
+    resolution: {integrity: sha512-O8ZiZtjzrXvBY8OuRyOviAQ1VK3Lsmh1G5qAovGwB1Za8fshGB2mTR4PBlQ7Zf2rb+qlxC7220sZ8Y20UtCd5A==}
+    dependencies:
+      '@lit-protocol/bls-sdk': 2.1.161
+      '@lit-protocol/constants': 2.1.161
+      '@lit-protocol/crypto': 2.1.161
+      '@lit-protocol/ecdsa-sdk': 2.1.161
+      '@lit-protocol/misc': 2.1.161
+      '@lit-protocol/nacl': 2.1.161
+      '@lit-protocol/types': 2.1.161
+      '@lit-protocol/uint8arrays': 2.1.161
+      ethers: 5.7.2
+      ipfs-http-client: 56.0.0(node-fetch@2.6.12)
+      jszip: 3.10.1
+      tslib: 2.5.0
+    transitivePeerDependencies:
+      - bufferutil
+      - encoding
+      - node-fetch
+      - supports-color
+      - utf-8-validate
+    dev: false
+
   /@lit-protocol/encryption@2.1.161(node-fetch@2.6.9):
     resolution: {integrity: sha512-O8ZiZtjzrXvBY8OuRyOviAQ1VK3Lsmh1G5qAovGwB1Za8fshGB2mTR4PBlQ7Zf2rb+qlxC7220sZ8Y20UtCd5A==}
     dependencies:
@@ -6901,7 +7012,7 @@ packages:
       '@lit-protocol/constants': 2.1.161
       '@lit-protocol/crypto': 2.1.161
       '@lit-protocol/ecdsa-sdk': 2.1.161
-      '@lit-protocol/encryption': 2.1.161(node-fetch@2.6.9)
+      '@lit-protocol/encryption': 2.1.161(node-fetch@2.6.12)
       '@lit-protocol/lit-third-party-libs': 2.1.161
       '@lit-protocol/misc': 2.1.161
       '@lit-protocol/misc-browser': 2.1.161
@@ -6910,11 +7021,11 @@ packages:
       '@lit-protocol/uint8arrays': 2.1.161
       blockstore-core: 3.0.0
       ethers: 5.7.2
-      ipfs-http-client: 56.0.0(node-fetch@2.6.9)
+      ipfs-http-client: 56.0.0(node-fetch@2.6.12)
       ipfs-unixfs-importer: 12.0.1
       jszip: 3.10.1
       lit-siwe: 1.1.8(@ethersproject/contracts@5.7.0)(@ethersproject/hash@5.7.0)(@ethersproject/providers@5.7.2)(@ethersproject/wallet@5.7.0)
-      node-fetch: 2.6.9
+      node-fetch: 2.6.12
       tslib: 2.5.0
     transitivePeerDependencies:
       - '@ethersproject/contracts'
@@ -7051,7 +7162,7 @@ packages:
       '@lit-protocol/nacl': 2.1.62
       '@lit-protocol/types': 2.1.62
       '@lit-protocol/uint8arrays': 2.1.62
-      '@walletconnect/ethereum-provider': 2.9.2(@walletconnect/modal@2.6.1)
+      '@walletconnect/ethereum-provider': 2.9.2
       ethers: 5.7.2
       jszip: 3.10.1
       lit-connect-modal: 0.1.11
@@ -7243,7 +7354,7 @@ packages:
     engines: {node: '>=14.0.0'}
     dependencies:
       '@types/debug': 4.1.7
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       semver: 7.5.4
       superstruct: 1.0.3
     transitivePeerDependencies:
@@ -7477,6 +7588,161 @@ packages:
       '@motionone/dom': 10.16.2
       tslib: 2.5.0
 
+  /@mui/base@5.0.0-beta.16(@types/react@18.0.26)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-OYxhC81c9bO0wobGcM8rrY5bRwpCXAI21BL0P2wz/2vTv4ek7ALz9+U5M8wgdmtRNUhmCmAB4L2WRwFRf5Cd8Q==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@floating-ui/react-dom': 2.0.2(react-dom@18.2.0)(react@18.2.0)
+      '@mui/types': 7.2.4(@types/react@18.0.26)
+      '@mui/utils': 5.14.10(@types/react@18.0.26)(react@18.2.0)
+      '@popperjs/core': 2.11.8
+      '@types/react': 18.0.26
+      clsx: 2.0.0
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@mui/core-downloads-tracker@5.14.10:
+    resolution: {integrity: sha512-kPHu/NhZq1k+vSZR5wq3AyUfD4bnfWAeuKpps0+8PS7ZHQ2Lyv1cXJh+PlFdCIOa0PK98rk3JPwMzS8BMhdHwQ==}
+    dev: false
+
+  /@mui/material@5.14.10(@types/react@18.0.26)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-ejFMppnO+lzBXpzju+N4SSz0Mhmi5sihXUGcr5FxpgB6bfUP0Lpe32O0Sw/3s8xlmLEvG1fqVT0rRyAVMlCA+A==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@emotion/react': ^11.5.0
+      '@emotion/styled': ^11.3.0
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@emotion/react':
+        optional: true
+      '@emotion/styled':
+        optional: true
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@mui/base': 5.0.0-beta.16(@types/react@18.0.26)(react-dom@18.2.0)(react@18.2.0)
+      '@mui/core-downloads-tracker': 5.14.10
+      '@mui/system': 5.14.10(@types/react@18.0.26)(react@18.2.0)
+      '@mui/types': 7.2.4(@types/react@18.0.26)
+      '@mui/utils': 5.14.10(@types/react@18.0.26)(react@18.2.0)
+      '@types/react': 18.0.26
+      '@types/react-transition-group': 4.4.6
+      clsx: 2.0.0
+      csstype: 3.1.2
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-is: 18.2.0
+      react-transition-group: 4.4.5(react-dom@18.2.0)(react@18.2.0)
+    dev: false
+
+  /@mui/private-theming@5.14.10(@types/react@18.0.26)(react@18.2.0):
+    resolution: {integrity: sha512-f67xOj3H06wWDT9xBg7hVL/HSKNF+HG1Kx0Pm23skkbEqD2Ef2Lif64e5nPdmWVv+7cISCYtSuE2aeuzrZe78w==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@mui/utils': 5.14.10(@types/react@18.0.26)(react@18.2.0)
+      '@types/react': 18.0.26
+      prop-types: 15.8.1
+      react: 18.2.0
+    dev: false
+
+  /@mui/styled-engine@5.14.10(react@18.2.0):
+    resolution: {integrity: sha512-EJckxmQHrsBvDbFu1trJkvjNw/1R7jfNarnqPSnL+jEQawCkQIqVELWLrlOa611TFtxSJGkdUfCFXeJC203HVg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@emotion/react': ^11.4.1
+      '@emotion/styled': ^11.3.0
+      react: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@emotion/react':
+        optional: true
+      '@emotion/styled':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@emotion/cache': 11.11.0
+      csstype: 3.1.2
+      prop-types: 15.8.1
+      react: 18.2.0
+    dev: false
+
+  /@mui/system@5.14.10(@types/react@18.0.26)(react@18.2.0):
+    resolution: {integrity: sha512-QQmtTG/R4gjmLiL5ECQ7kRxLKDm8aKKD7seGZfbINtRVJDyFhKChA1a+K2bfqIAaBo1EMDv+6FWNT1Q5cRKjFA==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@emotion/react': ^11.5.0
+      '@emotion/styled': ^11.3.0
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@emotion/react':
+        optional: true
+      '@emotion/styled':
+        optional: true
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@mui/private-theming': 5.14.10(@types/react@18.0.26)(react@18.2.0)
+      '@mui/styled-engine': 5.14.10(react@18.2.0)
+      '@mui/types': 7.2.4(@types/react@18.0.26)
+      '@mui/utils': 5.14.10(@types/react@18.0.26)(react@18.2.0)
+      '@types/react': 18.0.26
+      clsx: 2.0.0
+      csstype: 3.1.2
+      prop-types: 15.8.1
+      react: 18.2.0
+    dev: false
+
+  /@mui/types@7.2.4(@types/react@18.0.26):
+    resolution: {integrity: sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==}
+    peerDependencies:
+      '@types/react': '*'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.26
+    dev: false
+
+  /@mui/utils@5.14.10(@types/react@18.0.26)(react@18.2.0):
+    resolution: {integrity: sha512-Rn+vYQX7FxkcW0riDX/clNUwKuOJFH45HiULxwmpgnzQoQr3A0lb+QYwaZ+FAkZrR7qLoHKmLQlcItu6LT0y/Q==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      '@types/react': ^17.0.0 || ^18.0.0
+      react: ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@types/prop-types': 15.7.5
+      '@types/react': 18.0.26
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-is: 18.2.0
+    dev: false
+
   /@multiformats/murmur3@2.1.3:
     resolution: {integrity: sha512-YvLK1IrLnRckPsvXhOkZjaIGNonsEdD1dL3NPSaLilV/WjVYeBgnNZXTUsaPzFXGrIFM7motx+yCmmqzXO6gtQ==}
     engines: {node: '>=16.0.0', npm: '>=7.0.0'}
@@ -7650,7 +7916,7 @@ packages:
       '@nomicfoundation/ethereumjs-tx': 5.0.1
       '@nomicfoundation/ethereumjs-util': 9.0.1
       abstract-level: 1.0.3
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       ethereum-cryptography: 0.1.3
       level: 8.0.0
       lru-cache: 5.1.1
@@ -7691,7 +7957,7 @@ packages:
       '@nomicfoundation/ethereumjs-common': 4.0.1
       '@nomicfoundation/ethereumjs-tx': 5.0.1
       '@nomicfoundation/ethereumjs-util': 9.0.1
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       ethereum-cryptography: 0.1.3
       mcl-wasm: 0.7.9
       rustbn.js: 0.2.0
@@ -7712,7 +7978,7 @@ packages:
     dependencies:
       '@nomicfoundation/ethereumjs-common': 4.0.1
       '@nomicfoundation/ethereumjs-rlp': 5.0.1
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       ethereum-cryptography: 0.1.3
       ethers: 5.7.2
       js-sdsl: 4.3.0
@@ -7770,7 +8036,7 @@ packages:
       '@nomicfoundation/ethereumjs-trie': 6.0.1
       '@nomicfoundation/ethereumjs-tx': 5.0.1
       '@nomicfoundation/ethereumjs-util': 9.0.1
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       ethereum-cryptography: 0.1.3
       mcl-wasm: 0.7.9
       rustbn.js: 0.2.0
@@ -7940,6 +8206,10 @@ packages:
       tslib: 2.5.0
     dev: true
 
+  /@popperjs/core@2.11.8:
+    resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
+    dev: false
+
   /@prisma/client@4.11.0(prisma@4.11.0):
     resolution: {integrity: sha512-0INHYkQIqgAjrt7NzhYpeDQi8x3Nvylc2uDngKyFDDj1tTRQ4uV1HnVmd1sQEraeVAN63SOK0dgCKQHlvjL0KA==}
     engines: {node: '>=14.17'}
@@ -9601,6 +9871,38 @@ packages:
     resolution: {integrity: sha512-cEjvTPU32OM9lUFegJagO0mRnIn+rbqrG89vV8/xLnLFX0DoR0r1oy5IlTga71Q7uT3Qus7qm7wgeiMT/+Irlg==}
     dev: true
 
+  /@safe-global/api-kit@1.3.1:
+    resolution: {integrity: sha512-JKvCNs8p+42+N8pV2MIqoXlBLckTe5CKboVT7t9mTluuA66i5W8+Kr+B5j9D//EIU5vO7iSOOIYnJuA2ck4XRQ==}
+    dependencies:
+      '@ethersproject/abstract-signer': 5.7.0
+      '@safe-global/safe-core-sdk-types': 2.3.0
+      node-fetch: 2.6.12
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: false
+
+  /@safe-global/protocol-kit@1.3.0(ethers@5.7.2):
+    resolution: {integrity: sha512-zBhwHpaUggywmnR1Xm5RV22DpyjmVWYP3pnOl4rcf9LAc1k7IVmw6WIt2YVhHRaWGxVYMd4RitJX8Dx2+8eLZQ==}
+    dependencies:
+      '@ethersproject/address': 5.7.0
+      '@ethersproject/bignumber': 5.7.0
+      '@ethersproject/solidity': 5.7.0
+      '@safe-global/safe-deployments': 1.27.0
+      ethereumjs-util: 7.1.5
+      semver: 7.5.4
+      web3: 1.10.0
+      web3-core: 1.10.0
+      web3-utils: 1.10.0
+      zksync-web3: 0.14.3(ethers@5.7.2)
+    transitivePeerDependencies:
+      - bufferutil
+      - encoding
+      - ethers
+      - supports-color
+      - utf-8-validate
+    dev: false
+
   /@safe-global/safe-apps-provider@0.17.1(typescript@5.0.4)(zod@3.21.4):
     resolution: {integrity: sha512-lYfRqrbbK1aKU1/UGkYWc/X7PgySYcumXKc5FB2uuwAs2Ghj8uETuW5BrwPqyjBknRxutFbTv+gth/JzjxAhdQ==}
     dependencies:
@@ -9613,6 +9915,21 @@ packages:
       - utf-8-validate
       - zod
 
+  /@safe-global/safe-apps-react-sdk@4.7.0(react@18.2.0)(typescript@5.0.4)(zod@3.21.4):
+    resolution: {integrity: sha512-b8JwhKrnPoH7VDzb5RoaaKzikcbLOXYJGN+rm6xDBV992GhtvKTd5IUazdWpA51BogmpvBYrTpZQa0gSULsG3w==}
+    peerDependencies:
+      react: 16.x.x || 17.x.x || 18.x.x
+    dependencies:
+      '@safe-global/safe-apps-sdk': 8.1.0(typescript@5.0.4)(zod@3.21.4)
+      react: 18.2.0
+    transitivePeerDependencies:
+      - bufferutil
+      - encoding
+      - typescript
+      - utf-8-validate
+      - zod
+    dev: false
+
   /@safe-global/safe-apps-sdk@8.0.0(typescript@5.0.4)(zod@3.21.4):
     resolution: {integrity: sha512-gYw0ki/EAuV1oSyMxpqandHjnthZjYYy+YWpTAzf8BqfXM3ItcZLpjxfg+3+mXW8HIO+3jw6T9iiqEXsqHaMMw==}
     dependencies:
@@ -9637,6 +9954,25 @@ packages:
       - utf-8-validate
       - zod
 
+  /@safe-global/safe-core-sdk-types@2.3.0:
+    resolution: {integrity: sha512-dU0KkDV1KJNf11ajbUjWiSi4ygdyWfhk1M50lTJWUdCn1/2Bsb/hICM8LoEk6DCoFumxaoCet02SmYakXsW2CA==}
+    dependencies:
+      '@ethersproject/bignumber': 5.7.0
+      '@ethersproject/contracts': 5.7.0
+      '@safe-global/safe-deployments': 1.27.0
+      web3-core: 1.10.0
+      web3-utils: 1.10.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: false
+
+  /@safe-global/safe-deployments@1.27.0:
+    resolution: {integrity: sha512-Fj6NW2JwSrC3vFIiheTRBGTAdZJSUtXk4rTkZgGoO8MnFM+pWU2pJU2rWzH3EYOXvrndxT2UxsiUIkTbmB2hkw==}
+    dependencies:
+      semver: 7.5.4
+    dev: false
+
   /@safe-global/safe-gateway-typescript-sdk@3.7.3:
     resolution: {integrity: sha512-O6JCgXNZWG0Vv8FnOEjKfcbsP0WxGvoPJk5ufqUrsyBlHup16It6oaLnn+25nXFLBZOHI1bz8429JlqAc2t2hg==}
     dependencies:
@@ -9644,6 +9980,20 @@ packages:
     transitivePeerDependencies:
       - encoding
 
+  /@safe-global/safe-react-components@2.0.6(@mui/material@5.14.10)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-KCo/zf+xcBlXhcROQbyyscsfOExLV1dTQBoKrB2zluwQOQjbsKZu3qOpnIgU/94yHATm38IOJdC8snv6fQQe0A==}
+    peerDependencies:
+      '@mui/material': 5.x.x
+      react: 17.x.x || 18.x.x
+      react-dom: 17.x.x || 18.x.x
+    dependencies:
+      '@ethersproject/address': 5.7.0
+      '@mui/material': 5.14.10(@types/react@18.0.26)(react-dom@18.2.0)(react@18.2.0)
+      ethereum-blockies-base64: 1.0.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@scure/base@1.1.1:
     resolution: {integrity: sha512-ZxOhsSyxYwLJj3pLZCefNitxsj093tb2vq90mp2txoYeBqbcjDjqFhyM8eUjq/uFm6zJ+mUuqxlS2FkuSY1MTA==}
 
@@ -10541,6 +10891,12 @@ packages:
       '@types/react': 18.0.26
     dev: true
 
+  /@types/react-transition-group@4.4.6:
+    resolution: {integrity: sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==}
+    dependencies:
+      '@types/react': 18.0.26
+    dev: false
+
   /@types/react@18.0.26:
     resolution: {integrity: sha512-hCR3PJQsAIXyxhTNSiDFY//LhnMZWpNNr5etoCqx/iUfGc5gXWtQR2Phl908jVR6uPXacojQWTg4qRpkxTuGug==}
     dependencies:
@@ -10642,7 +10998,7 @@ packages:
       '@typescript-eslint/scope-manager': 5.59.11
       '@typescript-eslint/type-utils': 5.59.11(eslint@8.30.0)(typescript@5.0.4)
       '@typescript-eslint/utils': 5.59.11(eslint@8.30.0)(typescript@5.0.4)
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       eslint: 8.30.0
       grapheme-splitter: 1.0.4
       ignore: 5.2.4
@@ -10667,7 +11023,7 @@ packages:
       '@typescript-eslint/scope-manager': 5.59.11
       '@typescript-eslint/types': 5.59.11
       '@typescript-eslint/typescript-estree': 5.59.11(typescript@5.0.4)
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       eslint: 8.30.0
       typescript: 5.0.4
     transitivePeerDependencies:
@@ -10702,7 +11058,7 @@ packages:
     dependencies:
       '@typescript-eslint/typescript-estree': 5.59.11(typescript@5.0.4)
       '@typescript-eslint/utils': 5.59.11(eslint@8.30.0)(typescript@5.0.4)
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       eslint: 8.30.0
       tsutils: 3.21.0(typescript@5.0.4)
       typescript: 5.0.4
@@ -10731,7 +11087,7 @@ packages:
     dependencies:
       '@typescript-eslint/types': 5.54.1
       '@typescript-eslint/visitor-keys': 5.54.1
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.5.4
@@ -10752,7 +11108,7 @@ packages:
     dependencies:
       '@typescript-eslint/types': 5.59.11
       '@typescript-eslint/visitor-keys': 5.59.11
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.5.4
@@ -11117,6 +11473,31 @@ packages:
       - utf-8-validate
     dev: false
 
+  /@walletconnect/ethereum-provider@2.9.2:
+    resolution: {integrity: sha512-eO1dkhZffV1g7vpG19XUJTw09M/bwGUwwhy1mJ3AOPbOSbMPvwiCuRz2Kbtm1g9B0Jv15Dl+TvJ9vTgYF8zoZg==}
+    peerDependencies:
+      '@walletconnect/modal': '>=2'
+    peerDependenciesMeta:
+      '@walletconnect/modal':
+        optional: true
+    dependencies:
+      '@walletconnect/jsonrpc-http-connection': 1.0.7
+      '@walletconnect/jsonrpc-provider': 1.0.13
+      '@walletconnect/jsonrpc-types': 1.0.3
+      '@walletconnect/jsonrpc-utils': 1.0.8
+      '@walletconnect/sign-client': 2.9.2
+      '@walletconnect/types': 2.9.2
+      '@walletconnect/universal-provider': 2.9.2
+      '@walletconnect/utils': 2.9.2
+      events: 3.3.0
+    transitivePeerDependencies:
+      - '@react-native-async-storage/async-storage'
+      - bufferutil
+      - encoding
+      - lokijs
+      - utf-8-validate
+    dev: false
+
   /@walletconnect/ethereum-provider@2.9.2(@walletconnect/modal@2.6.1):
     resolution: {integrity: sha512-eO1dkhZffV1g7vpG19XUJTw09M/bwGUwwhy1mJ3AOPbOSbMPvwiCuRz2Kbtm1g9B0Jv15Dl+TvJ9vTgYF8zoZg==}
     peerDependencies:
@@ -11925,7 +12306,7 @@ packages:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
     dependencies:
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -11934,7 +12315,7 @@ packages:
     resolution: {integrity: sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==}
     engines: {node: '>= 14'}
     dependencies:
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -11943,7 +12324,7 @@ packages:
     resolution: {integrity: sha512-7Epl1Blf4Sy37j4v9f9FjICCh4+KAQOyXgHEwlyBiAQLbhKdq/i2QQU3amQalS/wPhdPzDXPL5DMR5bkn+YeWg==}
     engines: {node: '>= 8.0.0'}
     dependencies:
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       depd: 2.0.0
       humanize-ms: 1.2.1
     transitivePeerDependencies:
@@ -12385,7 +12766,7 @@ packages:
   /axios@0.21.4:
     resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==}
     dependencies:
-      follow-redirects: 1.15.2(debug@4.3.4)
+      follow-redirects: 1.15.2
     transitivePeerDependencies:
       - debug
     dev: false
@@ -12393,7 +12774,7 @@ packages:
   /axios@0.24.0:
     resolution: {integrity: sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==}
     dependencies:
-      follow-redirects: 1.15.2(debug@4.3.4)
+      follow-redirects: 1.15.2
     transitivePeerDependencies:
       - debug
     dev: false
@@ -12401,7 +12782,7 @@ packages:
   /axios@0.27.2:
     resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
     dependencies:
-      follow-redirects: 1.15.2(debug@4.3.4)
+      follow-redirects: 1.15.2
       form-data: 4.0.0
     transitivePeerDependencies:
       - debug
@@ -12410,7 +12791,7 @@ packages:
   /axios@1.3.3:
     resolution: {integrity: sha512-eYq77dYIFS77AQlhzEL937yUBSepBfPIe8FcgEDN35vMNZKMrs81pgnyrQpwfy4NF4b4XWX1Zgx7yX+25w8QJA==}
     dependencies:
-      follow-redirects: 1.15.2(debug@4.3.4)
+      follow-redirects: 1.15.2
       form-data: 4.0.0
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
@@ -12420,7 +12801,7 @@ packages:
   /axios@1.3.4:
     resolution: {integrity: sha512-toYm+Bsyl6VC5wSkfkbbNB6ROv7KY93PEBBL6xyDczaIHasAiv4wPqQ/c4RjoQzipxRD2W5g21cOqQulZ7rHwQ==}
     dependencies:
-      follow-redirects: 1.15.2(debug@4.3.4)
+      follow-redirects: 1.15.2
       form-data: 4.0.0
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
@@ -13479,6 +13860,11 @@ packages:
     resolution: {integrity: sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==}
     engines: {node: '>=6'}
 
+  /clsx@2.0.0:
+    resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
+    engines: {node: '>=6'}
+    dev: false
+
   /color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
@@ -14010,6 +14396,17 @@ packages:
       ms: 2.1.3
     dev: true
 
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+
   /debug@4.3.4(supports-color@5.5.0):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -14021,6 +14418,7 @@ packages:
     dependencies:
       ms: 2.1.2
       supports-color: 5.5.0
+    dev: false
 
   /debug@4.3.4(supports-color@8.1.1):
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
@@ -14319,10 +14717,21 @@ packages:
   /dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
+  /dns-over-http-resolver@1.2.3(node-fetch@2.6.12):
+    resolution: {integrity: sha512-miDiVSI6KSNbi4SVifzO/reD8rMnxgrlnkrlkugOLQpWQTe2qMdHsZp5DmfKjxNE+/T3VAAYLQUZMv9SMr6+AA==}
+    dependencies:
+      debug: 4.3.4
+      native-fetch: 3.0.0(node-fetch@2.6.12)
+      receptacle: 1.3.2
+    transitivePeerDependencies:
+      - node-fetch
+      - supports-color
+    dev: false
+
   /dns-over-http-resolver@1.2.3(node-fetch@2.6.9):
     resolution: {integrity: sha512-miDiVSI6KSNbi4SVifzO/reD8rMnxgrlnkrlkugOLQpWQTe2qMdHsZp5DmfKjxNE+/T3VAAYLQUZMv9SMr6+AA==}
     dependencies:
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       native-fetch: 3.0.0(node-fetch@2.6.9)
       receptacle: 1.3.2
     transitivePeerDependencies:
@@ -14351,6 +14760,13 @@ packages:
       esutils: 2.0.3
     dev: true
 
+  /dom-helpers@5.2.1:
+    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
+    dependencies:
+      '@babel/runtime': 7.22.15
+      csstype: 3.1.2
+    dev: false
+
   /dom-serializer@1.4.1:
     resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
     dependencies:
@@ -14520,7 +14936,7 @@ packages:
     resolution: {integrity: sha512-CQZqbrpEYnrpGqC07a9dJDz4gePZUgTPMU3NKJPSeQOyw27Tst4Pl3FemKoFGAlHzgZmKjoRmiJvbWfhCXUlIg==}
     dependencies:
       '@socket.io/component-emitter': 3.1.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       engine.io-parser: 5.2.1
       ws: 8.11.0
       xmlhttprequest-ssl: 2.0.0
@@ -15090,6 +15506,35 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-module-utils@2.7.4(@typescript-eslint/parser@5.59.11)(eslint-import-resolver-node@0.3.7)(eslint@8.30.0):
+    resolution: {integrity: sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.59.11(eslint@8.30.0)(typescript@5.0.4)
+      debug: 3.2.7
+      eslint: 8.30.0
+      eslint-import-resolver-node: 0.3.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.59.11)(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@3.5.5)(eslint@8.30.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
@@ -15392,7 +15837,7 @@ packages:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.1.1
@@ -15537,6 +15982,12 @@ packages:
     dependencies:
       fast-safe-stringify: 2.1.1
 
+  /ethereum-blockies-base64@1.0.2:
+    resolution: {integrity: sha512-Vg2HTm7slcWNKaRhCUl/L3b4KrB8ohQXdd5Pu3OI897EcR6tVRvUqdTwAyx+dnmoDzj8e2bwBLDQ50ByFmcz6w==}
+    dependencies:
+      pnglib: 0.0.1
+    dev: false
+
   /ethereum-bloom-filters@1.0.10:
     resolution: {integrity: sha512-rxJ5OFN3RwjQxDcFP2Z5+Q9ho4eIdEmSc2ht0fCu8Se9nbXjZ7/031uXoUYJ87KHCOdVeiUuwSnoS7hmYAGVHA==}
     dependencies:
@@ -16101,6 +16552,16 @@ packages:
     resolution: {integrity: sha512-HVzoK3r6Vsg+lKvlIZzaWNBVai+FXTX1wdYhz/wVlH13tb/gOdLXmlTqy6odmTBhT5UoWUbq0k8263Qhr9d88w==}
     engines: {node: '>=0.4.0'}
 
+  /follow-redirects@1.15.2:
+    resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dev: false
+
   /follow-redirects@1.15.2(debug@4.3.4):
     resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==}
     engines: {node: '>=4.0'}
@@ -16110,7 +16571,7 @@ packages:
       debug:
         optional: true
     dependencies:
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
     dev: false
 
   /for-each@0.3.3:
@@ -16739,7 +17200,7 @@ packages:
       chalk: 2.4.2
       chokidar: 3.5.3
       ci-info: 2.0.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       enquirer: 2.3.6
       env-paths: 2.2.1
       ethereum-cryptography: 1.2.0
@@ -16945,7 +17406,7 @@ packages:
     engines: {node: '>= 14'}
     dependencies:
       agent-base: 7.1.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -16980,7 +17441,7 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -16990,7 +17451,7 @@ packages:
     engines: {node: '>= 14'}
     dependencies:
       agent-base: 7.1.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -17220,6 +17681,19 @@ packages:
     engines: {node: '>= 0.10'}
     dev: false
 
+  /ipfs-core-types@0.10.3(node-fetch@2.6.12):
+    resolution: {integrity: sha512-GNid2lRBjR5qgScCglgk7w9Hk3TZAwPHQXxOLQx72wgyc0jF2U5NXRoKW0GRvX8NPbHmsrFszForIqxd23I1Gw==}
+    dependencies:
+      '@ipld/dag-pb': 2.1.18
+      interface-datastore: 6.1.1
+      ipfs-unixfs: 6.0.9
+      multiaddr: 10.0.1(node-fetch@2.6.12)
+      multiformats: 9.9.0
+    transitivePeerDependencies:
+      - node-fetch
+      - supports-color
+    dev: false
+
   /ipfs-core-types@0.10.3(node-fetch@2.6.9):
     resolution: {integrity: sha512-GNid2lRBjR5qgScCglgk7w9Hk3TZAwPHQXxOLQx72wgyc0jF2U5NXRoKW0GRvX8NPbHmsrFszForIqxd23I1Gw==}
     dependencies:
@@ -17233,13 +17707,42 @@ packages:
       - supports-color
     dev: false
 
+  /ipfs-core-utils@0.14.3(node-fetch@2.6.12):
+    resolution: {integrity: sha512-aBkewVhgAj3NWXPwu6imj0wADGiGVZmJzqKzODOJsibDjkx6FGdMv8kvvqtLnK8LS/dvSk9yk32IDtuDyYoV7Q==}
+    dependencies:
+      any-signal: 3.0.1
+      blob-to-it: 1.0.4
+      browser-readablestream-to-it: 1.0.3
+      debug: 4.3.4
+      err-code: 3.0.1
+      ipfs-core-types: 0.10.3(node-fetch@2.6.12)
+      ipfs-unixfs: 6.0.9
+      ipfs-utils: 9.0.14
+      it-all: 1.0.6
+      it-map: 1.0.6
+      it-peekable: 1.0.3
+      it-to-stream: 1.0.0
+      merge-options: 3.0.4
+      multiaddr: 10.0.1(node-fetch@2.6.12)
+      multiaddr-to-uri: 8.0.0(node-fetch@2.6.12)
+      multiformats: 9.9.0
+      nanoid: 3.3.6
+      parse-duration: 1.0.3
+      timeout-abort-controller: 3.0.0
+      uint8arrays: 3.1.1
+    transitivePeerDependencies:
+      - encoding
+      - node-fetch
+      - supports-color
+    dev: false
+
   /ipfs-core-utils@0.14.3(node-fetch@2.6.9):
     resolution: {integrity: sha512-aBkewVhgAj3NWXPwu6imj0wADGiGVZmJzqKzODOJsibDjkx6FGdMv8kvvqtLnK8LS/dvSk9yk32IDtuDyYoV7Q==}
     dependencies:
       any-signal: 3.0.1
       blob-to-it: 1.0.4
       browser-readablestream-to-it: 1.0.3
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       err-code: 3.0.1
       ipfs-core-types: 0.10.3(node-fetch@2.6.9)
       ipfs-unixfs: 6.0.9
@@ -17262,6 +17765,34 @@ packages:
       - supports-color
     dev: false
 
+  /ipfs-http-client@56.0.0(node-fetch@2.6.12):
+    resolution: {integrity: sha512-JF3on9c0hB9XHk/UCxbyC6rSpERuj8F/0QcN/HImZoHNUKZ0/T8DpgVopocKdmGi1gr3Izlop7poaXomSt8Nug==}
+    engines: {node: '>=15.0.0', npm: '>=3.0.0'}
+    dependencies:
+      '@ipld/dag-cbor': 7.0.3
+      '@ipld/dag-json': 8.0.11
+      '@ipld/dag-pb': 2.1.18
+      any-signal: 3.0.1
+      dag-jose: 1.0.0
+      debug: 4.3.4
+      err-code: 3.0.1
+      ipfs-core-types: 0.10.3(node-fetch@2.6.12)
+      ipfs-core-utils: 0.14.3(node-fetch@2.6.12)
+      ipfs-utils: 9.0.14
+      it-first: 1.0.7
+      it-last: 1.0.6
+      merge-options: 3.0.4
+      multiaddr: 10.0.1(node-fetch@2.6.12)
+      multiformats: 9.9.0
+      parse-duration: 1.0.3
+      stream-to-it: 0.2.4
+      uint8arrays: 3.1.1
+    transitivePeerDependencies:
+      - encoding
+      - node-fetch
+      - supports-color
+    dev: false
+
   /ipfs-http-client@56.0.0(node-fetch@2.6.9):
     resolution: {integrity: sha512-JF3on9c0hB9XHk/UCxbyC6rSpERuj8F/0QcN/HImZoHNUKZ0/T8DpgVopocKdmGi1gr3Izlop7poaXomSt8Nug==}
     engines: {node: '>=15.0.0', npm: '>=3.0.0'}
@@ -17271,7 +17802,7 @@ packages:
       '@ipld/dag-pb': 2.1.18
       any-signal: 3.0.1
       dag-jose: 1.0.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       err-code: 3.0.1
       ipfs-core-types: 0.10.3(node-fetch@2.6.9)
       ipfs-core-utils: 0.14.3(node-fetch@2.6.9)
@@ -17801,7 +18332,7 @@ packages:
   /isomorphic-fetch@3.0.0:
     resolution: {integrity: sha512-qvUtwJ3j6qwsF3jLxkZ72qCgjMysPzDfeV240JHiGZsANBYd+EEuu35v7dfrJ9Up0Ak07D7GGSkGhCHTqg/5wA==}
     dependencies:
-      node-fetch: 2.6.9
+      node-fetch: 2.6.12
       whatwg-fetch: 3.6.2
     transitivePeerDependencies:
       - encoding
@@ -17826,7 +18357,7 @@ packages:
     peerDependencies:
       ws: '*'
     dependencies:
-      ws: 8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10)
+      ws: 8.13.0
     dev: true
 
   /isstream@0.1.2:
@@ -18536,7 +19067,7 @@ packages:
       chalk: 5.2.0
       cli-truncate: 3.1.0
       commander: 10.0.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       execa: 7.1.0
       lilconfig: 2.1.0
       listr2: 5.0.8
@@ -19414,21 +19945,21 @@ packages:
     resolution: {integrity: sha512-MuWHubQHymUWBpZLwuKZQgA/qbb35WnDAKPo83rk7JRLIFPvzXSvFaC18voPuzJBt1V98lKQIonh6MiC9gd8Ug==}
     engines: {node: '>=16'}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.15
       react-refresh: 0.4.3
 
   /metro-runtime@0.76.8:
     resolution: {integrity: sha512-XKahvB+iuYJSCr3QqCpROli4B4zASAYpkK+j3a0CJmokxCDNbgyI4Fp88uIL6rNaZfN0Mv35S0b99SdFXIfHjg==}
     engines: {node: '>=16'}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.22.15
       react-refresh: 0.4.3
 
   /metro-source-map@0.76.7:
     resolution: {integrity: sha512-Prhx7PeRV1LuogT0Kn5VjCuFu9fVD68eefntdWabrksmNY6mXK8pRqzvNJOhTojh6nek+RxBzZeD6MIOOyXS6w==}
     engines: {node: '>=16'}
     dependencies:
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
       invariant: 2.2.4
       metro-symbolicate: 0.76.7
@@ -19443,7 +19974,7 @@ packages:
     resolution: {integrity: sha512-Hh0ncPsHPVf6wXQSqJqB3K9Zbudht4aUtNpNXYXSxH+pteWqGAXnjtPsRAnCsCWl38wL0jYF0rJDdMajUI3BDw==}
     engines: {node: '>=16'}
     dependencies:
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
       invariant: 2.2.4
       metro-symbolicate: 0.76.8
@@ -19489,7 +20020,7 @@ packages:
       '@babel/core': 7.22.10
       '@babel/generator': 7.22.10
       '@babel/template': 7.22.5
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - supports-color
@@ -19526,7 +20057,7 @@ packages:
       '@babel/generator': 7.22.10
       '@babel/parser': 7.22.10
       '@babel/template': 7.22.5
-      '@babel/traverse': 7.22.10(supports-color@5.5.0)
+      '@babel/traverse': 7.22.10
       '@babel/types': 7.22.10
       accepts: 1.3.8
       async: 3.2.4
@@ -19735,7 +20266,7 @@ packages:
     resolution: {integrity: sha512-6Mj0yHLdUZjHnOPgr5xfWIMqMWS12zDN6iws9SLuSz76W8jTtAv24MN4/CL7gJrl5vtxGInkkqDv/JIoRsQOvA==}
     dependencies:
       '@types/debug': 4.1.7
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       decode-named-character-reference: 1.0.2
       micromark-core-commonmark: 1.0.6
       micromark-factory-space: 1.0.0
@@ -20021,6 +20552,16 @@ packages:
     engines: {node: '>=12.13'}
     dev: false
 
+  /multiaddr-to-uri@8.0.0(node-fetch@2.6.12):
+    resolution: {integrity: sha512-dq4p/vsOOUdVEd1J1gl+R2GFrXJQH8yjLtz4hodqdVbieg39LvBOdMQRdQnfbg5LSM/q1BYNVf5CBbwZFFqBgA==}
+    deprecated: This module is deprecated, please upgrade to @multiformats/multiaddr-to-uri
+    dependencies:
+      multiaddr: 10.0.1(node-fetch@2.6.12)
+    transitivePeerDependencies:
+      - node-fetch
+      - supports-color
+    dev: false
+
   /multiaddr-to-uri@8.0.0(node-fetch@2.6.9):
     resolution: {integrity: sha512-dq4p/vsOOUdVEd1J1gl+R2GFrXJQH8yjLtz4hodqdVbieg39LvBOdMQRdQnfbg5LSM/q1BYNVf5CBbwZFFqBgA==}
     deprecated: This module is deprecated, please upgrade to @multiformats/multiaddr-to-uri
@@ -20031,6 +20572,21 @@ packages:
       - supports-color
     dev: false
 
+  /multiaddr@10.0.1(node-fetch@2.6.12):
+    resolution: {integrity: sha512-G5upNcGzEGuTHkzxezPrrD6CaIHR9uo+7MwqhNVcXTs33IInon4y7nMiGxl2CY5hG7chvYQUQhz5V52/Qe3cbg==}
+    deprecated: This module is deprecated, please upgrade to @multiformats/multiaddr
+    dependencies:
+      dns-over-http-resolver: 1.2.3(node-fetch@2.6.12)
+      err-code: 3.0.1
+      is-ip: 3.1.0
+      multiformats: 9.9.0
+      uint8arrays: 3.1.1
+      varint: 6.0.0
+    transitivePeerDependencies:
+      - node-fetch
+      - supports-color
+    dev: false
+
   /multiaddr@10.0.1(node-fetch@2.6.9):
     resolution: {integrity: sha512-G5upNcGzEGuTHkzxezPrrD6CaIHR9uo+7MwqhNVcXTs33IInon4y7nMiGxl2CY5hG7chvYQUQhz5V52/Qe3cbg==}
     deprecated: This module is deprecated, please upgrade to @multiformats/multiaddr
@@ -21060,6 +21616,10 @@ packages:
     resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
     engines: {node: '>=10.13.0'}
 
+  /pnglib@0.0.1:
+    resolution: {integrity: sha512-95ChzOoYLOPIyVmL+Y6X+abKGXUJlvOVLkB1QQkyXl7Uczc6FElUy/x01NS7r2GX6GRezloO/ecCX9h4U9KadA==}
+    dev: false
+
   /postcss-import@15.1.0(postcss@8.4.29):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
@@ -21541,7 +22101,7 @@ packages:
     dependencies:
       '@assemblyscript/loader': 0.9.4
       bl: 5.1.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       minimist: 1.2.8
       node-fetch: 2.6.12
       readable-stream: 3.6.2
@@ -21854,6 +22414,20 @@ packages:
       react: 18.2.0
     dev: false
 
+  /react-transition-group@4.4.5(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
+    peerDependencies:
+      react: '>=16.6.0'
+      react-dom: '>=16.6.0'
+    dependencies:
+      '@babel/runtime': 7.22.15
+      dom-helpers: 5.2.1
+      loose-envify: 1.4.0
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-wrap-balancer@0.3.0(react@18.2.0):
     resolution: {integrity: sha512-UlnQvCvSRW0jh8uILic2LJs4tV0KjOO+P70ookE5qRpfZvsKmY8KLcV8s7TBPB6cuVYkoH7+fbqankFrFata8w==}
     peerDependencies:
@@ -22008,6 +22582,9 @@ packages:
   /regenerator-runtime@0.13.11:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
 
+  /regenerator-runtime@0.14.0:
+    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
+
   /regenerator-transform@0.15.1:
     resolution: {integrity: sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg==}
     dependencies:
@@ -22668,7 +23245,7 @@ packages:
     resolution: {integrity: sha512-D1SaWpOW8afq1CZGWB8xTfrT3FekjQmPValrqncJMX7QFl8YwhrPTZvMCANLtgBwwdS+7zURyqxDDEmY558tTw==}
     dependencies:
       buffer: 6.0.3
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       err-code: 3.0.1
       get-browser-rtc: 1.1.0
       queue-microtask: 1.2.3
@@ -22774,7 +23351,7 @@ packages:
     engines: {node: '>=10.0.0'}
     dependencies:
       '@socket.io/component-emitter': 3.1.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
       engine.io-client: 6.5.2
       socket.io-parser: 4.2.4
     transitivePeerDependencies:
@@ -22788,7 +23365,7 @@ packages:
     engines: {node: '>=10.0.0'}
     dependencies:
       '@socket.io/component-emitter': 3.1.0
-      debug: 4.3.4(supports-color@5.5.0)
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -23232,6 +23809,10 @@ packages:
       react: 18.2.0
     dev: false
 
+  /stylis@4.2.0:
+    resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
+    dev: false
+
   /sucrase@3.34.0:
     resolution: {integrity: sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==}
     engines: {node: '>=8'}
@@ -25162,6 +25743,19 @@ packages:
       utf-8-validate:
         optional: true
 
+  /ws@8.13.0:
+    resolution: {integrity: sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+    dev: true
+
   /ws@8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10):
     resolution: {integrity: sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==}
     engines: {node: '>=10.0.0'}
@@ -25363,6 +25957,14 @@ packages:
     resolution: {integrity: sha512-PQ2PC7R9rslx84ndNBZB/Dkv8V8fZEpk83RLgXtYd0fwUgEjseMn1Dgajh2x6S8QbZAFa9p2qVCEuYZNgve0dQ==}
     dev: false
 
+  /zksync-web3@0.14.3(ethers@5.7.2):
+    resolution: {integrity: sha512-hT72th4AnqyLW1d5Jlv8N2B/qhEnl2NePK2A3org7tAa24niem/UAaHMkEvmWI3SF9waYUPtqAtjpf+yvQ9zvQ==}
+    peerDependencies:
+      ethers: ^5.7.0
+    dependencies:
+      ethers: 5.7.2
+    dev: false
+
   /zod-to-json-schema@3.21.4(zod@3.21.4):
     resolution: {integrity: sha512-fjUZh4nQ1s6HMccgIeE0VP4QG/YRGPmyjO9sAh890aQKPEk3nqbfUXhMFaC+Dr5KvYBm8BCyvfpZf2jY9aGSsw==}
     peerDependencies:
@@ -25404,3 +26006,7 @@ packages:
     dependencies:
       react: 18.2.0
       use-sync-external-store: 1.2.0(react@18.2.0)
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
diff --git a/public/integrations/safe-dark.svg b/public/integrations/safe-dark.svg
new file mode 100644
index 00000000..cd297421
--- /dev/null
+++ b/public/integrations/safe-dark.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 661.6 661.5" style="enable-background:new 0 0 661.6 661.5;" xml:space="preserve">
+<path d="M532,330.7h-49.4c-14.8,0-26.7,12-26.7,26.7v71.7c0,14.8-12,26.7-26.7,26.7H232.5c-14.8,0-26.7,12-26.7,26.7V532  c0,14.8,12,26.7,26.7,26.7h208c14.8,0,26.5-12,26.5-26.7v-39.6c0-14.8,12-25.2,26.7-25.2H532c14.8,0,26.7-12,26.7-26.7v-83.3  C558.7,342.3,546.7,330.7,532,330.7L532,330.7z"/>
+<path d="M205.8,232.5c0-14.8,12-26.7,26.7-26.7H429c14.8,0,26.7-12,26.7-26.7v-49.4c0-14.8-12-26.7-26.7-26.7H221.1  c-14.8,0-26.7,12-26.7,26.7v38.1c0,14.8-12,26.7-26.7,26.7h-38c-14.8,0-26.7,12-26.7,26.7v83.4c0,14.8,12,26.1,26.8,26.1h49.4  c14.8,0,26.7-12,26.7-26.7L205.8,232.5L205.8,232.5z"/>
+<path d="M307.5,278.8H355c15.5,0,28,12.6,28,28v47.5c0,15.5-12.6,28-28,28h-47.5c-15.5,0-28-12.6-28-28v-47.5  C279.5,291.3,292.1,278.8,307.5,278.8z"/>
+</svg>
diff --git a/public/integrations/safe-light.svg b/public/integrations/safe-light.svg
new file mode 100644
index 00000000..1c8272ae
--- /dev/null
+++ b/public/integrations/safe-light.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 661.62 661.47">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M531.98,330.7h-49.42c-14.76,0-26.72,11.96-26.72,26.72v71.73c0,14.76-11.96,26.72-26.72,26.72H232.51c-14.76,0-26.72,11.96-26.72,26.72v49.42c0,14.76,11.96,26.72,26.72,26.72h207.99c14.76,0,26.55-11.96,26.55-26.72v-39.65c0-14.76,11.96-25.23,26.72-25.23h38.2c14.76,0,26.72-11.96,26.72-26.72v-83.3c0-14.76-11.96-26.41-26.72-26.41Z"/>
+  <path class="cls-1" d="M205.78,232.52c0-14.76,11.96-26.72,26.72-26.72h196.49c14.76,0,26.72-11.96,26.72-26.72v-49.42c0-14.76-11.96-26.72-26.72-26.72H221.11c-14.76,0-26.72,11.96-26.72,26.72v38.08c0,14.76-11.96,26.72-26.72,26.72h-38.03c-14.76,0-26.72,11.96-26.72,26.72v83.39c0,14.76,12.01,26.12,26.77,26.12h49.42c14.76,0,26.72-11.96,26.72-26.72l-.05-71.44Z"/>
+  <path class="cls-1" d="M307.55,278.75h47.47c15.47,0,28.02,12.56,28.02,28.02v47.47c0,15.47-12.56,28.02-28.02,28.02h-47.47c-15.47,0-28.02-12.56-28.02-28.02v-47.47c0-15.47,12.56-28.02,28.02-28.02Z"/>
+</svg>