@justifi/webcomponents 6.0.4 → 6.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (121) hide show
  1. package/dist/cjs/additional-questions-details_5.cjs.entry.js +11 -10
  2. package/dist/cjs/business-details-core.cjs.entry.js +1 -1
  3. package/dist/cjs/{check-pkg-version-DBsrbl8J.js → check-pkg-version-Ct0jrAH4.js} +1 -1
  4. package/dist/cjs/gross-payment-chart-core.cjs.entry.js +1 -1
  5. package/dist/cjs/hidden-input_2.cjs.entry.js +1 -1
  6. package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js +2 -2
  7. package/dist/cjs/justifi-business-details.cjs.entry.js +3 -3
  8. package/dist/cjs/justifi-business-form.cjs.entry.js +2 -2
  9. package/dist/cjs/justifi-checkout-summary_7.cjs.entry.js +2 -2
  10. package/dist/cjs/justifi-checkout.cjs.entry.js +2 -2
  11. package/dist/cjs/justifi-checkouts-list.cjs.entry.js +2 -2
  12. package/dist/cjs/justifi-details.cjs.entry.js +1 -1
  13. package/dist/cjs/justifi-dispute-management.cjs.entry.js +2 -2
  14. package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js +3 -3
  15. package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +3 -3
  16. package/dist/cjs/justifi-order-terminals.cjs.entry.js +2 -2
  17. package/dist/cjs/justifi-payment-details.cjs.entry.js +3 -3
  18. package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +2 -2
  19. package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js +2 -2
  20. package/dist/cjs/justifi-payments-list.cjs.entry.js +2 -2
  21. package/dist/cjs/justifi-payout-details.cjs.entry.js +3 -3
  22. package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js +2 -2
  23. package/dist/cjs/justifi-payouts-list.cjs.entry.js +2 -2
  24. package/dist/cjs/justifi-refund-payment.cjs.entry.js +2 -2
  25. package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +2 -2
  26. package/dist/cjs/justifi-terminal-orders-list.cjs.entry.js +2 -2
  27. package/dist/cjs/justifi-terminals-list.cjs.entry.js +2 -2
  28. package/dist/cjs/{package-Cuc8l3LN.js → package-BJCoGNzK.js} +1 -1
  29. package/dist/cjs/payment-details-core.cjs.entry.js +8 -8
  30. package/dist/cjs/payout-details-core.cjs.entry.js +4 -4
  31. package/dist/cjs/{utils-BE2CEPRZ.js → utils-DS7YWKMB.js} +1 -1
  32. package/dist/collection/components/business-details/additional-questions-details/additional-questions-details.js +1 -1
  33. package/dist/collection/components/business-details/owner-details/owner-details.js +9 -8
  34. package/dist/collection/components/business-details/representative-details/representative-details.js +1 -1
  35. package/dist/collection/components/dispute-management/dispute-notification.js +1 -1
  36. package/dist/collection/components/payment-details/payment-details-core.js +7 -7
  37. package/dist/collection/components/payout-details/payout-details-core.js +3 -3
  38. package/dist/collection/ui-components/details/utils.js +1 -1
  39. package/dist/docs.json +1 -1
  40. package/dist/esm/additional-questions-details_5.entry.js +11 -10
  41. package/dist/esm/business-details-core.entry.js +1 -1
  42. package/dist/esm/{check-pkg-version-Dzqkjq08.js → check-pkg-version-zAOGtbuB.js} +1 -1
  43. package/dist/esm/gross-payment-chart-core.entry.js +1 -1
  44. package/dist/esm/hidden-input_2.entry.js +1 -1
  45. package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js +2 -2
  46. package/dist/esm/justifi-business-details.entry.js +3 -3
  47. package/dist/esm/justifi-business-form.entry.js +2 -2
  48. package/dist/esm/justifi-checkout-summary_7.entry.js +2 -2
  49. package/dist/esm/justifi-checkout.entry.js +2 -2
  50. package/dist/esm/justifi-checkouts-list.entry.js +2 -2
  51. package/dist/esm/justifi-details.entry.js +1 -1
  52. package/dist/esm/justifi-dispute-management.entry.js +2 -2
  53. package/dist/esm/justifi-dispute-notification_3.entry.js +3 -3
  54. package/dist/esm/justifi-gross-payment-chart.entry.js +3 -3
  55. package/dist/esm/justifi-order-terminals.entry.js +2 -2
  56. package/dist/esm/justifi-payment-details.entry.js +3 -3
  57. package/dist/esm/justifi-payment-provisioning.entry.js +2 -2
  58. package/dist/esm/justifi-payment-transactions-list.entry.js +2 -2
  59. package/dist/esm/justifi-payments-list.entry.js +2 -2
  60. package/dist/esm/justifi-payout-details.entry.js +3 -3
  61. package/dist/esm/justifi-payout-transactions-list.entry.js +2 -2
  62. package/dist/esm/justifi-payouts-list.entry.js +2 -2
  63. package/dist/esm/justifi-refund-payment.entry.js +2 -2
  64. package/dist/esm/justifi-season-interruption-insurance.entry.js +2 -2
  65. package/dist/esm/justifi-terminal-orders-list.entry.js +2 -2
  66. package/dist/esm/justifi-terminals-list.entry.js +2 -2
  67. package/dist/esm/{package-CyVecSBV.js → package-Dpi2ut8h.js} +1 -1
  68. package/dist/esm/payment-details-core.entry.js +8 -8
  69. package/dist/esm/payout-details-core.entry.js +4 -4
  70. package/dist/esm/{utils-i_eMGns9.js → utils-CUglovmh.js} +1 -1
  71. package/dist/module/additional-questions-details2.js +1 -1
  72. package/dist/module/dispute-notification.js +1 -1
  73. package/dist/module/owner-details2.js +8 -7
  74. package/dist/module/package.js +1 -1
  75. package/dist/module/payment-details-core2.js +7 -7
  76. package/dist/module/payout-details-core2.js +3 -3
  77. package/dist/module/representative-details2.js +1 -1
  78. package/dist/module/utils.js +1 -1
  79. package/dist/types/components/business-details/owner-details/owner-details.d.ts +1 -1
  80. package/dist/webcomponents/{p-6db4bf6d.entry.js → p-02d3b1a9.entry.js} +1 -1
  81. package/dist/webcomponents/{p-1db698bb.entry.js → p-03c6003e.entry.js} +1 -1
  82. package/dist/webcomponents/p-11a6e8b2.entry.js +1 -0
  83. package/dist/webcomponents/{p-9aa60b89.entry.js → p-18703b42.entry.js} +1 -1
  84. package/dist/webcomponents/p-1ba5b6b5.entry.js +1 -0
  85. package/dist/webcomponents/{p-093b4cb3.entry.js → p-1deab386.entry.js} +1 -1
  86. package/dist/webcomponents/{p-bf73c13c.entry.js → p-45c41bf9.entry.js} +1 -1
  87. package/dist/webcomponents/{p-28725bf6.entry.js → p-49ffd557.entry.js} +1 -1
  88. package/dist/webcomponents/p-4b2b7192.entry.js +1 -0
  89. package/dist/webcomponents/{p-10dc6677.entry.js → p-5cf11be2.entry.js} +1 -1
  90. package/dist/webcomponents/{p-0674f9e2.entry.js → p-61028395.entry.js} +1 -1
  91. package/dist/webcomponents/p-6ed3d557.entry.js +1 -0
  92. package/dist/webcomponents/{p-24665376.entry.js → p-89a4decb.entry.js} +1 -1
  93. package/dist/webcomponents/{p-66b642d8.entry.js → p-8b1abbf4.entry.js} +1 -1
  94. package/dist/webcomponents/{p-32770b86.entry.js → p-97a600d5.entry.js} +1 -1
  95. package/dist/webcomponents/{p-13f08bdc.entry.js → p-9aa425e5.entry.js} +3 -3
  96. package/dist/webcomponents/{p-1315f0c6.entry.js → p-9c39ba10.entry.js} +1 -1
  97. package/dist/webcomponents/{p-Bao2wCms.js → p-B1kr3GUW.js} +1 -1
  98. package/dist/webcomponents/p-Dpi2ut8h.js +1 -0
  99. package/dist/webcomponents/{p-16332dad.entry.js → p-a1f46b01.entry.js} +1 -1
  100. package/dist/webcomponents/p-a212213f.entry.js +1 -0
  101. package/dist/webcomponents/p-a4a2899d.entry.js +1 -0
  102. package/dist/webcomponents/{p-8f1c9ea0.entry.js → p-b2c0b4c2.entry.js} +1 -1
  103. package/dist/webcomponents/{p-19549cf9.entry.js → p-b38cd527.entry.js} +1 -1
  104. package/dist/webcomponents/{p-f6be0e61.entry.js → p-bffb50ef.entry.js} +1 -1
  105. package/dist/webcomponents/{p-59c13f19.entry.js → p-c75848a9.entry.js} +1 -1
  106. package/dist/webcomponents/p-d704cc01.entry.js +1 -0
  107. package/dist/webcomponents/{p-754fc289.entry.js → p-dbaa74cc.entry.js} +1 -1
  108. package/dist/webcomponents/{p-30241721.entry.js → p-f9bab8cf.entry.js} +1 -1
  109. package/dist/webcomponents/{p-478388a5.entry.js → p-fec2335a.entry.js} +1 -1
  110. package/dist/webcomponents/p-jdnTIfew.js +1 -0
  111. package/dist/webcomponents/webcomponents.esm.js +1 -1
  112. package/package.json +1 -1
  113. package/dist/webcomponents/p-0e598a4f.entry.js +0 -1
  114. package/dist/webcomponents/p-175af33d.entry.js +0 -1
  115. package/dist/webcomponents/p-2451aa52.entry.js +0 -1
  116. package/dist/webcomponents/p-2e144d57.entry.js +0 -1
  117. package/dist/webcomponents/p-5d49c795.entry.js +0 -1
  118. package/dist/webcomponents/p-CyVecSBV.js +0 -1
  119. package/dist/webcomponents/p-DO3DK7hp.js +0 -1
  120. package/dist/webcomponents/p-ba77f02e.entry.js +0 -1
  121. package/dist/webcomponents/p-c6636ce3.entry.js +0 -1
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-CoKhq0yT.js');
4
4
  var utils$1 = require('./utils-ChCUZgUy.js');
