@peculiar/certificates-viewer 3.7.0 → 3.8.0

package/dist/cjs/{crl-de4e196b.js → crl-75106e2e.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const certification_request = require('./certification_request-00bbfbc5.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 const download = require('./download-a97f4cb2.js');
 const l10n = require('./l10n-17c96aba.js');
 

package/dist/cjs/{miscellaneous-30c4aded.js → miscellaneous-0eade914.js}

@@ -6,7 +6,7 @@
 const index = require('./index-064e95c7.js');
 const l10n = require('./l10n-17c96aba.js');
 const download = require('./download-a97f4cb2.js');
-const certification_request = require('./certification_request-00bbfbc5.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 
 /**
  * @license
@@ -296,7 +296,11 @@ const BasicConstraintsExtension = (props) => {
  */
 const ExtendedKeyUsageExtension = (props) => {
   const { extension } = props;
-  return (index.h(BasicExtension, { extension: extension }, extension.value.map((usage, arrayIndex) => (index.h(RowValue, { name: `Purpose #${arrayIndex + 1}`, value: getStringByOID(usage) })))));
+  return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
+    index.h(RowValue, { name: "Purposes:", value: "" }),
+    extension.value.map((usage) => (index.h(TableRowTable, null,
+      index.h(RowValue, { name: "Purpose", value: getStringByOID(usage) })))),
+  ])));
 };
 
 /**
@@ -442,11 +446,12 @@ const CRLDistributionPointsExtension = (props) => {
  */
 const InfoAccessSyntaxExtension = (props) => {
   const { extension } = props;
-  return (index.h(BasicExtension, { extension: extension }, extension.value.map((description, arrayIndex) => ([
-    index.h(RowValue, { name: `Description #${arrayIndex + 1}`, value: "" }),
-    index.h(RowValue, { name: "Method", value: getStringByOID(description.accessMethod) }),
-    index.h(GeneralNamePart, Object.assign({ generalName: description.accessLocation }, props)),
-  ]))));
+  return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
+    index.h(RowValue, { name: "Descriptions:", value: "" }),
+    extension.value.map((description) => (index.h(TableRowTable, null,
+      index.h(RowValue, { name: "Method", value: getStringByOID(description.accessMethod) }),
+      index.h(GeneralNamePart, Object.assign({ generalName: description.accessLocation }, props))))),
+  ])));
 };
 
 /**
@@ -470,30 +475,30 @@ const SubjectAlternativeNameExtension = (props) => {
  */
 const CertificatePoliciesExtension = (props) => {
   const { extension } = props;
-  return (index.h(BasicExtension, { extension: extension }, extension.value.map((policy, arrayIndex) => {
-    var _a;
-    return ([
-      index.h(RowValue, { name: `Policy #${arrayIndex + 1}`, value: "" }),
-      index.h(RowValue, { name: "ID", value: getStringByOID(policy.policyIdentifier) }),
-      (_a = policy.policyQualifiers) === null || _a === void 0 ? void 0 : _a.map((qualifierInfo, indexInfo) => {
-        const data = [
-          index.h(RowValue, { name: `Qualifier #${arrayIndex + 1}.${indexInfo + 1}`, value: "" }),
-          index.h(RowValue, { name: "ID", value: getStringByOID(qualifierInfo.policyQualifierId) }),
-        ];
-        if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.1') {
-          const value = certification_request.AsnParser.parse(qualifierInfo.qualifier, certification_request.DisplayText);
-          data.push(index.h(RowValue, { name: "Value", value: value.toString() }));
-        }
-        if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.2') {
-          const value = certification_request.AsnParser.parse(qualifierInfo.qualifier, certification_request.UserNotice);
-          if (value.explicitText) {
-            data.push(index.h(RowValue, { name: "Value", value: value.explicitText.toString() }));
+  return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
+    index.h(RowValue, { name: "Policies:", value: "" }),
+    extension.value.map((policy) => (index.h(TableRowTable, null,
+      index.h(RowValue, { name: "Policy ID", value: getStringByOID(policy.policyIdentifier) }),
+      policy.policyQualifiers && Boolean(policy.policyQualifiers.length) && ([
+        index.h(RowValue, { name: "Qualifiers:", value: "" }),
+        policy.policyQualifiers.map((qualifierInfo) => {
+          const data = [
+            index.h(RowValue, { name: "Qualifier ID", value: getStringByOID(qualifierInfo.policyQualifierId) }),
+          ];
+          if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.1') {
+            const value = certification_request.AsnParser.parse(qualifierInfo.qualifier, certification_request.DisplayText);
+            data.push(index.h(RowValue, { name: "Value", value: value.toString() }));
           }
-        }
-        return data;
-      }),
-    ]);
-  })));
+          if (qualifierInfo.policyQualifierId === '1.3.6.1.5.5.7.2.2') {
+            const value = certification_request.AsnParser.parse(qualifierInfo.qualifier, certification_request.UserNotice);
+            if (value.explicitText) {
+              data.push(index.h(RowValue, { name: "Value", value: value.explicitText.toString() }));
+            }
+          }
+          return (index.h(TableRowTable, null, data));
+        }),
+      ])))),
+  ])));
 };
 
 /**
@@ -591,15 +596,16 @@ const logs = {
  */
 const CertificateTransparencyExtension = (props) => {
   const { extension } = props;
-  return (index.h(BasicExtension, { extension: extension }, extension.value.toJSON().map((signedCertificateTimestamp, arrayIndex) => ([
-    index.h(RowValue, { name: `SCT #${arrayIndex + 1}`, value: "" }),
-    index.h(RowValue, { name: "Version", value: signedCertificateTimestamp.version + 1 }),
-    index.h(RowValue, { name: "Log Operator", value: logs[signedCertificateTimestamp.logId] || signedCertificateTimestamp.logId }),
-    index.h(RowValue, { name: "Log Key ID", value: signedCertificateTimestamp.logId, monospace: true }),
-    index.h(RowValue, { name: "Timestamp", value: l10n.dateShort(signedCertificateTimestamp.timestamp) }),
-    index.h(RowValue, { name: "Signature Algorithm", value: `${signedCertificateTimestamp.hashAlgorithm} ${signedCertificateTimestamp.signatureAlgorithm}`.toUpperCase() }),
-    index.h(RowValue, { name: "Signature", value: signedCertificateTimestamp.signature, monospace: true }),
-  ]))));
+  return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.items.length) && ([
+    index.h(RowValue, { name: "Signed Certificate Timestamps:", value: "" }),
+    extension.value.toJSON().map((signedCertificateTimestamp) => (index.h(TableRowTable, null,
+      index.h(RowValue, { name: "Version", value: signedCertificateTimestamp.version + 1 }),
+      index.h(RowValue, { name: "Log Operator", value: logs[signedCertificateTimestamp.logId] || signedCertificateTimestamp.logId }),
+      index.h(RowValue, { name: "Log Key ID", value: signedCertificateTimestamp.logId, monospace: true }),
+      index.h(RowValue, { name: "Timestamp", value: l10n.dateShort(signedCertificateTimestamp.timestamp) }),
+      index.h(RowValue, { name: "Signature Algorithm", value: `${signedCertificateTimestamp.hashAlgorithm} ${signedCertificateTimestamp.signatureAlgorithm}`.toUpperCase() }),
+      index.h(RowValue, { name: "Signature", value: signedCertificateTimestamp.signature, monospace: true })))),
+  ])));
 };
 
 /**
@@ -660,6 +666,116 @@ const CaVersionExtension = (props) => {
     index.h(RowValue, { name: "Key Index", value: version.keyIndex })));
 };
 
+var PdsLocations_1, QcEuPDS_1, QcType_1, QcCClegislation_1;
+let Iso4217CurrencyCode = class Iso4217CurrencyCode {
+    constructor(value) {
+        if (typeof value === "string") {
+            this.alphabetic = value;
+        }
+        else if (typeof value === "number") {
+            this.numeric = value;
+        }
+    }
+};
+certification_request.__decorate([
+    certification_request.AsnProp({ type: certification_request.AsnPropTypes.PrintableString })
+], Iso4217CurrencyCode.prototype, "alphabetic", void 0);
+certification_request.__decorate([
+    certification_request.AsnProp({ type: certification_request.AsnPropTypes.PrintableString })
+], Iso4217CurrencyCode.prototype, "numeric", void 0);
+Iso4217CurrencyCode = certification_request.__decorate([
+    certification_request.AsnType({ type: certification_request.AsnTypeTypes.Choice })
+], Iso4217CurrencyCode);
+class MonetaryValue {
+    constructor(params = {}) {
+        this.currency = new Iso4217CurrencyCode();
+        this.amount = 0;
+        this.exponent = 0;
+        Object.assign(this, params);
+    }
+}
+certification_request.__decorate([
+    certification_request.AsnProp({ type: Iso4217CurrencyCode })
+], MonetaryValue.prototype, "currency", void 0);
+certification_request.__decorate([
+    certification_request.AsnProp({ type: certification_request.AsnPropTypes.Integer })
+], MonetaryValue.prototype, "amount", void 0);
+certification_request.__decorate([
+    certification_request.AsnProp({ type: certification_request.AsnPropTypes.Integer })
+], MonetaryValue.prototype, "exponent", void 0);
+let QcEuLimitValue = class QcEuLimitValue extends MonetaryValue {
+};
+QcEuLimitValue = certification_request.__decorate([
+    certification_request.AsnType({ type: certification_request.AsnTypeTypes.Sequence })
+], QcEuLimitValue);
+let QcEuRetentionPeriod = class QcEuRetentionPeriod {
+    constructor(value = 0) {
+        this.value = value;
+    }
+};
+certification_request.__decorate([
+    certification_request.AsnProp({ type: certification_request.AsnPropTypes.Integer })
+], QcEuRetentionPeriod.prototype, "value", void 0);
+QcEuRetentionPeriod = certification_request.__decorate([
+    certification_request.AsnType({ type: certification_request.AsnTypeTypes.Choice })
+], QcEuRetentionPeriod);
+let PdsLocation = class PdsLocation {
+    constructor(params = {}) {
+        this.url = "";
+        this.language = "";
+        Object.assign(this, params);
+    }
+};
+certification_request.__decorate([
+    certification_request.AsnProp({ type: certification_request.AsnPropTypes.IA5String })
+], PdsLocation.prototype, "url", void 0);
+certification_request.__decorate([
+    certification_request.AsnProp({ type: certification_request.AsnPropTypes.PrintableString })
+], PdsLocation.prototype, "language", void 0);
+PdsLocation = certification_request.__decorate([
+    certification_request.AsnType({ type: certification_request.AsnTypeTypes.Sequence })
+], PdsLocation);
+let PdsLocations = PdsLocations_1 = class PdsLocations extends certification_request.AsnArray {
+    constructor(items) {
+        super(items);
+        Object.setPrototypeOf(this, PdsLocations_1.prototype);
+    }
+};
+PdsLocations = PdsLocations_1 = certification_request.__decorate([
+    certification_request.AsnType({ type: certification_request.AsnTypeTypes.Sequence, itemType: PdsLocation })
+], PdsLocations);
+let QcEuPDS = QcEuPDS_1 = class QcEuPDS extends PdsLocations {
+    constructor(items) {
+        super(items);
+        Object.setPrototypeOf(this, QcEuPDS_1.prototype);
+    }
+};
+QcEuPDS = QcEuPDS_1 = certification_request.__decorate([
+    certification_request.AsnType({ type: certification_request.AsnTypeTypes.Sequence, itemType: PdsLocation })
+], QcEuPDS);
+let QcType = QcType_1 = class QcType extends certification_request.AsnArray {
+    constructor(items) {
+        super(items);
+        Object.setPrototypeOf(this, QcType_1.prototype);
+    }
+};
+QcType = QcType_1 = certification_request.__decorate([
+    certification_request.AsnType({ type: certification_request.AsnTypeTypes.Sequence, itemType: certification_request.AsnPropTypes.ObjectIdentifier })
+], QcType);
+let QcCClegislation = QcCClegislation_1 = class QcCClegislation extends certification_request.AsnArray {
+    constructor(items) {
+        super(items);
+        Object.setPrototypeOf(this, QcCClegislation_1.prototype);
+    }
+};
+QcCClegislation = QcCClegislation_1 = certification_request.__decorate([
+    certification_request.AsnType({ type: certification_request.AsnTypeTypes.Sequence, itemType: certification_request.AsnPropTypes.PrintableString })
+], QcCClegislation);
+const id_etsi_qcs = "0.4.0.1862.1";
+const id_etsi_qcs_qcRetentionPeriod = `${id_etsi_qcs}.3`;
+const id_etsi_qcs_qcPDS = `${id_etsi_qcs}.5`;
+const id_etsi_qcs_qcType = `${id_etsi_qcs}.6`;
+
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -669,11 +785,39 @@ const CaVersionExtension = (props) => {
  */
 const QCStatementsExtension = (props) => {
   const { extension } = 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 ? download.build.Convert.ToHex(statement.statementInfo) : null, monospace: true }),
