@metamask/design-system-react-native/dist/components/temp-components/Jazzicon/Jazzicon.mjs

Design System React Native

function $importDefault(module) {
    if (module?.__esModule) {
        return module.default;
    }
    return module;
}
import { extractAccountAddress, generateIconSeed } from "@metamask/design-system-shared";
import $React from "react";
const React = $importDefault($React);
import { View } from "react-native/index.js";
import $RNJazzicon from "react-native-jazzicon";
const RNJazzicon = $importDefault($RNJazzicon);
export const Jazzicon = ({ testID, address, ...props }) => {
    // Extract the account address from CAIP-10 format if needed
    const accountAddress = address ? extractAccountAddress(address) : '';
    // Generate appropriate seed based on address format (matches MetaMask Mobile)
    const seed = generateIconSeed(accountAddress);
    return (<View testID={testID}>
      <RNJazzicon {...props} 
    // @ts-expect-error The underlying PRNG supports the seed being an array but the component is typed wrong.
    seed={seed} containerStyle={{
            borderRadius: 0,
            ...props.containerStyle,
        }}/>
    </View>);
};
//# sourceMappingURL=Jazzicon.mjs.map