chore: release (#838)

.changeset/lazy-shoes-work.md

@@ -2,4 +2,5 @@
 "@coinbase/onchainkit": patch
 ---
 
-- **feat**: retrieve txn hash for chain explorer by: @abcrane123 #831
+- **feat**: polish `Transaction` component. By @abcrane123 #831 #835
+- **chore**: fix TransactionGasFee test. By @cpcramer #830

README.md

@@ -379,13 +379,13 @@ Check out the following places for more OnchainKit-related content:
 
 ## Authors
 
-- [@zizzamia](https://github.com/zizzamia) ([X](https://twitter.com/hey_shells), [Warpcast](https://warpcast.com/zizzamia))
+- [Leonardo Zizzamia](https://github.com/zizzamia) ([X](https://twitter.com/zizzamia), [Warpcast](https://warpcast.com/zizzamia))
 - [Tina He](https://github.com/fakepixels) ([X](https://twitter.com/fkpxls))
-- [@0xchiaroscuro](https://github.com/0xchiaroscuro) ([X](https://twitter.com/chiaroscuro), [Warpcast](https://warpcast.com/chiaroscuro))
+- [Shelley Lai](https://github.com/0xchiaroscuro) ([X](https://twitter.com/chiaroscuro), [Warpcast](https://warpcast.com/chiaroscuro))
 - [Ky Lee](https://github.com/kyhyco)
 - [Mind Apivessa](https://github.com/mindapivessa) ([X](https://twitter.com/spicypaprika_))
-- [Alec Chen](https://github.com/0xAlec) ([X](https://twitter.com/0xAlec))
 - [Alissa Crane](https://github.com/abcrane123) ([X](https://twitter.com/abcrane123))
+- [Alec Chen](https://github.com/0xAlec) ([X](https://twitter.com/0xAlec))
 - [Paul Cramer](https://github.com/cpcramer) ([X](https://twitter.com/PaulCramer_))
 - [Léo Galley](https://github.com/kirkas)
 

biome.json

@@ -68,7 +68,7 @@
       "site/env.d.ts",
       "site/tailwind.config.js",
       "site/vocs.config.tsx",
-      "src/internal/form/useDebounce.ts"
+      "src/internal/hooks/useDebounce.ts"
     ]
   },
   "json": {

package.json

@@ -6,6 +6,7 @@
   "license": "MIT",
   "scripts": {
     "build": "packemon build --addEngines --addFiles --declaration && npx packemon validate --no-license --no-people --no-repo && tailwindcss -i ./src/styles/index.css -o ./src/tailwind.css --minify && tailwindcss -i ./src/styles/index-with-tailwind.css -o ./src/styles.css --minify",
+    "check": "biome check --write src/internal",
     "ci:format": "biome ci --linter-enabled=false --organize-imports-enabled=false",
     "ci:lint": "biome ci --formatter-enabled=false --organize-imports-enabled=false",
     "cp": "cp -R src site/docs/pages",

site/docs/pages/getting-started.mdx

@@ -61,12 +61,12 @@ PUBLIC_ONCHAINKIT_API_KEY=YOUR_PUBLIC_API_KEY
 #### Access the Public API Key in your code
 
 ```tsx [OnchainProviders.tsx]
-    <OnchainKitProvider 
-      apiKey={process.env.PUBLIC_ONCHAINKIT_API_KEY} // [!code focus] 
-      chain={base}
-    >
-      <YourComponents />
-    </OnchainKitProvider>
+<OnchainKitProvider 
+  apiKey={process.env.PUBLIC_ONCHAINKIT_API_KEY} // [!code focus] 
+  chain={base}
+>
+  <YourComponents />
+</OnchainKitProvider>
 ```
 
 ### Configure the OnchainKitProvider

site/docs/pages/index.mdx

@@ -356,33 +356,33 @@ setFilteredTokens(filteredTokens);
     <div className="flex grow flex-col items-center md:flex-row pt-[44px]">
       <div className="w-[664px] max-w-full">
 ```tsx
- <FrameMetadata
-      buttons={[
-        {
-          label: 'Tell me the story',
-        },
-        {
-          action: 'link',
-          label: 'Link to Google',
-          target: 'https://www.google.com'
-        },
-        {
-          action: 'post_redirect',
-          label: 'Redirect to cute pictures',
-        },
-      ]}
-      image={{
-       src: 'https://zizzamia.xyz/park-3.png',
-       aspectRatio: '1:1'
-      }}
-      input={{
-        text: 'Tell me a boat story',
-      }}
-      state={{
-        counter: 1,
-      }}
-      postUrl="https://zizzamia.xyz/api/frame"
-    />
+<FrameMetadata
+  buttons={[
+    {
+      label: 'Tell me the story',
+    },
+    {
+      action: 'link',
+      label: 'Link to Google',
+      target: 'https://www.google.com'
+    },
+    {
+      action: 'post_redirect',
+      label: 'Redirect to cute pictures',
+    },
+  ]}
+  image={{
+   src: 'https://zizzamia.xyz/park-3.png',
+   aspectRatio: '1:1'
+  }}
+  input={{
+    text: 'Tell me a boat story',
+  }}
+  state={{
+    counter: 1,
+  }}
+  postUrl="https://zizzamia.xyz/api/frame"
+/>
 ```
       </div>
       <div className='flex grow items-center justify-center h-auto p-6'>

src/internal/form/TextInput.tsx → src/internal/components/TextInput.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import type { ChangeEvent } from 'react';
-import { useDebounce } from './useDebounce';
+import { useDebounce } from '../hooks/useDebounce';
 
 type TextInputReact = {
   className: string;

src/swap/components/SwapAmountInput.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo } from 'react';
 import { TokenChip, TokenSelectDropdown } from '../../token';
 import { background, cn, color, pressable, text } from '../../styles/theme';
-import { TextInput } from '../../internal/form/TextInput';
+import { TextInput } from '../../internal/components/TextInput';
 import { isValidAmount } from '../../utils/isValidAmount';
 import { getRoundedAmount } from '../../utils/getRoundedAmount';
 import { useSwapContext } from './SwapProvider';

src/swap/components/SwapButton.test.tsx

@@ -7,7 +7,7 @@ vi.mock('./SwapProvider', () => ({
   useSwapContext: vi.fn(),
 }));
 
-vi.mock('../../internal/loading/Spinner', () => ({
+vi.mock('../../internal/components/Spinner', () => ({
   Spinner: () => <div data-testid="spinner">Loading...</div>,
 }));
 

src/swap/components/SwapButton.tsx

@@ -1,5 +1,5 @@
 import { background, cn, pressable, text } from '../../styles/theme';
-import { Spinner } from '../../internal/loading/Spinner';
+import { Spinner } from '../../internal/components/Spinner';
 import { useSwapContext } from './SwapProvider';
 import type { SwapButtonReact } from '../types';
 

src/token/components/TokenSearch.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useState } from 'react';
 import type { TokenSearchReact } from '../types';
 import { SearchIcon } from './SearchIcon';
-import { TextInput } from '../../internal/form/TextInput';
+import { TextInput } from '../../internal/components/TextInput';
 import { cn, color, pressable } from '../../styles/theme';
 
 export function TokenSearch({

src/transaction/components/TransactionButton.tsx

@@ -1,6 +1,6 @@
 import { background, cn, pressable, text } from '../../styles/theme';
 import { useTransactionContext } from './TransactionProvider';
-import { Spinner } from '../../internal/loading/Spinner';
+import { Spinner } from '../../internal/components/Spinner';
 import type { TransactionButtonReact } from '../types';
 
 export function TransactionButton({

src/transaction/components/TransactionStatusAction.test.tsx

@@ -1,9 +1,9 @@
 import { render, screen } from '@testing-library/react';
 import { describe, it, expect, vi } from 'vitest';
 import { TransactionStatusAction } from './TransactionStatusAction';
-import { useGetTransactionStatus } from '../core/useGetTransactionStatus';
+import { useGetTransactionStatus } from '../hooks/useGetTransactionStatus';
 
-vi.mock('../core/useGetTransactionStatus', () => ({
+vi.mock('../hooks/useGetTransactionStatus', () => ({
   useGetTransactionStatus: vi.fn(),
 }));
 

src/transaction/components/TransactionStatusLabel.test.tsx

@@ -1,9 +1,9 @@
 import { render, screen } from '@testing-library/react';
 import { describe, it, expect, vi } from 'vitest';
 import { TransactionStatusLabel } from './TransactionStatusLabel';
-import { useGetTransactionStatus } from '../core/useGetTransactionStatus';
+import { useGetTransactionStatus } from '../hooks/useGetTransactionStatus';
 
-vi.mock('../core/useGetTransactionStatus', () => ({
+vi.mock('../hooks/useGetTransactionStatus', () => ({
   useGetTransactionStatus: vi.fn(),
 }));
 

src/transaction/hooks/useGetTransactionToast.tsx

@@ -3,7 +3,7 @@ import { useTransactionContext } from '../components/TransactionProvider';
 import { cn, color, text } from '../../styles/theme';
 import { useOnchainKit } from '../../useOnchainKit';
 import { getChainExplorer } from '../../network/getChainExplorer';
-import { Spinner } from '../../internal/loading/Spinner';
+import { Spinner } from '../../internal/components/Spinner';
 import type { ReactNode } from 'react';
 
 const successSVG = (

src/version.ts

@@ -1 +1 @@
-export const version = '0.25.5';
+export const version = '0.25.6';

src/wallet/components/ConnectWallet.tsx

@@ -4,7 +4,7 @@ import { useAccount, useConnect } from 'wagmi';
 import { ConnectButton } from './ConnectButton';
 import { useWalletContext } from './WalletProvider';
 import { IdentityProvider } from '../../identity/components/IdentityProvider';
-import { Spinner } from '../../internal/loading/Spinner';
+import { Spinner } from '../../internal/components/Spinner';
 import { cn, color, pressable, text as dsText } from '../../styles/theme';
 import type { ConnectWalletReact } from '../types';
 

vitest.config.ts

@@ -21,10 +21,10 @@ export default defineConfig({
       ],
       reportOnFailure: true,
       thresholds: {
-        statements: 93.96,
+        statements: 93.78,
         branches: 97.3,
         functions: 86.82,
-        lines: 93.97,
+        lines: 93.78,
       },
     },
     environment: 'jsdom',