@peculiar/certificates-viewer 3.6.0 → 3.8.0

package/dist/cjs/peculiar-typography.cjs.entry.js

@@ -0,0 +1,38 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-064e95c7.js');
+
+const typographyCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;display:block}.typography{font-family:\"Open Sans\", \"Arial\", sans-serif;font-family:var(--pv-font-family);letter-spacing:0.03em;letter-spacing:var(--pv-letter-spacing-normal);line-height:1.4;line-height:var(--pv-line-height-normal);font-weight:400;margin:0;padding:0;display:block}.typography_type_h4{font-size:17px;font-size:var(--pv-font-size-h4);font-weight:600}.typography_type_h6{font-size:15px;font-size:var(--pv-font-size-h6);font-weight:600}.typography_type_h7{font-size:14px;font-size:var(--pv-font-size-h7);font-weight:600}.typography_type_b1{font-size:15px;font-size:var(--pv-font-size-b1)}.typography_type_b3{font-size:13px;font-size:var(--pv-font-size-b3)}.typography_color_dark{color:#2a3134;color:rgba(var(--pv-color-dark-rgb), 1)}.typography_color_light{color:white;color:rgba(var(--pv-color-light-rgb), 1)}.typography_color_grey_3{color:#d1d5d9;color:rgba(var(--pv-color-grey_3-rgb), 1)}.typography_color_grey_5{color:#869196;color:rgba(var(--pv-color-grey_5-rgb), 1)}.typography_color_attention{color:#f7a831;color:rgba(var(--pv-color-attention-rgb), 1)}.typography_color_primary{color:#3584f7;color:rgba(var(--pv-color-primary-rgb), 1)}.typography_ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography_monospace{font-family:monospace}.typography_align_left{text-align:left}.typography_align_center{text-align:center}.typography_align_right{text-align:right}";
+
+const PeculiarTypography = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Typography type.
+     */
+    this.type = 'b3';
+    /**
+     * Component color from theme.
+     */
+    this.color = 'dark';
+  }
+  render() {
+    const TagType = this.type && this.type.includes('h') ? this.type : 'p';
+    return (index.h(TagType, { class: {
+        typography: true,
+        [`typography_type_${this.type || 'b3'}`]: true,
+        [`typography_color_${this.color || 'dark'}`]: true,
+        [`typography_align_${this.align}`]: !!this.align,
+        typography_ellipsis: this.ellipsis,
+        typography_monospace: this.monospace,
+      } }, index.h("slot", null)));
+  }
+};
+PeculiarTypography.style = typographyCss;
+
+exports.peculiar_typography = PeculiarTypography;

package/dist/cjs/peculiar.cjs.js

