@peculiar/certificates-viewer 3.5.0 → 3.7.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-262bac06.js → x509_certificate-2af9b990.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const certification_request = require('./certification_request-ea440617.js');
+const certification_request = require('./certification_request-00bbfbc5.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-viewer → certificate-details-parts}/extensions/biometric_syntax_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 BiometricSyntaxExtension = (props) => {
   const { extension } = props;

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

@@ -11,8 +11,8 @@
 import { h } from '@stencil/core';
 import { UserNotice, DisplayText } from '@peculiar/asn1-x509';
 import { AsnParser } from '@peculiar/asn1-schema';
+import { getStringByOID } from '../../../utils';
 import { RowValue } from '../row';
-import { getStringByOID } from '../get_string_by_oid';
 import { BasicExtension } from './basic_extension';
 export const CertificatePoliciesExtension = (props) => {
   const { extension } = props;

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/extensions/extended_key_usage_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 ExtendedKeyUsageExtension = (props) => {
   const { extension } = props;

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-viewer → certificate-details-parts}/extensions/info_access_syntax_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';
 import { GeneralNamePart } from './general_name_part';
 export const InfoAccessSyntaxExtension = (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-viewer → certificate-details-parts}/extensions/qc_statements_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 QCStatementsExtension = (props) => {
   const { extension } = props;

package/dist/collection/components/{certificate-viewer → certificate-details-parts}/extensions/subject_directory_attributes_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';
 import { getAttributeValue } from './attribute_value';
 export const SubjectDirectoryAttributesExtension = (props) => {

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;

package/dist/collection/constants/oids.js

@@ -2310,4 +2310,14 @@ export const OIDs = {
   '0.4.0.9496.7': 'GDPR compliance attestation reference',
   '0.4.0.9496.8': 'Insurance coverage attestation',
   '0.4.0.9496.9': 'Valuation ranking',
+  // https://cookie-daily.life/src/matter/matter_html/Chapter%206.%20Device%20Attestation%20and%20Operational%20Credentials.html
+  '1.3.6.1.4.1.37244.2.1': 'Matter Vendor ID',
+  '1.3.6.1.4.1.37244.2.2': 'Matter Product ID',
+  // https://github.com/IETF-Hackathon/pqc-certificates/blob/master/docs/oid_mapping.md
+  '1.3.6.1.4.1.18227.2.1': 'Composite With No Hash',
+  '2.16.840.1.114027.80.4.1': 'Composite Key',
+  '1.3.6.1.4.1.2.267.7.6.5': 'Dilithium3',
+  '1.3.6.1.4.1.18227.999.1.2.1': 'Dilithium3 With SHA256',
+  '1.3.6.1.4.1.18227.999.1.2.2': 'Dilithium3 With SHA384',
+  '1.3.6.1.4.1.18227.999.1.2.3': 'Dilithium3 With SHA512',
 };

package/dist/collection/crypto/x509_certificate.js

@@ -11,6 +11,7 @@
 import { AsnConvert } from '@peculiar/asn1-schema';
 import { ECParameters, id_ecPublicKey } from '@peculiar/asn1-ecc';
 import { id_rsaEncryption, RSAPublicKey } from '@peculiar/asn1-rsa';
+import { id_composite_key, id_alg_composite, CompositePublicKey, CompositeSignatureValue, CompositeParams, } from '@peculiar/asn1-x509-post-quantum';
 import { Certificate } from '@peculiar/asn1-x509';
 import { Convert } from 'pvtsutils';
 import { dateDiff, Download } from '../utils';
@@ -49,8 +50,8 @@ export class X509Certificate extends AsnData {
         .map((e) => new Extension(AsnConvert.serialize(e)));
     }
   }
-  get publicKey() {
-    const { subjectPublicKey, algorithm } = this.asn.tbsCertificate.subjectPublicKeyInfo;
+  getPublicKeyInfo(publicKeyInfo) {
+    const { subjectPublicKey, algorithm } = publicKeyInfo;
     let params;
     if (algorithm.algorithm === id_ecPublicKey && algorithm.parameters) {
       params = AsnConvert.parse(algorithm.parameters, ECParameters);
@@ -58,16 +59,30 @@ export class X509Certificate extends AsnData {
     if (algorithm.algorithm === id_rsaEncryption) {
       params = AsnConvert.parse(subjectPublicKey, RSAPublicKey);
     }
-    const spki = AsnConvert.serialize(this.asn.tbsCertificate.subjectPublicKeyInfo);
+    if (algorithm.algorithm === id_composite_key) {
+      params = AsnConvert.parse(subjectPublicKey, CompositePublicKey);
+      params = params.map((param) => this.getPublicKeyInfo(param));
+    }
+    const spki = 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 === id_alg_composite) {
+      const compositeSignatureValues = AsnConvert.parse(signatureValue, CompositeSignatureValue);
+      const compositeParams = AsnConvert.parse(signatureAlgorithm.parameters, 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/certificate-viewer → utils}/get_string_by_oid.js

@@ -8,7 +8,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { OIDs } from '../../constants/oids';
+import { OIDs } from '../constants/oids';
 export function getStringByOID(value) {
   const oid = OIDs[value];
   if (oid) {

package/dist/collection/utils/index.js

@@ -6,4 +6,5 @@ export * from './read_file';
 export * from './date_formatter';
 export * from './l10n';
 export * from './download';
+export * from './get_string_by_oid';
 export { validator, };