@peculiar/certificates-viewer 3.2.1 → 3.3.0

package/dist/cjs/{public_key-2f5bd471.js → public_key-ba538d77.js}

@@ -4,11 +4,9 @@
 'use strict';
 
 const index = require('./index-064e95c7.js');
-const index$1 = require('./index-ff818d4d.js');
-const l10n = require('./l10n-a048a686.js');
-const certification_request = require('./certification_request-cde57123.js');
-const csr = require('./csr-78378ed0.js');
-const download = require('./download-6724f3a7.js');
+const download = require('./download-a97f4cb2.js');
+const l10n = require('./l10n-638a7577.js');
+const certification_request = require('./certification_request-e1997ebf.js');
 
 /**
  * @license
@@ -95,7 +93,7 @@ const Signature = (props) => {
   return [
     index.h(RowTitle, { value: l10n.l10n.getString('signature') }),
     index.h(RowValue, { name: l10n.l10n.getString('algorithm'), value: getStringByOID(signature.algorithm) }),
-    index.h(RowValue, { name: l10n.l10n.getString('value'), value: index$1.build.Convert.ToHex(signature.value), monospace: true, collapse: true }),
+    index.h(RowValue, { name: l10n.l10n.getString('value'), value: download.build.Convert.ToHex(signature.value), monospace: true, collapse: true }),
   ];
 };
 
@@ -147,13 +145,13 @@ const GeneralNamePart = (props) => {
       catch (error) {
         //
       }
-      return (index.h(RowValue, { name: certification_request.OIDs[value.typeId] || value.typeId, value: index$1.build.Convert.ToHex(value.value), monospace: true }));
+      return (index.h(RowValue, { name: certification_request.OIDs[value.typeId] || value.typeId, value: download.build.Convert.ToHex(value.value), monospace: true }));
     }
-    if (index$1.build.BufferSourceConverter.isBufferSource(value)) {
-      return (index.h(RowValue, { name: names[name] || name, value: index$1.build.Convert.ToString(value) }));
+    if (download.build.BufferSourceConverter.isBufferSource(value)) {
+      return (index.h(RowValue, { name: names[name] || name, value: download.build.Convert.ToString(value) }));
     }
     if (value instanceof certification_request.EDIPartyName) {
-      return (index.h(RowValue, { name: names[name] || name, value: index$1.build.Convert.ToString(value.partyName) }));
+      return (index.h(RowValue, { name: names[name] || name, value: download.build.Convert.ToString(value.partyName) }));
     }
     if (name === 'dNSName') {
       return (index.h(RowValue, { name: names[name] || name, value: value, href: getDNSNameLink(value) }));
@@ -198,7 +196,7 @@ const BasicExtension = (props, children) => {
   const { extension } = props;
   return ([
     index.h(RowValue, { name: "Name", value: getStringByOID(extension.asn.extnID) }),
-    index.h(RowValue, { name: "Critical", value: extension.asn.critical ? 'Yes' : 'No' }),
+    index.h(RowValue, { name: "Critical", value: extension.asn.critical ? l10n.l10n.getString('yes') : l10n.l10n.getString('no') }),
     children,
     index.h("tr", null,
       index.h("td", { colSpan: 2, class: "divider" },
@@ -229,7 +227,7 @@ const KeyUsageExtension = (props) => {
 const BasicConstraintsExtension = (props) => {
   const { extension } = props;
   return (index.h(BasicExtension, { extension: extension },
-    index.h(RowValue, { name: "Certificate Authority", value: extension.value.cA ? 'Yes' : 'No' }),
+    index.h(RowValue, { name: "Certificate Authority", value: extension.value.cA ? l10n.l10n.getString('yes') : l10n.l10n.getString('no') }),
     index.h(RowValue, { name: "Path Length Constraint", value: extension.value.pathLenConstraint })));
 };
 
@@ -254,7 +252,7 @@ const ExtendedKeyUsageExtension = (props) => {
  */
 const SubjectKeyIdentifierExtension = (props) => {
   const { extension, getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink } = props;
-  const keyId = index$1.build.Convert.ToHex(extension.value.buffer);
+  const keyId = download.build.Convert.ToHex(extension.value.buffer);
   const childrenLink = getSubjectKeyIdChildrenLink(keyId);
   const siblingsLink = getSubjectKeyIdSiblingsLink(keyId);
   return (index.h(BasicExtension, { extension: extension },
@@ -279,7 +277,7 @@ const SubjectKeyIdentifierExtension = (props) => {
  */
 const AuthorityKeyIdentifierExtension = (props) => {
   const { extension, getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink } = props;
-  const keyId = index$1.build.Convert.ToHex(extension.value.keyIdentifier.buffer);
+  const keyId = download.build.Convert.ToHex(extension.value.keyIdentifier.buffer);
   const parentLink = getAuthKeyIdParentLink(keyId);
   const siblingsLink = getAuthKeyIdSiblingsLink(keyId);
   return (index.h(BasicExtension, { extension: extension },
@@ -552,7 +550,7 @@ const QCStatementsExtension = (props) => {
   return (index.h(BasicExtension, { extension: extension }, extension.value.map((statement, arrayIndex) => ([
     index.h(RowValue, { name: `Statement #${arrayIndex + 1}`, value: "" }),
     index.h(RowValue, { name: "ID", value: getStringByOID(statement.statementId) }),
-    index.h(RowValue, { name: "Info", value: statement.statementInfo.byteLength ? index$1.build.Convert.ToHex(statement.statementInfo) : null, monospace: true }),
+    index.h(RowValue, { name: "Info", value: statement.statementInfo.byteLength ? download.build.Convert.ToHex(statement.statementInfo) : null, monospace: true }),
   ]))));
 };
 
@@ -620,7 +618,7 @@ const TimestampExtension = (props) => {
   return (index.h(BasicExtension, { extension: extension },
     index.h(RowValue, { name: "Version", value: extension.value.version }),
     index.h(GeneralNamePart, Object.assign({ generalName: extension.value.location }, props)),
-    index.h(RowValue, { name: "Requires Auth", value: extension.value.requiresAuth ? 'Yes' : 'No' })));
+    index.h(RowValue, { name: "Requires Auth", value: extension.value.requiresAuth ? l10n.l10n.getString('yes') : l10n.l10n.getString('no') })));
 };
 
 /**
@@ -657,7 +655,7 @@ const CRLReasonExtension = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 function getAttributeValue(attribute) {
-  return index$1.build.Convert.ToString(attribute.values[0]);
+  return download.build.Convert.ToString(attribute.values[0]);
 }
 
 /**
@@ -731,7 +729,7 @@ const BiometricSyntaxExtension = (props) => {
     index.h(RowValue, { name: "OID", value: getStringByOID(data.typeOfBiometricData.biometricDataOid) }),
     index.h(RowValue, { name: "Type", value: data.typeOfBiometricData.predefinedBiometricType }),
     index.h(RowValue, { name: "Algorithm", value: getStringByOID(data.hashAlgorithm.algorithm) }),
-    index.h(RowValue, { name: "Hash", value: index$1.build.Convert.ToHex(data.biometricDataHash.buffer), monospace: true }),
+    index.h(RowValue, { name: "Hash", value: download.build.Convert.ToHex(data.biometricDataHash.buffer), monospace: true }),
     index.h(RowValue, { name: "Source Uri", value: data.sourceDataUri }),
   ]))));
 };
@@ -753,7 +751,7 @@ const LogotypeExtension = (props) => {
       const { imageDetails } = img;
       return [
         index.h(RowValue, { name: "Image Type", value: imageDetails.mediaType }),
-        index.h(RowValue, { name: "Image Hash", value: index$1.build.Convert.ToHex(imageDetails.logotypeHash[0].hashValue), monospace: true }),
+        index.h(RowValue, { name: "Image Hash", value: download.build.Convert.ToHex(imageDetails.logotypeHash[0].hashValue), monospace: true }),
         index.h(RowValue, { name: "Image URL", value: imageDetails.logotypeURI[0], monospace: true, collapse: true }),
         index.h(RowValue, { name: "Image Hash Algorithm", value: getStringByOID(imageDetails.logotypeHash[0].hashAlg.algorithm) }),
       ];
@@ -767,7 +765,7 @@ const LogotypeExtension = (props) => {
       const { audioDetails } = aud;
       return [
         index.h(RowValue, { name: "Audio Type", value: audioDetails.mediaType }),
-        index.h(RowValue, { name: "Audio Hash", value: index$1.build.Convert.ToHex(audioDetails.logotypeHash[0].hashValue), monospace: true }),
+        index.h(RowValue, { name: "Audio Hash", value: download.build.Convert.ToHex(audioDetails.logotypeHash[0].hashValue), monospace: true }),
         index.h(RowValue, { name: "Audio URL", value: audioDetails.logotypeURI[0], monospace: true, collapse: true }),
         index.h(RowValue, { name: "Audio Hash Algorithm", value: getStringByOID(audioDetails.logotypeHash[0].hashAlg.algorithm) }),
       ];
@@ -839,6 +837,39 @@ const PolicyMappingsExtension = (props) => {
   ]))));
 };
 
+/**
+ * @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.
+ */
+const CRLNumberExtension = (props) => {
+  const { extension } = props;
+  return (index.h(BasicExtension, { extension: extension },
+    index.h(RowValue, { name: l10n.l10n.getString('value'), value: extension.value.value })));
+};
+
+/**
+ * @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.
+ */
+// eslint-disable-next-line max-len
+const IssuingDistributionPointExtension = (props) => {
+  var _a;
+  const { extension } = props;
+  return (index.h(BasicExtension, { extension: extension }, (_a = extension.value.distributionPoint) === null || _a === void 0 ? void 0 :
+    _a.fullName.map((gn) => (index.h(GeneralNamePart, Object.assign({ generalName: gn }, props)))),
+    extension.value.onlySomeReasons && (index.h(RowValue, { name: l10n.l10n.getString('onlyReasons'), value: extension.value.onlySomeReasons.toJSON().join(', ') })),
+    extension.value.indirectCRL && (index.h(RowValue, { name: l10n.l10n.getString('indirectCRL'), value: l10n.l10n.getString('yes') })),
+    extension.value.onlyContainsUserCerts && (index.h(RowValue, { name: l10n.l10n.getString('onlyUserCertificates'), value: l10n.l10n.getString('yes') })),
+    extension.value.onlyContainsAttributeCerts && (index.h(RowValue, { name: l10n.l10n.getString('onlyAttributeCertificates'), value: l10n.l10n.getString('yes') })),
+    extension.value.onlyContainsCACerts && (index.h(RowValue, { name: l10n.l10n.getString('onlyCACertificates'), value: l10n.l10n.getString('yes') }))));
+};
+
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -946,6 +977,12 @@ const Extensions = (props) => {
         if (extension.value instanceof certification_request.PolicyMappings) {
           return (index.h(PolicyMappingsExtension, { extension: extension }));
         }
+        if (extension.value instanceof certification_request.CRLNumber) {
+          return (index.h(CRLNumberExtension, { extension: extension }));
+        }
+        if (extension.value instanceof certification_request.IssuingDistributionPoint) {
+          return (index.h(IssuingDistributionPointExtension, Object.assign({ extension: extension }, props)));
+        }
         if (typeof extension.value === 'string') {
           return (index.h(AsStringExtension, { extension: extension }));
         }
@@ -967,7 +1004,7 @@ const Extensions = (props) => {
  * LICENSE file in the root directory of this source tree.
  */
 const BasicInformation = (props) => {
-  const { serialNumber, version, validity, notBefore, notAfter, type, } = props;
+  const { serialNumber, version, validity, notBefore, notAfter, lastUpdate, nextUpdate, type, } = props;
   return [
     index.h(RowTitle, { value: l10n.l10n.getString('basicInformation') }),
     index.h(RowValue, { name: l10n.l10n.getString('type'), value: type }),
@@ -976,6 +1013,8 @@ const BasicInformation = (props) => {
     index.h(RowValue, { name: l10n.l10n.getString('validity'), value: validity }),
     index.h(RowValue, { name: l10n.l10n.getString('issued'), value: notBefore ? l10n.dateShort(notBefore) : undefined }),
     index.h(RowValue, { name: l10n.l10n.getString('expired'), value: notAfter ? l10n.dateShort(notAfter) : undefined }),
+    index.h(RowValue, { name: l10n.l10n.getString('lastUpdate'), value: lastUpdate ? l10n.dateShort(lastUpdate) : undefined }),
+    index.h(RowValue, { name: l10n.l10n.getString('nextUpdate'), value: nextUpdate ? l10n.dateShort(nextUpdate) : undefined }),
   ];
 };
 
@@ -986,22 +1025,6 @@ const BasicInformation = (props) => {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function downloadCertificateAsPem(certificate) {
-  if (certificate instanceof csr.CSR) {
-    download.Download.pkcs10.asPEM(certificate.exportAsPemFormatted(), certificate.commonName);
-  }
-  else {
-    download.Download.x509.asPEM(certificate.exportAsPemFormatted(), certificate.commonName);
-  }
-}
-function downloadCertificateAsDer(certificate) {
-  if (certificate instanceof csr.CSR) {
-    download.Download.pkcs10.asDER(certificate.exportAsHexFormatted(), certificate.commonName);
-  }
-  else {
-    download.Download.x509.asDER(certificate.exportAsHexFormatted(), certificate.commonName);
-  }
-}
 const Miscellaneous = (props) => {
   const { certificate } = props;
   return [
@@ -1012,9 +1035,9 @@ const Miscellaneous = (props) => {
           l10n.l10n.getString('download'),
           ":")),
       index.h("td", null,
-        index.h("peculiar-button-split", { onClick: downloadCertificateAsPem.bind(undefined, certificate), actions: [{
+        index.h("peculiar-button-split", { onClick: () => certificate.downloadAsPEM(), actions: [{
               text: l10n.l10n.getString('download.der'),
-              onClick: downloadCertificateAsDer.bind(undefined, certificate),
+              onClick: () => certificate.downloadAsDER(),
             }] }, l10n.l10n.getString('download.pem')))),
   ];
 };
@@ -1030,6 +1053,22 @@ const getLEILink = (lei) => `https://search.gleif.org/#/record/${lei}`;
 const getDNSNameLink = (dnsName) => `https://search.censys.io/search?resource=hosts&q=dns.names%3A${dnsName}`;
 const getIPAddressLink = (ipAddress) => `https://search.censys.io/search?resource=hosts&q=ip%3A${ipAddress}`;
 
+/**
+ * @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.
+ */
+const IssuerName = (props) => {
+  const { name, issuerDnLink } = props;
+  const title = l10n.l10n.getString('issuerName');
+  return [
+    index.h(RowTitle, { value: issuerDnLink ? (index.h("peculiar-link", { href: issuerDnLink, type: "h6" }, title)) : title }),
+    name.map((n) => (index.h(RowValue, { name: n.name || n.type, value: n.value }))),
+  ];
+};
+
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -1084,13 +1123,14 @@ const PublicKey = (props) => {
     index.h(RowValue, { name: l10n.l10n.getString('namedCurve'), value: getStringByOID((_a = publicKey.params) === null || _a === void 0 ? void 0 : _a['namedCurve']) }),
     index.h(RowValue, { name: l10n.l10n.getString('exponent'), value: getPublicKeyExponent(publicKey) }),
     index.h(RowValue, { name: l10n.l10n.getString('modulus'), value: getPublicKeyModulus(publicKey) }),
-    index.h(RowValue, { name: l10n.l10n.getString('value'), value: index$1.build.Convert.ToHex(publicKey.value), monospace: true, collapse: true }),
+    index.h(RowValue, { name: l10n.l10n.getString('value'), value: download.build.Convert.ToHex(publicKey.value), monospace: true, collapse: true }),
   ];
 };
 
 exports.BasicInformation = BasicInformation;
 exports.Extensions = Extensions;
 exports.GeneralNamePart = GeneralNamePart;
+exports.IssuerName = IssuerName;
 exports.Miscellaneous = Miscellaneous;
 exports.PublicKey = PublicKey;
 exports.RowTitle = RowTitle;

package/dist/cjs/{x509_certificate-51a97033.js → x509_certificate-42b478d2.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-const certification_request = require('./certification_request-cde57123.js');
-const index = require('./index-ff818d4d.js');
-const l10n = require('./l10n-a048a686.js');
+const certification_request = require('./certification_request-e1997ebf.js');
+const download = require('./download-a97f4cb2.js');
+const l10n = require('./l10n-638a7577.js');
 
 /**
  * @license
@@ -20,7 +20,7 @@ class X509Certificate extends certification_request.AsnData {
     this.thumbprints = {};
     this.type = 'X.509 Certificate';
     const { tbsCertificate } = this.asn;
-    this.serialNumber = index.build.Convert.ToHex(tbsCertificate.serialNumber);
+    this.serialNumber = download.build.Convert.ToHex(tbsCertificate.serialNumber);
     this.subject = new certification_request.Name(tbsCertificate.subject).toJSON();
     this.issuer = new certification_request.Name(tbsCertificate.issuer).toJSON();
     this.version = tbsCertificate.version + 1;
@@ -69,10 +69,10 @@ class X509Certificate extends certification_request.AsnData {
     };
   }
   exportAsBase64() {
-    return index.build.Convert.ToBase64(this.raw);
+    return download.build.Convert.ToBase64(this.raw);
   }
   exportAsHexFormatted() {
-    return certification_request.hexFormat(index.build.Convert.ToHex(this.raw));
+    return certification_request.hexFormat(download.build.Convert.ToHex(this.raw));
   }
   exportAsPemFormatted() {
     return `-----BEGIN CERTIFICATE-----\n${certification_request.base64Format(this.exportAsBase64())}\n-----END CERTIFICATE-----`;
@@ -81,7 +81,7 @@ class X509Certificate extends certification_request.AsnData {
     try {
       const thumbprint = await certification_request.getCertificateThumbprint(algorithm, this.raw);
       if (thumbprint) {
-        this.thumbprints[algorithm['name'] || algorithm] = index.build.Convert.ToHex(thumbprint);
+        this.thumbprints[algorithm['name'] || algorithm] = download.build.Convert.ToHex(thumbprint);
       }
     }
     catch (error) {
@@ -134,6 +134,12 @@ class X509Certificate extends certification_request.AsnData {
       .map((name) => (`${name.shortName}=${name.value}`))
       .join(', ');
   }
+  downloadAsPEM(name) {
+    download.Download.cert.asPEM(this.exportAsPemFormatted(), name || this.commonName);
+  }
+  downloadAsDER(name) {
+    download.Download.cert.asDER(this.exportAsHexFormatted(), name || this.commonName);
+  }
 }
 
 exports.X509Certificate = X509Certificate;

package/dist/collection/collection-manifest.json

@@ -4,6 +4,7 @@
     "./components/button-split/button-split.js",
     "./components/certificate-viewer/certificate-viewer.js",
     "./components/certificates-viewer/certificates-viewer.js",
+    "./components/crl-viewer/crl-viewer.js",
     "./components/csr-viewer/csr-viewer.js",
     "./components/button/button.js",
     "./components/certificate-decoder/certificate-decoder.js",

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

@@ -10,7 +10,7 @@
  */
 import { Component, Host, h, State, Prop, Event, } from '@stencil/core';
 import { validator, readAsBinaryString } from '../../utils';
-import { X509Certificate, X509AttributeCertificate, CSR } from '../../crypto';
+import { X509Certificate, X509AttributeCertificate, CSR, CRL, } from '../../crypto';
 export class CertificateDecoder {
   constructor() {
     this.onClickDecode = () => {
@@ -70,11 +70,12 @@ export class CertificateDecoder {
     const isX509Pem = validator.isX509Pem(certificate);
     const isPkcs10Pem = validator.isPkcs10Pem(certificate);
     const isX509AttributePem = validator.isX509AttributePem(certificate);
+    const isX509CRLPem = validator.isX509CRLPem(certificate);
     let decoded;
     let decodeError;
-    if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem)) {
+    if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem || isX509CRLPem)) {
       this.clearValue();
-      alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest.');
+      alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');
       return;
     }
     try {
@@ -87,6 +88,9 @@ export class CertificateDecoder {
       if (isPkcs10Pem) {
         decoded = new CSR(certificate);
       }
+      if (isX509CRLPem) {
+        decoded = new CRL(certificate);
+      }
     }
     catch (error) {
       decodeError = error;
@@ -115,10 +119,18 @@ export class CertificateDecoder {
         decodeError = error;
       }
     }
+    if (!decoded) {
+      try {
+        decoded = new CRL(certificate);
+      }
+      catch (error) {
+        decodeError = error;
+      }
+    }
     if (!decoded) {
       this.clearValue();
       console.log(decodeError);
-      alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest.');
+      alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');
     }
     else {
       this.setValue(decoded);
@@ -131,12 +143,13 @@ export class CertificateDecoder {
         h("peculiar-button", { fill: "fill", class: "button", onClick: this.onClickDecode }, "Decode"),
         h("peculiar-button", { class: "button" },
           "Choose file",
-          h("input", { type: "file", class: "input_file", accept: "application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,.csr,.req", onChange: this.onChangeInputFile, value: "" })),
+          h("input", { type: "file", class: "input_file", accept: "application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl", onChange: this.onChangeInputFile, value: "" })),
         h("peculiar-button", { class: "button", onClick: this.onClickClear }, "Clear"),
         this.certificateExample && (h("peculiar-button", { class: "button", onClick: this.onClickExample }, "Example"))),
       this.certificateDecoded instanceof X509Certificate && (h("peculiar-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })),
       this.certificateDecoded instanceof X509AttributeCertificate && (h("peculiar-attribute-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })),
-      this.certificateDecoded instanceof CSR && (h("peculiar-csr-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
+      this.certificateDecoded instanceof CSR && (h("peculiar-csr-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })),
+      this.certificateDecoded instanceof CRL && (h("peculiar-crl-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
   }
   static get is() { return "peculiar-certificate-decoder"; }
   static get encapsulation() { return "shadow"; }

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

@@ -10,8 +10,9 @@
  */
 import { h } from '@stencil/core';
 import { BasicAttribute } from './basic_attribute';
+import { l10n } from '../../../utils';
 import { RowValue } from '../row';
 export const TypeRelationshipAttribute = (props) => {
   const { attribute } = props;
-  return (h(BasicAttribute, { attribute: attribute }, Object.keys(attribute.value).map((keyName) => (h(RowValue, { name: keyName, value: attribute.value[keyName].toNumber() ? 'Yes' : 'No' })))));
+  return (h(BasicAttribute, { attribute: attribute }, Object.keys(attribute.value).map((keyName) => (h(RowValue, { name: keyName, value: attribute.value[keyName].toNumber() ? l10n.getString('yes') : l10n.getString('no') })))));
 };

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

@@ -12,7 +12,7 @@ import { h } from '@stencil/core';
 import { dateShort, l10n } from '../../utils';
 import { RowTitle, RowValue } from './row';
 export const BasicInformation = (props) => {
-  const { serialNumber, version, validity, notBefore, notAfter, type, } = props;
+  const { serialNumber, version, validity, notBefore, notAfter, lastUpdate, nextUpdate, type, } = props;
   return [
     h(RowTitle, { value: l10n.getString('basicInformation') }),
     h(RowValue, { name: l10n.getString('type'), value: type }),
@@ -21,5 +21,7 @@ export const BasicInformation = (props) => {
     h(RowValue, { name: l10n.getString('validity'), value: validity }),
     h(RowValue, { name: l10n.getString('issued'), value: notBefore ? dateShort(notBefore) : undefined }),
     h(RowValue, { name: l10n.getString('expired'), value: notAfter ? dateShort(notAfter) : undefined }),
+    h(RowValue, { name: l10n.getString('lastUpdate'), value: lastUpdate ? dateShort(lastUpdate) : undefined }),
+    h(RowValue, { name: l10n.getString('nextUpdate'), value: nextUpdate ? dateShort(nextUpdate) : undefined }),
   ];
 };

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

@@ -10,10 +10,11 @@
  */
 import { h } from '@stencil/core';
 import { RowValue } from '../row';
+import { l10n } from '../../../utils';
 import { BasicExtension } from './basic_extension';
 export const BasicConstraintsExtension = (props) => {
   const { extension } = props;
   return (h(BasicExtension, { extension: extension },
-    h(RowValue, { name: "Certificate Authority", value: extension.value.cA ? 'Yes' : 'No' }),
+    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 })));
 };

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

@@ -11,11 +11,12 @@
 import { h } from '@stencil/core';
 import { getStringByOID } from '../get_string_by_oid';
 import { RowValue } from '../row';
+import { l10n } from '../../../utils';
 export const BasicExtension = (props, children) => {
   const { extension } = props;
   return ([
     h(RowValue, { name: "Name", value: getStringByOID(extension.asn.extnID) }),
-    h(RowValue, { name: "Critical", value: extension.asn.critical ? 'Yes' : 'No' }),
+    h(RowValue, { name: "Critical", value: extension.asn.critical ? l10n.getString('yes') : l10n.getString('no') }),
     children,
     h("tr", null,
       h("td", { colSpan: 2, class: "divider" },

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

@@ -0,0 +1,19 @@
+/*!
+ * © 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 { RowValue } from '../row';
+import { l10n } from '../../../utils';
+import { BasicExtension } from './basic_extension';
+export const CRLNumberExtension = (props) => {
+  const { extension } = props;
+  return (h(BasicExtension, { extension: extension },
+    h(RowValue, { name: l10n.getString('value'), value: extension.value.value })));
+};

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

@@ -9,7 +9,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h } from '@stencil/core';
-import { KeyUsage, BasicConstraints, ExtendedKeyUsage, SubjectKeyIdentifier, AuthorityKeyIdentifier, CRLDistributionPoints, AuthorityInfoAccessSyntax, SubjectAlternativeName, CertificatePolicies, NameConstraints, CRLReason, SubjectDirectoryAttributes, PrivateKeyUsagePeriod, EntrustVersionInfo, PolicyConstraints, PolicyMappings, SubjectInfoAccessSyntax, } from '@peculiar/asn1-x509';
+import { KeyUsage, BasicConstraints, ExtendedKeyUsage, SubjectKeyIdentifier, AuthorityKeyIdentifier, CRLDistributionPoints, AuthorityInfoAccessSyntax, SubjectAlternativeName, CertificatePolicies, NameConstraints, CRLReason, CRLNumber, SubjectDirectoryAttributes, PrivateKeyUsagePeriod, EntrustVersionInfo, PolicyConstraints, PolicyMappings, SubjectInfoAccessSyntax, IssuingDistributionPoint, } from '@peculiar/asn1-x509';
 import { CertificateTransparency } from '@peculiar/asn1-cert-transparency';
 import { CertificateTemplate, EnrollCertTypeChoice, CaVersion, } from '@peculiar/asn1-x509-microsoft';
 import { QCStatements, BiometricSyntax } from '@peculiar/asn1-x509-qualified';
@@ -51,6 +51,8 @@ import { LogotypeExtension } from './logotype_extension';
 import { TNAuthListExtension } from './tn_auth_list_extension';
 import { PolicyConstraintsExtension } from './policy_constraints_extension';
 import { PolicyMappingsExtension } from './policy_mappings_extension';
+import { CRLNumberExtension } from './crl_number_extension';
+import { IssuingDistributionPointExtension } from './issuing_distribution_point_extension';
 export const Extensions = (props) => {
   const { extensions, title } = props;
   if (!extensions || !extensions.length) {
@@ -151,6 +153,12 @@ export const Extensions = (props) => {
         if (extension.value instanceof PolicyMappings) {
           return (h(PolicyMappingsExtension, { extension: extension }));
         }
+        if (extension.value instanceof CRLNumber) {
+          return (h(CRLNumberExtension, { extension: extension }));
+        }
+        if (extension.value instanceof IssuingDistributionPoint) {
+          return (h(IssuingDistributionPointExtension, Object.assign({ extension: extension }, props)));
+        }
         if (typeof extension.value === 'string') {
           return (h(AsStringExtension, { extension: extension }));
         }

package/dist/collection/components/certificate-viewer/extensions/issuing_distribution_point_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 { RowValue } from '../row';
+import { l10n } from '../../../utils';
+import { BasicExtension } from './basic_extension';
+import { GeneralNamePart } from './general_name_part';
+// eslint-disable-next-line max-len
+export 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') }))));
+};

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

@@ -10,6 +10,7 @@
  */
 import { h } from '@stencil/core';
 import { RowValue } from '../row';
+import { l10n } from '../../../utils';
 import { BasicExtension } from './basic_extension';
 import { GeneralNamePart } from './general_name_part';
 export const TimestampExtension = (props) => {
@@ -17,5 +18,5 @@ export const TimestampExtension = (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 ? 'Yes' : 'No' })));
+    h(RowValue, { name: "Requires Auth", value: extension.value.requiresAuth ? l10n.getString('yes') : l10n.getString('no') })));
 };

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

@@ -9,26 +9,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h } from '@stencil/core';
-import { CSR } from '../../crypto';
 import { l10n } from '../../utils';
-import { Download } from '../../utils/download';
 import { RowTitle } from './row';
-function downloadCertificateAsPem(certificate) {
-  if (certificate instanceof CSR) {
-    Download.pkcs10.asPEM(certificate.exportAsPemFormatted(), certificate.commonName);
-  }
-  else {
-    Download.x509.asPEM(certificate.exportAsPemFormatted(), certificate.commonName);
-  }
-}
-function downloadCertificateAsDer(certificate) {
-  if (certificate instanceof CSR) {
-    Download.pkcs10.asDER(certificate.exportAsHexFormatted(), certificate.commonName);
-  }
-  else {
-    Download.x509.asDER(certificate.exportAsHexFormatted(), certificate.commonName);
-  }
-}
 export const Miscellaneous = (props) => {
   const { certificate } = props;
   return [
@@ -39,9 +21,9 @@ export const Miscellaneous = (props) => {
           l10n.getString('download'),
           ":")),
       h("td", null,
-        h("peculiar-button-split", { onClick: downloadCertificateAsPem.bind(this, certificate), actions: [{
+        h("peculiar-button-split", { onClick: () => certificate.downloadAsPEM(), actions: [{
               text: l10n.getString('download.der'),
-              onClick: downloadCertificateAsDer.bind(this, certificate),
+              onClick: () => certificate.downloadAsDER(),
             }] }, l10n.getString('download.pem')))),
   ];
 };

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

@@ -11,7 +11,6 @@
 import { Component, h, Prop, State, Watch, Host, Event, } from '@stencil/core';
 import { X509Certificate } from '../../crypto';
 import { OIDs } from '../../constants/oids';
-import { Download } from '../../utils/download';
 import { l10n } from '../../utils';
 export class CertificatesViewer {
   constructor() {
@@ -102,12 +101,12 @@ export class CertificatesViewer {
   // eslint-disable-next-line class-methods-use-this
   handleClickDownloadAsPem(certificate, e) {
     e.stopPropagation();
-    Download.x509.asPEM(certificate.body.exportAsPemFormatted(), certificate.name || certificate.body.commonName);
+    certificate.body.downloadAsPEM(certificate.name || certificate.body.commonName);
   }
   // eslint-disable-next-line class-methods-use-this
   handleClickDownloadAsDer(certificate, e) {
     e.stopPropagation();
-    Download.x509.asPEM(certificate.body.exportAsHexFormatted(), certificate.name || certificate.body.commonName);
+    certificate.body.downloadAsDER(certificate.name || certificate.body.commonName);
   }
   handleClickRow(index) {
     const isExpandedRowClicked = this.expandedRow === index;