@@ -71,5 +71,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["peculiar-button_5.cjs",[[1,"peculiar-button-split",{"onClick":[16],"fill":[1],"actions":[16],"open":[32]}],[1,"peculiar-text-hider",{"opened":[1540]},[[0,"textExpand","textExpandHandler"]]],[1,"peculiar-link",{"href":[513],"type":[513]}],[1,"peculiar-typography",{"type":[513],"color":[1],"align":[1],"ellipsis":[4],"monospace":[4]}],[1,"peculiar-button",{"fill":[1],"disabled":[516],"href":[1],"target":[1],"onClick":[16]}]]],["peculiar-certificate-viewer.cjs",[[1,"peculiar-certificate-viewer",{"certificate":[513],"download":[516],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"issuerDnLink":[513,"issuer-dn-link"],"view":[513],"isDecodeInProcess":[32]}]]],["peculiar-certificate-decoder.cjs",[[1,"peculiar-certificate-decoder",{"certificateExample":[1,"certificate-example"],"defaultCertificate":[1,"default-certificate"],"certificateDecoded":[32]}]]],["peculiar-certificates-viewer.cjs",[[1,"peculiar-certificates-viewer",{"certificates":[16],"filterWithSearch":[4,"filter-with-search"],"highlightWithSearch":[4,"highlight-with-search"],"search":[32],"certificatesDecoded":[32],"expandedRow":[32],"certificateSelectedForDetails":[32],"isDecodeInProcess":[32]}]]],["peculiar-attribute-certificate-viewer_3.cjs",[[1,"peculiar-attribute-certificate-viewer",{"certificate":[1],"download":[4],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"isDecodeInProcess":[32]}],[1,"peculiar-crl-viewer",{"certificate":[513],"download":[4],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"issuerDnLink":[513,"issuer-dn-link"],"view":[513],"isDecodeInProcess":[32]}],[1,"peculiar-csr-viewer",{"certificate":[513],"download":[4],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"view":[513],"isDecodeInProcess":[32]}]]],["peculiar-certificate-summary_3.cjs",[[1,"peculiar-certificate-summary",{"certificate":[16],"showIssuer":[4,"show-issuer"]}],[1,"peculiar-circular-progress",{"size":[2],"width":[2]}],[1,"peculiar-highlight-words",{"search":[1]}]]]], options);
+  return index.bootstrapLazy([["peculiar-certificates-viewer.cjs",[[1,"peculiar-certificates-viewer",{"certificates":[16],"filterWithSearch":[4,"filter-with-search"],"highlightWithSearch":[4,"highlight-with-search"],"search":[32],"certificatesDecoded":[32],"expandedRow":[32],"certificateSelectedForDetails":[32],"isDecodeInProcess":[32]}]]],["peculiar-certificate-decoder.cjs",[[1,"peculiar-certificate-decoder",{"certificateExample":[1,"certificate-example"],"defaultCertificate":[1,"default-certificate"],"certificateDecoded":[32]}]]],["peculiar-text-hider.cjs",[[1,"peculiar-text-hider",{"opened":[1540]},[[0,"textExpand","textExpandHandler"]]]]],["peculiar-link.cjs",[[1,"peculiar-link",{"href":[513],"type":[513]}]]],["peculiar-typography.cjs",[[1,"peculiar-typography",{"type":[513],"color":[1],"align":[1],"ellipsis":[4],"monospace":[4]}]]],["peculiar-certificate-viewer.cjs",[[1,"peculiar-certificate-viewer",{"certificate":[513],"download":[516],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"issuerDnLink":[513,"issuer-dn-link"],"view":[513],"isDecodeInProcess":[32]}]]],["peculiar-attribute-certificate-viewer_3.cjs",[[1,"peculiar-attribute-certificate-viewer",{"certificate":[1],"download":[4],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"isDecodeInProcess":[32]}],[1,"peculiar-crl-viewer",{"certificate":[513],"download":[4],"authKeyIdParentLink":[513,"auth-key-id-parent-link"],"authKeyIdSiblingsLink":[513,"auth-key-id-siblings-link"],"issuerDnLink":[513,"issuer-dn-link"],"view":[513],"isDecodeInProcess":[32]}],[1,"peculiar-csr-viewer",{"certificate":[513],"download":[4],"subjectKeyIdChildrenLink":[513,"subject-key-id-children-link"],"subjectKeyIdSiblingsLink":[513,"subject-key-id-siblings-link"],"view":[513],"isDecodeInProcess":[32]}]]],["peculiar-button.cjs",[[1,"peculiar-button",{"fill":[1],"disabled":[516],"href":[1],"target":[1],"onClick":[16]}]]],["peculiar-button-split_4.cjs",[[1,"peculiar-button-split",{"onClick":[16],"fill":[1],"actions":[16],"open":[32]}],[1,"peculiar-certificate-summary",{"certificate":[16],"showIssuer":[4,"show-issuer"]}],[1,"peculiar-circular-progress",{"size":[2],"width":[2]}],[1,"peculiar-highlight-words",{"search":[1]}]]]], options);
 });

