@justifi/webcomponents 5.3.2 → 5.3.4-rc

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

@@ -1,12 +1,11 @@
 import { h } from "@stencil/core";
-import { makeGetCheckouts } from "./get-checkouts";
+import { makeGetCheckouts } from "../../actions/checkout/get-checkouts";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { config } from "../../../config";
 import JustifiAnalytics from "../../api/Analytics";
 import { CheckoutService } from "../../api/services/checkout.service";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import { SubAccountService } from "../../api/services/subaccounts.service";
-import { makeGetSubAccounts } from "../../api/get-subaccounts";
+import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
 import { StyledHost } from "../../ui-components";
 import { defaultColumnsKeys } from "./checkouts-table";
 export class CheckoutsList {
@@ -20,7 +19,7 @@ export class CheckoutsList {
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -67,7 +66,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'aae56ec9ac20a6ed740a5180bfedf664d7d1e0ca' }, h("checkouts-list-core", { key: '933b8b41aa468c1515b64a8fb6570609454ee361', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'ae2a18885c69808bd589848ae1b33f4a4a3085e9' }, h("checkouts-list-core", { key: '86201976540a348eb800ee07e9c50f68a1f1a1cf', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }
@@ -123,7 +122,7 @@ export class CheckoutsList {
                 },
                 "attribute": "api-origin",
                 "reflect": false,
-                "defaultValue": "config.proxyApiOrigin"
+                "defaultValue": "PROXY_API_ORIGIN"
             },
             "columns": {
                 "type": "string",

package/dist/collection/components/dispute-management/dispute-management-core.js

@@ -50,7 +50,7 @@ export class DisputeManagementCore {
         });
     }
     render() {
-        return (h("div", { key: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get is() { return "justifi-dispute-management-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-management.js

@@ -2,9 +2,8 @@ import { h } from "@stencil/core";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { makeGetDispute } from "./dispute-actions";
+import { makeGetDispute } from "../../actions/dispute/dispute-actions";
 import { DisputeService } from "../../api/services/dispute.service";
-import { config } from "../../../config";
 export class DisputeManagement {
     constructor() {
         this.handleErrorEvent = event => {
@@ -13,7 +12,7 @@ export class DisputeManagement {
         };
         this.disputeId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = PROXY_API_ORIGIN;
         this.getDispute = undefined;
         this.errorMessage = null;
     }
@@ -48,7 +47,7 @@ export class DisputeManagement {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'ac225c68cd03070f60bf00bef92ddcc8d5fe4e47', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'ae0e4a208d6250c4da7033e1d8bf8c33ec041c36', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
     static get properties() {
@@ -103,7 +102,7 @@ export class DisputeManagement {
                 },
                 "attribute": "api-origin",
                 "reflect": false,
-                "defaultValue": "config.proxyApiOrigin"
+                "defaultValue": "PROXY_API_ORIGIN"
             }
         };
     }

package/dist/collection/components/dispute-management/dispute-notification.js

@@ -35,7 +35,7 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, h(Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: text }, h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', 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: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', 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: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', 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: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '68411e62bb5c8048e995906a5f30ef1001a0bc5b' }, h("h1", { key: '565feeac6e7aca35a0b72c9128c1edcb0d6a85b6', class: "h4" }, "This payment was disputed"), h("p", { key: '68371d393c1f4053f19827c6e46978b3d73d2873' }, "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: '99d10bf25e730dda4f4596efa100b4cff7ddc0c8' }, h("h1", { key: 'd5c6252c4236f2e5b93925db8c9a40bab6c0253a', class: "h4" }, "This payment was disputed"), h("p", { key: '773d083786d795fee7f7818f34414a7d1459925c' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
+        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', 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: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', 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: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', 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: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'cb6185865417d70ab67734db37b880f67160ea62' }, h("h1", { key: '96dfe178f6d5de97f190f0df6bb0bf19e7b04227', class: "h4" }, "This payment was disputed"), h("p", { key: '4f6e8bdd940b69d34c1d84564b83f0a1f8c76059' }, "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: '3852f5221f59739d5079ad0e56b99409167678b0' }, h("h1", { key: 'f6052feaabc3b94c727465a8f02534805ba968c8', class: "h4" }, "This payment was disputed"), h("p", { key: 'b0c91b828828842bf7a706e794124d0a8404c25e' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dispute-management/dispute-response/additional-statement.js

@@ -38,7 +38,7 @@ export class AdditionalStatement {
     }
     render() {
         var _a;
-        return (h("div", { key: 'd0047a4d77bcab83eb40d649bef9143bd0494a29' }, h("div", { key: '6a885d8d42962477a0dc58ff7b726be0c1778fef', class: "row gy-3" }, h("div", { key: '158a7392e846f1521f64d50d6d9f4ef55399882e', class: "col-12" }, h("h2", { key: '4220ccee243d30d512fcf95ae900935f4c738d51', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '777e6f3a129431e612c8fdbfac456ed40c3c068f', class: "col-12" }, h("form-control-textarea", { key: 'b9ca73e48d7797d308136176ddc964f435822b8f', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '0eae8623234917330e16a1d0d517bc3b5e369bd9', class: "col-12" }, h("form-control-file-v2", { key: '9888c9848db8f979de5550b52990da71da468806', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '083f14b645e1e04bdcbf966ae3b7849559c41104' }, h("div", { key: '08bfee9d04c586bb56a5a077363f05c39aad1330', class: "row gy-3" }, h("div", { key: 'd118d863cfd771562eea8ab95027e0c68f78fb83', class: "col-12" }, h("h2", { key: 'ed467dd3210f8a7f8da11e0c38ab6e2b30cf7137', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: 'aabe0f4f662cd44db39b28d17bd37514aa7e3be0', class: "col-12" }, h("form-control-textarea", { key: 'ea4c86dd49d91ed386db8e00bf42315813a0ee62', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'a9279734278c970e210795ca6a52c1fd9e44de91', class: "col-12" }, h("form-control-file-v2", { key: 'edc1e80a9a2115ca0b0aacaf43bec320edcce150', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/cancellation-policy.js

@@ -36,7 +36,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'aea08e2f0b6e473563c2dc6013b31069136c4911' }, h("div", { key: '9218719e9e956ba07133cd2c6b001a0e17987c46', class: "row gy-3" }, h("div", { key: '255cf20c0e717a8fa0b7413d212a6709a9e596e5', class: "col-12" }, h("h2", { key: '2cf8304a39b2d6356a9ea6f7c7c1918af428da96', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '603f5ec85922a915a5c90cc541a815dda15ddad8', class: "col-12" }, h("form-control-textarea", { key: '82eea6470c44f71e162952c07363d8c2726dcaf9', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '1e6a7510617cf192fbd604d45be124eeb4add648', class: "col-12" }, h("form-control-textarea", { key: '961044ed4ed21d1706314b0c5c69408eb318a956', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '079294903db0fd69c0169ea92dd589c52e91e679', class: "col-12" }, h("form-control-file-v2", { key: 'a08630234a5f4654fc135bd3ac704127ecc302b4', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'a3547f9f1e7f9a00e08a63302138574b1e21ac77' }, h("div", { key: '5cb90af6d52f208e70e82abe7486f8f02320b94b', class: "row gy-3" }, h("div", { key: 'b042e320b7017a836f0d075ca9131dfeaf696eaf', class: "col-12" }, h("h2", { key: '6d055390874e5679f073a4641933aa979864c916', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'd05a7f01f33b16b887fcd08d8dbccd6656286cc6', class: "col-12" }, h("form-control-textarea", { key: 'd6a09e94f42aee41d7147be39df6cd1771ea4b36', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '4d72c534c23013caa94ba3f61a3570f742194c45', class: "col-12" }, h("form-control-textarea", { key: 'b63ddec49b8ca7e10b1a7003d6cbab7e22c667d6', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '13f3dddacbf160789af2364455e138ea156929b9', class: "col-12" }, h("form-control-file-v2", { key: '9f950b05c37edf21f342ef880d0c784df93b11d5', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/customer-details.js

@@ -36,7 +36,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'd2de3bd04c9669399f9fedec4399a05ac310ed69' }, h("div", { key: '3f04107b1e74560103db25f99b03cd585b3421bd', class: "row gy-3" }, h("div", { key: 'e421dc7b298895407fbbb6148d67effcea8bc723', class: "col-12" }, h("h2", { key: 'bc4c8e02aad8233978b8fb23f2387d140cacd85f', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9d578e5a681c449da348dff753809458e1389152', class: "col-12" }, h("form-control-text", { key: '7da1bb3641095a93b504b37d972e0a25bcee5131', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'f5f43784fb15dbdbe1dbd747c692d5a1d39b0c4e', class: "col-12" }, h("form-control-text", { key: '1caa70711c25f25b0b517c821852b21f6fa9b69e', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '2f2ef97ac330b9a43deb257c10132260747f8faf', class: "col-12" }, h("form-control-textarea", { key: '11ede0b16ac7b8a2891ed10eaa89b3310b7aca93', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '421f0e76563910baac247673ca0d73b79e46b071', class: "col-12" }, h("form-control-file-v2", { key: '0b22b4a895f35a99d529a1a6b29873010ff727a6', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: 'dc7419f81931ca5d076ac0aa2aca59109f9b6e20', class: "col-12" }, h("form-control-file-v2", { key: '6dd57aa10711fcd2f1abc4a0f926ce47b31d78f6', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '7c8bb0293eee2006e4e8e7aa65a692b3ce211c43' }, h("div", { key: '677de6f4bbf636dbbba97f5a188b076985fc6f0a', class: "row gy-3" }, h("div", { key: 'b1044548517ab9bc2f8a873965e1f81fd98a6216', class: "col-12" }, h("h2", { key: 'e3c6706441eee0adbfdf540528511353686d1fb9', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '2e5e5eda8c07941358a02430aa06bcd4ce13a5ca', class: "col-12" }, h("form-control-text", { key: '6271fd7c5def3e501501f5a8af00bcbc77b5e67d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '4347830601eda422e863cbdd70cf4d9862d19fb2', class: "col-12" }, h("form-control-text", { key: '4dbb512ac5a81de067d2fb9c2b9edeffda1f199b', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: 'ee16ae4bd2ea9c4e3949af9705e05fd6709b7f5d', class: "col-12" }, h("form-control-textarea", { key: 'd2339c6ebc8ffbe24f68ce079f0d623f7107cf29', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'eff1fb76a8cab96b0fba6e7b8a1aab2b6dc405e7', class: "col-12" }, h("form-control-file-v2", { key: 'ece727a3d010e0ba4741874992ed3e92d711b338', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: 'b585af6033d79e16a71ff8ff9ee34176910ae109', class: "col-12" }, h("form-control-file-v2", { key: '74473ea1ac14a7efaa4a0032bea1d2c4b5ca6339', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response-core.js

@@ -153,7 +153,7 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '672d92a8ac0fb7f28ab9f412ae4f3516a29824dc', class: "row gy-3" }, h("div", { key: '32113215c9eb6393d8d816f88715390fb5d9d604', class: "col-12" }, h("h1", { key: 'f224caa363ebd00d678485fd4cd2d1c646d6d8f5', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '49e6046f57a9b30e6746f28512cf311f1999bcc3', class: "col-12" }, this.currentStepComponent), h("div", { key: '6d843d19c9bf7ee026981bdc2ffd5108c25c741a', class: "col-12" }, h("div", { key: 'dd52a249cc37b3cfc912e04502caf96218cade78', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: 'a031de7ea80f4f31c6e841be4b4640a8b7db7dcd', class: "row gy-3" }, h("div", { key: 'cd7ef54b4643e1a74022ed7c2e075e75076c4c44', class: "col-12" }, h("h1", { key: '705612783bc67e0d01f4d24e01c9c09d1b2a7362', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '72c35e89dc87377fe4dbcbb9fe2e2c1b58767a21', class: "col-12" }, this.currentStepComponent), h("div", { key: '37d85a8980293390f15b45271f8b2a8fa4cadb29', class: "col-12" }, h("div", { key: 'c3b281e02b19598b11acdb09a34212edf1745173', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response.js

@@ -1,6 +1,5 @@
 import { h } from "@stencil/core";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
-import { config } from "../../../../config";
 import { StyledHost } from "../../../ui-components";
 import { makeCreateDisputeEvidence, makeUpdateDisputeResponse, makeSubmitDisputeResponse } from "./dispute-response-actions";
 import JustifiAnalytics from "../../../api/Analytics";
@@ -19,7 +18,7 @@ export class DisputeResponse {
         this.authToken = undefined;
         this.disputeId = undefined;
         this.disputeResponse = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = PROXY_API_ORIGIN;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -60,7 +59,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f45d96fd372763ebc3f786c1d2f7e06e25185afc' }, h("justifi-dispute-response-core", { key: '8b551f97d8cb40f3f9e702a35b221faa8873e642', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '4c0cd0b8a082d9f2f4428868d88cbb9bde2a3a5d' }, h("justifi-dispute-response-core", { key: '58bbf7f5b2ce8efea0467efddfeffe3c752a3402', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get is() { return "justifi-dispute-response"; }
@@ -137,7 +136,7 @@ export class DisputeResponse {
                 },
                 "attribute": "api-origin",
                 "reflect": false,
-                "defaultValue": "config.proxyApiOrigin"
+                "defaultValue": "PROXY_API_ORIGIN"
             }
         };
     }

package/dist/collection/components/dispute-management/dispute-response/duplicate-charge.js

@@ -36,7 +36,7 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '00e332511293230ea1edf4c1ab3b5cae779cb11a' }, h("div", { key: 'd5273559c1cce126dadba74d7cd9296a06f9eab7', class: "row gy-3" }, h("div", { key: '0a8ed20053241dbb3e6a2e6255f72b99f4d71462', class: "col-12" }, h("h2", { key: '56be236c466893ca5bc3cf73cf345feeae5f25fc', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'bc0018fd6f471571f9a6e6c5fdbc131c48610773', class: "col-12" }, h("form-control-text", { key: '4bc56e12c31ab7189b879f58917cd373652b7a79', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'f61547b546a44f04c8dd82c38c92fd221018a3ca', class: "col-12" }, h("form-control-textarea", { key: '1cb31176ebafb0f8641d96b5844cf8d8f09d5c59', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '86dbe8df7121c7c9e33d56785da70ff3204eab9b', class: "col-12" }, h("form-control-file-v2", { key: '38d6050f68271d8969fdfb652d571e2eeb0646fd', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '3714de9262cead1d09db56792ba11b3357f54a0a' }, h("div", { key: '10d1612387d0d5085a1e98b761a59eff4fb8d9a9', class: "row gy-3" }, h("div", { key: 'b69b5b378e9104c5aa413a7099868b8376dac04c', class: "col-12" }, h("h2", { key: '39c935c74773c20de95b7f735e7efc11e1b16618', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '63531ffa973de2f6948ad61091467661cd22c917', class: "col-12" }, h("form-control-text", { key: '8a1346115f3e3c1e12e6b6fc50d816829dd218f6', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '7f6f5ba85681e208d2c5727c1d3d6512e43df99a', class: "col-12" }, h("form-control-textarea", { key: '4265b06d5980c7bea096c001f52d80180c20fec5', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '9bdfeb8fd8d334de4bf51d10e76752a28d54ff55', class: "col-12" }, h("form-control-file-v2", { key: '03062c1a7e8e2dc98cc8b43394562720843d4956', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/electronic-evidence.js

@@ -36,7 +36,7 @@ export class ElectronicEvidence {
     }
     render() {
         var _a;
-        return (h("div", { key: 'ed2ef898b32c0dac2ee02f4fe226f3c2c0be1772' }, h("div", { key: 'df8398f845fe434ab523fda4fd19971c09209cce', class: "row gy-3" }, h("div", { key: 'e75fb6dc9d26fa7edf24b6678412fe6a3dba4e3a', class: "col-12" }, h("h2", { key: 'b26c40da6044557558cfef97dc45d216b98e5584', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'd96c532cff8eb4dbae7cd7064669164c462122b6', class: "col-12" }, h("form-control-text", { key: 'cce9eeed80d9ce9060c890ed97fb3d34fb94ec34', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '88df79677c7c803aa4c3747669d666169148c71a', class: "col-12" }, h("form-control-file-v2", { key: 'a551b6dca12a447934655bfcb073353abf51e8ac', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
+        return (h("div", { key: 'a75975ee478e0754c38e67edd1fbf702364f23a7' }, h("div", { key: '32f60518951cd7270901c50b44acf11bde22a041', class: "row gy-3" }, h("div", { key: '8f3aed3249af4852b3ef9d35b5ad09b80947c5b3', class: "col-12" }, h("h2", { key: '7fee82b939aab2131eb573fcf3189aac8a816e7d', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'db919599078f089e70b182b44980a62588ce90cf', class: "col-12" }, h("form-control-text", { key: 'ea3e78ebe16d9def88b08910a700f01f5f5e0992', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'e4d03c158110ef7d10bf290b036536bc654f36ea', class: "col-12" }, h("form-control-file-v2", { key: 'a87c4d1502434b740e41e01a3ddc33d5d069557d', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
     }
     static get is() { return "justifi-electronic-evidence"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -36,7 +36,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'a40a8a641d5b0e56fea415895b33523f5981fdc2' }, h("div", { key: '82da6b545c20d56b4b0e02c214448a15edf27440', class: "row gy-3" }, h("div", { key: '00cc29411e76d553c1b3fcda0ad2b02a08401b15', class: "col-12" }, h("h2", { key: 'a313f27a3d7c23c428ef14a7269c051c9053305c', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '07efb7c5c5ce83e098838b5ccd48ca8ca93e189c', class: "col-12" }, h("form-control-text", { key: '7c94f75e3555730ac5aa65b1baed84d7530ffee1', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'd679f7b7c59ac645128f99c9fed0a49bca3907bb', class: "col-12" }, h("form-control-text", { key: 'e8b13489274045c77db77c000c11a242b6aae255', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'b24282195e2818158b5b6ef3c4c0581409680f4a', class: "col-12" }, h("form-control-file-v2", { key: '3e401f3149b104bb4d346bcbe6906c206abe8067', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+        return (h("div", { key: '5a6f2b3a9c40e31c2be9a0c98abb64793ac37996' }, h("div", { key: '7ff77c4cba89dad5195aed658a13f559953f9632', class: "row gy-3" }, h("div", { key: '407d0c1d31ec876fcd1a7ba0f160caeecf8ea2f6', class: "col-12" }, h("h2", { key: '6da19469c4d0570d666e7d57144f60a7c2ec0a53', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '35c1de85ef91b00d26231c836f9ea56cb1b83a44', class: "col-12" }, h("form-control-text", { key: '48027fd45015c44bf0a15b53bba6976422002d4f', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '96966b5a210ac7c21b7c39d12967619044227055', class: "col-12" }, h("form-control-text", { key: 'ed1d72fd0768e58df68f3df48f1e7d4ed2c6a9ed', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '74b8735faf5261fd631539c0447903b9c94abd1b', class: "col-12" }, h("form-control-file-v2", { key: '24273cc84eded001b7224aa3c413c444f8697798', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/refund-policy.js

@@ -36,7 +36,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'af53582fbda822cf130de3cb9ebec8ca228285ef' }, h("div", { key: '6f2bd60cc9e03a154d876f136a7776e8b168ce2d', class: "row gy-3" }, h("div", { key: '65cf646cf92f1ae0700c873f759061adb884cc81', class: "col-12" }, h("h2", { key: '74aed04947fa6868c151a31d144dbf922acf401c', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '57632d99565dc3e007b4c4421fa26c1faf12f49b', class: "col-12" }, h("form-control-textarea", { key: '1531c99a09c71d319fc800c9108ad0ddec99704d', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'ae973eeecdf7fdafa25f00977898ba453a6180b5', class: "col-12" }, h("form-control-textarea", { key: '1b6d4d9a412b0300dcbd5bf7c52af6b43a070bc8', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'e37a85c57c72af2e7a055672caf654637d53254d', class: "col-12" }, h("form-control-file-v2", { key: 'a953f49dd1c77960deac827ad0e61e65e57ca701', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: 'e1d5e0afaf9dff41d58c280e88182fcef4880428', class: "col-12" }, h("form-control-file-v2", { key: '57a94d969de6a38e4d46ab06c6585401dddde1db', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '703c5efe2968f84e6cc83ee725c23170076d43b5' }, h("div", { key: 'c04272ce41b0591b3f03f469ff531bc90de82c73', class: "row gy-3" }, h("div", { key: 'e50b1bfe25275aafcbc1ba2a78e1c64957744808', class: "col-12" }, h("h2", { key: '0f61003e430d370024f9f81b67755feb24646b62', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'e6e6b3154767c841dcdcd77766fccd2403d19512', class: "col-12" }, h("form-control-textarea", { key: '2d57333ac337dd0045dbfc764e85a9d5ae3a4d7e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'bf37aa030c4d45a75899a7933bb3fe13729a5507', class: "col-12" }, h("form-control-textarea", { key: 'cd5c88fc04d6b8f0489b080eacc81b2e301e0480', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '7bad042eda98c6f94772734708046de75946b48f', class: "col-12" }, h("form-control-file-v2", { key: 'ff350d9ea2dc50b7b306c2127384732816576865', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '3dbd9e591e6a38ba57fa4bddb5f876c50b480a78', class: "col-12" }, h("form-control-file-v2", { key: 'fd6df99ca40e36ba36be6ab127f104506697e623', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/shipping-details.js

@@ -36,7 +36,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '09f0b2ae6a8a8f7827646fc6173c173cd03227d9' }, h("div", { key: '3779ab211fe12611db274578aa00ebf168900afb', class: "row gy-3" }, h("div", { key: 'eedd3e14096dbb605ad6fd0e662115cfbd2091da', class: "col-12" }, h("h2", { key: '41ab8ac8ad5cdc2ad46e217645b58ca7f6ff243b', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'eacbb056741e38a64e1acdc51d8a6766a9ef25ef', class: "col-12" }, h("form-control-text", { key: 'ef39645f1557dc422ee475ba9cc6f8a0ef5109ee', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '338495781e1d1b412b6eb88a88c231c89dddb06a', class: "col-12" }, h("form-control-text", { key: '3f208113c4db507fc14f05f2312e4056ae3bfa50', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'b7de777a2f4b413d181c54ef21b33f011b6242d1', class: "col-12" }, h("form-control-date", { key: '0bea6e634fd79db518c1377feaf0c19ba7218380', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '6984cbb1e60a83ea4d15a3116634c573f8d5be8f', class: "col-12" }, h("form-control-textarea", { key: '89747dfc9ddc287c91ead9428dd1b5a8a86721eb', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'aacc2e70654f07afeed7687464a90612da693030', class: "col-12" }, h("form-control-file-v2", { key: 'be7c004b4f56a81273f202c32e5471461e67a197', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '67cfe365cdb518bfd098502e11d24fff63581052' }, h("div", { key: '6adf6e14084452e52cfa6bce8433c3531e7e5a95', class: "row gy-3" }, h("div", { key: '2ea11029c2d0c3f7c1bd75ea52f50a84cf4a23c7', class: "col-12" }, h("h2", { key: 'ca0e8158b9c7b31bd627ad48dab5c6f59e8c33b9', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '71a3ff8825b1d824d262cf78e1ce226cc265453b', class: "col-12" }, h("form-control-text", { key: 'b1436af6043ec687d245b923d0df7605a47bb9d5', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '3d163ebab9371d6ba03f7859c851518c2b9c42e0', class: "col-12" }, h("form-control-text", { key: 'b37976e6a54dc322cfbfb44081dd57e6425cba9c', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '3476796fbca30f969fe71da1c049dc83ed691891', class: "col-12" }, h("form-control-date", { key: 'ba734764e4702ee2f1846f3f580cdbf0e7156ff6', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '8f2690c1f1fddaad3915f1b8aca5f934a45b5f71', class: "col-12" }, h("form-control-textarea", { key: 'dd26eedba648b038e2b414825d7f26c1a326db2f', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'ce3e63025adfe560a466522411d93968d8abd420', class: "col-12" }, h("form-control-file-v2", { key: '099d48a3c6b2b7999442e1a0609c4fdac2f67c66', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {

package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js

@@ -69,7 +69,7 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && h(Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'b336dc186a34b6624d415cb072819b4dfe10620f' }, this.loading && h(Spinner, { key: '5a2ca3c4efd9f5acd2bac804490877654d44b39c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get is() { return "gross-payment-chart-core"; }
     static get properties() {

package/dist/collection/components/gross-payment-chart/gross-payment-chart.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { ReportsService } from "../../api/services/reports.service";
-import { makeGetGrossPaymentChartData } from "./get-gross-payment-chart-data";
+import { makeGetGrossPaymentChartData } from "../../actions/gross-payment/get-gross-payment-chart-data";
 import { ErrorState } from "../../ui-components/details/utils";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";

package/dist/collection/components/insurance/season-interruption/season-interruption-insurance.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { InsuranceService } from "../../../api/services/insurance.service";
-import { makeGetQuote, makeToggleCoverage } from "../insurance-actions";
+import { makeGetQuote, makeToggleCoverage } from "../../../actions/insurance/insurance-actions";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/ComponentError";
 import JustifiAnalytics from "../../../api/Analytics";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
@@ -55,7 +55,7 @@ export class SeasonInterruptionInsurance {
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '50413e347b808cbf350573602701d5e6e7d4def5', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '09686ee78334afa3648039ef1f6edcc307017f02', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
     static get is() { return "justifi-season-interruption-insurance"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/order-terminals-loading.js

@@ -0,0 +1,6 @@
+import { h } from "@stencil/core";
+import { Skeleton } from "../../ui-components";
+const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
+export const OrderTerminalsLoading = () => {
+    return (h("div", { class: "row gap-5" }, h("div", { class: "col-12" }, h(Skeleton, { width: "40%", height: "40px" })), h(FormBlock, null), h(FormBlock, null), h(FormBlock, null)));
+};

package/dist/collection/components/order-terminals/order-terminals.js

@@ -0,0 +1,139 @@
+import { h } from "@stencil/core";
+import { StyledHost } from "../../ui-components";
+import { checkPkgVersion } from "../../utils/check-pkg-version";
+import JustifiAnalytics from "../../api/Analytics";
+import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
+import { BusinessService } from "../../api/services/business.service";
+import { ErrorState } from "../../ui-components/details/utils";
+import { Business } from "../../api/Business";
+import { makeGetBusiness } from "../../actions/business/get-business";
+import { OrderTerminalsLoading } from "./order-terminals-loading";
+import { heading4, listGroup, listGroupItem, text } from "../../styles/parts";
+export class OrderTerminals {
+    constructor() {
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.errorMessage = undefined;
+        this.isLoading = true;
+        this.business = undefined;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetBusiness();
+    }
+    initializeGetBusiness() {
+        if (!this.businessId || !this.authToken) {
+            this.errorMessage = 'Invalid business id or auth token';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        const getBusiness = makeGetBusiness({
+            id: this.businessId,
+            authToken: this.authToken,
+            service: new BusinessService(),
+        });
+        getBusiness({
+            onSuccess: ({ business }) => {
+                this.business = new Business(business);
+                this.isLoading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.isLoading = false;
+            }
+        });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        return (h(StyledHost, { key: 'd5ac7406c2ec045832411cb7a7deecde13243a41' }, this.isLoading && h(OrderTerminalsLoading, { key: 'ec71fe4b766244bbf2c04714bca66b69f367ece5' }), !this.isLoading && this.errorMessage && ErrorState(this.errorMessage), !this.isLoading && !this.errorMessage && this.business && (h("div", { key: '6492a8df913cb3360153715192bd30d656df4968', class: "row gap-5 pt-5", part: text }, h("div", { key: '607b534001238efc4d226cb26d8f1c1288b5ac29', class: "row" }, h("div", { key: '55e7bae0aad2ae9ec9a28961269cd532a2e00922', class: "col-12" }, h("h2", { key: 'c4e01bd6e3a9e46cb15d8b72093dc9de2d463feb', part: heading4 }, "Business Information:"), h("p", { key: 'cd3c01f074c8d55b968e713ec4805a22f1ffc3ba' }, "Business Name: ", this.business.legal_name))), h("div", { key: '20062e4aa0cad46f002821972fec7ec1fc8be01e', class: "row" }, h("div", { key: '433a4a200edd564fa0d206378a706ad84aa2696e', class: "col-6" }, h("h2", { key: 'e4a4fc4c632ccb3b6b187ccb87fb5cce398e43ca', part: heading4 }, "Representative:"), h("ul", { key: '02449f299dddc9fee8544fed405acc436217a60b', class: "list-group", part: listGroup }, h("li", { key: 'a1eff4e8974b8fe57c206fb9c6ce30e89c79d702', class: "list-group-item", part: listGroupItem }, "Name: ", (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 :
+            _b.name), h("li", { key: '4e04f41d044b92560f401e6edbb1993b84fca7a6', class: "list-group-item", part: listGroupItem }, "Title: ", (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 :
+            _d.title), h("li", { key: 'b354a893098b9f26819ab34966a5e47226fd280b', class: "list-group-item", part: listGroupItem }, "Email: ", (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 :
+            _f.email), h("li", { key: 'd1d94089d4f7db78c64143820601b359a77ab09f', class: "list-group-item", part: listGroupItem }, "Phone: ", (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 :
+            _h.phone))), h("div", { key: '91ee402f8f7886c1750b8050433992cfd9964b02', class: "col-6" }, h("h2", { key: '143f76c17de7af724c325439767275efa7c8e903', part: heading4 }, "Shipping Address:"), h("ul", { key: 'dae75ec772c3971a9e690648e4e28b2eec22c638', class: "list-group", part: listGroup }, h("li", { key: '0d83cea35521361eee13912f1cb107bf7496abcc', class: "list-group-item", part: listGroupItem }, "Street: ", (_j = this.business.legal_address) === null || _j === void 0 ? void 0 :
+            _j.line1), h("li", { key: 'be4d3d8a0c61645ac4f622235f7ecf2f3ac8e097', class: "list-group-item", part: listGroupItem }, (_k = this.business.legal_address) === null || _k === void 0 ? void 0 : _k.line2), h("li", { key: '2572604b85008e401a835abdbf6c291c3191a9c7', class: "list-group-item", part: listGroupItem }, "Postal Code: ", (_l = this.business.legal_address) === null || _l === void 0 ? void 0 :
+            _l.postal_code), h("li", { key: 'e5fd5aa1d9b1bf78c75ca667b058629575be06d3', class: "list-group-item", part: listGroupItem }, "City: ", (_m = this.business.legal_address) === null || _m === void 0 ? void 0 :
+            _m.city), h("li", { key: '9acd18a7faed0ab283e110c616d9314410a93cee', class: "list-group-item", part: listGroupItem }, "State: ", (_o = this.business.legal_address) === null || _o === void 0 ? void 0 :
+            _o.state))))))));
+    }
+    static get is() { return "justifi-order-terminals"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "businessId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "business-id",
+                "reflect": false
+            },
+            "authToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "auth-token",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "errorMessage": {},
+            "isLoading": {},
+            "business": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "errorEvent",
+                "name": "error-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
+                    "references": {
+                        "ComponentErrorEvent": {
+                            "location": "import",
+                            "path": "../../api",
+                            "id": "src/api/index.ts::ComponentErrorEvent"
+                        }
+                    }
+                }
+            }];
+    }
+}

package/dist/collection/components/payment-details/payment-details-core.js

@@ -39,14 +39,14 @@ export class PaymentDetailsCore {
         });
     }
     render() {
-        return (h(StyledHost, { key: 'b35aadc771c0b521cf558f0ab2c010ac167999f1' }, this.loading && h(PaymentDetailsLoading, { key: '9a45f73df71ecf776308acb3e0715e114166548d' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '0e754696b095b549dafd1789c7a1a462738f9856', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef94f025849fefde53daecdb2a3f6475993e2634', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '566fd465a660a2fd31e3af18b42b1ad2f687d328', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'e85a469aba3c07b93ac768189b108b3940e6bd1f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '74c237c68cba09dd5568fa82883c69dc10e45897', title: "ID", value: this.payment.id })), h("div", { key: '69c6daf0c74b2fb003db1a7e785258f1146de701', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4f87cd9f2a0c8777132d7b8726bdcd09cf7be433', sectionTitle: "Details" }), h("div", { key: '134845f91eef1b6dcd335ac96e59f19684ebd491', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '65c8b3540b5a0c5a4efe8f3a7aac5251def031d3', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'e25d3093be7ab1b564a4af92d7face28d49d213b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7d05d55d2f04facff86bdafc51e6c17e4cab80de', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '28a436948de1aa09f09891f597c40293b86d8870', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '670f5c3b79325d473cc0765c87769db9ec65434c', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'aa2fbe3ddee9341a0c9aadcf4bb484014a672bc6', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '214b5ded4fbf4e6310a2da856053a4f353b86363', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ffdf2b03994b584f7be6dd1e53ab8078f85c1b7e', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0f6bd6fa810b152c02b8ed59540755ddbd74ffba', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'd464f0b7d46d433105e3ca30130c5fe563816282', sectionTitle: "Payment Method" }),
-            h("div", { key: '60485f42c8f2490d7119c5b6ecd7febca1aa77ef', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '67cd2ef5f5270294ebf607628c9597210fe65be4', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'c1000dc756f1b9dcfef34cf82b274b66324c8300', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'dc5ce24f30293851230a721fb5e0cb17841a0c26', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '4d5046cc3f23ad11ca97698ced951baa9520ab09', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '97ac51fcd928d4d4fdf79dddb5577b048e0d81e9', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'e03ea25b2d3a3388a613cc6fedd8912bb5092d63' }, this.loading && h(PaymentDetailsLoading, { key: '3343cc38deec7b87b2466b3bc43c0170a1962625' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '18e494e5cb1aaed74ec35dfff5c659061d30cb82', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '466e6c0105eb09485907674aec32752001949e53', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '4da3f6800f98c2af8dfa6bae1ef464752aba14be', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '99a9e776d1dfc3ecf5de3d484212930824ebf4e2', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '55795658b170234f9f94ed97dbf45c9727f865fc', title: "ID", value: this.payment.id })), h("div", { key: '2b17cd70a0b8abe36596a61f8bf0c6ae039db579', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a663bf74079da6a51ec611addf2adb25b8e4c950', sectionTitle: "Details" }), h("div", { key: '48b0e215500c30da77c3cc1f8f46199bda52dc24', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'd8311d8cf23d4e66effc7e2f86aa0bb56456f7ec', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '7084b4469a769fed1499f5c6cfd50e6caa88a1a5', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '40546b209614c410ff5725a01a60bbfde70cd4f6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'd933346f3518d423b278a1ac41e603399c2c8b8b', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'f89fb7d083501dbdf481f63d0a587a6323a3fd6e', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'a2494f54c8a4f1792f373adf6a6e1dbab3e5798d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '80a1118c3043a91d37bbb3da26a9fbdcf3d3b7ee', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7787c8d9713ace6113c4685d2ea2279e570849eb', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '7e12595f71d7dd2f85b8d332aa349d90df595727', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '9150caced60639279da39a84db67eef97199d78d', sectionTitle: "Payment Method" }),
+            h("div", { key: '5add69653bc6838ed1f1792217c04cf289f1a2f0', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8dd22e082c3e4aa0b2836ee8e533d8dc63452498', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'c8130661f5684b91db68b4c9d8a45518e610d17b', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f47a9d1689f67133bb9183e88830dff7b4ef64e8', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '9101ce4f03dbb78d9c4f825c3747871c275c7a86', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '93f34140d96fae056674b1767219ae94164160c7', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '35a79ce77f5169316113a4db24a2ef8ce19e95f9', sectionTitle: "Payment Method" }),
-            h("div", { key: '32ad717125ad1de2ef98c652bb09f82673cf1cb9', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '18e8fafc324e72bc252939b5143c596dd43ec698', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '09ff2cfc2b6925b972c63061b19f14db20cfba3e', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '80ecb22f35368ebd46b44bc05e28083feefb38e5', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3f813a886d42fc43523f3f936c68f1733105d62c', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '1f73daaaeeab874b7b12d12eb1dd2f82b63b8bba', sectionTitle: 'Metadata' }), h("div", { key: 'a3ca93b3151773f4a98af2f703b62dba3cbb2957', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a40ac95709ef184daa3be5034c8b96bba12acbd4', metadata: this.payment.metadata })))))));
+            h(DetailSectionTitle, { key: '67cf738bc3e636aeaf97f0d66046d515ea096a50', sectionTitle: "Payment Method" }),
+            h("div", { key: '89d17e5925ad5057972f9bf11f558ff008409004', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '31ee0758b992bbe2672ac02a699cb6ad8c3f6631', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '43a23b3ea5c53a56b5888a798f0195f84933588b', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '79572125fe01f0bcd1d029dc36a723fac6bf7ceb', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '76633c06b486c6b2315ff6062d2beab0f4531a6d', title: "Account Owner", value: this.payment.payment_method.payersName }))
+        ], h(DetailSectionTitle, { key: 'f537f98a91e780c460052a7530ffb5fadc077562', sectionTitle: 'Metadata' }), h("div", { key: '324a3eb360ff1091154907f996cfd3f406f8c4d6', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'b52628f75fa99b719d7ad150cb678d686e77f3bf', metadata: this.payment.metadata })))))));
     }
     static get is() { return "payment-details-core"; }
     static get properties() {

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

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { PaymentService } from "../../api/services/payment.service";
-import { makeGetPaymentDetails } from "./get-payment-details";
+import { makeGetPaymentDetails } from "../../actions/payment/get-payment-details";
 import { ErrorState } from "../../ui-components/details/utils";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";