@justifi/webcomponents 4.7.1-rc.0 → 4.7.2-rc.0

package/dist/collection/components/payments-list/payments-list.js

@@ -55,28 +55,27 @@ export class PaymentsList {
       return;
     }
     this.loading = true;
-    const api = Api(this.authToken, config.proxyApiOrigin);
-    const endpoint = `account/${this.accountId}/payments`;
-    const response = await api.get(endpoint, this.params);
-    if (!response.error) {
-      this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-      const data = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.map(dataItem => new Payment(dataItem));
-      this.payments = data;
-    }
-    else {
-      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
+    try {
+      const api = Api(this.authToken, config.proxyApiOrigin);
+      const endpoint = `account/${this.accountId}/payments`;
+      const response = await api.get(endpoint, this.params);
+      if (!response.error) {
+        this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
+        const data = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.map(dataItem => new Payment(dataItem));
+        this.payments = data;
+      }
+      else {
+        const responseError = typeof response.error === 'string' ? response.error : response.error.message;
+        console.error(`Error fetching payments: ${responseError}`);
+        this.errorMessage = 'No results';
+      }
     }
-    this.loading = false;
-  }
-  getPaymentMethod(paymentMethod) {
-    return paymentMethod.card || paymentMethod.bank_account;
-  }
-  getPaymentMethodName(paymentMethod) {
-    if (paymentMethod.card) {
-      return paymentMethod.card.name;
+    catch (error) {
+      console.error(`Error fetching payments: ${error.message}`);
+      this.errorMessage = 'No results';
     }
-    else {
-      return paymentMethod.bank_account.account_owner_name;
+    finally {
+      this.loading = false;
     }
   }
   render() {
@@ -104,8 +103,8 @@ export class PaymentsList {
         },
         formatCurrency(payment.amount),
         payment.description,
-        this.getPaymentMethodName(payment.payment_method),
-        this.getPaymentMethod(payment.payment_method).acct_last_four,
+        payment.payment_method.payersName,
+        payment.payment_method.lastFourDigits,
         {
           type: 'inner',
           value: MapPaymentStatusToBadge(payment.status)
@@ -209,4 +208,3 @@ export class PaymentsList {
       }];
   }
 }
-//# sourceMappingURL=payments-list.js.map

package/dist/collection/components/payments-list/payments-list.stories.js

@@ -76,4 +76,3 @@ Contained.decorators = [
   `
 ];
 Contained.args = new PaymentsListArgs({});
-//# sourceMappingURL=payments-list.stories.js.map

package/dist/collection/components/payments-list/test/payments-list.spec.js

@@ -31,4 +31,3 @@ describe('justifi-payments-list', () => {
     expect(error).toBeDefined();
   });
 });
-//# sourceMappingURL=payments-list.spec.js.map

package/dist/collection/components/payout-details/payout-details.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { Api } from "../../api";
+import { Api, Payout } from "../../api";
 import { MapPayoutStatusToBadge, formatCurrency, formatDate, formatTime } from "../../utils/utils";
 import { CodeBlock, DetailItem, DetailSection, EntityHeadInfo, EntityHeadInfoItem, ErrorState, LoadingState } from "../details/utils";
 import { config } from "../../../config";
@@ -49,21 +49,29 @@ export class PaymentDetails {
       return;
     }
     this.loading = true;
-    const endpoint = `payouts/${this.payoutId}`;
-    const response = await Api(this.authToken, config.proxyApiOrigin).get(endpoint);
-    if (!response.error) {
-      this.payout = response.data;
+    try {
+      const endpoint = `payouts/${this.payoutId}`;
+      const response = await Api(this.authToken, config.proxyApiOrigin).get(endpoint);
+      if (!response.error) {
+        this.payout = new Payout(response.data);
+      }
+      else {
+        const responseError = typeof response.error === 'string' ? response.error : response.error.message;
+        this.errorMessage = `Error fetching payout details: ${responseError}`;
+        console.error(this.errorMessage);
+      }
     }
-    else {
-      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
+    catch (error) {
+      this.errorMessage = `Error fetching payout details: ${error}`;
+      console.error(this.errorMessage);
+    }
+    finally {
+      this.loading = false;
     }
-    this.loading = false;
   }
   render() {
     var _a;
-    return (h(Host, null, this.loading ? LoadingState :
-      !this.payout ? ErrorState(this.errorMessage) :
-        h("justifi-details", { "error-message": this.errorMessage }, h(EntityHeadInfo, { slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { title: "ID", value: this.payout.id })), h("div", { slot: 'detail-sections' }, h(DetailSection, { sectionTitle: "Details" }, h(DetailItem, { title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { title: "Statement Description", value: this.payout.description }), h(DetailItem, { title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { title: "Amount", value: formatCurrency(this.payout.amount) }), h(DetailItem, { title: "Fee", value: formatCurrency(this.payout.fees_total) })), h(DetailSection, { sectionTitle: "Account" }, h(DetailItem, { title: "ID", value: this.payout.account_id }), h(DetailItem, { title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSection, { sectionTitle: 'Metadata' }, h(CodeBlock, { metadata: this.payout.metadata }))))));
+    return (h(Host, null, this.loading && LoadingState, !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { "error-message": this.errorMessage }, h(EntityHeadInfo, { slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { title: "ID", value: this.payout.id })), h("div", { slot: 'detail-sections' }, h(DetailSection, { sectionTitle: "Details" }, h(DetailItem, { title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { title: "Statement Description", value: this.payout.description }), h(DetailItem, { title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { title: "Amount", value: formatCurrency(this.payout.amount) }), h(DetailItem, { title: "Fee", value: formatCurrency(this.payout.fees_total) })), h(DetailSection, { sectionTitle: "Account" }, h(DetailItem, { title: "ID", value: this.payout.account_id }), h(DetailItem, { title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSection, { sectionTitle: 'Metadata' }, h(CodeBlock, { metadata: this.payout.metadata })))))));
   }
   static get is() { return "justifi-payout-details"; }
   static get encapsulation() { return "shadow"; }
@@ -132,4 +140,3 @@ export class PaymentDetails {
       }];
   }
 }
-//# sourceMappingURL=payout-details.js.map

package/dist/collection/components/payout-details/payout-details.stories.js

@@ -45,4 +45,3 @@ Styled.decorators = [
     </style>
   `
 ];
-//# sourceMappingURL=payout-details.stories.js.map

package/dist/collection/components/payouts-list/payouts-list.js

@@ -71,18 +71,28 @@ export class PayoutsList {
       return;
     }
     this.loading = true;
-    const api = Api(this.authToken, config.proxyApiOrigin);
-    const endpoint = `account/${this.accountId}/payouts`;
-    const response = await api.get(endpoint, this.params);
-    if (!response.error) {
-      this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-      const data = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.map(dataItem => new Payout(dataItem));
-      this.payouts = data;
+    try {
+      const api = Api(this.authToken, config.proxyApiOrigin);
+      const endpoint = `account/${this.accountId}/payouts`;
+      const response = await api.get(endpoint, this.params);
+      if (!response.error) {
+        this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
+        const data = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.map(dataItem => new Payout(dataItem));
+        this.payouts = data;
+      }
+      else {
+        const responseError = typeof response.error === 'string' ? response.error : response.error.message;
+        console.error(`Error fetching payouts: ${responseError}`);
+        this.errorMessage = 'No results';
+      }
     }
-    else {
-      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
+    catch (error) {
+      console.error(`Error fetching payouts: ${error}`);
+      this.errorMessage = 'No results';
+    }
+    finally {
+      this.loading = false;
     }
-    this.loading = false;
   }
   render() {
     return (h(Host, null, h("justifi-table", { rowClickHandler: (e) => {
@@ -220,4 +230,3 @@ export class PayoutsList {
       }];
   }
 }
-//# sourceMappingURL=payouts-list.js.map

package/dist/collection/components/payouts-list/payouts-list.stories.js

@@ -67,4 +67,3 @@ Styled.decorators = [
     </style>
   `
 ];
-//# sourceMappingURL=payouts-list.stories.js.map

package/dist/collection/components/proceeds-list/proceeds-list.js

@@ -212,4 +212,3 @@ export class ProceedsList {
       }];
   }
 }
-//# sourceMappingURL=proceeds-list.js.map

package/dist/collection/components/proceeds-list/proceeds-list.stories.js

@@ -67,4 +67,3 @@ Styled.decorators = [
     </style>
   `
 ];
-//# sourceMappingURL=proceeds-list.stories.js.map

package/dist/collection/components/refund-form/refund-form-schema.js

@@ -11,4 +11,3 @@ const RefundFormSchema = yup.object().shape({
     .nullable(),
 });
 export default RefundFormSchema;
-//# sourceMappingURL=refund-form-schema.js.map

package/dist/collection/components/refund-form/refund-form.js

@@ -226,4 +226,3 @@ export class RefundForm {
       }];
   }
 }
-//# sourceMappingURL=refund-form.js.map

package/dist/collection/components/refund-form/refund-form.stories.js

@@ -166,4 +166,3 @@ Styled.args = {
     --jfi-submit-button-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
   `,
 };
-//# sourceMappingURL=refund-form.stories.js.map

package/dist/collection/components/select-input/select-input.js

@@ -140,4 +140,3 @@ export class SelectInput {
       }];
   }
 }
-//# sourceMappingURL=select-input.js.map

package/dist/collection/components/select-input/test/select-input.spec.js

@@ -77,4 +77,3 @@ describe('select-input', () => {
   `);
   });
 });
