@peculiar/certificates-viewer 4.6.1 → 4.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"peculiar-certificate-decoder.entry.cjs.js","sources":["../../node_modules/.pnpm/@peculiar+asn1-cms@2.4.0/node_modules/@peculiar/asn1-cms/build/es2015/object_identifiers.js","src/crypto/x509_certificates.ts","src/components/certificate-decoder/certificate-decoder.scss?tag=peculiar-certificate-decoder&encapsulation=shadow","src/components/certificate-decoder/certificate-decoder.tsx"],"sourcesContent":["export const id_ct_contentInfo = \"1.2.840.113549.1.9.16.1.6\";\nexport const id_data = \"1.2.840.113549.1.7.1\";\nexport const id_signedData = \"1.2.840.113549.1.7.2\";\nexport const id_envelopedData = \"1.2.840.113549.1.7.3\";\nexport const id_digestedData = \"1.2.840.113549.1.7.5\";\nexport const id_encryptedData = \"1.2.840.113549.1.7.6\";\nexport const id_authData = \"1.2.840.113549.1.9.16.1.2\";\n","import { Convert } from 'pvtsutils';\nimport {\n  SignedData,\n  id_data,\n  EncapsulatedContent,\n  CertificateSet,\n  CertificateChoices,\n  ContentInfo,\n  id_signedData,\n} from '@peculiar/asn1-cms';\nimport { Certificate } from '@peculiar/asn1-x509';\nimport { AsnConvert, OctetString } from '@peculiar/asn1-schema';\nimport { Download } from '../utils';\nimport { PemConverter } from './pem_converter';\nimport { X509Certificate } from './x509_certificate';\n\nexport class X509Certificates extends Array<X509Certificate> {\n  constructor(raw: string) {\n    super();\n\n    const rawItems = PemConverter.isPem(raw)\n      ? PemConverter.decode(raw).map((value) => Convert.ToBase64Url(value))\n      : raw.split(',');\n\n    if (rawItems.length < 2) {\n      throw new Error('Unable to parse string. The array of elements is less than 2');\n    }\n\n    for (const item of rawItems) {\n      this.push(new X509Certificate(item));\n    }\n  }\n\n  public get commonName(): string {\n    return Array.from(this)\n      .map((o) => o.commonName)\n      .join('_');\n  }\n\n  public get raw(): ArrayBuffer {\n    const signedData = new SignedData();\n\n    signedData.version = 1;\n    signedData.encapContentInfo.eContentType = id_data;\n    signedData.encapContentInfo.eContent = new EncapsulatedContent({ single: new OctetString() });\n    signedData.certificates = new CertificateSet(\n      Array.from(this)\n        .map((o) => new CertificateChoices({ certificate: AsnConvert.parse(o.raw, Certificate) })),\n    );\n\n    const cms = new ContentInfo({\n      contentType: id_signedData,\n      content: AsnConvert.serialize(signedData),\n    });\n\n    return AsnConvert.serialize(cms);\n  }\n\n  public toString(format: 'pem' | 'base64' | 'base64url' = 'pem'): string {\n    switch (format) {\n      case 'pem':\n        return Array.from(this)\n          .map((o) => o.toString('pem'))\n          .join('\\n');\n      case 'base64url':\n        return Array.from(this)\n          .map((o) => o.toString('base64url'))\n          .join(',');\n      default:\n        return Array.from(this)\n          .map((o) => o.toString('base64'))\n          .join(',');\n    }\n  }\n\n  public downloadAsPEM(name?: string) {\n    Download.cert.asPEM(\n      this.toString('pem'),\n      name || this.commonName,\n    );\n  }\n\n  public downloadAsDER(name?: string) {\n    Download.cert.asDER(\n      this.raw,\n      name || this.commonName,\n    );\n  }\n}\n","@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n}\n\n.textarea {\n  min-height: 300px;\n  width: 100%;\n  border-radius: 4px;\n  border: 1px solid var(--pv-color-gray-5);;\n  padding: 14px;\n  font-family: monospace;\n  resize: vertical;\n}\n\n.controls {\n  margin-top: var(--pv-size-base-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--pv-size-base-2);\n  margin-bottom: var(--pv-size-base-12);\n}\n\n.control_row {\n  display: flex;\n  align-items: center;\n  gap: var(--pv-size-base);\n}\n","/**\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';\nimport { readAsBinaryString } from '../../utils';\nimport {\n  X509Certificate,\n  X509AttributeCertificate,\n  Pkcs10CertificateRequest,\n  X509Crl,\n  X509Certificates,\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() certificateToDecode?: string;\n\n  @State() certificateDecoded: X509Certificates\n    | X509Certificate\n    | X509AttributeCertificate\n    | Pkcs10CertificateRequest\n    | X509Crl;\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.certificateToDecode) {\n      /**\n       * Prevent Stencil warning about re-render\n       */\n      setTimeout(() => this.decode(this.certificateToDecode), 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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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: typeof this.certificateDecoded) {\n    this.certificateDecoded = value;\n    this.inputPaste.value = value.toString('pem');\n    this.successParse.emit(value.toString('base64url'));\n  }\n\n  decode(value: string) {\n    new Promise<X509Certificates>((resolve) => {\n      resolve(new X509Certificates(value));\n    })\n      .catch(() => new X509Certificate(value))\n      .catch(() => new X509AttributeCertificate(value))\n      .catch(() => new Pkcs10CertificateRequest(value))\n      .catch(() => new X509Crl(value))\n      .then((res: typeof this.certificateDecoded) => this.setValue(res))\n      .catch((error) => {\n        console.log(error);\n\n        alert(`Error decoding certificate:\\n\"${value}\"\\n\\nPlease try to use Certificate/AttributeCertificate/CertificateRequest/CRL.`);\n      });\n  }\n\n  renderCertificate() {\n    if (this.certificateDecoded instanceof X509Certificates) {\n      return (\n        <peculiar-certificate-chain-viewer\n          certificates={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof X509Certificate) {\n      return (\n        <peculiar-certificate-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof X509AttributeCertificate) {\n      return (\n        <peculiar-attribute-certificate-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof Pkcs10CertificateRequest) {\n      return (\n        <peculiar-csr-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof X509Crl) {\n      return (\n        <peculiar-crl-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    return null;\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              value=\"\"\n              onChange={this.handleChangeInputFile}\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.renderCertificate()}\n      </Host>\n    );\n  }\n}\n"],"names":["PemConverter","Convert","X509Certificate","SignedData","EncapsulatedContent","OctetString","CertificateSet","CertificateChoices","AsnConvert","Certificate","ContentInfo","Download","readAsBinaryString","X509AttributeCertificate","Pkcs10CertificateRequest","X509Crl","h","Host","Typography","Button"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"peculiar-certificate-decoder.entry.cjs.js","sources":["../../node_modules/.pnpm/@peculiar+asn1-cms@2.4.0/node_modules/@peculiar/asn1-cms/build/es2015/object_identifiers.js","src/crypto/x509_certificates.ts","src/components/certificate-decoder/certificate-decoder.scss?tag=peculiar-certificate-decoder&encapsulation=shadow","src/components/certificate-decoder/certificate-decoder.tsx"],"sourcesContent":["export const id_ct_contentInfo = \"1.2.840.113549.1.9.16.1.6\";\nexport const id_data = \"1.2.840.113549.1.7.1\";\nexport const id_signedData = \"1.2.840.113549.1.7.2\";\nexport const id_envelopedData = \"1.2.840.113549.1.7.3\";\nexport const id_digestedData = \"1.2.840.113549.1.7.5\";\nexport const id_encryptedData = \"1.2.840.113549.1.7.6\";\nexport const id_authData = \"1.2.840.113549.1.9.16.1.2\";\n","import { Convert } from 'pvtsutils';\nimport {\n  SignedData,\n  id_data,\n  EncapsulatedContent,\n  CertificateSet,\n  CertificateChoices,\n  ContentInfo,\n  id_signedData,\n} from '@peculiar/asn1-cms';\nimport { Certificate } from '@peculiar/asn1-x509';\nimport { AsnConvert, OctetString } from '@peculiar/asn1-schema';\nimport { Download } from '../utils';\nimport { PemConverter } from './pem_converter';\nimport { X509Certificate } from './x509_certificate';\n\nexport class X509Certificates extends Array<X509Certificate> {\n  constructor(raw: string) {\n    super();\n\n    const rawItems = PemConverter.isPem(raw)\n      ? PemConverter.decode(raw).map((value) => Convert.ToBase64Url(value))\n      : raw.split(',');\n\n    if (rawItems.length < 2) {\n      throw new Error('Unable to parse string. The array of elements is less than 2');\n    }\n\n    for (const item of rawItems) {\n      this.push(new X509Certificate(item));\n    }\n  }\n\n  public get commonName(): string {\n    return Array.from(this)\n      .map((o) => o.commonName)\n      .join('_');\n  }\n\n  public get raw(): ArrayBuffer {\n    const signedData = new SignedData();\n\n    signedData.version = 1;\n    signedData.encapContentInfo.eContentType = id_data;\n    signedData.encapContentInfo.eContent = new EncapsulatedContent({ single: new OctetString() });\n    signedData.certificates = new CertificateSet(\n      Array.from(this)\n        .map((o) => new CertificateChoices({ certificate: AsnConvert.parse(o.raw, Certificate) })),\n    );\n\n    const cms = new ContentInfo({\n      contentType: id_signedData,\n      content: AsnConvert.serialize(signedData),\n    });\n\n    return AsnConvert.serialize(cms);\n  }\n\n  public toString(format: 'pem' | 'base64' | 'base64url' = 'pem'): string {\n    switch (format) {\n      case 'pem':\n        return Array.from(this)\n          .map((o) => o.toString('pem'))\n          .join('\\n');\n      case 'base64url':\n        return Array.from(this)\n          .map((o) => o.toString('base64url'))\n          .join(',');\n      default:\n        return Array.from(this)\n          .map((o) => o.toString('base64'))\n          .join(',');\n    }\n  }\n\n  public downloadAsPEM(name?: string) {\n    Download.cert.asPEM(\n      this.toString('pem'),\n      name || this.commonName,\n    );\n  }\n\n  public downloadAsDER(name?: string) {\n    Download.cert.asDER(\n      this.raw,\n      name || this.commonName,\n    );\n  }\n}\n","@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n}\n\n.textarea {\n  min-height: 300px;\n  width: 100%;\n  border-radius: 4px;\n  border: 1px solid var(--pv-color-gray-5);;\n  padding: 14px;\n  font-family: monospace;\n  resize: vertical;\n}\n\n.controls {\n  margin-top: var(--pv-size-base-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--pv-size-base-2);\n  margin-bottom: var(--pv-size-base-12);\n}\n\n.control_row {\n  display: flex;\n  align-items: center;\n  gap: var(--pv-size-base);\n}\n","/**\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';\nimport { readAsBinaryString } from '../../utils';\nimport {\n  X509Certificate,\n  X509AttributeCertificate,\n  Pkcs10CertificateRequest,\n  X509Crl,\n  X509Certificates,\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() certificateToDecode?: string;\n\n  @State() certificateDecoded: X509Certificates\n    | X509Certificate\n    | X509AttributeCertificate\n    | Pkcs10CertificateRequest\n    | X509Crl;\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.certificateToDecode) {\n      /**\n       * Prevent Stencil warning about re-render\n       */\n      setTimeout(() => this.decode(this.certificateToDecode), 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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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: typeof this.certificateDecoded) {\n    this.certificateDecoded = value;\n    this.inputPaste.value = value.toString('pem');\n    this.successParse.emit(value.toString('base64url'));\n  }\n\n  decode(value: string) {\n    new Promise<X509Certificates>((resolve) => {\n      resolve(new X509Certificates(value));\n    })\n      .catch(() => new X509Certificate(value))\n      .catch(() => new X509AttributeCertificate(value))\n      .catch(() => new Pkcs10CertificateRequest(value))\n      .catch(() => new X509Crl(value))\n      .then((res: typeof this.certificateDecoded) => this.setValue(res))\n      .catch((error) => {\n        console.log(error);\n\n        alert(`Error decoding certificate:\\n\"${value}\"\\n\\nPlease try to use Certificate/AttributeCertificate/CertificateRequest/CRL.`);\n      });\n  }\n\n  renderCertificate() {\n    if (this.certificateDecoded instanceof X509Certificates) {\n      return (\n        <peculiar-certificate-chain-viewer\n          certificates={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof X509Certificate) {\n      return (\n        <peculiar-certificate-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof X509AttributeCertificate) {\n      return (\n        <peculiar-attribute-certificate-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof Pkcs10CertificateRequest) {\n      return (\n        <peculiar-csr-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    if (this.certificateDecoded instanceof X509Crl) {\n      return (\n        <peculiar-crl-viewer\n          certificate={this.certificateDecoded}\n          download\n        />\n      );\n    }\n\n    return null;\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              value=\"\"\n              onChange={this.handleChangeInputFile}\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.renderCertificate()}\n      </Host>\n    );\n  }\n}\n"],"names":["PemConverter","Convert","X509Certificate","SignedData","EncapsulatedContent","OctetString","CertificateSet","CertificateChoices","AsnConvert","Certificate","ContentInfo","Download","readAsBinaryString","X509AttributeCertificate","Pkcs10CertificateRequest","X509Crl","h","Host","Typography","Button"],"mappings":";;;;;;;;;;;;;;AACO,MAAM,OAAO,GAAG,sBAAsB;AACtC,MAAM,aAAa,GAAG,sBAAsB;;ACc7C,MAAO,gBAAiB,SAAQ,KAAsB,CAAA;AAC1D,IAAA,WAAA,CAAY,GAAW,EAAA;AACrB,QAAA,KAAK,EAAE;AAEP,QAAA,MAAM,QAAQ,GAAGA,kCAAY,CAAC,KAAK,CAAC,GAAG;cACnCA,kCAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAKC,0CAAO,CAAC,WAAW,CAAC,KAAK,CAAC;AACpE,cAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;AAElB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AACvB,YAAA,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC;;AAGjF,QAAA,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,IAAIC,gCAAe,CAAC,IAAI,CAAC,CAAC;;;AAIxC,IAAA,IAAW,UAAU,GAAA;AACnB,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI;aACnB,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU;aACvB,IAAI,CAAC,GAAG,CAAC;;AAGd,IAAA,IAAW,GAAG,GAAA;AACZ,QAAA,MAAM,UAAU,GAAG,IAAIC,gCAAU,EAAE;AAEnC,QAAA,UAAU,CAAC,OAAO,GAAG,CAAC;AACtB,QAAA,UAAU,CAAC,gBAAgB,CAAC,YAAY,GAAG,OAAO;AAClD,QAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,GAAG,IAAIC,yCAAmB,CAAC,EAAE,MAAM,EAAE,IAAIC,iCAAW,EAAE,EAAE,CAAC;QAC7F,UAAU,CAAC,YAAY,GAAG,IAAIC,oCAAc,CAC1C,KAAK,CAAC,IAAI,CAAC,IAAI;aACZ,GAAG,CAAC,CAAC,CAAC,KAAK,IAAIC,wCAAkB,CAAC,EAAE,WAAW,EAAEC,gCAAU,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAEC,iCAAW,CAAC,EAAE,CAAC,CAAC,CAC7F;AAED,QAAA,MAAM,GAAG,GAAG,IAAIC,iCAAW,CAAC;AAC1B,YAAA,WAAW,EAAE,aAAa;AAC1B,YAAA,OAAO,EAAEF,gCAAU,CAAC,SAAS,CAAC,UAAU,CAAC;AAC1C,SAAA,CAAC;AAEF,QAAA,OAAOA,gCAAU,CAAC,SAAS,CAAC,GAAG,CAAC;;IAG3B,QAAQ,CAAC,SAAyC,KAAK,EAAA;QAC5D,QAAQ,MAAM;AACZ,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI;AACnB,qBAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;qBAC5B,IAAI,CAAC,IAAI,CAAC;AACf,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI;AACnB,qBAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;qBAClC,IAAI,CAAC,GAAG,CAAC;AACd,YAAA;AACE,gBAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI;AACnB,qBAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;qBAC/B,IAAI,CAAC,GAAG,CAAC;;;AAIX,IAAA,aAAa,CAAC,IAAa,EAAA;AAChC,QAAAG,8BAAQ,CAAC,IAAI,CAAC,KAAK,CACjB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpB,IAAI,IAAI,IAAI,CAAC,UAAU,CACxB;;AAGI,IAAA,aAAa,CAAC,IAAa,EAAA;AAChC,QAAAA,8BAAQ,CAAC,IAAI,CAAC,KAAK,CACjB,IAAI,CAAC,GAAG,EACR,IAAI,IAAI,IAAI,CAAC,UAAU,CACxB;;AAEJ;;ACxFD,MAAM,qBAAqB,GAAG,4mQAA4mQ;;MCiC7nQ,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AA8CU,QAAA,IAAiB,CAAA,iBAAA,GAAG,MAAK;AAC/B,YAAA,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU;YAEjC,IAAI,KAAK,EAAE;AACT,gBAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;;AAEtB,SAAC;AAEO,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YAC9B,IAAI,CAAC,UAAU,EAAE;AACnB,SAAC;;AAGO,QAAA,IAAA,CAAA,qBAAqB,GAAG,OAAO,KAAU,KAAI;AACnD,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM;AAE5B,YAAA,IAAI,OAAO,CAAC,KAAK,EAAE;AACjB,gBAAA,MAAM,IAAI,GAAG,MAAMC,4BAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAEvD,gBAAA,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAClC,oBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGzB,gBAAA,OAAO,CAAC,KAAK,GAAG,EAAE;;AAEtB,SAAC;;AAGO,QAAA,IAAA,CAAA,mBAAmB,GAAG,CAAC,KAAU,KAAI;AAC3C,YAAA,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;gBACtB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;iBAC1B;gBACL,IAAI,CAAC,UAAU,EAAE;;AAErB,SAAC;;AAGO,QAAA,IAAA,CAAA,cAAc,GAAG,OAAO,KAAU,KAAI;YAC5C,KAAK,CAAC,eAAe,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;AAEtB,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY;AAElC,YAAA,IAAI,OAAO,CAAC,KAAK,EAAE;AACjB,gBAAA,MAAM,IAAI,GAAG,MAAMA,4BAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAEvD,gBAAA,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAClC,oBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;;AAG7B,SAAC;AA0IF;IArMC,gBAAgB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC5B;;AAEG;AACH,YAAA,UAAU,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,GAAG,CAAC;;;IAwDhE,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,EAAE;AAC1B,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;AAC9B,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE;;AAG9B,IAAA,QAAQ,CAAC,KAAqC,EAAA;AAC5C,QAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;QAC/B,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC7C,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;;AAGrD,IAAA,MAAM,CAAC,KAAa,EAAA;AAClB,QAAA,IAAI,OAAO,CAAmB,CAAC,OAAO,KAAI;AACxC,YAAA,OAAO,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;AACtC,SAAC;aACE,KAAK,CAAC,MAAM,IAAIV,gCAAe,CAAC,KAAK,CAAC;aACtC,KAAK,CAAC,MAAM,IAAIW,iCAAwB,CAAC,KAAK,CAAC;aAC/C,KAAK,CAAC,MAAM,IAAIC,mDAAwB,CAAC,KAAK,CAAC;aAC/C,KAAK,CAAC,MAAM,IAAIC,gBAAO,CAAC,KAAK,CAAC;AAC9B,aAAA,IAAI,CAAC,CAAC,GAAmC,KAAK,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AAChE,aAAA,KAAK,CAAC,CAAC,KAAK,KAAI;AACf,YAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AAElB,YAAA,KAAK,CAAC,CAAA,8BAAA,EAAiC,KAAK,CAAA,+EAAA,CAAiF,CAAC;AAChI,SAAC,CAAC;;IAGN,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,kBAAkB,YAAY,gBAAgB,EAAE;AACvD,YAAA,QACEC,OACE,CAAA,mCAAA,EAAA,EAAA,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,QAAQ,EACR,IAAA,EAAA,CAAA;;AAIN,QAAA,IAAI,IAAI,CAAC,kBAAkB,YAAYd,gCAAe,EAAE;AACtD,YAAA,QACEc,OACE,CAAA,6BAAA,EAAA,EAAA,WAAW,EAAE,IAAI,CAAC,kBAAkB,EACpC,QAAQ,EACR,IAAA,EAAA,CAAA;;AAIN,QAAA,IAAI,IAAI,CAAC,kBAAkB,YAAYH,iCAAwB,EAAE;AAC/D,YAAA,QACEG,OACE,CAAA,uCAAA,EAAA,EAAA,WAAW,EAAE,IAAI,CAAC,kBAAkB,EACpC,QAAQ,EACR,IAAA,EAAA,CAAA;;AAIN,QAAA,IAAI,IAAI,CAAC,kBAAkB,YAAYF,mDAAwB,EAAE;AAC/D,YAAA,QACEE,OACE,CAAA,qBAAA,EAAA,EAAA,WAAW,EAAE,IAAI,CAAC,kBAAkB,EACpC,QAAQ,EACR,IAAA,EAAA,CAAA;;AAIN,QAAA,IAAI,IAAI,CAAC,kBAAkB,YAAYD,gBAAO,EAAE;AAC9C,YAAA,QACEC,OACE,CAAA,qBAAA,EAAA,EAAA,WAAW,EAAE,IAAI,CAAC,kBAAkB,EACpC,QAAQ,EACR,IAAA,EAAA,CAAA;;AAIN,QAAA,OAAO,IAAI;;IAGb,MAAM,GAAA;;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,WAAW,EAAC,wBAAwB,EACpC,KAAK,EAAC,uBAAuB,EAC7B,GAAG,EAAE,CAAC,EAAE,KAAI,EAAG,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EAAE,EACtC,MAAM,EAAE,IAAI,CAAC,cAAc,EAC3B,CAAA,EACFA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAC,CAAAE,iBAAU,qDACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,kBAAkB,EAGb,EAAA,oBAAA,CAAA,EACbF,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,sIAAsI,EAC7I,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,IAAI,CAAC,qBAAqB,GACpC,CACE,EACL,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,mBAAmB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,MAC/BA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAC,CAAAE,iBAAU,qDACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,kBAAkB,EAGb,EAAA,gBAAA,CAAA,EACbF,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,QAAQ,EAAE,IAAI,CAAC,mBAAmB,EAAA,EACxCA,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,EAAE,EAAc,EAAA,MAAA,CAAA,EAC7B,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,MACpCA,OAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,OAAO,CAAC,KAAK,EAAA,EACzB,OAAO,CAAC,KAAK,CACP,CACV,CAAC,CACK,CACL,CACP,EACDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAA,CAACG,aAAM,EACL,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAGxB,EAAA,QAAA,CAAA,EACTH,OAAC,CAAAG,aAAM,qDACL,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAGvB,EAAA,OAAA,CAAA,CACL,CACF,EACL,IAAI,CAAC,iBAAiB,EAAE,CACpB;;;;;;;","x_google_ignoreList":[0]}

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