package/dist/cjs/{x509_certificate-87a3fdb6.js → x509_certificate-9e7652cf.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const certification_request = require('./certification_request-6cd86a69.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 const download = require('./download-a97f4cb2.js');
 const l10n = require('./l10n-17c96aba.js');
 
@@ -45,8 +45,8 @@ class X509Certificate extends certification_request.AsnData {
         .map((e) => new certification_request.Extension(certification_request.AsnConvert.serialize(e)));
     }
   }
-  get publicKey() {
-    const { subjectPublicKey, algorithm } = this.asn.tbsCertificate.subjectPublicKeyInfo;
+  getPublicKeyInfo(publicKeyInfo) {
+    const { subjectPublicKey, algorithm } = publicKeyInfo;
     let params;
     if (algorithm.algorithm === certification_request.id_ecPublicKey && algorithm.parameters) {
       params = certification_request.AsnConvert.parse(algorithm.parameters, certification_request.ECParameters);
@@ -54,16 +54,30 @@ class X509Certificate extends certification_request.AsnData {
     if (algorithm.algorithm === certification_request.id_rsaEncryption) {
       params = certification_request.AsnConvert.parse(subjectPublicKey, certification_request.RSAPublicKey);
     }
-    const spki = certification_request.AsnConvert.serialize(this.asn.tbsCertificate.subjectPublicKeyInfo);
+    if (algorithm.algorithm === certification_request.id_composite_key) {
+      params = certification_request.AsnConvert.parse(subjectPublicKey, certification_request.CompositePublicKey);
+      params = params.map((param) => this.getPublicKeyInfo(param));
+    }
+    const spki = certification_request.AsnConvert.serialize(publicKeyInfo);
     return {
       params,
       value: spki,
       algorithm: algorithm.algorithm,
     };
   }
+  get publicKey() {
+    return this.getPublicKeyInfo(this.asn.tbsCertificate.subjectPublicKeyInfo);
+  }
   get signature() {
     const { signatureValue, signatureAlgorithm } = this.asn;
+    let params;
+    if (signatureAlgorithm.algorithm === certification_request.id_alg_composite) {
+      const compositeSignatureValues = certification_request.AsnConvert.parse(signatureValue, certification_request.CompositeSignatureValue);
+      const compositeParams = certification_request.AsnConvert.parse(signatureAlgorithm.parameters, certification_request.CompositeParams);
+      params = compositeParams.map((param, index) => (Object.assign(Object.assign({}, param), { value: compositeSignatureValues[index] })));
+    }
     return {
+      params,
       value: signatureValue,
       algorithm: signatureAlgorithm.algorithm,
     };

package/dist/collection/components/attribute-certificate-viewer/attribute-certificate-viewer.js

@@ -10,15 +10,8 @@
  */
 import { Component, Host, h, Prop, State, Watch, } from '@stencil/core';
 import { X509AttributeCertificate } from '../../crypto';
-import { Signature } from '../certificate-viewer/signature';
-import { Attributes } from '../certificate-viewer/attributes';
-import { Thumbprints } from '../certificate-viewer/thumbprints';
-import { Extensions } from '../certificate-viewer/extensions';
-import { BasicInformation } from '../certificate-viewer/basic_information';
-import { Miscellaneous } from '../certificate-viewer/miscellaneous';
 import { getDNSNameLink, getIPAddressLink, getLEILink } from '../../utils/third_party_links';
-import { Issuer } from './issuer';
-import { Holder } from './holder';
+import { BasicInformation, Signature, Thumbprints, Extensions, Miscellaneous, Attributes, Holder, Issuer, } from '../certificate-details-parts';
 export class AttributeCertificateViewer {
   constructor() {
     this.isDecodeInProcess = true;

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/attributes/basic_attribute.js

@@ -9,7 +9,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h } from '@stencil/core';
-import { getStringByOID } from '../get_string_by_oid';
+import { getStringByOID } from '../../../utils';
 import { RowValue } from '../row';
 export const BasicAttribute = (props, children) => {
   const { attribute } = props;

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/extensions/basic_extension.js

@@ -9,9 +9,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h } from '@stencil/core';
-import { getStringByOID } from '../get_string_by_oid';
+import { l10n, getStringByOID } from '../../../utils';
 import { RowValue } from '../row';
-import { l10n } from '../../../utils';
 export const BasicExtension = (props, children) => {
   const { extension } = props;
   return ([

package/dist/collection/components/certificate-details-parts/extensions/biometric_syntax_extension.js

@@ -0,0 +1,27 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from '@stencil/core';
+import { Convert } from 'pvtsutils';
+import { getStringByOID } from '../../../utils';
+import { RowValue, TableRowTable } from '../row';
+import { BasicExtension } from './basic_extension';
+export 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: Convert.ToHex(data.biometricDataHash.buffer), monospace: true }),
+      h(RowValue, { name: "Source Uri", value: data.sourceDataUri })))),
+  ])));
+};

