@metamask-previews/design-system-react 0.3.1-preview.89321d8 → 0.3.1-preview.c4d6431

package/dist/components/temp-components/Blockies/Blockies.cjs

@@ -4,13 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Blockies = void 0;
-const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const blo_1 = require("blo");
 const react_1 = __importDefault(require("react"));
 const Blockies = ({ address, size = 32, ...props }) => {
-    // Extract the account address from CAIP-10 format if needed
-    const accountAddress = (0, design_system_shared_1.extractAccountAddress)(address);
-    return (react_1.default.createElement("img", { src: (0, blo_1.blo)(accountAddress), height: size, width: size, alt: `Blockies for ${address}`, ...props }));
+    return (react_1.default.createElement("img", { src: (0, blo_1.blo)(address), height: size, width: size, alt: `Blockies for ${address}`, ...props }));
 };
 exports.Blockies = Blockies;
 exports.Blockies.displayName = 'Blockies';

package/dist/components/temp-components/Blockies/Blockies.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blockies.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/Blockies.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAAgF;AAChF,6BAA0B;AAC1B,kDAA0B;AAInB,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,4DAA4D;IAC5D,MAAM,cAAc,GAAG,IAAA,4CAAqB,EAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,uCACE,GAAG,EAAE,IAAA,SAAG,EAAC,cAA+B,CAAC,EACzC,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,gBAAgB,OAAO,EAAE,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,QAAQ,YAanB;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import { extractAccountAddress } from '@metamask-previews/design-system-shared';\nimport { blo } from 'blo';\nimport React from 'react';\n\nimport type { BlockiesProps } from './Blockies.types';\n\nexport const Blockies = ({ address, size = 32, ...props }: BlockiesProps) => {\n  // Extract the account address from CAIP-10 format if needed\n  const accountAddress = extractAccountAddress(address);\n\n  return (\n    <img\n      src={blo(accountAddress as `0x${string}`)}\n      height={size}\n      width={size}\n      alt={`Blockies for ${address}`} // TODO: Add localization for this\n      {...props}\n    />\n  );\n};\n\nBlockies.displayName = 'Blockies';\n"]}
+{"version":3,"file":"Blockies.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/Blockies.tsx"],"names":[],"mappings":";;;;;;AAAA,6BAA0B;AAC1B,kDAA0B;AAInB,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,OAAO,CACL,uCACE,GAAG,EAAE,IAAA,SAAG,EAAC,OAAwB,CAAC,EAClC,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,gBAAgB,OAAO,EAAE,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,QAAQ,YAUnB;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import { blo } from 'blo';\nimport React from 'react';\n\nimport type { BlockiesProps } from './Blockies.types';\n\nexport const Blockies = ({ address, size = 32, ...props }: BlockiesProps) => {\n  return (\n    <img\n      src={blo(address as `0x${string}`)}\n      height={size}\n      width={size}\n      alt={`Blockies for ${address}`} // TODO: Add localization for this\n      {...props}\n    />\n  );\n};\n\nBlockies.displayName = 'Blockies';\n"]}

package/dist/components/temp-components/Blockies/Blockies.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Blockies.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/Blockies.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ;kCAAsC,aAAa;;CAavE,CAAC"}
+{"version":3,"file":"Blockies.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/Blockies.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ;kCAAsC,aAAa;;CAUvE,CAAC"}

package/dist/components/temp-components/Blockies/Blockies.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Blockies.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/Blockies.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ;kCAAsC,aAAa;;CAavE,CAAC"}
+{"version":3,"file":"Blockies.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/Blockies.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ;kCAAsC,aAAa;;CAUvE,CAAC"}

package/dist/components/temp-components/Blockies/Blockies.mjs

@@ -4,14 +4,11 @@ function $importDefault(module) {
     }
     return module;
 }
-import { extractAccountAddress } from "@metamask-previews/design-system-shared";
 import { blo } from "blo";
 import $React from "react";
 const React = $importDefault($React);
 export const Blockies = ({ address, size = 32, ...props }) => {
-    // Extract the account address from CAIP-10 format if needed
-    const accountAddress = extractAccountAddress(address);
-    return (React.createElement("img", { src: blo(accountAddress), height: size, width: size, alt: `Blockies for ${address}`, ...props }));
+    return (React.createElement("img", { src: blo(address), height: size, width: size, alt: `Blockies for ${address}`, ...props }));
 };
 Blockies.displayName = 'Blockies';
 //# sourceMappingURL=Blockies.mjs.map

package/dist/components/temp-components/Blockies/Blockies.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blockies.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/Blockies.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,qBAAqB,EAAE,gDAAgD;AAChF,OAAO,EAAE,GAAG,EAAE,YAAY;AAC1B,OAAO,MAAK,cAAc;;AAI1B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,4DAA4D;IAC5D,MAAM,cAAc,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,CAAC,cAA+B,CAAC,EACzC,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,gBAAgB,OAAO,EAAE,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import { extractAccountAddress } from '@metamask-previews/design-system-shared';\nimport { blo } from 'blo';\nimport React from 'react';\n\nimport type { BlockiesProps } from './Blockies.types';\n\nexport const Blockies = ({ address, size = 32, ...props }: BlockiesProps) => {\n  // Extract the account address from CAIP-10 format if needed\n  const accountAddress = extractAccountAddress(address);\n\n  return (\n    <img\n      src={blo(accountAddress as `0x${string}`)}\n      height={size}\n      width={size}\n      alt={`Blockies for ${address}`} // TODO: Add localization for this\n      {...props}\n    />\n  );\n};\n\nBlockies.displayName = 'Blockies';\n"]}
+{"version":3,"file":"Blockies.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/Blockies.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,YAAY;AAC1B,OAAO,MAAK,cAAc;;AAI1B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,CAAC,OAAwB,CAAC,EAClC,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,gBAAgB,OAAO,EAAE,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import { blo } from 'blo';\nimport React from 'react';\n\nimport type { BlockiesProps } from './Blockies.types';\n\nexport const Blockies = ({ address, size = 32, ...props }: BlockiesProps) => {\n  return (\n    <img\n      src={blo(address as `0x${string}`)}\n      height={size}\n      width={size}\n      alt={`Blockies for ${address}`} // TODO: Add localization for this\n      {...props}\n    />\n  );\n};\n\nBlockies.displayName = 'Blockies';\n"]}

package/dist/components/temp-components/Jazzicon/Jazzicon.cjs

@@ -27,10 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Jazzicon = void 0;
-const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const jazzicon_1 = __importDefault(require("@metamask/jazzicon"));
+const utils_1 = require("@metamask/utils");
 const react_1 = __importStar(require("react"));
 const tw_merge_1 = require("../../../utils/tw-merge.cjs");