@@ -4,10 +4,11 @@
 'use strict';
 
 var index = require('./index-uHmGhObe.js');
-var x509_certificate = require('./x509_certificate-CzplJQ0X.js');
-require('./certification_request-CxHe71zR.js');
-var miscellaneous = require('./miscellaneous-DeBEwLDy.js');
+var x509_certificate = require('./x509_certificate-DGRpZGA2.js');
+require('./certification_request-DISQwgjn.js');
+var miscellaneous = require('./miscellaneous-D_RAtkZz.js');
 var button = require('./button-C8EWG_-r.js');
+require('./extension-CGZpfI3W.js');
 require('./link-Cgh8wnbs.js');
 require('./download-DQP0KR4o.js');
 

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

@@ -1 +1 @@
-{"file":"peculiar-certificate-viewer.entry.cjs.js","mappings":"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","names":["X509Certificate","h","Typography","Host","BasicInformation","SubjectName","IssuerName","PublicKey","Signature","Thumbprints","Extensions","getLEILink","getDNSNameLink","getIPAddressLink","Miscellaneous"],"sources":["src/components/certificate-viewer/certificate-viewer.scss?tag=peculiar-certificate-viewer&encapsulation=shadow","src/components/certificate-viewer/certificate-viewer.tsx"],"sourcesContent":["@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n  position: relative;\n  min-width: 280px;\n  min-height: 300px;\n  word-wrap: break-word;\n  word-break: break-word;\n}\n\nth, td {\n  border: none;\n}\n\ntable {\n  width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  tr:last-child {\n    .divider {\n      display: none;\n    }\n  }\n\n  td {\n    padding: var(--pv-size-base-2) var(--pv-size-base-4);\n    vertical-align: top;\n\n    &:first-child {\n      width: 220px;\n    }\n\n    &:last-child {\n      width: calc(100% - 220px)\n    }\n\n    &.monospace {\n      max-width: 0;\n    }\n\n    &.divider {\n      padding: var(--pv-size-base-2) 0;\n\n      span {\n        height: 1px;\n        display: block;\n        background-color: var(--pv-color-gray-4);\n      }\n    }\n  }\n\n  .title td {\n    padding-top: var(--pv-size-base-6);\n    padding-bottom: var(--pv-size-base-2);\n  }\n\n  table {\n    border-left: 1px solid var(--pv-color-gray-5);\n  }\n}\n\n.status_wrapper {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n  table, tr, td {\n    display: block;\n  }\n\n  table {\n    tr {\n      padding: var(--pv-size-base-2) 0;\n\n      &.title {\n        padding-top: var(--pv-size-base-6);\n\n        td {\n          padding: 0 var(--pv-size-base-4);\n        }\n      }\n    }\n\n    td {\n      padding: 0 var(--pv-size-base-4);\n      width: 100% !important;\n      max-width: 100% !important;\n\n      &.divider {\n        padding: 0;\n      }\n    }\n  }\n}\n","/**\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  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport {\n  getDNSNameLink, getIPAddressLink, getLEILink,\n} from '../../utils/third_party_links';\nimport {\n  BasicInformation,\n  SubjectName,\n  IssuerName,\n  PublicKey,\n  Signature,\n  Thumbprints,\n  Extensions,\n  Miscellaneous,\n} from '../certificate-details-parts';\nimport { Typography } from '../typography';\n\nexport type TCertificateProp = string | X509Certificate;\n\n@Component({\n  tag: 'peculiar-certificate-viewer',\n  styleUrl: 'certificate-viewer.scss',\n  shadow: true,\n})\nexport class CertificateViewer {\n  private certificateDecoded: X509Certificate;\n\n  private certificateDecodeError: Error;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * The certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop({ reflect: true }) certificate: TCertificateProp;\n\n  /**\n   * If `true` - component will show split-button to download certificate as PEM or DER.\n   */\n  @Prop({ reflect: true }) download?: boolean;\n\n  /**\n   * Authority Key Identifier extension parent link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdParentLink?: string;\n\n  /**\n   * Authority Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdSiblingsLink?: string;\n\n  /**\n   * Subject Key Identifier extension children link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdChildrenLink?: string;\n\n  /**\n   * Subject Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://some.com/{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdSiblingsLink?: string;\n\n  /**\n   * Issuer DN link.\n   * **NOTE**: HTML component attribute must be `issuer-dn-link`.\n   */\n  @Prop({ reflect: true }) issuerDnLink?: string;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  @State() mobileScreenView = false;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.decodeCertificate(this.certificate);\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  private async decodeCertificate(certificate: TCertificateProp) {\n    this.isDecodeInProcess = true;\n\n    try {\n      if (certificate instanceof X509Certificate) {\n        this.certificateDecoded = certificate;\n      } else if (typeof certificate === 'string') {\n        this.certificateDecoded = new X509Certificate(certificate);\n      } else {\n        return;\n      }\n\n      this.certificateDecoded.parseExtensions();\n      await this.certificateDecoded.getThumbprint('SHA-1');\n      await this.certificateDecoded.getThumbprint('SHA-256');\n    } catch (error) {\n      this.certificateDecodeError = error;\n\n      console.error('Error certificate parse:', error);\n    }\n\n    this.isDecodeInProcess = false;\n  }\n\n  /**\n   * Rerun decodeCertificate if previuos value not equal current value\n   */\n  @Watch('certificate')\n  watchCertificateAndDecode(newValue: TCertificateProp, oldValue: TCertificateProp) {\n    if (typeof newValue === 'string' && typeof oldValue === 'string') {\n      if (newValue !== oldValue) {\n        this.decodeCertificate(newValue);\n      }\n\n      return;\n    }\n\n    if (newValue instanceof X509Certificate && oldValue instanceof X509Certificate) {\n      if (newValue.serialNumber !== oldValue.serialNumber) {\n        this.decodeCertificate(newValue);\n      }\n    }\n  }\n\n  private getAuthKeyIdParentLink = (value: string) => this.authKeyIdParentLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getAuthKeyIdSiblingsLink = (value: string) => this.authKeyIdSiblingsLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getSubjectKeyIdChildrenLink = (value: string) => this.subjectKeyIdChildrenLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  private getSubjectKeyIdSiblingsLink = (value: string) => this.subjectKeyIdSiblingsLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  private getIssuerDnLink() {\n    return this.issuerDnLink;\n  }\n\n  private renderErrorState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There was an error decoding this certificate.\n        </Typography>\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There is no certificate available.\n        </Typography>\n      </div>\n    );\n  }\n\n  render() {\n    if (this.certificateDecodeError) {\n      return this.renderErrorState();\n    }\n\n    if (!this.certificateDecoded) {\n      return this.renderEmptyState();\n    }\n\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        <table>\n          <BasicInformation\n            {...this.certificateDecoded}\n          />\n\n          <SubjectName\n            name={this.certificateDecoded.subject}\n          />\n\n          <IssuerName\n            name={this.certificateDecoded.issuer}\n            issuerDnLink={this.getIssuerDnLink()}\n          />\n\n          <PublicKey\n            publicKey={this.certificateDecoded.publicKey}\n          />\n\n          <Signature\n            signature={this.certificateDecoded.signature}\n          />\n\n          <Thumbprints\n            thumbprints={this.certificateDecoded.thumbprints}\n          />\n\n          <Extensions\n            extensions={this.certificateDecoded.extensions}\n            getLEILink={getLEILink}\n            getDNSNameLink={getDNSNameLink}\n            getIPAddressLink={getIPAddressLink}\n            getAuthKeyIdParentLink={this.getAuthKeyIdParentLink}\n            getAuthKeyIdSiblingsLink={this.getAuthKeyIdSiblingsLink}\n            getSubjectKeyIdChildrenLink={this.getSubjectKeyIdChildrenLink}\n            getSubjectKeyIdSiblingsLink={this.getSubjectKeyIdSiblingsLink}\n          />\n\n          {this.download && (\n            <Miscellaneous\n              certificate={this.certificateDecoded}\n            />\n          )}\n        </table>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"peculiar-certificate-viewer.entry.cjs.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,4jSAA4jS;;MCwC5kS,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAgEE;;;;;;AAMG;AACuB,QAAA,IAAsB,CAAA,sBAAA,GAAY,oBAAoB;AAEvE,QAAA,IAAgB,CAAA,gBAAA,GAAG,KAAK;AAExB,QAAA,IAAiB,CAAA,iBAAA,GAAG,IAAI;AAgEzB,QAAA,IAAA,CAAA,sBAAsB,GAAG,CAAC,KAAa,KAAI;;AAAC,YAAA,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,mBAAmB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CACxE,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC;SAAA;AAE3B,QAAA,IAAA,CAAA,wBAAwB,GAAG,CAAC,KAAa,KAAI;;AAAC,YAAA,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,qBAAqB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAC5E,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC;SAAA;AAE3B,QAAA,IAAA,CAAA,2BAA2B,GAAG,CAAC,KAAa,KAAI;;AAAC,YAAA,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,wBAAwB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAClF,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC;SAAA;AAE9B,QAAA,IAAA,CAAA,2BAA2B,GAAG,CAAC,KAAa,KAAI;;AAAC,YAAA,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,wBAAwB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAClF,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC;SAAA;AAqFvC;AA7JS,IAAA,sBAAsB,CAAC,KAA0B,EAAA;AACvD,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,OAAO;;IAGvC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAExC,QAAqB;YACnB,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,sBAAsB,CAAC;AACtE,YAAA,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACxF,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO;;;IAIzD,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAGrF,MAAM,iBAAiB,CAAC,WAA6B,EAAA;AAC3D,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;AAE7B,QAAA,IAAI;AACF,YAAA,IAAI,WAAW,YAAYA,gCAAe,EAAE;AAC1C,gBAAA,IAAI,CAAC,kBAAkB,GAAG,WAAW;;AAChC,iBAAA,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;gBAC1C,IAAI,CAAC,kBAAkB,GAAG,IAAIA,gCAAe,CAAC,WAAW,CAAC;;iBACrD;gBACL;;AAGF,YAAA,IAAI,CAAC,kBAAkB,CAAC,eAAe,EAAE;YACzC,MAAM,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,OAAO,CAAC;YACpD,MAAM,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,SAAS,CAAC;;QACtD,OAAO,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,sBAAsB,GAAG,KAAK;AAEnC,YAAA,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC;;AAGlD,QAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;;AAGhC;;AAEG;IAEH,yBAAyB,CAAC,QAA0B,EAAE,QAA0B,EAAA;QAC9E,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChE,YAAA,IAAI,QAAQ,KAAK,QAAQ,EAAE;AACzB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;;YAGlC;;QAGF,IAAI,QAAQ,YAAYA,gCAAe,IAAI,QAAQ,YAAYA,gCAAe,EAAE;YAC9E,IAAI,QAAQ,CAAC,YAAY,KAAK,QAAQ,CAAC,YAAY,EAAE;AACnD,gBAAA,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;;;;IAiB9B,eAAe,GAAA;QACrB,OAAO,IAAI,CAAC,YAAY;;IAGlB,gBAAgB,GAAA;QACtB,QACEC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OAAA,CAACC,iBAAU,EAAA,IAAA,EAAA,+CAAA,CAEE,CACT;;IAIF,gBAAgB,GAAA;QACtB,QACED,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OAAA,CAACC,iBAAU,EAAA,IAAA,EAAA,oCAAA,CAEE,CACT;;IAIV,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,sBAAsB,EAAE;AAC/B,YAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE;;AAGhC,QAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AAC5B,YAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE;;QAGhC,QACED,QAACE,UAAI,EAAA,EAAA,yBAAA,EACsB,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAA,EAEtDF,OAAA,CAAA,OAAA,EAAA,IAAA,EACEA,OAAA,CAACG,8BAAgB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACX,IAAI,CAAC,kBAAkB,CAC3B,CAAA,EAEFH,OAAC,CAAAI,yBAAW,IACV,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,OAAO,EACrC,CAAA,EAEFJ,OAAA,CAACK,wBAAU,EACT,EAAA,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,MAAM,EACpC,YAAY,EAAE,IAAI,CAAC,eAAe,EAAE,EACpC,CAAA,EAEFL,OAAC,CAAAM,uBAAS,IACR,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAC5C,CAAA,EAEFN,OAAC,CAAAO,uBAAS,IACR,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAC5C,CAAA,EAEFP,OAAC,CAAAQ,yBAAW,IACV,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAChD,CAAA,EAEFR,OAAC,CAAAS,wBAAU,IACT,UAAU,EAAE,IAAI,CAAC,kBAAkB,CAAC,UAAU,EAC9C,UAAU,EAAEC,wBAAU,EACtB,cAAc,EAAEC,4BAAc,EAC9B,gBAAgB,EAAEC,8BAAgB,EAClC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,2BAA2B,EAAE,IAAI,CAAC,2BAA2B,EAC7D,2BAA2B,EAAE,IAAI,CAAC,2BAA2B,EAC7D,CAAA,EAED,IAAI,CAAC,QAAQ,KACZZ,OAAA,CAACa,2BAAa,EACZ,EAAA,WAAW,EAAE,IAAI,CAAC,kBAAkB,EAAA,CACpC,CACH,CACK,CACH;;;;;;;;;;","names":["X509Certificate","h","Typography","Host","BasicInformation","SubjectName","IssuerName","PublicKey","Signature","Thumbprints","Extensions","getLEILink","getDNSNameLink","getIPAddressLink","Miscellaneous"],"sources":["src/components/certificate-viewer/certificate-viewer.scss?tag=peculiar-certificate-viewer&encapsulation=shadow","src/components/certificate-viewer/certificate-viewer.tsx"],"sourcesContent":["@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n  position: relative;\n  min-width: 280px;\n  min-height: 300px;\n  word-wrap: break-word;\n  word-break: break-word;\n}\n\nth, td {\n  border: none;\n}\n\ntable {\n  width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  tr:last-child {\n    .divider {\n      display: none;\n    }\n  }\n\n  td {\n    padding: var(--pv-size-base-2) var(--pv-size-base-4);\n    vertical-align: top;\n\n    &:first-child {\n      width: 220px;\n    }\n\n    &:last-child {\n      width: calc(100% - 220px)\n    }\n\n    &.monospace {\n      max-width: 0;\n    }\n\n    &.divider {\n      padding: var(--pv-size-base-2) 0;\n\n      span {\n        height: 1px;\n        display: block;\n        background-color: var(--pv-color-gray-4);\n      }\n    }\n  }\n\n  .title td {\n    padding-top: var(--pv-size-base-6);\n    padding-bottom: var(--pv-size-base-2);\n  }\n\n  table {\n    border-left: 1px solid var(--pv-color-gray-5);\n  }\n}\n\n.status_wrapper {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n  table, tr, td {\n    display: block;\n  }\n\n  table {\n    tr {\n      padding: var(--pv-size-base-2) 0;\n\n      &.title {\n        padding-top: var(--pv-size-base-6);\n\n        td {\n          padding: 0 var(--pv-size-base-4);\n        }\n      }\n    }\n\n    td {\n      padding: 0 var(--pv-size-base-4);\n      width: 100% !important;\n      max-width: 100% !important;\n\n      &.divider {\n        padding: 0;\n      }\n    }\n  }\n}\n","/**\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  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport {\n  getDNSNameLink, getIPAddressLink, getLEILink,\n} from '../../utils/third_party_links';\nimport {\n  BasicInformation,\n  SubjectName,\n  IssuerName,\n  PublicKey,\n  Signature,\n  Thumbprints,\n  Extensions,\n  Miscellaneous,\n} from '../certificate-details-parts';\nimport { Typography } from '../typography';\n\nexport type TCertificateProp = string | X509Certificate;\n\n@Component({\n  tag: 'peculiar-certificate-viewer',\n  styleUrl: 'certificate-viewer.scss',\n  shadow: true,\n})\nexport class CertificateViewer {\n  private certificateDecoded: X509Certificate;\n\n  private certificateDecodeError: Error;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * The certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop({ reflect: true }) certificate: TCertificateProp;\n\n  /**\n   * If `true` - component will show split-button to download certificate as PEM or DER.\n   */\n  @Prop({ reflect: true }) download?: boolean;\n\n  /**\n   * Authority Key Identifier extension parent link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdParentLink?: string;\n\n  /**\n   * Authority Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdSiblingsLink?: string;\n\n  /**\n   * Subject Key Identifier extension children link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdChildrenLink?: string;\n\n  /**\n   * Subject Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://some.com/{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdSiblingsLink?: string;\n\n  /**\n   * Issuer DN link.\n   * **NOTE**: HTML component attribute must be `issuer-dn-link`.\n   */\n  @Prop({ reflect: true }) issuerDnLink?: string;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  @State() mobileScreenView = false;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.decodeCertificate(this.certificate);\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  private async decodeCertificate(certificate: TCertificateProp) {\n    this.isDecodeInProcess = true;\n\n    try {\n      if (certificate instanceof X509Certificate) {\n        this.certificateDecoded = certificate;\n      } else if (typeof certificate === 'string') {\n        this.certificateDecoded = new X509Certificate(certificate);\n      } else {\n        return;\n      }\n\n      this.certificateDecoded.parseExtensions();\n      await this.certificateDecoded.getThumbprint('SHA-1');\n      await this.certificateDecoded.getThumbprint('SHA-256');\n    } catch (error) {\n      this.certificateDecodeError = error;\n\n      console.error('Error certificate parse:', error);\n    }\n\n    this.isDecodeInProcess = false;\n  }\n\n  /**\n   * Rerun decodeCertificate if previuos value not equal current value\n   */\n  @Watch('certificate')\n  watchCertificateAndDecode(newValue: TCertificateProp, oldValue: TCertificateProp) {\n    if (typeof newValue === 'string' && typeof oldValue === 'string') {\n      if (newValue !== oldValue) {\n        this.decodeCertificate(newValue);\n      }\n\n      return;\n    }\n\n    if (newValue instanceof X509Certificate && oldValue instanceof X509Certificate) {\n      if (newValue.serialNumber !== oldValue.serialNumber) {\n        this.decodeCertificate(newValue);\n      }\n    }\n  }\n\n  private getAuthKeyIdParentLink = (value: string) => this.authKeyIdParentLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getAuthKeyIdSiblingsLink = (value: string) => this.authKeyIdSiblingsLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getSubjectKeyIdChildrenLink = (value: string) => this.subjectKeyIdChildrenLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  private getSubjectKeyIdSiblingsLink = (value: string) => this.subjectKeyIdSiblingsLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  private getIssuerDnLink() {\n    return this.issuerDnLink;\n  }\n\n  private renderErrorState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There was an error decoding this certificate.\n        </Typography>\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There is no certificate available.\n        </Typography>\n      </div>\n    );\n  }\n\n  render() {\n    if (this.certificateDecodeError) {\n      return this.renderErrorState();\n    }\n\n    if (!this.certificateDecoded) {\n      return this.renderEmptyState();\n    }\n\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        <table>\n          <BasicInformation\n            {...this.certificateDecoded}\n          />\n\n          <SubjectName\n            name={this.certificateDecoded.subject}\n          />\n\n          <IssuerName\n            name={this.certificateDecoded.issuer}\n            issuerDnLink={this.getIssuerDnLink()}\n          />\n\n          <PublicKey\n            publicKey={this.certificateDecoded.publicKey}\n          />\n\n          <Signature\n            signature={this.certificateDecoded.signature}\n          />\n\n          <Thumbprints\n            thumbprints={this.certificateDecoded.thumbprints}\n          />\n\n          <Extensions\n            extensions={this.certificateDecoded.extensions}\n            getLEILink={getLEILink}\n            getDNSNameLink={getDNSNameLink}\n            getIPAddressLink={getIPAddressLink}\n            getAuthKeyIdParentLink={this.getAuthKeyIdParentLink}\n            getAuthKeyIdSiblingsLink={this.getAuthKeyIdSiblingsLink}\n            getSubjectKeyIdChildrenLink={this.getSubjectKeyIdChildrenLink}\n            getSubjectKeyIdSiblingsLink={this.getSubjectKeyIdSiblingsLink}\n          />\n\n          {this.download && (\n            <Miscellaneous\n              certificate={this.certificateDecoded}\n            />\n          )}\n        </table>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"peculiar-certificate-viewer.entry.cjs.js","sources":["src/components/certificate-viewer/certificate-viewer.scss?tag=peculiar-certificate-viewer&encapsulation=shadow","src/components/certificate-viewer/certificate-viewer.tsx"],"sourcesContent":["@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n  position: relative;\n  min-width: 280px;\n  min-height: 300px;\n  word-wrap: break-word;\n  word-break: break-word;\n}\n\nth, td {\n  border: none;\n}\n\ntable {\n  width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  tr:last-child {\n    .divider {\n      display: none;\n    }\n  }\n\n  td {\n    padding: var(--pv-size-base-2) var(--pv-size-base-4);\n    vertical-align: top;\n\n    &:first-child {\n      width: 220px;\n    }\n\n    &:last-child {\n      width: calc(100% - 220px)\n    }\n\n    &.monospace {\n      max-width: 0;\n    }\n\n    &.divider {\n      padding: var(--pv-size-base-2) 0;\n\n      span {\n        height: 1px;\n        display: block;\n        background-color: var(--pv-color-gray-4);\n      }\n    }\n  }\n\n  .title td {\n    padding-top: var(--pv-size-base-6);\n    padding-bottom: var(--pv-size-base-2);\n  }\n\n  table {\n    border-left: 1px solid var(--pv-color-gray-5);\n  }\n}\n\n.status_wrapper {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n  table, tr, td {\n    display: block;\n  }\n\n  table {\n    tr {\n      padding: var(--pv-size-base-2) 0;\n\n      &.title {\n        padding-top: var(--pv-size-base-6);\n\n        td {\n          padding: 0 var(--pv-size-base-4);\n        }\n      }\n    }\n\n    td {\n      padding: 0 var(--pv-size-base-4);\n      width: 100% !important;\n      max-width: 100% !important;\n\n      &.divider {\n        padding: 0;\n      }\n    }\n  }\n}\n","/**\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  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport {\n  getDNSNameLink, getIPAddressLink, getLEILink,\n} from '../../utils/third_party_links';\nimport {\n  BasicInformation,\n  SubjectName,\n  IssuerName,\n  PublicKey,\n  Signature,\n  Thumbprints,\n  Extensions,\n  Miscellaneous,\n} from '../certificate-details-parts';\nimport { Typography } from '../typography';\n\nexport type TCertificateProp = string | X509Certificate;\n\n@Component({\n  tag: 'peculiar-certificate-viewer',\n  styleUrl: 'certificate-viewer.scss',\n  shadow: true,\n})\nexport class CertificateViewer {\n  private certificateDecoded: X509Certificate;\n\n  private certificateDecodeError: Error;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * The certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop({ reflect: true }) certificate: TCertificateProp;\n\n  /**\n   * If `true` - component will show split-button to download certificate as PEM or DER.\n   */\n  @Prop({ reflect: true }) download?: boolean;\n\n  /**\n   * Authority Key Identifier extension parent link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdParentLink?: string;\n\n  /**\n   * Authority Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdSiblingsLink?: string;\n\n  /**\n   * Subject Key Identifier extension children link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdChildrenLink?: string;\n\n  /**\n   * Subject Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://some.com/{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdSiblingsLink?: string;\n\n  /**\n   * Issuer DN link.\n   * **NOTE**: HTML component attribute must be `issuer-dn-link`.\n   */\n  @Prop({ reflect: true }) issuerDnLink?: string;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  @State() mobileScreenView = false;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.decodeCertificate(this.certificate);\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  private async decodeCertificate(certificate: TCertificateProp) {\n    this.isDecodeInProcess = true;\n\n    try {\n      if (certificate instanceof X509Certificate) {\n        this.certificateDecoded = certificate;\n      } else if (typeof certificate === 'string') {\n        this.certificateDecoded = new X509Certificate(certificate);\n      } else {\n        return;\n      }\n\n      this.certificateDecoded.parseExtensions();\n      await this.certificateDecoded.getThumbprint('SHA-1');\n      await this.certificateDecoded.getThumbprint('SHA-256');\n    } catch (error) {\n      this.certificateDecodeError = error;\n\n      console.error('Error certificate parse:', error);\n    }\n\n    this.isDecodeInProcess = false;\n  }\n\n  /**\n   * Rerun decodeCertificate if previuos value not equal current value\n   */\n  @Watch('certificate')\n  watchCertificateAndDecode(newValue: TCertificateProp, oldValue: TCertificateProp) {\n    if (typeof newValue === 'string' && typeof oldValue === 'string') {\n      if (newValue !== oldValue) {\n        this.decodeCertificate(newValue);\n      }\n\n      return;\n    }\n\n    if (newValue instanceof X509Certificate && oldValue instanceof X509Certificate) {\n      if (newValue.serialNumber !== oldValue.serialNumber) {\n        this.decodeCertificate(newValue);\n      }\n    }\n  }\n\n  private getAuthKeyIdParentLink = (value: string) => this.authKeyIdParentLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getAuthKeyIdSiblingsLink = (value: string) => this.authKeyIdSiblingsLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getSubjectKeyIdChildrenLink = (value: string) => this.subjectKeyIdChildrenLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  private getSubjectKeyIdSiblingsLink = (value: string) => this.subjectKeyIdSiblingsLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  private getIssuerDnLink() {\n    return this.issuerDnLink;\n  }\n\n  private renderErrorState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There was an error decoding this certificate.\n        </Typography>\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There is no certificate available.\n        </Typography>\n      </div>\n    );\n  }\n\n  render() {\n    if (this.certificateDecodeError) {\n      return this.renderErrorState();\n    }\n\n    if (!this.certificateDecoded) {\n      return this.renderEmptyState();\n    }\n\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        <table>\n          <BasicInformation\n            {...this.certificateDecoded}\n          />\n\n          <SubjectName\n            name={this.certificateDecoded.subject}\n          />\n\n          <IssuerName\n            name={this.certificateDecoded.issuer}\n            issuerDnLink={this.getIssuerDnLink()}\n          />\n\n          <PublicKey\n            publicKey={this.certificateDecoded.publicKey}\n          />\n\n          <Signature\n            signature={this.certificateDecoded.signature}\n          />\n\n          <Thumbprints\n            thumbprints={this.certificateDecoded.thumbprints}\n          />\n\n          <Extensions\n            extensions={this.certificateDecoded.extensions}\n            getLEILink={getLEILink}\n            getDNSNameLink={getDNSNameLink}\n            getIPAddressLink={getIPAddressLink}\n            getAuthKeyIdParentLink={this.getAuthKeyIdParentLink}\n            getAuthKeyIdSiblingsLink={this.getAuthKeyIdSiblingsLink}\n            getSubjectKeyIdChildrenLink={this.getSubjectKeyIdChildrenLink}\n            getSubjectKeyIdSiblingsLink={this.getSubjectKeyIdSiblingsLink}\n          />\n\n          {this.download && (\n            <Miscellaneous\n              certificate={this.certificateDecoded}\n            />\n          )}\n        </table>\n      </Host>\n    );\n  }\n}\n"],"names":["X509Certificate","h","Typography","Host","BasicInformation","SubjectName","IssuerName","PublicKey","Signature","Thumbprints","Extensions","getLEILink","getDNSNameLink","getIPAddressLink","Miscellaneous"],"mappings":"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"}
+{"version":3,"file":"peculiar-certificate-viewer.entry.cjs.js","sources":["src/components/certificate-viewer/certificate-viewer.scss?tag=peculiar-certificate-viewer&encapsulation=shadow","src/components/certificate-viewer/certificate-viewer.tsx"],"sourcesContent":["@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n  position: relative;\n  min-width: 280px;\n  min-height: 300px;\n  word-wrap: break-word;\n  word-break: break-word;\n}\n\nth, td {\n  border: none;\n}\n\ntable {\n  width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  tr:last-child {\n    .divider {\n      display: none;\n    }\n  }\n\n  td {\n    padding: var(--pv-size-base-2) var(--pv-size-base-4);\n    vertical-align: top;\n\n    &:first-child {\n      width: 220px;\n    }\n\n    &:last-child {\n      width: calc(100% - 220px)\n    }\n\n    &.monospace {\n      max-width: 0;\n    }\n\n    &.divider {\n      padding: var(--pv-size-base-2) 0;\n\n      span {\n        height: 1px;\n        display: block;\n        background-color: var(--pv-color-gray-4);\n      }\n    }\n  }\n\n  .title td {\n    padding-top: var(--pv-size-base-6);\n    padding-bottom: var(--pv-size-base-2);\n  }\n\n  table {\n    border-left: 1px solid var(--pv-color-gray-5);\n  }\n}\n\n.status_wrapper {\n  min-height: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n  table, tr, td {\n    display: block;\n  }\n\n  table {\n    tr {\n      padding: var(--pv-size-base-2) 0;\n\n      &.title {\n        padding-top: var(--pv-size-base-6);\n\n        td {\n          padding: 0 var(--pv-size-base-4);\n        }\n      }\n    }\n\n    td {\n      padding: 0 var(--pv-size-base-4);\n      width: 100% !important;\n      max-width: 100% !important;\n\n      &.divider {\n        padding: 0;\n      }\n    }\n  }\n}\n","/**\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  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport {\n  getDNSNameLink, getIPAddressLink, getLEILink,\n} from '../../utils/third_party_links';\nimport {\n  BasicInformation,\n  SubjectName,\n  IssuerName,\n  PublicKey,\n  Signature,\n  Thumbprints,\n  Extensions,\n  Miscellaneous,\n} from '../certificate-details-parts';\nimport { Typography } from '../typography';\n\nexport type TCertificateProp = string | X509Certificate;\n\n@Component({\n  tag: 'peculiar-certificate-viewer',\n  styleUrl: 'certificate-viewer.scss',\n  shadow: true,\n})\nexport class CertificateViewer {\n  private certificateDecoded: X509Certificate;\n\n  private certificateDecodeError: Error;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * The certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop({ reflect: true }) certificate: TCertificateProp;\n\n  /**\n   * If `true` - component will show split-button to download certificate as PEM or DER.\n   */\n  @Prop({ reflect: true }) download?: boolean;\n\n  /**\n   * Authority Key Identifier extension parent link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.subject_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdParentLink?: string;\n\n  /**\n   * Authority Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{authKeyId}}\n   */\n  @Prop({ reflect: true }) authKeyIdSiblingsLink?: string;\n\n  /**\n   * Subject Key Identifier extension children link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdChildrenLink?: string;\n\n  /**\n   * Subject Key Identifier extension siblings link.\n   * <br />\n   * **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.\n   * @example\n   *  https://some.com/{{subjectKeyId}}\n   */\n  @Prop({ reflect: true }) subjectKeyIdSiblingsLink?: string;\n\n  /**\n   * Issuer DN link.\n   * **NOTE**: HTML component attribute must be `issuer-dn-link`.\n   */\n  @Prop({ reflect: true }) issuerDnLink?: string;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  @State() mobileScreenView = false;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.decodeCertificate(this.certificate);\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  private async decodeCertificate(certificate: TCertificateProp) {\n    this.isDecodeInProcess = true;\n\n    try {\n      if (certificate instanceof X509Certificate) {\n        this.certificateDecoded = certificate;\n      } else if (typeof certificate === 'string') {\n        this.certificateDecoded = new X509Certificate(certificate);\n      } else {\n        return;\n      }\n\n      this.certificateDecoded.parseExtensions();\n      await this.certificateDecoded.getThumbprint('SHA-1');\n      await this.certificateDecoded.getThumbprint('SHA-256');\n    } catch (error) {\n      this.certificateDecodeError = error;\n\n      console.error('Error certificate parse:', error);\n    }\n\n    this.isDecodeInProcess = false;\n  }\n\n  /**\n   * Rerun decodeCertificate if previuos value not equal current value\n   */\n  @Watch('certificate')\n  watchCertificateAndDecode(newValue: TCertificateProp, oldValue: TCertificateProp) {\n    if (typeof newValue === 'string' && typeof oldValue === 'string') {\n      if (newValue !== oldValue) {\n        this.decodeCertificate(newValue);\n      }\n\n      return;\n    }\n\n    if (newValue instanceof X509Certificate && oldValue instanceof X509Certificate) {\n      if (newValue.serialNumber !== oldValue.serialNumber) {\n        this.decodeCertificate(newValue);\n      }\n    }\n  }\n\n  private getAuthKeyIdParentLink = (value: string) => this.authKeyIdParentLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getAuthKeyIdSiblingsLink = (value: string) => this.authKeyIdSiblingsLink\n    ?.replace('{{authKeyId}}', value);\n\n  private getSubjectKeyIdChildrenLink = (value: string) => this.subjectKeyIdChildrenLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  private getSubjectKeyIdSiblingsLink = (value: string) => this.subjectKeyIdSiblingsLink\n    ?.replace('{{subjectKeyId}}', value);\n\n  private getIssuerDnLink() {\n    return this.issuerDnLink;\n  }\n\n  private renderErrorState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There was an error decoding this certificate.\n        </Typography>\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    return (\n      <div class=\"status_wrapper\">\n        <Typography>\n          There is no certificate available.\n        </Typography>\n      </div>\n    );\n  }\n\n  render() {\n    if (this.certificateDecodeError) {\n      return this.renderErrorState();\n    }\n\n    if (!this.certificateDecoded) {\n      return this.renderEmptyState();\n    }\n\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        <table>\n          <BasicInformation\n            {...this.certificateDecoded}\n          />\n\n          <SubjectName\n            name={this.certificateDecoded.subject}\n          />\n\n          <IssuerName\n            name={this.certificateDecoded.issuer}\n            issuerDnLink={this.getIssuerDnLink()}\n          />\n\n          <PublicKey\n            publicKey={this.certificateDecoded.publicKey}\n          />\n\n          <Signature\n            signature={this.certificateDecoded.signature}\n          />\n\n          <Thumbprints\n            thumbprints={this.certificateDecoded.thumbprints}\n          />\n\n          <Extensions\n            extensions={this.certificateDecoded.extensions}\n            getLEILink={getLEILink}\n            getDNSNameLink={getDNSNameLink}\n            getIPAddressLink={getIPAddressLink}\n            getAuthKeyIdParentLink={this.getAuthKeyIdParentLink}\n            getAuthKeyIdSiblingsLink={this.getAuthKeyIdSiblingsLink}\n            getSubjectKeyIdChildrenLink={this.getSubjectKeyIdChildrenLink}\n            getSubjectKeyIdSiblingsLink={this.getSubjectKeyIdSiblingsLink}\n          />\n\n          {this.download && (\n            <Miscellaneous\n              certificate={this.certificateDecoded}\n            />\n          )}\n        </table>\n      </Host>\n    );\n  }\n}\n"],"names":["X509Certificate","h","Typography","Host","BasicInformation","SubjectName","IssuerName","PublicKey","Signature","Thumbprints","Extensions","getLEILink","getDNSNameLink","getIPAddressLink","Miscellaneous"],"mappings":"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"}

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