-//# sourceMappingURL=select-input.spec.js.map

package/dist/collection/components/subaccount-details/subaccount-account-details/subaccount-account-details.js

@@ -68,4 +68,3 @@ export class SubaccountAccountDetails {
     };
   }
 }
-//# sourceMappingURL=subaccount-account-details.js.map

package/dist/collection/components/subaccount-details/subaccount-bank-details/subaccount-bank-details.js

@@ -46,4 +46,3 @@ export class SubaccountBankDetails {
     };
   }
 }
-//# sourceMappingURL=subaccount-bank-details.js.map

package/dist/collection/components/subaccount-details/subaccount-details.js

@@ -55,10 +55,8 @@ export class SubaccountDetails {
     this.loading = false;
   }
   render() {
-    var _a, _b, _c, _d, _e, _f;
-    return (h(Host, null, this.loading ? LoadingState :
-      !this.subaccount || !this.onboardingData ? ErrorState(this.errorMessage) :
-        h("justifi-details", null, h(EntityHeadInfo, { slot: 'head-info', badge: h("span", { slot: 'badge', innerHTML: MapSubAccountStatusToBadge((_a = this.subaccount) === null || _a === void 0 ? void 0 : _a.status) }), title: (_b = this.subaccount) === null || _b === void 0 ? void 0 : _b.name }, h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}` }), h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Last Updated", value: `${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}` }), h(EntityHeadInfoItem, { title: "ID", value: this.subaccount.id })), h("div", { slot: 'detail-sections' }, h("subaccount-account-details", { subaccount: this.subaccount, onboardingData: this.onboardingData }), h("subaccount-merchant-details", { onboardingData: this.onboardingData }), h("subaccount-representative-details", { data: (_d = (_c = this.onboardingData) === null || _c === void 0 ? void 0 : _c.payload) === null || _d === void 0 ? void 0 : _d.representative }), h("subaccount-owners-details", { data: (_f = (_e = this.onboardingData) === null || _e === void 0 ? void 0 : _e.payload) === null || _f === void 0 ? void 0 : _f.owners })))));
+    var _a, _b;
+    return (h(Host, null, this.loading && LoadingState, !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.subaccount && this.onboardingData && (h("justifi-details", null, h(EntityHeadInfo, { slot: 'head-info', badge: h("span", { slot: 'badge', innerHTML: MapSubAccountStatusToBadge(this.subaccount.status) }), title: this.subaccount.name }, h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}` }), h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Last Updated", value: `${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}` }), h(EntityHeadInfoItem, { title: "ID", value: this.subaccount.id })), h("div", { slot: 'detail-sections' }, h("subaccount-account-details", { subaccount: this.subaccount, onboardingData: this.onboardingData }), h("subaccount-merchant-details", { onboardingData: this.onboardingData }), h("subaccount-representative-details", { data: (_a = this.onboardingData.payload) === null || _a === void 0 ? void 0 : _a.representative }), h("subaccount-owners-details", { data: (_b = this.onboardingData.payload) === null || _b === void 0 ? void 0 : _b.owners }))))));
   }
   static get is() { return "justifi-subaccount-details"; }
   static get encapsulation() { return "shadow"; }
@@ -145,4 +143,3 @@ export class SubaccountDetails {
       }];
   }
 }
