@metamask/design-system-react-native
Version:
1 lines • 1.87 kB
Source Map (JSON)
{"version":3,"file":"Jazzicon.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;AAAA,yEAGwC;AACxC,kDAA0B;AAC1B,wDAAoC;AAEpC,kFAA+C;AAIxC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IACvE,4DAA4D;IAC5D,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,IAAA,4CAAqB,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAErE,8EAA8E;IAC9E,MAAM,IAAI,GAAG,IAAA,uCAAgB,EAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACL,CAAC,mBAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACnB;MAAA,CAAC,+BAAU,CACT,IAAI,KAAK,CAAC;IACV,0GAA0G;IAC1G,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,cAAc,CAAC,CAAC;YACd,YAAY,EAAE,CAAC;YACf,GAAI,KAAK,CAAC,cAA4B;SACvC,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,QAAQ,YAoBnB","sourcesContent":["import {\n extractAccountAddress,\n generateIconSeed,\n} from '@metamask/design-system-shared';\nimport React from 'react';\nimport { View } from 'react-native';\nimport type { ViewStyle } from 'react-native';\nimport RNJazzicon from 'react-native-jazzicon';\n\nimport type { JazziconProps } from './Jazzicon.types';\n\nexport const Jazzicon = ({ testID, address, ...props }: JazziconProps) => {\n // Extract the account address from CAIP-10 format if needed\n const accountAddress = address ? extractAccountAddress(address) : '';\n\n // Generate appropriate seed based on address format (matches MetaMask Mobile)\n const seed = generateIconSeed(accountAddress);\n\n return (\n <View testID={testID}>\n <RNJazzicon\n {...props}\n // @ts-expect-error The underlying PRNG supports the seed being an array but the component is typed wrong.\n seed={seed}\n containerStyle={{\n borderRadius: 0, // Override circular border radius to make it square\n ...(props.containerStyle as ViewStyle),\n }}\n />\n </View>\n );\n};\n"]}