package/dist/collection/components/certificate-details-parts/extensions/certificate_policies_extension.js

@@ -0,0 +1,43 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from '@stencil/core';
+import { UserNotice, DisplayText } from '@peculiar/asn1-x509';
+import { AsnParser } from '@peculiar/asn1-schema';
+import { getStringByOID } from '../../../utils';
+import { RowValue, TableRowTable } from '../row';
+import { BasicExtension } from './basic_extension';
+export 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() }));
+            }
+          }
+          return (h(TableRowTable, null, data));
+        }),
+      ])))),
+  ])));
+};

package/dist/collection/components/certificate-details-parts/extensions/certificate_transparency_extension.js

@@ -0,0 +1,28 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from '@stencil/core';
+import logs from '../../../constants/logs';
+import { dateShort } from '../../../utils';
+import { RowValue, TableRowTable } from '../row';
+import { BasicExtension } from './basic_extension';
+export 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 })))),
+  ])));
+};

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/extensions/extended_key_usage_extension.js

@@ -9,10 +9,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h } from '@stencil/core';
-import { RowValue } from '../row';
-import { getStringByOID } from '../get_string_by_oid';
+import { getStringByOID } from '../../../utils';
+import { RowValue, TableRowTable } from '../row';
 import { BasicExtension } from './basic_extension';
 export const ExtendedKeyUsageExtension = (props) => {
   const { extension } = props;
-  return (h(BasicExtension, { extension: extension }, extension.value.map((usage, arrayIndex) => (h(RowValue, { name: `Purpose #${arrayIndex + 1}`, value: getStringByOID(usage) })))));
+  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) })))),
+  ])));
 };

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/extensions/general_name_part.js

@@ -61,7 +61,7 @@ export const GeneralNamePart = (props) => {
       return (h(RowValue, { name: names[name] || name, value: Convert.ToString(value) }));
     }
     if (value instanceof EDIPartyName) {
-      return (h(RowValue, { name: names[name] || name, value: Convert.ToString(value.partyName) }));
+      return (h(RowValue, { name: names[name] || name, value: value.partyName.toString() }));
     }
     if (name === 'dNSName') {
       return (h(RowValue, { name: names[name] || name, value: value, href: getDNSNameLink(value) }));

package/dist/collection/components/certificate-details-parts/extensions/info_access_syntax_extension.js

@@ -0,0 +1,24 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from '@stencil/core';
+import { getStringByOID } from '../../../utils';
+import { RowValue, TableRowTable } from '../row';
+import { BasicExtension } from './basic_extension';
+import { GeneralNamePart } from './general_name_part';
+export 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))))),
+  ])));
+};

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/extensions/logotype_extension.js

@@ -10,8 +10,8 @@
  */
 import { h } from '@stencil/core';
 import { Convert } from 'pvtsutils';
+import { getStringByOID } from '../../../utils';
 import { RowValue } from '../row';
-import { getStringByOID } from '../get_string_by_oid';
 import { BasicExtension } from './basic_extension';
 export const LogotypeExtension = (props) => {
   const { extension } = props;

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/extensions/policy_mappings_extension.js

@@ -9,8 +9,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h } from '@stencil/core';
+import { getStringByOID } from '../../../utils';
 import { RowValue } from '../row';
