@peculiar/certificates-viewer 2.0.1 → 3.0.1

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

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -17,217 +20,229 @@ import { getDNSNameLink, getIPAddressLink, getLEILink } from '../../utils/third_
 import { Issuer } from './issuer';
 import { Holder } from './holder';
 export class AttributeCertificateViewer {
-    constructor() {
-        this.isDecodeInProcess = true;
-        this.getAuthKeyIdParentLink = (value) => { var _a; return (_a = this.authKeyIdParentLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value); };
-        this.getAuthKeyIdSiblingsLink = (value) => { var _a; return (_a = this.authKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value); };
-        this.getSubjectKeyIdChildrenLink = (value) => { var _a; return (_a = this.subjectKeyIdChildrenLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value); };
-        this.getSubjectKeyIdSiblingsLink = (value) => { var _a; return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value); };
+  constructor() {
+    this.isDecodeInProcess = true;
+    this.getAuthKeyIdParentLink = (value) => {
+      var _a;
+      return (_a = this.authKeyIdParentLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
+    };
+    this.getAuthKeyIdSiblingsLink = (value) => {
+      var _a;
+      return (_a = this.authKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{authKeyId}}', value);
+    };
+    this.getSubjectKeyIdChildrenLink = (value) => {
+      var _a;
+      return (_a = this.subjectKeyIdChildrenLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+    };
+    this.getSubjectKeyIdSiblingsLink = (value) => {
+      var _a;
+      return (_a = this.subjectKeyIdSiblingsLink) === null || _a === void 0 ? void 0 : _a.replace('{{subjectKeyId}}', value);
+    };
+  }
+  componentWillLoad() {
+    this.decodeCertificate(this.certificate);
+  }
+  async decodeCertificate(certificate) {
+    this.isDecodeInProcess = true;
+    try {
+      if (certificate instanceof X509AttributeCertificate) {
+        this.certificateDecoded = certificate;
+      }
+      else if (typeof certificate === 'string') {
+        this.certificateDecoded = new X509AttributeCertificate(certificate);
+      }
+      else {
+        return;
+      }
+      this.certificateDecoded.parseExtensions();
+      this.certificateDecoded.parseAttributes();
+      await this.certificateDecoded.getThumbprint('SHA-1');
+      await this.certificateDecoded.getThumbprint('SHA-256');
     }
-    componentWillLoad() {
-        this.decodeCertificate(this.certificate);
+    catch (error) {
+      this.certificateDecodeError = error;
+      console.error('Error certificate parse:', error);
     }
-    async decodeCertificate(certificate) {
-        this.isDecodeInProcess = true;
-        try {
-            if (certificate instanceof X509AttributeCertificate) {
-                this.certificateDecoded = certificate;
-            }
-            else if (typeof certificate === 'string') {
-                this.certificateDecoded = new X509AttributeCertificate(certificate);
-            }
-            else {
-                return;
-            }
-            this.certificateDecoded.parseExtensions();
-            this.certificateDecoded.parseAttributes();
-            await this.certificateDecoded.getThumbprint('SHA-1');
-            await this.certificateDecoded.getThumbprint('SHA-256');
-        }
-        catch (error) {
-            this.certificateDecodeError = error;
-            console.error('Error certificate parse:', error);
-        }
-        this.isDecodeInProcess = false;
+    this.isDecodeInProcess = false;
+  }
+  /**
+   * Rerun decodeCertificate if previuos value not equal current value
+   */
+  watchCertificateAndDecode(newValue, oldValue) {
+    if (typeof newValue === 'string' && typeof oldValue === 'string') {
+      if (newValue !== oldValue) {
+        this.decodeCertificate(newValue);
+      }
+      return;
     }
-    /**
-     * Rerun decodeCertificate if previuos value not equal current value
-     */
-    watchCertificateAndDecode(newValue, oldValue) {
-        if (typeof newValue === 'string' && typeof oldValue === 'string') {
-            if (newValue !== oldValue) {
-                this.decodeCertificate(newValue);
-            }
-            return;
-        }
-        if (newValue instanceof X509AttributeCertificate
-            && oldValue instanceof X509AttributeCertificate) {
-            if (newValue.serialNumber !== oldValue.serialNumber) {
-                this.decodeCertificate(newValue);
-            }
-        }
+    if (newValue instanceof X509AttributeCertificate
+      && oldValue instanceof X509AttributeCertificate) {
+      if (newValue.serialNumber !== oldValue.serialNumber) {
+        this.decodeCertificate(newValue);
+      }
     }
-    // eslint-disable-next-line class-methods-use-this
-    renderErrorState() {
-        return (h("div", { class: "status_wrapper" },
-            h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There was an error decoding this attribute certificate.")));
+  }
+  // eslint-disable-next-line class-methods-use-this
+  renderErrorState() {
+    return (h("div", { class: "status_wrapper" },
+      h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There was an error decoding this attribute certificate.")));
+  }
+  // eslint-disable-next-line class-methods-use-this
+  renderEmptyState() {
+    return (h("div", { class: "status_wrapper" },
+      h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There is no attribute certificate available.")));
+  }
+  render() {
+    if (this.certificateDecodeError) {
+      return this.renderErrorState();
     }
-    // eslint-disable-next-line class-methods-use-this
-    renderEmptyState() {
-        return (h("div", { class: "status_wrapper" },
-            h("peculiar-typography", { type: "b1", class: "interaction_text" }, "There is no attribute certificate available.")));
+    if (!this.certificateDecoded) {
+      return this.renderEmptyState();
     }
-    render() {
-        if (this.certificateDecodeError) {
-            return this.renderErrorState();
-        }
-        if (!this.certificateDecoded) {
-            return this.renderEmptyState();
+    return (h(Host, null,
+      h("table", null,
+        h(BasicInformation, Object.assign({}, this.certificateDecoded)),
+        h(Issuer, { issuer: this.certificateDecoded.issuer }),
+        h(Holder, { holder: this.certificateDecoded.holder }),
+        h(Signature, { signature: this.certificateDecoded.signature }),
+        h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }),
+        h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }),
+        h(Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }),
+        this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
+  }
+  static get is() { return "peculiar-attribute-certificate-viewer"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["../certificate-viewer/certificate-viewer.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["../certificate-viewer/certificate-viewer.css"]
+  }; }
+  static get properties() { return {
+    "certificate": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "AttributeCertificateProp",
+        "resolved": "X509AttributeCertificate | string",
+        "references": {
+          "AttributeCertificateProp": {
+            "location": "local"
+          }
         }
-        return (h(Host, null,
-            h("table", null,
-                h(BasicInformation, Object.assign({}, this.certificateDecoded)),
-                h(Issuer, { issuer: this.certificateDecoded.issuer }),
-                h(Holder, { holder: this.certificateDecoded.holder }),
-                h(Signature, { signature: this.certificateDecoded.signature }),
-                h(Thumbprints, { thumbprints: this.certificateDecoded.thumbprints }),
-                h(Attributes, { attributes: this.certificateDecoded.attributes, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }),
-                h(Extensions, { extensions: this.certificateDecoded.extensions, getLEILink: getLEILink, getDNSNameLink: getDNSNameLink, getIPAddressLink: getIPAddressLink, getAuthKeyIdParentLink: this.getAuthKeyIdParentLink, getAuthKeyIdSiblingsLink: this.getAuthKeyIdSiblingsLink, getSubjectKeyIdChildrenLink: this.getSubjectKeyIdChildrenLink, getSubjectKeyIdSiblingsLink: this.getSubjectKeyIdSiblingsLink }),
-                this.download && (h(Miscellaneous, { certificate: this.certificateDecoded })))));
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The certificate value for decode and show details. Use PEM or DER."
+      },
+      "attribute": "certificate",
+      "reflect": false
+    },
+    "download": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "If `true` - component will show split-button to download certificate as PEM or DER."
+      },
+      "attribute": "download",
+      "reflect": false
+    },
+    "authKeyIdParentLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "example",
+            "text": " https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}"
+          }],
+        "text": "Authority Key Identifier extension parent link.\n<br />\n**NOTE**: `{{authKeyId}}` will be replaced to value from the extension."
+      },
+      "attribute": "auth-key-id-parent-link",
+      "reflect": true
+    },
+    "authKeyIdSiblingsLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "example",
+            "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}"
+          }],
+        "text": "Authority Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{authKeyId}}` will be replaced to value from the extension."
+      },
+      "attribute": "auth-key-id-siblings-link",
+      "reflect": true
+    },
+    "subjectKeyIdChildrenLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "example",
+            "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}"
+          }],
+        "text": "Subject Key Identifier extension children link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
+      },
+      "attribute": "subject-key-id-children-link",
+      "reflect": true
+    },
+    "subjectKeyIdSiblingsLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "example",
+            "text": " https://some.com/{{subjectKeyId}}"
+          }],
+        "text": "Subject Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
+      },
+      "attribute": "subject-key-id-siblings-link",
+      "reflect": true
     }