5
- var utils = require('./utils-BE2CEPRZ.js');
5
+ var utils = require('./utils-DS7YWKMB.js');
6
6
  var button = require('./button-C8gOSOdZ.js');
7
7
  var styledHost = require('./styled-host-BeBLN_42.js');
8
8
  require('./event-types-YOY5TKUN.js');
@@ -63,9 +63,9 @@ const PayoutDetailsCore = class {
63
63
  }
64
64
  render() {
65
65
  var _a;
66
- return (index.h(styledHost.StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && index.h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', slot: "head-info", badge: (index.h("div", { class: "d-flex gap-1" }, payoutsStatus.MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (index.h(badge.Badge, { variant: badge.BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (index.h(badge.Badge, { variant: badge.BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, index.h(utils.EntityHeadInfoItem, { key: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payout.updated_at)} ${utils$1.formatTime(this.payout.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payout.created_at)} ${utils$1.formatTime(this.payout.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), index.h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, index.h(button.Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), index.h("div", { key: '469fad5f27810729811fba91c4a4275d27cbf18e', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '5f32a3e8631fdd2d047f5ccd933e200322d50de2', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: '807284a840687b7257176366ff06f5150ba4a0ad', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: '908464c42582f596e114c18f873ec3b3eac332ed', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: '736b86cfb1cbfaad58e042e6a936db4237e5fbb7', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), index.h(utils.DetailItem, { key: '919453e082a6f8534df07f3fd2cd0ffc6bf81539', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: '7b033d532fa94ddb0a6e53861d126a50601f8bdf', sectionTitle: "Account" }), index.h("div", { key: '373c6745a0ab57d21fa88e9a470e63bd8c0ad999', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: 'ea140c2b46fd503a85c97ec9cd5859fa8c0fc8e3', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: 'd94a8db9bdc0f5ab359e3cb7b9c0cfb1002db550', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '5317a5bef89080a7e70732025ab030674fcb79c3', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: 'f46e83995276c83361933381bc620336ef44f166', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: '933aee12e24e152a5a8628f303b7c7e9709baf64', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
67
- index.h(utils.DetailSectionTitle, { key: '1e5233f88f9254c0a5525032470273e2f58ed59c', sectionTitle: 'Metadata' }),
68
- index.h("div", { key: '63678c1f4eb207a4aced6f132e95c7cd646da9a3', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '7e5095e9be051524e8ab17ffe380b1315c5f7c98', metadata: this.payout.metadata }))
66
+ return (index.h(styledHost.StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && index.h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', slot: "head-info", badge: (index.h("div", { class: "d-flex gap-1" }, payoutsStatus.MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (index.h(badge.Badge, { variant: badge.BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (index.h(badge.Badge, { variant: badge.BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, index.h(utils.EntityHeadInfoItem, { key: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payout.updated_at)} ${utils$1.formatTime(this.payout.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payout.created_at)} ${utils$1.formatTime(this.payout.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), index.h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, index.h(button.Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), index.h("div", { key: '025fdcac8c222be59e1c1f37a145002ff19ee501', class: "d-flex flex-column gap-2 w-100" }, index.h(utils.DetailItem, { key: '4f2111cb66b1fd1181d2f14a03621e66f56e258d', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: '2d4aa98c0d35ec1f337d45236eeffd911c2a633f', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: 'dfc64c8446f3abe52634a7b1e7e161f41e27c0d2', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: 'c6fbc3fb7d4ea6b36f269e28a0cd705aa0469620', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), index.h(utils.DetailItem, { key: 'aacd74f1ebbbcfc1280ebc0d59bb7e7e931ee8b1', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: 'a520fe8f21e850d86d029149997b9369b0851b06', sectionTitle: "Account" }), index.h("div", { key: 'e6da924b4e4b297c42de9ddda4af0ceb96eb31bb', class: "d-flex flex-column gap-2 w-100" }, index.h(utils.DetailItem, { key: '8ba3bdc8550a0cdbc5710f3670bbbfea2da9224a', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: 'cddf50fd3eb53efacc9b5a17cb5cc7f38c78783b', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '4ba4565f1fdac7b30205b3e1338e38054b1fc0b6', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '95551bceeea750ff642115f58e145f8aa4157760', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: 'ad2c249e362b31507313f08bc7de375b7ff9916f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
67
+ index.h(utils.DetailSectionTitle, { key: '128304f72bec542740b523724b0ec94f596021ed', sectionTitle: 'Metadata' }),
68
+ index.h("div", { key: '2d9d6d0cd4665811cd6aad3c02f06f254531005b', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: 'ede678148f87803bf9808c6c7c92eb28cf6c9f29', metadata: this.payout.metadata }))
69
69
  ])))));