-import { getStringByOID } from '../get_string_by_oid';
 import { BasicExtension } from './basic_extension';
 export const PolicyMappingsExtension = (props) => {
   const { extension } = props;

package/dist/collection/components/certificate-details-parts/extensions/qc_statements_extension.js

@@ -0,0 +1,54 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from '@stencil/core';
+import { id_qcs_pkixQCSyntax_v2, SemanticsInformation, } from '@peculiar/asn1-x509-qualified';
+import { id_etsi_qcs_qcType, QcType, id_etsi_qcs_qcPDS, PdsLocations, id_etsi_qcs_qcRetentionPeriod, QcEuRetentionPeriod, } from '@peculiar/asn1-x509-qualified-etsi';
+import { AsnParser } from '@peculiar/asn1-schema';
+import { Convert } from 'pvtsutils';
+import { getStringByOID } from '../../../utils';
+import { RowValue, TableRowTable } from '../row';
+import { BasicExtension } from './basic_extension';
+export const QCStatementsExtension = (props) => {
+  const { extension } = props;
+  function renderStatementInfo(statementId, statementInfo) {
+    if (!statementInfo.byteLength) {
+      return null;
+    }
+    if (statementId === id_qcs_pkixQCSyntax_v2) {
+      const semanticsInformation = AsnParser.parse(statementInfo, SemanticsInformation);
+      return (h(RowValue, { name: "Semantics Identifier", value: getStringByOID(semanticsInformation.semanticsIdentifier) }));
+    }
+    if (statementId === id_etsi_qcs_qcType) {
+      const qcTypes = AsnParser.parse(statementInfo, QcType);
+      return (h(RowValue, { name: "QC Types", value: qcTypes.map((type) => getStringByOID(type)).join(', ') }));
+    }
+    if (statementId === id_etsi_qcs_qcRetentionPeriod) {
+      const retentionPeriod = AsnParser.parse(statementInfo, QcEuRetentionPeriod);
+      return (h(RowValue, { name: "Retention Period", value: `${retentionPeriod.value} years` }));
+    }
+    if (statementId === id_etsi_qcs_qcPDS) {
+      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 })))),
+      ]);
+    }
+    return (h(RowValue, { name: "Info", value: 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)))),
+  ])));
+};

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/extensions/subject_directory_attributes_extension.js

@@ -9,15 +9,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h } from '@stencil/core';
-import { RowValue } from '../row';
-import { getStringByOID } from '../get_string_by_oid';
+import { getStringByOID } from '../../../utils';
+import { RowValue, TableRowTable } from '../row';
 import { BasicExtension } from './basic_extension';
 import { getAttributeValue } from './attribute_value';
 export const SubjectDirectoryAttributesExtension = (props) => {
   const { extension } = props;
-  return (h(BasicExtension, { extension: extension }, extension.value.map((attribute, arrayIndex) => ([
-    h(RowValue, { name: `Attribute #${arrayIndex + 1}`, value: "" }),
-    h(RowValue, { name: "Type", value: getStringByOID(attribute.type) }),
-    h(RowValue, { name: "Value", value: getAttributeValue(attribute) }),
-  ]))));
+  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) })))),
+  ])));
 };

package/dist/collection/components/{attribute-certificate-viewer → certificate-details-parts}/holder.js

@@ -10,10 +10,9 @@
  */
 import { h } from '@stencil/core';
 import { Convert } from 'pvtsutils';
