@peculiar/certificates-viewer 4.2.0 → 4.2.1

package/dist/peculiar/p-a67b8793.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CertificateSummary","props","certificate","showIssuer","renderRow","name","value","h","Typography","variant","color","l10n","getString","subjectToString","issuerToString","serialNumber","version","validity","dateShort","notBefore","notAfter","certificatesViewerCss","CertificatesViewer","exports","this","isHasRoots","handleClickDetails","_this","certificateSelectedForDetails","detailsOpen","emit","handleModalClose","undefined","detailsClose","handleSearch","event","search","target","trim","class_1","prototype","handleMediaQueryChange","mobileScreenView","matches","componentWillLoad","certificatesDecodeAndSet","mobileMediaQuery","window","matchMedia","mobileMediaQueryString","addEventListener","bind","disconnectedCallback","removeEventListener","watchCertificates","newValue","oldValue","JSON","stringify","hasRoots","Array","isArray","certificates","data","_d","_i","length","decoded","X509Certificate","getThumbprint","_e","sent","push","body","tests","isRoot","console","error","error_1","isDecodeInProcess","certificatesDecoded","handleClickDownloadAsPem","downloadAsPEM","commonName","handleClickDownloadAsDer","downloadAsDER","handleClickRow","index","isExpandedRowClicked","expandedRow","getMaxColSpanValue","colSpan","renderCertificateButtonActions","isHasTestURLs","expired","revoked","valid","class","groups","__spreadArray","title","options","text","startIcon","DetailsIcon","onClick","DownloadIcon","_a","href","LinkIcon","_b","_c","renderExpandedRow","renderCertificatesRows","searchHighlight","highlightWithSearch","content","forEach","isExpandedRow","publicKeyValue","OIDs","signature","algorithm","filterWithSearch","certificateStringForSearch","issuerCommonName","thumbprints","join","toLowerCase","indexOf","certificate_row","m_expanded","key","Button","ArrowTopIcon","ArrowBottomIcon","renderCertificateDetailsModal","role","part","CrossIcon","renderSearch","onInput","type","disabled","placeholder","renderEmptyState","renderEmptySearchState","renderLoadingState","renderTableBody","certificatesRows","render","Host","String"],"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 CertificateSummaryProps {\n  certificate: X509Certificate;\n  showIssuer?: boolean;\n}\n\nexport const CertificateSummary: FunctionalComponent<CertificateSummaryProps> = (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';\n\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;\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?: string;\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots: boolean = 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: boolean = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch: boolean = 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: boolean = false;\n\n  @State() search: string = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess: boolean = 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    // eslint-disable-next-line no-restricted-syntax\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  // eslint-disable-next-line class-methods-use-this\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(certificate.name || certificate.body.commonName);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(certificate.name || certificate.body.commonName);\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: any) => {\n    this.search = event.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            title: l10n.getString('testURLs'),\n            options: [\n              ...(certificate.tests?.valid ? [{\n                text: l10n.getString('valid'),\n                href: certificate.tests.valid,\n                startIcon: <LinkIcon />,\n              }] : []),\n              ...(certificate.tests?.revoked ? [{\n                text: l10n.getString('revoked'),\n                href: certificate.tests.revoked,\n                startIcon: <LinkIcon />,\n              }] : []),\n              ...(certificate.tests?.expired ? [{\n                text: l10n.getString('expired'),\n                href: certificate.tests.expired,\n                startIcon: <LinkIcon />,\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          certificate.name,\n          certificate.body.commonName,\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                          {certificate.name || certificate.body.commonName}\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                        // eslint-disable-next-line react/jsx-no-bind\n                        onClick={this.handleClickRow.bind(this, index)}\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\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={{\n            m_expanded: isExpandedRow,\n          }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              class=\"button_table_cell\"\n              // eslint-disable-next-line react/jsx-no-bind\n              onClick={this.handleClickRow.bind(this, index)}\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\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                {certificate.name || certificate.body.commonName}\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          onClick={this.handleModalClose}\n          aria-hidden=\"true\"\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              onClick={this.handleModalClose}\n              startIcon={<CrossIcon />}\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          onInput={this.handleSearch}\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\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  // eslint-disable-next-line class-methods-use-this\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                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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"],"mappings":"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"}

package/dist/peculiar/p-a720c0a5.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["readAsBinaryString","file","Promise","resolve","reject","reader","FileReader","onload","value","result","fileName","name","fileSize","size","sourceMime","type","onerror","error","certificateDecoderCss","CertificateDecoder","exports","this","handleClickDecode","_this","inputPaste","decode","handleClickClear","clearValue","handleChangeInputFile","event","__awaiter","element","target","files","_b","sent","handleChangeExample","handleDropFile","stopPropagation","preventDefault","dataTransfer","class_1","prototype","componentDidLoad","defaultCertificate","setTimeout","certificateDecoded","clearCertificate","emit","setValue","exportAsPemFormatted","successParse","exportAsBase64","certificate","isPem","validator.isPem","isX509Pem","validator.isX509Pem","isPkcs10Pem","validator.isPkcs10Pem","isX509AttributePem","validator.isX509AttributePem","isX509CRLPem","validator.isX509CRLPem","decoded","decodeError","alert","X509Certificate","X509AttributeCertificate","CSR","CRL","console","log","render","h","Host","placeholder","class","ref","el","onDrop","Typography","variant","color","accept","onChange","_a","certificateExamples","length","map","example","title","Button","onClick","download"],"sources":["src/utils/read_file.ts","src/components/certificate-decoder/certificate-decoder.scss?tag=peculiar-certificate-decoder&encapsulation=shadow","src/components/certificate-decoder/certificate-decoder.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\nexport type FileValue = string | ArrayBuffer | null;\nexport interface IFileDataType extends Blob {\n  name?: string;\n  mimeType?: string;\n  lastModified?: number;\n}\nexport interface IReadFileResult {\n  value: FileValue;\n  fileName: string | undefined;\n  fileSize: number | undefined;\n  sourceMime: string | undefined;\n}\n\n/**\n * Read file as Binary string\n *\n * @example\n * ```js\n *    const file = new File(['file'], 'file.pdf', { type: 'text/plain' });\n *    readAsBinaryString(file)\n *      .then(result => console.log('Readed success', result))\n *      .catch(err => console.log('An error occured when reading file', err));\n * ```\n */\n\nexport function readAsBinaryString(file: IFileDataType): Promise<IReadFileResult> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    reader.onload = () => resolve({\n      value: reader.result,\n      fileName: file.name,\n      fileSize: file.size,\n      sourceMime: file.type,\n    });\n\n    reader.onerror = () => reject(reader.error);\n\n    reader.readAsBinaryString(file);\n  });\n}\n\n/**\n * Read file as ArrayBuffer\n *\n * @example\n * ```js\n *    const file = new File(['file'], 'file.pdf', { type: 'text/plain' });\n *    readAsArrayBuffer(file)\n *      .then(result => console.log('Readed success', result))\n *      .catch(err => console.log('An error occured when reading file', err));\n * ```\n */\n\nexport function readAsArrayBuffer(file: IFileDataType): Promise<IReadFileResult> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    reader.onload = () => resolve({\n      value: reader.result,\n      fileName: file.name,\n      fileSize: file.size,\n      sourceMime: file.type,\n    });\n\n    reader.onerror = () => reject(reader.error);\n\n    reader.readAsArrayBuffer(file);\n  });\n}\n\n/**\n * Read file as Data URL\n *\n * @example\n * ```js\n *    const file = new File(['file'], 'file.pdf', { type: 'text/plain' });\n *    readAsDataUrl(file)\n *      .then(result => console.log('Readed success', result))\n *      .catch(err => console.log('An error occured when reading file', err));\n * ```\n */\n\nexport function readAsDataUrl(file: IFileDataType): Promise<IReadFileResult> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    reader.onload = () => resolve({\n      value: reader.result,\n      fileName: file.name,\n      fileSize: file.size,\n      sourceMime: file.type,\n    });\n\n    reader.onerror = () => reject(reader.error);\n\n    reader.readAsDataURL(file);\n  });\n}\n\n/**\n * Read file as Text\n *\n * @example\n * ```js\n *    const file = new File(['file'], 'file.pdf', { type: 'text/plain' });\n *    readAsText(file)\n *      .then(result => console.log('Readed success', result))\n *      .catch(err => console.log('An error occured when reading file', err));\n * ```\n */\n\nexport function readAsText(file: IFileDataType, options?: string): Promise<IReadFileResult> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    reader.onload = () => resolve({\n      value: reader.result,\n      fileName: file.name,\n      fileSize: file.size,\n      sourceMime: file.type,\n    });\n\n    reader.onerror = () => reject(reader.error);\n\n    reader.readAsText(file, options);\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.viewer {\n  margin-top: var(--pv-size-base-12);\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}\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';\n\nimport { validator, readAsBinaryString } from '../../utils';\nimport {\n  X509Certificate,\n  X509AttributeCertificate,\n  CSR,\n  CRL,\n} from '../../crypto';\nimport { Button } from '../button';\nimport { Typography } from '../typography';\n\n@Component({\n  tag: 'peculiar-certificate-decoder',\n  styleUrl: 'certificate-decoder.scss',\n  shadow: true,\n})\nexport class CertificateDecoder {\n  private inputPaste?: HTMLTextAreaElement;\n\n  /**\n   * The example certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() certificateExamples?: {\n    title: string;\n    value: string;\n  }[];\n\n  /**\n   * The default certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() defaultCertificate?: string;\n\n  @State() certificateDecoded: X509Certificate | X509AttributeCertificate | CSR | CRL;\n\n  /**\n   * Emitted when the certificate has been successfully parsed.\n   */\n  @Event() successParse!: EventEmitter<string>;\n\n  /**\n   * Emitted when the certificate has been removed.\n   */\n  @Event() clearCertificate!: EventEmitter<void>;\n\n  componentDidLoad() {\n    if (this.defaultCertificate) {\n      /**\n       * Prevent Stencil warning about re-render\n       */\n      setTimeout(() => this.decode(this.defaultCertificate), 100);\n    }\n  }\n\n  private handleClickDecode = () => {\n    const { value } = this.inputPaste;\n\n    if (value) {\n      this.decode(value);\n    }\n  };\n\n  private handleClickClear = () => {\n    this.clearValue();\n  };\n\n  private handleChangeInputFile = async (event: any) => {\n    const element = event.target;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n\n      element.value = '';\n    }\n  };\n\n  private handleChangeExample = (event: any) => {\n    if (event.target.value) {\n      this.decode(event.target.value);\n    } else {\n      this.clearValue();\n    }\n  };\n\n  private handleDropFile = async (event: any) => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const element = event.dataTransfer;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n    }\n  };\n\n  clearValue() {\n    this.inputPaste.value = '';\n    this.certificateDecoded = null;\n    this.clearCertificate.emit();\n  }\n\n  setValue(value: X509Certificate | X509AttributeCertificate | CSR | CRL) {\n    this.certificateDecoded = value;\n    this.inputPaste.value = value.exportAsPemFormatted();\n    this.successParse.emit(value.exportAsBase64());\n  }\n\n  decode(certificate: string) {\n    const isPem = validator.isPem(certificate);\n    const isX509Pem = validator.isX509Pem(certificate);\n    const isPkcs10Pem = validator.isPkcs10Pem(certificate);\n    const isX509AttributePem = validator.isX509AttributePem(certificate);\n    const isX509CRLPem = validator.isX509CRLPem(certificate);\n    let decoded: X509Certificate | X509AttributeCertificate | CSR | CRL;\n    let decodeError: Error;\n\n    if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem || isX509CRLPem)) {\n      this.clearValue();\n\n      alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');\n\n      return;\n    }\n\n    try {\n      if (isX509Pem) {\n        decoded = new X509Certificate(certificate);\n      }\n\n      if (isX509AttributePem) {\n        decoded = new X509AttributeCertificate(certificate);\n      }\n\n      if (isPkcs10Pem) {\n        decoded = new CSR(certificate);\n      }\n\n      if (isX509CRLPem) {\n        decoded = new CRL(certificate);\n      }\n    } catch (error) {\n      decodeError = error;\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new X509Certificate(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new X509AttributeCertificate(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new CSR(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new CRL(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      this.clearValue();\n\n      console.log(decodeError);\n      alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');\n    } else {\n      this.setValue(decoded);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <textarea\n          placeholder=\"Certificate DER or PEM\"\n          class=\"textarea t-b2 c-black\"\n          ref={(el) => { this.inputPaste = el; }}\n          onDrop={this.handleDropFile}\n        />\n        <div class=\"controls\">\n          <div class=\"control_row\">\n            <Typography\n              variant=\"b3\"\n              color=\"secondary-tint-2\"\n            >\n              Drag or load file:\n            </Typography>\n            <input\n              type=\"file\"\n              accept=\"application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl\"\n              onChange={this.handleChangeInputFile}\n              value=\"\"\n            />\n          </div>\n          {this.certificateExamples?.length && (\n            <div class=\"control_row\">\n              <Typography\n                variant=\"b3\"\n                color=\"secondary-tint-2\"\n              >\n                Load examples:\n              </Typography>\n              <select onChange={this.handleChangeExample}>\n                <option value=\"\">None</option>\n                {this.certificateExamples.map((example) => (\n                  <option value={example.value}>\n                    {example.title}\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n          <div class=\"control_row\">\n            <Button\n              onClick={this.handleClickDecode}\n            >\n              Decode\n            </Button>\n            <Button\n              onClick={this.handleClickClear}\n            >\n              Clear\n            </Button>\n          </div>\n        </div>\n        {this.certificateDecoded instanceof X509Certificate && (\n          <peculiar-certificate-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof X509AttributeCertificate && (\n          <peculiar-attribute-certificate-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof CSR && (\n          <peculiar-csr-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof CRL && (\n          <peculiar-crl-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/peculiar/p-a7386b78.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["readAsBinaryString","file","Promise","resolve","reject","reader","FileReader","onload","value","result","fileName","name","fileSize","size","sourceMime","type","onerror","error","certificateDecoderCss","CertificateDecoder","this","handleClickDecode","inputPaste","decode","handleClickClear","clearValue","handleChangeInputFile","async","event","element","target","files","handleChangeExample","handleDropFile","stopPropagation","preventDefault","dataTransfer","componentDidLoad","defaultCertificate","setTimeout","certificateDecoded","clearCertificate","emit","setValue","exportAsPemFormatted","successParse","exportAsBase64","certificate","isPem","validator.isPem","isX509Pem","validator.isX509Pem","isPkcs10Pem","validator.isPkcs10Pem","isX509AttributePem","validator.isX509AttributePem","isX509CRLPem","validator.isX509CRLPem","decoded","decodeError","alert","X509Certificate","X509AttributeCertificate","CSR","CRL","console","log","render","h","Host","placeholder","class","ref","el","onDrop","Typography","variant","color","accept","onChange","_a","certificateExamples","length","map","example","title","Button","onClick","download"],"sources":["src/utils/read_file.ts","src/components/certificate-decoder/certificate-decoder.scss?tag=peculiar-certificate-decoder&encapsulation=shadow","src/components/certificate-decoder/certificate-decoder.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\nexport type FileValue = string | ArrayBuffer | null;\nexport interface IFileDataType extends Blob {\n  name?: string;\n  mimeType?: string;\n  lastModified?: number;\n}\nexport interface IReadFileResult {\n  value: FileValue;\n  fileName: string | undefined;\n  fileSize: number | undefined;\n  sourceMime: string | undefined;\n}\n\n/**\n * Read file as Binary string\n *\n * @example\n * ```js\n *    const file = new File(['file'], 'file.pdf', { type: 'text/plain' });\n *    readAsBinaryString(file)\n *      .then(result => console.log('Readed success', result))\n *      .catch(err => console.log('An error occured when reading file', err));\n * ```\n */\n\nexport function readAsBinaryString(file: IFileDataType): Promise<IReadFileResult> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    reader.onload = () => resolve({\n      value: reader.result,\n      fileName: file.name,\n      fileSize: file.size,\n      sourceMime: file.type,\n    });\n\n    reader.onerror = () => reject(reader.error);\n\n    reader.readAsBinaryString(file);\n  });\n}\n\n/**\n * Read file as ArrayBuffer\n *\n * @example\n * ```js\n *    const file = new File(['file'], 'file.pdf', { type: 'text/plain' });\n *    readAsArrayBuffer(file)\n *      .then(result => console.log('Readed success', result))\n *      .catch(err => console.log('An error occured when reading file', err));\n * ```\n */\n\nexport function readAsArrayBuffer(file: IFileDataType): Promise<IReadFileResult> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    reader.onload = () => resolve({\n      value: reader.result,\n      fileName: file.name,\n      fileSize: file.size,\n      sourceMime: file.type,\n    });\n\n    reader.onerror = () => reject(reader.error);\n\n    reader.readAsArrayBuffer(file);\n  });\n}\n\n/**\n * Read file as Data URL\n *\n * @example\n * ```js\n *    const file = new File(['file'], 'file.pdf', { type: 'text/plain' });\n *    readAsDataUrl(file)\n *      .then(result => console.log('Readed success', result))\n *      .catch(err => console.log('An error occured when reading file', err));\n * ```\n */\n\nexport function readAsDataUrl(file: IFileDataType): Promise<IReadFileResult> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    reader.onload = () => resolve({\n      value: reader.result,\n      fileName: file.name,\n      fileSize: file.size,\n      sourceMime: file.type,\n    });\n\n    reader.onerror = () => reject(reader.error);\n\n    reader.readAsDataURL(file);\n  });\n}\n\n/**\n * Read file as Text\n *\n * @example\n * ```js\n *    const file = new File(['file'], 'file.pdf', { type: 'text/plain' });\n *    readAsText(file)\n *      .then(result => console.log('Readed success', result))\n *      .catch(err => console.log('An error occured when reading file', err));\n * ```\n */\n\nexport function readAsText(file: IFileDataType, options?: string): Promise<IReadFileResult> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n\n    reader.onload = () => resolve({\n      value: reader.result,\n      fileName: file.name,\n      fileSize: file.size,\n      sourceMime: file.type,\n    });\n\n    reader.onerror = () => reject(reader.error);\n\n    reader.readAsText(file, options);\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.viewer {\n  margin-top: var(--pv-size-base-12);\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}\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';\n\nimport { validator, readAsBinaryString } from '../../utils';\nimport {\n  X509Certificate,\n  X509AttributeCertificate,\n  CSR,\n  CRL,\n} from '../../crypto';\nimport { Button } from '../button';\nimport { Typography } from '../typography';\n\n@Component({\n  tag: 'peculiar-certificate-decoder',\n  styleUrl: 'certificate-decoder.scss',\n  shadow: true,\n})\nexport class CertificateDecoder {\n  private inputPaste?: HTMLTextAreaElement;\n\n  /**\n   * The example certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() certificateExamples?: {\n    title: string;\n    value: string;\n  }[];\n\n  /**\n   * The default certificate value for decode and show details. Use PEM or DER.\n   */\n  @Prop() defaultCertificate?: string;\n\n  @State() certificateDecoded: X509Certificate | X509AttributeCertificate | CSR | CRL;\n\n  /**\n   * Emitted when the certificate has been successfully parsed.\n   */\n  @Event() successParse!: EventEmitter<string>;\n\n  /**\n   * Emitted when the certificate has been removed.\n   */\n  @Event() clearCertificate!: EventEmitter<void>;\n\n  componentDidLoad() {\n    if (this.defaultCertificate) {\n      /**\n       * Prevent Stencil warning about re-render\n       */\n      setTimeout(() => this.decode(this.defaultCertificate), 100);\n    }\n  }\n\n  private handleClickDecode = () => {\n    const { value } = this.inputPaste;\n\n    if (value) {\n      this.decode(value);\n    }\n  };\n\n  private handleClickClear = () => {\n    this.clearValue();\n  };\n\n  private handleChangeInputFile = async (event: any) => {\n    const element = event.target;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n\n      element.value = '';\n    }\n  };\n\n  private handleChangeExample = (event: any) => {\n    if (event.target.value) {\n      this.decode(event.target.value);\n    } else {\n      this.clearValue();\n    }\n  };\n\n  private handleDropFile = async (event: any) => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const element = event.dataTransfer;\n\n    if (element.files) {\n      const file = await readAsBinaryString(element.files[0]);\n\n      if (typeof file.value === 'string') {\n        this.decode(file.value);\n      }\n    }\n  };\n\n  clearValue() {\n    this.inputPaste.value = '';\n    this.certificateDecoded = null;\n    this.clearCertificate.emit();\n  }\n\n  setValue(value: X509Certificate | X509AttributeCertificate | CSR | CRL) {\n    this.certificateDecoded = value;\n    this.inputPaste.value = value.exportAsPemFormatted();\n    this.successParse.emit(value.exportAsBase64());\n  }\n\n  decode(certificate: string) {\n    const isPem = validator.isPem(certificate);\n    const isX509Pem = validator.isX509Pem(certificate);\n    const isPkcs10Pem = validator.isPkcs10Pem(certificate);\n    const isX509AttributePem = validator.isX509AttributePem(certificate);\n    const isX509CRLPem = validator.isX509CRLPem(certificate);\n    let decoded: X509Certificate | X509AttributeCertificate | CSR | CRL;\n    let decodeError: Error;\n\n    if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem || isX509CRLPem)) {\n      this.clearValue();\n\n      alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');\n\n      return;\n    }\n\n    try {\n      if (isX509Pem) {\n        decoded = new X509Certificate(certificate);\n      }\n\n      if (isX509AttributePem) {\n        decoded = new X509AttributeCertificate(certificate);\n      }\n\n      if (isPkcs10Pem) {\n        decoded = new CSR(certificate);\n      }\n\n      if (isX509CRLPem) {\n        decoded = new CRL(certificate);\n      }\n    } catch (error) {\n      decodeError = error;\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new X509Certificate(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new X509AttributeCertificate(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new CSR(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      try {\n        decoded = new CRL(certificate);\n      } catch (error) {\n        decodeError = error;\n      }\n    }\n\n    if (!decoded) {\n      this.clearValue();\n\n      console.log(decodeError);\n      alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest/CRL.');\n    } else {\n      this.setValue(decoded);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <textarea\n          placeholder=\"Certificate DER or PEM\"\n          class=\"textarea t-b2 c-black\"\n          ref={(el) => { this.inputPaste = el; }}\n          onDrop={this.handleDropFile}\n        />\n        <div class=\"controls\">\n          <div class=\"control_row\">\n            <Typography\n              variant=\"b3\"\n              color=\"secondary-tint-2\"\n            >\n              Drag or load file:\n            </Typography>\n            <input\n              type=\"file\"\n              accept=\"application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,application/pkix-crl,.csr,.req,.crl\"\n              onChange={this.handleChangeInputFile}\n              value=\"\"\n            />\n          </div>\n          {this.certificateExamples?.length && (\n            <div class=\"control_row\">\n              <Typography\n                variant=\"b3\"\n                color=\"secondary-tint-2\"\n              >\n                Load examples:\n              </Typography>\n              <select onChange={this.handleChangeExample}>\n                <option value=\"\">None</option>\n                {this.certificateExamples.map((example) => (\n                  <option value={example.value}>\n                    {example.title}\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n          <div class=\"control_row\">\n            <Button\n              onClick={this.handleClickDecode}\n            >\n              Decode\n            </Button>\n            <Button\n              onClick={this.handleClickClear}\n            >\n              Clear\n            </Button>\n          </div>\n        </div>\n        {this.certificateDecoded instanceof X509Certificate && (\n          <peculiar-certificate-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof X509AttributeCertificate && (\n          <peculiar-attribute-certificate-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof CSR && (\n          <peculiar-csr-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n        {this.certificateDecoded instanceof CRL && (\n          <peculiar-crl-viewer\n            certificate={this.certificateDecoded}\n            class=\"viewer\"\n            download\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/peculiar/p-ab7dc738.system.js

@@ -1,13 +0,0 @@
-var __extends=this&&this.__extends||function(){var t=function(e,r){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]};return t(e,r)};return function(e,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");t(e,r);function n(){this.constructor=e}e.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(t,e,r,n){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function a(t){try{u(n.next(t))}catch(t){i(t)}}function s(t){try{u(n["throw"](t))}catch(t){i(t)}}function u(t){t.done?r(t.value):o(t.value).then(a,s)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return u([t,e])}}function u(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(n=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];o=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
-/*!
- * © Peculiar Ventures https://peculiarventures.com/ - MIT License
- */System.register(["./p-e0f4bda5.system.js","./p-14f281b0.system.js"],(function(t){"use strict";var e,r,n,o,i,a,s,u,c,f,l,p,h,m,b,y,v,g,d,w,j;return{setters:[function(t){e=t.A;r=t.e;n=t.C;o=t.N;i=t.f;a=t.E;s=t.g;u=t.h;c=t.j;f=t.k;l=t.R;p=t.l;h=t.m;m=t.n;b=t.o;y=t.p;v=t.q;g=t.r;d=t.s},function(t){w=t.C;j=t.D}],execute:function(){
-/**
-       * @license
-       * Copyright (c) Peculiar Ventures, LLC.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       */
-var _=function(t){__extends(e,t);function e(e){var a=t.call(this,r(e),n)||this;a.thumbprints={};a.type="X.509 Certificate";var s=a.asn.tbsCertificate;a.serialNumber=w.ToHex(s.serialNumber);a.subject=new o(s.subject).toJSON();a.issuer=new o(s.issuer).toJSON();a.version=s.version+1;var u=s.validity.notBefore.utcTime||s.validity.notBefore.generalTime;if(!u){throw new Error("Cannot get 'notBefore' value")}a.notBefore=u;var c=s.validity.notAfter.utcTime||s.validity.notAfter.generalTime;if(!c){throw new Error("Cannot get 'notAfter' value")}a.notAfter=c;a.validity=i(a.notBefore,a.notAfter);return a}e.prototype.parseExtensions=function(){var t=this.asn.tbsCertificate;if(t.extensions){this.extensions=t.extensions.map((function(t){return new a(s.serialize(t))}))}};e.prototype.getPublicKeyInfo=function(t){var e=this;var r=t.subjectPublicKey,n=t.algorithm;var o;if(n.algorithm===u&&n.parameters){o=s.parse(n.parameters,c)}if(n.algorithm===f){o=s.parse(r,l)}if(n.algorithm===p){o=s.parse(r,h);o=o.map((function(t){return e.getPublicKeyInfo(t)}))}var i=s.serialize(t);return{params:o,value:i,algorithm:n.algorithm}};Object.defineProperty(e.prototype,"publicKey",{get:function(){return this.getPublicKeyInfo(this.asn.tbsCertificate.subjectPublicKeyInfo)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"signature",{get:function(){var t=this.asn,e=t.signatureValue,r=t.signatureAlgorithm;var n;if(r.algorithm===m){var o=s.parse(e,b);var i=s.parse(r.parameters,y);n=i.map((function(t,e){return Object.assign(Object.assign({},t),{value:o[e]})}))}return{params:n,value:e,algorithm:r.algorithm}},enumerable:false,configurable:true});e.prototype.exportAsBase64=function(){return w.ToBase64(this.raw)};e.prototype.exportAsHexFormatted=function(){return v(w.ToHex(this.raw))};e.prototype.exportAsPemFormatted=function(){return"-----BEGIN CERTIFICATE-----\n".concat(g(this.exportAsBase64()),"\n-----END CERTIFICATE-----")};e.prototype.getThumbprint=function(t){if(t===void 0){t="SHA-1"}return __awaiter(this,void 0,void 0,(function(){var e,r;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,2,,3]);return[4,d(t,this.raw)];case 1:e=n.sent();if(e){this.thumbprints[t]=w.ToHex(e)}return[3,3];case 2:r=n.sent();console.error("Error thumbprint get:",r);return[3,3];case 3:return[2]}}))}))};Object.defineProperty(e.prototype,"commonName",{get:function(){if(!this.subject){return""}for(var t=0;t<this.subject.length;t+=1){var e=this.subject[t];if(e.shortName==="CN"||e.shortName==="E"||e.shortName==="O"){return e.value}}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"issuerCommonName",{get:function(){if(!this.issuer){return""}for(var t=0;t<this.issuer.length;t+=1){var e=this.issuer[t];if(e.shortName==="CN"){return e.value}if(e.shortName==="E"){return e.value}}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isRoot",{get:function(){return JSON.stringify(this.issuer)===JSON.stringify(this.subject)},enumerable:false,configurable:true});e.prototype.subjectToString=function(){if(!this.subject){return""}return this.subject.map((function(t){return"".concat(t.shortName,"=").concat(t.value)})).join(", ")};e.prototype.issuerToString=function(){if(!this.issuer){return""}return this.issuer.map((function(t){return"".concat(t.shortName,"=").concat(t.value)})).join(", ")};e.prototype.downloadAsPEM=function(t){j.cert.asPEM(this.exportAsPemFormatted(),t||this.commonName)};e.prototype.downloadAsDER=function(t){j.cert.asDER(this.exportAsHexFormatted(),t||this.commonName)};return e}(e);t("X",_)}}}));
-//# sourceMappingURL=p-ab7dc738.system.js.map

package/dist/peculiar/p-b313be9e.system.js

@@ -1,13 +0,0 @@
-/*!
- * © Peculiar Ventures https://peculiarventures.com/ - MIT License
- */
-System.register(["./p-5aabeba7.system.js"],(function(t){"use strict";var r;return{setters:[function(t){r=t.h}],execute:function(){
-/**
-       * @license
-       * Copyright (c) Peculiar Ventures, LLC.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       */
-var e=t("A",(function(t){var e=t.color,n=e===void 0?"gray-10":e;return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"31",fill:"none"},r("path",{fill:"var(--pv-color-".concat(n,")"),d:"M15 13.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm14 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"}))}))}}}));
-//# sourceMappingURL=p-b313be9e.system.js.map

package/dist/peculiar/p-c35b180c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CertificateSummary","props","certificate","showIssuer","renderRow","name","value","h","Typography","variant","color","l10n","getString","subjectToString","issuerToString","serialNumber","version","validity","dateShort","notBefore","notAfter","certificatesViewerCss","CertificatesViewer","this","isHasRoots","handleClickDetails","certificateSelectedForDetails","detailsOpen","emit","handleModalClose","undefined","detailsClose","handleSearch","event","search","target","trim","handleMediaQueryChange","mobileScreenView","matches","componentWillLoad","certificatesDecodeAndSet","mobileMediaQuery","window","matchMedia","mobileMediaQueryString","addEventListener","bind","disconnectedCallback","removeEventListener","watchCertificates","newValue","oldValue","JSON","stringify","hasRoots","Array","isArray","certificates","data","decoded","X509Certificate","getThumbprint","push","body","tests","isRoot","error","console","isDecodeInProcess","certificatesDecoded","handleClickDownloadAsPem","downloadAsPEM","commonName","handleClickDownloadAsDer","downloadAsDER","handleClickRow","index","isExpandedRowClicked","expandedRow","getMaxColSpanValue","colSpan","renderCertificateButtonActions","isHasTestURLs","expired","revoked","valid","class","groups","title","options","text","startIcon","DetailsIcon","onClick","DownloadIcon","_a","href","LinkIcon","_b","_c","renderExpandedRow","renderCertificatesRows","searchHighlight","highlightWithSearch","content","forEach","isExpandedRow","publicKeyValue","OIDs","signature","algorithm","filterWithSearch","certificateStringForSearch","issuerCommonName","thumbprints","join","toLowerCase","indexOf","certificate_row","m_expanded","key","Button","ArrowTopIcon","ArrowBottomIcon","renderCertificateDetailsModal","role","part","CrossIcon","renderSearch","onInput","type","disabled","length","placeholder","renderEmptyState","renderEmptySearchState","renderLoadingState","renderTableBody","certificatesRows","render","Host","String"],"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 CertificateSummaryProps {\n  certificate: X509Certificate;\n  showIssuer?: boolean;\n}\n\nexport const CertificateSummary: FunctionalComponent<CertificateSummaryProps> = (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';\n\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;\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?: string;\n}\n\n@Component({\n  tag: 'peculiar-certificates-viewer',\n  styleUrl: 'certificates-viewer.scss',\n  shadow: true,\n})\nexport class CertificatesViewer {\n  private isHasRoots: boolean = 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: boolean = true;\n\n  /**\n   * Use highlight chapters in the list when search is changed.\n   */\n  @Prop() highlightWithSearch: boolean = 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: boolean = false;\n\n  @State() search: string = '';\n\n  @State() certificatesDecoded: ICertificateDecoded[] = [];\n\n  @State() expandedRow?: number;\n\n  @State() certificateSelectedForDetails?: X509Certificate;\n\n  @State() isDecodeInProcess: boolean = 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    // eslint-disable-next-line no-restricted-syntax\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  // eslint-disable-next-line class-methods-use-this\n  private handleClickDownloadAsPem(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsPEM(certificate.name || certificate.body.commonName);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  private handleClickDownloadAsDer(certificate: ICertificateDecoded) {\n    certificate.body.downloadAsDER(certificate.name || certificate.body.commonName);\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: any) => {\n    this.search = event.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            title: l10n.getString('testURLs'),\n            options: [\n              ...(certificate.tests?.valid ? [{\n                text: l10n.getString('valid'),\n                href: certificate.tests.valid,\n                startIcon: <LinkIcon />,\n              }] : []),\n              ...(certificate.tests?.revoked ? [{\n                text: l10n.getString('revoked'),\n                href: certificate.tests.revoked,\n                startIcon: <LinkIcon />,\n              }] : []),\n              ...(certificate.tests?.expired ? [{\n                text: l10n.getString('expired'),\n                href: certificate.tests.expired,\n                startIcon: <LinkIcon />,\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          certificate.name,\n          certificate.body.commonName,\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                          {certificate.name || certificate.body.commonName}\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                        // eslint-disable-next-line react/jsx-no-bind\n                        onClick={this.handleClickRow.bind(this, index)}\n                        startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\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={{\n            m_expanded: isExpandedRow,\n          }}\n          key={certificate.body.thumbprints['SHA-1']}\n        >\n          <td>\n            <Button\n              class=\"button_table_cell\"\n              // eslint-disable-next-line react/jsx-no-bind\n              onClick={this.handleClickRow.bind(this, index)}\n              startIcon={isExpandedRow ? <ArrowTopIcon /> : <ArrowBottomIcon />}\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                {certificate.name || certificate.body.commonName}\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          onClick={this.handleModalClose}\n          aria-hidden=\"true\"\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              onClick={this.handleModalClose}\n              startIcon={<CrossIcon />}\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          onInput={this.handleSearch}\n          type=\"search\"\n          value=\"\"\n          class=\"input_search t-b3 c-black\"\n          disabled={!this.certificatesDecoded.length}\n          placeholder=\"Search\"\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  // eslint-disable-next-line class-methods-use-this\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                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\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"],"mappings":"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"}

package/dist/peculiar/p-c99507d4.system.js

@@ -1,20 +0,0 @@
-/*!
- * © Peculiar Ventures https://peculiarventures.com/ - MIT License
- */
-System.register(["./p-5aabeba7.system.js"],(function(t){"use strict";var r;return{setters:[function(t){r=t.h}],execute:function(){
-/**
-       * @license
-       * Copyright (c) Peculiar Ventures, LLC.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       */
-var o=t("A",(function(t){var o=t.color,e=o===void 0?"gray-10":o;return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",fill:"none"},r("path",{stroke:"var(--pv-color-".concat(e,")"),"stroke-linecap":"round","stroke-width":"1.5",d:"m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28"}))}));
-/**
-       * @license
-       * Copyright (c) Peculiar Ventures, LLC.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       */var e=t("a",(function(t){var o=t.color,e=o===void 0?"gray-10":o;return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",fill:"none"},r("path",{stroke:"var(--pv-color-".concat(e,")"),"stroke-linecap":"round","stroke-width":"1.5",d:"m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28"}))}))}}}));
-//# sourceMappingURL=p-c99507d4.system.js.map

package/dist/peculiar/p-ddae2f8e.system.js

@@ -1,27 +0,0 @@
-/*!
- * © Peculiar Ventures https://peculiarventures.com/ - MIT License
- */
-System.register(["./p-5aabeba7.system.js"],(function(a){"use strict";var r;return{setters:[function(a){r=a.h}],execute:function(){
-/**
-       * @license
-       * Copyright (c) Peculiar Ventures, LLC.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       */
-var t=a("D",(function(a){var t=a.color,o=t===void 0?"secondary":t;return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"31",fill:"none"},r("path",{fill:"var(--pv-color-".concat(o,")"),d:"M6.71 19.79a1 1 0 0 0-.33-.21 1 1 0 0 0-.76 0 1 1 0 0 0-.33.21 1 1 0 0 0-.21.33 1 1 0 0 0 .21 1.09c.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1 1 0 0 0 .21-1.09 1 1 0 0 0-.21-.33ZM10 11.5h14a1 1 0 0 0 0-2H10a1 1 0 0 0 0 2Zm-3.29 3.29a1 1 0 0 0-1.09-.21 1.15 1.15 0 0 0-.33.21 1 1 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a.94.94 0 0 0 .76 0 1.15 1.15 0 0 0 .33-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1 1 0 0 0-.21-.33ZM24 14.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2ZM6.71 9.79a1 1 0 0 0-.33-.21 1 1 0 0 0-1.09.21 1.15 1.15 0 0 0-.21.33.94.94 0 0 0 0 .76c.05.121.122.233.21.33.097.088.209.16.33.21a1 1 0 0 0 1.09-.21 1.15 1.15 0 0 0 .21-.33.94.94 0 0 0 0-.76 1.15 1.15 0 0 0-.21-.33ZM24 19.5H10a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2Z"}))}));
-/**
-       * @license
-       * Copyright (c) Peculiar Ventures, LLC.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       */var o=a("L",(function(a){var t=a.color,o=t===void 0?"secondary":t;return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"31",fill:"none"},r("path",{fill:"var(--pv-color-".concat(o,")"),d:"M21 14.32a1 1 0 0 0-1 1v7.18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7.18a1 1 0 0 0 0-2H8a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-7.18a1 1 0 0 0-1-1Zm3.92-8.2a1 1 0 0 0-.54-.54A1 1 0 0 0 24 5.5h-6a1 1 0 1 0 0 2h3.59l-10.3 10.29a1.002 1.002 0 0 0 .325 1.639 1 1 0 0 0 1.095-.219L23 8.91v3.59a1 1 0 0 0 2 0v-6a1.001 1.001 0 0 0-.08-.38Z"}))}));
-/**
-       * @license
-       * Copyright (c) Peculiar Ventures, LLC.
-       *
-       * This source code is licensed under the MIT license found in the
-       * LICENSE file in the root directory of this source tree.
-       */var l=a("C",(function(a){var t=a.color,o=t===void 0?"gray-9":t;return r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",fill:"none"},r("path",{fill:"var(--pv-color-".concat(o,")"),"fill-rule":"evenodd",d:"m16.37 15 5.442 5.44c.25.252.25.663 0 .914l-.459.457a.646.646 0 0 1-.913 0L15 16.371l-5.44 5.44a.648.648 0 0 1-.915 0l-.457-.457a.649.649 0 0 1 0-.913L13.63 15 8.188 9.56a.649.649 0 0 1 0-.914l.457-.457a.648.648 0 0 1 .915 0l5.44 5.44 5.44-5.44a.646.646 0 0 1 .913 0l.46.457c.25.25.25.662 0 .913L16.37 15Z","clip-rule":"evenodd"}))}))}}}));
-//# sourceMappingURL=p-ddae2f8e.system.js.map