-//# sourceMappingURL=subaccount-details.js.map

package/dist/collection/components/subaccount-details/subaccount-details.stories.js

@@ -23,4 +23,3 @@ const Template = (args) => {
 };
 export const Basic = Template.bind({});
 Basic.args = new SubaccountDetailsArgs({});
-//# sourceMappingURL=subaccount-details.stories.js.map

package/dist/collection/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.js

@@ -48,4 +48,3 @@ export class SubaccountMerchantDetails {
     };
   }
 }
-//# sourceMappingURL=subaccount-merchant-details.js.map

package/dist/collection/components/subaccount-details/subaccount-owners-details/subaccount-owners-details.js

@@ -46,4 +46,3 @@ export class SubaccountOwnersDetails {
     };
   }
 }
-//# sourceMappingURL=subaccount-owners-details.js.map

package/dist/collection/components/subaccount-details/subaccount-representative-details/subaccount-representative-details.js

@@ -47,4 +47,3 @@ export class SubaccountRepresentativeDetails {
     };
   }
 }
-//# sourceMappingURL=subaccount-representative-details.js.map

package/dist/collection/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.js

@@ -46,4 +46,3 @@ export class SubaccountTermsDetails {
     };
   }
 }
-//# sourceMappingURL=subaccount-terms-details.js.map

