@peculiar/certificates-viewer 3.10.1 → 4.0.1

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

@@ -8,25 +8,24 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, Host, h, State, Prop, Event, } from '@stencil/core';
-import { validator, readAsBinaryString } from '../../utils';
-import { X509Certificate, X509AttributeCertificate, CSR, CRL, } from '../../crypto';
+import { Host, h, } from "@stencil/core";
+import { validator, readAsBinaryString } from "../../utils";
+import { X509Certificate, X509AttributeCertificate, CSR, CRL, } from "../../crypto";
+import { Button } from "../button";
+import { Typography } from "../typography";
 export class CertificateDecoder {
   constructor() {
-    this.onClickDecode = () => {
+    this.handleClickDecode = () => {
       const { value } = this.inputPaste;
       if (value) {
         this.decode(value);
       }
     };
-    this.onClickExample = () => {
-      this.decode(this.certificateExample);
-    };
-    this.onClickClear = () => {
+    this.handleClickClear = () => {
       this.clearValue();
     };
-    this.onChangeInputFile = async (e) => {
-      const element = e.target;
+    this.handleChangeInputFile = async (event) => {
+      const element = event.target;
       if (element.files) {
         const file = await readAsBinaryString(element.files[0]);
         if (typeof file.value === 'string') {
@@ -35,10 +34,18 @@ export class CertificateDecoder {
         element.value = '';
       }
     };
-    this.onDropFile = async (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      const element = e.dataTransfer;
+    this.handleChangeExample = (event) => {
+      if (event.target.value) {
+        this.decode(event.target.value);
+      }
+      else {
+        this.clearValue();
+      }
+    };
+    this.handleDropFile = async (event) => {
+      event.stopPropagation();
+      event.preventDefault();
+      const element = event.dataTransfer;
       if (element.files) {
         const file = await readAsBinaryString(element.files[0]);
         if (typeof file.value === 'string') {
@@ -46,6 +53,9 @@ export class CertificateDecoder {
         }
       }
     };
+    this.certificateExamples = undefined;
+    this.defaultCertificate = undefined;
+    this.certificateDecoded = undefined;
   }
   componentDidLoad() {
     if (this.defaultCertificate) {
@@ -137,96 +147,94 @@ export class CertificateDecoder {
     }
   }
   render() {
-    return (h(Host, null,
-      h("textarea", { placeholder: "Certificate DER or PEM", class: "textarea", ref: (el) => { this.inputPaste = el; }, onDrop: this.onDropFile }),
-      h("div", { class: "controls" },
-        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,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 CRL && (h("peculiar-crl-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
+    var _a;
+    return (h(Host, null, h("textarea", { placeholder: "Certificate DER or PEM", class: "textarea t-b2 c-black", ref: (el) => { this.inputPaste = el; }, onDrop: this.handleDropFile }), h("div", { class: "controls" }, h("div", { class: "control_row" }, h(Typography, { variant: "b3", color: "secondary-tint-2" }, "Drag or load file:"), h("input", { type: "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.handleChangeInputFile, value: "" })), ((_a = this.certificateExamples) === null || _a === void 0 ? void 0 : _a.length) && (h("div", { class: "control_row" }, h(Typography, { variant: "b3", color: "secondary-tint-2" }, "Load examples:"), h("select", { onChange: this.handleChangeExample }, h("option", { value: "" }, "None"), this.certificateExamples.map((example) => (h("option", { value: example.value }, example.title)))))), h("div", { class: "control_row" }, h(Button, { onClick: this.handleClickDecode }, "Decode"), h(Button, { onClick: this.handleClickClear }, "Clear"))), 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 CRL && (h("peculiar-crl-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
   }
   static get is() { return "peculiar-certificate-decoder"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["certificate-decoder.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["certificate-decoder.css"]
-  }; }
-  static get properties() { return {
-    "certificateExample": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The example certificate value for decode and show details. Use PEM or DER."
-      },
-      "attribute": "certificate-example",
-      "reflect": false
-    },
-    "defaultCertificate": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The default certificate value for decode and show details. Use PEM or DER."
-      },
-      "attribute": "default-certificate",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "certificateDecoded": {}
-  }; }
-  static get events() { return [{
-      "method": "successParse",
-      "name": "successParse",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the certificate has been successfully parsed."
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      }
-    }, {
-      "method": "clearCertificate",
-      "name": "clearCertificate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the certificate has been removed."
+  static get originalStyleUrls() {
+    return {
+      "$": ["certificate-decoder.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["certificate-decoder.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "certificateExamples": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{\n    title: string;\n    value: string;\n  }[]",
+          "resolved": "{ title: string; value: string; }[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The example certificate value for decode and show details. Use PEM or DER."
+        }
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "defaultCertificate": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The default certificate value for decode and show details. Use PEM or DER."
+        },
+        "attribute": "default-certificate",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "certificateDecoded": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "successParse",
+        "name": "successParse",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the certificate has been successfully parsed."
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "clearCertificate",
+        "name": "clearCertificate",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the certificate has been removed."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
 }
+//# sourceMappingURL=certificate-decoder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"certificate-decoder.js","sourceRoot":"","sources":["../../../src/components/certificate-decoder/certificate-decoder.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  State,\n  Prop,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\n\nimport { validator, readAsBinaryString } from '../../utils';\nimport {\n  X509Certificate,\n  X509AttributeCertificate,\n  CSR,\n  CRL,\n} from '../../crypto';\nimport { Button } from '../button';\nimport { Typography } from '../typography';\n\n@Component({\n  tag: 'peculiar-certificate-decoder',\n  styleUrl: 'certificate-decoder.scss',\n  shadow: true,\n})\nexport class CertificateDecoder {\n  private inputPaste?: HTMLTextAreaElement;\n\n  /**\n   * The example certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() certificateExamples?: {\n    title: string;\n    value: string;\n  }[];\n\n  /**\n   * The default certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() defaultCertificate?: string;\n\n  @State() certificateDecoded: X509Certificate | X509AttributeCertificate | CSR | CRL;\n\n  /**\n   * Emitted when the certificate has been successfully parsed.\n   */\n  @Event() successParse!: EventEmitter<string>;\n\n  /**\n   * Emitted when the certificate has been removed.\n   */\n  @Event() clearCertificate!: EventEmitter<void>;\n\n  componentDidLoad() {\n    if (this.defaultCertificate) {\n      /**\n       * Prevent Stencil warning about re-render\n       */\n      setTimeout(() => this.decode(this.defaultCertificate), 100);\n    }\n  }\n\n  private handleClickDecode = () => {\n    const { value } = this.inputPaste;\n\n    if (value) {\n      this.decode(value);\n    }\n  };\n\n  private handleClickClear = () => {\n    this.clearValue();\n  };\n\n  private handleChangeInputFile = async (event: any) => {\n    const element = event.target;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n\n      element.value = '';\n    }\n  };\n\n  private handleChangeExample = (event: any) => {\n    if (event.target.value) {\n      this.decode(event.target.value);\n    } else {\n      this.clearValue();\n    }\n  };\n\n  private handleDropFile = async (event: any) => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const element = event.dataTransfer;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n    }\n  };\n\n  clearValue() {\n    this.inputPaste.value = '';\n    this.certificateDecoded = null;\n    this.clearCertificate.emit();\n  }\n\n  setValue(value: X509Certificate | X509AttributeCertificate | CSR | CRL) {\n    this.certificateDecoded = value;\n    this.inputPaste.value = value.exportAsPemFormatted();\n    this.successParse.emit(value.exportAsBase64());\n  }\n\n  decode(certificate: string) {\n    const isPem = validator.isPem(certificate);\n    const isX509Pem = validator.isX509Pem(certificate);\n    const isPkcs10Pem = validator.isPkcs10Pem(certificate);\n    const isX509AttributePem = validator.isX509AttributePem(certificate);\n    const isX509CRLPem = validator.isX509CRLPem(certificate);\n    let decoded: X509Certificate | X509AttributeCertificate | CSR | CRL;\n    let decodeError: Error;\n\n    if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem || isX509CRLPem)) {\n      this.clearValue();\n\n      alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');\n\n      return;\n    }\n\n    try {\n      if (isX509Pem) {\n        decoded = new X509Certificate(certificate);\n      }\n\n      if (isX509AttributePem) {\n        decoded = new X509AttributeCertificate(certificate);\n      }\n\n      if (isPkcs10Pem) {\n        decoded = new CSR(certificate);\n      }\n\n      if (isX509CRLPem) {\n        decoded = new CRL(certificate);\n      }\n    } catch (error) {\n      decodeError = error;\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new X509Certificate(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new X509AttributeCertificate(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new CSR(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new CRL(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      this.clearValue();\n\n      console.log(decodeError);\n      alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');\n    } else {\n      this.setValue(decoded);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <textarea\n          placeholder=\"Certificate DER or PEM\"\n          class=\"textarea t-b2 c-black\"\n          ref={(el) => { this.inputPaste = el; }}\n          onDrop={this.handleDropFile}\n        />\n        <div class=\"controls\">\n          <div class=\"control_row\">\n            <Typography\n              variant=\"b3\"\n              color=\"secondary-tint-2\"\n            >\n              Drag or load file:\n            </Typography>\n            <input\n              type=\"file\"\n              accept=\"application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl\"\n              onChange={this.handleChangeInputFile}\n              value=\"\"\n            />\n          </div>\n          {this.certificateExamples?.length && (\n            <div class=\"control_row\">\n              <Typography\n                variant=\"b3\"\n                color=\"secondary-tint-2\"\n              >\n                Load examples:\n              </Typography>\n              <select onChange={this.handleChangeExample}>\n                <option value=\"\">None</option>\n                {this.certificateExamples.map((example) => (\n                  <option value={example.value}>\n                    {example.title}\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n          <div class=\"control_row\">\n            <Button\n              onClick={this.handleClickDecode}\n            >\n              Decode\n            </Button>\n            <Button\n              onClick={this.handleClickClear}\n            >\n              Clear\n            </Button>\n          </div>\n        </div>\n        {this.certificateDecoded instanceof X509Certificate && (\n          <peculiar-certificate-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof X509AttributeCertificate && (\n          <peculiar-attribute-certificate-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof CSR && (\n          <peculiar-csr-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof CRL && (\n          <peculiar-crl-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/certificate-details-parts/attributes/activity_description_attribute.js

@@ -8,17 +8,12 @@
  * 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 { GeneralNamePart } from '../extensions/general_name_part';
-import { RowValue } from '../row';
-import { BasicAttribute } from './basic_attribute';
+import { h } from "@stencil/core";
+import { GeneralNamePart } from "../extensions/general_name_part";
+import { RowValue } from "../row";
+import { BasicAttribute } from "./basic_attribute";
 export const ActivityDescriptionAttribute = (props) => {
   const { attribute } = props;
-  return (h(BasicAttribute, { attribute: attribute },
-    h(RowValue, { name: "Code Authority", value: "" }),
-    h(GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    h(RowValue, { name: "Code Id", value: "" }),
-    h(GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-    h(RowValue, { name: "Short Name", value: attribute.value.shortName }),
-    h(RowValue, { name: "Short Description", value: attribute.value.shortDescription })));
+  return (h(BasicAttribute, { attribute: attribute }, h(RowValue, { name: "Code Authority", value: "" }), h(GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }), h(RowValue, { name: "Code Id", value: "" }), h(GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' }), h(RowValue, { name: "Short Name", value: attribute.value.shortName }), h(RowValue, { name: "Short Description", value: attribute.value.shortDescription })));
 };
+//# sourceMappingURL=activity_description_attribute.js.map

package/dist/collection/components/certificate-details-parts/attributes/activity_description_attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity_description_attribute.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/activity_description_attribute.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,CAAC,MAAM,4BAA4B,GACiB,CAAC,KAAK,EAAE,EAAE;EAClE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;EAE5B,OAAO,CACL,EAAC,cAAc,IACb,SAAS,EAAE,SAAS;IAEpB,EAAC,QAAQ,IACP,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,EAAE,GACR;IACF,EAAC,eAAe,IACd,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,aAAa,EAC1C,cAAc,EAAE,GAAG,EAAE,CAAC,EAAE,EACxB,gBAAgB,EAAE,GAAG,EAAE,CAAC,EAAE,GAC1B;IAEF,EAAC,QAAQ,IACP,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,EAAE,GACR;IACF,EAAC,eAAe,IACd,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,EACnC,cAAc,EAAE,GAAG,EAAE,CAAC,EAAE,EACxB,gBAAgB,EAAE,GAAG,EAAE,CAAC,EAAE,GAC1B;IAEF,EAAC,QAAQ,IACP,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,GAChC;IACF,EAAC,QAAQ,IACP,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,gBAAgB,GACvC,CACa,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\nimport type { ActivityDescription } from '@peculiar/asn1-ntqwac';\n\nimport { Attribute } from '../../../crypto/attribute';\nimport { GeneralNamePart } from '../extensions/general_name_part';\nimport { RowValue } from '../row';\nimport { BasicAttribute } from './basic_attribute';\n\ninterface IActivityDescriptionAttributeProps {\n  attribute: Attribute<ActivityDescription>;\n}\n\nexport const ActivityDescriptionAttribute:\nFunctionalComponent<IActivityDescriptionAttributeProps> = (props) => {\n  const { attribute } = props;\n\n  return (\n    <BasicAttribute\n      attribute={attribute}\n    >\n      <RowValue\n        name=\"Code Authority\"\n        value=\"\"\n      />\n      <GeneralNamePart\n        generalName={attribute.value.codeAuthority}\n        getDNSNameLink={() => ''}\n        getIPAddressLink={() => ''}\n      />\n\n      <RowValue\n        name=\"Code Id\"\n        value=\"\"\n      />\n      <GeneralNamePart\n        generalName={attribute.value.codeId}\n        getDNSNameLink={() => ''}\n        getIPAddressLink={() => ''}\n      />\n\n      <RowValue\n        name=\"Short Name\"\n        value={attribute.value.shortName}\n      />\n      <RowValue\n        name=\"Short Description\"\n        value={attribute.value.shortDescription}\n      />\n    </BasicAttribute>\n  );\n};\n"]}

package/dist/collection/components/certificate-details-parts/attributes/as_string_attribute.js

@@ -8,11 +8,11 @@
  * 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 { BasicAttribute } from './basic_attribute';
+import { h } from "@stencil/core";
+import { RowValue } from "../row";
+import { BasicAttribute } from "./basic_attribute";
 export const AsStringAttribute = (props) => {
   const { attribute } = props;
-  return (h(BasicAttribute, { attribute: attribute },
-    h(RowValue, { name: "Value", value: attribute.value, monospace: true })));
+  return (h(BasicAttribute, { attribute: attribute }, h(RowValue, { name: "Value", value: attribute.value, monospace: true })));
 };
+//# sourceMappingURL=as_string_attribute.js.map

package/dist/collection/components/certificate-details-parts/attributes/as_string_attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"as_string_attribute.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/as_string_attribute.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,CAAC,MAAM,iBAAiB,GACiB,CAAC,KAAK,EAAE,EAAE;EACvD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;EAE5B,OAAO,CACL,EAAC,cAAc,IACb,SAAS,EAAE,SAAS;IAEpB,EAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,SAAS,SACT,CACa,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\n\nimport type { Attribute } from '../../../crypto/attribute';\nimport { RowValue } from '../row';\nimport { BasicAttribute } from './basic_attribute';\n\ninterface IAsStringAttributeProps {\n  attribute: Attribute<string>;\n}\n\nexport const AsStringAttribute:\nFunctionalComponent<IAsStringAttributeProps> = (props) => {\n  const { attribute } = props;\n\n  return (\n    <BasicAttribute\n      attribute={attribute}\n    >\n      <RowValue\n        name=\"Value\"\n        value={attribute.value}\n        monospace\n      />\n    </BasicAttribute>\n  );\n};\n"]}

package/dist/collection/components/certificate-details-parts/attributes/basic_attribute.js

@@ -8,16 +8,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { h } from '@stencil/core';
-import { getStringByOID } from '../../../utils';
-import { RowValue } from '../row';
+import { h } from "@stencil/core";
+import { getStringByOID } from "../../../utils";
+import { RowValue } from "../row";
 export const BasicAttribute = (props, children) => {
   const { attribute } = props;
   return ([
     h(RowValue, { name: "Name", value: getStringByOID(attribute.asn.type) }),
     children,
-    h("tr", null,
-      h("td", { colSpan: 2, class: "divider" },
-        h("span", { class: "bg_fill" }))),
+    h("tr", null, h("td", { colSpan: 2, class: "divider" }, h("span", null))),
   ]);
 };
+//# sourceMappingURL=basic_attribute.js.map

package/dist/collection/components/certificate-details-parts/attributes/basic_attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic_attribute.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/basic_attribute.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAMlC,MAAM,CAAC,MAAM,cAAc,GAA8C,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;EAC3F,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;EAE5B,OAAO,CAAC;IACN,EAAC,QAAQ,IACP,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,GACzC;IACF,QAAQ;IACR;MACE,UAAI,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS;QAC7B,eAAQ,CACL,CACF;GACN,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\n\nimport type { Attribute, TAttributeValue } from '../../../crypto/attribute';\nimport { getStringByOID } from '../../../utils';\nimport { RowValue } from '../row';\n\ninterface IBasicAttributeProps {\n  attribute: Attribute<TAttributeValue>;\n}\n\nexport const BasicAttribute: FunctionalComponent<IBasicAttributeProps> = (props, children) => {\n  const { attribute } = props;\n\n  return ([\n    <RowValue\n      name=\"Name\"\n      value={getStringByOID(attribute.asn.type)}\n    />,\n    children,\n    <tr>\n      <td colSpan={2} class=\"divider\">\n        <span />\n      </td>\n    </tr>,\n  ]);\n};\n"]}

package/dist/collection/components/certificate-details-parts/attributes/challenge_password_attribute.js

@@ -8,11 +8,11 @@
  * 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 { BasicAttribute } from './basic_attribute';
+import { h } from "@stencil/core";
+import { RowValue } from "../row";
+import { BasicAttribute } from "./basic_attribute";
 export const ChallengePasswordAttribute = (props) => {
   const { attribute } = props;
-  return (h(BasicAttribute, { attribute: attribute },
-    h(RowValue, { name: "Value", value: attribute.value.toString() })));
+  return (h(BasicAttribute, { attribute: attribute }, h(RowValue, { name: "Value", value: attribute.value.toString() })));
 };
+//# sourceMappingURL=challenge_password_attribute.js.map

package/dist/collection/components/certificate-details-parts/attributes/challenge_password_attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"challenge_password_attribute.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/challenge_password_attribute.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAIvD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,CAAC,MAAM,0BAA0B,GACiB,CAAC,KAAK,EAAE,EAAE;EAChE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;EAE5B,OAAO,CACL,EAAC,cAAc,IACb,SAAS,EAAE,SAAS;IAEpB,EAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,EAAE,GACjC,CACa,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\nimport type { ChallengePassword } from '@peculiar/asn1-pkcs9';\n\nimport type { Attribute } from '../../../crypto/attribute';\nimport { RowValue } from '../row';\nimport { BasicAttribute } from './basic_attribute';\n\ninterface IChallengePasswordAttributeProps {\n  attribute: Attribute<ChallengePassword>;\n}\n\nexport const ChallengePasswordAttribute:\nFunctionalComponent<IChallengePasswordAttributeProps> = (props) => {\n  const { attribute } = props;\n\n  return (\n    <BasicAttribute\n      attribute={attribute}\n    >\n      <RowValue\n        name=\"Value\"\n        value={attribute.value.toString()}\n      />\n    </BasicAttribute>\n  );\n};\n"]}

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

@@ -8,21 +8,21 @@
  * 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 { Name } from '@peculiar/asn1-x509';
-import { TypeRelationship, ActivityDescription, WebGDPR, InsuranceValue, ValuationRanking, } from '@peculiar/asn1-ntqwac';
-import { UnstructuredName, ChallengePassword, } from '@peculiar/asn1-pkcs9';
-import { RowTitle } from '../row';
-import { NameAttribute } from './name_attribute';
-import { ActivityDescriptionAttribute } from './activity_description_attribute';
-import { WebGdprAttribute } from './web_gdpr_attribute';
-import { InsuranceValueAttribute } from './insurance_value_attribute';
-import { TypeRelationshipAttribute } from './type_relationship_attribute';
-import { ValuationRankingAttribute } from './valuation_ranking_attribute';
-import { BasicAttribute } from './basic_attribute';
-import { AsStringAttribute } from './as_string_attribute';
-import { UnstructuredNameAttribute } from './unstructured_name_attribute';
-import { ChallengePasswordAttribute } from './challenge_password_attribute';
+import { h } from "@stencil/core";
+import { Name } from "@peculiar/asn1-x509";
+import { TypeRelationship, ActivityDescription, WebGDPR, InsuranceValue, ValuationRanking, } from "@peculiar/asn1-ntqwac";
+import { UnstructuredName, ChallengePassword, } from "@peculiar/asn1-pkcs9";
+import { RowTitle } from "../row";
+import { NameAttribute } from "./name_attribute";
+import { ActivityDescriptionAttribute } from "./activity_description_attribute";
+import { WebGdprAttribute } from "./web_gdpr_attribute";
+import { InsuranceValueAttribute } from "./insurance_value_attribute";
+import { TypeRelationshipAttribute } from "./type_relationship_attribute";
+import { ValuationRankingAttribute } from "./valuation_ranking_attribute";
+import { BasicAttribute } from "./basic_attribute";
+import { AsStringAttribute } from "./as_string_attribute";
+import { UnstructuredNameAttribute } from "./unstructured_name_attribute";
+import { ChallengePasswordAttribute } from "./challenge_password_attribute";
 export const Attributes = (props) => {
   const { attributes } = props;
   if (!attributes || !attributes.length) {
@@ -68,3 +68,4 @@ export const Attributes = (props) => {
     }),
   ]);
 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E,MAAM,CAAC,MAAM,UAAU,GAA0C,CAAC,KAAK,EAAE,EAAE;EACzE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;EAE7B,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;IACrC,OAAO,IAAI,CAAC;GACb;EAED,OAAO,CAAC;IACN,EAAC,QAAQ,IACP,KAAK,EAAC,YAAY,GAClB;IACF,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;MAC3B,IAAI;QACF,IAAI,SAAS,CAAC,KAAK,YAAY,IAAI,EAAE;UACnC,OAAO,CACL,EAAC,aAAa,IACZ,SAAS,EAAE,SAAgB,GAC3B,CACH,CAAC;SACH;QAED,IAAI,SAAS,CAAC,KAAK,YAAY,mBAAmB,EAAE;UAClD,OAAO,CACL,EAAC,4BAA4B,IAC3B,SAAS,EAAE,SAAgB,GAC3B,CACH,CAAC;SACH;QAED,IAAI,SAAS,CAAC,KAAK,YAAY,OAAO,EAAE;UACtC,OAAO,CACL,EAAC,gBAAgB,IACf,SAAS,EAAE,SAAgB,GAC3B,CACH,CAAC;SACH;QAED,IAAI,SAAS,CAAC,KAAK,YAAY,cAAc,EAAE;UAC7C,OAAO,CACL,EAAC,uBAAuB,IACtB,SAAS,EAAE,SAAgB,GAC3B,CACH,CAAC;SACH;QAED,IAAI,SAAS,CAAC,KAAK,YAAY,gBAAgB,EAAE;UAC/C,OAAO,CACL,EAAC,yBAAyB,IACxB,SAAS,EAAE,SAAgB,GAC3B,CACH,CAAC;SACH;QAED,IAAI,SAAS,CAAC,KAAK,YAAY,gBAAgB,EAAE;UAC/C,OAAO,CACL,EAAC,yBAAyB,IACxB,SAAS,EAAE,SAAgB,GAC3B,CACH,CAAC;SACH;QAED,IAAI,SAAS,CAAC,KAAK,YAAY,gBAAgB,EAAE;UAC/C,OAAO,CACL,EAAC,yBAAyB,IACxB,SAAS,EAAE,SAAgB,GAC3B,CACH,CAAC;SACH;QAED,IAAI,SAAS,CAAC,KAAK,YAAY,iBAAiB,EAAE;UAChD,OAAO,CACL,EAAC,0BAA0B,IACzB,SAAS,EAAE,SAAgB,GAC3B,CACH,CAAC;SACH;QAED,IAAI,OAAO,SAAS,CAAC,KAAK,KAAK,QAAQ,EAAE;UACvC,OAAO,CACL,EAAC,iBAAiB,IAChB,SAAS,EAAE,SAAgB,GAC3B,CACH,CAAC;SACH;QAED,OAAO,CACL,EAAC,cAAc,IACb,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;OACH;MAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAE7D,OAAO,IAAI,CAAC;OACb;IACH,CAAC,CAAC;GACH,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\nimport { Name } from '@peculiar/asn1-x509';\nimport {\n  TypeRelationship,\n  ActivityDescription,\n  WebGDPR,\n  InsuranceValue,\n  ValuationRanking,\n} from '@peculiar/asn1-ntqwac';\nimport {\n  UnstructuredName,\n  ChallengePassword,\n} from '@peculiar/asn1-pkcs9';\n\nimport type { Attribute, TAttributeValue } from '../../../crypto/attribute';\nimport { RowTitle } from '../row';\nimport { NameAttribute } from './name_attribute';\nimport { ActivityDescriptionAttribute } from './activity_description_attribute';\nimport { WebGdprAttribute } from './web_gdpr_attribute';\nimport { InsuranceValueAttribute } from './insurance_value_attribute';\nimport { TypeRelationshipAttribute } from './type_relationship_attribute';\nimport { ValuationRankingAttribute } from './valuation_ranking_attribute';\nimport { BasicAttribute } from './basic_attribute';\nimport { AsStringAttribute } from './as_string_attribute';\nimport { UnstructuredNameAttribute } from './unstructured_name_attribute';\nimport { ChallengePasswordAttribute } from './challenge_password_attribute';\n\ninterface IAttributesPtops extends\n  IGeneralNameOptions,\n  ILeiOptions,\n  IAuthorityKeyIdentifierOptions,\n  ISubjectKeyIdentifierOptions {\n  attributes: Attribute<TAttributeValue>[];\n}\n\nexport const Attributes: FunctionalComponent<IAttributesPtops> = (props) => {\n  const { attributes } = props;\n\n  if (!attributes || !attributes.length) {\n    return null;\n  }\n\n  return ([\n    <RowTitle\n      value=\"Attributes\"\n    />,\n    attributes.map((attribute) => {\n      try {\n        if (attribute.value instanceof Name) {\n          return (\n            <NameAttribute\n              attribute={attribute as any}\n            />\n          );\n        }\n\n        if (attribute.value instanceof ActivityDescription) {\n          return (\n            <ActivityDescriptionAttribute\n              attribute={attribute as any}\n            />\n          );\n        }\n\n        if (attribute.value instanceof WebGDPR) {\n          return (\n            <WebGdprAttribute\n              attribute={attribute as any}\n            />\n          );\n        }\n\n        if (attribute.value instanceof InsuranceValue) {\n          return (\n            <InsuranceValueAttribute\n              attribute={attribute as any}\n            />\n          );\n        }\n\n        if (attribute.value instanceof TypeRelationship) {\n          return (\n            <TypeRelationshipAttribute\n              attribute={attribute as any}\n            />\n          );\n        }\n\n        if (attribute.value instanceof ValuationRanking) {\n          return (\n            <ValuationRankingAttribute\n              attribute={attribute as any}\n            />\n          );\n        }\n\n        if (attribute.value instanceof UnstructuredName) {\n          return (\n            <UnstructuredNameAttribute\n              attribute={attribute as any}\n            />\n          );\n        }\n\n        if (attribute.value instanceof ChallengePassword) {\n          return (\n            <ChallengePasswordAttribute\n              attribute={attribute as any}\n            />\n          );\n        }\n\n        if (typeof attribute.value === 'string') {\n          return (\n            <AsStringAttribute\n              attribute={attribute as any}\n            />\n          );\n        }\n\n        return (\n          <BasicAttribute\n            attribute={attribute}\n          />\n        );\n      } catch (error) {\n        console.error('Error render attribute:', attribute.asn.type);\n\n        return null;\n      }\n    }),\n  ]);\n};\n"]}

package/dist/collection/components/certificate-details-parts/attributes/insurance_value_attribute.js

@@ -8,12 +8,12 @@
  * 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 { BasicAttribute } from './basic_attribute';
+import { h } from "@stencil/core";
+import { RowValue } from "../row";
+import { BasicAttribute } from "./basic_attribute";
 export const InsuranceValueAttribute = (props) => {
   const { attribute } = props;
   const value = `${attribute.value.base} * 10^${attribute.value.degree} ${attribute.value.location}`;
-  return (h(BasicAttribute, { attribute: attribute },
-    h(RowValue, { name: "Value", value: value })));
+  return (h(BasicAttribute, { attribute: attribute }, h(RowValue, { name: "Value", value: value })));
 };
+//# sourceMappingURL=insurance_value_attribute.js.map

package/dist/collection/components/certificate-details-parts/attributes/insurance_value_attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insurance_value_attribute.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/insurance_value_attribute.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAIvD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,CAAC,MAAM,uBAAuB,GACiB,CAAC,KAAK,EAAE,EAAE;EAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;EAC5B,MAAM,KAAK,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,SAAS,SAAS,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;EAEnG,OAAO,CACL,EAAC,cAAc,IACb,SAAS,EAAE,SAAS;IAEpB,EAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,GACZ,CACa,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\nimport type { InsuranceValue } from '@peculiar/asn1-ntqwac';\n\nimport type { Attribute } from '../../../crypto/attribute';\nimport { RowValue } from '../row';\nimport { BasicAttribute } from './basic_attribute';\n\ninterface IInsuranceValueAttributeProps {\n  attribute: Attribute<InsuranceValue>;\n}\n\nexport const InsuranceValueAttribute:\nFunctionalComponent<IInsuranceValueAttributeProps> = (props) => {\n  const { attribute } = props;\n  const value = `${attribute.value.base} * 10^${attribute.value.degree} ${attribute.value.location}`;\n\n  return (\n    <BasicAttribute\n      attribute={attribute}\n    >\n      <RowValue\n        name=\"Value\"\n        value={value}\n      />\n    </BasicAttribute>\n  );\n};\n"]}

package/dist/collection/components/certificate-details-parts/attributes/name_attribute.js

@@ -8,11 +8,11 @@
  * 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 { BasicAttribute } from './basic_attribute';
-import { NamePart } from './name_part';
+import { h } from "@stencil/core";
+import { BasicAttribute } from "./basic_attribute";
+import { NamePart } from "./name_part";
 export const NameAttribute = (props) => {
   const { attribute } = props;
-  return (h(BasicAttribute, { attribute: attribute },
-    h(NamePart, { name: attribute.value })));
+  return (h(BasicAttribute, { attribute: attribute }, h(NamePart, { name: attribute.value })));
 };
+//# sourceMappingURL=name_attribute.js.map

package/dist/collection/components/certificate-details-parts/attributes/name_attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"name_attribute.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/name_attribute.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAIvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,MAAM,CAAC,MAAM,aAAa,GACiB,CAAC,KAAK,EAAE,EAAE;EACnD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;EAE5B,OAAO,CACL,EAAC,cAAc,IACb,SAAS,EAAE,SAAS;IAEpB,EAAC,QAAQ,IACP,IAAI,EAAE,SAAS,CAAC,KAAK,GACrB,CACa,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\nimport type { Name } from '@peculiar/asn1-x509';\n\nimport type { Attribute } from '../../../crypto/attribute';\nimport { BasicAttribute } from './basic_attribute';\nimport { NamePart } from './name_part';\n\ninterface INameAttributeProps {\n  attribute: Attribute<Name>;\n}\n\nexport const NameAttribute:\nFunctionalComponent<INameAttributeProps> = (props) => {\n  const { attribute } = props;\n\n  return (\n    <BasicAttribute\n      attribute={attribute}\n    >\n      <NamePart\n        name={attribute.value}\n      />\n    </BasicAttribute>\n  );\n};\n"]}

package/dist/collection/components/certificate-details-parts/attributes/name_part.js

@@ -8,9 +8,9 @@
  * 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 { OIDs } from '../../../constants/oids';
-import { RowValue } from '../row';
+import { h } from "@stencil/core";
+import { OIDs } from "../../../constants/oids";
+import { RowValue } from "../row";
 export const NamePart = (props) => {
   const { name } = props;
   if (!name) {
@@ -18,3 +18,4 @@ export const NamePart = (props) => {
   }
   return name.map((relativeDistinguishedName) => (relativeDistinguishedName.map((attributeTypeAndValue) => (h(RowValue, { name: OIDs[attributeTypeAndValue.type] || attributeTypeAndValue.type, value: attributeTypeAndValue.value.toString() })))));
 };
+//# sourceMappingURL=name_part.js.map

package/dist/collection/components/certificate-details-parts/attributes/name_part.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"name_part.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/name_part.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAGvD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAMlC,MAAM,CAAC,MAAM,QAAQ,GAAwC,CAAC,KAAK,EAAS,EAAE;EAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;EAEvB,IAAI,CAAC,IAAI,EAAE;IACT,OAAO,IAAI,CAAC;GACb;EAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAC7C,yBAAyB,CAAC,GAAG,CAAC,CAAC,qBAAqB,EAAE,EAAE,CAAC,CACvD,EAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,qBAAqB,CAAC,IAAI,EACpE,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,QAAQ,EAAE,GAC7C,CACH,CAAC,CACH,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\nimport type { Name } from '@peculiar/asn1-x509';\n\nimport { OIDs } from '../../../constants/oids';\nimport { RowValue } from '../row';\n\ninterface INamePartProps {\n  name: Name;\n}\n\nexport const NamePart: FunctionalComponent<INamePartProps> = (props): any[] => {\n  const { name } = props;\n\n  if (!name) {\n    return null;\n  }\n\n  return name.map((relativeDistinguishedName) => (\n    relativeDistinguishedName.map((attributeTypeAndValue) => (\n      <RowValue\n        name={OIDs[attributeTypeAndValue.type] || attributeTypeAndValue.type}\n        value={attributeTypeAndValue.value.toString()}\n      />\n    ))\n  ));\n};\n"]}

package/dist/collection/components/certificate-details-parts/attributes/type_relationship_attribute.js

@@ -8,11 +8,12 @@
  * 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 { l10n } from '../../../utils';
-import { RowValue } from '../row';
-import { BasicAttribute } from './basic_attribute';
+import { h } from "@stencil/core";
+import { l10n } from "../../../utils";
+import { RowValue } from "../row";
+import { BasicAttribute } from "./basic_attribute";
 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() ? l10n.getString('yes') : l10n.getString('no') })))));
 };
+//# sourceMappingURL=type_relationship_attribute.js.map

package/dist/collection/components/certificate-details-parts/attributes/type_relationship_attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type_relationship_attribute.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/type_relationship_attribute.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,CAAC,MAAM,yBAAyB,GACiB,CAAC,KAAK,EAAE,EAAE;EAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;EAE5B,OAAO,CACL,EAAC,cAAc,IACb,SAAS,EAAE,SAAS,IAEnB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC7C,EAAC,QAAQ,IACP,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GACzF,CACH,CAAC,CACa,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\nimport type { TypeRelationship } from '@peculiar/asn1-ntqwac';\n\nimport type { Attribute } from '../../../crypto/attribute';\nimport { l10n } from '../../../utils';\nimport { RowValue } from '../row';\nimport { BasicAttribute } from './basic_attribute';\n\ninterface ITypeRelationshipAttributeProps {\n  attribute: Attribute<TypeRelationship>;\n}\n\nexport const TypeRelationshipAttribute:\nFunctionalComponent<ITypeRelationshipAttributeProps> = (props) => {\n  const { attribute } = props;\n\n  return (\n    <BasicAttribute\n      attribute={attribute}\n    >\n      {Object.keys(attribute.value).map((keyName) => (\n        <RowValue\n          name={keyName}\n          value={attribute.value[keyName].toNumber() ? l10n.getString('yes') : l10n.getString('no')}\n        />\n      ))}\n    </BasicAttribute>\n  );\n};\n"]}

package/dist/collection/components/certificate-details-parts/attributes/unstructured_name_attribute.js

@@ -8,11 +8,11 @@
  * 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 { BasicAttribute } from './basic_attribute';
+import { h } from "@stencil/core";
+import { RowValue } from "../row";
+import { BasicAttribute } from "./basic_attribute";
 export const UnstructuredNameAttribute = (props) => {
   const { attribute } = props;
-  return (h(BasicAttribute, { attribute: attribute },
-    h(RowValue, { name: "Value", value: attribute.value.utf8String })));
+  return (h(BasicAttribute, { attribute: attribute }, h(RowValue, { name: "Value", value: attribute.value.utf8String })));
 };
+//# sourceMappingURL=unstructured_name_attribute.js.map

package/dist/collection/components/certificate-details-parts/attributes/unstructured_name_attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstructured_name_attribute.js","sourceRoot":"","sources":["../../../../src/components/certificate-details-parts/attributes/unstructured_name_attribute.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAIvD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,CAAC,MAAM,yBAAyB,GACiB,CAAC,KAAK,EAAE,EAAE;EAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;EAE5B,OAAO,CACL,EAAC,cAAc,IACb,SAAS,EAAE,SAAS;IAEpB,EAAC,QAAQ,IACP,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,UAAU,GACjC,CACa,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\nimport type { UnstructuredName } from '@peculiar/asn1-pkcs9';\n\nimport type { Attribute } from '../../../crypto/attribute';\nimport { RowValue } from '../row';\nimport { BasicAttribute } from './basic_attribute';\n\ninterface IUnstructuredNameAttributeProps {\n  attribute: Attribute<UnstructuredName>;\n}\n\nexport const UnstructuredNameAttribute:\nFunctionalComponent<IUnstructuredNameAttributeProps> = (props) => {\n  const { attribute } = props;\n\n  return (\n    <BasicAttribute\n      attribute={attribute}\n    >\n      <RowValue\n        name=\"Value\"\n        value={attribute.value.utf8String}\n      />\n    </BasicAttribute>\n  );\n};\n"]}

package/dist/collection/components/certificate-details-parts/attributes/valuation_ranking_attribute.js

@@ -8,9 +8,9 @@
  * 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 { BasicAttribute } from './basic_attribute';
+import { h } from "@stencil/core";
+import { RowValue } from "../row";
+import { BasicAttribute } from "./basic_attribute";
 const getValueRank = (value) => {
   let ratio = 1;
   if (value / 100 > 1) {
@@ -27,6 +27,6 @@ export const ValuationRankingAttribute = (props) => {
     getValueRank(attribute.value[keyName]),
     h("br", null),
   ]));
-  return (h(BasicAttribute, { attribute: attribute },
-    h(RowValue, { name: "Value", value: values })));
+  return (h(BasicAttribute, { attribute: attribute }, h(RowValue, { name: "Value", value: values })));
 };
+//# sourceMappingURL=valuation_ranking_attribute.js.map