@peculiar/certificates-viewer 4.7.1-alpha.4 → 4.8.0

package/components/miscellaneous.js

@@ -209,9 +209,7 @@ const BasicExtension = (props, children) => {
         h(RowValue, { name: "Name", value: getStringByOID(extension.asn.extnID) }),
         h(RowValue, { name: "Critical", value: extension.asn.critical ? l10n.getString('yes') : l10n.getString('no') }),
         children,
-        h("tr", null,
-            h("td", { colSpan: 2, class: "divider" },
-                h("span", null))),
+        h("tr", null, h("td", { colSpan: 2, class: "divider" }, h("span", null))),
     ]);
 };
 
@@ -224,8 +222,7 @@ const BasicExtension = (props, children) => {
  */
 const KeyUsageExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Usage", value: extension.value.toJSON().join(', ') })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Usage", value: extension.value.toJSON().join(', ') })));
 };
 
 /**
@@ -237,9 +234,7 @@ const KeyUsageExtension = (props) => {
  */
 const BasicConstraintsExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Certificate Authority", value: extension.value.cA ? l10n.getString('yes') : l10n.getString('no') }),
-        h(RowValue, { name: "Path Length Constraint", value: extension.value.pathLenConstraint })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Certificate Authority", value: extension.value.cA ? l10n.getString('yes') : l10n.getString('no') }), h(RowValue, { name: "Path Length Constraint", value: extension.value.pathLenConstraint })));
 };
 
 /**
@@ -253,8 +248,7 @@ const ExtendedKeyUsageExtension = (props) => {
     const { extension } = props;
     return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         h(RowValue, { name: "Purposes", value: "" }),
-        extension.value.map((usage) => (h(TableRowTable, null,
-            h(RowValue, { name: "Purpose", value: getStringByOID(usage) })))),
+        extension.value.map((usage) => (h(TableRowTable, null, h(RowValue, { name: "Purpose", value: getStringByOID(usage) })))),
     ])));
 };
 
@@ -270,17 +264,10 @@ const SubjectKeyIdentifierExtension = (props) => {
     const keyId = buildExports.Convert.ToHex(extension.value.buffer);
     const childrenLink = getSubjectKeyIdChildrenLink(keyId);
     const siblingsLink = getSubjectKeyIdSiblingsLink(keyId);
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
-                childrenLink && (h("span", null,
-                    "\u00A0[",
-                    h(Link, { href: childrenLink }, "children"),
-                    "]")),
-                siblingsLink && (h("span", null,
-                    "\u00A0[",
-                    h(Link, { href: siblingsLink }, "siblings"),
-                    "]")),
-            ] })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
+            childrenLink && (h("span", null, "\u00A0[", h(Link, { href: childrenLink }, "children"), "]")),
+            siblingsLink && (h("span", null, "\u00A0[", h(Link, { href: siblingsLink }, "siblings"), "]")),
+        ] })));
 };
 
 /**
@@ -295,17 +282,10 @@ const AuthorityKeyIdentifierExtension = (props) => {
     const keyId = buildExports.Convert.ToHex(extension.value.keyIdentifier.buffer);
     const parentLink = getAuthKeyIdParentLink(keyId);
     const siblingsLink = getAuthKeyIdSiblingsLink(keyId);
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
-                parentLink && (h("span", null,
-                    "\u00A0[",
-                    h(Link, { href: parentLink }, "parents"),
-                    "]")),
-                siblingsLink && (h("span", null,
-                    "\u00A0[",
-                    h(Link, { href: siblingsLink }, "siblings"),
-                    "]")),
-            ] })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Key ID", value: keyId, monospace: true, extraValue: [
+            parentLink && (h("span", null, "\u00A0[", h(Link, { href: parentLink }, "parents"), "]")),
+            siblingsLink && (h("span", null, "\u00A0[", h(Link, { href: siblingsLink }, "siblings"), "]")),
+        ] })));
 };
 
 /**
@@ -403,9 +383,7 @@ const InfoAccessSyntaxExtension = (props) => {
     const { extension } = props;
     return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         h(RowValue, { name: "Descriptions", value: "" }),
-        extension.value.map((description) => (h(TableRowTable, null,
-            h(RowValue, { name: "Method", value: getStringByOID(description.accessMethod) }),
-            h(GeneralNamePart, Object.assign({ generalName: description.accessLocation }, props))))),
+        extension.value.map((description) => (h(TableRowTable, null, h(RowValue, { name: "Method", value: getStringByOID(description.accessMethod) }), h(GeneralNamePart, Object.assign({ generalName: description.accessLocation }, props))))),
     ])));
 };
 
@@ -432,27 +410,25 @@ const CertificatePoliciesExtension = (props) => {
     const { extension } = props;
     return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         h(RowValue, { name: "Policies", value: "" }),
-        extension.value.map((policy) => (h(TableRowTable, null,
-            h(RowValue, { name: "Policy ID", value: getStringByOID(policy.policyIdentifier) }),
-            policy.policyQualifiers && Boolean(policy.policyQualifiers.length) && ([
-                h(RowValue, { name: "Qualifiers", value: "" }),
-                policy.policyQualifiers.map((qualifierInfo) => {
-                    const data = [
-                        h(RowValue, { name: "Qualifier ID", value: getStringByOID(qualifierInfo.policyQualifierId) }),
-                    ];
-                    if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.1') {
-                        const value = AsnParser.parse(qualifierInfo.qualifier, DisplayText);
-                        data.push(h(RowValue, { name: "Value", value: value.toString() }));
-                    }
-                    if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.2') {
-                        const value = AsnParser.parse(qualifierInfo.qualifier, UserNotice);
-                        if (value.explicitText) {
-                            data.push(h(RowValue, { name: "Value", value: value.explicitText.toString() }));
-                        }
+        extension.value.map((policy) => (h(TableRowTable, null, h(RowValue, { name: "Policy ID", value: getStringByOID(policy.policyIdentifier) }), policy.policyQualifiers && Boolean(policy.policyQualifiers.length) && ([
+            h(RowValue, { name: "Qualifiers", value: "" }),
+            policy.policyQualifiers.map((qualifierInfo) => {
+                const data = [
+                    h(RowValue, { name: "Qualifier ID", value: getStringByOID(qualifierInfo.policyQualifierId) }),
+                ];
+                if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.1') {
+                    const value = AsnParser.parse(qualifierInfo.qualifier, DisplayText);
+                    data.push(h(RowValue, { name: "Value", value: value.toString() }));
+                }
+                if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.2') {
+                    const value = AsnParser.parse(qualifierInfo.qualifier, UserNotice);
+                    if (value.explicitText) {
+                        data.push(h(RowValue, { name: "Value", value: value.explicitText.toString() }));
                     }
-                    return (h(TableRowTable, null, data));
-                }),
-            ])))),
+                }
+                return (h(TableRowTable, null, data));
+            }),
+        ])))),
     ])));
 };
 
@@ -554,13 +530,7 @@ const CertificateTransparencyExtension = (props) => {
     const { extension } = props;
     return (h(BasicExtension, { extension: extension }, Boolean(extension.value.items.length) && ([
         h(RowValue, { name: "Signed Certificate Timestamps", value: "" }),
-        extension.value.toJSON().map((signedCertificateTimestamp) => (h(TableRowTable, null,
-            h(RowValue, { name: "Version", value: signedCertificateTimestamp.version + 1 }),
-            h(RowValue, { name: "Log Operator", value: logs[signedCertificateTimestamp.logId] || signedCertificateTimestamp.logId }),
-            h(RowValue, { name: "Log Key ID", value: signedCertificateTimestamp.logId, monospace: true }),
-            h(RowValue, { name: "Timestamp", value: dateShort(signedCertificateTimestamp.timestamp) }),
-            h(RowValue, { name: "Signature Algorithm", value: `${signedCertificateTimestamp.hashAlgorithm} ${signedCertificateTimestamp.signatureAlgorithm}`.toUpperCase() }),
-            h(RowValue, { name: "Signature", value: signedCertificateTimestamp.signature, monospace: true })))),
+        extension.value.toJSON().map((signedCertificateTimestamp) => (h(TableRowTable, null, h(RowValue, { name: "Version", value: signedCertificateTimestamp.version + 1 }), h(RowValue, { name: "Log Operator", value: logs[signedCertificateTimestamp.logId] || signedCertificateTimestamp.logId }), h(RowValue, { name: "Log Key ID", value: signedCertificateTimestamp.logId, monospace: true }), h(RowValue, { name: "Timestamp", value: dateShort(signedCertificateTimestamp.timestamp) }), h(RowValue, { name: "Signature Algorithm", value: `${signedCertificateTimestamp.hashAlgorithm} ${signedCertificateTimestamp.signatureAlgorithm}`.toUpperCase() }), h(RowValue, { name: "Signature", value: signedCertificateTimestamp.signature, monospace: true }), h(RowValue, { name: "Extensions", value: signedCertificateTimestamp.extensions || undefined, monospace: true })))),
     ])));
 };
 
@@ -588,10 +558,7 @@ const NameConstraintsExtension = (props) => {
  */
 const CertificateTemplateExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Template ID", value: extension.value.templateID }),