package/dist/collection/components/subaccount-details/test/subaccount-details.spec.js

@@ -19,4 +19,3 @@ describe('subaccount-details', () => {
     `);
   });
 });
-//# sourceMappingURL=subaccount-details.spec.js.map

package/dist/collection/components/subaccounts-list/subaccounts-list.js

@@ -177,4 +177,3 @@ export class SubaccountsList {
       }];
   }
 }
-//# sourceMappingURL=subaccounts-list.js.map

package/dist/collection/components/subaccounts-list/subaccounts-list.stories.js

@@ -67,4 +67,3 @@ Styled.decorators = [
     </style>
   `
 ];
-//# sourceMappingURL=subaccounts-list.stories.js.map

package/dist/collection/components/subaccounts-list/test/subaccounts-list.e2e.js

@@ -7,4 +7,3 @@ describe('subaccounts-list', () => {
     expect(element).toHaveClass('hydrated');
   });
 });
-//# sourceMappingURL=subaccounts-list.e2e.js.map

package/dist/collection/components/subaccounts-list/test/subaccounts-list.spec.js

@@ -31,4 +31,3 @@ describe('subaccounts-list', () => {
     expect(error).toBeDefined();
   });
 });
-//# sourceMappingURL=subaccounts-list.spec.js.map

package/dist/collection/components/table/table.css

@@ -8074,4 +8074,9 @@ progress {
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
+  table-layout: fixed;
+}
+
+.table-wrapper {
+  overflow-x: scroll;
 }

package/dist/collection/components/table/table.js

