Fix @walletconnect/utils issue when building web (#1252)

MiguelLZPF · ManuIOB · web-flow · commit 6461a00b2c3d · 2025-03-11T13:14:28.000+01:00
* fix: update overrides to update dependant dependancies in package.json

Signed-off-by: Miguel_LZPF &lt;miguel.carpena@io.builders&gt;

* fix: enable web build in GitHub action for specific module

Signed-off-by: Miguel_LZPF &lt;miguel.carpena@io.builders&gt;

* chore: bump version to 1.27.5 for all packages

Signed-off-by: Miguel_LZPF &lt;miguel.carpena@io.builders&gt;

* fix: lint web

Signed-off-by: Manu Fernández &lt;manuel@io.builders&gt;

---------

Signed-off-by: Miguel_LZPF &lt;miguel.carpena@io.builders&gt;
Signed-off-by: Manu Fernández &lt;manuel@io.builders&gt;
Co-authored-by: Manu Fernández &lt;manuel@io.builders&gt;
diff --git a/.github/actions/install-and-build/action.yaml b/.github/actions/install-and-build/action.yaml
@@ -28,8 +28,7 @@ runs:
       shell: sh
       run: npm run build --workspace=cli
 
-    # - name: Build Web
-    #   if: ${{ inputs.module == 'web' }}
-    #   shell: sh
-    #   run: npm run build
-    #   working-directory: web
+    - name: Build Web
+      if: ${{ inputs.module == 'web' }}
+      shell: sh
+      run: npm run build --workspace=web
diff --git a/backend/package.json b/backend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hashgraph/stablecoin-npm-backend",
-  "version": "1.27.4",
+  "version": "1.27.5",
   "description": "",
   "author": "",
   "license": "Apache-2.0",
diff --git a/cli/package.json b/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hashgraph/stablecoin-npm-cli",
-  "version": "1.27.4",
+  "version": "1.27.5",
   "description": "CLI for Hedera Stablecoin",
   "main": "./build/src/index.js",
   "bin": {
diff --git a/contracts/package.json b/contracts/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@hashgraph/stablecoin-npm-contracts",
-    "version": "1.27.4",
+    "version": "1.27.5",
     "description": "",
     "main": "./build/typechain-types/index.js",
     "module": "./build/typechain-types/index.js",
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hashgraph/hedera-stable-coin",
-  "version": "1.27.4",
+  "version": "1.27.5",
   "private": true,
   "description": "Stablecoin studio",
   "keywords": [
@@ -11,7 +11,7 @@
   "license": "Apache-2.0",
   "scripts": {
     "setup": "npm run install:all",
-    "install:all": "npm install && npm run build --workspaces && npm run prepare",
+    "install:all": "npm install && npm run build --workspaces",
     "install:backend": "npm install --workspace=backend",
     "install:contracts": "npm install --workspace=contracts",
     "install:sdk": "npm install --workspace=sdk",
@@ -55,7 +55,6 @@
     "prettier:backend:check": "npm run prettier:check --workspace=backend",
     "prettier:web:check": "npm run prettier:check --workspace=web",
     "prettier:cli:check": "npm run prettier:check --workspace=cli",
-    "prepare": "husky",
     "commitlint": "commitlint --edit"
   },
   "devDependencies": {
@@ -69,11 +68,8 @@
     "husky": "^9.1.7"
   },
   "overrides": {
-    "@walletconnect/web3wallet": {
-      "dependencies": {
-        "@walletconnect/utils": "2.19.0"
-      }
-    },
+    "@walletconnect/core": "2.19.0",
+    "@walletconnect/sign-client": "2.19.0",
     "@walletconnect/utils": "2.19.0"
   },
   "workspaces": [
diff --git a/sdk/package.json b/sdk/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@hashgraph/stablecoin-npm-sdk",
-	"version": "1.27.4",
+	"version": "1.27.5",
 	"description": "stablecoin studio SDK",
 	"main": "./build/cjs/src/index.js",
 	"module": "./build/esm/src/index.js",
diff --git a/web/package.json b/web/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@hashgraph/stablecoin-dapp",
-	"version": "1.27.4",
+	"version": "1.27.5",
 	"files": [
 		"build/"
 	],
diff --git a/web/src/components/ModalWalletConnect.tsx b/web/src/components/ModalWalletConnect.tsx
@@ -26,7 +26,6 @@ import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 import MULTISIG_LOGO_PNG from '../assets/png/multisigLogo.png';
-// import HASHPACK_LOGO_PNG from '../assets/png/hashpackLogo.png';
 import WALLETCONNECT_LOGO_PNG from '../assets/png/WCLogo.png';
 import METAMASK_LOGO from '../assets/svg/MetaMask_Fox.svg';
 import SDKService from '../services/SDKService';
@@ -85,7 +84,7 @@ const ModalWalletConnect = () => {
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	const [error, setError] = useState<any>();
 	const [rejected, setRejected] = useState<boolean>(false);
-	const [hashpackSelected, setHashpackSelected] = useState<boolean>(false);
+	const [hashpackSelected] = useState<boolean>(false);
 	const [hwcSelected, setHwcSelected] = useState<boolean>(false);
 	const [multiSigSelected, setMultiSigSelected] = useState<boolean>(false);
 	const availableWallets: SupportedWallets[] = useSelector(AVAILABLE_WALLETS);
@@ -98,8 +97,6 @@ const ModalWalletConnect = () => {
 	const { control, getValues } = useForm({
 		mode: 'onChange',
 	});
-	const isMultiSigBackendConfigured =
-		!!process.env.REACT_APP_BACKEND_URL && process.env.REACT_APP_BACKEND_URL.trim() !== '';
 
 	const isHWCProjectID =
 		!!process.env.REACT_APP_PROJECT_ID && process.env.REACT_APP_PROJECT_ID.trim() !== '';
@@ -210,20 +207,6 @@ const ModalWalletConnect = () => {
 		return factoryProxyConfig;
 	};
 
-	const handleConnectHashpackWallet = () => {
-		setHashpackSelected(true);
-	};
-
-	const unHandleConnectHashpackWallet = () => {
-		setHashpackSelected(false);
-		setLoading(undefined);
-	};
-
-	const handleConnectHashpackWalletConfirmed = () => {
-		const values = getValues();
-		handleWalletConnect(SupportedWallets.HASHPACK, values.networkHashpack.value);
-	};
-
 	const networkOptions = [{ value: 'testnet', label: 'Testnet' }];
 	if (
 		process.env.REACT_APP_ONLY_TESTNET === undefined ||
diff --git a/web/src/components/ModalsHandler.tsx b/web/src/components/ModalsHandler.tsx
@@ -4,9 +4,6 @@ import { useTranslation } from 'react-i18next';
 import ModalAction from './ModalAction';
 import type { ModalActionProps } from './ModalAction';
 import ModalNotification from './ModalNotification';
-import { SupportedWallets } from '@hashgraph/stablecoin-npm-sdk';
-import { useSelector } from 'react-redux';
-import { LAST_WALLET_SELECTED } from '../store/slices/walletSlice';
 
 export interface ModalsHandlerActionsProps
 	extends Pick<ModalActionProps, 'title' | 'confirmButtonLabel' | 'isOpen' | 'onClose'> {
diff --git a/web/src/layout/sidebar/Sidebar.tsx b/web/src/layout/sidebar/Sidebar.tsx
@@ -2,13 +2,8 @@ import { Flex } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { NamedRoutes } from '../../Router/NamedRoutes';
 import SidebarOption from './SidebarOption';
-import {
-	SELECTED_WALLET_COIN,
-	LAST_WALLET_SELECTED,
-	AVAILABLE_WALLETS,
-} from '../../store/slices/walletSlice';
+import { SELECTED_WALLET_COIN } from '../../store/slices/walletSlice';
 import { useSelector } from 'react-redux';
-import { SupportedWallets } from '@hashgraph/stablecoin-npm-sdk';
 
 interface optionsProps {
 	icon: string;
@@ -21,7 +16,6 @@ interface optionsProps {
 const Sidebar = () => {
 	const { t } = useTranslation('global');
 	const selectedStableCoin = useSelector(SELECTED_WALLET_COIN);
-	const lastWalletSelected = useSelector(LAST_WALLET_SELECTED);
 	const isMultiSigBackendConfigured =
 		!!process.env.REACT_APP_BACKEND_URL && process.env.REACT_APP_BACKEND_URL.trim() !== '';
 
diff --git a/web/src/views/MultiSigTransactions/MultisigTransactions.tsx b/web/src/views/MultiSigTransactions/MultisigTransactions.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import {
 	Box,
 	Button,
@@ -23,11 +23,7 @@ import {
 	useDisclosure,
 } from '@chakra-ui/react';
 // @ts-ignore
-import type {
-	AccountViewModel,
-	MultiSigTransactionsViewModel,
-	MultiSigTransactionViewModel,
-} from '@hashgraph/stablecoin-npm-sdk';
+import type { AccountViewModel, MultiSigTransactionViewModel } from '@hashgraph/stablecoin-npm-sdk';
 
 import { GetTransactionsRequest, SupportedWallets } from '@hashgraph/stablecoin-npm-sdk';
 import { ArrowForwardIcon, DeleteIcon, InfoOutlineIcon } from '@chakra-ui/icons';
diff --git a/web/src/views/MultiSigTransactions/components/MultiSigTransactionModal.tsx b/web/src/views/MultiSigTransactions/components/MultiSigTransactionModal.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {
 	Button,
 	Modal,
diff --git a/web/src/views/Operations/CheckKyc/index.tsx b/web/src/views/Operations/CheckKyc/index.tsx
@@ -10,7 +10,7 @@ import ModalsHandler from '../../../components/ModalsHandler';
 import type { ModalsHandlerActionsProps } from '../../../components/ModalsHandler';
 import { handleRequestValidation } from '../../../utils/validationsHelper';
 import SDKService from '../../../services/SDKService';
-import { LAST_WALLET_SELECTED, SELECTED_WALLET_COIN } from '../../../store/slices/walletSlice';
+import { SELECTED_WALLET_COIN } from '../../../store/slices/walletSlice';
 
 import { KYCRequest } from '@hashgraph/stablecoin-npm-sdk';
 import { useRefreshCoinInfo } from '../../../hooks/useRefreshCoinInfo';
diff --git a/web/src/views/Operations/DangerZone/index.tsx b/web/src/views/Operations/DangerZone/index.tsx
@@ -13,12 +13,12 @@ import {
 	walletActions,
 } from '../../../store/slices/walletSlice';
 import type { DirectActionProps } from '../../../components/DirectAction';
+import type { StableCoinCapabilities } from '@hashgraph/stablecoin-npm-sdk';
 import {
 	Access,
 	DeleteRequest,
 	Operation,
 	PauseRequest,
-	StableCoinCapabilities,
 	StableCoinRole,
 	SupportedWallets,
 } from '@hashgraph/stablecoin-npm-sdk';
@@ -48,7 +48,7 @@ const DangerZoneOperations = () => {
 	const selectedWallet = useSelector(LAST_WALLET_SELECTED);
 	const roles = useSelector(SELECTED_TOKEN_ROLES)!;
 
-	const { control, getValues, formState } = useForm({
+	const { control } = useForm({
 		mode: 'onChange',
 	});
 
diff --git a/web/src/views/Roles/GrantRoles.tsx b/web/src/views/Roles/GrantRoles.tsx
@@ -8,7 +8,6 @@ import {
 	Button,
 	Box,
 	HStack,
-	Divider,
 } from '@chakra-ui/react';
 import {
 	GrantRoleRequest,
diff --git a/web/src/views/Roles/ManageCashIn.tsx b/web/src/views/Roles/ManageCashIn.tsx
@@ -3,7 +3,7 @@ import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 
 import { useSelector } from 'react-redux';
-import React, { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import {
 	CheckSupplierLimitRequest,
 	DecreaseSupplierAllowanceRequest,
diff --git a/web/src/views/Roles/RevokeRoles.tsx b/web/src/views/Roles/RevokeRoles.tsx
@@ -1,9 +1,9 @@
 import { Button, CheckboxGroup, Flex, Grid, Heading, Text, useDisclosure } from '@chakra-ui/react';
+import type { StableCoinRole } from '@hashgraph/stablecoin-npm-sdk';
 import {
 	GetRolesRequest,
 	RevokeMultiRolesRequest,
 	RevokeRoleRequest,
-	StableCoinRole,
 	SupportedWallets,
 } from '@hashgraph/stablecoin-npm-sdk';
 import React, { useEffect, useMemo, useState } from 'react';
diff --git a/web/src/views/StableCoinCreation/Review.tsx b/web/src/views/StableCoinCreation/Review.tsx
@@ -1,12 +1,9 @@
 import { Heading, Stack, VStack } from '@chakra-ui/react';
 import type { UseFormReturn } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { useSelector } from 'react-redux';
-import { SupportedWallets } from '@hashgraph/stablecoin-npm-sdk';
 import DetailsReview from '../../components/DetailsReview';
 import { OTHER_KEY_VALUE } from './components/KeySelector';
 import { OTHER_ACCOUNT_VALUE } from './components/RoleSelector';
-import { SELECTED_WALLET } from '../../store/slices/walletSlice';
 
 interface ReviewProps {
 	form: UseFormReturn;
@@ -16,8 +13,6 @@ const Review = (props: ReviewProps) => {
 	const { form } = props;
 	const { t } = useTranslation(['global', 'stableCoinCreation']);
 
-	const wallet = useSelector(SELECTED_WALLET);
-
 	const { getValues } = form;
 	const {
 		hederaTokenManagerId,
@@ -50,7 +45,6 @@ const Review = (props: ReviewProps) => {
 		feeScheduleKey,
 		reserveAddress,
 		reserveInitialAmount,
-		grantKYCToOriginalSender,
 		currentAccountAsProxyAdminOwner,
 		proxyAdminOwnerAccount,
 	} = getValues();
diff --git a/web/src/views/StableCoinCreation/StableCoinCreation.tsx b/web/src/views/StableCoinCreation/StableCoinCreation.tsx
@@ -347,7 +347,7 @@ const StableCoinCreation = () => {
 					targetId: accountInfo.id!,
 					tokenId,
 				});
-				const response = await SDKService.associate(associateRequest);
+				await SDKService.associate(associateRequest);
 
 				if (grantKYCToOriginalSender) {
 					const grantKYCRequest = new KYCRequest({

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@hashgraph/stablecoin-npm-backend",`
`3`		`- "version": "1.27.4",`
	`3`	`+ "version": "1.27.5",`
`4`	`4`	`"description": "",`
`5`	`5`	`"author": "",`
`6`	`6`	`"license": "Apache-2.0",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@hashgraph/stablecoin-npm-cli",`
`3`		`- "version": "1.27.4",`
	`3`	`+ "version": "1.27.5",`
`4`	`4`	`"description": "CLI for Hedera Stablecoin",`
`5`	`5`	`"main": "./build/src/index.js",`
`6`	`6`	`"bin": {`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@hashgraph/stablecoin-npm-contracts",`
`3`		`- "version": "1.27.4",`
	`3`	`+ "version": "1.27.5",`
`4`	`4`	`"description": "",`
`5`	`5`	`"main": "./build/typechain-types/index.js",`
`6`	`6`	`"module": "./build/typechain-types/index.js",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@hashgraph/stablecoin-npm-sdk",`
`3`		`- "version": "1.27.4",`
	`3`	`+ "version": "1.27.5",`
`4`	`4`	`"description": "stablecoin studio SDK",`
`5`	`5`	`"main": "./build/cjs/src/index.js",`
`6`	`6`	`"module": "./build/esm/src/index.js",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@hashgraph/stablecoin-dapp",`
`3`		`- "version": "1.27.4",`
	`3`	`+ "version": "1.27.5",`
`4`	`4`	`"files": [`
`5`	`5`	`"build/"`
`6`	`6`	`],`