-        h(RowValue, { name: "Template Major Version", value: extension.value.templateMajorVersion }),
-        h(RowValue, { name: "Template Minor Version", value: extension.value.templateMinorVersion })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Template ID", value: extension.value.templateID }), h(RowValue, { name: "Template Major Version", value: extension.value.templateMajorVersion }), h(RowValue, { name: "Template Minor Version", value: extension.value.templateMinorVersion })));
 };
 
 /**
@@ -603,8 +570,7 @@ const CertificateTemplateExtension = (props) => {
  */
 const EnrollCertTypeChoiceExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Name", value: extension.value.toString() })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Name", value: extension.value.toString() })));
 };
 
 /**
@@ -617,9 +583,7 @@ const EnrollCertTypeChoiceExtension = (props) => {
 const CaVersionExtension = (props) => {
     const { extension } = props;
     const version = extension.value.getVersion();
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Certificate Index", value: version.certificateIndex }),
-        h(RowValue, { name: "Key Index", value: version.keyIndex })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Certificate Index", value: version.certificateIndex }), h(RowValue, { name: "Key Index", value: version.keyIndex })));
 };
 
 var PdsLocations_1, QcEuPDS_1, QcType_1, QcCClegislation_1;
@@ -742,7 +706,7 @@ const id_etsi_qcs_qcType = `${id_etsi_qcs}.6`;
 const QCStatementsExtension = (props) => {
     const { extension } = props;
     function renderStatementInfo(statementId, statementInfo) {
-        if (!statementInfo.byteLength) {
+        if (!statementInfo || !statementInfo.byteLength) {
             return null;
         }
         if (statementId === id_qcs_pkixQCSyntax_v2) {
@@ -761,18 +725,14 @@ const QCStatementsExtension = (props) => {
             const pdsLocations = AsnParser.parse(statementInfo, PdsLocations);
             return ([
                 h(RowValue, { name: "PDS Locations", value: "" }),
-                pdsLocations.map((location) => (h(TableRowTable, null,
-                    h(RowValue, { name: "URL", value: location.url }),
-                    h(RowValue, { name: "Language", value: location.language })))),
+                pdsLocations.map((location) => (h(TableRowTable, null, h(RowValue, { name: "URL", value: location.url }), h(RowValue, { name: "Language", value: location.language })))),
             ]);
         }
         return (h(RowValue, { name: "Info", value: buildExports.Convert.ToHex(statementInfo), monospace: true }));
     }
     return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         h(RowValue, { name: "Statements", value: "" }),
-        extension.value.map((statement) => (h(TableRowTable, null,
-            h(RowValue, { name: "Statement ID", value: getStringByOID(statement.statementId) }),
-            renderStatementInfo(statement.statementId, statement.statementInfo)))),
+        extension.value.map((statement) => (h(TableRowTable, null, h(RowValue, { name: "Statement ID", value: getStringByOID(statement.statementId) }), renderStatementInfo(statement.statementId, statement.statementInfo)))),
     ])));
 };
 
@@ -785,8 +745,7 @@ const QCStatementsExtension = (props) => {
  */
 const NetscapeCommentExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Comment", value: extension.value.value })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Comment", value: extension.value.value })));
 };
 
 /**
@@ -798,8 +757,7 @@ const NetscapeCommentExtension = (props) => {
  */
 const NetscapeCertTypeExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Type", value: extension.value.toJSON().join(', ') })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Type", value: extension.value.toJSON().join(', ') })));
 };
 
 /**
@@ -811,8 +769,7 @@ const NetscapeCertTypeExtension = (props) => {
  */
 const LeiRoleExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Role", value: extension.value.text })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Role", value: extension.value.text })));
 };
 
 /**
@@ -824,8 +781,7 @@ const LeiRoleExtension = (props) => {
  */
 const LeiExtension = (props) => {
     const { extension, getLEILink } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Identifier", value: extension.value.text, href: getLEILink(extension.value.text) })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Identifier", value: extension.value.text, href: getLEILink(extension.value.text) })));
 };
 
 /**
@@ -837,10 +793,7 @@ const LeiExtension = (props) => {
  */
 const TimestampExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Version", value: extension.value.version }),