-import { RowTitle, RowValue } from '../certificate-viewer/row';
-import { getStringByOID } from '../certificate-viewer/get_string_by_oid';
-import { GeneralNamePart } from '../certificate-viewer/extensions/general_name_part';
-import { l10n } from '../../utils';
+import { l10n, getStringByOID } from '../../utils';
+import { RowTitle, RowValue } from './row';
+import { GeneralNamePart } from './extensions/general_name_part';
 export const Holder = (props) => {
   const { holder } = props;
   if (!holder) {

package/dist/collection/components/certificate-details-parts/index.js

@@ -0,0 +1,15 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+export { BasicInformation } from './basic_information';
+export { PublicKey } from './public_key';
+export { SubjectName } from './subject_name';
+export { IssuerName } from './issuer_name';
+export { Signature } from './signature';
+export { Thumbprints } from './thumbprints';
+export { Extensions } from './extensions';
+export { Attributes } from './attributes';
+export { Miscellaneous } from './miscellaneous';
+export { RevokedCertificates } from './revoked_certificates';
+export { Holder } from './holder';
+export { Issuer } from './issuer';

package/dist/collection/components/{attribute-certificate-viewer → certificate-details-parts}/issuer.js

@@ -9,9 +9,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h } from '@stencil/core';
-import { RowTitle } from '../certificate-viewer/row';
-import { GeneralNamePart } from '../certificate-viewer/extensions/general_name_part';
 import { l10n } from '../../utils';
+import { RowTitle } from './row';
+import { GeneralNamePart } from './extensions/general_name_part';
 export const Issuer = (props) => {
   const { issuer } = props;
   if (!issuer) {

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/public_key.js

@@ -10,9 +10,8 @@
  */
 import { h } from '@stencil/core';
 import { Convert } from 'pvtsutils';
-import { l10n } from '../../utils';
-import { getStringByOID } from './get_string_by_oid';
-import { RowTitle, RowValue } from './row';
+import { l10n, getStringByOID } from '../../utils';
+import { RowTitle, RowValue, TableRowTable } from './row';
 function getPublicKeyModulus(publicKey) {
   var _a;
   if ((_a = publicKey.params) === null || _a === void 0 ? void 0 : _a['modulus']) {
@@ -34,17 +33,23 @@ function getPublicKeyExponent(publicKey) {
   return null;
 }
 export const PublicKey = (props) => {
-  var _a;
   const { publicKey } = props;
   if (!publicKey) {
     return null;
   }
+  function renderKeyDetails(key) {
+    var _a;
+    return [
+      h(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(key.algorithm) }),
+      h(RowValue, { name: l10n.getString('namedCurve'), value: getStringByOID((_a = key.params) === null || _a === void 0 ? void 0 : _a['namedCurve']) }),
+      h(RowValue, { name: l10n.getString('exponent'), value: getPublicKeyExponent(key) }),
+      h(RowValue, { name: l10n.getString('modulus'), value: getPublicKeyModulus(key) }),
+      h(RowValue, { name: l10n.getString('value'), value: Convert.ToHex(key.value), monospace: true, collapse: true }),
+    ];
+  }
   return [
     h(RowTitle, { value: l10n.getString('publicKeyInfo') }),
-    h(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(publicKey.algorithm) }),
-    h(RowValue, { name: l10n.getString('namedCurve'), value: getStringByOID((_a = publicKey.params) === null || _a === void 0 ? void 0 : _a['namedCurve']) }),
-    h(RowValue, { name: l10n.getString('exponent'), value: getPublicKeyExponent(publicKey) }),
-    h(RowValue, { name: l10n.getString('modulus'), value: getPublicKeyModulus(publicKey) }),
-    h(RowValue, { name: l10n.getString('value'), value: Convert.ToHex(publicKey.value), monospace: true, collapse: true }),
+    renderKeyDetails(publicKey),
+    (Array.isArray(publicKey.params) && publicKey.params.length && publicKey.params.map((param) => (h(TableRowTable, null, renderKeyDetails(param))))),
   ];
 };

package/dist/collection/components/{crl-viewer → certificate-details-parts}/revoked_certificates.js

@@ -11,13 +11,9 @@
 import { h } from '@stencil/core';
 import { CRLReason, InvalidityDate, CertificateIssuer } from '@peculiar/asn1-x509';
 import { Convert } from 'pvtsutils';
-import { dateShort, l10n } from '../../utils';
-import { getStringByOID } from '../certificate-viewer/get_string_by_oid';
-import { GeneralNamePart } from '../certificate-viewer/extensions/general_name_part';
-import { RowTitle, RowValue } from '../certificate-viewer/row';
-const TableRowTable = (_, children) => (h("tr", null,
-  h("td", { colSpan: 2 },
-    h("table", null, children))));
+import { dateShort, l10n, getStringByOID } from '../../utils';
+import { GeneralNamePart } from './extensions/general_name_part';
+import { RowTitle, RowValue, TableRowTable } from './row';
 export const RevokedCertificates = (props) => {
   const { revokedCertificates, getDNSNameLink, getIPAddressLink, } = props;
   if (!revokedCertificates || !revokedCertificates.length) {

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/row.js

@@ -10,6 +10,9 @@
  */
 import { h } from '@stencil/core';
 import isLink from '../../utils/is_link';
+export const TableRowTable = (_, children) => (h("tr", null,
+  h("td", { colSpan: 2 },
+    h("table", null, children))));
 export const RowTitle = (props) => {
   const { value } = props;
   if (!value) {

package/dist/collection/components/certificate-details-parts/signature.js

@@ -0,0 +1,31 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { h } from '@stencil/core';
+import { Convert } from 'pvtsutils';
+import { l10n, getStringByOID } from '../../utils';
+import { RowTitle, RowValue, TableRowTable } from './row';
+export const Signature = (props) => {
+  const { signature } = props;
+  if (!signature) {
+    return null;
+  }
+  function renderSignatureDetails(data) {
+    return [
+      h(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(data.algorithm) }),
+      h(RowValue, { name: l10n.getString('value'), value: Convert.ToHex(data.value), monospace: true, collapse: true }),
+    ];
+  }
+  return [
+    h(RowTitle, { value: l10n.getString('signature') }),
+    renderSignatureDetails(signature),
+    (signature.params && signature.params.length && signature.params.map((param) => (h(TableRowTable, null, renderSignatureDetails(param))))),
+  ];
+};

package/dist/collection/components/certificate-viewer/certificate-viewer.css

@@ -27,6 +27,10 @@ table {
   border-collapse: collapse;
 }
 
+table table {
+  margin-bottom: 0;
+}
+
 table .title td {
   border-color: rgba(209, 213, 217, 0.5);
   border-color: rgba(var(--pv-color-grey_3-rgb), 0.5);

package/dist/collection/components/certificate-viewer/certificate-viewer.js

@@ -11,14 +11,7 @@
 import { Component, h, Prop, State, Watch, Host, } from '@stencil/core';
 import { X509Certificate, } from '../../crypto';
 import { getDNSNameLink, getIPAddressLink, getLEILink } from '../../utils/third_party_links';
-import { PublicKey } from './public_key';
-import { Signature } from './signature';
-import { Thumbprints } from './thumbprints';
-import { Extensions } from './extensions';
-import { Miscellaneous } from './miscellaneous';
-import { SubjectName } from './subject_name';
-import { IssuerName } from './issuer_name';
-import { BasicInformation } from './basic_information';
+import { BasicInformation, SubjectName, IssuerName, PublicKey, Signature, Thumbprints, Extensions, Miscellaneous, } from '../certificate-details-parts';
 export class CertificateViewer {
   constructor() {
     this.isDecodeInProcess = true;

package/dist/collection/components/crl-viewer/crl-viewer.js

@@ -11,13 +11,7 @@
 import { Component, Host, h, Prop, State, Watch, } from '@stencil/core';
 import { CRL } from '../../crypto';
 import { getDNSNameLink, getIPAddressLink, getLEILink } from '../../utils/third_party_links';
-import { Signature } from '../certificate-viewer/signature';
-import { IssuerName } from '../certificate-viewer/issuer_name';
-import { Thumbprints } from '../certificate-viewer/thumbprints';
-import { Extensions } from '../certificate-viewer/extensions';
-import { Miscellaneous } from '../certificate-viewer/miscellaneous';
-import { BasicInformation } from '../certificate-viewer/basic_information';
-import { RevokedCertificates } from './revoked_certificates';
+import { BasicInformation, IssuerName, Signature, Thumbprints, Extensions, Miscellaneous, RevokedCertificates, } from '../certificate-details-parts';
 export class CrlViewer {
   constructor() {
     this.isDecodeInProcess = true;

package/dist/collection/components/csr-viewer/csr-viewer.js

@@ -11,14 +11,7 @@
 import { Component, Host, h, Prop, State, Watch, } from '@stencil/core';
 import { CSR } from '../../crypto';
 import { getDNSNameLink, getIPAddressLink, getLEILink } from '../../utils/third_party_links';
-import { SubjectName } from '../certificate-viewer/subject_name';
-import { PublicKey } from '../certificate-viewer/public_key';
-import { Signature } from '../certificate-viewer/signature';
-import { Thumbprints } from '../certificate-viewer/thumbprints';
-import { Attributes } from '../certificate-viewer/attributes';
-import { Extensions } from '../certificate-viewer/extensions';
-import { Miscellaneous } from '../certificate-viewer/miscellaneous';
-import { BasicInformation } from '../certificate-viewer/basic_information';
+import { BasicInformation, SubjectName, Signature, Thumbprints, Extensions, Miscellaneous, PublicKey, Attributes, } from '../certificate-details-parts';
 export class CsrViewer {
   constructor() {
     this.isDecodeInProcess = true;