feat: add new oca branding

packages/legacy/core/App/components/misc/CredentialCard.tsx

@@ -9,6 +9,7 @@ import { GenericFn } from '../../types/fn'
 
 import CredentialCard10 from './CredentialCard10'
 import CredentialCard11 from './CredentialCard11'
+import CredentialCard12 from './CredentialCard12'
 import OpenIDCredentialCard from '../../modules/openid/components/OpenIDCredentialCard'
 import { GenericCredentialExchangeRecord } from '../../types/credentials'
 
@@ -46,41 +47,75 @@ const CredentialCard: React.FC<CredentialCardProps> = ({
   const { ColorPallet } = useTheme()
   const getCredOverlayType = (type: BrandingOverlayType) => {
     if (proof) {
-      return (
-        <CredentialCard11
-          displayItems={displayItems}
-          style={{ backgroundColor: ColorPallet.brand.secondaryBackground }}
-          error={!existsInWallet}
-          predicateError={!satisfiedPredicates}
-          credName={credName}
-          credDefId={credDefId}
-          schemaId={schemaId}
-          credential={credential as CredentialExchangeRecord}
-          handleAltCredChange={handleAltCredChange}
-          hasAltCredentials={hasAltCredentials}
-          proof
-          elevated
-        />
-      )
+      if (type === BrandingOverlayType.Branding11) {
+        return (
+          <CredentialCard12
+            displayItems={displayItems}
+            error={!existsInWallet}
+            style={{ backgroundColor: ColorPallet.brand.secondaryBackground }}
+            predicateError={!satisfiedPredicates}
+            credName={credName}
+            credDefId={credDefId}
+            schemaId={schemaId}
+            credential={credential as CredentialExchangeRecord}
+            handleAltCredChange={handleAltCredChange}
+            hasAltCredentials={hasAltCredentials}
+            proof
+            elevated
+          />
+        )
+      } else {
+        return (
+          <CredentialCard11
+            displayItems={displayItems}
+            style={{ backgroundColor: ColorPallet.brand.secondaryBackground }}
+            error={!existsInWallet}
+            predicateError={!satisfiedPredicates}
+            credName={credName}
+            credDefId={credDefId}
+            schemaId={schemaId}
+            credential={credential as CredentialExchangeRecord}
+            handleAltCredChange={handleAltCredChange}
+            hasAltCredentials={hasAltCredentials}
+            proof
+            elevated
+          />
+        )
+      }
     }
 
     if (credential) {
       if (type === BrandingOverlayType.Branding01) {
         return <CredentialCard10 credential={credential as CredentialExchangeRecord} style={style} onPress={onPress} />
+      } else if (type == BrandingOverlayType.Branding11) {
+        return <CredentialCard12 credential={credential as CredentialExchangeRecord} style={style} onPress={onPress} />
       } else {
         return <CredentialCard11 credential={credential as CredentialExchangeRecord} style={style} onPress={onPress} />
       }
     } else {
-      return (
-        <CredentialCard11
-          credDefId={credDefId}
-          schemaId={schemaId}
-          credName={credName}
-          displayItems={displayItems}
-          style={style}
-          onPress={onPress}
-        />
-      )
+      if (type === BrandingOverlayType.Branding11) {
+        return (
+          <CredentialCard12
+            credDefId={credDefId}
+            schemaId={schemaId}
+            credName={credName}
+            displayItems={displayItems}
+            style={style}
+            onPress={onPress}
+          />
+        )
+      } else {
+        return (
+          <CredentialCard11
+            credDefId={credDefId}
+            schemaId={schemaId}
+            credName={credName}
+            displayItems={displayItems}
+            style={style}
+            onPress={onPress}
+          />
+        )
+      }
     }
   }