v0.30.0

Minor Changes

• feat: Moved the onError and onSuccess lifecycle listeners from the <SwapButton> component to the <Swap> component. By @Zizzamia #1139 ed2379e

Breaking Changes
OnchainKit standardizes lifecycle listeners with three callbacks: onError, onSuccess, and onStatus. The onError and onSuccess callbacks handle only the error and success states, respectively. In contrast, the onStatus callback provides more granular phases of each component's experience.

Before, we used onError and onSuccess in the <SwapButton /> component.

    const handleOnError = useCallback((error) => {
      console.log(error);
    }, []);

    const handleOnSuccess = useCallback((response) => {
      console.log(response);
    }, []);

    ...

    <Swap address={address}>
      <SwapAmountInput
        label="Sell"
        swappableTokens={swappableTokens}
        token={ETHToken}
        type="from"
      />
      <SwapToggleButton />
      <SwapAmountInput
        label="Buy"
        swappableTokens={swappableTokens}
        token={USDCToken}
        type="to"
      />
      <SwapButton
        onError={handleOnError}
        onSuccess={handleOnSuccess}
      />
      <SwapMessage />
    </Swap>

After, we use onStatus in the <Swap /> component.

    const handleOnStatus = useCallback((lifeCycleStatus: LifeCycleStatus) => {
      console.log('Status:', lifeCycleStatus);
    }, []);

    ...

    <Swap
      address={address}
      onStatus={handleOnStatus}
    >
      <SwapAmountInput
        label="Sell"
        swappableTokens={swappableTokens}
        token={ETHToken}
        type="from"
      />
      <SwapToggleButton />
      <SwapAmountInput
        label="Buy"
        swappableTokens={swappableTokens}
        token={USDCToken}
        type="to"
      />
      <SwapButton />
      <SwapMessage />
    </Swap>

The onStatus callback will expose

    export type LifeCycleStatus =
      | {
          statusName: "init";
          statusData: null;
        }
      | {
          statusName: "error";
          statusData: SwapError;
        }
      | {
          statusName: "amountChange";
          statusData: null;
        }
      | {
          statusName: "transactionPending";
          statusData: null;
        }
      | {
          statusName: "transactionApproved";
          statusData: {
            transactionHash: Hex;
            transactionType: "ERC20" | "Permit2";
          };
        }
      | {
          statusName: "success";
          statusData: {
            transactionReceipt: TransactionReceipt;
          };
        };

v0.29.5

Patch Changes

• feat: exported buildSwapTransaction, getSwapQuote and getTokens from API module. By @Zizzamia #1133 07c5af6
• feat: added useSendCall and useSendCalls hooks to support call-type transactions in Transaction component. By @0xAlec #1130

v0.29.4

Patch Changes

• feat: moved onSuccess and onError for Swap component at top level. By @Zizzamia #1123 886d974
• patch: removed unneccessary address prop from Transaction component and fix issue where Sponsor component isn't visible. By @abcrane123 #1114
• chore: updated disconnect SVG image. By @cpcramer #1103
• fix: improved issue with Swap where it wasn't fetching quote for amount without a leading 0. By @abcrane123 #1128
  g

v0.29.3

Patch Changes

• chore: Update all cases of BaseName to Basename. Update WalletDropdownBaseName to WalletDropdownBasename. Update the identity type BaseName to Basename and WalletDropdownBaseNameReact to WalletDropdownBasenameReact. By @cpcramer #1110 3d47932

v0.29.2

Patch Changes

• fix: better defined pressable classes were accessing the hover state variable. Update the TransactionButton and WalletDropdown to use our pre-existing pressable classes. By @cpcramer #1092 704e160
• feat: added transactionIdle and transactionPending to lifeCycleStatus in the Transaction experience. By @Zizzamia #1088

v0.29.1

Patch Changes

• feat: WalletDropdownFundLink small improvements. By @0xAlec #1070 a17237a
• feat: better handling of FrameButton post actions. By @brendan-defi #1053
• fix: default accountChain for Identity component. By @Zizzamia #1071

v0.29.0

Minor Changes

• feat: updated view transaction link experience. By @abcrane123 #1016 ccfc47f
• fix: modified Avatar component to handle images with varying height/width ratio. By @kirkas #1058
• chore: removed console.log statement in useWriteContracts. By @abcrane123 #1048
• feat: added mobile drawer for Wallet experinece, and useBreakpoints hook. By @abcrane123 #1045
• feat: introduced onStatus listener, to help expose the internal Transaction's component lifecycle. By @Zizzamia #1034 #1047 #1055
• feat: added WalletDropdownFundLink component as dropdown link for the keys.coinbase.com funding flow. By @0xAlec #1021
• chore: increased Wallet dropdown png size to 18x18. By @cpcramer #1041 #1064
• chore: Transaction components cleanup. By @Zizzamia #1028 #1029 #1052
• fix: adjusted dark mode within TransactionToast. By @abcrane123 #1020

v0.28.7

Patch Changes

• c14ca17: - fix: Wallet components svg render. By @cpcramer #1011

v0.28.6

Patch Changes

• 2169905: - fix: exported TransactionResponse type. By @abcrane123 #1007

v0.28.5

Patch Changes

• 9fbb7ec: - feat: added isBasename and getBaseDefaultProfilePicture function to resolve to default avatars. By @kirkas #1002
  • feat: modified getAvatar to resolve default avatars, only for basenames. By @kirkas #1002