-        h(GeneralNamePart, Object.assign({ generalName: extension.value.location }, props)),
-        h(RowValue, { name: "Requires Auth", value: extension.value.requiresAuth ? l10n.getString('yes') : l10n.getString('no') })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Version", value: extension.value.version }), h(GeneralNamePart, Object.assign({ generalName: extension.value.location }, props)), h(RowValue, { name: "Requires Auth", value: extension.value.requiresAuth ? l10n.getString('yes') : l10n.getString('no') })));
 };
 
 /**
@@ -852,8 +805,7 @@ const TimestampExtension = (props) => {
  */
 const ArchiveRevInfoExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Version", value: extension.value.version })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Version", value: extension.value.version })));
 };
 
 /**
@@ -865,8 +817,7 @@ const ArchiveRevInfoExtension = (props) => {
  */
 const CRLReasonExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Reason", value: extension.value.toJSON() })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Reason", value: extension.value.toJSON() })));
 };
 
 /**
@@ -891,9 +842,7 @@ const SubjectDirectoryAttributesExtension = (props) => {
     const { extension } = props;
     return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         h(RowValue, { name: "Attributes", value: "" }),
-        extension.value.map((attribute) => (h(TableRowTable, null,
-            h(RowValue, { name: "Type", value: getStringByOID(attribute.type) }),
-            h(RowValue, { name: "Value", value: getAttributeValue(attribute) })))),
+        extension.value.map((attribute) => (h(TableRowTable, null, h(RowValue, { name: "Type", value: getStringByOID(attribute.type) }), h(RowValue, { name: "Value", value: getAttributeValue(attribute) })))),
     ])));
 };
 
@@ -906,8 +855,7 @@ const SubjectDirectoryAttributesExtension = (props) => {
  */
 const AsStringExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Value", value: extension.value, monospace: true })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Value", value: extension.value, monospace: true })));
 };
 
 /**
@@ -919,9 +867,7 @@ const AsStringExtension = (props) => {
  */
 const PrivateKeyUsagePeriodExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Not Before", value: dateShort(extension.value.notBefore) }),