@@ -29,7 +29,7 @@ export class Table {
   render() {
     var _a, _b, _c;
     return (h(Host, { exportparts: "\n        table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,\n        table-row-odd,table-cell,loading-state-cell,loading-state-spinner,error-state,\n        empty-state,pagination-bar,arrow,arrow-left,arrow-right,button-disabled,\n        previous-button-text,next-button-text\n      " }, this.columnData ?
-      h("table", { class: "table table-hover" }, h("thead", { class: "table-head sticky-top", part: "table-head" }, h("tr", { class: "table-light", part: 'table-head-row' }, (_a = this.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, !Array.isArray(column) ? column : column[0])))), h("tbody", { class: "table-body", part: 'table-body' }, this.loading ? this.loadingState() :
+      h("div", { class: "table-wrapper" }, h("table", { class: "table table-hover" }, h("thead", { class: "table-head sticky-top", part: "table-head" }, h("tr", { class: "table-light text-nowrap", part: 'table-head-row' }, (_a = this.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, !Array.isArray(column) ? column : column[0])))), h("tbody", { class: "table-body", part: 'table-body' }, this.loading ? this.loadingState() :
         this.errorMessage ? this.errorState() :
           this.showEmptyState() ? this.emptyState() :
             (_b = this.rowData) === null || _b === void 0 ? void 0 : _b.map((data, index) => {
@@ -39,7 +39,7 @@ export class Table {
                   : h("th", { scope: "row", part: "table-cell" }, h("td", { part: "table-cell", innerHTML: dataEntry.value })));
               })));
             })), this.paging &&
-        h("tfoot", { class: "sticky-bottom" }, h("tr", { class: "table-light align-middle" }, h("td", { part: "pagination-bar", colSpan: (_c = this.columnData) === null || _c === void 0 ? void 0 : _c.length }, h("pagination-menu", { paging: this.paging, params: this.params })))))
+        h("tfoot", { class: "sticky-bottom" }, h("tr", { class: "table-light align-middle" }, h("td", { part: "pagination-bar", colSpan: (_c = this.columnData) === null || _c === void 0 ? void 0 : _c.length }, h("pagination-menu", { paging: this.paging, params: this.params }))))))
       :
         h("div", { "data-test-id": "empty-error-state" }, "Column data is required")));
   }
@@ -227,4 +227,3 @@ export class Table {
     };
   }
 }
-//# sourceMappingURL=table.js.map

package/dist/collection/components/table/test/table.spec.js

@@ -56,4 +56,3 @@ describe('justifi-table', () => {
     expect(row.dataset.rowEntityId).toBe('123');
   });
 });
-//# sourceMappingURL=table.spec.js.map

package/dist/collection/components/text-input/test/text-input.spec.js

@@ -58,4 +58,3 @@ describe('text-input', () => {
     expect(receivedEvent.detail).toEqual({ name: 'test', value: 'Updated text' });
   });
 });
-//# sourceMappingURL=text-input.spec.js.map

package/dist/collection/components/text-input/text-input.js

@@ -123,4 +123,3 @@ export class TextInput {
       }];
   }
 }
-//# sourceMappingURL=text-input.js.map

package/dist/collection/index.js

@@ -1,2 +1 @@
 export * from './components';
-//# sourceMappingURL=index.js.map

package/dist/collection/utils/country-options.js

@@ -199,4 +199,3 @@ const countryOptions = [
   { label: 'Zimbabwe', value: 'ZW' },
 ];
 export default countryOptions;
-//# sourceMappingURL=country-options.js.map

package/dist/collection/utils/phone-masks.js

@@ -1,4 +1,3 @@
 export const PHONE_MASKS = {
   US: '(000) 000-0000',
 };
-//# sourceMappingURL=phone-masks.js.map

package/dist/collection/utils/utils.js

@@ -150,4 +150,3 @@ export function snakeCaseToHumanReadable(snakeCaseStr) {
     .map(word => word.charAt(0).toUpperCase() + word.slice(1))
     .join(' ');
 }