@@ -4,12 +4,13 @@
 'use strict';
 
 var index = require('./index-uHmGhObe.js');
-var x509_certificate = require('./x509_certificate-CzplJQ0X.js');
-var certification_request = require('./certification_request-CxHe71zR.js');
+var x509_certificate = require('./x509_certificate-DGRpZGA2.js');
+var certification_request = require('./certification_request-DISQwgjn.js');
 var button = require('./button-C8EWG_-r.js');
 var cross = require('./cross-3DqhA0G_.js');
 var download = require('./download-DQP0KR4o.js');
 var arrow_top = require('./arrow_top-Cw9KN115.js');
+require('./extension-CGZpfI3W.js');
 
 /**
  * @license

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

@@ -1 +1 @@
-{"file":"peculiar-certificates-viewer.entry.cjs.js","mappings":"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","names":["h","Typography","l10n","dateShort","X509Certificate","DetailsIcon","DownloadIcon","LinkIcon","index","OIDs","Button","ArrowTopIcon","ArrowBottomIcon","CrossIcon","Host"],"sources":["src/components/certificate-summary/certificate-summary.tsx","src/components/certificates-viewer/certificates-viewer.scss?tag=peculiar-certificates-viewer&encapsulation=shadow","src/components/certificates-viewer/certificates-viewer.tsx"],"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 { FunctionalComponent, h } from '@stencil/core';\nimport type { X509Certificate } from '../../crypto';\nimport { dateShort, l10n } from '../../utils';\nimport { Typography } from '../typography';\n\ninterface ICertificateSummaryProps {\n  certificate: X509Certificate;\n  showIssuer?: boolean;\n}\n\nexport const CertificateSummary: FunctionalComponent<ICertificateSummaryProps> = (props) => {\n  const {\n    certificate,\n    showIssuer,\n  } = props;\n\n  const renderRow = (name: string | string[], value: string | number) => (\n    <tr>\n      <td>\n        <Typography\n          variant=\"b2\"\n          color=\"gray-9\"\n        >\n          {name}\n        </Typography>\n      </td>\n      <td>\n        <Typography\n          variant=\"b2\"\n          color=\"black\"\n        >\n          {value}\n        </Typography>\n      </td>\n    </tr>\n  );\n\n  return (\n    <table>\n      <tbody>\n        {renderRow(\n          l10n.getString('subjectName'),\n          certificate.subjectToString(),\n        )}\n        {showIssuer && renderRow(\n          l10n.getString('issuerName'),\n          certificate.issuerToString(),\n        )}\n\n        {renderRow(\n          l10n.getString('serialNumber'),\n          certificate.serialNumber,\n        )}\n        {renderRow(\n          l10n.getString('version'),\n          certificate.version,\n        )}\n        {renderRow(\n          l10n.getString('validity'),\n          certificate.validity,\n        )}\n        {renderRow(\n          l10n.getString('issued'),\n          dateShort(certificate.notBefore),\n        )}\n        {renderRow(\n          l10n.getString('expired'),\n          dateShort(certificate.notAfter),\n        )}\n      </tbody>\n    </table>\n  );\n};\n","@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n  word-wrap: break-word;\n  min-width: 280px;\n  overflow: auto;\n  position: relative;\n}\n\n.search_section {\n  padding: var(--pv-size-base-4);\n  border-bottom: 1px solid var(--pv-color-gray-4);\n}\n\n.input_search {\n  height: var(--pv-size-base-8);\n  width: 100%;\n  outline: none;\n  background-color: var(--pv-color-gray-1);\n  padding: 0 var(--pv-size-base-2);\n  border: 1px solid var(--pv-color-gray-7);\n  border-radius: 4px;\n  transition: background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s;\n  &::placeholder {\n    color: var(--pv-color-gray-9);\n  }\n}\n\ntable {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  td, th {\n    border-bottom: 1px solid var(--pv-color-gray-4);\n    vertical-align: top;\n    text-align: left;\n\n    &:first-child {\n      padding-right: 0;\n      width: var(--pv-size-base-10);\n    }\n    &:last-child {\n      padding-left: 0;\n      width: var(--pv-size-base-10);\n    }\n  }\n\n  th {\n    padding: var(--pv-size-base-2) var(--pv-size-base-4);\n\n    &.col_action {\n      padding: 0;\n    }\n  }\n\n  td {\n    padding: var(--pv-size-base-4);\n  }\n\n  tr {\n    &.m_expanded {\n      background: var(--pv-color-gray-1);\n\n      > td {\n        border-bottom: none;\n      }\n    }\n\n    &.expanded_summary {\n      background: var(--pv-color-gray-1);\n\n      table {\n        table-layout: initial;\n\n        td {\n          border-bottom: none;\n          padding: var(--pv-size-base-2);\n\n          &:first-child {\n            width: 200px;\n          }\n\n          &:last-child {\n            width: auto;\n          }\n        }\n      }\n    }\n  }\n}\n\n.button_table_cell {\n  margin-top: -3px;\n}\n\n.status_wrapper {\n  text-align: center;\n  height: var(--pv-size-base-16);\n  vertical-align: middle;\n}\n\n.modal_wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  animation: fadeIn 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.modal_backdrop {\n  background: var(--pv-color-black);\n  z-index: -1;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n}\n\n.modal_container {\n  background: var(--pv-color-white);\n  width: 100%;\n  display: flex;\n  max-height: calc(100% - 60px);\n  flex-direction: column;\n  margin: var(--pv-size-base-6);\n  position: relative;\n  outline: none;\n  box-shadow: var(--pv-shadow-dark-hight);\n  overflow: hidden;\n  border: 0px;\n  padding: 0px;\n  max-width: 640px;\n  border-radius: 4px;\n}\n\n.modal_header {\n  padding: var(--pv-size-base-3) var(--pv-size-base-4);\n  display: flex;\n  flex: 0 0 auto;\n  -webkit-box-pack: justify;\n  justify-content: space-between;\n  gap: var(--pv-size-base-2);\n  border-bottom: 1px solid var(--pv-color-gray-5);\n}\n\n.modal_content {\n  flex: 1 1 auto;\n  overflow: auto;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n  table, tbody, tr, td {\n    display: block;\n    width: 100% !important;\n    padding: 0;\n    border: none;\n  }\n\n  thead {\n    display: none;\n  }\n\n  table {\n    tr {\n      padding: var(--pv-size-base-2) 0;\n    }\n\n    .expanded_summary {\n      padding: 0;\n    }\n\n    .certificate_row {\n      border-bottom: 1px solid var(--pv-color-gray-5);\n      padding: var(--pv-size-base-2) var(--pv-size-base-4);\n    }\n\n    .certificate_row_actions {\n      padding-top: var(--pv-size-base-6);\n\n      td {\n        display: flex;\n        justify-content: right;\n        gap: var(--pv-size-base-4);\n      }\n    }\n  }\n\n  .button_table_cell {\n    margin-top: 0;\n  }\n}\n","/**\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  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Event,\n  EventEmitter,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport { OIDs } from '../../constants/oids';\nimport { l10n } from '../../utils';\nimport { Typography } from '../typography';\nimport { CertificateSummary } from '../certificate-summary';\nimport { Button } from '../button';\nimport {\n  DownloadIcon,\n  LinkIcon,\n  DetailsIcon,\n  ArrowBottomIcon,\n  ArrowTopIcon,\n  CrossIcon,\n} from '../icons';\n\nexport interface ICertificate {\n  value: string;\n  name?: string | ((certificate: X509Certificate) => string);\n  tests?: {\n    valid?: string;\n    revoked?: string;\n    expired?: string;\n  };\n}\n\ninterface ICertificateDecoded {\n  body: X509Certificate;\n  tests?: ICertificate['tests'];\n  name?: ICertificate['name'];\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots = false;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * List of certificates values for decode and show in the list.\n   * <br />\n   * **NOTE**: If you do not provide a `name` value when\n   * invocing the component it will take the first Subject CN value.\n   * <br />\n   * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.\n   * <br />\n   * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.\n   */\n  @Prop() certificates: ICertificate[] = [];\n\n  /**\n   * Use filter in the list when search is changed.\n   */\n  @Prop() filterWithSearch = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch = true;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  /**\n   * Emitted when the user open certificate details modal.\n   */\n  @Event() detailsOpen!: EventEmitter<X509Certificate>;\n\n  /**\n   * Emitted when the user close certificate details modal.\n   */\n  @Event() detailsClose!: EventEmitter<void>;\n\n  @State() mobileScreenView = false;\n\n  @State() search = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.certificatesDecodeAndSet();\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  @Watch('certificates')\n  watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]) {\n    /**\n     * Prevent rerender after set the same `certificates` prop.\n     */\n    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\n      this.certificatesDecodeAndSet();\n    }\n  }\n\n  async certificatesDecodeAndSet() {\n    let hasRoots = false;\n\n    if (!Array.isArray(this.certificates)) {\n      return;\n    }\n\n    const data: ICertificateDecoded[] = [];\n\n    for (const certificate of this.certificates) {\n      try {\n        const decoded = new X509Certificate(certificate.value);\n\n        await decoded.getThumbprint('SHA-1');\n\n        data.push({\n          body: decoded,\n          tests: certificate.tests,\n          name: certificate.name,\n        });\n\n        if (!hasRoots && decoded.isRoot) {\n          hasRoots = true;\n        }\n      } catch (error) {\n        console.error('Error certificate parse:', error);\n      }\n    }\n\n    this.isHasRoots = hasRoots;\n    this.isDecodeInProcess = false;\n    this.certificatesDecoded = data;\n  }\n\n  private getCertificateName(certificate: ICertificateDecoded) {\n    if (typeof certificate.name === 'function') {\n      return certificate.name(certificate.body);\n    }\n\n    return certificate.name || certificate.body.commonName;\n  }\n\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(this.getCertificateName(certificate));\n  }\n\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(this.getCertificateName(certificate));\n  }\n\n  private handleClickDetails = (certificate: X509Certificate) => {\n    this.certificateSelectedForDetails = certificate;\n    this.detailsOpen.emit(certificate);\n  };\n\n  private handleModalClose = () => {\n    this.certificateSelectedForDetails = undefined;\n\n    this.detailsClose.emit();\n  };\n\n  private handleClickRow(index: number) {\n    const isExpandedRowClicked = this.expandedRow === index;\n\n    this.expandedRow = isExpandedRowClicked\n      ? undefined\n      : index;\n  }\n\n  private handleSearch = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    this.search = target.value.trim();\n  };\n\n  private getMaxColSpanValue() {\n    let colSpan = 5;\n\n    if (!this.isHasRoots) {\n      colSpan += 1;\n    }\n\n    return colSpan;\n  }\n\n  private renderCertificateButtonActions(certificate: ICertificateDecoded) {\n    const isHasTestURLs = certificate.tests\n      && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid);\n\n    return (\n      <peculiar-button-menu\n        class=\"button_table_cell\"\n        groups={[\n          {\n            title: l10n.getString('previewCertificate'),\n            options: [\n              {\n                text: l10n.getString('viewDetails'),\n                startIcon: <DetailsIcon />,\n                onClick: () => this.handleClickDetails(certificate.body),\n              },\n            ],\n          },\n          {\n            title: l10n.getString('downloadOptions'),\n            options: [\n              {\n                text: l10n.getString('download.pem'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsPem(certificate),\n              },\n              {\n                text: l10n.getString('download.der'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsDer(certificate),\n              },\n            ],\n          },\n          ...(isHasTestURLs\n            ? [{\n                title: l10n.getString('testURLs'),\n                options: [\n                  ...(certificate.tests?.valid\n                    ? [{\n                        text: l10n.getString('valid'),\n                        href: certificate.tests.valid,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.revoked\n                    ? [{\n                        text: l10n.getString('revoked'),\n                        href: certificate.tests.revoked,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.expired\n                    ? [{\n                        text: l10n.getString('expired'),\n                        href: certificate.tests.expired,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                ],\n              }]\n            : []),\n        ]}\n      />\n    );\n  }\n\n  private renderExpandedRow(certificate: X509Certificate) {\n    const colSpan = this.getMaxColSpanValue() - 2;\n\n    return (\n      <tr class=\"expanded_summary\">\n        <td />\n        <td colSpan={colSpan}>\n          <CertificateSummary\n            certificate={certificate}\n            showIssuer={!certificate.isRoot}\n          />\n        </td>\n        <td />\n      </tr>\n    );\n  }\n\n  private renderCertificatesRows() {\n    const searchHighlight = this.highlightWithSearch\n      ? this.search\n      : '';\n    const content = [];\n\n    this.certificatesDecoded.forEach((certificate, index) => {\n      const isExpandedRow = index === this.expandedRow;\n      const publicKeyValue = OIDs[certificate.body.signature.algorithm]\n        || certificate.body.signature.algorithm;\n\n      if (this.filterWithSearch && this.search) {\n        const certificateStringForSearch = [\n          publicKeyValue,\n          certificate.body.issuerCommonName,\n          this.getCertificateName(certificate),\n          certificate.body.thumbprints['SHA-1'],\n        ]\n          .join(' ')\n          .toLowerCase();\n\n        if (certificateStringForSearch.indexOf(this.search.toLowerCase()) === -1) {\n          return;\n        }\n      }\n\n      if (this.mobileScreenView) {\n        content.push([\n          <tr\n            class={{\n              certificate_row: true,\n              m_expanded: isExpandedRow,\n            }}\n            key={certificate.body.thumbprints['SHA-1']}\n          >\n            <td>\n              <table>\n                <tbody>\n                  {!this.isHasRoots && (\n                    <tr>\n                      <td>\n                        <Typography variant=\"b2\" color=\"gray-9\">\n                          {l10n.getString('issuer')}\n                        </Typography>\n                      </td>\n                      <td>\n                        <Typography variant=\"b2\" color=\"black\">\n                          <peculiar-highlight-words search={searchHighlight}>\n                            {certificate.body.issuerCommonName}\n                          </peculiar-highlight-words>\n                        </Typography>\n                      </td>\n                    </tr>\n                  )}\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('name')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {this.getCertificateName(certificate)}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('publicKey')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {publicKeyValue}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('fingerprint')}\n                        &nbsp; (SHA-1)\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {certificate.body.thumbprints['SHA-1']}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  {isExpandedRow && this.renderExpandedRow(certificate.body)}\n                  <tr class=\"certificate_row_actions\">\n                    <td>\n                      {this.renderCertificateButtonActions(certificate)}\n                      <Button\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n                        onClick={this.handleClickRow.bind(this, index)}\n                      />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </td>\n          </tr>,\n        ]);\n\n        return;\n      }\n\n      content.push([\n        <tr\n          class={{ m_expanded: isExpandedRow }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n              class=\"button_table_cell\"\n\n              onClick={this.handleClickRow.bind(this, index)}\n            />\n          </td>\n          {!this.isHasRoots && (\n            <td>\n              <Typography>\n                <peculiar-highlight-words search={searchHighlight}>\n                  {certificate.body.issuerCommonName}\n                </peculiar-highlight-words>\n              </Typography>\n            </td>\n          )}\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {this.getCertificateName(certificate)}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {publicKeyValue}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {certificate.body.thumbprints['SHA-1']}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            {this.renderCertificateButtonActions(certificate)}\n          </td>\n        </tr>,\n        isExpandedRow && this.renderExpandedRow(certificate.body),\n      ]);\n    });\n\n    return content;\n  }\n\n  private renderCertificateDetailsModal() {\n    if (!this.certificateSelectedForDetails) {\n      return null;\n    }\n\n    return (\n      <div\n        class=\"modal_wrapper\"\n        role=\"presentation\"\n        aria-hidden=\"false\"\n        part=\"presentation\"\n      >\n        <div\n          class=\"modal_backdrop\"\n          aria-hidden=\"true\"\n          onClick={this.handleModalClose}\n        />\n        <div\n          class=\"modal_container\"\n          role=\"dialog\"\n          part=\"presentation_container\"\n        >\n          <header class=\"modal_header\">\n            <Typography\n              variant=\"h4\"\n            >\n              {l10n.getString('certificateDetails')}\n            </Typography>\n            <Button\n              startIcon={<CrossIcon />}\n              onClick={this.handleModalClose}\n            />\n          </header>\n          <div class=\"modal_content\">\n            <peculiar-certificate-viewer\n              certificate={this.certificateSelectedForDetails}\n              mobileMediaQueryString={this.mobileMediaQueryString}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSearch() {\n    if (!this.filterWithSearch && !this.highlightWithSearch) {\n      return null;\n    }\n\n    return (\n      <div class=\"search_section\">\n        <input\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\n          onInput={this.handleSearch}\n        />\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            There are no certificates available.\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderEmptySearchState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            No results found for &ldquo;\n            {this.search}\n            &ldquo;\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderLoadingState() {\n    return (\n      <div class=\"loading_container\">\n        <peculiar-circular-progress />\n      </div>\n    );\n  }\n\n  private renderTableBody() {\n    if (this.isDecodeInProcess) {\n      return null;\n    }\n\n    if (!this.certificatesDecoded.length) {\n      return this.renderEmptyState();\n    }\n\n    const certificatesRows = this.renderCertificatesRows();\n\n    if (this.search && !certificatesRows.length) {\n      return this.renderEmptySearchState();\n    }\n\n    return certificatesRows;\n  }\n\n  render() {\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        {this.renderSearch()}\n        <table>\n          {!this.mobileScreenView && (\n            <thead>\n              <tr>\n                <th />\n                {!this.isHasRoots && (\n                  <th class=\"col_issuer\">\n                    <Typography variant=\"s2\">\n                      {l10n.getString('issuer')}\n                    </Typography>\n                  </th>\n                )}\n                <th class=\"col_name\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('name')}\n                  </Typography>\n                </th>\n                <th class=\"col_public_key\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('publicKey')}\n                  </Typography>\n                </th>\n                <th class=\"col_fingerprint\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('fingerprint')}\n                    &nbsp; (SHA-1)\n                  </Typography>\n                </th>\n                <th />\n              </tr>\n            </thead>\n          )}\n          <tbody>\n            {this.renderTableBody()}\n          </tbody>\n        </table>\n\n        {this.renderCertificateDetailsModal()}\n        {this.isDecodeInProcess && this.renderLoadingState()}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"peculiar-certificates-viewer.entry.cjs.js","mappings":"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","names":["h","Typography","l10n","dateShort","X509Certificate","DetailsIcon","DownloadIcon","LinkIcon","index","OIDs","Button","ArrowTopIcon","ArrowBottomIcon","CrossIcon","Host"],"sources":["src/components/certificate-summary/certificate-summary.tsx","src/components/certificates-viewer/certificates-viewer.scss?tag=peculiar-certificates-viewer&encapsulation=shadow","src/components/certificates-viewer/certificates-viewer.tsx"],"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 { FunctionalComponent, h } from '@stencil/core';\nimport type { X509Certificate } from '../../crypto';\nimport { dateShort, l10n } from '../../utils';\nimport { Typography } from '../typography';\n\ninterface ICertificateSummaryProps {\n  certificate: X509Certificate;\n  showIssuer?: boolean;\n}\n\nexport const CertificateSummary: FunctionalComponent<ICertificateSummaryProps> = (props) => {\n  const {\n    certificate,\n    showIssuer,\n  } = props;\n\n  const renderRow = (name: string | string[], value: string | number) => (\n    <tr>\n      <td>\n        <Typography\n          variant=\"b2\"\n          color=\"gray-9\"\n        >\n          {name}\n        </Typography>\n      </td>\n      <td>\n        <Typography\n          variant=\"b2\"\n          color=\"black\"\n        >\n          {value}\n        </Typography>\n      </td>\n    </tr>\n  );\n\n  return (\n    <table>\n      <tbody>\n        {renderRow(\n          l10n.getString('subjectName'),\n          certificate.subjectToString(),\n        )}\n        {showIssuer && renderRow(\n          l10n.getString('issuerName'),\n          certificate.issuerToString(),\n        )}\n\n        {renderRow(\n          l10n.getString('serialNumber'),\n          certificate.serialNumber,\n        )}\n        {renderRow(\n          l10n.getString('version'),\n          certificate.version,\n        )}\n        {renderRow(\n          l10n.getString('validity'),\n          certificate.validity,\n        )}\n        {renderRow(\n          l10n.getString('issued'),\n          dateShort(certificate.notBefore),\n        )}\n        {renderRow(\n          l10n.getString('expired'),\n          dateShort(certificate.notAfter),\n        )}\n      </tbody>\n    </table>\n  );\n};\n","@import '../../css/base.scss';\n\n:host {\n  display: block;\n  width: 100%;\n  word-wrap: break-word;\n  min-width: 280px;\n  overflow: auto;\n  position: relative;\n}\n\n.search_section {\n  padding: var(--pv-size-base-4);\n  border-bottom: 1px solid var(--pv-color-gray-4);\n}\n\n.input_search {\n  height: var(--pv-size-base-8);\n  width: 100%;\n  outline: none;\n  background-color: var(--pv-color-gray-1);\n  padding: 0 var(--pv-size-base-2);\n  border: 1px solid var(--pv-color-gray-7);\n  border-radius: 4px;\n  transition: background-color 200ms ease 0s, color 200ms ease 0s, border-color 200ms ease 0s;\n  &::placeholder {\n    color: var(--pv-color-gray-9);\n  }\n}\n\ntable {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  border-spacing: 0;\n\n  td, th {\n    border-bottom: 1px solid var(--pv-color-gray-4);\n    vertical-align: top;\n    text-align: left;\n\n    &:first-child {\n      padding-right: 0;\n      width: var(--pv-size-base-10);\n    }\n    &:last-child {\n      padding-left: 0;\n      width: var(--pv-size-base-10);\n    }\n  }\n\n  th {\n    padding: var(--pv-size-base-2) var(--pv-size-base-4);\n\n    &.col_action {\n      padding: 0;\n    }\n  }\n\n  td {\n    padding: var(--pv-size-base-4);\n  }\n\n  tr {\n    &.m_expanded {\n      background: var(--pv-color-gray-1);\n\n      > td {\n        border-bottom: none;\n      }\n    }\n\n    &.expanded_summary {\n      background: var(--pv-color-gray-1);\n\n      table {\n        table-layout: initial;\n\n        td {\n          border-bottom: none;\n          padding: var(--pv-size-base-2);\n\n          &:first-child {\n            width: 200px;\n          }\n\n          &:last-child {\n            width: auto;\n          }\n        }\n      }\n    }\n  }\n}\n\n.button_table_cell {\n  margin-top: -3px;\n}\n\n.status_wrapper {\n  text-align: center;\n  height: var(--pv-size-base-16);\n  vertical-align: middle;\n}\n\n.modal_wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  animation: fadeIn 200ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.modal_backdrop {\n  background: var(--pv-color-black);\n  z-index: -1;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n}\n\n.modal_container {\n  background: var(--pv-color-white);\n  width: 100%;\n  display: flex;\n  max-height: calc(100% - 60px);\n  flex-direction: column;\n  margin: var(--pv-size-base-6);\n  position: relative;\n  outline: none;\n  box-shadow: var(--pv-shadow-dark-hight);\n  overflow: hidden;\n  border: 0px;\n  padding: 0px;\n  max-width: 640px;\n  border-radius: 4px;\n}\n\n.modal_header {\n  padding: var(--pv-size-base-3) var(--pv-size-base-4);\n  display: flex;\n  flex: 0 0 auto;\n  -webkit-box-pack: justify;\n  justify-content: space-between;\n  gap: var(--pv-size-base-2);\n  border-bottom: 1px solid var(--pv-color-gray-5);\n}\n\n.modal_content {\n  flex: 1 1 auto;\n  overflow: auto;\n}\n\n:host([data-mobile-screen-view=\"true\"]) {\n  table, tbody, tr, td {\n    display: block;\n    width: 100% !important;\n    padding: 0;\n    border: none;\n  }\n\n  thead {\n    display: none;\n  }\n\n  table {\n    tr {\n      padding: var(--pv-size-base-2) 0;\n    }\n\n    .expanded_summary {\n      padding: 0;\n    }\n\n    .certificate_row {\n      border-bottom: 1px solid var(--pv-color-gray-5);\n      padding: var(--pv-size-base-2) var(--pv-size-base-4);\n    }\n\n    .certificate_row_actions {\n      padding-top: var(--pv-size-base-6);\n\n      td {\n        display: flex;\n        justify-content: right;\n        gap: var(--pv-size-base-4);\n      }\n    }\n  }\n\n  .button_table_cell {\n    margin-top: 0;\n  }\n}\n","/**\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  h,\n  Prop,\n  State,\n  Watch,\n  Host,\n  Event,\n  EventEmitter,\n  Build,\n} from '@stencil/core';\nimport { X509Certificate } from '../../crypto';\nimport { OIDs } from '../../constants/oids';\nimport { l10n } from '../../utils';\nimport { Typography } from '../typography';\nimport { CertificateSummary } from '../certificate-summary';\nimport { Button } from '../button';\nimport {\n  DownloadIcon,\n  LinkIcon,\n  DetailsIcon,\n  ArrowBottomIcon,\n  ArrowTopIcon,\n  CrossIcon,\n} from '../icons';\n\nexport interface ICertificate {\n  value: string;\n  name?: string | ((certificate: X509Certificate) => string);\n  tests?: {\n    valid?: string;\n    revoked?: string;\n    expired?: string;\n  };\n}\n\ninterface ICertificateDecoded {\n  body: X509Certificate;\n  tests?: ICertificate['tests'];\n  name?: ICertificate['name'];\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots = false;\n\n  private mobileMediaQuery: MediaQueryList;\n\n  /**\n   * List of certificates values for decode and show in the list.\n   * <br />\n   * **NOTE**: If you do not provide a `name` value when\n   * invocing the component it will take the first Subject CN value.\n   * <br />\n   * **NOTE**: If you do not provide a `tests` this column will be ommited from the rendered page.\n   * <br />\n   * **NOTE**: If the supplied certificates are self-signed the issuer column will be ommited.\n   */\n  @Prop() certificates: ICertificate[] = [];\n\n  /**\n   * Use filter in the list when search is changed.\n   */\n  @Prop() filterWithSearch = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch = true;\n\n  /**\n   * Mobile media query string to control screen view change.\n   * <br />\n   * **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.\n   * @example\n   *  (max-width: 900px)\n   */\n  @Prop({ reflect: false }) mobileMediaQueryString?: string = '(max-width: 900px)';\n\n  /**\n   * Emitted when the user open certificate details modal.\n   */\n  @Event() detailsOpen!: EventEmitter<X509Certificate>;\n\n  /**\n   * Emitted when the user close certificate details modal.\n   */\n  @Event() detailsClose!: EventEmitter<void>;\n\n  @State() mobileScreenView = false;\n\n  @State() search = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess = true;\n\n  private handleMediaQueryChange(event: MediaQueryListEvent) {\n    this.mobileScreenView = event.matches;\n  }\n\n  componentWillLoad() {\n    this.certificatesDecodeAndSet();\n\n    if (Build.isBrowser) {\n      this.mobileMediaQuery = window.matchMedia(this.mobileMediaQueryString);\n      this.mobileMediaQuery.addEventListener('change', this.handleMediaQueryChange.bind(this));\n      this.mobileScreenView = this.mobileMediaQuery.matches;\n    }\n  }\n\n  disconnectedCallback() {\n    this.mobileMediaQuery.removeEventListener('change', this.handleMediaQueryChange.bind(this));\n  }\n\n  @Watch('certificates')\n  watchCertificates(newValue: ICertificate[], oldValue: ICertificate[]) {\n    /**\n     * Prevent rerender after set the same `certificates` prop.\n     */\n    if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {\n      this.certificatesDecodeAndSet();\n    }\n  }\n\n  async certificatesDecodeAndSet() {\n    let hasRoots = false;\n\n    if (!Array.isArray(this.certificates)) {\n      return;\n    }\n\n    const data: ICertificateDecoded[] = [];\n\n    for (const certificate of this.certificates) {\n      try {\n        const decoded = new X509Certificate(certificate.value);\n\n        await decoded.getThumbprint('SHA-1');\n\n        data.push({\n          body: decoded,\n          tests: certificate.tests,\n          name: certificate.name,\n        });\n\n        if (!hasRoots && decoded.isRoot) {\n          hasRoots = true;\n        }\n      } catch (error) {\n        console.error('Error certificate parse:', error);\n      }\n    }\n\n    this.isHasRoots = hasRoots;\n    this.isDecodeInProcess = false;\n    this.certificatesDecoded = data;\n  }\n\n  private getCertificateName(certificate: ICertificateDecoded) {\n    if (typeof certificate.name === 'function') {\n      return certificate.name(certificate.body);\n    }\n\n    return certificate.name || certificate.body.commonName;\n  }\n\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(this.getCertificateName(certificate));\n  }\n\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(this.getCertificateName(certificate));\n  }\n\n  private handleClickDetails = (certificate: X509Certificate) => {\n    this.certificateSelectedForDetails = certificate;\n    this.detailsOpen.emit(certificate);\n  };\n\n  private handleModalClose = () => {\n    this.certificateSelectedForDetails = undefined;\n\n    this.detailsClose.emit();\n  };\n\n  private handleClickRow(index: number) {\n    const isExpandedRowClicked = this.expandedRow === index;\n\n    this.expandedRow = isExpandedRowClicked\n      ? undefined\n      : index;\n  }\n\n  private handleSearch = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    this.search = target.value.trim();\n  };\n\n  private getMaxColSpanValue() {\n    let colSpan = 5;\n\n    if (!this.isHasRoots) {\n      colSpan += 1;\n    }\n\n    return colSpan;\n  }\n\n  private renderCertificateButtonActions(certificate: ICertificateDecoded) {\n    const isHasTestURLs = certificate.tests\n      && (certificate.tests.expired || certificate.tests.revoked || certificate.tests.valid);\n\n    return (\n      <peculiar-button-menu\n        class=\"button_table_cell\"\n        groups={[\n          {\n            title: l10n.getString('previewCertificate'),\n            options: [\n              {\n                text: l10n.getString('viewDetails'),\n                startIcon: <DetailsIcon />,\n                onClick: () => this.handleClickDetails(certificate.body),\n              },\n            ],\n          },\n          {\n            title: l10n.getString('downloadOptions'),\n            options: [\n              {\n                text: l10n.getString('download.pem'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsPem(certificate),\n              },\n              {\n                text: l10n.getString('download.der'),\n                startIcon: <DownloadIcon />,\n                onClick: () => this.handleClickDownloadAsDer(certificate),\n              },\n            ],\n          },\n          ...(isHasTestURLs\n            ? [{\n                title: l10n.getString('testURLs'),\n                options: [\n                  ...(certificate.tests?.valid\n                    ? [{\n                        text: l10n.getString('valid'),\n                        href: certificate.tests.valid,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.revoked\n                    ? [{\n                        text: l10n.getString('revoked'),\n                        href: certificate.tests.revoked,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                  ...(certificate.tests?.expired\n                    ? [{\n                        text: l10n.getString('expired'),\n                        href: certificate.tests.expired,\n                        startIcon: <LinkIcon />,\n                      }]\n                    : []),\n                ],\n              }]\n            : []),\n        ]}\n      />\n    );\n  }\n\n  private renderExpandedRow(certificate: X509Certificate) {\n    const colSpan = this.getMaxColSpanValue() - 2;\n\n    return (\n      <tr class=\"expanded_summary\">\n        <td />\n        <td colSpan={colSpan}>\n          <CertificateSummary\n            certificate={certificate}\n            showIssuer={!certificate.isRoot}\n          />\n        </td>\n        <td />\n      </tr>\n    );\n  }\n\n  private renderCertificatesRows() {\n    const searchHighlight = this.highlightWithSearch\n      ? this.search\n      : '';\n    const content = [];\n\n    this.certificatesDecoded.forEach((certificate, index) => {\n      const isExpandedRow = index === this.expandedRow;\n      const publicKeyValue = OIDs[certificate.body.signature.algorithm]\n        || certificate.body.signature.algorithm;\n\n      if (this.filterWithSearch && this.search) {\n        const certificateStringForSearch = [\n          publicKeyValue,\n          certificate.body.issuerCommonName,\n          this.getCertificateName(certificate),\n          certificate.body.thumbprints['SHA-1'],\n        ]\n          .join(' ')\n          .toLowerCase();\n\n        if (certificateStringForSearch.indexOf(this.search.toLowerCase()) === -1) {\n          return;\n        }\n      }\n\n      if (this.mobileScreenView) {\n        content.push([\n          <tr\n            class={{\n              certificate_row: true,\n              m_expanded: isExpandedRow,\n            }}\n            key={certificate.body.thumbprints['SHA-1']}\n          >\n            <td>\n              <table>\n                <tbody>\n                  {!this.isHasRoots && (\n                    <tr>\n                      <td>\n                        <Typography variant=\"b2\" color=\"gray-9\">\n                          {l10n.getString('issuer')}\n                        </Typography>\n                      </td>\n                      <td>\n                        <Typography variant=\"b2\" color=\"black\">\n                          <peculiar-highlight-words search={searchHighlight}>\n                            {certificate.body.issuerCommonName}\n                          </peculiar-highlight-words>\n                        </Typography>\n                      </td>\n                    </tr>\n                  )}\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('name')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {this.getCertificateName(certificate)}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('publicKey')}\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {publicKeyValue}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  <tr>\n                    <td>\n                      <Typography variant=\"b2\" color=\"gray-9\">\n                        {l10n.getString('fingerprint')}\n                        &nbsp; (SHA-1)\n                      </Typography>\n                    </td>\n                    <td>\n                      <Typography variant=\"b2\" color=\"black\">\n                        <peculiar-highlight-words search={searchHighlight}>\n                          {certificate.body.thumbprints['SHA-1']}\n                        </peculiar-highlight-words>\n                      </Typography>\n                    </td>\n                  </tr>\n                  {isExpandedRow && this.renderExpandedRow(certificate.body)}\n                  <tr class=\"certificate_row_actions\">\n                    <td>\n                      {this.renderCertificateButtonActions(certificate)}\n                      <Button\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n                        onClick={this.handleClickRow.bind(this, index)}\n                      />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </td>\n          </tr>,\n        ]);\n\n        return;\n      }\n\n      content.push([\n        <tr\n          class={{ m_expanded: isExpandedRow }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\n              class=\"button_table_cell\"\n\n              onClick={this.handleClickRow.bind(this, index)}\n            />\n          </td>\n          {!this.isHasRoots && (\n            <td>\n              <Typography>\n                <peculiar-highlight-words search={searchHighlight}>\n                  {certificate.body.issuerCommonName}\n                </peculiar-highlight-words>\n              </Typography>\n            </td>\n          )}\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {this.getCertificateName(certificate)}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {publicKeyValue}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            <Typography>\n              <peculiar-highlight-words search={searchHighlight}>\n                {certificate.body.thumbprints['SHA-1']}\n              </peculiar-highlight-words>\n            </Typography>\n          </td>\n          <td>\n            {this.renderCertificateButtonActions(certificate)}\n          </td>\n        </tr>,\n        isExpandedRow && this.renderExpandedRow(certificate.body),\n      ]);\n    });\n\n    return content;\n  }\n\n  private renderCertificateDetailsModal() {\n    if (!this.certificateSelectedForDetails) {\n      return null;\n    }\n\n    return (\n      <div\n        class=\"modal_wrapper\"\n        role=\"presentation\"\n        aria-hidden=\"false\"\n        part=\"presentation\"\n      >\n        <div\n          class=\"modal_backdrop\"\n          aria-hidden=\"true\"\n          onClick={this.handleModalClose}\n        />\n        <div\n          class=\"modal_container\"\n          role=\"dialog\"\n          part=\"presentation_container\"\n        >\n          <header class=\"modal_header\">\n            <Typography\n              variant=\"h4\"\n            >\n              {l10n.getString('certificateDetails')}\n            </Typography>\n            <Button\n              startIcon={<CrossIcon />}\n              onClick={this.handleModalClose}\n            />\n          </header>\n          <div class=\"modal_content\">\n            <peculiar-certificate-viewer\n              certificate={this.certificateSelectedForDetails}\n              mobileMediaQueryString={this.mobileMediaQueryString}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSearch() {\n    if (!this.filterWithSearch && !this.highlightWithSearch) {\n      return null;\n    }\n\n    return (\n      <div class=\"search_section\">\n        <input\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\n          onInput={this.handleSearch}\n        />\n      </div>\n    );\n  }\n\n  private renderEmptyState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            There are no certificates available.\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderEmptySearchState() {\n    const colSpan = this.getMaxColSpanValue();\n\n    return (\n      <tr>\n        <td\n          class=\"status_wrapper\"\n          colSpan={colSpan}\n        >\n          <Typography\n            variant=\"b1\"\n          >\n            No results found for &ldquo;\n            {this.search}\n            &ldquo;\n          </Typography>\n        </td>\n      </tr>\n    );\n  }\n\n  private renderLoadingState() {\n    return (\n      <div class=\"loading_container\">\n        <peculiar-circular-progress />\n      </div>\n    );\n  }\n\n  private renderTableBody() {\n    if (this.isDecodeInProcess) {\n      return null;\n    }\n\n    if (!this.certificatesDecoded.length) {\n      return this.renderEmptyState();\n    }\n\n    const certificatesRows = this.renderCertificatesRows();\n\n    if (this.search && !certificatesRows.length) {\n      return this.renderEmptySearchState();\n    }\n\n    return certificatesRows;\n  }\n\n  render() {\n    return (\n      <Host\n        data-mobile-screen-view={String(this.mobileScreenView)}\n      >\n        {this.renderSearch()}\n        <table>\n          {!this.mobileScreenView && (\n            <thead>\n              <tr>\n                <th />\n                {!this.isHasRoots && (\n                  <th class=\"col_issuer\">\n                    <Typography variant=\"s2\">\n                      {l10n.getString('issuer')}\n                    </Typography>\n                  </th>\n                )}\n                <th class=\"col_name\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('name')}\n                  </Typography>\n                </th>\n                <th class=\"col_public_key\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('publicKey')}\n                  </Typography>\n                </th>\n                <th class=\"col_fingerprint\">\n                  <Typography variant=\"s2\">\n                    {l10n.getString('fingerprint')}\n                    &nbsp; (SHA-1)\n                  </Typography>\n                </th>\n                <th />\n              </tr>\n            </thead>\n          )}\n          <tbody>\n            {this.renderTableBody()}\n          </tbody>\n        </table>\n\n        {this.renderCertificateDetailsModal()}\n        {this.isDecodeInProcess && this.renderLoadingState()}\n      </Host>\n    );\n  }\n}\n"],"version":3}