-        h(RowValue, { name: "Not After", value: dateShort(extension.value.notAfter) })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Not Before", value: dateShort(extension.value.notBefore) }), h(RowValue, { name: "Not After", value: dateShort(extension.value.notAfter) })));
 };
 
 /**
@@ -933,9 +879,7 @@ const PrivateKeyUsagePeriodExtension = (props) => {
  */
 const EntrustVersionInfoExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: "Version", value: extension.value.entrustVers }),
-        h(RowValue, { name: "Info Flags", value: extension.value.entrustInfoFlags.toJSON().join(', ') })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: "Version", value: extension.value.entrustVers }), h(RowValue, { name: "Info Flags", value: extension.value.entrustInfoFlags.toJSON().join(', ') })));
 };
 
 /**
@@ -949,12 +893,7 @@ const BiometricSyntaxExtension = (props) => {
     const { extension } = props;
     return (h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
         h(RowValue, { name: "Biometrics", value: "" }),
-        extension.value.map((data) => (h(TableRowTable, null,
-            h(RowValue, { name: "OID", value: getStringByOID(data.typeOfBiometricData.biometricDataOid) }),
-            h(RowValue, { name: "Type", value: data.typeOfBiometricData.predefinedBiometricType }),
-            h(RowValue, { name: "Algorithm", value: getStringByOID(data.hashAlgorithm.algorithm) }),
-            h(RowValue, { name: "Hash", value: buildExports.Convert.ToHex(data.biometricDataHash.buffer), monospace: true }),
-            h(RowValue, { name: "Source Uri", value: data.sourceDataUri })))),
+        extension.value.map((data) => (h(TableRowTable, null, h(RowValue, { name: "OID", value: getStringByOID(data.typeOfBiometricData.biometricDataOid) }), h(RowValue, { name: "Type", value: data.typeOfBiometricData.predefinedBiometricType }), h(RowValue, { name: "Algorithm", value: getStringByOID(data.hashAlgorithm.algorithm) }), h(RowValue, { name: "Hash", value: buildExports.Convert.ToHex(data.biometricDataHash.buffer), monospace: true }), h(RowValue, { name: "Source Uri", value: data.sourceDataUri })))),
     ])));
 };
 
@@ -1004,14 +943,10 @@ const LogotypeExtension = (props) => {
             h(RowValue, { name: "Type", value: title }),
             renderImage(image),
             renderAudio(audio),
-            h("tr", null,
-                h("td", null),
-                h("td", null)),
+            h("tr", null, h("td", null), h("td", null)),
         ];
     };
-    return (h(BasicExtension, { extension: extension },
-        renderLogo('Subject', extension.value.subjectLogo),
-        renderLogo('Issuer', extension.value.issuerLogo)));
+    return (h(BasicExtension, { extension: extension }, renderLogo('Subject', extension.value.subjectLogo), renderLogo('Issuer', extension.value.issuerLogo)));
 };
 
 /**
@@ -1025,10 +960,7 @@ const TNAuthListExtension = (props) => {
     const { extension } = props;
     return (h(BasicExtension, { extension: extension }, extension.value.length > 0 && ([
         h(RowValue, { name: "Entries", value: "" }),
-        extension.value.map((entry) => (h(TableRowTable, null,
-            h(RowValue, { name: "SPC", value: entry.spc }),
-            h(RowValue, { name: "Range", value: entry.range ? `start=${entry.range.start} count==${entry.range.count}` : null }),
-            h(RowValue, { name: "One", value: entry.one })))),
+        extension.value.map((entry) => (h(TableRowTable, null, h(RowValue, { name: "SPC", value: entry.spc }), h(RowValue, { name: "Range", value: entry.range ? `start=${entry.range.start} count==${entry.range.count}` : null }), h(RowValue, { name: "One", value: entry.one })))),
     ])));
 };
 
@@ -1041,9 +973,7 @@ const TNAuthListExtension = (props) => {
  */
 const PolicyConstraintsExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        extension.value.requireExplicitPolicy && (h(RowValue, { name: "Require Explicit Policy", value: AsnIntegerArrayBufferConverter.toASN(extension.value.requireExplicitPolicy).valueBlock.toString() })),