-//# sourceMappingURL=utils.js.map

package/dist/components/Api.js

@@ -104,5 +104,3 @@ function handleError(requestUrl) {
 }
 
 export { Api as A };
-
-//# sourceMappingURL=Api.js.map

package/dist/components/Pagination.js

@@ -8,5 +8,3 @@ const pagingDefaults = {
 const ExtendedPagingDefaults = Object.assign(Object.assign({}, pagingDefaults), { handleClickNext: () => { }, handleClickPrevious: () => { } });
 
 export { ExtendedPagingDefaults as E, pagingDefaults as p };
-
-//# sourceMappingURL=Pagination.js.map

package/dist/components/Payout.js

@@ -24,6 +24,54 @@ var PaymentDisputedStatuses;
   PaymentDisputedStatuses["lost"] = "lost";
   PaymentDisputedStatuses["open"] = "open";
 })(PaymentDisputedStatuses || (PaymentDisputedStatuses = {}));
+class PaymentMethod {
+  constructor(paymentMethod) {
+    this.card = paymentMethod.card ? new Card(paymentMethod.card) : undefined;
+    this.bank_account = paymentMethod.bank_account
+      ? new BankAccount(paymentMethod.bank_account)
+      : undefined;
+  }
+  get payersName() {
+    if (this.card) {
+      return this.card.name;
+    }
+    else if (this.bank_account) {
+      return this.bank_account.name;
+    }
+    return null;
+  }
+  get lastFourDigits() {
+    if (this.card) {
+      return `**** ${this.card.acct_last_four}`;
+    }
+    else if (this.bank_account) {
+      return `**** ${this.bank_account.acct_last_four}`;
+    }
+    return null;
+  }
+}
+class BankAccount {
+  constructor(bankAccount) {
+    this.id = bankAccount.id;
+    this.acct_last_four = bankAccount.acct_last_four;
+    this.name = bankAccount.name;
+    this.brand = bankAccount.brand;
+    this.token = bankAccount.token;
+    this.created_at = bankAccount.created_at;
+    this.updated_at = bankAccount.updated_at;
+  }
+}
+class Card {
+  constructor(card) {
+    this.id = card.id || '';
+    this.acct_last_four = card.acct_last_four;
+    this.name = card.name;
+    this.brand = card.brand;
+    this.token = card.token;
+    this.created_at = card.created_at;
+    this.updated_at = card.updated_at;
+  }
+}
 class Payment {
   constructor(payment) {
     this.id = payment.id;
@@ -44,7 +92,7 @@ class Payment {
     this.fee_amount = payment.fee_amount;
     this.is_test = payment.is_test;
     this.metadata = payment.metadata;
-    this.payment_method = payment.payment_method;
+    this.payment_method = new PaymentMethod(payment.payment_method);
     this.payment_intent_id = payment.payment_intent_id;
     this.refunded = payment.refunded;
     this.status = payment.status;
@@ -128,6 +176,4 @@ class Payout {
   }
 }
 
-export { PaymentBalanceTransaction as P, PaymentMethodTypes as a, Payment as b, PayoutStatuses as c, PayoutStatusesSafeNames as d, Payout as e };
-
-//# sourceMappingURL=Payout.js.map
+export { PaymentBalanceTransaction as P, Payment as a, PaymentMethodTypes as b, Payout as c, PayoutStatuses as d, PayoutStatusesSafeNames as e };

package/dist/components/SubAccount.js

@@ -103,5 +103,3 @@ class SubAccount {
 }
 
 export { SubAccount as S };
-
-//# sourceMappingURL=SubAccount.js.map

package/dist/components/additional-questions-details.js

@@ -4,5 +4,3 @@ const AdditionalQuestionsDetails = AdditionalQuestionsDetails$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { AdditionalQuestionsDetails, defineCustomElement };
-
-//# sourceMappingURL=additional-questions-details.js.map

package/dist/components/additional-questions-details2.js

@@ -33,5 +33,3 @@ function defineCustomElement() {
 }
 
 export { AdditionalQuestionsDetails as A, defineCustomElement as d };
-
-//# sourceMappingURL=additional-questions-details2.js.map

package/dist/components/additional-questions.js

@@ -47,5 +47,3 @@ function defineCustomElement() {
 }
 
 export { AdditionalQuestions as A, defineCustomElement as d };
-
-//# sourceMappingURL=additional-questions.js.map

package/dist/components/billing-form.js

@@ -110,5 +110,3 @@ function defineCustomElement() {
 }
 
 export { BillingForm as B, defineCustomElement as d };
-
-//# sourceMappingURL=billing-form.js.map

package/dist/components/business-address-form.js

@@ -67,5 +67,3 @@ function defineCustomElement() {
 }
 
 export { BusinessAddressForm as B, defineCustomElement as d };
-
-//# sourceMappingURL=business-address-form.js.map

package/dist/components/business-generic-info.js

@@ -209,5 +209,3 @@ function defineCustomElement() {
 }
 
 export { BusinessGenericInfo as B, businessFormSchema as b, defineCustomElement as d };
-
-//# sourceMappingURL=business-generic-info.js.map

package/dist/components/business-owners.js

@@ -113,5 +113,3 @@ function defineCustomElement() {
 }
 
 export { BusinessOwners as B, defineCustomElement as d };
-
-//# sourceMappingURL=business-owners.js.map

package/dist/components/business-representative.js

@@ -87,5 +87,3 @@ function defineCustomElement() {
 }
 
 export { BusinessRepresentative as B, defineCustomElement as d };
-
-//# sourceMappingURL=business-representative.js.map

package/dist/components/config.js

@@ -11,5 +11,3 @@ const config = {
 };
 
 export { config as c };
-
-//# sourceMappingURL=config.js.map

package/dist/components/details.js

@@ -35,5 +35,3 @@ function defineCustomElement() {
 }
 
 export { Details as D, defineCustomElement as d };
-
-//# sourceMappingURL=details.js.map

package/dist/components/form-control-datepart.js

@@ -4,5 +4,3 @@ const FormControlDatepart = DatePartInput;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlDatepart, defineCustomElement };
-
-//# sourceMappingURL=form-control-datepart.js.map

package/dist/components/form-control-datepart2.js

@@ -55,7 +55,7 @@ const DatePartInput = /*@__PURE__*/ proxyCustomElement(class DatePartInput exten
   }
   updateInput(newValue) {
     if (this.imask) {
-      this.imask.value = newValue;
+      this.imask.value = String(newValue);
     }
   }
   disconnectedCallback() {
@@ -93,5 +93,3 @@ function defineCustomElement() {
 }
 
 export { DatePartInput as D, defineCustomElement as d };
-
-//# sourceMappingURL=form-control-datepart2.js.map

package/dist/components/form-control-monetary.js

@@ -4,5 +4,3 @@ const FormControlMonetary = MonetaryInput;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlMonetary, defineCustomElement };
-
-//# sourceMappingURL=form-control-monetary.js.map

package/dist/components/form-control-monetary2.js

@@ -78,5 +78,3 @@ function defineCustomElement() {
 }
 
 export { MonetaryInput as M, defineCustomElement as d };
-
-//# sourceMappingURL=form-control-monetary2.js.map

package/dist/components/form-control-number-masked.js

@@ -4,5 +4,3 @@ const FormControlNumberMasked = NumberInputMasked;
 const defineCustomElement = defineCustomElement$1;
 
 export { FormControlNumberMasked, defineCustomElement };
-
-//# sourceMappingURL=form-control-number-masked.js.map

package/dist/components/form-control-number-masked2.js

@@ -77,5 +77,3 @@ function defineCustomElement() {
 }
 
 export { NumberInputMasked as N, defineCustomElement as d };
-
-//# sourceMappingURL=form-control-number-masked2.js.map