+const Jazzicon_utilities_1 = require("./Jazzicon.utilities.cjs");
 /**
  * Cache for storing generated SVG elements by `address:diameter` so
  * we don't regenerate them repeatedly.
@@ -39,43 +40,53 @@ const iconCache = {};
 const Jazzicon = ({ address, size = 32, className, ...props }) => {
     const containerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
-        if (!containerRef.current) {
-            return () => {
-                // No cleanup needed if container ref was null
-            };
-        }
-        // Clear any existing content
-        while (containerRef.current.firstChild) {
-            containerRef.current.removeChild(containerRef.current.firstChild);
-        }
-        // Check the cache
-        const cacheKey = `${address.toLowerCase()}:${size}`;
-        if (iconCache[cacheKey]) {
-            // If cached, just append a clone
-            const clone = iconCache[cacheKey].cloneNode(true);
-            containerRef.current.appendChild(clone);
-            return () => {
-                if (containerRef.current) {
-                    while (containerRef.current.firstChild) {
-                        containerRef.current.removeChild(containerRef.current.firstChild);
-                    }
+        let isCancelled = false;
+        const generateJazzicon = async () => {
+            if (!containerRef.current) {
+                return;
+            }
+            // Clear any existing content
+            while (containerRef.current.firstChild) {
+                containerRef.current.removeChild(containerRef.current.firstChild);
+            }
+            // Check the cache
+            const cacheKey = `${address.toLowerCase()}:${size}`;
+            if (iconCache[cacheKey]) {
+                // If cached, just append a clone
+                if (!isCancelled) {
+                    const clone = iconCache[cacheKey].cloneNode(true);
+                    containerRef.current.appendChild(clone);
                 }
-            };
-        }
-        // Extract the account address from CAIP-10 format if needed
-        const accountAddress = (0, design_system_shared_1.extractAccountAddress)(address);
-        // Generate appropriate seed based on address format
-        const seed = (0, design_system_shared_1.generateIconSeed)(accountAddress);
-        // Create Jazzicon
-        const newIcon = (0, jazzicon_1.default)(size, seed);
-        // Cache it
-        iconCache[cacheKey] = newIcon;
-        // Append a fresh clone
-        if (containerRef.current) {
-            containerRef.current.appendChild(newIcon.cloneNode(true));
-        }
+                return;
+            }
+            // Determine the CAIP namespace
+            const namespace = await (0, Jazzicon_utilities_1.getCaipNamespaceFromAddress)(address);
+            if (isCancelled) {
+                return;
+            }
+            // Pick seeding strategy based on namespace
+            let seed;
+            if (namespace === utils_1.KnownCaipNamespace.Eip155) {
+                seed = (0, Jazzicon_utilities_1.generateSeedEthereum)(address);
+            }
+            else {
+                seed = (0, Jazzicon_utilities_1.generateSeedNonEthereum)(address);
+            }
+            // Create Jazzicon
+            const newIcon = (0, jazzicon_1.default)(size, seed);
+            // Cache it
+            iconCache[cacheKey] = newIcon;
+            // Append a fresh clone
+            if (!isCancelled && containerRef.current) {
+                containerRef.current.appendChild(newIcon.cloneNode(true));
+            }
+        };
+        generateJazzicon().catch(() => {
+            // Silently ignore errors during async generation
+        });
         // Cleanup
         return () => {
+            isCancelled = true;
             if (containerRef.current) {
                 while (containerRef.current.firstChild) {
                     containerRef.current.removeChild(containerRef.current.firstChild);

package/dist/components/temp-components/Jazzicon/Jazzicon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Jazzicon.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kFAGiD;AACjD,kEAA0C;AAC1C,+CAAiD;AAEjD,0DAAkD;AAIlD;;;GAGG;AACH,MAAM,SAAS,GAAmC,EAAE,CAAC;AAE9C,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,IAAI,GAAG,EAAE,EACT,SAAS,EACT,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,OAAO,GAAG,EAAE;gBACV,8CAA8C;YAChD,CAAC,CAAC;SACH;QAED,6BAA6B;QAC7B,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;YACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACnE;QAED,kBAAkB;QAClB,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC;QACpD,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;YACvB,iCAAiC;YACjC,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,IAAI,CAAmB,CAAC;YACpE,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACxC,OAAO,GAAG,EAAE;gBACV,IAAI,YAAY,CAAC,OAAO,EAAE;oBACxB,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;wBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;qBACnE;iBACF;YACH,CAAC,CAAC;SACH;QAED,4DAA4D;QAC5D,MAAM,cAAc,GAAG,IAAA,4CAAqB,EAAC,OAAO,CAAC,CAAC;QAEtD,oDAAoD;QACpD,MAAM,IAAI,GAAG,IAAA,uCAAgB,EAAC,cAAc,CAAC,CAAC;QAE9C,kBAAkB;QAClB,MAAM,OAAO,GAAG,IAAA,kBAAQ,EAAC,IAAI,EAAE,IAAI,CAAmB,CAAC;QAEvD,WAAW;QACX,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAyB,CAAC;QAEhD,uBAAuB;QACvB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;SAC3D;QAED,UAAU;QACV,OAAO,GAAG,EAAE;YACV,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxB,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;oBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;iBACnE;aACF;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,uCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,kBAAO,EAAC,4BAA4B,EAAE,SAAS,CAAC,KACvD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AArEW,QAAA,QAAQ,YAqEnB;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import {\n  extractAccountAddress,\n  generateIconSeed,\n} from '@metamask-previews/design-system-shared';\nimport jazzicon from '@metamask/jazzicon';\nimport React, { useEffect, useRef } from 'react';\n\nimport { twMerge } from '../../../utils/tw-merge';\n\nimport type { JazziconProps } from './Jazzicon.types';\n\n/**\n * Cache for storing generated SVG elements by `address:diameter` so\n * we don't regenerate them repeatedly.\n */\nconst iconCache: Record<string, HTMLDivElement> = {};\n\nexport const Jazzicon = ({\n  address,\n  size = 32,\n  className,\n  ...props\n}: JazziconProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!containerRef.current) {\n      return () => {\n        // No cleanup needed if container ref was null\n      };\n    }\n\n    // Clear any existing content\n    while (containerRef.current.firstChild) {\n      containerRef.current.removeChild(containerRef.current.firstChild);\n    }\n\n    // Check the cache\n    const cacheKey = `${address.toLowerCase()}:${size}`;\n    if (iconCache[cacheKey]) {\n      // If cached, just append a clone\n      const clone = iconCache[cacheKey].cloneNode(true) as HTMLDivElement;\n      containerRef.current.appendChild(clone);\n      return () => {\n        if (containerRef.current) {\n          while (containerRef.current.firstChild) {\n            containerRef.current.removeChild(containerRef.current.firstChild);\n          }\n        }\n      };\n    }\n\n    // Extract the account address from CAIP-10 format if needed\n    const accountAddress = extractAccountAddress(address);\n\n    // Generate appropriate seed based on address format\n    const seed = generateIconSeed(accountAddress);\n\n    // Create Jazzicon\n    const newIcon = jazzicon(size, seed) as HTMLDivElement;\n\n    // Cache it\n    iconCache[cacheKey] = newIcon as HTMLDivElement;\n\n    // Append a fresh clone\n    if (containerRef.current) {\n      containerRef.current.appendChild(newIcon.cloneNode(true));\n    }\n\n    // Cleanup\n    return () => {\n      if (containerRef.current) {\n        while (containerRef.current.firstChild) {\n          containerRef.current.removeChild(containerRef.current.firstChild);\n        }\n      }\n    };\n  }, [address, size]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={twMerge('flex [&>div]:!rounded-none', className)}\n      {...props}\n    />\n  );\n};\n\nJazzicon.displayName = 'Jazzicon';\n"]}
+{"version":3,"file":"Jazzicon.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kEAA0C;AAC1C,2CAAqD;AACrD,+CAAiD;AAEjD,0DAAkD;AAGlD,iEAI8B;AAE9B;;;GAGG;AACH,MAAM,SAAS,GAAmC,EAAE,CAAC;AAE9C,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,IAAI,GAAG,EAAE,EACT,SAAS,EACT,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,GAAG,KAAK,CAAC;QAExB,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YAClC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;gBACzB,OAAO;aACR;YACD,6BAA6B;YAC7B,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;gBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;aACnE;YAED,kBAAkB;YAClB,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC;YACpD,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;gBACvB,iCAAiC;gBACjC,IAAI,CAAC,WAAW,EAAE;oBAChB,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,IAAI,CAAmB,CAAC;oBACpE,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;iBACzC;gBACD,OAAO;aACR;YAED,+BAA+B;YAC/B,MAAM,SAAS,GAAG,MAAM,IAAA,gDAA2B,EAAC,OAAO,CAAC,CAAC;YAC7D,IAAI,WAAW,EAAE;gBACf,OAAO;aACR;YAED,2CAA2C;YAC3C,IAAI,IAAuB,CAAC;YAC5B,IAAI,SAAS,KAAK,0BAAkB,CAAC,MAAM,EAAE;gBAC3C,IAAI,GAAG,IAAA,yCAAoB,EAAC,OAAO,CAAC,CAAC;aACtC;iBAAM;gBACL,IAAI,GAAG,IAAA,4CAAuB,EAAC,OAAO,CAAC,CAAC;aACzC;YAED,kBAAkB;YAClB,MAAM,OAAO,GAAG,IAAA,kBAAQ,EAAC,IAAI,EAAE,IAAI,CAAmB,CAAC;YAEvD,WAAW;YACX,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAyB,CAAC;YAEhD,uBAAuB;YACvB,IAAI,CAAC,WAAW,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;aAC3D;QACH,CAAC,CAAC;QAEF,gBAAgB,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;YAC5B,iDAAiD;QACnD,CAAC,CAAC,CAAC;QAEH,UAAU;QACV,OAAO,GAAG,EAAE;YACV,WAAW,GAAG,IAAI,CAAC;YACnB,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxB,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;oBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;iBACnE;aACF;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,uCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,kBAAO,EAAC,4BAA4B,EAAE,SAAS,CAAC,KACvD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AA/EW,QAAA,QAAQ,YA+EnB;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import jazzicon from '@metamask/jazzicon';\nimport { KnownCaipNamespace } from '@metamask/utils';\nimport React, { useEffect, useRef } from 'react';\n\nimport { twMerge } from '../../../utils/tw-merge';\n\nimport type { JazziconProps } from './Jazzicon.types';\nimport {\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  getCaipNamespaceFromAddress,\n} from './Jazzicon.utilities';\n\n/**\n * Cache for storing generated SVG elements by `address:diameter` so\n * we don't regenerate them repeatedly.\n */\nconst iconCache: Record<string, HTMLDivElement> = {};\n\nexport const Jazzicon = ({\n  address,\n  size = 32,\n  className,\n  ...props\n}: JazziconProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let isCancelled = false;\n\n    const generateJazzicon = async () => {\n      if (!containerRef.current) {\n        return;\n      }\n      // Clear any existing content\n      while (containerRef.current.firstChild) {\n        containerRef.current.removeChild(containerRef.current.firstChild);\n      }\n\n      // Check the cache\n      const cacheKey = `${address.toLowerCase()}:${size}`;\n      if (iconCache[cacheKey]) {\n        // If cached, just append a clone\n        if (!isCancelled) {\n          const clone = iconCache[cacheKey].cloneNode(true) as HTMLDivElement;\n          containerRef.current.appendChild(clone);\n        }\n        return;\n      }\n\n      // Determine the CAIP namespace\n      const namespace = await getCaipNamespaceFromAddress(address);\n      if (isCancelled) {\n        return;\n      }\n\n      // Pick seeding strategy based on namespace\n      let seed: number | number[];\n      if (namespace === KnownCaipNamespace.Eip155) {\n        seed = generateSeedEthereum(address);\n      } else {\n        seed = generateSeedNonEthereum(address);\n      }\n\n      // Create Jazzicon\n      const newIcon = jazzicon(size, seed) as HTMLDivElement;\n\n      // Cache it\n      iconCache[cacheKey] = newIcon as HTMLDivElement;\n\n      // Append a fresh clone\n      if (!isCancelled && containerRef.current) {\n        containerRef.current.appendChild(newIcon.cloneNode(true));\n      }\n    };\n\n    generateJazzicon().catch(() => {\n      // Silently ignore errors during async generation\n    });\n\n    // Cleanup\n    return () => {\n      isCancelled = true;\n      if (containerRef.current) {\n        while (containerRef.current.firstChild) {\n          containerRef.current.removeChild(containerRef.current.firstChild);\n        }\n      }\n    };\n  }, [address, size]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={twMerge('flex [&>div]:!rounded-none', className)}\n      {...props}\n    />\n  );\n};\n\nJazzicon.displayName = 'Jazzicon';\n"]}

package/dist/components/temp-components/Jazzicon/Jazzicon.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Jazzicon.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,cAAc;AAIjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAQtD,eAAO,MAAM,QAAQ;6CAKlB,aAAa;;CAgEf,CAAC"}
+{"version":3,"file":"Jazzicon.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,cAAc;AAIjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAatD,eAAO,MAAM,QAAQ;6CAKlB,aAAa;;CA0Ef,CAAC"}

package/dist/components/temp-components/Jazzicon/Jazzicon.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Jazzicon.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,cAAc;AAIjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAQtD,eAAO,MAAM,QAAQ;6CAKlB,aAAa;;CAgEf,CAAC"}
+{"version":3,"file":"Jazzicon.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,cAAc;AAIjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAatD,eAAO,MAAM,QAAQ;6CAKlB,aAAa;;CA0Ef,CAAC"}

package/dist/components/temp-components/Jazzicon/Jazzicon.mjs

@@ -4,12 +4,13 @@ function $importDefault(module) {
     }
     return module;
 }
-import { extractAccountAddress, generateIconSeed } from "@metamask-previews/design-system-shared";
 import $jazzicon from "@metamask/jazzicon";
 const jazzicon = $importDefault($jazzicon);
+import { KnownCaipNamespace } from "@metamask/utils";
 import $React, { useEffect, useRef } from "react";
 const React = $importDefault($React);
 import { twMerge } from "../../../utils/tw-merge.mjs";
