fix commonjs issues

package.json

@@ -5,6 +5,8 @@
   "files": [
     "dist"
   ],
+  "main": "dist/index.js",
+  "module": "dist/index.mjs.js",
   "scripts": {
     "build": "tsup --config tsup.config.ts",
     "lint": "eslint src --ext .ts,tsx,js,jsx",
@@ -17,9 +19,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
     },
-    "./style.css": "./dist/style.css"
+    "./styles.css": "./dist/styles.css"
   },
   "repository": {
     "type": "git",

src/components/chat/BitteSpinner.tsx

@@ -1,4 +1,4 @@
-import Lottie from "react-lottie-player/dist/LottiePlayerLight";
+import Lottie from "react-lottie-player/dist/LottiePlayerLight.js";
 
 import { Color } from "../../lib/animation-colors/colors";
 import { hexToRgb } from "../../lib/animation-colors/hex-to-rgb";

src/components/chat/transactions/ReviewTransaction.tsx

@@ -1,5 +1,5 @@
 import { Transaction } from "@near-wallet-selector/core";
-import BN from "bn.js";
+import BN from "bn.js/lib/bn.js";
 import { SafeEncodedSignRequest } from "near-safe";
 import { useEffect, useState } from "react";
 import { useAccountBalance } from "../../../hooks/useAccountBalance";

src/global.d.ts

@@ -0,0 +1,4 @@
+declare module "bn.js/lib/bn.js" {
+  import BN from  "bn.js/lib/bn.js";
+  export default BN;
+}

src/hooks/useTxnFees.ts

@@ -1,6 +1,6 @@
 import { Transaction } from "@near-wallet-selector/core";
-import BN from "bn.js";
-import { formatNearAmount } from "near-api-js/lib/utils/format";
+import BN from  "bn.js/lib/bn.js";
+import { formatNearAmount } from "near-api-js/lib/utils/format.js";
 import { formatUnits } from "viem";
 import { removeTrailingZeros } from "../lib/utils";
 import { Cost } from "../types";

src/hooks/useTxnPrice.ts

@@ -1,11 +1,11 @@
-import { getLatestGasPrice } from "@mintbase-js/rpc/lib/methods/getLatestGasPrice";
+import { getLatestGasPrice } from "@mintbase-js/rpc/lib/methods/getLatestGasPrice.js";
 import {
   Action,
   FunctionCallAction,
   Transaction,
 } from "@near-wallet-selector/core";
 import BN from "bn.js/";
-import { formatNearAmount } from "near-api-js/lib/utils/format";
+import { formatNearAmount } from "near-api-js/lib/utils/format.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { RPC_URL } from "../lib/constants";
 import { Cost } from "../types";

src/index.ts

@@ -1,4 +1,2 @@
-import "./style.css";
-
 export * from "./components";
 export * from "./types";

src/lib/utils.ts

@@ -1,6 +1,6 @@
-import BN from "bn.js";
+import BN from "bn.js/lib/bn.js";
 import { clsx, type ClassValue } from "clsx";
-import { formatNearAmount } from "near-api-js/lib/utils/format";
+import { formatNearAmount } from "near-api-js/lib/utils/format.js";
 import { twMerge } from "tailwind-merge";
 import { Cost } from "../types/types";
 

src/types/transaction.ts

@@ -2,7 +2,7 @@ import type {
   FinalExecutionOutcome,
   Transaction,
 } from "@near-wallet-selector/core";
-import BN from "bn.js";
+import BN from  "bn.js/lib/bn.js";
 import { Account } from "near-api-js";
 import { SafeEncodedSignRequest } from "near-safe";
 import { SuccessInfo } from "../hooks/useTransaction";

src/types/types.ts

@@ -11,7 +11,7 @@ import { AssistantTool, FunctionTool } from "openai/resources/beta/assistants";
 import { FunctionDefinition } from "openai/resources/index";
 import { OpenAPIV3 } from "openapi-types";
 
-import BN from "bn.js";
+import BN from  "bn.js/lib/bn.js";
 import { Account } from "near-api-js/lib/account";
 import { SignRequestData } from "near-safe";
 import { Hex } from "viem";

tsup.config.ts

@@ -1,12 +1,12 @@
-import { defineConfig } from 'tsup'
-
+import { defineConfig } from 'tsup';
 
 export default defineConfig({
   entry: ['src/index.ts'],
   format: ['cjs', 'esm'],
   dts: true,
   clean: true,
   external: ['react', 'react-dom'],
+  noExternal: ['bn.js'],
   minify: true,
   outDir: 'dist',
   sourcemap: true,
@@ -23,4 +23,5 @@ export default defineConfig({
   loader: {
     '.css': 'copy',
   },
-});
+  onSuccess: 'npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify',
+});