@justifi/webcomponents 4.6.4 → 4.7.0-rc.1

package/dist/webcomponents/p-635a3b3e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["additionalQuestionsDetailsCss","AdditionalQuestionsDetails","render","h","Host","DetailSection","sectionTitle","class","DetailItem","title","value","_b","_a","this","business","additional_questions","business_revenue","toString","_d","_c","business_payment_volume","_f","_e","business_dispute_volume","_h","_g","business_receivable_volume","genericInfoDetailsCss","GenericInfoDetails","legal_name","doing_business_as","snakeCaseToHumanReadable","business_type","business_structure","industry","tax_id","website_url","email","_j","phone","legalAddressDetailsCss","LegalAddressDetails","legalAddress","line1","line2","city","state","postal_code","country","ownerDetailsCss","OwnerDetails","owners","length","map","owner","name","formatMediumDate","Date","Number","dob_day","dob_month","dob_year","ssn_last4","address","representativeDetailsCss","JustifiRepresentativeDetails","representative","id","created_at","is_owner","_k","_l","_m","updated_at"],"sources":["src/components/business-details/additional-questions-details/additional-questions-details.scss?tag=additional-questions-details&encapsulation=shadow","src/components/business-details/additional-questions-details/additional-questions-details.tsx","src/components/business-details/generic-info-details/generic-info-details.scss?tag=generic-info-details&encapsulation=shadow","src/components/business-details/generic-info-details/generic-info-details.tsx","src/components/business-details/legal-address-details/legal-address-details.scss?tag=legal-address-details&encapsulation=shadow","src/components/business-details/legal-address-details/legal-address-details.tsx","src/components/business-details/owner-details/owner-details.scss?tag=owner-details&encapsulation=shadow","src/components/business-details/owner-details/owner-details.tsx","src/components/business-details/representative-details/representative-details.scss?tag=representative-details&encapsulation=shadow","src/components/business-details/representative-details/representative-details.tsx"],"sourcesContent":["@import '../shared-business-details.scss';\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailSection, DetailItem } from '../../details/utils';\nimport { IBusiness } from '../../../api/Business';\n\n/**\n *\n * @exportedPart detail-section\n * @exportedPart detail-section-title\n * @exportedPart detail-section-item-title\n * @exportedPart detail-section-item-data\n * @exportedPart detail-empty-state\n */\n@Component({\n  tag: 'additional-questions-details',\n  styleUrl: 'additional-questions-details.scss',\n  shadow: true,\n})\nexport class AdditionalQuestionsDetails {\n  @Prop() business: IBusiness;\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle=\"Additional Questions\">\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <DetailItem\n                title=\"Business Revenue\"\n                value={this.business?.additional_questions.business_revenue?.toString()}\n              />\n              <DetailItem\n                title=\"Business Payment Volume\"\n                value={this.business?.additional_questions.business_payment_volume?.toString()}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <DetailItem\n                title=\"Business Dispute Volume\"\n                value={this.business?.additional_questions.business_dispute_volume?.toString()}\n              />\n              <DetailItem\n                title=\"Business Receivable Volume\"\n                value={this.business?.additional_questions.business_receivable_volume?.toString()}\n              />\n            </div>\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n}\n","@import '../shared-business-details.scss';\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailSection, DetailItem } from '../../details/utils';\nimport { IBusiness } from '../../../api/Business';\nimport { snakeCaseToHumanReadable } from '../../../utils/utils';\n\n@Component({\n  tag: 'generic-info-details',\n  styleUrl: 'generic-info-details.scss',\n  shadow: true,\n})\nexport class GenericInfoDetails {\n  @Prop() business: IBusiness;\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle=\"Business Generic Info Details\">\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <DetailItem\n                title=\"Legal Name\"\n                value={this.business?.legal_name}\n              />\n              <DetailItem\n                title=\"Doing Business As (DBA)\"\n                value={this.business?.doing_business_as}\n              />\n              <DetailItem\n                title=\"Business Type\"\n                value={snakeCaseToHumanReadable(this.business?.business_type)}\n              />\n              <DetailItem\n                title=\"Business Structure\"\n                value={snakeCaseToHumanReadable(\n                  this.business?.business_structure,\n                )}\n              />\n              <DetailItem title=\"Industry\" value={this.business?.industry} />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <DetailItem title=\"Tax ID\" value={this.business?.tax_id} />\n              <DetailItem\n                title=\"Website URL\"\n                value={this.business?.website_url}\n              />\n              <DetailItem title=\"Email Address\" value={this.business?.email} />\n              <DetailItem title=\"Phone Number\" value={this.business?.phone} />\n            </div>\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n}\n","@import '../shared-business-details.scss';\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailSection, DetailItem } from '../../details/utils';\nimport { Address } from '../../../api/Business';\n\n@Component({\n  tag: 'legal-address-details',\n  styleUrl: 'legal-address-details.scss',\n  shadow: true,\n})\nexport class LegalAddressDetails {\n  @Prop() legalAddress: Address;\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle=\"Business Legal Address Details\">\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <DetailItem\n                title=\"Legal Address\"\n                value={this.legalAddress?.line1}\n              />\n              <DetailItem\n                title=\"Address Line 2\"\n                value={this.legalAddress?.line2}\n              />\n              <DetailItem title=\"City\" value={this.legalAddress?.city} />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <DetailItem title=\"State\" value={this.legalAddress?.state} />\n              <DetailItem\n                title=\"Postal Code\"\n                value={this.legalAddress?.postal_code?.toString()}\n              />\n              <DetailItem title=\"Country\" value={this.legalAddress?.country} />\n            </div>\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n}\n","@import '../shared-business-details.scss';\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailSection, DetailItem } from '../../details/utils';\nimport { formatMediumDate } from '../../../utils/utils';\nimport { Identity } from '../../../api/Business';\n\n/**\n *\n * @exportedPart detail-section\n * @exportedPart detail-section-title\n * @exportedPart detail-section-item-title\n * @exportedPart detail-section-item-data\n * @exportedPart detail-empty-state\n */\n@Component({\n  tag: 'owner-details',\n  styleUrl: 'owner-details.scss',\n  shadow: true,\n})\nexport class OwnerDetails {\n  @Prop() owners: Identity[];\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle=\"Owner Details\">\n          <div class=\"row\">\n            {!!this?.owners.length ? (\n              this.owners.map(owner => (\n                <div>\n                  <div class=\"col-12 col-md-6\">\n                    <DetailItem title=\"Name\" value={owner.name} />\n                    <DetailItem title=\"Title\" value={owner.title} />\n                    <DetailItem title=\"Email\" value={owner.email} />\n                    <DetailItem title=\"Phone\" value={owner.phone} />\n                    <DetailItem\n                      title=\"Date of Birth\"\n                      value={formatMediumDate(\n                        new Date(\n                          Number(owner.dob_day),\n                          Number(owner.dob_month),\n                          Number(owner.dob_year),\n                        ),\n                      )}\n                    />\n\n                    <DetailItem\n                      title=\"Identification Number\"\n                      value={`********${owner.ssn_last4}`}\n                    />\n                  </div>\n                  <DetailSection sectionTitle=\"Owner Address\">\n                    <div class=\"row gy-3\">\n                      <div class=\"col-12 col-md-6\">\n                        <DetailItem\n                          title=\"Line 1\"\n                          value={owner.address.line1}\n                        />\n                        <DetailItem\n                          title=\"Line 2\"\n                          value={owner.address.line2}\n                        />\n                        <DetailItem title=\"City\" value={owner.address.city} />\n                        <DetailItem title=\"State\" value={owner.address.state} />\n                        <DetailItem\n                          title=\"Zip\"\n                          value={owner.address.postal_code}\n                        />\n                      </div>\n                    </div>\n                  </DetailSection>\n                </div>\n              ))\n            ) : (\n              <DetailItem title=\"No owners\" value=\"\" />\n            )}\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n}\n","@import '../shared-business-details.scss';\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailSection, DetailItem } from '../../details/utils';\nimport { formatMediumDate } from '../../../utils/utils';\nimport { Identity } from '../../../api/Business';\n\n/**\n *\n * @exportedPart detail-section\n * @exportedPart detail-section-title\n * @exportedPart detail-section-item-title\n * @exportedPart detail-section-item-data\n * @exportedPart detail-empty-state\n */\n@Component({\n  tag: 'representative-details',\n  styleUrl: 'representative-details.scss',\n  shadow: true,\n})\nexport class JustifiRepresentativeDetails {\n  @Prop() representative: Identity;\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle=\"Representative Details\">\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <DetailItem title=\"Name\" value={this.representative?.name} />\n              <DetailItem title=\"ID\" value={this.representative?.id} />\n              <DetailItem\n                title=\"Representative Address\"\n                value={this.representative?.address.line1}\n              />\n              <DetailItem\n                title=\"Representative Created At\"\n                value={formatMediumDate(this.representative?.created_at)}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <DetailItem title=\"Title\" value={this.representative?.title} />\n              <DetailItem\n                title=\"Is Owner?\"\n                value={this.representative?.is_owner.toString()}\n              />\n              <DetailItem\n                title=\"Date Of Birth\"\n                value={formatMediumDate(\n                  new Date(\n                    Number(this.representative?.dob_year),\n                    Number(this.representative?.dob_month) - 1,\n                    Number(this.representative?.dob_day)\n                  ),\n                )}\n              />\n              <DetailItem title=\"Email\" value={this.representative?.email} />\n              <DetailItem title=\"Phone\" value={this.representative?.phone} />\n              <DetailItem\n                title=\"Representative Updated At\"\n                value={formatMediumDate(this.representative?.updated_at)}\n              />\n            </div>\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/webcomponents/p-64184a0c.entry.js

@@ -0,0 +1,2 @@
+import{r,c as o,h as i,H as t}from"./p-cbb60191.js";import{A as e}from"./p-b157f6ae.js";import{p as s}from"./p-0d5d02d7.js";import{b as a}from"./p-76983a7e.js";import{f as n,c as b,a as c,M as l}from"./p-d6b5793d.js";import{c as d}from"./p-301a23aa.js";const p=':root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529}';const g=class{constructor(i){r(this,i);this.rowClicked=o(this,"payment-row-clicked",7);this.handleClickPrevious=r=>{const o=Object.assign({},this.params);delete o.after_cursor;this.params=Object.assign(Object.assign({},o),{before_cursor:r})};this.handleClickNext=r=>{const o=Object.assign({},this.params);delete o.before_cursor;this.params=Object.assign(Object.assign({},o),{after_cursor:r})};this.accountId=undefined;this.authToken=undefined;this.payments=[];this.loading=true;this.errorMessage=undefined;this.paging=s;this.params=undefined}updateOnPropChange(){this.fetchData()}connectedCallback(){this.fetchData()}async fetchData(){var r;if(!this.accountId||!this.authToken){this.errorMessage="Can not fetch any data without an AccountID and an AuthToken";this.loading=false;return}this.loading=true;const o=e(this.authToken,d.proxyApiOrigin);const i=`account/${this.accountId}/payments`;const t=await o.get(i,this.params);if(!t.error){this.paging=Object.assign(Object.assign({},this.paging),t.page_info);const o=(r=t===null||t===void 0?void 0:t.data)===null||r===void 0?void 0:r.map((r=>new a(r)));this.payments=o}else{this.errorMessage=typeof t.error==="string"?t.error:t.error.message}this.loading=false}getPaymentMethod(r){return r.card||r.bank_account}render(){return i(t,null,i("justifi-table",{rowClickHandler:r=>{const o=r.target.closest("tr").dataset.rowEntityId;if(!o){return}this.rowClicked.emit(this.payments.find((r=>r.id===o)))},entityId:this.payments.map((r=>r.id)),columnData:[["Made On","The date and time each payment was made"],["Amount","The dollar amount of each payment"],["Description","The payment description, if you provided one"],["Cardholder","The name associated with the payment method"],["Payment Method","The brand and last 4 digits of the payment method"],["Status","The current status of each payment"],["Payment ID","The unique identifier of each payment"]],rowData:this.payments.map((r=>[{type:"head",value:`\n                    <div>${n(r.created_at)}</div>\n                    <div>${b(r.created_at)}</div>\n                  `},c(r.amount),r.description,this.getPaymentMethod(r.payment_method).name,this.getPaymentMethod(r.payment_method).acct_last_four,{type:"inner",value:l(r.status)},r.id])),loading:this.loading,"error-message":this.errorMessage,params:this.params,paging:Object.assign(Object.assign({},this.paging),{handleClickNext:this.handleClickNext,handleClickPrevious:this.handleClickPrevious})}))}static get watchers(){return{accountId:["updateOnPropChange"],authToken:["updateOnPropChange"],params:["updateOnPropChange"]}}};g.style=p;export{g as justifi_payments_list};
+//# sourceMappingURL=p-64184a0c.entry.js.map

package/dist/webcomponents/p-64184a0c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paymentsListCss","PaymentsList","this","handleClickPrevious","beforeCursor","newParams","Object","assign","params","after_cursor","before_cursor","handleClickNext","afterCursor","pagingDefaults","updateOnPropChange","fetchData","connectedCallback","accountId","authToken","errorMessage","loading","api","Api","config","proxyApiOrigin","endpoint","response","get","error","paging","page_info","data","_a","map","dataItem","Payment","payments","message","getPaymentMethod","paymentMethod","card","bank_account","render","h","Host","rowClickHandler","e","clickedPaymentID","target","closest","dataset","rowEntityId","rowClicked","emit","find","payment","id","entityId","columnData","rowData","type","value","formatDate","created_at","formatTime","formatCurrency","amount","description","payment_method","name","acct_last_four","MapPaymentStatusToBadge","status"],"sources":["src/components/payments-list/payments-list.scss?tag=justifi-payments-list&encapsulation=shadow","src/components/payments-list/payments-list.tsx"],"sourcesContent":[":host {\n  @include host-base-styles;\n}\n","import { Component, Host, h, Prop, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Api, IApiResponseCollection, IPaymentMethod, PagingInfo, Payment, pagingDefaults } from '../../api';\nimport { MapPaymentStatusToBadge, formatCurrency, formatDate, formatTime } from '../../utils/utils';\nimport { config } from '../../../config';\n\n/**\n  * @exportedPart table-head: Table head\n  * @exportedPart table-head-row: Head row\n  * @exportedPart table-head-cell: Individual head cell\n  * @exportedPart table-body: Body of the table\n  * @exportedPart table-row: Row of the table\n  * @exportedPart table-cell: Individual cell of the table\n  * @exportedPart loading-state-cell: Row for loading state\n  * @exportedPart loading-state-spinner: Spinner element for loading state\n  * @exportedPart error-state: Row for Error state\n  * @exportedPart empty-state: Row for Emtpy state\n  * @exportedPart pagination-bar: Pagination bar\n  * @exportedPart arrow: Both paging buttons\n  * @exportedPart arrow-left: Previous page button\n  * @exportedPart arrow-right: Next page button\n  * @exportedPart button-disabled: Disabled state for paging buttons\n  * @exportedPart previous-button-text: Text for Previous button\n  * @exportedPart next-button-text: Text for Next button\n*/\n@Component({\n  tag: 'justifi-payments-list',\n  styleUrl: 'payments-list.scss',\n  shadow: true,\n})\n\nexport class PaymentsList {\n  @Prop() accountId: string;\n  @Prop() authToken: string;\n  @State() payments: Payment[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any;\n  @Event({\n    eventName: 'payment-row-clicked',\n    bubbles: true,\n  }) rowClicked: EventEmitter<Payment>;\n\n  @Watch('accountId')\n  @Watch('authToken')\n  @Watch('params')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  handleClickPrevious = (beforeCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.after_cursor;\n    this.params = ({ ...newParams, before_cursor: beforeCursor });\n  };\n\n  handleClickNext = (afterCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.before_cursor;\n    this.params = ({ ...newParams, after_cursor: afterCursor });\n  };\n\n  async fetchData(): Promise<void> {\n    if (!this.accountId || !this.authToken) {\n      this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n      this.loading = false;\n      return;\n    }\n\n    this.loading = true;\n\n    const api = Api(this.authToken, config.proxyApiOrigin);\n    const endpoint = `account/${this.accountId}/payments`;\n\n    const response: IApiResponseCollection<Payment[]> = await api.get(endpoint, this.params);\n\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info\n      }\n\n      const data = response?.data?.map(dataItem => new Payment(dataItem));\n      this.payments = data;\n    } else {\n      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n    }\n\n    this.loading = false;\n  }\n\n  getPaymentMethod(paymentMethod: IPaymentMethod) {\n    return paymentMethod.card || paymentMethod.bank_account\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          rowClickHandler={e => {\n            const clickedPaymentID = e.target.closest('tr').dataset.rowEntityId;\n            if (!clickedPaymentID) { return }\n            this.rowClicked.emit(this.payments.find((payment) => payment.id === clickedPaymentID));\n          }}\n          entityId={this.payments.map((payment) => payment.id)}\n          columnData={[\n            ['Made On', 'The date and time each payment was made'],\n            ['Amount', 'The dollar amount of each payment'],\n            ['Description', 'The payment description, if you provided one'],\n            ['Cardholder', 'The name associated with the payment method'],\n            ['Payment Method', 'The brand and last 4 digits of the payment method'],\n            ['Status', 'The current status of each payment'],\n            ['Payment ID', 'The unique identifier of each payment']\n          ]}\n          rowData={\n            this.payments.map((payment) => (\n              [\n                {\n                  type: 'head',\n                  value: `\n                    <div>${formatDate(payment.created_at)}</div>\n                    <div>${formatTime(payment.created_at)}</div>\n                  `,\n                },\n                formatCurrency(payment.amount),\n                payment.description,\n                this.getPaymentMethod(payment.payment_method).name,\n                this.getPaymentMethod(payment.payment_method).acct_last_four,\n                {\n                  type: 'inner',\n                  value: MapPaymentStatusToBadge(payment.status)\n                },\n                payment.id\n              ]\n            ))\n          }\n          loading={this.loading}\n          error-message={this.errorMessage}\n          params={this.params}\n          paging={{\n            ...this.paging,\n            handleClickNext: this.handleClickNext,\n            handleClickPrevious: this.handleClickPrevious\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"6PAAA,MAAMA,EAAkB,stb,MC8BXC,EAAY,M,yEAwBvBC,KAAAC,oBAAuBC,IACrB,MAAMC,EAASC,OAAAC,OAAA,GAAaL,KAAKM,eAC1BH,EAAUI,aACjBP,KAAKM,OAAMF,OAAAC,OAAAD,OAAAC,OAAA,GAASF,GAAS,CAAEK,cAAeN,GAAe,EAG/DF,KAAAS,gBAAmBC,IACjB,MAAMP,EAASC,OAAAC,OAAA,GAAaL,KAAKM,eAC1BH,EAAUK,cACjBR,KAAKM,OAAMF,OAAAC,OAAAD,OAAAC,OAAA,GAASF,GAAS,CAAEI,aAAcG,GAAc,E,gEA9B9B,G,aACH,K,wCAEEC,E,sBAU9B,kBAAAC,GACEZ,KAAKa,W,CAGP,iBAAAC,GACEd,KAAKa,W,CAeP,eAAMA,G,MACJ,IAAKb,KAAKe,YAAcf,KAAKgB,UAAW,CACtChB,KAAKiB,aAAe,+DACpBjB,KAAKkB,QAAU,MACf,M,CAGFlB,KAAKkB,QAAU,KAEf,MAAMC,EAAMC,EAAIpB,KAAKgB,UAAWK,EAAOC,gBACvC,MAAMC,EAAW,WAAWvB,KAAKe,qBAEjC,MAAMS,QAAoDL,EAAIM,IAAIF,EAAUvB,KAAKM,QAEjF,IAAKkB,EAASE,MAAO,CACnB1B,KAAK2B,OAAMvB,OAAAC,OAAAD,OAAAC,OAAA,GACNL,KAAK2B,QACLH,EAASI,WAGd,MAAMC,GAAOC,EAAAN,IAAQ,MAARA,SAAQ,SAARA,EAAUK,QAAI,MAAAC,SAAA,SAAAA,EAAEC,KAAIC,GAAY,IAAIC,EAAQD,KACzDhC,KAAKkC,SAAWL,C,KACX,CACL7B,KAAKiB,oBAAsBO,EAASE,QAAU,SAAWF,EAASE,MAAQF,EAASE,MAAMS,O,CAG3FnC,KAAKkB,QAAU,K,CAGjB,gBAAAkB,CAAiBC,GACf,OAAOA,EAAcC,MAAQD,EAAcE,Y,CAG7C,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,iBACEE,gBAAiBC,IACf,MAAMC,EAAmBD,EAAEE,OAAOC,QAAQ,MAAMC,QAAQC,YACxD,IAAKJ,EAAkB,CAAE,M,CACzB7C,KAAKkD,WAAWC,KAAKnD,KAAKkC,SAASkB,MAAMC,GAAYA,EAAQC,KAAOT,IAAkB,EAExFU,SAAUvD,KAAKkC,SAASH,KAAKsB,GAAYA,EAAQC,KACjDE,WAAY,CACV,CAAC,UAAW,2CACZ,CAAC,SAAU,qCACX,CAAC,cAAe,gDAChB,CAAC,aAAc,+CACf,CAAC,iBAAkB,qDACnB,CAAC,SAAU,sCACX,CAAC,aAAc,0CAEjBC,QACEzD,KAAKkC,SAASH,KAAKsB,GAAO,CAEtB,CACEK,KAAM,OACNC,MAAO,8BACEC,EAAWP,EAAQQ,+CACnBC,EAAWT,EAAQQ,yCAG9BE,EAAeV,EAAQW,QACvBX,EAAQY,YACRjE,KAAKoC,iBAAiBiB,EAAQa,gBAAgBC,KAC9CnE,KAAKoC,iBAAiBiB,EAAQa,gBAAgBE,eAC9C,CACEV,KAAM,QACNC,MAAOU,EAAwBhB,EAAQiB,SAEzCjB,EAAQC,MAIdpC,QAASlB,KAAKkB,QAAO,gBACNlB,KAAKiB,aACpBX,OAAQN,KAAKM,OACbqB,OAAMvB,OAAAC,OAAAD,OAAAC,OAAA,GACDL,KAAK2B,QAAM,CACdlB,gBAAiBT,KAAKS,gBACtBR,oBAAqBD,KAAKC,wB"}

package/dist/webcomponents/p-6c3236e8.entry.js

@@ -0,0 +1,2 @@
+import{r,c as o,h as t,H as s}from"./p-cbb60191.js";import{A as e}from"./p-b157f6ae.js";import{p as i}from"./p-0d5d02d7.js";import{c as a,d as n,e as b}from"./p-76983a7e.js";import{f as c,c as l,a as d}from"./p-d6b5793d.js";import{c as p}from"./p-301a23aa.js";const g=':root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529}';const m=class{constructor(t){r(this,t);this.rowClicked=o(this,"payout-row-clicked",7);this.mapStatusToBadge=r=>{switch(r){case a.scheduled:return`<span class="badge bg-primary" title='Batched and scheduled to be transferred'>${n[r]}</span>`;case a.in_transit:return`<span class="badge bg-primary" title='Transfer to your bank account has been initiated'>${n[r]}</span>`;case a.failed:return`<span class="badge bg-danger" title='Transfer to your bank account failed'>${n[r]}</span>`;case a.canceled:return`<span class="badge bg-danger" title='Transfer to your bank account failed'>${n[r]}</span>`;case a.forwarded:return`<span class="badge bg-secondary" title='This payout initially failed; the funds have been forwarded to your next successful payout'>${n[r]}</span>`;case a.paid:return`<span class="badge bg-success" title='Successfully deposited into your bank account'>${n[r]}</span>`}};this.handleClickPrevious=r=>{const o=Object.assign({},this.params);delete o.after_cursor;this.params=Object.assign(Object.assign({},o),{before_cursor:r})};this.handleClickNext=r=>{const o=Object.assign({},this.params);delete o.before_cursor;this.params=Object.assign(Object.assign({},o),{after_cursor:r})};this.accountId=undefined;this.authToken=undefined;this.payouts=[];this.loading=true;this.errorMessage=undefined;this.paging=i;this.params=undefined}updateOnPropChange(){this.fetchData()}connectedCallback(){this.fetchData()}async fetchData(){var r;if(!this.accountId||!this.authToken){this.errorMessage="Can not fetch any data without an AccountID and an AuthToken";this.loading=false;return}this.loading=true;const o=e(this.authToken,p.proxyApiOrigin);const t=`account/${this.accountId}/payouts`;const s=await o.get(t,this.params);if(!s.error){this.paging=Object.assign(Object.assign({},this.paging),s.page_info);const o=(r=s===null||s===void 0?void 0:s.data)===null||r===void 0?void 0:r.map((r=>new b(r)));this.payouts=o}else{this.errorMessage=typeof s.error==="string"?s.error:s.error.message}this.loading=false}render(){return t(s,null,t("justifi-table",{rowClickHandler:r=>{const o=r.target.closest("tr").dataset.rowEntityId;if(!o){return}this.rowClicked.emit(this.payouts.find((r=>r.id===o)))},columnData:[["Paid Out On","The date each transaction occurred"],["Type","The type of each transaction"],["Account","The ID of the account associated with each payout"],["Paid Out To","The bank account to which each payout was transferred"],["Payments","Sum of payments in each payout"],["Refunds","Sum of refunds in each payout"],["Fees","Sum of fees in each payout"],["Other","Sum of less common transactions in each payout (disputes, ACH returns, fee refunds, and forwarded balances due to failed payouts)"],["Payout Amount","The net sum of all transactions in each payout. This is the amount you'll see reflected on your bank statement"],["Status","The real-time status of each payout"]],entityId:this.payouts.map((r=>r.id)),rowData:this.payouts.map((r=>[{type:"head",value:`\n                    <div>${c(r.created_at)}</div>\n                    <div>${l(r.created_at)}</div>\n                  `},r.payout_type,r.account_id,`${r.bank_account.full_name} ${r.bank_account.account_number_last4}`,d(r.payments_total),d(r.refunds_total),d(r.fees_total),d(r.other_total),d(r.amount),{type:"inner",value:this.mapStatusToBadge(r.status)}])),loading:this.loading,"error-message":this.errorMessage,params:this.params,paging:Object.assign(Object.assign({},this.paging),{handleClickNext:this.handleClickNext,handleClickPrevious:this.handleClickPrevious})}))}static get watchers(){return{accountId:["updateOnPropChange"],authToken:["updateOnPropChange"],params:["updateOnPropChange"]}}};m.style=g;export{m as justifi_payouts_list};
+//# sourceMappingURL=p-6c3236e8.entry.js.map

package/dist/webcomponents/p-6c3236e8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["payoutsListCss","PayoutsList","this","mapStatusToBadge","status","PayoutStatuses","scheduled","PayoutStatusesSafeNames","in_transit","failed","canceled","forwarded","paid","handleClickPrevious","beforeCursor","newParams","Object","assign","params","after_cursor","before_cursor","handleClickNext","afterCursor","pagingDefaults","updateOnPropChange","fetchData","connectedCallback","accountId","authToken","errorMessage","loading","api","Api","config","proxyApiOrigin","endpoint","response","get","error","paging","page_info","data","_a","map","dataItem","Payout","payouts","message","render","h","Host","rowClickHandler","e","clickedPayoutID","target","closest","dataset","rowEntityId","rowClicked","emit","find","payout","id","columnData","entityId","rowData","type","value","formatDate","created_at","formatTime","payout_type","account_id","bank_account","full_name","account_number_last4","formatCurrency","payments_total","refunds_total","fees_total","other_total","amount"],"sources":["src/components/payouts-list/payouts-list.scss?tag=justifi-payouts-list&encapsulation=shadow","src/components/payouts-list/payouts-list.tsx"],"sourcesContent":[":host {\n  @include host-base-styles;\n}\n","import { Component, Host, h, Prop, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport {\n  Api,\n  IApiResponseCollection,\n  PagingInfo,\n  Payout,\n  PayoutStatuses,\n  PayoutStatusesSafeNames,\n  pagingDefaults\n} from '../../api';\nimport { formatCurrency, formatDate, formatTime } from '../../utils/utils';\nimport { config } from '../../../config';\n\n\n/**\n  * @exportedPart table-head: Table head\n  * @exportedPart table-head-row: Head row\n  * @exportedPart table-head-cell: Individual head cell\n  * @exportedPart table-body: Body of the table\n  * @exportedPart table-row: Row of the table\n  * @exportedPart table-cell: Individual cell of the table\n  * @exportedPart loading-state-cell: Row for loading state\n  * @exportedPart loading-state-spinner: Spinner element for loading state\n  * @exportedPart error-state: Row for Error state\n  * @exportedPart empty-state: Row for Emtpy state\n  * @exportedPart pagination-bar: Pagination bar\n  * @exportedPart arrow: Both paging buttons\n  * @exportedPart arrow-left: Previous page button\n  * @exportedPart arrow-right: Next page button\n  * @exportedPart button-disabled: Disabled state for paging buttons\n  * @exportedPart previous-button-text: Text for Previous button\n  * @exportedPart next-button-text: Text for Next button\n*/\n@Component({\n  tag: 'justifi-payouts-list',\n  styleUrl: 'payouts-list.scss',\n  shadow: true,\n})\n\nexport class PayoutsList {\n  @Prop() accountId: string;\n  @Prop() authToken: string;\n  @State() payouts: Payout[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any\n  @Event({\n    eventName: 'payout-row-clicked',\n    bubbles: true,\n  }) rowClicked: EventEmitter<Payout>;\n\n  @Watch('accountId')\n  @Watch('authToken')\n  @Watch('params')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  mapStatusToBadge = (status: PayoutStatuses) => {\n    switch (status) {\n      case PayoutStatuses.scheduled:\n        return `<span class=\"badge bg-primary\" title='Batched and scheduled to be transferred'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.in_transit:\n        return `<span class=\"badge bg-primary\" title='Transfer to your bank account has been initiated'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.failed:\n        return `<span class=\"badge bg-danger\" title='Transfer to your bank account failed'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.canceled:\n        return `<span class=\"badge bg-danger\" title='Transfer to your bank account failed'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.forwarded:\n        return `<span class=\"badge bg-secondary\" title='This payout initially failed; the funds have been forwarded to your next successful payout'>${PayoutStatusesSafeNames[status]}</span>`;\n      case PayoutStatuses.paid:\n        return `<span class=\"badge bg-success\" title='Successfully deposited into your bank account'>${PayoutStatusesSafeNames[status]}</span>`;\n    }\n  }\n\n  handleClickPrevious = (beforeCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.after_cursor;\n    this.params = ({ ...newParams, before_cursor: beforeCursor });\n  };\n\n  handleClickNext = (afterCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.before_cursor;\n    this.params = ({ ...newParams, after_cursor: afterCursor });\n  };\n\n  async fetchData(): Promise<void> {\n    if (!this.accountId || !this.authToken) {\n      this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n      this.loading = false;\n      return;\n    }\n    this.loading = true;\n\n    const api = Api(this.authToken, config.proxyApiOrigin);\n    const endpoint = `account/${this.accountId}/payouts`;\n\n    const response: IApiResponseCollection<Payout[]> = await api.get(endpoint, this.params);\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info\n      }\n\n      const data = response?.data?.map(dataItem => new Payout(dataItem));\n      this.payouts = data;\n    } else {\n      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n    }\n\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          rowClickHandler={(e) => {\n            const clickedPayoutID = e.target.closest('tr').dataset.rowEntityId;\n            if (!clickedPayoutID) { return }\n            this.rowClicked.emit(this.payouts.find((payout) => payout.id === clickedPayoutID));\n          }}\n          columnData={[\n            ['Paid Out On', 'The date each transaction occurred'],\n            ['Type', 'The type of each transaction'],\n            ['Account', 'The ID of the account associated with each payout'],\n            ['Paid Out To', 'The bank account to which each payout was transferred'],\n            ['Payments', 'Sum of payments in each payout'],\n            ['Refunds', 'Sum of refunds in each payout'],\n            ['Fees', 'Sum of fees in each payout'],\n            ['Other', 'Sum of less common transactions in each payout (disputes, ACH returns, fee refunds, and forwarded balances due to failed payouts)'],\n            ['Payout Amount', 'The net sum of all transactions in each payout. This is the amount you\\'ll see reflected on your bank statement'],\n            ['Status', 'The real-time status of each payout']\n          ]}\n          entityId={this.payouts.map((payout) => payout.id)}\n          rowData={\n            this.payouts.map((payout) => (\n              [\n                {\n                  type: 'head',\n                  value: `\n                    <div>${formatDate(payout.created_at)}</div>\n                    <div>${formatTime(payout.created_at)}</div>\n                  `,\n                },\n                payout.payout_type,\n                payout.account_id,\n                `${payout.bank_account.full_name} ${payout.bank_account.account_number_last4}`,\n                formatCurrency(payout.payments_total),\n                formatCurrency(payout.refunds_total),\n                formatCurrency(payout.fees_total),\n                formatCurrency(payout.other_total),\n                formatCurrency(payout.amount),\n                {\n                  type: 'inner',\n                  value: this.mapStatusToBadge(payout.status)\n                }\n              ]\n            ))\n          }\n          loading={this.loading}\n          error-message={this.errorMessage}\n          params={this.params}\n          paging={{\n            ...this.paging,\n            handleClickNext: this.handleClickNext,\n            handleClickPrevious: this.handleClickPrevious\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/webcomponents/p-76983a7e.js

@@ -0,0 +1,2 @@
+var t;(function(t){t["automatic"]="automatic";t["manual"]="manual"})(t||(t={}));var s;(function(t){t["card"]="card";t["bankAccount"]="bankAccount"})(s||(s={}));var i;(function(t){t["pending"]="pending";t["authorized"]="authorized";t["succeeded"]="succeeded";t["failed"]="failed";t["disputed"]="disputed";t["fully_refunded"]="fully_refunded";t["partially_refunded"]="partially_refunded"})(i||(i={}));var h;(function(t){t["lost"]="lost";t["open"]="open"})(h||(h={}));class a{constructor(t){this.id=t.id;this.account_id=t.account_id;this.amount=t.amount;this.amount_disputed=t.amount_disputed;this.amount_refundable=t.amount_refundable;this.amount_refunded=t.amount_refunded;this.balance=t.balance;this.captured=t.captured;this.capture_strategy=t.capture_strategy;this.currency=t.currency;this.description=t.description;this.disputed=t.disputed;this.disputes=t.disputes;this.error_code=t.error_code;this.error_description=t.error_description;this.fee_amount=t.fee_amount;this.is_test=t.is_test;this.metadata=t.metadata;this.payment_method=t.payment_method;this.payment_intent_id=t.payment_intent_id;this.refunded=t.refunded;this.status=t.status;this.created_at=t.created_at;this.updated_at=t.updated_at}get disputedStatus(){const t=this.disputes.some((t=>t.status===h.lost));if(!this.disputed){return null}else if(t){return h.lost}else{return h.open}}}class e{constructor(t){this.id=t.id;this.amount=t.amount;this.balance=t.balance;this.currency=t.currency;this.financial_transaction_id=t.financial_transaction_id;this.payment_id=t.payment_id;this.payment_balance_txn_type=t.payment_balance_txn_type;this.source_id=t.source_id;this.source_type=t.source_type;this.created_at=t.created_at;this.updated_at=t.updated_at}get displayTransactionId(){return this.payment_balance_txn_type==="payment_fee"?"--":this.source_id}}var n;(function(t){t["paid"]="paid";t["failed"]="failed";t["forwarded"]="forwarded";t["scheduled"]="scheduled";t["in_transit"]="in_transit";t["canceled"]="canceled"})(n||(n={}));var r;(function(t){t["paid"]="Paid";t["failed"]="Failed";t["forwarded"]="Forwarded";t["scheduled"]="Scheduled";t["in_transit"]="In Transit";t["canceled"]="Canceled"})(r||(r={}));class d{constructor(t){this.id=t.id;this.account_id=t.account_id;this.amount=t.amount;this.bank_account=t.bank_account;this.currency=t.currency;this.delivery_method=t.delivery_method||"standard";this.description=t.description;this.deposits_at=t.deposits_at;this.fees_total=t.fees_total;this.refunds_count=t.refunds_count;this.refunds_total=t.refunds_total;this.payments_count=t.payments_count;this.payments_total=t.payments_total;this.payout_type=t.payout_type;this.other_total=t.other_total;this.status=t.status;this.metadata=t.metadata;this.created_at=t.created_at;this.updated_at=t.updated_at}}export{e as P,s as a,a as b,n as c,r as d,d as e};
+//# sourceMappingURL=p-76983a7e.js.map

package/dist/webcomponents/p-76983a7e.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CaptureStrategy","PaymentMethodTypes","PaymentStatuses","PaymentDisputedStatuses","Payment","constructor","payment","this","id","account_id","amount","amount_disputed","amount_refundable","amount_refunded","balance","captured","capture_strategy","currency","description","disputed","disputes","error_code","error_description","fee_amount","is_test","metadata","payment_method","payment_intent_id","refunded","status","created_at","updated_at","disputedStatus","lost","some","dispute","open","PaymentBalanceTransaction","balanceTransaction","financial_transaction_id","payment_id","payment_balance_txn_type","source_id","source_type","displayTransactionId","PayoutStatuses","PayoutStatusesSafeNames","Payout","payout","bank_account","delivery_method","deposits_at","fees_total","refunds_count","refunds_total","payments_count","payments_total","payout_type","other_total"],"sources":["src/api/Payment.ts","src/api/Payout.ts"],"sourcesContent":["export enum CaptureStrategy {\n  automatic = 'automatic',\n  manual = 'manual',\n}\n\nexport enum PaymentMethodTypes {\n  card = 'card',\n  bankAccount = 'bankAccount',\n}\n\nexport enum PaymentStatuses {\n  pending = 'pending',\n  authorized = 'authorized',\n  succeeded = 'succeeded',\n  failed = 'failed',\n  disputed = 'disputed',\n  fully_refunded = 'fully_refunded',\n  partially_refunded = 'partially_refunded',\n}\n\nexport enum PaymentDisputedStatuses {\n  // if a dispute is 'won', we don't show a dispute status, just general status\n  lost = 'lost',\n  open = 'open',\n}\n\nexport interface IPaymentMethod {\n  card?: ICard;\n  bank_account?: IBankAccount;\n}\n\nexport type CardBrand =\n  | 'american_express'\n  | 'diners_club'\n  | 'discover'\n  | 'jcb'\n  | 'mastercard'\n  | 'china_unionpay'\n  | 'visa'\n  | 'unknown';\n\nexport interface IBankAccount {\n  id: string;\n  acct_last_four: string;\n  name: string;\n  brand: string;\n  token: string\n  created_at: string;\n  updated_at: string;\n}\n\nexport interface ICard {\n  id: string;\n  acct_last_four: string;\n  name: string;\n  brand: CardBrand;\n  token: string;\n  created_at: string;\n  updated_at: string;\n}\n\nexport interface IDispute {\n  amount_cents: number;\n  created_at: string;\n  currency: string;\n  gateway_ref_id: string;\n  id: string;\n  payment_id: string;\n  reason: null;\n  status: string;\n  updated_at: string;\n}\n\nexport interface IPayment {\n  id: string;\n  account_id: string;\n  amount: number;\n  amount_disputed: number;\n  amount_refundable: number;\n  amount_refunded: number;\n  balance: number;\n  captured: boolean;\n  capture_strategy: CaptureStrategy;\n  currency: 'usd';\n  description: string;\n  disputed: boolean;\n  disputes: IDispute[];\n  error_code: string | null;\n  error_description: string | null;\n  fee_amount: number;\n  is_test: boolean;\n  metadata: Object | null;\n  payment_method: IPaymentMethod;\n  payment_intent_id: string | null;\n  refunded: boolean;\n  status: PaymentStatuses;\n  created_at: string;\n  updated_at: string;\n}\n\nexport class Payment implements IPayment {\n  public id: string;\n  public account_id: string;\n  public amount: number;\n  public amount_disputed: number;\n  public amount_refundable: number;\n  public amount_refunded: number;\n  public balance: number;\n  public captured: boolean;\n  public capture_strategy: CaptureStrategy;\n  public currency: 'usd';\n  public description: string;\n  public disputed: boolean;\n  public disputes: IDispute[];\n  public error_code: string | null;\n  public error_description: string | null;\n  public fee_amount: number;\n  public is_test: boolean;\n  public metadata: Object | null;\n  public payment_method: IPaymentMethod;\n  public payment_intent_id: string | null;\n  public refunded: boolean;\n  public status: PaymentStatuses;\n  public created_at: string;\n  public updated_at: string;\n  public statement_descriptor?: string;\n\n  constructor(payment: IPayment) {\n    this.id = payment.id;\n    this.account_id = payment.account_id;\n    this.amount = payment.amount;\n    this.amount_disputed = payment.amount_disputed;\n    this.amount_refundable = payment.amount_refundable;\n    this.amount_refunded = payment.amount_refunded;\n    this.balance = payment.balance;\n    this.captured = payment.captured;\n    this.capture_strategy = payment.capture_strategy;\n    this.currency = payment.currency;\n    this.description = payment.description;\n    this.disputed = payment.disputed;\n    this.disputes = payment.disputes;\n    this.error_code = payment.error_code;\n    this.error_description = payment.error_description;\n    this.fee_amount = payment.fee_amount;\n    this.is_test = payment.is_test;\n    this.metadata = payment.metadata;\n    this.payment_method = payment.payment_method;\n    this.payment_intent_id = payment.payment_intent_id;\n    this.refunded = payment.refunded;\n    this.status = payment.status;\n    this.created_at = payment.created_at;\n    this.updated_at = payment.updated_at;\n  }\n\n  get disputedStatus(): PaymentDisputedStatuses | null {\n    const lost = this.disputes.some(\n      dispute => dispute.status === PaymentDisputedStatuses.lost,\n    );\n    // if a dispute is 'won', we don't show a dispute status, just general status\n    if (!this.disputed) {\n      return null;\n    } else if (lost) {\n      return PaymentDisputedStatuses.lost;\n    } else {\n      return PaymentDisputedStatuses.open;\n    }\n  }\n}\n\nexport interface IPaymentBalanceTransaction {\n  id: string;\n  amount: number;\n  balance: number;\n  currency: 'usd';\n  financial_transaction_id: string;\n  payment_id: string;\n  payment_balance_txn_type: string;\n  source_id: string;\n  source_type: string;\n  created_at: string;\n  updated_at: string;\n}\n\nexport class PaymentBalanceTransaction implements IPaymentBalanceTransaction {\n  public id: string;\n  public amount: number;\n  public balance: number;\n  public currency: 'usd';\n  public financial_transaction_id: string;\n  public payment_id: string;\n  public payment_balance_txn_type: string;\n  public source_id: string;\n  public source_type: string;\n  public created_at: string;\n  public updated_at: string;\n\n  constructor(balanceTransaction: IPaymentBalanceTransaction) {\n    this.id = balanceTransaction.id;\n    this.amount = balanceTransaction.amount;\n    this.balance = balanceTransaction.balance;\n    this.currency = balanceTransaction.currency;\n    this.financial_transaction_id = balanceTransaction.financial_transaction_id;\n    this.payment_id = balanceTransaction.payment_id;\n    this.payment_balance_txn_type = balanceTransaction.payment_balance_txn_type;\n    this.source_id = balanceTransaction.source_id;\n    this.source_type = balanceTransaction.source_type;\n    this.created_at = balanceTransaction.created_at;\n    this.updated_at = balanceTransaction.updated_at;\n  }\n\n  get displayTransactionId(): string {\n    return this.payment_balance_txn_type === 'payment_fee'\n      ? '--'\n      : this.source_id;\n  }\n}\n","import { BankAccount } from \"./shared\";\n\nexport enum PayoutStatuses {\n  paid = 'paid',\n  failed = 'failed',\n  forwarded = 'forwarded',\n  scheduled = 'scheduled',\n  in_transit = 'in_transit',\n  canceled = 'canceled',\n}\n\nexport enum PayoutStatusesSafeNames {\n  paid = 'Paid',\n  failed = 'Failed',\n  forwarded = 'Forwarded',\n  scheduled = 'Scheduled',\n  in_transit = 'In Transit',\n  canceled = 'Canceled',\n}\n\nexport interface IPayout {\n  id: string;\n  account_id: string;\n  amount: number;\n  bank_account: BankAccount;\n  currency: 'usd';\n  delivery_method: string;\n  description: string;\n  deposits_at: string;\n  fees_total: number;\n  refunds_count: number;\n  refunds_total: number;\n  payments_count: number;\n  payments_total: number;\n  payout_type: 'ach' | 'cc';\n  other_total: number;\n  status: PayoutStatuses;\n  metadata: any;\n  created_at: string;\n  updated_at: string;\n}\n\nexport class Payout implements IPayout {\n  public id: string;\n  public account_id: string;\n  public amount: number;\n  public bank_account: BankAccount;\n  public currency: 'usd';\n  public delivery_method: string;\n  public description: string;\n  public deposits_at: string;\n  public fees_total: number;\n  public refunds_count: number;\n  public refunds_total: number;\n  public payments_count: number;\n  public payments_total: number;\n  public payout_type: 'ach' | 'cc';\n  public other_total: number;\n  public status: PayoutStatuses;\n  public metadata: any;\n  public created_at: string;\n  public updated_at: string;\n\n  constructor(payout: IPayout) {\n    this.id = payout.id;\n    this.account_id = payout.account_id;\n    this.amount = payout.amount;\n    this.bank_account = payout.bank_account;\n    this.currency = payout.currency;\n    this.delivery_method = payout.delivery_method || 'standard';\n    this.description = payout.description;\n    this.deposits_at = payout.deposits_at;\n    this.fees_total = payout.fees_total;\n    this.refunds_count = payout.refunds_count;\n    this.refunds_total = payout.refunds_total;\n    this.payments_count = payout.payments_count;\n    this.payments_total = payout.payments_total;\n    this.payout_type = payout.payout_type;\n    this.other_total = payout.other_total;\n    this.status = payout.status;\n    this.metadata = payout.metadata;\n    this.created_at = payout.created_at;\n    this.updated_at = payout.updated_at;\n  }\n}\n"],"mappings":"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"}

package/dist/webcomponents/p-76dffeec.js

@@ -0,0 +1,2 @@
+import{h as t}from"./p-cbb60191.js";const e=t("main",{part:"detail-loading-state",class:"p-4 d-flex justify-content-center text-center",style:{fontSize:"1.2rem"}},t("div",{part:"detail-loading-spinner",class:"spinner-border spinner-border-sm",role:"status"},t("span",{class:"visually-hidden"},"Loading...")));const a=e=>t("main",{part:"detail-empty-state",class:"p-4 d-flex justify-content-center text-center",style:{fontSize:"1.2rem"}},t("div",null,e));const l=({sectionTitle:e},a)=>t("div",{part:"detail-section",class:"mt-4"},t("h5",{part:"detail-section-title"},e),t("hr",null),t("div",{class:"d-flex flex-column justify-content-center gap-2 text-nowrap"},a));const s=({title:e,value:a})=>e&&a?t("div",{class:"d-flex gap-2"},t("span",{part:"detail-section-item-title",class:"fw-bold flex-1"},e),t("span",{part:"detail-section-item-data",class:"flex-1",innerHTML:a})):null;const i=({title:e,value:a,classes:l})=>t("div",{part:"detail-head-info-item",class:`d-flex flex-column ${l}`},t("span",{part:"detail-head-info-item-title",class:"fw-bold border-1 border-bottom ps-2 pe-2"},e),t("span",{part:"detail-head-info-item-data",class:"pt-2 ps-2 pe-2"},a));const n=({title:e,slot:a,badge:l},s)=>t("div",{slot:a,part:"detail-head",class:"p-2"},t("div",{class:"d-flex flex-row align-items-center gap-2 mb-2"},t("h1",{class:"m-0",part:"detail-title"},e),l),t("div",{part:"detail-head-info",class:"d-flex flex-row align-items-top"},s));const d=({metadata:e})=>e&&Object.keys(e).length?t("div",{class:"mt-4"},t("pre",{part:"detail-metadata",class:"p-2","aria-label":"metadata content"},t("code",null,JSON.stringify(e,null,2)))):null;export{d as C,l as D,a as E,e as L,n as a,i as b,s as c};
+//# sourceMappingURL=p-76dffeec.js.map

package/dist/webcomponents/p-76dffeec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LoadingState","h","part","class","style","fontSize","role","ErrorState","errorMessage","DetailSection","sectionTitle","children","DetailItem","title","value","innerHTML","EntityHeadInfoItem","classes","EntityHeadInfo","slot","badge","CodeBlock","metadata","Object","keys","length","JSON","stringify"],"sources":["src/components/details/utils.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nexport const LoadingState = (\n  <main\n    part=\"detail-loading-state\"\n    class=\"p-4 d-flex justify-content-center text-center\"\n    style={{ fontSize: '1.2rem' }}\n  >\n    <div\n      part=\"detail-loading-spinner\"\n      class=\"spinner-border spinner-border-sm\"\n      role=\"status\"\n    >\n      <span class=\"visually-hidden\">Loading...</span>\n    </div>\n  </main>\n);\n\nexport const ErrorState = (errorMessage: string) => (\n  <main\n    part=\"detail-empty-state\"\n    class=\"p-4 d-flex justify-content-center text-center\"\n    style={{ fontSize: '1.2rem' }}\n  >\n    <div>{errorMessage}</div>\n  </main>\n);\n\nexport const DetailSection = (\n  { sectionTitle }: { sectionTitle: string },\n  children,\n) => (\n  <div part=\"detail-section\" class=\"mt-4\">\n    <h5 part=\"detail-section-title\">{sectionTitle}</h5>\n    <hr />\n    <div class=\"d-flex flex-column justify-content-center gap-2 text-nowrap\">\n      {children}\n    </div>\n  </div>\n);\n\nexport const DetailItem = ({\n  title,\n  value,\n}: {\n  title: string;\n  value: string;\n}) =>\n  title && value ? (\n    <div class=\"d-flex gap-2\">\n      <span part=\"detail-section-item-title\" class=\"fw-bold flex-1\">\n        {title}\n      </span>\n      <span\n        part=\"detail-section-item-data\"\n        class=\"flex-1\"\n        innerHTML={value}\n      ></span>\n    </div>\n  ) : null;\n\nexport const EntityHeadInfoItem = ({\n  title,\n  value,\n  classes,\n}: {\n  title: string;\n  value: any;\n  classes?: string;\n}) => (\n  <div part=\"detail-head-info-item\" class={`d-flex flex-column ${classes}`}>\n    <span\n      part=\"detail-head-info-item-title\"\n      class=\"fw-bold border-1 border-bottom ps-2 pe-2\"\n    >\n      {title}\n    </span>\n    <span part=\"detail-head-info-item-data\" class=\"pt-2 ps-2 pe-2\">\n      {value}\n    </span>\n  </div>\n);\n\nexport const EntityHeadInfo = ({ title, slot, badge }, children) => (\n  <div slot={slot} part=\"detail-head\" class=\"p-2\">\n    <div class=\"d-flex flex-row align-items-center gap-2 mb-2\">\n      <h1 class=\"m-0\" part=\"detail-title\">\n        {title}\n      </h1>\n      {badge}\n    </div>\n    <div part=\"detail-head-info\" class=\"d-flex flex-row align-items-top\">\n      {children}\n    </div>\n  </div>\n);\n\nexport const CodeBlock = ({ metadata }: {metadata: {}}) => \n  metadata && Object.keys(metadata).length ? (\n    <div class='mt-4'>\n      <pre part=\"detail-metadata\" class=\"p-2\" aria-label=\"metadata content\">\n        <code>\n          {JSON.stringify(metadata, null, 2)}\n        </code>\n      </pre>\n    </div>\n  ) : null;\n"],"mappings":"0CAEaA,EACXC,EAAA,QACEC,KAAK,uBACLC,MAAM,gDACNC,MAAO,CAAEC,SAAU,WAEnBJ,EAAA,OACEC,KAAK,yBACLC,MAAM,mCACNG,KAAK,UAELL,EAAA,QAAME,MAAM,mBAAiB,gB,MAKtBI,EAAcC,GACzBP,EAAA,QACEC,KAAK,qBACLC,MAAM,gDACNC,MAAO,CAAEC,SAAU,WAEnBJ,EAAA,WAAMO,I,MAIGC,EAAgB,EACzBC,gBACFC,IAEAV,EAAA,OAAKC,KAAK,iBAAiBC,MAAM,QAC/BF,EAAA,MAAIC,KAAK,wBAAwBQ,GACjCT,EAAA,WACAA,EAAA,OAAKE,MAAM,+DACRQ,I,MAKMC,EAAa,EACxBC,QACAC,WAKAD,GAASC,EACPb,EAAA,OAAKE,MAAM,gBACTF,EAAA,QAAMC,KAAK,4BAA4BC,MAAM,kBAC1CU,GAEHZ,EAAA,QACEC,KAAK,2BACLC,MAAM,SACNY,UAAWD,KAGb,K,MAEOE,EAAqB,EAChCH,QACAC,QACAG,aAMAhB,EAAA,OAAKC,KAAK,wBAAwBC,MAAO,sBAAsBc,KAC7DhB,EAAA,QACEC,KAAK,8BACLC,MAAM,4CAELU,GAEHZ,EAAA,QAAMC,KAAK,6BAA6BC,MAAM,kBAC3CW,I,MAKMI,EAAiB,EAAGL,QAAOM,OAAMC,SAAST,IACrDV,EAAA,OAAKkB,KAAMA,EAAMjB,KAAK,cAAcC,MAAM,OACxCF,EAAA,OAAKE,MAAM,iDACTF,EAAA,MAAIE,MAAM,MAAMD,KAAK,gBAClBW,GAEFO,GAEHnB,EAAA,OAAKC,KAAK,mBAAmBC,MAAM,mCAChCQ,I,MAKMU,EAAY,EAAGC,cAC1BA,GAAYC,OAAOC,KAAKF,GAAUG,OAChCxB,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKC,KAAK,kBAAkBC,MAAM,MAAK,aAAY,oBACjDF,EAAA,YACGyB,KAAKC,UAAUL,EAAU,KAAM,MAIpC,Y"}