-    static get is() { return "peculiar-attribute-certificate-viewer"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() { return {
-        "$": ["../certificate-viewer/certificate-viewer.scss"]
-    }; }
-    static get styleUrls() { return {
-        "$": ["../certificate-viewer/certificate-viewer.css"]
-    }; }
-    static get properties() { return {
-        "certificate": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "AttributeCertificateProp",
-                "resolved": "X509AttributeCertificate | string",
-                "references": {
-                    "AttributeCertificateProp": {
-                        "location": "local"
-                    }
-                }
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": "The certificate value for decode and show details. Use PEM or DER."
-            },
-            "attribute": "certificate",
-            "reflect": false
-        },
-        "download": {
-            "type": "boolean",
-            "mutable": false,
-            "complexType": {
-                "original": "boolean",
-                "resolved": "boolean",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [],
-                "text": "If `true` - component will show split-button to download certificate as PEM or DER."
-            },
-            "attribute": "download",
-            "reflect": false
-        },
-        "authKeyIdParentLink": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [{
-                        "text": " https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}",
-                        "name": "example"
-                    }],
-                "text": "Authority Key Identifier extension parent link.\n<br />\n**NOTE**: `{{authKeyId}}` will be replaced to value from the extension."
-            },
-            "attribute": "auth-key-id-parent-link",
-            "reflect": true
-        },
-        "authKeyIdSiblingsLink": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [{
-                        "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}",
-                        "name": "example"
-                    }],
-                "text": "Authority Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{authKeyId}}` will be replaced to value from the extension."
-            },
-            "attribute": "auth-key-id-siblings-link",
-            "reflect": true
-        },
-        "subjectKeyIdChildrenLink": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [{
-                        "text": " https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}",
-                        "name": "example"
-                    }],
-                "text": "Subject Key Identifier extension children link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
-            },
-            "attribute": "subject-key-id-children-link",
-            "reflect": true
-        },
-        "subjectKeyIdSiblingsLink": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [{
-                        "text": " https://some.com/{{subjectKeyId}}",
-                        "name": "example"
-                    }],
-                "text": "Subject Key Identifier extension siblings link.\n<br />\n**NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension."
-            },
-            "attribute": "subject-key-id-siblings-link",
-            "reflect": true
-        }
-    }; }
-    static get states() { return {
-        "isDecodeInProcess": {}
-    }; }
-    static get watchers() { return [{
-            "propName": "certificate",
-            "methodName": "watchCertificateAndDecode"
-        }]; }
+  }; }
+  static get states() { return {
+    "isDecodeInProcess": {}
+  }; }
+  static get watchers() { return [{
+      "propName": "certificate",
+      "methodName": "watchCertificateAndDecode"
+    }]; }
 }

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

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -12,28 +15,28 @@ import { getStringByOID } from '../certificate-viewer/get_string_by_oid';
 import { GeneralNamePart } from '../certificate-viewer/extensions/general_name_part';
 import { l10n } from '../../utils';
 export const Holder = (props) => {
-    const { holder } = props;
-    if (!holder) {
-        return null;
-    }
-    const { baseCertificateID, objectDigestInfo } = holder;
-    return [
-        h(RowTitle, { value: l10n.getString('holder') }),
-        baseCertificateID && ([
-            baseCertificateID.issuer.map((item) => (h(GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
-            h("tr", null,
-                h("td", null),
-                h("td", null)),
-            h(RowValue, { name: l10n.getString('serialNumber'), value: Convert.ToHex(baseCertificateID.serial), monospace: true }),
-            h("tr", null,
-                h("td", null),
-                h("td", null)),
-        ]),
-        objectDigestInfo && ([
-            h(RowValue, { name: l10n.getString('digestInfo'), value: "" }),
-            h(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
-            h(RowValue, { name: l10n.getString('value'), value: Convert.ToHex(objectDigestInfo.objectDigest), monospace: true }),
-            h(RowValue, { name: l10n.getString('type'), value: objectDigestInfo.digestedObjectType }),
-        ]),
-    ];
+  const { holder } = props;
+  if (!holder) {
+    return null;
+  }
+  const { baseCertificateID, objectDigestInfo } = holder;
+  return [
+    h(RowTitle, { value: l10n.getString('holder') }),
+    baseCertificateID && ([
+      baseCertificateID.issuer.map((item) => (h(GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+      h("tr", null,
+        h("td", null),
+        h("td", null)),
+      h(RowValue, { name: l10n.getString('serialNumber'), value: Convert.ToHex(baseCertificateID.serial), monospace: true }),
+      h("tr", null,
+        h("td", null),
+        h("td", null)),
+    ]),
+    objectDigestInfo && ([
+      h(RowValue, { name: l10n.getString('digestInfo'), value: "" }),
+      h(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(objectDigestInfo.digestAlgorithm.algorithm) }),
+      h(RowValue, { name: l10n.getString('value'), value: Convert.ToHex(objectDigestInfo.objectDigest), monospace: true }),
+      h(RowValue, { name: l10n.getString('type'), value: objectDigestInfo.digestedObjectType }),
+    ]),
+  ];
 };

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

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -10,12 +13,12 @@ import { RowTitle } from '../certificate-viewer/row';
 import { GeneralNamePart } from '../certificate-viewer/extensions/general_name_part';
 import { l10n } from '../../utils';
 export const Issuer = (props) => {
-    const { issuer } = props;
-    if (!issuer) {
-        return null;
-    }
-    return [
-        h(RowTitle, { value: l10n.getString('issuer') }),
-        issuer.map((item) => (h(GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
-    ];
+  const { issuer } = props;
+  if (!issuer) {
+    return null;
+  }
+  return [
+    h(RowTitle, { value: l10n.getString('issuer') }),
+    issuer.map((item) => (h(GeneralNamePart, { generalName: item, getDNSNameLink: () => '', getIPAddressLink: () => '' }))),
+  ];
 };

package/dist/collection/components/button/button.css

@@ -17,9 +17,7 @@
   -webkit-user-drag: none;
   -ms-content-zooming: none;
   word-wrap: break-word;
-  -webkit-text-size-adjust: none;
-     -moz-text-size-adjust: none;
-          text-size-adjust: none;
+  text-size-adjust: none;
   --pv-button-padding-end: 5px;
   --pv-button-padding-start: 5px;
 }
@@ -39,10 +37,7 @@
   border-width: 1px;
   font-weight: 400;
   text-decoration: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+  user-select: none;
   white-space: nowrap;
   vertical-align: middle;
   cursor: inherit;