chore(funkit): bump funkit version 4.0.3

chore: sign messages

package.json

@@ -60,7 +60,7 @@
     "@dydxprotocol/v4-localization": "^1.1.257",
     "@dydxprotocol/v4-proto": "^7.0.0-dev.0",
     "@emotion/is-prop-valid": "^1.3.0",
-    "@funkit/connect": "^4.0.2",
+    "@funkit/connect": "^4.0.3",
     "@hugocxl/react-to-image": "^0.0.9",
     "@js-joda/core": "^5.5.3",
     "@keplr-wallet/types": "^0.12.121",

src/views/forms/AccountManagementForms/DepositForm/FunKitToggle.tsx

@@ -1,3 +1,7 @@
+import { useMemo } from 'react';
+
+import { useFunkitMaxCheckoutUsdInfo } from '@funkit/connect';
+
 import { STRING_KEYS } from '@/constants/localization';
 
 import { useStringGetter } from '@/hooks/useStringGetter';
@@ -10,6 +14,11 @@ type ElementProps = {
 
 export const FunkitToggle = ({ onToggle }: ElementProps) => {
   const stringGetter = useStringGetter();
+  const { limitLabel } = useFunkitMaxCheckoutUsdInfo();
+  // This returns '5k', '2k', etc. or 'no'
+  const formattedLimitLabel = useMemo(() => {
+    return limitLabel.startsWith('$') ? limitLabel.slice(1) : limitLabel;
+  }, [limitLabel]);
 
   return (
     <div tw="flex w-full rounded-0.5 bg-color-layer-4">
@@ -22,7 +31,12 @@ export const FunkitToggle = ({ onToggle }: ElementProps) => {
           {stringGetter({ key: STRING_KEYS.INSTANT })}
           <Icon iconName={IconName.FunkitInstant} tw="float-right" />
         </div>
-        <div tw="font-small-regular">{stringGetter({ key: STRING_KEYS.HIGHER_FEES })}</div>
+        <div tw="font-small-regular text-left">
+          {stringGetter({
+            key: STRING_KEYS.HIGHER_FEES,
+            params: { AMOUNT_USD: formattedLimitLabel },
+          })}
+        </div>
       </button>
       <div tw="flex w-1/2 flex-col items-start justify-center rounded-0.5 border-2 border-solid border-color-accent bg-color-layer-1 px-1 py-0.5">
         <div tw="flex w-full items-center justify-between font-medium-regular">