@web3icons/react 4.0.26 → 4.0.27

package/dist/{chunk-YJREC6G5.js → chunk-6DFWYIXT.js}

@@ -2198,13 +2198,27 @@ var globImport_icons_s_tsx = __glob({
 
 // src/utils/loadIcon.ts
 var iconCache = /* @__PURE__ */ new Map();
+var parseFileName = (fileName) => {
+  const parts = fileName.split(":");
+  if (parts.length !== 2) {
+    throw new Error(
+      `Invalid fileName format: "${fileName}". Expected format: "type:name" (e.g., "network:ethereum")`
+    );
+  }
+  return { type: parts[0], name: parts[1] };
+};
 var getIconKey = (type, metadata) => {
-  return `${type.charAt(0).toUpperCase()}${type.slice(1)}${type === "token" ? metadata.symbol.toUpperCase() : toPascalCase(metadata.id)}`;
+  const fileName = metadata.fileName;
+  const { type: iconType, name: iconName } = parseFileName(fileName);
+  const componentName = iconType === "token" ? iconName.replace(/[- ]+/g, "_").toUpperCase() : toPascalCase(iconName);
+  return `${iconType.charAt(0).toUpperCase()}${iconType.slice(1)}${componentName}`;
 };
 var loadIcon = (type, metadata) => {
   const key = getIconKey(type, metadata);
+  const fileName = metadata.fileName;
+  const { type: iconType } = parseFileName(fileName);
   if (!iconCache.has(key)) {
-    const importPromise = /* webpackChunkName: "[request]" */ globImport_icons_s_tsx(`../icons/${type}s/${key}.tsx`).then((module) => module.default).catch((error) => {
+    const importPromise = /* webpackChunkName: "[request]" */ globImport_icons_s_tsx(`../icons/${iconType}s/${key}.tsx`).then((module) => module.default).catch((error) => {
       console.warn(`Failed to load icon: ${key}`, error);
       return null;
     });

package/dist/dynamic.js

@@ -1,2 +1,2 @@
-export { ExchangeIcon, NetworkIcon, TokenIcon, WalletIcon } from './chunk-YJREC6G5.js';
+export { ExchangeIcon, NetworkIcon, TokenIcon, WalletIcon } from './chunk-6DFWYIXT.js';
 import './chunk-MLKFOR3D.js';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { ExchangeIcon, NetworkIcon, TokenIcon, WalletIcon } from './chunk-YJREC6G5.js';
+export { ExchangeIcon, NetworkIcon, TokenIcon, WalletIcon } from './chunk-6DFWYIXT.js';
 export { tokens_exports as tokenIcons } from './chunk-DY4T2EGR.js';
 export { TokenGT_default as TokenGT } from './chunk-7RCQ34OT.js';
 export { TokenMAN_default as TokenMAN } from './chunk-4RNGOF5Z.js';

package/package.json

@@ -11,7 +11,7 @@
     "crypto logos",
     "coin icons"
   ],
-  "version": "4.0.26",
+  "version": "4.0.27",
   "private": false,
   "license": "MIT",
   "type": "module",
@@ -45,7 +45,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@web3icons/common": "0.11.20",
+    "@web3icons/common": "0.11.21",
     "react": "^18.2.0"
   },
   "devDependencies": {