@justifi/webcomponents 4.23.1 → 5.0.0-rc-1

package/dist/esm/justifi-dispute-notification_3.entry.js

@@ -0,0 +1,372 @@
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { b as formatCurrency } from './utils-54543523.js';
+import { t as text, x as heading4 } from './parts-186d437f.js';
+import { B as Button } from './button-1886a33d.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import { S as Skeleton } from './skeleton-8f71cdf7.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
+import { D as DisputeService } from './dispute.service-588dd905.js';
+import { D as DisputeManagementClickActions } from './event-types-07cdb9a0.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
+import { c as config } from './config-27764a9d.js';
+import './Api-391d00e2.js';
+import './Checkout-0b4086f8.js';
+import './Pagination-afc8f96d.js';
+import './Payment-4f72d277.js';
+import './Dispute-5fd28ec9.js';
+import './SubAccount-99a00594.js';
+import './package-84f77b11.js';
+
+const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.updateDisputeResponse(disputeId, authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makeSubmitDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.submitDisputeResponse(disputeId, authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makeCreateDisputeEvidence = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.createDisputeEvidence(disputeId, authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+
+const DisputeNotification = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.clickEvent = createEvent(this, "click-event", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.submitEvent = createEvent(this, "submit-event", 7);
+        this.dispute = undefined;
+        this.authToken = undefined;
+        this.isLoading = undefined;
+    }
+    acceptDispute() {
+        makeSubmitDisputeResponse({
+            disputeId: this.dispute.id,
+            authToken: this.authToken,
+            service: new DisputeService()
+        })({
+            payload: { forfeit: true },
+            onSuccess: (response) => {
+                this.submitEvent.emit({ response: response });
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            },
+        });
+    }
+    initiateRespondToDispute() {
+        this.clickEvent.emit({ name: DisputeManagementClickActions.respondToDispute });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (h(StyledHost, { key: 'df45596c8b40c5665589e976405c38f05271812f' }, this.isLoading && (h("div", { key: '9c1f507799665e4297a9e76d24cf1656079bb146', style: { marginBottom: '8px' } }, h(Skeleton, { key: '6a6e2314fb16348e59d4ff9b4739d895b376303c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '286352f2b7da7f3b494add74fc332a3d2a6f4d42', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'bc3985914e7dbeecbe4ea9efea1fcdd592d2600e', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'e0371f22a67d7ebef374e2ad4ed0e0d151b2105b', part: text }, h("h1", { key: 'a85046d309d92aee9c6a01e0311fe23d0cc48b98', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '886223ea616ea99c76b7f0e719f2bec606e6796a' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '3f12d0ded622ad0c844dee081b8eb3d444e2b4e3', class: "h5" }, "Dispute details"), h("div", { key: 'add2e0e67fcebcb484a2a30ea66a303693a95be8', class: "d-table gap-2" }, h("div", { key: '30b35751ab437971b2c0ef6ab003d7c348d3cc3f', class: "d-table-row gap-2" }, h("span", { key: '7b5ea6fdf2d644a2c31e0276185fb2a95b0ee85f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'f91e37855056374a345a8a534c9343ed71180a1e', 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: '6d2ef3c07ee006eba74caae39e1c355c4f1d0e80', class: "d-table-row gap-2" }, h("span", { key: 'cb60ccb1855a7bc15b8e411986790c33419659c3', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'a2c21645bbba4529576062baacbdd1166e1b4f72', 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: '4f9bfc9fa68efc18032a9367938c82fef27f6dbe', class: "d-table-row gap-2" }, h("span", { key: 'c78b105e6e1bbe3332005c71e230609c9f2a65d9', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '0d75f20d0c665cf18eb6a91eb4a890df0e0a09be', 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: '97801ea1983a7591d0c5aa933842fcce2eb12394', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '8155accf40a4512506b18de08423da53cd3c2ff7', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'b23bd82c73ae7c8c020b7ad5c60223f9a1eae8d2', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '2b3ee4c8f1b9b0100416c7804897530e001826d3' }, h("h1", { key: 'abdeb425738b1f0cd8b27836a885f9d9e31b1774', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'aa42c034af8bef20370aac9607065e6f15a87534' }, "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: '2a75a70a3a45a0d42dc182b0782983220444c42b' }, h("h1", { key: '3e6c8aad4507bab77c6f0bf06c2ee26af382b8e8', class: "h4" }, "This payment was disputed"), h("p", { key: 'b1d2626f6c6529005676ead7776b988693334971' }, "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: '1b9da576c01bd69842cd3d0b65e96997842461e8' }, h("h1", { key: 'c5521ef13d0f9437b90fd34b96e43f980ab7ceb8', class: "h4" }, "This payment was disputed"), h("p", { key: 'd5724f0fd2194621a908d803752dc1965d2f0043' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
+    }
+};
+
+const DisputeResponse = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleErrorEvent = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.updateDisputeResponse = undefined;
+        this.submitDisputeResponse = undefined;
+        this.createDisputeEvidence = undefined;
+        this.errorMessage = null;
+        this.authToken = undefined;
+        this.disputeId = undefined;
+        this.disputeResponse = undefined;
+        this.apiOrigin = config.proxyApiOrigin;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeDisputeServiceMethods();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeDisputeServiceMethods();
+    }
+    initializeDisputeServiceMethods() {
+        if (this.disputeId && this.authToken) {
+            this.updateDisputeResponse = makeUpdateDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService()
+            });
+            this.createDisputeEvidence = makeCreateDisputeEvidence({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService()
+            });
+            this.submitDisputeResponse = makeSubmitDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService()
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        return (h(StyledHost, { key: '359300bac34b3e344e045750f354ce974f6a02ed' }, h("justifi-dispute-response-core", { key: '121c8c358b1a8a6e9084a9de00c977ff806be974', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+    }
+    ;
+    static get watchers() { return {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+const DisputeResponseCore = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.clickEvent = createEvent(this, "click-event", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.submitEvent = createEvent(this, "submit-event", 7);
+        this.componentStepMapping = [
+            () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+        ];
+        this.saveData = async (formData, formStep) => {
+            const hasFormData = Object.keys(formData).length;
+            if (!hasFormData) {
+                this.stepCompleteEvent.emit({ response: null, formStep: formStep });
+                return;
+            }
+            if (this.isLastStep) {
+                return this.submitDisputeResponse({
+                    payload: formData,
+                    onSuccess: (response) => {
+                        this.submitEvent.emit({ response: response });
+                        this.stepCompleteEvent.emit({ response: response, formStep: formStep });
+                    },
+                    onError: ({ error, code, severity }) => {
+                        this.errorEvent.emit({
+                            errorCode: code,
+                            message: error,
+                            severity,
+                        });
+                    },
+                });
+            }
+            else {
+                return this.updateDisputeResponse({
+                    payload: formData,
+                    onSuccess: (response) => {
+                        this.disputeResponse = Object.assign({}, response.data);
+                        this.stepCompleteEvent.emit({ response: response, formStep: formStep });
+                    },
+                    onError: ({ error, code, severity }) => {
+                        this.errorEvent.emit({
+                            errorCode: code,
+                            message: error,
+                            severity,
+                        });
+                    },
+                });
+            }
+        };
+        this.initializeMakePresignedURLs = async () => {
+            const presignedUrlPromises = this.documentList.map((document) => {
+                return this.getPresignedFileUrl(document);
+            });
+            return await Promise.all(presignedUrlPromises);
+        };
+        this.initializeFileUploads = async () => {
+            const uploadDocumentPromises = this.documentList.map((document) => {
+                return this.uploadDocument(document);
+            });
+            return Promise.all(uploadDocumentPromises);
+        };
+        this.getPresignedFileUrl = async (document) => {
+            return this.createDisputeEvidence({
+                payload: {
+                    file_name: document.file_name,
+                    file_type: document.file_type,
+                    dispute_evidence_type: document.dispute_evidence_type,
+                },
+                onSuccess: (response) => {
+                    document.presignedUrl = response.data.presigned_url;
+                    this.isLoading = false;
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        errorCode: code,
+                        message: error,
+                        severity,
+                    });
+                    this.isLoading = false;
+                },
+            });
+        };
+        this.uploadDocument = async (document) => {
+            const fileData = await document.getFileString();
+            if (!document.presignedUrl) {
+                throw new Error('Presigned URL is not set');
+            }
+            const response = await fetch(document.presignedUrl, {
+                method: 'PUT',
+                body: fileData,
+            });
+            return response;
+        };
+        this.onCancel = () => {
+            this.clickEvent.emit({ name: DisputeManagementClickActions.cancelDispute });
+        };
+        this.handleSubmit = async (formData, documentList, formStep) => {
+            this.isLoading = true;
+            if (documentList.length) {
+                this.documentList = documentList;
+                await this.initializeMakePresignedURLs();
+                await this.initializeFileUploads();
+            }
+            // this needs to happen last because it fires the 'submit-event' and 'complete-form-step-event' event
+            await this.saveData(formData, formStep);
+            this.isLoading = false;
+        };
+        // after each of these steps where validateAndSubmit is called, reload the dispute
+        // and set isLoading, and pass defaults into each step
+        this.onBack = async () => {
+            await this.currentStepComponentRef.validateAndSubmit(async (formData, documentList, formStep) => {
+                this.clickEvent.emit({ name: DisputeManagementClickActions.previousStep });
+                await this.handleSubmit(formData, documentList, formStep);
+                this.currentStep--;
+            });
+        };
+        this.onNext = async () => {
+            await this.currentStepComponentRef.validateAndSubmit(async (formData, documentList, formStep) => {
+                this.clickEvent.emit({ name: DisputeManagementClickActions.nextStep });
+                await this.handleSubmit(formData, documentList, formStep);
+                this.currentStep++;
+            });
+        };
+        this.onSubmit = async () => {
+            await this.currentStepComponentRef.validateAndSubmit(async (formData, documentList, formStep) => {
+                this.clickEvent.emit({ name: DisputeManagementClickActions.submit });
+                const submitData = Object.assign(Object.assign({}, formData), { forfeit: false });
+                await this.handleSubmit(submitData, documentList, formStep);
+            });
+        };
+        this.updateDisputeResponse = undefined;
+        this.submitDisputeResponse = undefined;
+        this.createDisputeEvidence = undefined;
+        this.disputeResponse = {};
+        this.isLoading = false;
+        this.documentList = [];
+        this.currentStep = 0;
+        this.currentStepComponentRef = undefined;
+    }
+    get currentStepComponent() {
+        return this.componentStepMapping[this.currentStep]();
+    }
+    get isLastStep() {
+        return this.currentStep === this.componentStepMapping.length - 1;
+    }
+    get isFirstStep() {
+        return this.currentStep === 0;
+    }
+    render() {
+        return (h("div", { key: '4c1c801c82506c50ee304934ec0c42efc986f07c', class: "row gy-3" }, h("div", { key: '27c27411ac45d0a20f5fd99e4a11eb0efe6b0007', class: "col-12" }, h("h1", { key: '48aa1635accfafe2ed76e733296bade6fdeeddf5', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '79ca608ae5ba5a4249556754972216a82104c004', class: "col-12" }, this.currentStepComponent), h("div", { key: '39ecb37977d852c3528f09afced344d40e2022ac', class: "col-12" }, h("div", { key: '23d7523bffc81324b8e99b5f2354c75f52af9d52', 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"))))));
+    }
+};
+
+export { DisputeNotification as justifi_dispute_notification, DisputeResponse as justifi_dispute_response, DisputeResponseCore as justifi_dispute_response_core };

package/dist/esm/justifi-gross-payment-chart.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { c as config } from './config-27764a9d.js';
 import { A as Api } from './Api-391d00e2.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { E as ErrorState } from './utils-218275b7.js';
-import { J as JustifiAnalytics } from './Analytics-77dc80f3.js';
-import { c as checkPkgVersion } from './check-pkg-version-fbf01ce7.js';
-import './package-627f73c1.js';
+import { E as ErrorState } from './utils-d7633e66.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
+import './parts-186d437f.js';
+import './package-84f77b11.js';
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {

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

@@ -1,11 +1,12 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-0635eff7.js';
 import { I as IdentityService } from './business.service-97a3da69.js';
-import { F as FormController } from './index.esm-ed37201b.js';
-import { O as Owner } from './Business-b73d5055.js';
-import { a as BusinessFormClickActions } from './business-form-types-8fd61b0e.js';
-import { i as identitySchema } from './business-identity-schema-2756dbc6.js';
-import { B as Button } from './button-34e75e0f.js';
+import { F as FormController } from './index.esm-0b6849c2.js';
+import { O as Owner } from './Business-29c69f22.js';
+import { i as identitySchema } from './business-identity-schema-75126188.js';
+import { B as Button } from './button-1886a33d.js';
+import { v as heading3 } from './parts-186d437f.js';
+import { B as BusinessFormClickActions } from './event-types-5c87de02.js';
 import { S as SSN_MASK, P as PHONE_MASKS } from './form-input-masks-0e18300f.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-270ac806.js';
 import './ComponentError-3ce7f437.js';
@@ -14,8 +15,8 @@ import './config-27764a9d.js';
 import './Api-391d00e2.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
-import './schema-validations-93a9d504.js';
-import './business-form-options-d790973e.js';
+import './schema-validations-c7d4f9df.js';
+import './business-form-options-018f62a5.js';
 
 const BusinessOwnerForm = class {
     constructor(hostRef) {
@@ -64,7 +65,7 @@ const BusinessOwnerForm = class {
         });
     }
     render() {
-        return (h("owner-form-core", { key: '332d1e77d01886f13aba09b32b2d5f2199131619', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: '994ef390ec2423419aa777656a49d9087ef61e72', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
     }
 };
 
@@ -74,11 +75,10 @@ const BusinessOwnerFormCore = class {
     }
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.submitted = createEvent(this, "submitted", 7);
-        this.ownerSubmitted = createEvent(this, "ownerSubmitted", 7);
         this.clickEvent = createEvent(this, "click-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.ownerSubmitted = createEvent(this, "ownerSubmitted", 7);
         this.getData = () => {
             this.isLoading = true;
             this.getOwner({
@@ -102,16 +102,11 @@ const BusinessOwnerFormCore = class {
                     this.patchOwner({
                         payload: this.payload,
                         onSuccess: (response) => {
-                            this.submitted.emit({
-                                data: response,
-                                metadata: { ownerID: response.data.id }
-                            });
                             this.ownerSubmitted.emit({ id: response.data.id });
                             this.instantiateOwner(response.data);
                             resolve(true);
                         },
                         onError: ({ error, code, severity }) => {
-                            this.submitted.emit({ data: { error } });
                             this.errorEvent.emit({
                                 message: error,
                                 errorCode: code,
@@ -126,16 +121,11 @@ const BusinessOwnerFormCore = class {
                     this.postOwner({
                         payload: this.payload,
                         onSuccess: (response) => {
-                            this.submitted.emit({
-                                data: response,
-                                metadata: { ownerID: response.data.id }
-                            });
                             this.ownerSubmitted.emit({ id: response.data.id });
                             this.instantiateOwner(response.data);
                             resolve(true);
                         },
                         onError: ({ error, code, severity }) => {
-                            this.submitted.emit({ data: { error } });
                             this.errorEvent.emit({
                                 message: error,
                                 errorCode: code,
@@ -233,7 +223,7 @@ const BusinessOwnerFormCore = class {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'd7ab875b1efd58b9d17e40789eb43454d5601f47', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '144871e2128c17ea843d3d0dc2c7b5dd51057107' }, h("legend", { key: 'b9a2229e0cb1220c2b848f56f512816253d98e36', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'd95786bee5d4640f970bfccea626a6d0bc7fb4a6' }), h("div", { key: 'f74c1b45eda698ca786214c2d30342ead9c820f0', class: "row gy-3" }, h("owner-form-inputs", { key: 'bc6a213dc74e1f30c7c18f65a31e1aaa9130746a', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: 'e7536fc512a652bde416259b7f6177e5957b893f', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '61c88e81e942f2e324b24b2634fe365863a2f23f', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'c280f92cf606abbc1ba30bef331407af7db9cb19', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '10658eebfb37c21186b7a5d36e60db5daa9f26f6' }))));
+        return (h("form", { key: '58cbb6a1f804dc14fc3d3c873b733353b01d9365', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '23cb93fab96a2d1a3a372057a93f8a5e3b5e886b' }, h("legend", { key: '06f0a9595c675d7f2f708741ef292018ad2b98e7', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'cdde6f04d559cc83bf50282feab27e2917889b74' }), h("div", { key: '25fd59a4755a4344ed0d6c116de79c95db8660df', class: "row gy-3" }, h("owner-form-inputs", { key: 'f839d830b204439f88594b0a16cce37286fe3e0b', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '5dad56a053aa7ad0c04869374769965eba872247', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '22342bc0f6a5978a94927aa9edddb9979309e647', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'ef3d494677011f095d199e736043e3c02a855f2b', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'd2d503eabc8b633ec84cabeacfe04c3802689604' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]
@@ -254,7 +244,7 @@ const BusinessOwnerFormInputs = class {
         this.formController = undefined;
     }
     render() {
-        return (h("div", { key: '00c4e99a70bdeac642774796bb6a983ad926b86d', class: "row gy-3" }, h("div", { key: '457ba67f652e7ec33909764667b76b25c0c01f75', class: "col-12 col-md-8" }, h("form-control-text", { key: '33293c6a0fc131c1db2d498f2ea8774cb9689b8e', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '07be686fa8f43b04bd3a925e969ecede1286e651', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c89285d508e0d809332f529edef3e6d3a68c4993', 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." })), h("div", { key: '76af9226fb138b2698c254ba26749b5d372ee14d', class: "col-12 col-md-6" }, h("form-control-text", { key: '37f334b0ee260501fd99845b6196a94c56fd16da', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '3750f6f86d1bc3c3a1796a06ef4119ee188f2b56', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '283f5179e64378a7a07a654d28511558de03ca68', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '48186c6dfe8cd2a27de92db9970953e1e99340f2', class: "col-12 col-md-4" }, h("form-control-date", { key: '6d90d43875feefd24477279232a21b4ac7a7b7bc', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '19b1a6fd0dd52d3d5f52cf764ff429bd26ba8cdd', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '5a7ea47c254967f0d3d546ac9949dfa3d670bc25', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '59c4fcb4186d488497d66479fced70bf2dc24d89', class: "col-12" }, h("justifi-identity-address-form", { key: 'faff7bb194f9c2c2ff80193db18ab0030f34fc09', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+        return (h("div", { key: '6604b31d64967fbabb85189c72d7d78d98d2c8c8', class: "row gy-3" }, h("div", { key: '7b52874d08593e28ac8e2369534d3697f07128c3', class: "col-12 col-md-8" }, h("form-control-text", { key: '080456fae1d1f024d3e82be43939922fb19f6ef9', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'e0e431c1d7d6716bc368eb1fa06b80d0576a05ee', class: "col-12 col-md-4" }, h("form-control-text", { key: '9134c2a32853cfa00edb42a2db30a85943e0c3f5', 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." })), h("div", { key: 'b129332c1547d43a2d2e09f19940e3a5a1df988a', class: "col-12 col-md-6" }, h("form-control-text", { key: '1e56b33c0c12898bdb0dd121fa832869deca9a2b', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0a551a3d5f820e1f0146ee2603b687559756b80b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '26c8366c9a8c93e69e8396ae1bb8d2478cc9eb81', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'e9416e635eceb13bee1cd259bad100cb165b9e74', class: "col-12 col-md-4" }, h("form-control-date", { key: '9a69bdc97c104169bdc742c341105a208b9a815a', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '9dedc8f023a3e6cc47835fc3a749f427c29bbee4', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'f1bedfe4d166ed0453a1814a5f02f7912da1e699', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '32b1cd3be64345be08b27297478ab654d9201b8b', class: "col-12" }, h("justifi-identity-address-form", { key: 'e3292e32b13c290081989a562e22454f1bfe4f83', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
     }
     ;
 };

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

@@ -1,17 +1,18 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { P as PaymentService } from './payment.service-ca6b5bc5.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { P as PaymentService } from './payment.service-064fac31.js';
 import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import { P as Payment } from './Payment-2a868d0c.js';
+import { P as Payment } from './Payment-4f72d277.js';
 import './SubAccount-99a00594.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { E as ErrorState } from './utils-218275b7.js';
-import { J as JustifiAnalytics } from './Analytics-77dc80f3.js';
-import { c as checkPkgVersion } from './check-pkg-version-fbf01ce7.js';
+import { E as ErrorState } from './utils-d7633e66.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
 import './Api-391d00e2.js';
 import './config-27764a9d.js';
-import './package-627f73c1.js';
+import './Dispute-5fd28ec9.js';
+import './parts-186d437f.js';
+import './package-84f77b11.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

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

@@ -1,8 +1,10 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { a as BusinessFormClickActions } from './business-form-types-8fd61b0e.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { a as checkProvisioningStatus } from './helpers-96ea3464.js';
-import { S as StyledHost } from './styled-host-e0ddb759.js';
+import { t as text } from './parts-186d437f.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import { H as Header1 } from './header-1-c6a00a22.js';
+import { B as BusinessFormClickActions } from './event-types-5c87de02.js';
 import './state-options-a356fb11.js';
 
 const PaymentProvisioningCore = class {
@@ -10,7 +12,7 @@ const PaymentProvisioningCore = class {
         registerInstance(this, hostRef);
         this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.submitted = createEvent(this, "submitted", 7);
+        this.submitEvent = createEvent(this, "submit-event", 7);
         this.setBusinessProvisioned = () => {
             this.getBusiness({
                 onSuccess: (response) => {
@@ -35,10 +37,10 @@ const PaymentProvisioningCore = class {
         this.postProvisioningData = () => {
             this.postProvisioning({
                 onSuccess: (response) => {
-                    this.submitted.emit({ data: { response } });
+                    this.submitEvent.emit({ response: response });
                 },
                 onError: ({ error, code, severity }) => {
-                    this.submitted.emit({ data: { error } });
+                    this.submitEvent.emit({ response: { error } });
                     this.errorEvent.emit({
                         message: error,
                         errorCode: code,
@@ -75,6 +77,9 @@ const PaymentProvisioningCore = class {
         this.getBusiness = undefined;
         this.postProvisioning = undefined;
     }
+    handleFormCompleted() {
+        this.postProvisioningData();
+    }
     componentWillLoad() {
         this.getBusiness && this.setBusinessProvisioned();
         this.refs = [this.coreInfoRef, this.legalAddressRef, this.additionalQuestionsRef, this.representativeRef, this.ownersRef, this.bankAccountRef, this.documentUploadRef, this.termsRef];
@@ -95,7 +100,7 @@ const PaymentProvisioningCore = class {
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: '80f2730a6a4e273391888b086c3633a3dec012b8', exportparts: 'label,input,input-invalid' }, h("div", { key: 'b4e7be2fed14b404ee7bcbe42c3c1c54bb78fdb6', class: 'row gap-3' }, h("h1", { key: 'f477beb7934a94a74dfc6b8a9c18cc54a720f70e' }, this.formTitle), h("justifi-payment-provisioning-form-steps", { key: 'e74aa3a01cfe7550f4917d28ccda1aca211d9394', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading, onFormCompleted: () => this.postProvisioningData() }), h("div", { key: '26a585ec4b6b677cb01ac17696269168887f4c76', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'ca5ddc176f8c2eb3315620076b401e47f45039bd', class: 'd-flex align-items-center' }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: '8299387bf859b33c829d29d66947c3c053ffa53c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: 'df7f6b5366335e0bd1082bb865c8a460a0b62704' }, h("div", { key: '694f4b13ef333959c6efa573d78f415379fbe4fd', class: 'row gap-3' }, h(Header1, { key: 'd69dafa307c75ed3583551d86f87b3ec29404218', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'd33e37ce3f2fdce1eb462d096be9baede1ccee9b', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '8541f7a1c6a69820b73c976894109b5962f26067', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '1a8a0e9af596aa1d7eced5309e1fa2e399f33705', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'dd29d8b8d4da81f79c2375a5db99dfe796183d09', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 };
 

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

@@ -1,12 +1,11 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { J as JustifiAnalytics } from './Analytics-77dc80f3.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-0635eff7.js';
 import { B as BusinessService } from './business.service-97a3da69.js';
 import { c as config } from './config-27764a9d.js';
 import { A as Api } from './Api-391d00e2.js';
-import { c as checkPkgVersion } from './check-pkg-version-fbf01ce7.js';
-import './package-627f73c1.js';
+import './package-84f77b11.js';
 import './utils-b10dae27.js';
 
 class ProvisionService {
@@ -65,7 +64,7 @@ const PaymentProvisioning = class {
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '82b3601d3349a92bed1aa93e2a847039d7493c04', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '845a347f0aead4523515a3a6d34ce7a08cda278a', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],