fix: dompurify-imprts (#2284)

Author: mateuszjasiuk

apps/namadillo/src/utils/sdk.ts

@@ -1,11 +1,8 @@
 import { Sdk } from "@namada/sdk-multicore";
-// TODO: The following should work! moduleResolution: "node" prevents this from working.
-// import { initSdk } from "@namada/sdk-multicore/inline";
-// TODO: Remove the following work-around once the above is fixed!
+import { initSdk } from "@namada/sdk-multicore/inline";
 import { nativeTokenAddressAtom } from "atoms/chain";
 import { maspIndexerUrlAtom, rpcUrlAtom } from "atoms/settings";
 import { getDefaultStore } from "jotai";
-import { initSdk } from "../../../../node_modules/@namada/sdk-multicore/dist/sdk-multicore/src/initInline";
 
 const initializeSdk = async (): Promise<Sdk> => {
   const store = getDefaultStore();

apps/namadillo/src/workers/MaspTxWorker.ts

@@ -1,4 +1,5 @@
 import { Sdk } from "@namada/sdk-multicore";
+import { initSdk } from "@namada/sdk-multicore/inline";
 import {
   IbcTransferMsgValue,
   ShieldedTransferMsgValue,
@@ -10,7 +11,6 @@ import BigNumber from "bignumber.js";
 import * as Comlink from "comlink";
 import { buildTx, EncodedTxData } from "lib/query";
 import { namadaAsset, toDisplayAmount } from "utils";
-import { initSdk } from "../../../../node_modules/@namada/sdk-multicore/dist/sdk-multicore/src/initInline";
 import {
   Broadcast,
   BroadcastDone,

apps/namadillo/tsconfig.json

@@ -11,7 +11,7 @@
     "jsx": "react-jsx",
     "lib": ["dom", "dom.iterable", "esnext"],
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "noEmit": false,
     "noFallthroughCasesInSwitch": true,
     "resolveJsonModule": true,

packages/hooks/src/useSanitizedLocation.ts

@@ -1,12 +1,12 @@
-import { sanitize } from "isomorphic-dompurify";
+import dompurify from "isomorphic-dompurify";
 import { Location, useLocation } from "react-router-dom";
 
 export const useSanitizedLocation = (): Location => {
   const location = useLocation();
   return {
     ...location,
-    pathname: sanitize(location.pathname),
-    search: sanitize(location.search),
-    hash: sanitize(location.hash),
+    pathname: dompurify.sanitize(location.pathname),
+    search: dompurify.sanitize(location.search),
+    hash: dompurify.sanitize(location.hash),
   };
 };

packages/hooks/src/useSanitizedParams.ts

@@ -1,4 +1,4 @@
-import { sanitize } from "isomorphic-dompurify";
+import dompurify from "isomorphic-dompurify";
 import { Params, useParams } from "react-router-dom";
 
 type ParamsT<ParamsOrKey> = Readonly<
@@ -12,7 +12,7 @@ export function useSanitizedParams<
   return Object.entries(params).reduce(
     (acc, [key, value]) => ({
       ...acc,
-      [key]: typeof value === "string" ? sanitize(value) : value,
+      [key]: typeof value === "string" ? dompurify.sanitize(value) : value,
     }),
     {} as ParamsT<ParamsOrKey>
   );