diff --git a/apps/passport/app/components/applications/claims.tsx b/apps/passport/app/components/applications/claims.tsx
index 49b9a9bba9..52503ae949 100644
--- a/apps/passport/app/components/applications/claims.tsx
+++ b/apps/passport/app/components/applications/claims.tsx
@@ -89,13 +89,14 @@ export const ConfirmRevocationModal = ({
)
}
-const AccountExpandedView = ({ account, wallet = false }: {
+const AccountExpandedView = ({ account, source, wallet = false }: {
account: {
icon: string
address: string
- type: string
+ type?: string
title?: string
}
+ source?: string
wallet?: boolean
}) => {
return
@@ -150,8 +151,7 @@ const AccountExpandedView = ({ account, wallet = false }: {
weight="medium"
className="text-gray-500 truncate"
>
- {wallet ? "Smart Contract Wallet" : `${startCase(account.type)} - ${account.address
- }`}
+ {source}
@@ -252,7 +252,10 @@ export const ClaimsMobileView = ({ claims }: { claims: any[] }) => {
{selectedAccount && (
-
+
)}
@@ -315,6 +318,97 @@ export const ClaimsWideView = ({ claims }: { claims: any[] }) => {
)
}
+ const ProfileView = ({
+ account,
+ }: {
+ account: {
+ address: string,
+ icon: string
+ }
+ }) => {
+ return
+ {({ open }) => (
+ <>
+
+
+
+ {open ? (
+
+ ) : (
+
+ )}
+
+
+ Profile
+
+
+ |
+
+
+ Picture, Name
+
+ |
+
+
+
+
+ Primary Account
+
+ |
+
+
+
+ Profile
+
+ |
+
+ >
+ )}
+
+ }
+
+
+ const OpenidColumnView = () => {
+ return
+
+
+
+ System Identifiers
+
+
+ |
+ |
+
+
+
+ Rollup Identity
+
+ |
+
+ }
+
const ClaimColumnView = ({
open,
title,
@@ -413,7 +507,10 @@ export const ClaimsWideView = ({ claims }: { claims: any[] }) => {
{selectedAccount && (
-
+
)}
@@ -474,7 +571,11 @@ export const ClaimsWideView = ({ claims }: { claims: any[] }) => {
{selectedAccount && (
-
+
)}
@@ -498,6 +599,10 @@ export const ClaimsWideView = ({ claims }: { claims: any[] }) => {
)
case 'connected_accounts':
return
+ case 'openid':
+ return
+ case 'profile':
+ return
case 'erc_4337':
return
}
diff --git a/apps/passport/app/routes/settings/applications/$clientId/index.tsx b/apps/passport/app/routes/settings/applications/$clientId/index.tsx
index 16fea92423..77fb9c9cab 100644
--- a/apps/passport/app/routes/settings/applications/$clientId/index.tsx
+++ b/apps/passport/app/routes/settings/applications/$clientId/index.tsx
@@ -56,7 +56,6 @@ export default () => {
//There should be only one address urn provided for email
(profile) => profile.urn === scopes[scopeValue].meta.urns[0]
)
-
aggregator.push({
claim: 'email',
icon: profile.icon,
@@ -77,7 +76,21 @@ export default () => {
type: profile.type === 'eth' ? 'blockchain' : profile.type,
})),
})
- } else if (scopeValue === 'erc_4337') {
+ } else if (scopeValue === "openid") {
+ aggregator.push({
+ claim: 'openid',
+ name: {}
+ })
+ } else if (scopeValue === "profile") {
+ aggregator.push({
+ claim: 'profile',
+ account: {
+ address: scopes[scopeValue].claims.name,
+ icon: scopes[scopeValue].claims.picture
+ }
+ })
+ }
+ else if (scopeValue === 'erc_4337') {
const profiles = connectedProfiles.filter((profile) =>
scopes[scopeValue].meta.urns.includes(profile.urn)
)