+import { generateSeedEthereum, generateSeedNonEthereum, getCaipNamespaceFromAddress } from "./Jazzicon.utilities.mjs";
 /**
  * Cache for storing generated SVG elements by `address:diameter` so
  * we don't regenerate them repeatedly.
@@ -18,43 +19,53 @@ const iconCache = {};
 export const Jazzicon = ({ address, size = 32, className, ...props }) => {
     const containerRef = useRef(null);
     useEffect(() => {
-        if (!containerRef.current) {
-            return () => {
-                // No cleanup needed if container ref was null
-            };
-        }
-        // Clear any existing content
-        while (containerRef.current.firstChild) {
-            containerRef.current.removeChild(containerRef.current.firstChild);
-        }
-        // Check the cache
-        const cacheKey = `${address.toLowerCase()}:${size}`;
-        if (iconCache[cacheKey]) {
-            // If cached, just append a clone
-            const clone = iconCache[cacheKey].cloneNode(true);
-            containerRef.current.appendChild(clone);
-            return () => {
-                if (containerRef.current) {
-                    while (containerRef.current.firstChild) {
-                        containerRef.current.removeChild(containerRef.current.firstChild);
-                    }
+        let isCancelled = false;
+        const generateJazzicon = async () => {
+            if (!containerRef.current) {
+                return;
+            }
+            // Clear any existing content
+            while (containerRef.current.firstChild) {
+                containerRef.current.removeChild(containerRef.current.firstChild);
+            }
+            // Check the cache
+            const cacheKey = `${address.toLowerCase()}:${size}`;
+            if (iconCache[cacheKey]) {
+                // If cached, just append a clone
+                if (!isCancelled) {
+                    const clone = iconCache[cacheKey].cloneNode(true);
+                    containerRef.current.appendChild(clone);
                 }
-            };
-        }
-        // Extract the account address from CAIP-10 format if needed
-        const accountAddress = extractAccountAddress(address);
-        // Generate appropriate seed based on address format
-        const seed = generateIconSeed(accountAddress);
-        // Create Jazzicon
-        const newIcon = jazzicon(size, seed);
-        // Cache it
-        iconCache[cacheKey] = newIcon;
-        // Append a fresh clone
-        if (containerRef.current) {
-            containerRef.current.appendChild(newIcon.cloneNode(true));
-        }
+                return;
+            }
+            // Determine the CAIP namespace
+            const namespace = await getCaipNamespaceFromAddress(address);
+            if (isCancelled) {
+                return;
+            }
+            // Pick seeding strategy based on namespace
+            let seed;
+            if (namespace === KnownCaipNamespace.Eip155) {
+                seed = generateSeedEthereum(address);
+            }
+            else {
+                seed = generateSeedNonEthereum(address);
+            }
+            // Create Jazzicon
+            const newIcon = jazzicon(size, seed);
+            // Cache it
+            iconCache[cacheKey] = newIcon;
+            // Append a fresh clone
+            if (!isCancelled && containerRef.current) {
+                containerRef.current.appendChild(newIcon.cloneNode(true));
+            }
+        };
+        generateJazzicon().catch(() => {
+            // Silently ignore errors during async generation
+        });
         // Cleanup
         return () => {
+            isCancelled = true;
             if (containerRef.current) {
                 while (containerRef.current.firstChild) {
                     containerRef.current.removeChild(containerRef.current.firstChild);

package/dist/components/temp-components/Jazzicon/Jazzicon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Jazzicon.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EACjB,gDAAgD;AACjD,OAAO,SAAQ,2BAA2B;;AAC1C,OAAO,QAAO,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc;;AAEjD,OAAO,EAAE,OAAO,EAAE,oCAAgC;AAIlD;;;GAGG;AACH,MAAM,SAAS,GAAmC,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,IAAI,GAAG,EAAE,EACT,SAAS,EACT,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,OAAO,GAAG,EAAE;gBACV,8CAA8C;YAChD,CAAC,CAAC;SACH;QAED,6BAA6B;QAC7B,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;YACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACnE;QAED,kBAAkB;QAClB,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC;QACpD,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE;YACvB,iCAAiC;YACjC,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,IAAI,CAAmB,CAAC;YACpE,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACxC,OAAO,GAAG,EAAE;gBACV,IAAI,YAAY,CAAC,OAAO,EAAE;oBACxB,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;wBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;qBACnE;iBACF;YACH,CAAC,CAAC;SACH;QAED,4DAA4D;QAC5D,MAAM,cAAc,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAEtD,oDAAoD;QACpD,MAAM,IAAI,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAE9C,kBAAkB;QAClB,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAmB,CAAC;QAEvD,WAAW;QACX,SAAS,CAAC,QAAQ,CAAC,GAAG,OAAyB,CAAC;QAEhD,uBAAuB;QACvB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;SAC3D;QAED,UAAU;QACV,OAAO,GAAG,EAAE;YACV,IAAI,YAAY,CAAC,OAAO,EAAE;gBACxB,OAAO,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE;oBACtC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;iBACnE;aACF;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,6BACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,OAAO,CAAC,4BAA4B,EAAE,SAAS,CAAC,KACvD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import {\n  extractAccountAddress,\n  generateIconSeed,\n} from '@metamask-previews/design-system-shared';\nimport jazzicon from '@metamask/jazzicon';\nimport React, { useEffect, useRef } from 'react';\n\nimport { twMerge } from '../../../utils/tw-merge';\n\nimport type { JazziconProps } from './Jazzicon.types';\n\n/**\n * Cache for storing generated SVG elements by `address:diameter` so\n * we don't regenerate them repeatedly.\n */\nconst iconCache: Record<string, HTMLDivElement> = {};\n\nexport const Jazzicon = ({\n  address,\n  size = 32,\n  className,\n  ...props\n}: JazziconProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!containerRef.current) {\n      return () => {\n        // No cleanup needed if container ref was null\n      };\n    }\n\n    // Clear any existing content\n    while (containerRef.current.firstChild) {\n      containerRef.current.removeChild(containerRef.current.firstChild);\n    }\n\n    // Check the cache\n    const cacheKey = `${address.toLowerCase()}:${size}`;\n    if (iconCache[cacheKey]) {\n      // If cached, just append a clone\n      const clone = iconCache[cacheKey].cloneNode(true) as HTMLDivElement;\n      containerRef.current.appendChild(clone);\n      return () => {\n        if (containerRef.current) {\n          while (containerRef.current.firstChild) {\n            containerRef.current.removeChild(containerRef.current.firstChild);\n          }\n        }\n      };\n    }\n\n    // Extract the account address from CAIP-10 format if needed\n    const accountAddress = extractAccountAddress(address);\n\n    // Generate appropriate seed based on address format\n    const seed = generateIconSeed(accountAddress);\n\n    // Create Jazzicon\n    const newIcon = jazzicon(size, seed) as HTMLDivElement;\n\n    // Cache it\n    iconCache[cacheKey] = newIcon as HTMLDivElement;\n\n    // Append a fresh clone\n    if (containerRef.current) {\n      containerRef.current.appendChild(newIcon.cloneNode(true));\n    }\n\n    // Cleanup\n    return () => {\n      if (containerRef.current) {\n        while (containerRef.current.firstChild) {\n          containerRef.current.removeChild(containerRef.current.firstChild);\n        }\n      }\n    };\n  }, [address, size]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={twMerge('flex [&>div]:!rounded-none', className)}\n      {...props}\n    />\n  );\n};\n\nJazzicon.displayName = 'Jazzicon';\n"]}
+{"version":3,"file":"Jazzicon.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":"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","sourcesContent":["import jazzicon from '@metamask/jazzicon';\nimport { KnownCaipNamespace } from '@metamask/utils';\nimport React, { useEffect, useRef } from 'react';\n\nimport { twMerge } from '../../../utils/tw-merge';\n\nimport type { JazziconProps } from './Jazzicon.types';\nimport {\n  generateSeedEthereum,\n  generateSeedNonEthereum,\n  getCaipNamespaceFromAddress,\n} from './Jazzicon.utilities';\n\n/**\n * Cache for storing generated SVG elements by `address:diameter` so\n * we don't regenerate them repeatedly.\n */\nconst iconCache: Record<string, HTMLDivElement> = {};\n\nexport const Jazzicon = ({\n  address,\n  size = 32,\n  className,\n  ...props\n}: JazziconProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let isCancelled = false;\n\n    const generateJazzicon = async () => {\n      if (!containerRef.current) {\n        return;\n      }\n      // Clear any existing content\n      while (containerRef.current.firstChild) {\n        containerRef.current.removeChild(containerRef.current.firstChild);\n      }\n\n      // Check the cache\n      const cacheKey = `${address.toLowerCase()}:${size}`;\n      if (iconCache[cacheKey]) {\n        // If cached, just append a clone\n        if (!isCancelled) {\n          const clone = iconCache[cacheKey].cloneNode(true) as HTMLDivElement;\n          containerRef.current.appendChild(clone);\n        }\n        return;\n      }\n\n      // Determine the CAIP namespace\n      const namespace = await getCaipNamespaceFromAddress(address);\n      if (isCancelled) {\n        return;\n      }\n\n      // Pick seeding strategy based on namespace\n      let seed: number | number[];\n      if (namespace === KnownCaipNamespace.Eip155) {\n        seed = generateSeedEthereum(address);\n      } else {\n        seed = generateSeedNonEthereum(address);\n      }\n\n      // Create Jazzicon\n      const newIcon = jazzicon(size, seed) as HTMLDivElement;\n\n      // Cache it\n      iconCache[cacheKey] = newIcon as HTMLDivElement;\n\n      // Append a fresh clone\n      if (!isCancelled && containerRef.current) {\n        containerRef.current.appendChild(newIcon.cloneNode(true));\n      }\n    };\n\n    generateJazzicon().catch(() => {\n      // Silently ignore errors during async generation\n    });\n\n    // Cleanup\n    return () => {\n      isCancelled = true;\n      if (containerRef.current) {\n        while (containerRef.current.firstChild) {\n          containerRef.current.removeChild(containerRef.current.firstChild);\n        }\n      }\n    };\n  }, [address, size]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={twMerge('flex [&>div]:!rounded-none', className)}\n      {...props}\n    />\n  );\n};\n\nJazzicon.displayName = 'Jazzicon';\n"]}

package/dist/components/temp-components/Jazzicon/Jazzicon.utilities.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCaipNamespaceFromAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = void 0;
+const utils_1 = require("@metamask/utils");
+const addresses_1 = require("@solana/addresses");
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ *
+ * @param address - The Ethereum address to generate a seed from
+ * @returns A numeric seed for jazzicon generation
+ */
+function generateSeedEthereum(address) {
+    // Example: parse the first 8 chars of the address after '0x'
+    const addr = address.slice(2, 10);
+    return parseInt(addr, 16);
+}
+exports.generateSeedEthereum = generateSeedEthereum;
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ *
+ * @param address - The address to generate a byte array seed from
+ * @returns An array of numbers representing the bytes of the address
+ */
+function generateSeedNonEthereum(address) {
+    return Array.from((0, utils_1.stringToBytes)(address.normalize('NFKC').toLowerCase()));
+}
+exports.generateSeedNonEthereum = generateSeedNonEthereum;
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ *
+ * @param address - The address to determine the CAIP namespace for
+ * @returns A Promise that resolves to a KnownCaipNamespace
+ */
+async function getCaipNamespaceFromAddress(address) {
+    // Check for CAIP-10 formatted addresses
+    if (address.includes(':')) {
+        const [namespace] = address.split(':');
+        if (namespace.toLowerCase() === 'bip122') {
+            return utils_1.KnownCaipNamespace.Bip122;
+        }
+        if (namespace.toLowerCase() === 'solana') {
+            return utils_1.KnownCaipNamespace.Solana;
+        }
+        if (namespace.toLowerCase() === 'eip155') {
+            return utils_1.KnownCaipNamespace.Eip155;
+        }
+        // Add other namespaces as needed.
+    }
+    try {
+        const { validate, Network } = await import("bitcoin-address-validation");
+        if (validate(address, Network.mainnet) ||
+            validate(address, Network.testnet)) {
+            return utils_1.KnownCaipNamespace.Bip122;
+        }
+    }
+    catch {
+        // If the import fails or 'validate' is not available, fall through
+    }
+    if ((0, addresses_1.isAddress)(address)) {
+        return utils_1.KnownCaipNamespace.Solana;
+    }
+    // Default to Ethereum
+    return utils_1.KnownCaipNamespace.Eip155;
+}
+exports.getCaipNamespaceFromAddress = getCaipNamespaceFromAddress;
+//# sourceMappingURL=Jazzicon.utilities.cjs.map

package/dist/components/temp-components/Jazzicon/Jazzicon.utilities.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.utilities.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.utilities.ts"],"names":[],"mappings":";;;AAAA,2CAAoE;AACpE,iDAAiE;AAEjE;;;;;GAKG;AACH,SAAgB,oBAAoB,CAAC,OAAe;IAClD,6DAA6D;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClC,OAAO,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5B,CAAC;AAJD,oDAIC;AAED;;;;;GAKG;AACH,SAAgB,uBAAuB,CAAC,OAAe;IACrD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAA,qBAAa,EAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AAC5E,CAAC;AAFD,0DAEC;AAED;;;;;;GAMG;AACI,KAAK,UAAU,2BAA2B,CAC/C,OAAe;IAEf,wCAAwC;IACxC,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACzB,MAAM,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,0BAAkB,CAAC,MAAM,CAAC;SAClC;QACD,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,0BAAkB,CAAC,MAAM,CAAC;SAClC;QACD,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,0BAAkB,CAAC,MAAM,CAAC;SAClC;QACD,kCAAkC;KACnC;IAED,IAAI;QACF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,8BAA8B,CAAC;QACzE,IACE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;YAClC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EAClC;YACA,OAAO,0BAAkB,CAAC,MAAM,CAAC;SAClC;KACF;IAAC,MAAM;QACN,mEAAmE;KACpE;IAED,IAAI,IAAA,qBAAe,EAAC,OAAO,CAAC,EAAE;QAC5B,OAAO,0BAAkB,CAAC,MAAM,CAAC;KAClC;IAED,sBAAsB;IACtB,OAAO,0BAAkB,CAAC,MAAM,CAAC;AACnC,CAAC;AApCD,kEAoCC","sourcesContent":["import { stringToBytes, KnownCaipNamespace } from '@metamask/utils';\nimport { isAddress as isSolanaAddress } from '@solana/addresses';\n\n/**\n * Generates a numeric seed for Ethereum (eip155) addresses.\n *\n * @param address - The Ethereum address to generate a seed from\n * @returns A numeric seed for jazzicon generation\n */\nexport function generateSeedEthereum(address: string): number {\n  // Example: parse the first 8 chars of the address after '0x'\n  const addr = address.slice(2, 10);\n  return parseInt(addr, 16);\n}\n\n/**\n * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).\n *\n * @param address - The address to generate a byte array seed from\n * @returns An array of numbers representing the bytes of the address\n */\nexport function generateSeedNonEthereum(address: string): number[] {\n  return Array.from(stringToBytes(address.normalize('NFKC').toLowerCase()));\n}\n\n/**\n * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.\n * Returns a Promise that resolves to one of the known CAIP-2 namespaces.\n *\n * @param address - The address to determine the CAIP namespace for\n * @returns A Promise that resolves to a KnownCaipNamespace\n */\nexport async function getCaipNamespaceFromAddress(\n  address: string,\n): Promise<KnownCaipNamespace> {\n  // Check for CAIP-10 formatted addresses\n  if (address.includes(':')) {\n    const [namespace] = address.split(':');\n    if (namespace.toLowerCase() === 'bip122') {\n      return KnownCaipNamespace.Bip122;\n    }\n    if (namespace.toLowerCase() === 'solana') {\n      return KnownCaipNamespace.Solana;\n    }\n    if (namespace.toLowerCase() === 'eip155') {\n      return KnownCaipNamespace.Eip155;\n    }\n    // Add other namespaces as needed.\n  }\n\n  try {\n    const { validate, Network } = await import('bitcoin-address-validation');\n    if (\n      validate(address, Network.mainnet) ||\n      validate(address, Network.testnet)\n    ) {\n      return KnownCaipNamespace.Bip122;\n    }\n  } catch {\n    // If the import fails or 'validate' is not available, fall through\n  }\n\n  if (isSolanaAddress(address)) {\n    return KnownCaipNamespace.Solana;\n  }\n\n  // Default to Ethereum\n  return KnownCaipNamespace.Eip155;\n}\n"]}

package/dist/components/temp-components/Jazzicon/Jazzicon.utilities.d.cts

@@ -0,0 +1,24 @@
+import { KnownCaipNamespace } from "@metamask/utils";
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ *
+ * @param address - The Ethereum address to generate a seed from
+ * @returns A numeric seed for jazzicon generation
+ */
+export declare function generateSeedEthereum(address: string): number;
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ *
+ * @param address - The address to generate a byte array seed from
+ * @returns An array of numbers representing the bytes of the address
+ */
+export declare function generateSeedNonEthereum(address: string): number[];
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ *
+ * @param address - The address to determine the CAIP namespace for
+ * @returns A Promise that resolves to a KnownCaipNamespace
+ */
+export declare function getCaipNamespaceFromAddress(address: string): Promise<KnownCaipNamespace>;
+//# sourceMappingURL=Jazzicon.utilities.d.cts.map

package/dist/components/temp-components/Jazzicon/Jazzicon.utilities.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.utilities.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,wBAAwB;AAGpE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI5D;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAEjE;AAED;;;;;;GAMG;AACH,wBAAsB,2BAA2B,CAC/C,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,kBAAkB,CAAC,CAkC7B"}

package/dist/components/temp-components/Jazzicon/Jazzicon.utilities.d.mts

@@ -0,0 +1,24 @@
+import { KnownCaipNamespace } from "@metamask/utils";
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ *
+ * @param address - The Ethereum address to generate a seed from
+ * @returns A numeric seed for jazzicon generation
+ */
+export declare function generateSeedEthereum(address: string): number;
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ *
+ * @param address - The address to generate a byte array seed from
+ * @returns An array of numbers representing the bytes of the address
+ */
+export declare function generateSeedNonEthereum(address: string): number[];
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ *
+ * @param address - The address to determine the CAIP namespace for
+ * @returns A Promise that resolves to a KnownCaipNamespace
+ */
+export declare function getCaipNamespaceFromAddress(address: string): Promise<KnownCaipNamespace>;
+//# sourceMappingURL=Jazzicon.utilities.d.mts.map

package/dist/components/temp-components/Jazzicon/Jazzicon.utilities.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.utilities.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,wBAAwB;AAGpE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI5D;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAEjE;AAED;;;;;;GAMG;AACH,wBAAsB,2BAA2B,CAC/C,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,kBAAkB,CAAC,CAkC7B"}

package/dist/components/temp-components/Jazzicon/Jazzicon.utilities.mjs

@@ -0,0 +1,61 @@
+import { stringToBytes, KnownCaipNamespace } from "@metamask/utils";
+import { isAddress as isSolanaAddress } from "@solana/addresses";
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ *
+ * @param address - The Ethereum address to generate a seed from
+ * @returns A numeric seed for jazzicon generation
+ */
+export function generateSeedEthereum(address) {
+    // Example: parse the first 8 chars of the address after '0x'
+    const addr = address.slice(2, 10);
+    return parseInt(addr, 16);
+}
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ *
+ * @param address - The address to generate a byte array seed from
+ * @returns An array of numbers representing the bytes of the address
+ */
+export function generateSeedNonEthereum(address) {
+    return Array.from(stringToBytes(address.normalize('NFKC').toLowerCase()));
+}
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ *
+ * @param address - The address to determine the CAIP namespace for
+ * @returns A Promise that resolves to a KnownCaipNamespace
+ */
+export async function getCaipNamespaceFromAddress(address) {
+    // Check for CAIP-10 formatted addresses
+    if (address.includes(':')) {
+        const [namespace] = address.split(':');
+        if (namespace.toLowerCase() === 'bip122') {
+            return KnownCaipNamespace.Bip122;
+        }
+        if (namespace.toLowerCase() === 'solana') {
+            return KnownCaipNamespace.Solana;
+        }
+        if (namespace.toLowerCase() === 'eip155') {
+            return KnownCaipNamespace.Eip155;
+        }
+        // Add other namespaces as needed.
+    }
+    try {
+        const { validate, Network } = await import("bitcoin-address-validation");
+        if (validate(address, Network.mainnet) ||
+            validate(address, Network.testnet)) {
+            return KnownCaipNamespace.Bip122;
+        }
+    }
+    catch {
+        // If the import fails or 'validate' is not available, fall through
+    }
+    if (isSolanaAddress(address)) {
+        return KnownCaipNamespace.Solana;
+    }
+    // Default to Ethereum
+    return KnownCaipNamespace.Eip155;
+}
+//# sourceMappingURL=Jazzicon.utilities.mjs.map

package/dist/components/temp-components/Jazzicon/Jazzicon.utilities.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.utilities.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,wBAAwB;AACpE,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,0BAA0B;AAEjE;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAe;IAClD,6DAA6D;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClC,OAAO,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5B,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAAe;IACrD,OAAO,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AAC5E,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,2BAA2B,CAC/C,OAAe;IAEf,wCAAwC;IACxC,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACzB,MAAM,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,kBAAkB,CAAC,MAAM,CAAC;SAClC;QACD,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,kBAAkB,CAAC,MAAM,CAAC;SAClC;QACD,IAAI,SAAS,CAAC,WAAW,EAAE,KAAK,QAAQ,EAAE;YACxC,OAAO,kBAAkB,CAAC,MAAM,CAAC;SAClC;QACD,kCAAkC;KACnC;IAED,IAAI;QACF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,8BAA8B,CAAC;QACzE,IACE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;YAClC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EAClC;YACA,OAAO,kBAAkB,CAAC,MAAM,CAAC;SAClC;KACF;IAAC,MAAM;QACN,mEAAmE;KACpE;IAED,IAAI,eAAe,CAAC,OAAO,CAAC,EAAE;QAC5B,OAAO,kBAAkB,CAAC,MAAM,CAAC;KAClC;IAED,sBAAsB;IACtB,OAAO,kBAAkB,CAAC,MAAM,CAAC;AACnC,CAAC","sourcesContent":["import { stringToBytes, KnownCaipNamespace } from '@metamask/utils';\nimport { isAddress as isSolanaAddress } from '@solana/addresses';\n\n/**\n * Generates a numeric seed for Ethereum (eip155) addresses.\n *\n * @param address - The Ethereum address to generate a seed from\n * @returns A numeric seed for jazzicon generation\n */\nexport function generateSeedEthereum(address: string): number {\n  // Example: parse the first 8 chars of the address after '0x'\n  const addr = address.slice(2, 10);\n  return parseInt(addr, 16);\n}\n\n/**\n * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).\n *\n * @param address - The address to generate a byte array seed from\n * @returns An array of numbers representing the bytes of the address\n */\nexport function generateSeedNonEthereum(address: string): number[] {\n  return Array.from(stringToBytes(address.normalize('NFKC').toLowerCase()));\n}\n\n/**\n * Dynamically checks if the address is Bitcoin or Solana; otherwise default to Ethereum.\n * Returns a Promise that resolves to one of the known CAIP-2 namespaces.\n *\n * @param address - The address to determine the CAIP namespace for\n * @returns A Promise that resolves to a KnownCaipNamespace\n */\nexport async function getCaipNamespaceFromAddress(\n  address: string,\n): Promise<KnownCaipNamespace> {\n  // Check for CAIP-10 formatted addresses\n  if (address.includes(':')) {\n    const [namespace] = address.split(':');\n    if (namespace.toLowerCase() === 'bip122') {\n      return KnownCaipNamespace.Bip122;\n    }\n    if (namespace.toLowerCase() === 'solana') {\n      return KnownCaipNamespace.Solana;\n    }\n    if (namespace.toLowerCase() === 'eip155') {\n      return KnownCaipNamespace.Eip155;\n    }\n    // Add other namespaces as needed.\n  }\n\n  try {\n    const { validate, Network } = await import('bitcoin-address-validation');\n    if (\n      validate(address, Network.mainnet) ||\n      validate(address, Network.testnet)\n    ) {\n      return KnownCaipNamespace.Bip122;\n    }\n  } catch {\n    // If the import fails or 'validate' is not available, fall through\n  }\n\n  if (isSolanaAddress(address)) {\n    return KnownCaipNamespace.Solana;\n  }\n\n  // Default to Ethereum\n  return KnownCaipNamespace.Eip155;\n}\n"]}

package/dist/components/temp-components/Maskicon/Maskicon.utilities.cjs

@@ -1,7 +1,78 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMaskiconSVG = exports.createMaskiconSVG = exports.seedToString = exports.sdbmHash = void 0;
-const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+exports.getMaskiconSVG = exports.createMaskiconSVG = exports.seedToString = exports.sdbmHash = exports.getCaipNamespaceFromAddress = exports.generateSeedNonEthereum = exports.generateSeedEthereum = void 0;
+const utils_1 = require("@metamask/utils");
+const addresses_1 = require("@solana/addresses");
+// /////////////////////////////////////////////////////
+// Address validation
+// /////////////////////////////////////////////////////
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ *
+ * @param address The Ethereum address to generate a seed from
+ * @returns A numeric seed derived from the address
+ */
+function generateSeedEthereum(address) {
+    // Example: parse the first 8 chars of the address after '0x'
+    const addr = address.slice(2, 10);
+    return parseInt(addr, 16);
+}
+exports.generateSeedEthereum = generateSeedEthereum;
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ *
+ * @param address The non-Ethereum address to generate a seed from
+ * @returns An array of numbers representing the byte-array seed
+ */
+function generateSeedNonEthereum(address) {
+    return Array.from((0, utils_1.stringToBytes)(address.normalize('NFKC').toLowerCase()));
+}
+exports.generateSeedNonEthereum = generateSeedNonEthereum;
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise defaults to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ *
+ * In this update, if the address starts with "0x", we'll assume it's Ethereum (Eip155)
+ * and avoid the dynamic import that can cause the "Requiring unknown module '2021'" error.
+ *
+ * @param address The address to check and determine its namespace
+ * @returns A promise that resolves to the detected CAIP-2 namespace
+ */
+async function getCaipNamespaceFromAddress(address) {
+    // If the address starts with '0x', assume Ethereum.
+    if (address.startsWith('0x')) {
+        return utils_1.KnownCaipNamespace.Eip155;
+    }
+    // Check for CAIP-10 formatted addresses
+    if (address.includes(':')) {
+        const [namespace] = address.split(':');
+        const nsLower = namespace.toLowerCase();
+        if (nsLower === 'bip122') {
+            return utils_1.KnownCaipNamespace.Bip122;
+        }
+        if (nsLower === 'solana') {
+            return utils_1.KnownCaipNamespace.Solana;
+        }
+    }
+    // Attempt to use bitcoin-address-validation if available.
+    try {
+        const { validate, Network } = await import("bitcoin-address-validation");
+        if (validate(address, Network.mainnet) ||
+            validate(address, Network.testnet)) {
+            return utils_1.KnownCaipNamespace.Bip122;
+        }
+    }
+    catch {
+        // If the import fails, fall through.
+    }
+    // Fallback: if it looks like a Solana address, return Solana.
+    if ((0, addresses_1.isAddress)(address)) {
+        return utils_1.KnownCaipNamespace.Solana;
+    }
+    // Default to Ethereum.
+    return utils_1.KnownCaipNamespace.Eip155;
+}
+exports.getCaipNamespaceFromAddress = getCaipNamespaceFromAddress;
 // /////////////////////////////////////////////////////
 // Maskicon SVG Creation
 // /////////////////////////////////////////////////////
@@ -195,10 +266,14 @@ async function getMaskiconSVG(address, size) {
     if (svgCache[cacheKey]) {
         return svgCache[cacheKey];
     }
-    // Extract the account address from CAIP-10 format if needed
-    const accountAddress = (0, design_system_shared_1.extractAccountAddress)(address);
-    // Generate appropriate seed based on address format
-    const seed = (0, design_system_shared_1.generateIconSeed)(accountAddress);
+    const namespace = await getCaipNamespaceFromAddress(address);
+    let seed;
+    if (namespace === utils_1.KnownCaipNamespace.Eip155) {
+        seed = generateSeedEthereum(address);
+    }
+    else {
+        seed = generateSeedNonEthereum(address);
+    }
     const svgString = createMaskiconSVG(seed, size);
     svgCache[cacheKey] = svgString;
     return svgString;

package/dist/components/temp-components/Maskicon/Maskicon.utilities.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Maskicon.utilities.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.utilities.ts"],"names":[],"mappings":";;;AAAA,kFAGiD;AAEjD,wDAAwD;AACxD,wBAAwB;AACxB,wDAAwD;AACxD,iBAAiB;AACjB,MAAM,YAAY,GAAG;IACnB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;IACtB,CAAC,SAAS,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAE9E;;;;;GAKG;AACH,SAAgB,QAAQ,CAAC,GAAW;IAClC,IAAI,IAAI,GAAG,CAAC,CAAC;IAEb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACnC,sCAAsC;QACtC,IAAI,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;KAC9D;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AARD,4BAQC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,IAAuB;IAClD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC5B,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;YAClB,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;SAC1B;QACD,OAAO,GAAG,CAAC;KACZ;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACvB,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACpE,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;YAClB,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;SAC1B;QACD,OAAO,GAAG,CAAC;KACZ;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAhBD,oCAgBC;AAED;;;;;;GAMG;AACH,SAAgB,iBAAiB,CAAC,IAAuB,EAAE,IAAI,GAAG,GAAG;IACnE,uCAAuC;IACvC,MAAM,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE9B,uCAAuC;IACvC,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7D,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAEtD,oBAAoB;IACpB,MAAM,IAAI,GAAG,CAAC,CAAC;IACf,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC;IACpC,MAAM,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC;IAElC,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,MAAM,UAAU,GAAgB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,CAChE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CACxB,CAAC;IAEF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAElC,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACvB,gHAAgH;QAChH,oEAAoE;QACpE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,EAAG,CAAC;QAC5B,sCAAsC;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;QAE3D,MAAM,SAAS,GAAuB,EAAE,CAAC;QACzC,MAAM,UAAU,GAAuB;YACrC,CAAC,CAAC,EAAE,CAAC,CAAC;YACN,CAAC,CAAC,EAAE,CAAC,CAAC;YACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACR,CAAC;QACF,KAAK,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,UAAU,EAAE;YACjC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAClB,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAClB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;gBACvE,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;aAC1B;SACF;QACD,OAAO,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC;YACrE,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7C,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;YACrB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;SAC3B;QAED,4DAA4D;QAC5D,MAAM,QAAQ,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc;QACnD,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC;QACjC,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC;QAEjC,IAAI,QAAQ,EAAE;YACZ,QAAQ,IAAI,IAAI,EAAE,IAAI,EAAE,KAAK,QAAQ,KAAK,QAAQ,MAAM,QAAQ,IAAI,CAAC;SACtE;aAAM,IAAI,QAAQ,KAAK,CAAC,EAAE;YACzB,QAAQ,IAAI,IAAI,EAAE,IAAI,EAAE,KAAK,QAAQ,KAAK,QAAQ,IAAI,CAAC;SACxD;aAAM,IAAI,QAAQ,KAAK,EAAE,EAAE;YAC1B,QAAQ,IAAI,IAAI,EAAE,GAAG,QAAQ,IAAI,EAAE,KAAK,QAAQ,MAAM,QAAQ,IAAI,CAAC;SACpE;aAAM,IAAI,QAAQ,KAAK,GAAG,EAAE;YAC3B,QAAQ,IAAI,IAAI,EAAE,GAAG,QAAQ,IAAI,EAAE,GAAG,QAAQ,MAAM,QAAQ,MAAM,QAAQ,IAAI,CAAC;SAChF;aAAM;YACL,QAAQ,IAAI,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,MAAM,QAAQ,KAAK,QAAQ,IAAI,CAAC;SACpE;KACF;IAED,qDAAqD;IACrD,IAAI,SAAS,GAAG,eAAe,IAAI,aAAa,IAAI,kBAAkB,IAAI,IAAI,IAAI,uCAAuC,CAAC;IAC1H,SAAS,IAAI,gBAAgB,IAAI,aAAa,IAAI,WAAW,OAAO,MAAM,CAAC;IAC3E,SAAS,IAAI,YAAY,QAAQ,WAAW,OAAO,MAAM,CAAC;IAC1D,SAAS,IAAI,QAAQ,CAAC;IACtB,OAAO,SAAS,CAAC;AACnB,CAAC;AA9ED,8CA8EC;AAMD,MAAM,QAAQ,GAA6B,EAAE,CAAC;AAE9C;;;;;;GAMG;AACI,KAAK,UAAU,cAAc,CAClC,OAAe,EACf,IAAY;IAEZ,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC;IACpD,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE;QACtB,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC3B;IAED,4DAA4D;IAC5D,MAAM,cAAc,GAAG,IAAA,4CAAqB,EAAC,OAAO,CAAC,CAAC;IAEtD,oDAAoD;IACpD,MAAM,IAAI,GAAG,IAAA,uCAAgB,EAAC,cAAc,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAChD,QAAQ,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAC/B,OAAO,SAAS,CAAC;AACnB,CAAC;AAlBD,wCAkBC","sourcesContent":["import {\n  extractAccountAddress,\n  generateIconSeed,\n} from '@metamask-previews/design-system-shared';\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation\n// /////////////////////////////////////////////////////\n// Color Palettes\nconst neutralPairs = [\n  ['#FF5C16', '#FCFCFC'],\n  ['#FF5C16', '#131416'],\n  ['#D075FF', '#FCFCFC'],\n  ['#D075FF', '#131416'],\n  ['#BAF24A', '#FCFCFC'],\n  ['#BAF24A', '#131416'],\n  ['#89B0FF', '#FCFCFC'],\n  ['#89B0FF', '#131416'],\n  ['#FCFCFC', '#FF5C16'],\n  ['#131416', '#FF5C16'],\n  ['#FCFCFC', '#D075FF'],\n  ['#131416', '#D075FF'],\n  ['#FCFCFC', '#BAF24A'],\n  ['#131416', '#BAF24A'],\n  ['#FCFCFC', '#89B0FF'],\n  ['#131416', '#89B0FF'],\n];\n\nconst tonalPairs = [\n  ['#FFA680', '#FF5C16'],\n  ['#661800', '#FF5C16'],\n  ['#EAC2FF', '#D075FF'],\n  ['#3D065F', '#D075FF'],\n  ['#E5FFC3', '#BAF24A'],\n  ['#013330', '#BAF24A'],\n  ['#CCE7FF', '#89B0FF'],\n  ['#190066', '#89B0FF'],\n  ['#FF5C16', '#FFA680'],\n  ['#FF5C16', '#661800'],\n  ['#D075FF', '#EAC2FF'],\n  ['#D075FF', '#3D065F'],\n  ['#BAF24A', '#E5FFC3'],\n  ['#BAF24A', '#013330'],\n  ['#89B0FF', '#CCE7FF'],\n  ['#89B0FF', '#190066'],\n  ['#661800', '#FFA680'],\n  ['#FFA680', '#661800'],\n  ['#3D065F', '#EAC2FF'],\n  ['#EAC2FF', '#3D065F'],\n  ['#013330', '#E5FFC3'],\n  ['#E5FFC3', '#013330'],\n  ['#190066', '#CCE7FF'],\n  ['#CCE7FF', '#190066'],\n];\n\nconst complementaryPairs = [\n  ['#EAC2FF', '#013330'],\n  ['#013330', '#EAC2FF'],\n  ['#CCE7FF', '#661800'],\n  ['#661800', '#CCE7FF'],\n  ['#E5FFC3', '#3D065F'],\n  ['#3D065F', '#E5FFC3'],\n  ['#FFA680', '#190066'],\n  ['#190066', '#FFA680'],\n  ['#CCE7FF', '#013330'],\n  ['#013330', '#CCE7FF'],\n];\n\nconst colorPairs = neutralPairs.concat(tonalPairs).concat(complementaryPairs);\n\n/**\n * SDBM hash function\n *\n * @param str The string to hash\n * @returns A numeric hash value\n */\nexport function sdbmHash(str: string): number {\n  let hash = 0;\n\n  for (let i = 0; i < str.length; i++) {\n    // eslint-disable-next-line no-bitwise\n    hash = str.charCodeAt(i) + (hash << 6) + (hash << 16) - hash;\n  }\n  return hash;\n}\n\n/**\n * Convert numeric/byte-array seed to a 6+ length string\n *\n * @param seed The seed value to convert (either a number or array of numbers)\n * @returns A string representation of the seed (minimum 6 characters)\n */\nexport function seedToString(seed: number | number[]): string {\n  if (typeof seed === 'number') {\n    let hex = seed.toString(16);\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  if (Array.isArray(seed)) {\n    let hex = seed.map((b) => b.toString(16).padStart(2, '0')).join('');\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  return 'seed000';\n}\n\n/**\n * Builds a full <svg> string containing the Maskicon shapes.\n *\n * @param seed The seed value used to generate the icon\n * @param size The size of the SVG icon in pixels\n * @returns An SVG string representing the Maskicon\n */\nexport function createMaskiconSVG(seed: number | number[], size = 100): string {\n  // 1) Convert seed to string, then hash\n  const str = seedToString(seed);\n  const hashVal = sdbmHash(str);\n\n  // 2) Pick color pair based on the hash\n  const colorPairIndex = Math.abs(hashVal) % colorPairs.length;\n  const [bgColor, fgColor] = colorPairs[colorPairIndex];\n\n  // 3) Geometry setup\n  const grid = 2;\n  const margin = size * 0.25;\n  const innerSize = size - 2 * margin;\n  const cellSize = innerSize / grid;\n\n  let pathData = '';\n  const filledGrid: boolean[][] = Array.from({ length: grid }, () =>\n    Array(grid).fill(false),\n  );\n\n  const startX = Math.floor(grid / 2);\n  const startY = Math.floor(grid / 2);\n  const stack = [[startX, startY]];\n  filledGrid[startX][startY] = true;\n\n  while (stack.length > 0) {\n    // Using destructuring assignment with a non-null assertion is safe here because we've verified stack.length > 0\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const [x, y] = stack.pop()!;\n    // eslint-disable-next-line no-bitwise\n    const cellHash = Math.abs(hashVal >> (x * 3 + y * 5)) & 15;\n\n    const neighbors: [number, number][] = [];\n    const directions: [number, number][] = [\n      [0, 1],\n      [1, 0],\n      [0, -1],\n      [-1, 0],\n    ];\n    for (const [dx, dy] of directions) {\n      const nx = x + dx;\n      const ny = y + dy;\n      if (nx >= 0 && nx < grid && ny >= 0 && ny < grid && !filledGrid[nx][ny]) {\n        neighbors.push([nx, ny]);\n      }\n    }\n    while (neighbors.length > 0) {\n      const idx = Math.abs(cellHash + neighbors.length) % neighbors.length;\n      const [nx, ny] = neighbors.splice(idx, 1)[0];\n      stack.push([nx, ny]);\n      filledGrid[nx][ny] = true;\n    }\n\n    // Determine shape: square or right triangle (with rotation)\n    const rotation = (cellHash % 4) * 90;\n    const isSquare = cellHash % 5 === 0; // ~20% chance\n    const cx = margin + x * cellSize;\n    const cy = margin + y * cellSize;\n\n    if (isSquare) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 0) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize}z `;\n    } else if (rotation === 90) {\n      pathData += `M${cx + cellSize},${cy} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 180) {\n      pathData += `M${cx + cellSize},${cy + cellSize} h-${cellSize} v-${cellSize}z `;\n    } else {\n      pathData += `M${cx},${cy + cellSize} v-${cellSize} h${cellSize}z `;\n    }\n  }\n\n  // 4) Construct final SVG string (always rectangular)\n  let svgString = `<svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">`;\n  svgString += `<rect width=\"${size}\" height=\"${size}\" fill=\"${bgColor}\" />`;\n  svgString += `<path d=\"${pathData}\" fill=\"${fgColor}\" />`;\n  svgString += `</svg>`;\n  return svgString;\n}\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation and Caching\n// /////////////////////////////////////////////////////\ntype CacheKey = string;\nconst svgCache: Record<CacheKey, string> = {};\n\n/**\n * Returns a Promise that resolves to the final <svg> string for the given address.\n *\n * @param address The address to generate the Maskicon for\n * @param size The size of the icon in pixels\n * @returns A promise that resolves to an SVG string\n */\nexport async function getMaskiconSVG(\n  address: string,\n  size: number,\n): Promise<string> {\n  const cacheKey = `${address.toLowerCase()}:${size}`;\n  if (svgCache[cacheKey]) {\n    return svgCache[cacheKey];\n  }\n\n  // Extract the account address from CAIP-10 format if needed\n  const accountAddress = extractAccountAddress(address);\n\n  // Generate appropriate seed based on address format\n  const seed = generateIconSeed(accountAddress);\n\n  const svgString = createMaskiconSVG(seed, size);\n  svgCache[cacheKey] = svgString;\n  return svgString;\n}\n"]}
+{"version":3,"file":"Maskicon.utilities.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.utilities.ts"],"names":[],"mappings":"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","sourcesContent":["import { stringToBytes, KnownCaipNamespace } from '@metamask/utils';\nimport { isAddress as isSolanaAddress } from '@solana/addresses';\n\n// /////////////////////////////////////////////////////\n// Address validation\n// /////////////////////////////////////////////////////\n/**\n * Generates a numeric seed for Ethereum (eip155) addresses.\n *\n * @param address The Ethereum address to generate a seed from\n * @returns A numeric seed derived from the address\n */\nexport function generateSeedEthereum(address: string): number {\n  // Example: parse the first 8 chars of the address after '0x'\n  const addr = address.slice(2, 10);\n  return parseInt(addr, 16);\n}\n\n/**\n * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).\n *\n * @param address The non-Ethereum address to generate a seed from\n * @returns An array of numbers representing the byte-array seed\n */\nexport function generateSeedNonEthereum(address: string): number[] {\n  return Array.from(stringToBytes(address.normalize('NFKC').toLowerCase()));\n}\n\n/**\n * Dynamically checks if the address is Bitcoin or Solana; otherwise defaults to Ethereum.\n * Returns a Promise that resolves to one of the known CAIP-2 namespaces.\n *\n * In this update, if the address starts with \"0x\", we'll assume it's Ethereum (Eip155)\n * and avoid the dynamic import that can cause the \"Requiring unknown module '2021'\" error.\n *\n * @param address The address to check and determine its namespace\n * @returns A promise that resolves to the detected CAIP-2 namespace\n */\nexport async function getCaipNamespaceFromAddress(\n  address: string,\n): Promise<KnownCaipNamespace> {\n  // If the address starts with '0x', assume Ethereum.\n  if (address.startsWith('0x')) {\n    return KnownCaipNamespace.Eip155;\n  }\n\n  // Check for CAIP-10 formatted addresses\n  if (address.includes(':')) {\n    const [namespace] = address.split(':');\n    const nsLower = namespace.toLowerCase();\n    if (nsLower === 'bip122') {\n      return KnownCaipNamespace.Bip122;\n    }\n    if (nsLower === 'solana') {\n      return KnownCaipNamespace.Solana;\n    }\n  }\n\n  // Attempt to use bitcoin-address-validation if available.\n  try {\n    const { validate, Network } = await import('bitcoin-address-validation');\n    if (\n      validate(address, Network.mainnet) ||\n      validate(address, Network.testnet)\n    ) {\n      return KnownCaipNamespace.Bip122;\n    }\n  } catch {\n    // If the import fails, fall through.\n  }\n\n  // Fallback: if it looks like a Solana address, return Solana.\n  if (isSolanaAddress(address)) {\n    return KnownCaipNamespace.Solana;\n  }\n\n  // Default to Ethereum.\n  return KnownCaipNamespace.Eip155;\n}\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation\n// /////////////////////////////////////////////////////\n// Color Palettes\nconst neutralPairs = [\n  ['#FF5C16', '#FCFCFC'],\n  ['#FF5C16', '#131416'],\n  ['#D075FF', '#FCFCFC'],\n  ['#D075FF', '#131416'],\n  ['#BAF24A', '#FCFCFC'],\n  ['#BAF24A', '#131416'],\n  ['#89B0FF', '#FCFCFC'],\n  ['#89B0FF', '#131416'],\n  ['#FCFCFC', '#FF5C16'],\n  ['#131416', '#FF5C16'],\n  ['#FCFCFC', '#D075FF'],\n  ['#131416', '#D075FF'],\n  ['#FCFCFC', '#BAF24A'],\n  ['#131416', '#BAF24A'],\n  ['#FCFCFC', '#89B0FF'],\n  ['#131416', '#89B0FF'],\n];\n\nconst tonalPairs = [\n  ['#FFA680', '#FF5C16'],\n  ['#661800', '#FF5C16'],\n  ['#EAC2FF', '#D075FF'],\n  ['#3D065F', '#D075FF'],\n  ['#E5FFC3', '#BAF24A'],\n  ['#013330', '#BAF24A'],\n  ['#CCE7FF', '#89B0FF'],\n  ['#190066', '#89B0FF'],\n  ['#FF5C16', '#FFA680'],\n  ['#FF5C16', '#661800'],\n  ['#D075FF', '#EAC2FF'],\n  ['#D075FF', '#3D065F'],\n  ['#BAF24A', '#E5FFC3'],\n  ['#BAF24A', '#013330'],\n  ['#89B0FF', '#CCE7FF'],\n  ['#89B0FF', '#190066'],\n  ['#661800', '#FFA680'],\n  ['#FFA680', '#661800'],\n  ['#3D065F', '#EAC2FF'],\n  ['#EAC2FF', '#3D065F'],\n  ['#013330', '#E5FFC3'],\n  ['#E5FFC3', '#013330'],\n  ['#190066', '#CCE7FF'],\n  ['#CCE7FF', '#190066'],\n];\n\nconst complementaryPairs = [\n  ['#EAC2FF', '#013330'],\n  ['#013330', '#EAC2FF'],\n  ['#CCE7FF', '#661800'],\n  ['#661800', '#CCE7FF'],\n  ['#E5FFC3', '#3D065F'],\n  ['#3D065F', '#E5FFC3'],\n  ['#FFA680', '#190066'],\n  ['#190066', '#FFA680'],\n  ['#CCE7FF', '#013330'],\n  ['#013330', '#CCE7FF'],\n];\n\nconst colorPairs = neutralPairs.concat(tonalPairs).concat(complementaryPairs);\n\n/**\n * SDBM hash function\n *\n * @param str The string to hash\n * @returns A numeric hash value\n */\nexport function sdbmHash(str: string): number {\n  let hash = 0;\n\n  for (let i = 0; i < str.length; i++) {\n    // eslint-disable-next-line no-bitwise\n    hash = str.charCodeAt(i) + (hash << 6) + (hash << 16) - hash;\n  }\n  return hash;\n}\n\n/**\n * Convert numeric/byte-array seed to a 6+ length string\n *\n * @param seed The seed value to convert (either a number or array of numbers)\n * @returns A string representation of the seed (minimum 6 characters)\n */\nexport function seedToString(seed: number | number[]): string {\n  if (typeof seed === 'number') {\n    let hex = seed.toString(16);\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  if (Array.isArray(seed)) {\n    let hex = seed.map((b) => b.toString(16).padStart(2, '0')).join('');\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  return 'seed000';\n}\n\n/**\n * Builds a full <svg> string containing the Maskicon shapes.\n *\n * @param seed The seed value used to generate the icon\n * @param size The size of the SVG icon in pixels\n * @returns An SVG string representing the Maskicon\n */\nexport function createMaskiconSVG(seed: number | number[], size = 100): string {\n  // 1) Convert seed to string, then hash\n  const str = seedToString(seed);\n  const hashVal = sdbmHash(str);\n\n  // 2) Pick color pair based on the hash\n  const colorPairIndex = Math.abs(hashVal) % colorPairs.length;\n  const [bgColor, fgColor] = colorPairs[colorPairIndex];\n\n  // 3) Geometry setup\n  const grid = 2;\n  const margin = size * 0.25;\n  const innerSize = size - 2 * margin;\n  const cellSize = innerSize / grid;\n\n  let pathData = '';\n  const filledGrid: boolean[][] = Array.from({ length: grid }, () =>\n    Array(grid).fill(false),\n  );\n\n  const startX = Math.floor(grid / 2);\n  const startY = Math.floor(grid / 2);\n  const stack = [[startX, startY]];\n  filledGrid[startX][startY] = true;\n\n  while (stack.length > 0) {\n    // Using destructuring assignment with a non-null assertion is safe here because we've verified stack.length > 0\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const [x, y] = stack.pop()!;\n    // eslint-disable-next-line no-bitwise\n    const cellHash = Math.abs(hashVal >> (x * 3 + y * 5)) & 15;\n\n    const neighbors: [number, number][] = [];\n    const directions: [number, number][] = [\n      [0, 1],\n      [1, 0],\n      [0, -1],\n      [-1, 0],\n    ];\n    for (const [dx, dy] of directions) {\n      const nx = x + dx;\n      const ny = y + dy;\n      if (nx >= 0 && nx < grid && ny >= 0 && ny < grid && !filledGrid[nx][ny]) {\n        neighbors.push([nx, ny]);\n      }\n    }\n    while (neighbors.length > 0) {\n      const idx = Math.abs(cellHash + neighbors.length) % neighbors.length;\n      const [nx, ny] = neighbors.splice(idx, 1)[0];\n      stack.push([nx, ny]);\n      filledGrid[nx][ny] = true;\n    }\n\n    // Determine shape: square or right triangle (with rotation)\n    const rotation = (cellHash % 4) * 90;\n    const isSquare = cellHash % 5 === 0; // ~20% chance\n    const cx = margin + x * cellSize;\n    const cy = margin + y * cellSize;\n\n    if (isSquare) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 0) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize}z `;\n    } else if (rotation === 90) {\n      pathData += `M${cx + cellSize},${cy} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 180) {\n      pathData += `M${cx + cellSize},${cy + cellSize} h-${cellSize} v-${cellSize}z `;\n    } else {\n      pathData += `M${cx},${cy + cellSize} v-${cellSize} h${cellSize}z `;\n    }\n  }\n\n  // 4) Construct final SVG string (always rectangular)\n  let svgString = `<svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">`;\n  svgString += `<rect width=\"${size}\" height=\"${size}\" fill=\"${bgColor}\" />`;\n  svgString += `<path d=\"${pathData}\" fill=\"${fgColor}\" />`;\n  svgString += `</svg>`;\n  return svgString;\n}\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation and Caching\n// /////////////////////////////////////////////////////\ntype CacheKey = string;\nconst svgCache: Record<CacheKey, string> = {};\n\n/**\n * Returns a Promise that resolves to the final <svg> string for the given address.\n *\n * @param address The address to generate the Maskicon for\n * @param size The size of the icon in pixels\n * @returns A promise that resolves to an SVG string\n */\nexport async function getMaskiconSVG(\n  address: string,\n  size: number,\n): Promise<string> {\n  const cacheKey = `${address.toLowerCase()}:${size}`;\n  if (svgCache[cacheKey]) {\n    return svgCache[cacheKey];\n  }\n\n  const namespace = await getCaipNamespaceFromAddress(address);\n  let seed: number | number[];\n\n  if (namespace === KnownCaipNamespace.Eip155) {\n    seed = generateSeedEthereum(address);\n  } else {\n    seed = generateSeedNonEthereum(address);\n  }\n\n  const svgString = createMaskiconSVG(seed, size);\n  svgCache[cacheKey] = svgString;\n  return svgString;\n}\n"]}

package/dist/components/temp-components/Maskicon/Maskicon.utilities.d.cts

@@ -1,3 +1,29 @@
+import { KnownCaipNamespace } from "@metamask/utils";
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ *
+ * @param address The Ethereum address to generate a seed from
+ * @returns A numeric seed derived from the address
+ */
+export declare function generateSeedEthereum(address: string): number;
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ *
+ * @param address The non-Ethereum address to generate a seed from
+ * @returns An array of numbers representing the byte-array seed
+ */
+export declare function generateSeedNonEthereum(address: string): number[];
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise defaults to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ *
+ * In this update, if the address starts with "0x", we'll assume it's Ethereum (Eip155)
+ * and avoid the dynamic import that can cause the "Requiring unknown module '2021'" error.
+ *
+ * @param address The address to check and determine its namespace
+ * @returns A promise that resolves to the detected CAIP-2 namespace
+ */
+export declare function getCaipNamespaceFromAddress(address: string): Promise<KnownCaipNamespace>;
 /**
  * SDBM hash function
  *

package/dist/components/temp-components/Maskicon/Maskicon.utilities.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Maskicon.utilities.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.utilities.ts"],"names":[],"mappings":"AAsEA;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQ5C;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAgB5D;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,SAAM,GAAG,MAAM,CA8E7E;AAQD;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,MAAM,CAAC,CAejB"}
+{"version":3,"file":"Maskicon.utilities.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,wBAAwB;AAMpE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI5D;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAEjE;AAED;;;;;;;;;GASG;AACH,wBAAsB,2BAA2B,CAC/C,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,kBAAkB,CAAC,CAsC7B;AAmED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQ5C;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAgB5D;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,SAAM,GAAG,MAAM,CA8E7E;AAQD;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,MAAM,CAAC,CAkBjB"}

package/dist/components/temp-components/Maskicon/Maskicon.utilities.d.mts

@@ -1,3 +1,29 @@
+import { KnownCaipNamespace } from "@metamask/utils";
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ *
+ * @param address The Ethereum address to generate a seed from
+ * @returns A numeric seed derived from the address
+ */
+export declare function generateSeedEthereum(address: string): number;
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ *
+ * @param address The non-Ethereum address to generate a seed from
+ * @returns An array of numbers representing the byte-array seed
+ */
+export declare function generateSeedNonEthereum(address: string): number[];
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise defaults to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ *
+ * In this update, if the address starts with "0x", we'll assume it's Ethereum (Eip155)
+ * and avoid the dynamic import that can cause the "Requiring unknown module '2021'" error.
+ *
+ * @param address The address to check and determine its namespace
+ * @returns A promise that resolves to the detected CAIP-2 namespace
+ */
+export declare function getCaipNamespaceFromAddress(address: string): Promise<KnownCaipNamespace>;
 /**
  * SDBM hash function
  *

package/dist/components/temp-components/Maskicon/Maskicon.utilities.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Maskicon.utilities.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.utilities.ts"],"names":[],"mappings":"AAsEA;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQ5C;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAgB5D;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,SAAM,GAAG,MAAM,CA8E7E;AAQD;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,MAAM,CAAC,CAejB"}
+{"version":3,"file":"Maskicon.utilities.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,wBAAwB;AAMpE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI5D;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAEjE;AAED;;;;;;;;;GASG;AACH,wBAAsB,2BAA2B,CAC/C,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,kBAAkB,CAAC,CAsC7B;AAmED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQ5C;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAgB5D;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,SAAM,GAAG,MAAM,CA8E7E;AAQD;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,GACX,OAAO,CAAC,MAAM,CAAC,CAkBjB"}

package/dist/components/temp-components/Maskicon/Maskicon.utilities.mjs

@@ -1,4 +1,72 @@
-import { extractAccountAddress, generateIconSeed } from "@metamask-previews/design-system-shared";
+import { stringToBytes, KnownCaipNamespace } from "@metamask/utils";
+import { isAddress as isSolanaAddress } from "@solana/addresses";
+// /////////////////////////////////////////////////////
+// Address validation
+// /////////////////////////////////////////////////////
+/**
+ * Generates a numeric seed for Ethereum (eip155) addresses.
+ *
+ * @param address The Ethereum address to generate a seed from
+ * @returns A numeric seed derived from the address
+ */
+export function generateSeedEthereum(address) {
+    // Example: parse the first 8 chars of the address after '0x'
+    const addr = address.slice(2, 10);
+    return parseInt(addr, 16);
+}
+/**
+ * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).
+ *
+ * @param address The non-Ethereum address to generate a seed from
+ * @returns An array of numbers representing the byte-array seed
+ */
+export function generateSeedNonEthereum(address) {
+    return Array.from(stringToBytes(address.normalize('NFKC').toLowerCase()));
+}
+/**
+ * Dynamically checks if the address is Bitcoin or Solana; otherwise defaults to Ethereum.
+ * Returns a Promise that resolves to one of the known CAIP-2 namespaces.
+ *
+ * In this update, if the address starts with "0x", we'll assume it's Ethereum (Eip155)
+ * and avoid the dynamic import that can cause the "Requiring unknown module '2021'" error.
+ *
+ * @param address The address to check and determine its namespace
+ * @returns A promise that resolves to the detected CAIP-2 namespace
+ */
+export async function getCaipNamespaceFromAddress(address) {
+    // If the address starts with '0x', assume Ethereum.
+    if (address.startsWith('0x')) {
+        return KnownCaipNamespace.Eip155;
+    }
+    // Check for CAIP-10 formatted addresses
+    if (address.includes(':')) {
+        const [namespace] = address.split(':');
+        const nsLower = namespace.toLowerCase();
+        if (nsLower === 'bip122') {
+            return KnownCaipNamespace.Bip122;
+        }
+        if (nsLower === 'solana') {
+            return KnownCaipNamespace.Solana;
+        }
+    }
+    // Attempt to use bitcoin-address-validation if available.
+    try {
+        const { validate, Network } = await import("bitcoin-address-validation");
+        if (validate(address, Network.mainnet) ||
+            validate(address, Network.testnet)) {
+            return KnownCaipNamespace.Bip122;
+        }
+    }
+    catch {
+        // If the import fails, fall through.
+    }
+    // Fallback: if it looks like a Solana address, return Solana.
+    if (isSolanaAddress(address)) {
+        return KnownCaipNamespace.Solana;
+    }
+    // Default to Ethereum.
+    return KnownCaipNamespace.Eip155;
+}
 // /////////////////////////////////////////////////////
 // Maskicon SVG Creation
 // /////////////////////////////////////////////////////
@@ -189,10 +257,14 @@ export async function getMaskiconSVG(address, size) {
     if (svgCache[cacheKey]) {
         return svgCache[cacheKey];
     }
-    // Extract the account address from CAIP-10 format if needed
-    const accountAddress = extractAccountAddress(address);
-    // Generate appropriate seed based on address format
-    const seed = generateIconSeed(accountAddress);
+    const namespace = await getCaipNamespaceFromAddress(address);
+    let seed;
+    if (namespace === KnownCaipNamespace.Eip155) {
+        seed = generateSeedEthereum(address);
+    }
+    else {
+        seed = generateSeedNonEthereum(address);
+    }
     const svgString = createMaskiconSVG(seed, size);
     svgCache[cacheKey] = svgString;
     return svgString;

package/dist/components/temp-components/Maskicon/Maskicon.utilities.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Maskicon.utilities.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.utilities.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  extractAccountAddress,\n  generateIconSeed,\n} from '@metamask-previews/design-system-shared';\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation\n// /////////////////////////////////////////////////////\n// Color Palettes\nconst neutralPairs = [\n  ['#FF5C16', '#FCFCFC'],\n  ['#FF5C16', '#131416'],\n  ['#D075FF', '#FCFCFC'],\n  ['#D075FF', '#131416'],\n  ['#BAF24A', '#FCFCFC'],\n  ['#BAF24A', '#131416'],\n  ['#89B0FF', '#FCFCFC'],\n  ['#89B0FF', '#131416'],\n  ['#FCFCFC', '#FF5C16'],\n  ['#131416', '#FF5C16'],\n  ['#FCFCFC', '#D075FF'],\n  ['#131416', '#D075FF'],\n  ['#FCFCFC', '#BAF24A'],\n  ['#131416', '#BAF24A'],\n  ['#FCFCFC', '#89B0FF'],\n  ['#131416', '#89B0FF'],\n];\n\nconst tonalPairs = [\n  ['#FFA680', '#FF5C16'],\n  ['#661800', '#FF5C16'],\n  ['#EAC2FF', '#D075FF'],\n  ['#3D065F', '#D075FF'],\n  ['#E5FFC3', '#BAF24A'],\n  ['#013330', '#BAF24A'],\n  ['#CCE7FF', '#89B0FF'],\n  ['#190066', '#89B0FF'],\n  ['#FF5C16', '#FFA680'],\n  ['#FF5C16', '#661800'],\n  ['#D075FF', '#EAC2FF'],\n  ['#D075FF', '#3D065F'],\n  ['#BAF24A', '#E5FFC3'],\n  ['#BAF24A', '#013330'],\n  ['#89B0FF', '#CCE7FF'],\n  ['#89B0FF', '#190066'],\n  ['#661800', '#FFA680'],\n  ['#FFA680', '#661800'],\n  ['#3D065F', '#EAC2FF'],\n  ['#EAC2FF', '#3D065F'],\n  ['#013330', '#E5FFC3'],\n  ['#E5FFC3', '#013330'],\n  ['#190066', '#CCE7FF'],\n  ['#CCE7FF', '#190066'],\n];\n\nconst complementaryPairs = [\n  ['#EAC2FF', '#013330'],\n  ['#013330', '#EAC2FF'],\n  ['#CCE7FF', '#661800'],\n  ['#661800', '#CCE7FF'],\n  ['#E5FFC3', '#3D065F'],\n  ['#3D065F', '#E5FFC3'],\n  ['#FFA680', '#190066'],\n  ['#190066', '#FFA680'],\n  ['#CCE7FF', '#013330'],\n  ['#013330', '#CCE7FF'],\n];\n\nconst colorPairs = neutralPairs.concat(tonalPairs).concat(complementaryPairs);\n\n/**\n * SDBM hash function\n *\n * @param str The string to hash\n * @returns A numeric hash value\n */\nexport function sdbmHash(str: string): number {\n  let hash = 0;\n\n  for (let i = 0; i < str.length; i++) {\n    // eslint-disable-next-line no-bitwise\n    hash = str.charCodeAt(i) + (hash << 6) + (hash << 16) - hash;\n  }\n  return hash;\n}\n\n/**\n * Convert numeric/byte-array seed to a 6+ length string\n *\n * @param seed The seed value to convert (either a number or array of numbers)\n * @returns A string representation of the seed (minimum 6 characters)\n */\nexport function seedToString(seed: number | number[]): string {\n  if (typeof seed === 'number') {\n    let hex = seed.toString(16);\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  if (Array.isArray(seed)) {\n    let hex = seed.map((b) => b.toString(16).padStart(2, '0')).join('');\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  return 'seed000';\n}\n\n/**\n * Builds a full <svg> string containing the Maskicon shapes.\n *\n * @param seed The seed value used to generate the icon\n * @param size The size of the SVG icon in pixels\n * @returns An SVG string representing the Maskicon\n */\nexport function createMaskiconSVG(seed: number | number[], size = 100): string {\n  // 1) Convert seed to string, then hash\n  const str = seedToString(seed);\n  const hashVal = sdbmHash(str);\n\n  // 2) Pick color pair based on the hash\n  const colorPairIndex = Math.abs(hashVal) % colorPairs.length;\n  const [bgColor, fgColor] = colorPairs[colorPairIndex];\n\n  // 3) Geometry setup\n  const grid = 2;\n  const margin = size * 0.25;\n  const innerSize = size - 2 * margin;\n  const cellSize = innerSize / grid;\n\n  let pathData = '';\n  const filledGrid: boolean[][] = Array.from({ length: grid }, () =>\n    Array(grid).fill(false),\n  );\n\n  const startX = Math.floor(grid / 2);\n  const startY = Math.floor(grid / 2);\n  const stack = [[startX, startY]];\n  filledGrid[startX][startY] = true;\n\n  while (stack.length > 0) {\n    // Using destructuring assignment with a non-null assertion is safe here because we've verified stack.length > 0\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const [x, y] = stack.pop()!;\n    // eslint-disable-next-line no-bitwise\n    const cellHash = Math.abs(hashVal >> (x * 3 + y * 5)) & 15;\n\n    const neighbors: [number, number][] = [];\n    const directions: [number, number][] = [\n      [0, 1],\n      [1, 0],\n      [0, -1],\n      [-1, 0],\n    ];\n    for (const [dx, dy] of directions) {\n      const nx = x + dx;\n      const ny = y + dy;\n      if (nx >= 0 && nx < grid && ny >= 0 && ny < grid && !filledGrid[nx][ny]) {\n        neighbors.push([nx, ny]);\n      }\n    }\n    while (neighbors.length > 0) {\n      const idx = Math.abs(cellHash + neighbors.length) % neighbors.length;\n      const [nx, ny] = neighbors.splice(idx, 1)[0];\n      stack.push([nx, ny]);\n      filledGrid[nx][ny] = true;\n    }\n\n    // Determine shape: square or right triangle (with rotation)\n    const rotation = (cellHash % 4) * 90;\n    const isSquare = cellHash % 5 === 0; // ~20% chance\n    const cx = margin + x * cellSize;\n    const cy = margin + y * cellSize;\n\n    if (isSquare) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 0) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize}z `;\n    } else if (rotation === 90) {\n      pathData += `M${cx + cellSize},${cy} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 180) {\n      pathData += `M${cx + cellSize},${cy + cellSize} h-${cellSize} v-${cellSize}z `;\n    } else {\n      pathData += `M${cx},${cy + cellSize} v-${cellSize} h${cellSize}z `;\n    }\n  }\n\n  // 4) Construct final SVG string (always rectangular)\n  let svgString = `<svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">`;\n  svgString += `<rect width=\"${size}\" height=\"${size}\" fill=\"${bgColor}\" />`;\n  svgString += `<path d=\"${pathData}\" fill=\"${fgColor}\" />`;\n  svgString += `</svg>`;\n  return svgString;\n}\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation and Caching\n// /////////////////////////////////////////////////////\ntype CacheKey = string;\nconst svgCache: Record<CacheKey, string> = {};\n\n/**\n * Returns a Promise that resolves to the final <svg> string for the given address.\n *\n * @param address The address to generate the Maskicon for\n * @param size The size of the icon in pixels\n * @returns A promise that resolves to an SVG string\n */\nexport async function getMaskiconSVG(\n  address: string,\n  size: number,\n): Promise<string> {\n  const cacheKey = `${address.toLowerCase()}:${size}`;\n  if (svgCache[cacheKey]) {\n    return svgCache[cacheKey];\n  }\n\n  // Extract the account address from CAIP-10 format if needed\n  const accountAddress = extractAccountAddress(address);\n\n  // Generate appropriate seed based on address format\n  const seed = generateIconSeed(accountAddress);\n\n  const svgString = createMaskiconSVG(seed, size);\n  svgCache[cacheKey] = svgString;\n  return svgString;\n}\n"]}
+{"version":3,"file":"Maskicon.utilities.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.utilities.ts"],"names":[],"mappings":"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","sourcesContent":["import { stringToBytes, KnownCaipNamespace } from '@metamask/utils';\nimport { isAddress as isSolanaAddress } from '@solana/addresses';\n\n// /////////////////////////////////////////////////////\n// Address validation\n// /////////////////////////////////////////////////////\n/**\n * Generates a numeric seed for Ethereum (eip155) addresses.\n *\n * @param address The Ethereum address to generate a seed from\n * @returns A numeric seed derived from the address\n */\nexport function generateSeedEthereum(address: string): number {\n  // Example: parse the first 8 chars of the address after '0x'\n  const addr = address.slice(2, 10);\n  return parseInt(addr, 16);\n}\n\n/**\n * Generates a byte-array seed for non-Ethereum addresses (Solana, Bitcoin, etc.).\n *\n * @param address The non-Ethereum address to generate a seed from\n * @returns An array of numbers representing the byte-array seed\n */\nexport function generateSeedNonEthereum(address: string): number[] {\n  return Array.from(stringToBytes(address.normalize('NFKC').toLowerCase()));\n}\n\n/**\n * Dynamically checks if the address is Bitcoin or Solana; otherwise defaults to Ethereum.\n * Returns a Promise that resolves to one of the known CAIP-2 namespaces.\n *\n * In this update, if the address starts with \"0x\", we'll assume it's Ethereum (Eip155)\n * and avoid the dynamic import that can cause the \"Requiring unknown module '2021'\" error.\n *\n * @param address The address to check and determine its namespace\n * @returns A promise that resolves to the detected CAIP-2 namespace\n */\nexport async function getCaipNamespaceFromAddress(\n  address: string,\n): Promise<KnownCaipNamespace> {\n  // If the address starts with '0x', assume Ethereum.\n  if (address.startsWith('0x')) {\n    return KnownCaipNamespace.Eip155;\n  }\n\n  // Check for CAIP-10 formatted addresses\n  if (address.includes(':')) {\n    const [namespace] = address.split(':');\n    const nsLower = namespace.toLowerCase();\n    if (nsLower === 'bip122') {\n      return KnownCaipNamespace.Bip122;\n    }\n    if (nsLower === 'solana') {\n      return KnownCaipNamespace.Solana;\n    }\n  }\n\n  // Attempt to use bitcoin-address-validation if available.\n  try {\n    const { validate, Network } = await import('bitcoin-address-validation');\n    if (\n      validate(address, Network.mainnet) ||\n      validate(address, Network.testnet)\n    ) {\n      return KnownCaipNamespace.Bip122;\n    }\n  } catch {\n    // If the import fails, fall through.\n  }\n\n  // Fallback: if it looks like a Solana address, return Solana.\n  if (isSolanaAddress(address)) {\n    return KnownCaipNamespace.Solana;\n  }\n\n  // Default to Ethereum.\n  return KnownCaipNamespace.Eip155;\n}\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation\n// /////////////////////////////////////////////////////\n// Color Palettes\nconst neutralPairs = [\n  ['#FF5C16', '#FCFCFC'],\n  ['#FF5C16', '#131416'],\n  ['#D075FF', '#FCFCFC'],\n  ['#D075FF', '#131416'],\n  ['#BAF24A', '#FCFCFC'],\n  ['#BAF24A', '#131416'],\n  ['#89B0FF', '#FCFCFC'],\n  ['#89B0FF', '#131416'],\n  ['#FCFCFC', '#FF5C16'],\n  ['#131416', '#FF5C16'],\n  ['#FCFCFC', '#D075FF'],\n  ['#131416', '#D075FF'],\n  ['#FCFCFC', '#BAF24A'],\n  ['#131416', '#BAF24A'],\n  ['#FCFCFC', '#89B0FF'],\n  ['#131416', '#89B0FF'],\n];\n\nconst tonalPairs = [\n  ['#FFA680', '#FF5C16'],\n  ['#661800', '#FF5C16'],\n  ['#EAC2FF', '#D075FF'],\n  ['#3D065F', '#D075FF'],\n  ['#E5FFC3', '#BAF24A'],\n  ['#013330', '#BAF24A'],\n  ['#CCE7FF', '#89B0FF'],\n  ['#190066', '#89B0FF'],\n  ['#FF5C16', '#FFA680'],\n  ['#FF5C16', '#661800'],\n  ['#D075FF', '#EAC2FF'],\n  ['#D075FF', '#3D065F'],\n  ['#BAF24A', '#E5FFC3'],\n  ['#BAF24A', '#013330'],\n  ['#89B0FF', '#CCE7FF'],\n  ['#89B0FF', '#190066'],\n  ['#661800', '#FFA680'],\n  ['#FFA680', '#661800'],\n  ['#3D065F', '#EAC2FF'],\n  ['#EAC2FF', '#3D065F'],\n  ['#013330', '#E5FFC3'],\n  ['#E5FFC3', '#013330'],\n  ['#190066', '#CCE7FF'],\n  ['#CCE7FF', '#190066'],\n];\n\nconst complementaryPairs = [\n  ['#EAC2FF', '#013330'],\n  ['#013330', '#EAC2FF'],\n  ['#CCE7FF', '#661800'],\n  ['#661800', '#CCE7FF'],\n  ['#E5FFC3', '#3D065F'],\n  ['#3D065F', '#E5FFC3'],\n  ['#FFA680', '#190066'],\n  ['#190066', '#FFA680'],\n  ['#CCE7FF', '#013330'],\n  ['#013330', '#CCE7FF'],\n];\n\nconst colorPairs = neutralPairs.concat(tonalPairs).concat(complementaryPairs);\n\n/**\n * SDBM hash function\n *\n * @param str The string to hash\n * @returns A numeric hash value\n */\nexport function sdbmHash(str: string): number {\n  let hash = 0;\n\n  for (let i = 0; i < str.length; i++) {\n    // eslint-disable-next-line no-bitwise\n    hash = str.charCodeAt(i) + (hash << 6) + (hash << 16) - hash;\n  }\n  return hash;\n}\n\n/**\n * Convert numeric/byte-array seed to a 6+ length string\n *\n * @param seed The seed value to convert (either a number or array of numbers)\n * @returns A string representation of the seed (minimum 6 characters)\n */\nexport function seedToString(seed: number | number[]): string {\n  if (typeof seed === 'number') {\n    let hex = seed.toString(16);\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  if (Array.isArray(seed)) {\n    let hex = seed.map((b) => b.toString(16).padStart(2, '0')).join('');\n    if (hex.length < 6) {\n      hex = hex.padEnd(6, '0');\n    }\n    return hex;\n  }\n  return 'seed000';\n}\n\n/**\n * Builds a full <svg> string containing the Maskicon shapes.\n *\n * @param seed The seed value used to generate the icon\n * @param size The size of the SVG icon in pixels\n * @returns An SVG string representing the Maskicon\n */\nexport function createMaskiconSVG(seed: number | number[], size = 100): string {\n  // 1) Convert seed to string, then hash\n  const str = seedToString(seed);\n  const hashVal = sdbmHash(str);\n\n  // 2) Pick color pair based on the hash\n  const colorPairIndex = Math.abs(hashVal) % colorPairs.length;\n  const [bgColor, fgColor] = colorPairs[colorPairIndex];\n\n  // 3) Geometry setup\n  const grid = 2;\n  const margin = size * 0.25;\n  const innerSize = size - 2 * margin;\n  const cellSize = innerSize / grid;\n\n  let pathData = '';\n  const filledGrid: boolean[][] = Array.from({ length: grid }, () =>\n    Array(grid).fill(false),\n  );\n\n  const startX = Math.floor(grid / 2);\n  const startY = Math.floor(grid / 2);\n  const stack = [[startX, startY]];\n  filledGrid[startX][startY] = true;\n\n  while (stack.length > 0) {\n    // Using destructuring assignment with a non-null assertion is safe here because we've verified stack.length > 0\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const [x, y] = stack.pop()!;\n    // eslint-disable-next-line no-bitwise\n    const cellHash = Math.abs(hashVal >> (x * 3 + y * 5)) & 15;\n\n    const neighbors: [number, number][] = [];\n    const directions: [number, number][] = [\n      [0, 1],\n      [1, 0],\n      [0, -1],\n      [-1, 0],\n    ];\n    for (const [dx, dy] of directions) {\n      const nx = x + dx;\n      const ny = y + dy;\n      if (nx >= 0 && nx < grid && ny >= 0 && ny < grid && !filledGrid[nx][ny]) {\n        neighbors.push([nx, ny]);\n      }\n    }\n    while (neighbors.length > 0) {\n      const idx = Math.abs(cellHash + neighbors.length) % neighbors.length;\n      const [nx, ny] = neighbors.splice(idx, 1)[0];\n      stack.push([nx, ny]);\n      filledGrid[nx][ny] = true;\n    }\n\n    // Determine shape: square or right triangle (with rotation)\n    const rotation = (cellHash % 4) * 90;\n    const isSquare = cellHash % 5 === 0; // ~20% chance\n    const cx = margin + x * cellSize;\n    const cy = margin + y * cellSize;\n\n    if (isSquare) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 0) {\n      pathData += `M${cx},${cy} h${cellSize} v${cellSize}z `;\n    } else if (rotation === 90) {\n      pathData += `M${cx + cellSize},${cy} v${cellSize} h-${cellSize}z `;\n    } else if (rotation === 180) {\n      pathData += `M${cx + cellSize},${cy + cellSize} h-${cellSize} v-${cellSize}z `;\n    } else {\n      pathData += `M${cx},${cy + cellSize} v-${cellSize} h${cellSize}z `;\n    }\n  }\n\n  // 4) Construct final SVG string (always rectangular)\n  let svgString = `<svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">`;\n  svgString += `<rect width=\"${size}\" height=\"${size}\" fill=\"${bgColor}\" />`;\n  svgString += `<path d=\"${pathData}\" fill=\"${fgColor}\" />`;\n  svgString += `</svg>`;\n  return svgString;\n}\n\n// /////////////////////////////////////////////////////\n// Maskicon SVG Creation and Caching\n// /////////////////////////////////////////////////////\ntype CacheKey = string;\nconst svgCache: Record<CacheKey, string> = {};\n\n/**\n * Returns a Promise that resolves to the final <svg> string for the given address.\n *\n * @param address The address to generate the Maskicon for\n * @param size The size of the icon in pixels\n * @returns A promise that resolves to an SVG string\n */\nexport async function getMaskiconSVG(\n  address: string,\n  size: number,\n): Promise<string> {\n  const cacheKey = `${address.toLowerCase()}:${size}`;\n  if (svgCache[cacheKey]) {\n    return svgCache[cacheKey];\n  }\n\n  const namespace = await getCaipNamespaceFromAddress(address);\n  let seed: number | number[];\n\n  if (namespace === KnownCaipNamespace.Eip155) {\n    seed = generateSeedEthereum(address);\n  } else {\n    seed = generateSeedNonEthereum(address);\n  }\n\n  const svgString = createMaskiconSVG(seed, size);\n  svgCache[cacheKey] = svgString;\n  return svgString;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-react",
-  "version": "0.3.1-preview.89321d8",
+  "version": "0.3.1-preview.c4d6431",
   "description": "Design system react ui components",
   "keywords": [
     "MetaMask",
@@ -50,7 +50,6 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask-previews/design-system-shared": "0.0.0-preview.89321d8",
     "@metamask/jazzicon": "^2.0.0",
     "@radix-ui/react-slot": "^1.1.0",
     "blo": "^2.0.0",
@@ -59,7 +58,7 @@
   "devDependencies": {
     "@figma/code-connect": "^1.0.0",
     "@jest/globals": "^29.7.0",
-    "@metamask-previews/design-system-tailwind-preset": "0.6.1-preview.89321d8",
+    "@metamask-previews/design-system-tailwind-preset": "0.6.1-preview.c4d6431",
     "@metamask/auto-changelog": "^5.0.2",
     "@metamask/utils": "^11.7.0",
     "@solana/addresses": "^2.0.0",