70
70
  }
71
71
  static get watchers() { return {
@@ -5,7 +5,7 @@ var parts = require('./parts-9jMf1erK.js');
5
5
 
6
6
  const ErrorState = (errorMessage) => (index.h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, index.h("p", { part: parts.text }, errorMessage)));
7
7
  const DetailSectionTitle = (props) => (index.h("h2", { part: parts.heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
8
- const DetailItem = ({ title, value, }) => title && value ? (index.h("div", { class: "d-table-row gap-2" }, index.h("span", { class: "fw-bold d-table-cell px-2", part: parts.text }, title), index.h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: parts.text }, value))) : null;
8
+ const DetailItem = ({ title, value, }) => title && value ? (index.h("div", { class: "row justify-content-between" }, index.h("div", { class: "col-12 col-md-4" }, index.h("span", { class: "fw-bold", part: parts.text }, title)), index.h("div", { class: "col-12 col-md-8" }, index.h("span", { class: "text-wrap", part: parts.text }, value)))) : null;
9
9
  const EntityHeadInfoItem = ({ title, value, classes, }) => (index.h("div", { class: `d-flex flex-column ${classes}` }, index.h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: parts.heading2 }, title), index.h("span", { class: "pt-2 ps-2 pe-2", part: parts.text }, value)));
10
10
  const EntityHeadInfo = ({ title, slot, badge }, children) => (index.h("div", { slot: slot, class: "p-2" }, index.h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, index.h("h1", { class: "m-0", part: parts.heading1 }, title), badge), index.h("div", { class: "d-flex flex-row align-items-top", part: parts.text }, children)));
11
11
  const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (index.h("div", { class: 'mt-4' }, index.h("pre", { class: "p-2", "aria-label": "metadata content" }, index.h("code", null, JSON.stringify(metadata, null, 2))))) : null;
@@ -5,7 +5,7 @@ export class AdditionalQuestionsDetails {
5
5
  render() {
6
6
  if (!this.additionalQuestions || isEmptyObject(this.additionalQuestions))
7
7
  return null;
8
- return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: this.additionalQuestions.business_revenue }), h(DetailItem, { title: "Business Payment Volume", value: this.additionalQuestions.business_payment_volume }))))));
8
+ return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: this.additionalQuestions.business_revenue }), h(DetailItem, { title: "Business Payment Volume", value: this.additionalQuestions.business_payment_volume }))))));
9
9
  }
10
10
  static get is() { return "additional-questions-details"; }