-        extension.value.inhibitPolicyMapping && (h(RowValue, { name: "Inhibit Policy Mapping", value: AsnIntegerArrayBufferConverter.toASN(extension.value.inhibitPolicyMapping).valueBlock.toString() }))));
+    return (h(BasicExtension, { extension: extension }, extension.value.requireExplicitPolicy && (h(RowValue, { name: "Require Explicit Policy", value: AsnIntegerArrayBufferConverter.toASN(extension.value.requireExplicitPolicy).valueBlock.toString() })), extension.value.inhibitPolicyMapping && (h(RowValue, { name: "Inhibit Policy Mapping", value: AsnIntegerArrayBufferConverter.toASN(extension.value.inhibitPolicyMapping).valueBlock.toString() }))));
 };
 
 /**
@@ -1057,9 +987,7 @@ const PolicyMappingsExtension = (props) => {
     const { extension } = props;
     return (h(BasicExtension, { extension: extension }, extension.value.length > 0 && ([
         h(RowValue, { name: "Policies", value: "" }),
-        extension.value.map((policy) => (h(TableRowTable, null,
-            h(RowValue, { name: "Issuer Domain", value: getStringByOID(policy.issuerDomainPolicy) }),
-            h(RowValue, { name: "Subject Domain", value: getStringByOID(policy.subjectDomainPolicy) })))),
+        extension.value.map((policy) => (h(TableRowTable, null, h(RowValue, { name: "Issuer Domain", value: getStringByOID(policy.issuerDomainPolicy) }), h(RowValue, { name: "Subject Domain", value: getStringByOID(policy.subjectDomainPolicy) })))),
     ])));
 };
 
@@ -1072,8 +1000,7 @@ const PolicyMappingsExtension = (props) => {
  */
 const CRLNumberExtension = (props) => {
     const { extension } = props;
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: l10n.getString('value'), value: extension.value.value })));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: l10n.getString('value'), value: extension.value.value })));
 };
 
 /**
@@ -1087,12 +1014,7 @@ const IssuingDistributionPointExtension = (props) => {
     var _a;
     const { extension } = props;
     return (h(BasicExtension, { extension: extension }, (_a = extension.value.distributionPoint) === null || _a === void 0 ? void 0 :
-        _a.fullName.map((gn) => (h(GeneralNamePart, Object.assign({ generalName: gn }, props)))),
-        extension.value.onlySomeReasons && (h(RowValue, { name: l10n.getString('onlyReasons'), value: extension.value.onlySomeReasons.toJSON().join(', ') })),
-        extension.value.indirectCRL && (h(RowValue, { name: l10n.getString('indirectCRL'), value: l10n.getString('yes') })),
-        extension.value.onlyContainsUserCerts && (h(RowValue, { name: l10n.getString('onlyUserCertificates'), value: l10n.getString('yes') })),
-        extension.value.onlyContainsAttributeCerts && (h(RowValue, { name: l10n.getString('onlyAttributeCertificates'), value: l10n.getString('yes') })),
-        extension.value.onlyContainsCACerts && (h(RowValue, { name: l10n.getString('onlyCACertificates'), value: l10n.getString('yes') }))));
+        _a.fullName.map((gn) => (h(GeneralNamePart, Object.assign({ generalName: gn }, props)))), extension.value.onlySomeReasons && (h(RowValue, { name: l10n.getString('onlyReasons'), value: extension.value.onlySomeReasons.toJSON().join(', ') })), extension.value.indirectCRL && (h(RowValue, { name: l10n.getString('indirectCRL'), value: l10n.getString('yes') })), extension.value.onlyContainsUserCerts && (h(RowValue, { name: l10n.getString('onlyUserCertificates'), value: l10n.getString('yes') })), extension.value.onlyContainsAttributeCerts && (h(RowValue, { name: l10n.getString('onlyAttributeCertificates'), value: l10n.getString('yes') })), extension.value.onlyContainsCACerts && (h(RowValue, { name: l10n.getString('onlyCACertificates'), value: l10n.getString('yes') }))));
 };
 
 /**
@@ -1134,9 +1056,7 @@ const KeyDescriptionExtension = (props) => {
                         if (parsed.packageInfos.length || parsed.signatureDigests.length) {
                             return [
                                 h(RowValue, { name: camelCaseToWords(keyName), value: "" }),
-                                Boolean(parsed.packageInfos) && (h(TableRowTable, null,
-                                    h(RowValue, { name: camelCaseToWords('packageInfos'), value: "" }),
-                                    parsed.packageInfos.map((attestationPackageInfo) => (h(TableRowTable, null, renderRowValue(attestationPackageInfo)))))),
+                                Boolean(parsed.packageInfos) && (h(TableRowTable, null, h(RowValue, { name: camelCaseToWords('packageInfos'), value: "" }), parsed.packageInfos.map((attestationPackageInfo) => (h(TableRowTable, null, renderRowValue(attestationPackageInfo)))))),
                             ];
                         }
                     }
@@ -1163,15 +1083,7 @@ const KeyDescriptionExtension = (props) => {
             h(TableRowTable, null, authorizationList.map(renderRowValue)),
         ];
     };
-    return (h(BasicExtension, { extension: extension },
-        h(RowValue, { name: camelCaseToWords('attestationVersion'), value: extension.value.attestationVersion }),
-        h(RowValue, { name: camelCaseToWords('attestationSecurityLevel'), value: extension.value.attestationSecurityLevel }),
-        h(RowValue, { name: camelCaseToWords('keymasterVersion'), value: extension.value.keymasterVersion }),
-        h(RowValue, { name: camelCaseToWords('keymasterSecurityLevel'), value: extension.value.keymasterSecurityLevel }),
-        h(RowValue, { name: camelCaseToWords('attestationChallenge'), value: buildExports.Convert.ToString(extension.value.attestationChallenge) }),
-        h(RowValue, { name: camelCaseToWords('uniqueId'), value: buildExports.Convert.ToString(extension.value.uniqueId) || undefined }),
-        renderAuthorizationList(camelCaseToWords('softwareEnforced'), extension.value.softwareEnforced),
-        renderAuthorizationList(camelCaseToWords('teeEnforced'), extension.value.teeEnforced)));
+    return (h(BasicExtension, { extension: extension }, h(RowValue, { name: camelCaseToWords('attestationVersion'), value: extension.value.attestationVersion }), h(RowValue, { name: camelCaseToWords('attestationSecurityLevel'), value: extension.value.attestationSecurityLevel }), h(RowValue, { name: camelCaseToWords('keymasterVersion'), value: extension.value.keymasterVersion }), h(RowValue, { name: camelCaseToWords('keymasterSecurityLevel'), value: extension.value.keymasterSecurityLevel }), h(RowValue, { name: camelCaseToWords('attestationChallenge'), value: buildExports.Convert.ToString(extension.value.attestationChallenge) }), h(RowValue, { name: camelCaseToWords('uniqueId'), value: buildExports.Convert.ToString(extension.value.uniqueId) || undefined }), renderAuthorizationList(camelCaseToWords('softwareEnforced'), extension.value.softwareEnforced), renderAuthorizationList(camelCaseToWords('teeEnforced'), extension.value.teeEnforced)));
 };
 
 /**
@@ -1329,12 +1241,8 @@ const Miscellaneous = (props) => {
     const { certificate } = props;
     return [
         h(RowTitle, { value: l10n.getString('miscellaneous') }),
-        h("tr", null,
-            h("td", null,
-                h(Button, { startIcon: h(DownloadIcon, null), onClick: () => certificate.downloadAsPEM() }, l10n.getString('download.pem')))),
-        h("tr", null,
-            h("td", null,
-                h(Button, { startIcon: h(DownloadIcon, null), onClick: () => certificate.downloadAsDER() }, l10n.getString('download.der')))),
+        h("tr", null, h("td", null, h(Button, { startIcon: h(DownloadIcon, null), onClick: () => certificate.downloadAsPEM() }, l10n.getString('download.pem')))),
+        h("tr", null, h("td", null, h(Button, { startIcon: h(DownloadIcon, null), onClick: () => certificate.downloadAsDER() }, l10n.getString('download.der')))),
     ];
 };