@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/cjs/justifi-order-terminals.cjs.entry.js

@@ -1,29 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-5ca90f9a.js');
-const styledHost = require('./styled-host-94309bab.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const business_service = require('./business.service-6e8a29a2.js');
-const Business = require('./Business-d88b77fd.js');
-const getBusiness = require('./get-business-d8f5db51.js');
-const skeleton = require('./skeleton-e8aa41d0.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-const SubAccount = require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
-const terminal_service = require('./terminal.service-ab62c344.js');
-const utils$1 = require('./utils-4120664c.js');
-require('./package-5a9f02b2.js');
-require('./Api-83d93333.js');
-require('./helpers-602962eb.js');
-require('./state-options-4fbcb48a.js');
-require('./Dispute-eb6bad54.js');
+var index = require('./index-BRQfozbS.js');
+var parts = require('./parts-D_uKOPFe.js');
+var styledHost = require('./styled-host-CzJ8Ux1t.js');
+var checkPkgVersion = require('./check-pkg-version-C4d9pl8G.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var business_service = require('./business.service-Crmkeulk.js');
+var Business = require('./Business-DyiDiIuO.js');
+var getBusiness = require('./get-business-BBzGEPBG.js');
+var skeleton = require('./skeleton-BXVndBVC.js');
+var utils$1 = require('./utils-DmZ8Dia3.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+var Refund = require('./Refund-CpurRc4w.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
+var terminal_service = require('./terminal.service-ghxwDinY.js');
+require('./package-S6wVKDKx.js');
+require('./Api-KMweahmp.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
 
 const FormBlock = () => (index.h("div", { class: "row gap-3" },
     index.h("div", { class: "col-12" },
@@ -67,7 +66,7 @@ const makeGetTerminalModels = ({ id, authToken, service, apiOrigin }) => async (
     try {
         const response = await service.fetchTerminalModels(id, authToken, apiOrigin);
         if (!response.error) {
-            const terminals = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.terminal_order_models) === null || _b === void 0 ? void 0 : _b.map((dataItem) => new SubAccount.TerminalModel(dataItem))) || [];
+            const terminals = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.terminal_order_models) === null || _b === void 0 ? void 0 : _b.map((dataItem) => new Refund.TerminalModel(dataItem))) || [];
             const orderLimit = (_c = response.data) === null || _c === void 0 ? void 0 : _c.order_limit;
             onSuccess({ terminals, orderLimit });
         }
@@ -122,11 +121,8 @@ const makeOrderTerminals = ({ authToken, service, apiOrigin = "https://wc-proxy.
 const OrderTerminals = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.submitted = index.createEvent(this, "submit-event", 7);
-        this.businessId = undefined;
-        this.authToken = undefined;
-        this.accountId = undefined;
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.submitted = index.createEvent(this, "submit-event");
         this.shipping = false;
         this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.submitButtonText = 'Submit Order';
@@ -136,17 +132,13 @@ const OrderTerminals = class {
         };
         this.submitting = false;
         this.error = null;
-        this.business = undefined;
-        this.terminalModels = undefined;
-        this.orderLimit = undefined;
-        this.order = undefined;
         this.totalQuantity = 0;
     }
     componentWillLoad() {
-        this.order = new SubAccount.TerminalOrder({
+        this.order = new Refund.TerminalOrder({
             business_id: this.businessId,
             sub_account_id: this.accountId,
-            order_type: this.shipping ? SubAccount.TerminalOrderType.boardingShipping : SubAccount.TerminalOrderType.boardingOnly,
+            order_type: this.shipping ? Refund.TerminalOrderType.boardingShipping : Refund.TerminalOrderType.boardingOnly,
         });
         checkPkgVersion.checkPkgVersion();
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
@@ -240,7 +232,7 @@ const OrderTerminals = class {
         return (index.h("div", { class: "mt-3" }, index.h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), index.h("div", { class: "d-flex justify-content-end mt-3" }, index.h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: parts.buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b5e93abb543719bcf80fb001fef11c45f3438d5f' }, index.h("div", { key: 'ccb91e878e84af86c7aed41829a8b9cd3deee9ed', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (index.h(styledHost.StyledHost, { key: '0a63280f2a9b41e5d2493131d8150c5d124e78bb' }, index.h("div", { key: 'ec3e1d2c3a90377dd622982de1435989d81f60e8', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

package/dist/cjs/justifi-owner-form_3.cjs.entry.js

@@ -1,41 +1,31 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const paymentProvisioningActions = require('./payment-provisioning-actions-382ab48c.js');
-const business_service = require('./business.service-6e8a29a2.js');
-const index_esm = require('./index.esm-544c08fd.js');
-const Business = require('./Business-d88b77fd.js');
-const businessIdentitySchema = require('./business-identity-schema-518ab6eb.js');
-const button = require('./button-4a9fd41e.js');
-const parts = require('./parts-5ca90f9a.js');
-const eventTypes = require('./event-types-180a85a9.js');
-const formInputMasks = require('./form-input-masks-0879c139.js');
-const inputHandlers = require('./input-handlers-cff032bb.js');
-require('./ComponentError-233ac749.js');
-require('./utils-7a478c37.js');
-require('./Api-83d93333.js');
-require('./helpers-602962eb.js');
-require('./state-options-4fbcb48a.js');
-require('./schema-validations-a7cefbdf.js');
-require('./business-form-options-62e9c8ab.js');
-require('./Document-0b828345.js');
+var index = require('./index-BRQfozbS.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
+var business_service = require('./business.service-Crmkeulk.js');
+var index_esm = require('./index.esm-CVuJLXJZ.js');
+var Business = require('./Business-DyiDiIuO.js');
+var businessIdentitySchema = require('./business-identity-schema-dt0zCW0R.js');
+var button = require('./button-Cp4u5YgP.js');
+var parts = require('./parts-D_uKOPFe.js');
+var eventTypes = require('./event-types-DNOUef41.js');
+var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
+var inputHandlers = require('./input-handlers-DYl_0IwC.js');
+require('./ComponentError-C4MdBBMe.js');
+require('./utils-l0veqT9y.js');
+require('./Api-KMweahmp.js');
+require('./utils-DmZ8Dia3.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.js');
+require('./schema-validations-p4OCdblz.js');
+require('./business-form-options-BCj0efiD.js');
+require('./Document-rXGBUaOh.js');
 
 const BusinessOwnerForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.getOwner = undefined;
-        this.patchOwner = undefined;
-        this.postOwner = undefined;
-        this.authToken = undefined;
-        this.ownerId = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
-        this.removeOwner = undefined;
-        this.newFormOpen = undefined;
-        this.ownersLength = undefined;
+        this.errorEvent = index.createEvent(this, "error-event");
     }
     async validate() {
         return this.coreComponent.validate();
@@ -79,10 +69,13 @@ const BusinessOwnerFormCore = class {
     }
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event", 7);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.formLoading = index.createEvent(this, "formLoading", 7);
-        this.ownerSubmitted = index.createEvent(this, "ownerSubmitted", 7);
+        this.clickEvent = index.createEvent(this, "click-event");
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.formLoading = index.createEvent(this, "formLoading");
+        this.ownerSubmitted = index.createEvent(this, "ownerSubmitted");
+        this.isLoading = false;
+        this.errors = {};
+        this.owner = {};
         this.getData = () => {
             this.isLoading = true;
             this.getOwner({
@@ -154,19 +147,6 @@ const BusinessOwnerFormCore = class {
             this.removeOwner(this.ownerId);
             this.clickEvent.emit({ name: eventTypes.BusinessFormClickActions.removeOwner });
         };
-        this.isLoading = false;
-        this.formController = undefined;
-        this.errors = {};
-        this.owner = {};
-        this.ownerId = undefined;
-        this.businessId = undefined;
-        this.getOwner = undefined;
-        this.patchOwner = undefined;
-        this.postOwner = undefined;
-        this.allowOptionalFields = undefined;
-        this.removeOwner = undefined;
-        this.newFormOpen = undefined;
-        this.ownersLength = undefined;
         this.validate = this.validate.bind(this);
         this.submit = this.submit.bind(this);
         this.validateAndSubmit = this.validateAndSubmit.bind(this);
@@ -243,9 +223,6 @@ const BusinessOwnerFormInputs = class {
         this.onAddressFormUpdate = (values) => {
             inputHandlers.updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
         };
-        this.ownerDefaultValue = undefined;
-        this.errors = undefined;
-        this.formController = undefined;
     }
     render() {
         return (index.h("div", { key: '97911ef690cb7932c0e382cfa79fa3333536055c', class: "row gy-3" }, index.h("div", { key: '0f15a832bcde62a50fb791e008dcd7da68c8da6b', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'fdc50a224e7e17d2923d6eb1fb274103e0d55710', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'c4be24670525f2b90fd6de5a0035241190dadd09', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '8752eb6ea1d24189fd1a4d799145b5bbdc0413f2', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '9d19f00bbd407ca55455947d84183530920d799c', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '10ffe5b44086f623fb9f9d27f4a72cd251589bd0', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '7c32fc26abbc0bc16b0a50d8bbfb47c121c7c62d', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: 'e6b63872de5bd5cc98d61c8e6ebeb2a3f8443fb1', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '2e7eded46b1162d9ecf8c3badc869e98a710abee', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '2c4b8c126d7505dadb3fe06b3b5cab5e83b91c23', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: 'dd96fdddddfb082fc0ce670f673decc97956c242', class: "col-12 col-md-8" }, index.h("form-control-number-masked", { key: '640cc2e749dc64879d8211c3340b7c273d3cb817', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: '681b2898183d73559150b5debef39901c4679eba', class: "col-12" }, index.h("justifi-identity-address-form", { key: 'e2de39be536c0854592a5132a6a9ac9d761a0f9b', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));

package/dist/cjs/justifi-payment-details.cjs.entry.js

@@ -1,64 +1,35 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const payment_service = require('./payment.service-537e049d.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-const Payment = require('./Payment-bccd8f7d.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-f8714daa.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-require('./Api-83d93333.js');
-require('./utils-4120664c.js');
-require('./Dispute-eb6bad54.js');
-require('./parts-5ca90f9a.js');
-require('./package-5a9f02b2.js');
-
-const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchPayment(id, authToken);
-        if (!response.error) {
-            onSuccess({ payment: new Payment.Payment(response.data) });
-        }
-        else {
-            const responseError = utils.getErrorMessage(response.error);
-            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            onError({
-                error: responseError,
-                code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        onError({
-            error: utils.getErrorMessage(error),
-            code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
-        });
-    }
-};
+var index = require('./index-BRQfozbS.js');
+var payment_service = require('./payment.service-BstXaxH5.js');
+var getPaymentDetails = require('./get-payment-details-DQyJtwTw.js');
+var utils = require('./utils-DxbncJhj.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var checkPkgVersion = require('./check-pkg-version-C4d9pl8G.js');
+require('./Api-KMweahmp.js');
+require('./utils-DmZ8Dia3.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+require('./Dispute-CruQTF6_.js');
+require('./Refund-CpurRc4w.js');
+require('./Document-rXGBUaOh.js');
+require('./utils-l0veqT9y.js');
+require('./parts-D_uKOPFe.js');
+require('./package-S6wVKDKx.js');
 
 const PaymentDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.errorMessage = null;
         this.paymentService = new payment_service.PaymentService();
         this.handleErrorEvent = event => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.paymentId = undefined;
-        this.authToken = undefined;
-        this.getPaymentDetails = undefined;
-        this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -74,10 +45,11 @@ const PaymentDetails = class {
     }
     initializeGetPaymentDetails() {
         if (this.paymentId && this.authToken) {
-            this.getPaymentDetails = makeGetPaymentDetails({
+            this.getPaymentDetails = getPaymentDetails.makeGetPaymentDetails({
                 id: this.paymentId,
                 authToken: this.authToken,
                 service: new payment_service.PaymentService(),
+                apiOrigin: this.apiOrigin
             });
         }
         else {
@@ -91,7 +63,7 @@ const PaymentDetails = class {
     }
     render() {
         if (this.errorMessage) {
-            return utils$1.ErrorState(this.errorMessage);
+            return utils.ErrorState(this.errorMessage);
         }
         return (index.h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent }));
     }

package/dist/cjs/justifi-payment-provisioning-core.cjs.entry.js

@@ -1,22 +1,24 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const helpers = require('./helpers-602962eb.js');
-const parts = require('./parts-5ca90f9a.js');
-const styledHost = require('./styled-host-94309bab.js');
-const header1 = require('./header-1-43b2b905.js');
-const eventTypes = require('./event-types-180a85a9.js');
-require('./state-options-4fbcb48a.js');
+var index = require('./index-BRQfozbS.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var helpers = require('./helpers-B5OCqlIM.js');
+var parts = require('./parts-D_uKOPFe.js');
+var styledHost = require('./styled-host-CzJ8Ux1t.js');
+var header1 = require('./header-1-kwWMtg3s.js');
+var eventTypes = require('./event-types-DNOUef41.js');
+require('./state-options-CIT9xdTz.js');
 
 const PaymentProvisioningCore = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event", 7);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.submitEvent = index.createEvent(this, "submit-event", 7);
+        this.clickEvent = index.createEvent(this, "click-event");
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.submitEvent = index.createEvent(this, "submit-event");
+        this.loading = false;
+        this.businessProvisioned = false;
+        this.currentStep = 0;
+        this.allowOptionalFields = false;
         this.setBusinessProvisioned = () => {
             this.getBusiness({
                 onSuccess: (response) => {
@@ -70,16 +72,6 @@ const PaymentProvisioningCore = class {
             const currentStep = this.refs[this.currentStep];
             currentStep.validateAndSubmit({ onSuccess: this.incrementSteps });
         };
-        this.loading = false;
-        this.businessProvisioned = false;
-        this.currentStep = 0;
-        this.errorMessage = undefined;
-        this.businessId = undefined;
-        this.authToken = undefined;
-        this.allowOptionalFields = false;
-        this.formTitle = undefined;
-        this.getBusiness = undefined;
-        this.postProvisioning = undefined;
     }
     handleFormCompleted() {
         this.postProvisioningData();

package/dist/cjs/justifi-payment-provisioning.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const paymentProvisioningActions = require('./payment-provisioning-actions-382ab48c.js');
-const business_service = require('./business.service-6e8a29a2.js');
-const Api = require('./Api-83d93333.js');
-require('./package-5a9f02b2.js');
-require('./utils-7a478c37.js');
+var index = require('./index-BRQfozbS.js');
+var checkPkgVersion = require('./check-pkg-version-C4d9pl8G.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
+var business_service = require('./business.service-Crmkeulk.js');
+var Api = require('./Api-KMweahmp.js');
+require('./package-S6wVKDKx.js');
+require('./utils-l0veqT9y.js');
+require('./utils-DmZ8Dia3.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
 
 class ProvisionService {
     async postProvisioning(authToken, businessId, product) {
@@ -18,18 +18,17 @@ class ProvisionService {
             business_id: businessId,
             product_category: product,
         };
-        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 
 const PaymentProvisioning = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.postProvisioning = undefined;
-        this.getBusiness = undefined;
-        this.businessId = undefined;
-        this.authToken = undefined;
+        this.errorEvent = index.createEvent(this, "error-event");
         this.allowOptionalFields = false;
         this.formTitle = 'Business Information';
     }

package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js

@@ -0,0 +1,195 @@
+'use strict';
+
+var index = require('./index-BRQfozbS.js');
+var utils$1 = require('./utils-DmZ8Dia3.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+var Pagination = require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+var Refund = require('./Refund-CpurRc4w.js');
+require('./Document-rXGBUaOh.js');
+var checkPkgVersion = require('./check-pkg-version-C4d9pl8G.js');
+var utils = require('./utils-l0veqT9y.js');
+var payment_service = require('./payment.service-BstXaxH5.js');
+var eventTypes = require('./event-types-CjInBN20.js');
+var parts = require('./parts-D_uKOPFe.js');
+var styledHost = require('./styled-host-CzJ8Ux1t.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./package-S6wVKDKx.js');
+require('./Api-KMweahmp.js');
+require('./spinner-CSH2OUiV.js');
+
+const makeGetPaymentTransactions = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
+    var _a;
+    try {
+        const response = await service.fetchPaymentTransactions(id, authToken, params, apiOrigin);
+        if (!response.error) {
+            const balanceTransactions = response.data.map((dataItem) => new Refund.PaymentBalanceTransaction(dataItem));
+            const pagingInfo = Object.assign({}, response.page_info);
+            onSuccess({ balanceTransactions, pagingInfo });
+        }
+        else {
+            const responseError = utils.getErrorMessage(response.error);
+            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: utils.getErrorMessage(error),
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        final();
+    }
+};
+
+const defaultColumnsKeys = 'created_at,type,id,amount,balance';
+const paymentTransactionTableColumns = {
+    created_at: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The date and time each transaction was made" }, "Processed On")),
+    type: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The type of each transaction" }, "Type")),
+    id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The unique identifier of each transaction" }, "ID")),
+    amount: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The dollar amount of each transaction", class: "text-end" }, "Amount")),
+    balance: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The running total amount of this payment that belongs to you", class: "text-end" }, "Balance")),
+    currency: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The currency of each transaction" }, "Currency")),
+    financial_transaction_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The unique identifier of the financial transaction associated with the payment balance transaction" }, "Financial Transaction ID")),
+    payment_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The unique identifier of the payment associated with the payment balance transaction" }, "Payment ID")),
+    payment_balance_txn_type: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The type of the payment balance transaction" }, "Transaction Type")),
+    source_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The unique identifier of the source object associated with the payment balance transaction" }, "Source ID")),
+    source_type: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The type of the source object associated with the payment balance transaction" }, "Source Type")),
+};
+const paymentTransactionTypes = {
+    ach_return: "ACH Return",
+    ach_return_fee: "ACH Return Fee",
+    dispute: "Dispute",
+    dispute_fee: "Dispute Fee",
+    dispute_fee_refund: "Dispute Fee Refund",
+    dispute_refund: "Dispute Refund",
+    payment: "Payment",
+    payment_fee: "Fee",
+    refund: "Refund",
+    fee_refund: "Fee Refund",
+    application_fee_returned: "Application Fee Returned",
+    refund_failure: "Refund Failure",
+    void: "Void",
+};
+const paymentTransactionTableCells = {
+    created_at: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) },
+        index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(balanceTransaction.created_at, { showDisplayDate: true })),
+        index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(balanceTransaction.created_at, { showTime: true })))),
+    type: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, paymentTransactionTypes[balanceTransaction.payment_balance_txn_type])),
+    id: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, balanceTransaction.id)),
+    amount: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1), class: "text-end" }, balanceTransaction.formattedPaymentAmount(balanceTransaction.amount))),
+    balance: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1), class: "text-end" }, balanceTransaction.formattedPaymentAmount(balanceTransaction.balance))),
+    currency: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, balanceTransaction.currency)),
+    financial_transaction_id: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, balanceTransaction.financial_transaction_id)),
+    payment_id: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, balanceTransaction.payment_id)),
+    payment_balance_txn_type: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, balanceTransaction.payment_balance_txn_type)),
+    source_id: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, balanceTransaction.source_id)),
+    source_type: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, balanceTransaction.source_type)),
+};
+
+const PaymentTransactionsList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.clickEvent = index.createEvent(this, "click-event");
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.balanceTransactions = [];
+        this.isLoading = true;
+        this.errorMessage = null;
+        this.paging = Pagination.pagingDefaults;
+        this.pagingParams = {};
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = defaultColumnsKeys;
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: eventTypes.TableClickActions.previous });
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: eventTypes.TableClickActions.next });
+        };
+        this.rowClickHandler = (e) => {
+            const clickedPaymentID = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedPaymentID)
+                return;
+            const transactionData = this.balanceTransactions.find((payment) => payment.id === clickedPaymentID);
+            this.clickEvent.emit({ name: eventTypes.TableClickActions.row, data: transactionData });
+        };
+    }
+    componentWillLoad() {
+        this.transactionsTable = new eventTypes.Table(this.balanceTransactions, this.columns, paymentTransactionTableColumns, paymentTransactionTableCells);
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.initializeApi();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    handleError(code, errorMessage, severity) {
+        this.isLoading = false;
+        this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
+    }
+    initializeApi() {
+        if (this.paymentId && this.authToken) {
+            const getPaymentTransactions = makeGetPaymentTransactions({
+                id: this.paymentId,
+                authToken: this.authToken,
+                service: new payment_service.PaymentService(),
+                apiOrigin: this.apiOrigin
+            });
+            getPaymentTransactions({
+                params: this.pagingParams,
+                onSuccess: ({ balanceTransactions, pagingInfo }) => {
+                    this.balanceTransactions = balanceTransactions;
+                    this.paging = pagingInfo;
+                    this.transactionsTable.collectionData = this.balanceTransactions;
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorMessage = error.message;
+                    this.handleError(error, code, severity);
+                },
+                final: () => {
+                    this.isLoading = false;
+                }
+            });
+        }
+        else {
+            this.errorMessage = 'payment-id and auth-token props are required';
+            this.handleError(ComponentError.ComponentErrorCodes.MISSING_PROPS, this.errorMessage, ComponentError.ComponentErrorSeverity.ERROR);
+        }
+    }
+    get entityId() {
+        return this.balanceTransactions.map((transaction) => transaction.id);
+    }
+    get showEmptyState() {
+        return !this.isLoading && !this.errorMessage && this.transactionsTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.isLoading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.isLoading;
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'b011961e9c9b01720fa7964186e477784a7deddd' }, index.h("div", { key: '074eb86caf8be83e6cdc51ab496564358dafdeb5', class: "table-wrapper" }, index.h("table", { key: 'cc1453bcba758c6847d593a545918c449219eac4', class: "table table-hover", part: parts.table }, index.h("thead", { key: '08bbac43b6484ed2f96061153a3d40a2d9f4da7d', class: "table-head sticky-top" }, index.h("tr", { key: '424dadd8f7686d62fcf3d3222a77c707d6e69985', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), index.h("tbody", { key: '3ef6863f785ff73b467f2c48fa91ed1bac57c7e2', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: '69da7b5801f492787ec6ce3b10fbd25e9580c0e1', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), index.h(eventTypes.TableEmptyState, { key: 'e6ff1509d0a54aaca9fbaa2e5ebd3e83a62ef17c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), index.h(eventTypes.TableErrorState, { key: '5cd693d69c7dc34807767d18ad97cc1f5fce52fe', columnSpan: this.transactionsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: 'c8e1ff59e7db5aeb4db84884360e3d9cf71a1552', class: "sticky-bottom" }, index.h("tr", { key: 'fd0b29ddeb0ed6114904ce4b875618c469349578', class: "table-light align-middle" }, index.h("td", { key: '340ae8d8132eb66a8c0cae500d708c4174ed5dc7', part: parts.tableCell, colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'a2ea49ba4478b3e22a4587eed3262bc482cfd9b8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+    }
+    static get watchers() { return {
+        "pagingParams": ["propChanged"],
+        "paymentId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+exports.justifi_payment_transactions_list = PaymentTransactionsList;