11
11
  static get properties() {
@@ -1,18 +1,19 @@
1
1
  import { Host, h } from "@stencil/core";
2
- import { DetailItem, DetailSectionTitle } from "../../../ui-components/details/utils";
2
+ import { DetailItem, DetailSectionTitle, } from "../../../ui-components/details/utils";
3
3
  import { formatMediumDate } from "../../../utils/utils";
4
4
  export class OwnerDetails {
5
5
  render() {
6
6
  var _a;
7
7
  if (!((_a = this === null || this === void 0 ? void 0 : this.owners) === null || _a === void 0 ? void 0 : _a.length))
8
8
  return null;
9
- return (h(Host, null, !!(this === null || this === void 0 ? void 0 : this.owners.length) && (this.owners.map(owner => {
10
- var _a, _b, _c, _d, _e;
11
- return [
12
- h(DetailSectionTitle, { sectionTitle: `Owner ${owner === null || owner === void 0 ? void 0 : owner.name}'s Details` }),
13
- h("div", { class: "d-table gap-2 w-100 mt-3" }, h(DetailItem, { title: "Name", value: owner === null || owner === void 0 ? void 0 : owner.name }), h(DetailItem, { title: "Title", value: owner === null || owner === void 0 ? void 0 : owner.title }), h(DetailItem, { title: "Email", value: owner === null || owner === void 0 ? void 0 : owner.email }), h(DetailItem, { title: "Phone", value: owner === null || owner === void 0 ? void 0 : owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner === null || owner === void 0 ? void 0 : owner.dob_day), Number(owner === null || owner === void 0 ? void 0 : owner.dob_month), Number(owner === null || owner === void 0 ? void 0 : owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner === null || owner === void 0 ? void 0 : owner.ssn_last4}` }), h(DetailItem, { title: "Line 1", value: (_a = owner === null || owner === void 0 ? void 0 : owner.address) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Line 2", value: (_b = owner === null || owner === void 0 ? void 0 : owner.address) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = owner === null || owner === void 0 ? void 0 : owner.address) === null || _c === void 0 ? void 0 : _c.city }), h(DetailItem, { title: "State", value: (_d = owner === null || owner === void 0 ? void 0 : owner.address) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Zip", value: (_e = owner === null || owner === void 0 ? void 0 : owner.address) === null || _e === void 0 ? void 0 : _e.postal_code }))
14
- ];
15
- }))));
9
+ return (h(Host, null, !!(this === null || this === void 0 ? void 0 : this.owners.length) &&
10
+ this.owners.map((owner) => {
11
+ var _a, _b, _c, _d, _e;
12
+ return [
13
+ h(DetailSectionTitle, { sectionTitle: `Owner ${owner === null || owner === void 0 ? void 0 : owner.name}'s Details` }),
14
+ h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "col-md-6" }, h(DetailItem, { title: "Name", value: owner === null || owner === void 0 ? void 0 : owner.name }), h(DetailItem, { title: "Title", value: owner === null || owner === void 0 ? void 0 : owner.title }), h(DetailItem, { title: "Email", value: owner === null || owner === void 0 ? void 0 : owner.email }), h(DetailItem, { title: "Phone", value: owner === null || owner === void 0 ? void 0 : owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner === null || owner === void 0 ? void 0 : owner.dob_day), Number(owner === null || owner === void 0 ? void 0 : owner.dob_month), Number(owner === null || owner === void 0 ? void 0 : owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner === null || owner === void 0 ? void 0 : owner.ssn_last4}` }), h(DetailItem, { title: "Line 1", value: (_a = owner === null || owner === void 0 ? void 0 : owner.address) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Line 2", value: (_b = owner === null || owner === void 0 ? void 0 : owner.address) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = owner === null || owner === void 0 ? void 0 : owner.address) === null || _c === void 0 ? void 0 : _c.city }), h(DetailItem, { title: "State", value: (_d = owner === null || owner === void 0 ? void 0 : owner.address) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Zip", value: (_e = owner === null || owner === void 0 ? void 0 : owner.address) === null || _e === void 0 ? void 0 : _e.postal_code }))),
15
+ ];
16
+ })));
16
17
  }
17
18
  static get is() { return "owner-details"; }
18
19
  static get properties() {
@@ -6,7 +6,7 @@ export class JustifiRepresentativeDetails {
6
6
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
7
7
  if (!this.representative || isEmptyObject(this.representative))
8
8
  return null;
9
- return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
9
+ return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
10
10
  }
11
11
  static get is() { return "representative-details"; }
12
12
  static get properties() {
@@ -30,7 +30,7 @@ export class DisputeNotification {
30
30
  }
31
31
  render() {
32
32
  var _a, _b, _c, _d, _e, _f, _g;
33
- return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '4dfc0b9a295ffc804b708d3590358256009e5376', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '654e7baccd08628bc90d050bad108011b49f9972', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'd0817cdb23bf33086c6ce5122f4ed5388027d96c', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '5446bef44a0ca747692d59fd5490409d00a9e285', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '17fbc5902badc4230c5485b326f480180c844768' }, h("h1", { key: 'fefa0234306588d9e7f56733872bf8c9793f51dd', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'eaad72aa8d9f65ca296379a2800180878ec8a7e5' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'ec1b0d728a7518f913c2a69976fa1f5fc8f76c74' }, h("h1", { key: '9d42fad15fbeee507e2f364c3a35f143ff7599e2', class: "h4" }, "This payment was disputed"), h("p", { key: '3b728a5544fe17a6c58c12f7e8eef290022945b6' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '6d1813508a657265546fbef00bd1e8f46ffaf740' }, h("h1", { key: 'de981fc2e06e860f47146647975965a903a39b55', class: "h4" }, "This payment was disputed"), h("p", { key: '4e57ab86518bd678a3a5402b712d40d573b3a970' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
33
+ return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '5be3e498684a2bcbe1266863e05cbcbdf28d7227', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.due_date))), h("div", { key: 'd47683cae7f7b41d13e12f416db9b05fea38bbf3', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '8de67d2d8cb55bed58de4d1fafd45bff65152614', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '62ef344863f9847d638a662f99f0a19bd2ac7308', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '9514e933d4092617a811c4a30490368a1bd49458' }, h("h1", { key: 'ab64000b912f16885ca358e050801e774f3d4e26', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '6d56cafcc8e662e160a261e623b5bb1600534bdf' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '024dac1575579a5d1d55466edd0ba6c5a783a43b' }, h("h1", { key: '2e3cc5c52bd13837be0c44a43da09e49b48f77d7', class: "h4" }, "This payment was disputed"), h("p", { key: 'b876f11392a71ee04f8a117b516e112da8a4a9c1' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '2867b8cb6351b08ecd3d0dc8ffd032aadb1782d5' }, h("h1", { key: '5e903c38e15ed4ad5f8a95d1283cf1367a5acb43', class: "h4" }, "This payment was disputed"), h("p", { key: 'fdaa8f00acecaa6ab159e221705a2ebc924ba519' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
34
34
  }
35
35
  static get is() { return "justifi-dispute-notification"; }
36
36
  static get encapsulation() { return "shadow"; }
@@ -49,15 +49,15 @@ export class PaymentDetailsCore {
49
49
  }
50
50
  render() {
51
51
  return (h(StyledHost, { key: '8e934b8ca929667ae620d004e9bd85e27d05882c' }, this.loading && h(PaymentDetailsLoading, { key: '2d3fc68b570b3d99cb4bbc38e6f444dda7ae7346' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
52
- this.payment && (h("justifi-details", { key: '30686d6dab6b9291263e3b0772ac635231b8befe', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b4bda838a2481a3e33dffe5bbbddd6688e2ca8e3', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '64c5c78ec44f3a179d9b4a52e4965c43d3ab0318', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '9a4ab2d2fe3bc4294dd39ffb997d8a2742c5311f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b89aa9b932a3edb40031d476aafa5c21a45be24f', title: "ID", value: this.payment.id })), h("div", { key: '8a5e2336d1c025771e381b2a20f64b8438b5f883', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4e9bad001601781c79d5c91978ecbb72561464cf', sectionTitle: "Details" }), h("div", { key: '948b83844b81a8eb9f310c18f02b5c8704eeb4da', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '285b5806148108197a482e19dbeb9e2f9cea629b', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '7e2d71ed3e0c39b2d4d0f28fd48a9e508c2becf2', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6c6725adaa214493f24eff516482171194152428', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '4a7a960ec2abe4689a463ff1f262084b2f5ff674', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5f4c4016804aa5fa457d64fd422fcef0760557d1', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '2dc245331ef21bd2af3f41378375db4bdaca4010', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'c156cc40903f5f2d2c44bd569797d897ac12a673', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '9328301f1664d243e99f2fc65f98622124efad84', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'e5a9d69caed0fbdfc9422eb0f8f9dde7b716689b', title: "Description", value: this.payment.description }), h(DetailItem, { key: '41606cf511c3d8bbc0cd113982c2d3e7fa0dfa22', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
53
- h(DetailSectionTitle, { key: '1eb7dbb74218a2929f5eaee0b7f23a6fb87ed685', sectionTitle: "Payment Method" }),
54
- h("div", { key: 'c471b66ca2f7c36e81d43d80aa89b487b8577e74', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'dbb0affa2e32ba27f3f227ea0abb3498067433e4', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '5647d0a731a0bf571f8ba28548703463bc1d3578', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'e08b912a82f842f7be48f86a0f87cea1cf606f69', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '976f8cc5c4b35a369d0b003ec16bc0682ba9142a', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '22507fb980865a8d0e55bb914c59ca95994cea0b', title: "Cardholder", value: this.payment.payment_method.payersName }))
52
+ this.payment && (h("justifi-details", { key: '30686d6dab6b9291263e3b0772ac635231b8befe', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b4bda838a2481a3e33dffe5bbbddd6688e2ca8e3', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '64c5c78ec44f3a179d9b4a52e4965c43d3ab0318', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '9a4ab2d2fe3bc4294dd39ffb997d8a2742c5311f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b89aa9b932a3edb40031d476aafa5c21a45be24f', title: "ID", value: this.payment.id })), h("div", { key: '8a5e2336d1c025771e381b2a20f64b8438b5f883', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4e9bad001601781c79d5c91978ecbb72561464cf', sectionTitle: "Details" }), h("div", { key: '2211a8b66aa24e39e765fbce2625fa7f6565aa77', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'a6e6b9808e354aef5bebdddcd34c8cf411847a07', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'bb06fe55ee0ad85706b53649b99886c64a43e19d', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b7820333003463da8ee839a64088dc65346b0f08', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'a46d77e08d2f47fa430684072fb6b1db8de535ed', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'c27ceb638cdaeb255e55a5ea30aae21bb09de5a4', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'f5d906d131d0178d6a305d75efccca7befcfb652', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'dde16dfb2e72f54843023243884c7421e35be92b', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a03c7396fd361cb1eb4f8696aed63b2f40463e0d', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'f5de7d086e5aa170ac23b8d881f0b44e0bf9f78b', title: "Description", value: this.payment.description }), h(DetailItem, { key: '681d1cc6073e1d526c1dd69e871ea35ca767a0fc', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
53
+ h(DetailSectionTitle, { key: 'f52f90c6a72012bb49f68ef2fffc8cad295eee1e', sectionTitle: "Payment Method" }),
54
+ h("div", { key: '277064f50310d808a90dd34d2a49e9a411dd4254', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '44f1452df21550178c66ad9b1cf23047f22744d1', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'f0cd3fbb9d110529b78c11b27837c785f1947f86', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '9dfc4d8101c9bebea745ca89ade09f64ad4d5277', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'fa95e5ab6af3f50e3c397fa3499d247b20a10b75', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '31796ca2653c1b6f9e2f9392261a3c7a9aec7824', title: "Cardholder", value: this.payment.payment_method.payersName }))
55
55
  ], this.payment.payment_method.bank_account && [
56
- h(DetailSectionTitle, { key: 'dd4ecaf52c9f2004cce8c22f827aaadba830a1e9', sectionTitle: "Payment Method" }),
57
- h("div", { key: 'b1ab2660f491b8880ed4ef71b95d10a3e2fb8b37', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f54c70d4f7b8b4f2dde50e951d5e176256f0e8e2', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c3965cf9d17e2447877a054aed54546bcc17ebd3', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '90553ec7655ba598a243162d5b5c00edb8144c20', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '31d1db505ece4dbf24df0dbfffbdc28f993cb7e5', title: "Account Owner", value: this.payment.payment_method.payersName }))
56
+ h(DetailSectionTitle, { key: 'c61fbc05f50ca16ca3cb33566759d6ae74e1d034', sectionTitle: "Payment Method" }),
57
+ h("div", { key: 'dc6ab24ab3d2db546514abe7f8f7f42928c20b19', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '783323e7eedf2a06b94baff13f4846703ec60271', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '0112a0b3ce5b5482b616f61396bc48fd58d944b7', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '1f3f0ff0d8269d23ca0e48b66938040397061cf0', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '43a2d1a130c29c36b4f361aad9c4a054bc06047d', title: "Account Owner", value: this.payment.payment_method.payersName }))
58
58
  ], this.payment.metadata && [
59
- h(DetailSectionTitle, { key: '2aef948d3983e0bb7a688125c4e069424692c9e4', sectionTitle: 'Metadata' }),
60
- h("div", { key: 'd7ae5de22100442614fb106071cf73ae996d965f', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '6fe2c0f4f89c440cfe29ada2b085c54a4cfc1be3', metadata: this.payment.metadata }))
59
+ h(DetailSectionTitle, { key: '3b88b0a194d474026f822eda4259990481ddf51c', sectionTitle: 'Metadata' }),
60
+ h("div", { key: '41a729afab67f7464a7c8f4acaa87182a6269de0', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'd73045901eb3e147477afd2448497fa01cb92084', metadata: this.payment.metadata }))
61
61
  ])))));
62
62
  }
63
63
  static get is() { return "payment-details-core"; }
@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
52
52
  }
53
53
  render() {
54
54
  var _a;
55
- return (h(StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, h(Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), h("div", { key: '469fad5f27810729811fba91c4a4275d27cbf18e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5f32a3e8631fdd2d047f5ccd933e200322d50de2', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '807284a840687b7257176366ff06f5150ba4a0ad', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '908464c42582f596e114c18f873ec3b3eac332ed', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '736b86cfb1cbfaad58e042e6a936db4237e5fbb7', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '919453e082a6f8534df07f3fd2cd0ffc6bf81539', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '7b033d532fa94ddb0a6e53861d126a50601f8bdf', sectionTitle: "Account" }), h("div", { key: '373c6745a0ab57d21fa88e9a470e63bd8c0ad999', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ea140c2b46fd503a85c97ec9cd5859fa8c0fc8e3', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'd94a8db9bdc0f5ab359e3cb7b9c0cfb1002db550', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5317a5bef89080a7e70732025ab030674fcb79c3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f46e83995276c83361933381bc620336ef44f166', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '933aee12e24e152a5a8628f303b7c7e9709baf64', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
56
- h(DetailSectionTitle, { key: '1e5233f88f9254c0a5525032470273e2f58ed59c', sectionTitle: 'Metadata' }),
57
- h("div", { key: '63678c1f4eb207a4aced6f132e95c7cd646da9a3', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7e5095e9be051524e8ab17ffe380b1315c5f7c98', metadata: this.payout.metadata }))
55
+ return (h(StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, h(Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), h("div", { key: '025fdcac8c222be59e1c1f37a145002ff19ee501', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4f2111cb66b1fd1181d2f14a03621e66f56e258d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '2d4aa98c0d35ec1f337d45236eeffd911c2a633f', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'dfc64c8446f3abe52634a7b1e7e161f41e27c0d2', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'c6fbc3fb7d4ea6b36f269e28a0cd705aa0469620', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'aacd74f1ebbbcfc1280ebc0d59bb7e7e931ee8b1', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'a520fe8f21e850d86d029149997b9369b0851b06', sectionTitle: "Account" }), h("div", { key: 'e6da924b4e4b297c42de9ddda4af0ceb96eb31bb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '8ba3bdc8550a0cdbc5710f3670bbbfea2da9224a', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'cddf50fd3eb53efacc9b5a17cb5cc7f38c78783b', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '4ba4565f1fdac7b30205b3e1338e38054b1fc0b6', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '95551bceeea750ff642115f58e145f8aa4157760', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'ad2c249e362b31507313f08bc7de375b7ff9916f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
56
+ h(DetailSectionTitle, { key: '128304f72bec542740b523724b0ec94f596021ed', sectionTitle: 'Metadata' }),
57
+ h("div", { key: '2d9d6d0cd4665811cd6aad3c02f06f254531005b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ede678148f87803bf9808c6c7c92eb28cf6c9f29', metadata: this.payout.metadata }))
58
58
  ])))));
59
59
  }
60
60
  static get is() { return "payout-details-core"; }
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
2
2
  import { heading1, heading2, text } from "../../styles/parts";
3
3
  export const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, h("p", { part: text }, errorMessage)));
4
4
  export const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
5
- export const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" }, h("span", { class: "fw-bold d-table-cell px-2", part: text }, title), h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text }, value))) : null;
5
+ export const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "row justify-content-between" }, h("div", { class: "col-12 col-md-4" }, h("span", { class: "fw-bold", part: text }, title)), h("div", { class: "col-12 col-md-8" }, h("span", { class: "text-wrap", part: text }, value)))) : null;
6
6
  export const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { class: `d-flex flex-column ${classes}` }, h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: heading2 }, title), h("span", { class: "pt-2 ps-2 pe-2", part: text }, value)));
7
7
  export const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, class: "p-2" }, h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, h("h1", { class: "m-0", part: heading1 }, title), badge), h("div", { class: "d-flex flex-row align-items-top", part: text }, children)));
8
8
  export const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-10-15T14:24:53",
2
+ "timestamp": "2025-10-16T20:05:39",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.38.1",
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-DyGx8Avl.js';
2
- import { c as DetailItem, D as DetailSectionTitle } from './utils-i_eMGns9.js';
2
+ import { c as DetailItem, D as DetailSectionTitle } from './utils-CUglovmh.js';
3
3
  import { m as isEmptyObject, s as snakeCaseToHumanReadable, n as formatMediumDate } from './utils-BscIVFn8.js';
4
4
  import './parts-RvUQ__Pq.js';
5
5
  import './dinero-HXpYMWUU.js';
@@ -11,7 +11,7 @@ const AdditionalQuestionsDetails = class {
11
11
  render() {
12
12
  if (!this.additionalQuestions || isEmptyObject(this.additionalQuestions))
13
13
  return null;
14
- return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: this.additionalQuestions.business_revenue }), h(DetailItem, { title: "Business Payment Volume", value: this.additionalQuestions.business_payment_volume }))))));
14
+ return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: this.additionalQuestions.business_revenue }), h(DetailItem, { title: "Business Payment Volume", value: this.additionalQuestions.business_payment_volume }))))));
15
15
  }
16
16
  };
17
17
 
@@ -47,13 +47,14 @@ const OwnerDetails = class {
47
47
  var _a;
48
48
  if (!((_a = this === null || this === void 0 ? void 0 : this.owners) === null || _a === void 0 ? void 0 : _a.length))
49
49
  return null;
50
- return (h(Host, null, !!(this === null || this === void 0 ? void 0 : this.owners.length) && (this.owners.map(owner => {
51
- var _a, _b, _c, _d, _e;
52
- return [
53
- h(DetailSectionTitle, { sectionTitle: `Owner ${owner === null || owner === void 0 ? void 0 : owner.name}'s Details` }),
54
- h("div", { class: "d-table gap-2 w-100 mt-3" }, h(DetailItem, { title: "Name", value: owner === null || owner === void 0 ? void 0 : owner.name }), h(DetailItem, { title: "Title", value: owner === null || owner === void 0 ? void 0 : owner.title }), h(DetailItem, { title: "Email", value: owner === null || owner === void 0 ? void 0 : owner.email }), h(DetailItem, { title: "Phone", value: owner === null || owner === void 0 ? void 0 : owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner === null || owner === void 0 ? void 0 : owner.dob_day), Number(owner === null || owner === void 0 ? void 0 : owner.dob_month), Number(owner === null || owner === void 0 ? void 0 : owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner === null || owner === void 0 ? void 0 : owner.ssn_last4}` }), h(DetailItem, { title: "Line 1", value: (_a = owner === null || owner === void 0 ? void 0 : owner.address) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Line 2", value: (_b = owner === null || owner === void 0 ? void 0 : owner.address) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = owner === null || owner === void 0 ? void 0 : owner.address) === null || _c === void 0 ? void 0 : _c.city }), h(DetailItem, { title: "State", value: (_d = owner === null || owner === void 0 ? void 0 : owner.address) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Zip", value: (_e = owner === null || owner === void 0 ? void 0 : owner.address) === null || _e === void 0 ? void 0 : _e.postal_code }))
55
- ];
56
- }))));
50
+ return (h(Host, null, !!(this === null || this === void 0 ? void 0 : this.owners.length) &&
51
+ this.owners.map((owner) => {
52
+ var _a, _b, _c, _d, _e;
53
+ return [
54
+ h(DetailSectionTitle, { sectionTitle: `Owner ${owner === null || owner === void 0 ? void 0 : owner.name}'s Details` }),
55
+ h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "col-md-6" }, h(DetailItem, { title: "Name", value: owner === null || owner === void 0 ? void 0 : owner.name }), h(DetailItem, { title: "Title", value: owner === null || owner === void 0 ? void 0 : owner.title }), h(DetailItem, { title: "Email", value: owner === null || owner === void 0 ? void 0 : owner.email }), h(DetailItem, { title: "Phone", value: owner === null || owner === void 0 ? void 0 : owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner === null || owner === void 0 ? void 0 : owner.dob_day), Number(owner === null || owner === void 0 ? void 0 : owner.dob_month), Number(owner === null || owner === void 0 ? void 0 : owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner === null || owner === void 0 ? void 0 : owner.ssn_last4}` }), h(DetailItem, { title: "Line 1", value: (_a = owner === null || owner === void 0 ? void 0 : owner.address) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Line 2", value: (_b = owner === null || owner === void 0 ? void 0 : owner.address) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = owner === null || owner === void 0 ? void 0 : owner.address) === null || _c === void 0 ? void 0 : _c.city }), h(DetailItem, { title: "State", value: (_d = owner === null || owner === void 0 ? void 0 : owner.address) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Zip", value: (_e = owner === null || owner === void 0 ? void 0 : owner.address) === null || _e === void 0 ? void 0 : _e.postal_code }))),
56
+ ];
57
+ })));
57
58
  }
58
59
  };
59
60
 
@@ -65,7 +66,7 @@ const JustifiRepresentativeDetails = class {
65
66
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
66
67
  if (!this.representative || isEmptyObject(this.representative))
67
68
  return null;
68
- return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
69
+ return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
69
70
  }
70
71
  };
71
72
 
@@ -1,5 +1,5 @@
1
1
  import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-DyGx8Avl.js';
2
- import { E as ErrorState } from './utils-i_eMGns9.js';
2
+ import { E as ErrorState } from './utils-CUglovmh.js';
3
3
  import { S as StyledHost } from './styled-host-BQjsup-P.js';
4
4
  import './event-types-CZfYo5-1.js';
5
5
  import { S as Skeleton } from './skeleton-BagMauL8.js';
@@ -1,4 +1,4 @@
1
- import { p as packageJson } from './package-CyVecSBV.js';
1
+ import { p as packageJson } from './package-Dpi2ut8h.js';
2
2
  import { A as Api } from './Api-GDDXjRV1.js';
3
3
  import './ComponentError-Cjcsf8ku.js';
4
4
  import './Refund-C3Rj8ucO.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-DyGx8Avl.js';
2
2
  import { f as formatCurrency, l as formatDisplayDate } from './utils-BscIVFn8.js';
3
- import { E as ErrorState } from './utils-i_eMGns9.js';
3
+ import { E as ErrorState } from './utils-CUglovmh.js';
4
4
  import { S as Spinner } from './spinner-DOyR5em0.js';
5
5
  import './dinero-HXpYMWUU.js';
6
6
  import './parts-RvUQ__Pq.js';
@@ -3,7 +3,7 @@ import { c as createStore } from './index-Cuq3wBDS.js';
3
3
  import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-RvUQ__Pq.js';
4
4
  import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
5
5
  import { F as FormControlErrorText } from './form-control-error-text-BybKqTXI.js';
6
- import { p as packageJson } from './package-CyVecSBV.js';
6
+ import { p as packageJson } from './package-Dpi2ut8h.js';
7
7
 
8
8
  const iframeInputStylesStore = createStore({
9
9
  focused: {
@@ -5,7 +5,7 @@ import { r as radioListItem, av as billingForm } from './parts-RvUQ__Pq.js';
5
5
  import { S as StyledHost } from './styled-host-BQjsup-P.js';
6
6
  import './event-types-CZfYo5-1.js';
7
7
  import { S as Skeleton } from './skeleton-BagMauL8.js';
8
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
8
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
9
9
  import { w as waitForConfig, c as configState } from './config-state-BJ800oYx.js';
10
10
  import { P as PAYMENT_METHODS } from './index-DCIW8z1f.js';
11
11
  import { H as Header3 } from './header-3-DWKhJ_Et.js';
@@ -17,7 +17,7 @@ import './_commonjsHelpers-BFTU3MAI.js';
17
17
  import './business-form-options-CgssATyg.js';
18
18
  import './Business-BCoP0TAV.js';
19
19
  import './helpers-Mu7LQT-w.js';
20
- import './package-CyVecSBV.js';
20
+ import './package-Dpi2ut8h.js';
21
21
  import './Api-GDDXjRV1.js';
22
22
  import './utils-BscIVFn8.js';
23
23
  import './dinero-HXpYMWUU.js';
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
2
- import { E as ErrorState } from './utils-i_eMGns9.js';
2
+ import { E as ErrorState } from './utils-CUglovmh.js';
3
3
  import { B as BusinessService } from './business.service-BZPNzxOH.js';
4
4
  import { m as makeGetBusiness } from './get-business-Crb6P-iI.js';
5
5
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
6
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
6
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
7
7
  import './parts-RvUQ__Pq.js';
8
8
  import './Api-GDDXjRV1.js';
9
9
  import './config-state-BJ800oYx.js';
@@ -17,7 +17,7 @@ import './Business-BCoP0TAV.js';
17
17
  import './helpers-Mu7LQT-w.js';
18
18
  import './state-options-BX8GieXu.js';
19
19
  import './utils-BeQLScSm.js';
20
- import './package-CyVecSBV.js';
20
+ import './package-Dpi2ut8h.js';
21
21
 
22
22
  const BusinessDetails = class {
23
23
  constructor(hostRef) {
@@ -9,7 +9,7 @@ import './Refund-C3Rj8ucO.js';
9
9
  import './Pagination-CLHwhyvu.js';
10
10
  import { B as Business, b as BusinessFormServerErrors } from './Business-BCoP0TAV.js';
11
11
  import './Dispute-BH0Xfn-F.js';
12
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
12
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
13
13
  import { B as Button } from './button-Dz7L1sRR.js';
14
14
  import { S as StyledHost } from './styled-host-BQjsup-P.js';
15
15
  import { H as Header1 } from './header-1-oPO-WOI8.js';
@@ -25,7 +25,7 @@ import './business-form-options-CgssATyg.js';
25
25
  import './index-Cuq3wBDS.js';
26
26
  import './utils-BscIVFn8.js';
27
27
  import './helpers-Mu7LQT-w.js';
28
- import './package-CyVecSBV.js';
28
+ import './package-Dpi2ut8h.js';
29
29
  import './Api-GDDXjRV1.js';
30
30
  import './parts-RvUQ__Pq.js';
31
31
  import './utils-BeQLScSm.js';
@@ -7,7 +7,7 @@ import './event-types-CZfYo5-1.js';
7
7
  import { H as Header1 } from './header-1-oPO-WOI8.js';
8
8
  import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-DVxPVMxW.js';
9
9
  import { H as Header3 } from './header-3-DWKhJ_Et.js';
10
- import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-Dzqkjq08.js';
10
+ import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-zAOGtbuB.js';
11
11
  import './config-state-BJ800oYx.js';
12
12
  import './dinero-HXpYMWUU.js';
13
13
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes, b as ComponentErrorMessages } from './ComponentError-Cjcsf8ku.js';
@@ -21,7 +21,7 @@ import { A as Api } from './Api-GDDXjRV1.js';
21
21
  import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './index-DCIW8z1f.js';
22
22
  import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
23
23
  import './index-Cuq3wBDS.js';
24
- import './package-CyVecSBV.js';
24
+ import './package-Dpi2ut8h.js';
25
25
  import './helpers-Mu7LQT-w.js';
26
26
  import './state-options-BX8GieXu.js';
27
27
 
@@ -1,11 +1,11 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
2
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
2
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
3
3
  import { c as checkoutStore } from './checkout.store-CpBg1CFX.js';
4
4
  import { d as checkoutSummary } from './parts-RvUQ__Pq.js';
5
5
  import { S as StyledHost } from './styled-host-BQjsup-P.js';
6
6
  import './event-types-CZfYo5-1.js';
7
7
  import { P as PAYMENT_METHODS } from './index-DCIW8z1f.js';
8
- import './package-CyVecSBV.js';
8
+ import './package-Dpi2ut8h.js';
9
9
  import './Api-GDDXjRV1.js';
10
10
  import './config-state-BJ800oYx.js';
11
11
  import './index-Cuq3wBDS.js';
@@ -7,7 +7,7 @@ import './Pagination-CLHwhyvu.js';
7
7
  import './Business-BCoP0TAV.js';
8
8
  import './Dispute-BH0Xfn-F.js';
9
9
  import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
10
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
10
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
11
11
  import { C as CheckoutService } from './checkout.service-_dbCJ4H4.js';
12
12
  import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-DGclXJlZ.js';
13
13
  import { S as StyledHost } from './styled-host-BQjsup-P.js';
@@ -17,7 +17,7 @@ import './index-Cuq3wBDS.js';
17
17
  import './utils-BscIVFn8.js';
18
18
  import './helpers-Mu7LQT-w.js';
19
19
  import './state-options-BX8GieXu.js';
20
- import './package-CyVecSBV.js';
20
+ import './package-Dpi2ut8h.js';
21
21
  import './Api-GDDXjRV1.js';
22
22
  import './badge-DrV8suYS.js';
23
23
  import './parts-RvUQ__Pq.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-DyGx8Avl.js';
2
- import { E as ErrorState } from './utils-i_eMGns9.js';
2
+ import { E as ErrorState } from './utils-CUglovmh.js';
3
3
  import './parts-RvUQ__Pq.js';
4
4
 
5
5
  const Details = class {
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
2
2
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
3
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
3
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
4
4
  import { D as Dispute } from './Dispute-BH0Xfn-F.js';
5
5
  import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
6
6
  import { D as DisputeService } from './dispute.service-DX3dxl7L.js';
7
- import './package-CyVecSBV.js';
7
+ import './package-Dpi2ut8h.js';
8
8
  import './Api-GDDXjRV1.js';
9
9
  import './config-state-BJ800oYx.js';
10
10
  import './index-Cuq3wBDS.js';
@@ -9,7 +9,7 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Compone
9
9
  import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
10
10
  import { D as DisputeService } from './dispute.service-DX3dxl7L.js';
11
11
  import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
12
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
12
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
13
13
  import './dinero-HXpYMWUU.js';
14
14
  import './Api-GDDXjRV1.js';
15
15
  import './config-state-BJ800oYx.js';
@@ -20,7 +20,7 @@ import './Pagination-CLHwhyvu.js';
20
20
  import './Business-BCoP0TAV.js';
21
21
  import './helpers-Mu7LQT-w.js';
22
22
  import './state-options-BX8GieXu.js';
23
- import './package-CyVecSBV.js';
23
+ import './package-Dpi2ut8h.js';
24
24
 
25
25
  const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
26
26
  var _a;
@@ -141,7 +141,7 @@ const DisputeNotification = class {
141
141
  }
142
142
  render() {
143
143
  var _a, _b, _c, _d, _e, _f, _g;
144
- return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '4dfc0b9a295ffc804b708d3590358256009e5376', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '654e7baccd08628bc90d050bad108011b49f9972', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'd0817cdb23bf33086c6ce5122f4ed5388027d96c', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '5446bef44a0ca747692d59fd5490409d00a9e285', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '17fbc5902badc4230c5485b326f480180c844768' }, h("h1", { key: 'fefa0234306588d9e7f56733872bf8c9793f51dd', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'eaad72aa8d9f65ca296379a2800180878ec8a7e5' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'ec1b0d728a7518f913c2a69976fa1f5fc8f76c74' }, h("h1", { key: '9d42fad15fbeee507e2f364c3a35f143ff7599e2', class: "h4" }, "This payment was disputed"), h("p", { key: '3b728a5544fe17a6c58c12f7e8eef290022945b6' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '6d1813508a657265546fbef00bd1e8f46ffaf740' }, h("h1", { key: 'de981fc2e06e860f47146647975965a903a39b55', class: "h4" }, "This payment was disputed"), h("p", { key: '4e57ab86518bd678a3a5402b712d40d573b3a970' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
144
+ return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '5be3e498684a2bcbe1266863e05cbcbdf28d7227', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.due_date))), h("div", { key: 'd47683cae7f7b41d13e12f416db9b05fea38bbf3', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '8de67d2d8cb55bed58de4d1fafd45bff65152614', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '62ef344863f9847d638a662f99f0a19bd2ac7308', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '9514e933d4092617a811c4a30490368a1bd49458' }, h("h1", { key: 'ab64000b912f16885ca358e050801e774f3d4e26', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '6d56cafcc8e662e160a261e623b5bb1600534bdf' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '024dac1575579a5d1d55466edd0ba6c5a783a43b' }, h("h1", { key: '2e3cc5c52bd13837be0c44a43da09e49b48f77d7', class: "h4" }, "This payment was disputed"), h("p", { key: 'b876f11392a71ee04f8a117b516e112da8a4a9c1' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '2867b8cb6351b08ecd3d0dc8ffd032aadb1782d5' }, h("h1", { key: '5e903c38e15ed4ad5f8a95d1283cf1367a5acb43', class: "h4" }, "This payment was disputed"), h("p", { key: 'fdaa8f00acecaa6ab159e221705a2ebc924ba519' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
145
145
  }
146
146
  };
147
147
 
@@ -6,8 +6,8 @@ import './Pagination-CLHwhyvu.js';
6
6
  import './Business-BCoP0TAV.js';
7
7
  import './Dispute-BH0Xfn-F.js';
8
8
  import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
9
- import { E as ErrorState } from './utils-i_eMGns9.js';
10
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
9
+ import { E as ErrorState } from './utils-CUglovmh.js';
10
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
11
11
  import './config-state-BJ800oYx.js';
12
12
  import './index-Cuq3wBDS.js';
13
13
  import './utils-BscIVFn8.js';
@@ -15,7 +15,7 @@ import './dinero-HXpYMWUU.js';
15
15
  import './helpers-Mu7LQT-w.js';
16
16
  import './state-options-BX8GieXu.js';
17
17
  import './parts-RvUQ__Pq.js';
18
- import './package-CyVecSBV.js';
18
+ import './package-Dpi2ut8h.js';
19
19
 
20
20
  const api = Api();
21
21
  class ReportsService {
@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as createEvent } from './index-DyGx8Avl.js'
2
2
  import { al as heading5, ai as heading4, ae as buttonPrimary, z as text } from './parts-RvUQ__Pq.js';
3
3
  import { S as StyledHost } from './styled-host-BQjsup-P.js';
4
4
  import './event-types-CZfYo5-1.js';
5
- import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
5
+ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
6
6
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
7
7
  import { B as BusinessService } from './business.service-BZPNzxOH.js';
8
8
  import { B as Business } from './Business-BCoP0TAV.js';
@@ -16,7 +16,7 @@ import './Dispute-BH0Xfn-F.js';
16
16
  import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
17
17
  import { T as TerminalService } from './terminal.service-fDtEdpf-.js';
18
18
  import { k as formatPhoneNumber } from './utils-BscIVFn8.js';
19
- import './package-CyVecSBV.js';
19
+ import './package-Dpi2ut8h.js';
20
20
  import './Api-GDDXjRV1.js';
21
21
  import './helpers-Mu7LQT-w.js';
22
22
  import './state-options-BX8GieXu.js';