-  ]))));
+  function renderStatementInfo(statementId, statementInfo) {
+    if (!statementInfo.byteLength) {
+      return null;
+    }
+    if (statementId === certification_request.id_qcs_pkixQCSyntax_v2) {
+      const semanticsInformation = certification_request.AsnParser.parse(statementInfo, certification_request.SemanticsInformation);
+      return (index.h(RowValue, { name: "Semantics Identifier", value: getStringByOID(semanticsInformation.semanticsIdentifier) }));
+    }
+    if (statementId === id_etsi_qcs_qcType) {
+      const qcTypes = certification_request.AsnParser.parse(statementInfo, QcType);
+      return (index.h(RowValue, { name: "QC Types", value: qcTypes.map((type) => getStringByOID(type)).join(', ') }));
+    }
+    if (statementId === id_etsi_qcs_qcRetentionPeriod) {
+      const retentionPeriod = certification_request.AsnParser.parse(statementInfo, QcEuRetentionPeriod);
+      return (index.h(RowValue, { name: "Retention Period", value: `${retentionPeriod.value} years` }));
+    }
+    if (statementId === id_etsi_qcs_qcPDS) {
+      const pdsLocations = certification_request.AsnParser.parse(statementInfo, PdsLocations);
+      return ([
+        index.h(RowValue, { name: "PDS Locations:", value: "" }),
+        pdsLocations.map((location) => (index.h(TableRowTable, null,
+          index.h(RowValue, { name: "URL", value: location.url }),
+          index.h(RowValue, { name: "Language", value: location.language })))),
+      ]);
+    }
+    return (index.h(RowValue, { name: "Info", value: download.build.Convert.ToHex(statementInfo), monospace: true }));
+  }
+  return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
+    index.h(RowValue, { name: "Statements:", value: "" }),
+    extension.value.map((statement) => (index.h(TableRowTable, null,
+      index.h(RowValue, { name: "Statement ID", value: getStringByOID(statement.statementId) }),
+      renderStatementInfo(statement.statementId, statement.statementInfo)))),
+  ])));
 };
 
 /**
@@ -789,11 +933,12 @@ function getAttributeValue(attribute) {
  */
 const SubjectDirectoryAttributesExtension = (props) => {
   const { extension } = props;
-  return (index.h(BasicExtension, { extension: extension }, extension.value.map((attribute, arrayIndex) => ([
-    index.h(RowValue, { name: `Attribute #${arrayIndex + 1}`, value: "" }),
-    index.h(RowValue, { name: "Type", value: getStringByOID(attribute.type) }),
-    index.h(RowValue, { name: "Value", value: getAttributeValue(attribute) }),
-  ]))));
+  return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
+    index.h(RowValue, { name: "Attributes:", value: "" }),
+    extension.value.map((attribute) => (index.h(TableRowTable, null,
+      index.h(RowValue, { name: "Type", value: getStringByOID(attribute.type) }),
+      index.h(RowValue, { name: "Value", value: getAttributeValue(attribute) })))),
+  ])));
 };
 
 /**
@@ -846,14 +991,15 @@ const EntrustVersionInfoExtension = (props) => {
  */
 const BiometricSyntaxExtension = (props) => {
   const { extension } = props;
-  return (index.h(BasicExtension, { extension: extension }, extension.value.map((data, arrayIndex) => ([
-    index.h(RowValue, { name: `Biometric #${arrayIndex + 1}`, value: "" }),
-    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: download.build.Convert.ToHex(data.biometricDataHash.buffer), monospace: true }),
-    index.h(RowValue, { name: "Source Uri", value: data.sourceDataUri }),
-  ]))));
+  return (index.h(BasicExtension, { extension: extension }, Boolean(extension.value.length) && ([
+    index.h(RowValue, { name: "Biometrics:", value: "" }),
+    extension.value.map((data) => (index.h(TableRowTable, null,
+      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: download.build.Convert.ToHex(data.biometricDataHash.buffer), monospace: true }),
+      index.h(RowValue, { name: "Source Uri", value: data.sourceDataUri })))),
+  ])));
 };
 
 /**

package/dist/cjs/peculiar-attribute-certificate-viewer_3.cjs.entry.js

@@ -6,11 +6,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-064e95c7.js');
-const certification_request = require('./certification_request-00bbfbc5.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 const download = require('./download-a97f4cb2.js');
 const l10n = require('./l10n-17c96aba.js');
-const crl = require('./crl-de4e196b.js');
-const miscellaneous = require('./miscellaneous-30c4aded.js');
+const crl = require('./crl-75106e2e.js');
+const miscellaneous = require('./miscellaneous-0eade914.js');
 
 /**
  * @license

package/dist/cjs/peculiar-certificate-decoder.cjs.entry.js

@@ -6,11 +6,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-064e95c7.js');
-const certification_request = require('./certification_request-00bbfbc5.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 require('./l10n-17c96aba.js');
 require('./download-a97f4cb2.js');
-const x509_certificate = require('./x509_certificate-2af9b990.js');
-const crl = require('./crl-de4e196b.js');
+const x509_certificate = require('./x509_certificate-9e7652cf.js');
+const crl = require('./crl-75106e2e.js');
 
 /**
  * @license

package/dist/cjs/peculiar-certificate-viewer.cjs.entry.js

@@ -6,11 +6,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-064e95c7.js');
-const x509_certificate = require('./x509_certificate-2af9b990.js');
-require('./certification_request-00bbfbc5.js');
+const x509_certificate = require('./x509_certificate-9e7652cf.js');
+require('./certification_request-6eb7ef37.js');
 require('./download-a97f4cb2.js');
 require('./l10n-17c96aba.js');
-const miscellaneous = require('./miscellaneous-30c4aded.js');
+const miscellaneous = require('./miscellaneous-0eade914.js');
 
 const certificateViewerCss = ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *:before,:host *:after{-webkit-box-sizing:inherit;box-sizing:inherit}:host{display:block;width:100%;word-wrap:break-word;position:relative;min-width:280px;min-height:300px;background:white;background:rgba(var(--pv-color-light-rgb), 1)}th,td{border:none}table{width:100%;margin-bottom:30px;border-spacing:0;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);padding-top:60px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid}table td:first-child{padding-left:30px;width:130px;padding-right:10px}table td:last-child{padding-right:30px;width:calc(100% - 130px)}table td{vertical-align:top;padding-top:5px;padding-bottom:5px}table td.vertical_align_middle{vertical-align:middle}table .title:first-child td{padding-top:15px}table .title+tr td{padding-top:15px}table td.monospace{max-width:0}table .divider{padding-top:15px;padding-bottom:15px}.divider .bg_fill{background-color:rgba(209, 213, 217, 0.5);background-color:rgba(var(--pv-color-grey_3-rgb), 0.5)}table tr:last-child .divider{padding-top:0;opacity:0}.divider span{display:block;height:1px}.status_wrapper{min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.interaction_text{padding:15px 0;width:300px;margin:auto;text-align:center}@media (max-width: 900px){table,tr,td{display:block}table td:last-child,table td:first-child{padding-right:15px;padding-left:15px;width:100%}table .title+tr td{padding-top:5px}table .title+tr td:first-child{padding-top:15px}table td.monospace{width:100%;max-width:none}}:host([data-view=mobile]) table,:host([data-view=mobile]) tr,:host([data-view=mobile]) td{display:block}:host([data-view=mobile]) table td:last-child,:host([data-view=mobile]) table td:first-child{padding-right:15px;padding-left:15px;width:100%}:host([data-view=mobile]) table .title+tr td{padding-top:5px}:host([data-view=mobile]) table .title+tr td:first-child{padding-top:15px}:host([data-view=mobile]) table td.monospace{width:100%;max-width:none}";
 

package/dist/cjs/peculiar-certificates-viewer.cjs.entry.js

@@ -6,8 +6,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-064e95c7.js');
-const x509_certificate = require('./x509_certificate-2af9b990.js');
-const certification_request = require('./certification_request-00bbfbc5.js');
+const x509_certificate = require('./x509_certificate-9e7652cf.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 require('./download-a97f4cb2.js');
 const l10n = require('./l10n-17c96aba.js');
 

package/dist/cjs/{x509_certificate-2af9b990.js → x509_certificate-9e7652cf.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const certification_request = require('./certification_request-00bbfbc5.js');
+const certification_request = require('./certification_request-6eb7ef37.js');
 const download = require('./download-a97f4cb2.js');
 const l10n = require('./l10n-17c96aba.js');
 

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

@@ -11,16 +11,17 @@
 import { h } from '@stencil/core';
 import { Convert } from 'pvtsutils';
 import { getStringByOID } from '../../../utils';
-import { RowValue } from '../row';
+import { RowValue, TableRowTable } from '../row';
 import { BasicExtension } from './basic_extension';
 export const BiometricSyntaxExtension = (props) => {
   const { extension } = props;
-  return (h(BasicExtension, { extension: extension }, extension.value.map((data, arrayIndex) => ([
-    h(RowValue, { name: `Biometric #${arrayIndex + 1}`, value: "" }),
-    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 }),
-  ]))));
+  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

@@ -12,32 +12,32 @@ 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 { RowValue, TableRowTable } from '../row';
 import { BasicExtension } from './basic_extension';
 export const CertificatePoliciesExtension = (props) => {
   const { extension } = props;
-  return (h(BasicExtension, { extension: extension }, extension.value.map((policy, arrayIndex) => {
-    var _a;
-    return ([
-      h(RowValue, { name: `Policy #${arrayIndex + 1}`, value: "" }),
-      h(RowValue, { name: "ID", value: getStringByOID(policy.policyIdentifier) }),
-      (_a = policy.policyQualifiers) === null || _a === void 0 ? void 0 : _a.map((qualifierInfo, indexInfo) => {
-        const data = [
-          h(RowValue, { name: `Qualifier #${arrayIndex + 1}.${indexInfo + 1}`, value: "" }),
-          h(RowValue, { name: "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(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() }));
           }
-        }
-        return data;
-      }),
-    ]);
-  })));
+          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

@@ -9,19 +9,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h } from '@stencil/core';
-import { RowValue } from '../row';
 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 }, extension.value.toJSON().map((signedCertificateTimestamp, arrayIndex) => ([
-    h(RowValue, { name: `SCT #${arrayIndex + 1}`, value: "" }),
-    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 }),
-  ]))));
+  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-details-parts/extensions/extended_key_usage_extension.js

@@ -10,9 +10,13 @@
  */
 import { h } from '@stencil/core';
 import { getStringByOID } from '../../../utils';
