chore: Update uikit package.json (#7819)

<!--
Before opening a pull request, please read the [contributing
guidelines](https://github.com/pancakeswap/pancake-frontend/blob/develop/CONTRIBUTING.md)
first
-->

<!--
copilot:all
-->
### <samp>🤖 Generated by Copilot at ae57c60</samp>

### Summary
📦🛠️🌟

<!--
1. 📦 for updating the package version and fixing the repository field,
which are both related to the package metadata and distribution.
2. 🛠️ for simplifying the prepublish script and removing some
unnecessary dependencies, which are both related to the package
maintenance and development.
3. 🌟 for improving the uikit components, which is related to the package
functionality and user experience.
-->
Update uikit package and fix repository field. This pull request
enhances the uikit package by upgrading its version, removing unused
dependencies, and fixing the repository field to point to the correct
GitHub URL. It also simplifies the prepublish script to use yarn instead
of pnpm.

> _`uikit` updated_
> _fixes and simplifications_
> _autumn of cleaning_

### Walkthrough
* Increment uikit package version to 0.63.3
([link](https://github.com/pancakeswap/pancake-frontend/pull/7819/files?diff=unified&w=0#diff-cb0a1990ba52670ab2c56f831e950ca6447a9ca43ab7028565a66d0defd034d6L3-R3))
* Update repository field to point to pancake-frontend
([link](https://github.com/pancakeswap/pancake-frontend/pull/7819/files?diff=unified&w=0#diff-cb0a1990ba52670ab2c56f831e950ca6447a9ca43ab7028565a66d0defd034d6L33-R33))
* Replace prepublishOnly script with build:uikit command
([link](https://github.com/pancakeswap/pancake-frontend/pull/7819/files?diff=unified&w=0#diff-cb0a1990ba52670ab2c56f831e950ca6447a9ca43ab7028565a66d0defd034d6L47-R47))
* Remove unused @pancakeswap/farms package from peerDependencies and
dependencies
([link](https://github.com/pancakeswap/pancake-frontend/pull/7819/files?diff=unified&w=0#diff-cb0a1990ba52670ab2c56f831e950ca6447a9ca43ab7028565a66d0defd034d6L54),
[link](https://github.com/pancakeswap/pancake-frontend/pull/7819/files?diff=unified&w=0#diff-cb0a1990ba52670ab2c56f831e950ca6447a9ca43ab7028565a66d0defd034d6L133-R134))
* Remove unused viem package from devDependencies
([link](https://github.com/pancakeswap/pancake-frontend/pull/7819/files?diff=unified&w=0#diff-cb0a1990ba52670ab2c56f831e950ca6447a9ca43ab7028565a66d0defd034d6L133-R134))

---------

Co-authored-by: chefilip <[email protected]>

apps/web/src/components/SearchModal/CommonBases.tsx

@@ -1,6 +1,7 @@
 import { Currency, Token } from '@pancakeswap/sdk'
 import { ChainId } from '@pancakeswap/chains'
-import { Text, QuestionHelper, AutoColumn, CurrencyLogo } from '@pancakeswap/uikit'
+import { Text, QuestionHelper, AutoColumn } from '@pancakeswap/uikit'
+import { CurrencyLogo } from '@pancakeswap/widgets-internal'
 import { styled } from 'styled-components'
 import useNativeCurrency from 'hooks/useNativeCurrency'
 import { useTranslation } from '@pancakeswap/localization'

apps/web/src/components/SearchModal/CurrencyList.tsx

@@ -1,6 +1,7 @@
 import { useTranslation } from '@pancakeswap/localization'
 import { Currency, CurrencyAmount, Token } from '@pancakeswap/sdk'
-import { ArrowForwardIcon, Column, QuestionHelper, Text, CurrencyLogo } from '@pancakeswap/uikit'
+import { ArrowForwardIcon, Column, QuestionHelper, Text } from '@pancakeswap/uikit'
+import { CurrencyLogo } from '@pancakeswap/widgets-internal'
 import { formatAmount } from '@pancakeswap/utils/formatFractions'
 import { LightGreyCard } from 'components/Card'
 import { useActiveChainId } from 'hooks/useActiveChainId'

apps/web/src/views/BuyCrypto/components/OnRampCurrencySelect/index.tsx

@@ -1,17 +1,7 @@
 import { useTranslation } from '@pancakeswap/localization'
 import { Currency } from '@pancakeswap/sdk'
-import {
-  ArrowDropDownIcon,
-  Box,
-  BoxProps,
-  Button,
-  CurrencyLogo,
-  Flex,
-  Skeleton,
-  Text,
-  useModal,
-} from '@pancakeswap/uikit'
-import { NumericalInput } from '@pancakeswap/widgets-internal'
+import { ArrowDropDownIcon, Box, BoxProps, Button, Flex, Skeleton, Text, useModal } from '@pancakeswap/uikit'
+import { NumericalInput, CurrencyLogo } from '@pancakeswap/widgets-internal'
 import { FiatLogo } from 'components/Logo/CurrencyLogo'
 import CurrencySearchModal, { CurrencySearchModalProps } from 'components/SearchModal/CurrencySearchModal'
 import { useAllOnRampTokens } from 'hooks/Tokens'

apps/web/src/views/FixedStaking/components/FixedStakingRow.tsx

@@ -1,5 +1,4 @@
 import {
-  CurrencyLogo,
   Text,
   Flex,
   Box,
@@ -10,7 +9,7 @@ import {
   UnlockIcon,
   LockIcon,
 } from '@pancakeswap/uikit'
-import { Pool } from '@pancakeswap/widgets-internal'
+import { Pool, CurrencyLogo } from '@pancakeswap/widgets-internal'
 import { StyledCell } from 'views/Pools/components/PoolsTable/Cells/NameCell'
 import { useTranslation } from '@pancakeswap/localization'
 import React from 'react'

apps/web/src/views/FixedStaking/components/ModalTitle.tsx

@@ -1,4 +1,5 @@
-import { CurrencyLogo, Flex, Heading } from '@pancakeswap/uikit'
+import { Flex, Heading } from '@pancakeswap/uikit'
+import { CurrencyLogo } from '@pancakeswap/widgets-internal'
 import { Token } from '@pancakeswap/sdk'
 import { useTranslation } from '@pancakeswap/localization'
 import { UnlockedFixedTag } from './UnlockedFixedTag'

apps/web/src/views/Swap/V3Swap/components/RouteDisplayModal.tsx

@@ -9,9 +9,9 @@ import {
   useTooltip,
   AutoColumn,
   UseModalV2Props,
-  CurrencyLogo,
   AtomBox,
 } from '@pancakeswap/uikit'
+import { CurrencyLogo } from '@pancakeswap/widgets-internal'
 import { Currency } from '@pancakeswap/sdk'
 import { useMemo, memo } from 'react'
 

apps/web/src/views/Swap/components/HotTokenList/SwapTokenTable.tsx

@@ -5,7 +5,6 @@ import {
   ArrowForwardIcon,
   Box,
   Button,
-  CurrencyLogo,
   Flex,
   MoreIcon,
   NextLinkFromReactRouter,
@@ -14,6 +13,7 @@ import {
   Text,
   useMatchBreakpoints,
 } from '@pancakeswap/uikit'
+import { CurrencyLogo } from '@pancakeswap/widgets-internal'
 import { useActiveChainId } from 'hooks/useActiveChainId'
 import useTheme from 'hooks/useTheme'
 import orderBy from 'lodash/orderBy'

packages/uikit/package.json

@@ -30,7 +30,7 @@
       "types": "./dist/css/responsiveStyle.d.ts"
     }
   },
-  "repository": "https://github.com/pancakeswap/pancake-toolkit/tree/master/packages/pancake-uikit",
+  "repository": "https://github.com/pancakeswap/pancake-frontend/tree/develop/packages/uikit",
   "license": "MIT",
   "private": true,
   "scripts": {
@@ -44,23 +44,19 @@
     "build:storybook": "storybook build",
     "test": "vitest --run",
     "update:snapshot": "vitest -u",
-    "prepublishOnly": "pnpm run pkg:build",
+    "prepublishOnly": "pnpm run build:uikit",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@pancakeswap/hooks": "workspace:*",
-    "@pancakeswap/sdk": "workspace:*",
-    "@pancakeswap/swap-sdk-core": "workspace:*",
     "@pancakeswap/utils": "workspace:*",
-    "@pancakeswap/v3-sdk": "workspace:*",
     "@pancakeswap/chains": "workspace:*",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-typescript": "^8.2.1",
     "@rollup/plugin-url": "^6.0.0",
-    "@sentry/nextjs": "^7.0.0",
     "@storybook/addon-a11y": "^7.0.7",
     "@storybook/addon-actions": "^7.0.7",
     "@storybook/addon-essentials": "^7.0.7",
@@ -108,15 +104,13 @@
     "styled-components": "^6.0.7",
     "themeprovider-storybook": "^1.7.2",
     "ts-jest": "^27.1.3",
-    "viem": "^1.10.9",
     "vite": "^4.3.1",
     "vite-plugin-dts": "^3.5.3",
     "vite-tsconfig-paths": "^4.0.3",
     "vitest": "^0.27.2",
     "wagmi": "^1.3.10"
   },
   "peerDependencies": {
-    "@sentry/nextjs": "^7.0.0",
     "js-cookie": "*",
     "next": "*",
     "next-seo": "*",
@@ -127,16 +121,11 @@
     "react-redux": "^8.0.5",
     "react-transition-group": "*",
     "remark-gfm": "*",
-    "styled-components": "^6.0.7",
-    "viem": "^1.2.9"
+    "styled-components": "^6.0.7"
   },
   "dependencies": {
-    "@pancakeswap/farms": "workspace:*",
     "@pancakeswap/hooks": "workspace:*",
     "@pancakeswap/localization": "workspace:*",
-    "@pancakeswap/sdk": "workspace:*",
-    "@pancakeswap/swap-sdk-core": "workspace:*",
-    "@pancakeswap/v3-sdk": "workspace:*",
     "@popperjs/core": "^2.9.2",
     "@radix-ui/react-dismissable-layer": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.0",

packages/uikit/src/components/index.ts

@@ -63,8 +63,6 @@ export * from "./SeverityErrorText";
 export * from "./ReleasedChart";
 export * from "./BunnyKnownPlaceholder";
 export * from "./DropdownMenu";
-export * from "./CurrencyInput";
-export * from "./CurrencyLogo";
 export * from "./DynamicSection";
 export * from "./Chart";
 

packages/uikit/src/widgets/Modal/ModalInput.tsx

@@ -2,8 +2,7 @@ import BigNumber from "bignumber.js";
 import { useMemo } from "react";
 import { styled } from "styled-components";
 import { useTranslation } from "@pancakeswap/localization";
-import { parseUnits } from "viem";
-import { formatBigInt } from "@pancakeswap/utils/formatBalance";
+import { displayBalance } from "@pancakeswap/utils/displayBalance";
 import { trimTrailZero } from "@pancakeswap/utils/trimTrailZero";
 import { Flex } from "../../components/Box";
 import { Text } from "../../components/Text";
@@ -80,15 +79,6 @@ const ModalInput: React.FC<React.PropsWithChildren<ModalInputProps>> = ({
   const { t } = useTranslation();
   const isBalanceZero = max === "0" || !max;
 
-  const displayBalance = (balance: `${number}`) => {
-    if (isBalanceZero) {
-      return "0";
-    }
-
-    const balanceUnits = parseUnits(balance, decimals);
-    return formatBigInt(balanceUnits, decimals, decimals);
-  };
-
   const percentAmount = useMemo(
     () => ({
       25: maxAmount ? trimTrailZero(maxAmount.dividedBy(100).multipliedBy(25).toNumber().toFixed(decimals)) : undefined,
@@ -105,7 +95,15 @@ const ModalInput: React.FC<React.PropsWithChildren<ModalInputProps>> = ({
       <StyledTokenInput isWarning={isBalanceZero}>
         <Flex justifyContent="space-between" pl="16px">
           <Text fontSize="14px">{inputTitle}</Text>
-          <Text fontSize="14px">{t("Balance: %balance%", { balance: displayBalance(max as `${number}`) })}</Text>
+          <Text fontSize="14px">
+            {t("Balance: %balance%", {
+              balance: displayBalance({
+                balance: max as `${number}`,
+                decimals,
+                isBalanceZero,
+              }),
+            })}
+          </Text>
         </Flex>
         <Flex alignItems="flex-end" justifyContent="space-between">
           <StyledInput

packages/utils/displayBalance.ts

@@ -0,0 +1,19 @@
+import { formatBigInt } from './formatBalance'
+import { parseUnits } from './viem/parseUnits'
+
+export const displayBalance = ({
+  balance,
+  decimals,
+  isBalanceZero,
+}: {
+  balance: `${number}`
+  decimals: number
+  isBalanceZero: boolean
+}) => {
+  if (isBalanceZero) {
+    return '0'
+  }
+
+  const balanceUnits = parseUnits(balance, decimals)
+  return formatBigInt(balanceUnits, decimals, decimals)
+}

packages/utils/formatBalance.ts

@@ -1,8 +1,8 @@
 import BigNumber from 'bignumber.js'
-import { formatUnits } from 'viem'
 import { getLanguageCodeFromLS } from '@pancakeswap/localization'
 import _trimEnd from 'lodash/trimEnd'
 import { getFullDecimalMultiplier } from './getFullDecimalMultiplier'
+import { formatUnits } from './viem/formatUnits'
 
 /**
  * Take a formatted amount, e.g. 15 BNB and convert it to full decimal value, e.g. 15000000000000000

packages/utils/package.json

@@ -9,8 +9,7 @@
     "@pancakeswap/localization": "workspace:*",
     "date-fns": "^2.29.3",
     "lodash": "^4.17.21",
-    "styled-components": "^6.0.7",
-    "viem": "^1.10.9"
+    "styled-components": "^6.0.7"
   },
   "devDependencies": {
     "@pancakeswap/swap-sdk-core": "workspace:*",
@@ -19,7 +18,6 @@
     "jotai": "^2.2.2",
     "styled-components": "^6.0.7",
     "swr": "^2.1.3",
-    "viem": "^1.10.9",
     "vitest": "^0.30.1"
   },
   "peerDependenciesMeta": {

packages/utils/tryParseAmount.ts

@@ -1,5 +1,5 @@
-import { parseUnits } from 'viem'
 import { Currency, CurrencyAmount } from '@pancakeswap/swap-sdk-core'
+import { parseUnits } from './viem/parseUnits'
 
 // try to parse a user entered amount for a given token
 function tryParseAmount<T extends Currency>(value?: string, currency?: T): CurrencyAmount<T> | undefined {

packages/utils/viem/formatUnits.ts

@@ -0,0 +1,15 @@
+// Copy from viem package to avoid unneessary dependency
+export function formatUnits(value: bigint, decimals: number) {
+  let display = value.toString()
+
+  const negative = display.startsWith('-')
+  if (negative) display = display.slice(1)
+
+  display = display.padStart(decimals, '0')
+
+  let [integer, fraction] = [display.slice(0, display.length - decimals), display.slice(display.length - decimals)]
+  fraction = fraction.replace(/(0+)$/, '')
+  integer = integer || '0'
+
+  return `${negative ? '-' : ''}${integer}${fraction ? `.${fraction}` : ''}`
+}