-import { RowValue } from '../row';
+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-details-parts/extensions/info_access_syntax_extension.js

@@ -10,14 +10,15 @@
  */
 import { h } from '@stencil/core';
 import { getStringByOID } from '../../../utils';
-import { RowValue } from '../row';
+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 }, extension.value.map((description, arrayIndex) => ([
-    h(RowValue, { name: `Description #${arrayIndex + 1}`, value: "" }),
-    h(RowValue, { name: "Method", value: getStringByOID(description.accessMethod) }),
-    h(GeneralNamePart, Object.assign({ generalName: description.accessLocation }, 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-details-parts/extensions/qc_statements_extension.js

@@ -9,15 +9,46 @@
  * 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 } from '../row';
+import { RowValue, TableRowTable } from '../row';
 import { BasicExtension } from './basic_extension';
 export const QCStatementsExtension = (props) => {
   const { extension } = props;
-  return (h(BasicExtension, { extension: extension }, extension.value.map((statement, arrayIndex) => ([
-    h(RowValue, { name: `Statement #${arrayIndex + 1}`, value: "" }),
-    h(RowValue, { name: "ID", value: getStringByOID(statement.statementId) }),
-    h(RowValue, { name: "Info", value: statement.statementInfo.byteLength ? Convert.ToHex(statement.statementInfo) : null, monospace: true }),
-  ]))));
+  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)))),
+  ])));
 };