@justifi/webcomponents 4.19.0 → 4.19.1-rc-3

package/dist/webcomponents/p-c86c24d2.entry.js

@@ -0,0 +1,94 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { P as PaymentService } from './p-cb26f708.js';
+import './p-56f6ce4c.js';
+import { P as Payment } from './p-df21aaad.js';
+import './p-e3fab0e2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import './p-29c0b182.js';
+import './p-2dabeb5a.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(response.data) });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: getErrorMessage(error),
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const PaymentDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.paymentService = new 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() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetPaymentDetails();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    ;
+    propChanged() {
+        this.initializeGetPaymentDetails();
+    }
+    initializeGetPaymentDetails() {
+        if (this.paymentId && this.authToken) {
+            this.getPaymentDetails = makeGetPaymentDetails({
+                id: this.paymentId,
+                authToken: this.authToken,
+                service: new PaymentService(),
+            });
+        }
+        else {
+            this.errorMessage = 'Payment ID and Auth Token are required';
+            this.errorEvent.emit({
+                message: this.errorMessage,
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        if (this.errorMessage) {
+            return ErrorState(this.errorMessage);
+        }
+        return (h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent }));
+    }
+    static get watchers() { return {
+        "paymentId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { PaymentDetails as justifi_payment_details };

package/dist/webcomponents/p-cb26f708.js

@@ -0,0 +1,18 @@
+import { A as Api } from './p-29c0b182.js';
+import './p-56f6ce4c.js';
+import './p-df21aaad.js';
+import './p-e3fab0e2.js';
+
+class PaymentService {
+    async fetchPayments(accountId, authToken, params) {
+        const api = Api({ authToken, apiOrigin: undefined });
+        const endpoint = `account/${accountId}/payments`;
+        return api.get(endpoint, params);
+    }
+    async fetchPayment(paymentId, authToken) {
+        const endpoint = `payments/${paymentId}`;
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
+    }
+}
+
+export { PaymentService as P };

package/dist/webcomponents/p-ce733539.entry.js

@@ -0,0 +1,99 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { m as makeGetPayoutCSV, P as PayoutService } from './p-a6d04afc.js';
+import './p-56f6ce4c.js';
+import './p-df21aaad.js';
+import { P as Payout } from './p-e3fab0e2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import './p-29c0b182.js';
+import './p-2dabeb5a.js';
+
+const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchPayout(id, authToken);
+        if (!response.error) {
+            const payout = new Payout(response.data);
+            onSuccess(payout);
+        }
+        else {
+            const errorMessage = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: errorMessage,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const errorMessage = getErrorMessage(error);
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: errorMessage,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const PayoutDetails = 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.payoutId = undefined;
+        this.authToken = undefined;
+        this.getPayout = undefined;
+        this.getPayoutCSV = undefined;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeServices();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeServices();
+    }
+    initializeServices() {
+        if (this.payoutId && this.authToken) {
+            this.getPayout = makeGetPayoutDetails({
+                id: this.payoutId,
+                authToken: this.authToken,
+                service: new PayoutService()
+            });
+            this.getPayoutCSV = makeGetPayoutCSV({
+                authToken: this.authToken,
+                service: new PayoutService()
+            });
+        }
+        else {
+            this.errorMessage = 'Failed to load payout details. payoutId or authToken is not provided.';
+            this.errorEvent.emit({
+                message: this.errorMessage,
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR
+            });
+        }
+    }
+    render() {
+        if (this.errorMessage) {
+            return ErrorState(this.errorMessage);
+        }
+        return (h("payout-details-core", { getPayout: this.getPayout, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleErrorEvent }));
+    }
+    static get watchers() { return {
+        "payoutId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { PayoutDetails as justifi_payout_details };

package/dist/webcomponents/p-d17aee2b.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './p-fad19d75.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './p-7d85af5c.js';
+import { P as PHONE_MASKS, S as SSN_MASK } from './p-525db3e8.js';
+import './p-1ff8810b.js';
+import './p-6078a370.js';
+
+const RepresentativeFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+        this.representativeDefaultValue = undefined;
+        this.errors = undefined;
+        this.formController = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (h("form", { key: '8b46b3b30681c7e7f30395a2cac575a7bd7ac998' }, h("fieldset", { key: 'e6b8f2ebca22c295fd6897c0e8862200171c2b4d' }, h("legend", { key: '8f8f52240f5ccc3f5d43507681dc970b4260bb1b' }, "Representative"), h("hr", { key: '8b07c69a514534ab731e7c01b6ee4c7a0e59e06e' }), h("div", { key: '79f44ba9dcbcf9d010aed92e332f686ca7127285', class: 'row gy-3' }, h("div", { key: '2a1aeb5ddee1dafc40e108cfb2e9ed6f4d8bc183', class: 'col-12 col-md-8' }, h("form-control-text", { key: '6e089f2d4f734da266e94b38ec1435dc3f461d5f', name: 'name', label: 'Full Name', defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c86421e524752e017180aef58e01229bf751e941', class: 'col-12 col-md-4' }, h("form-control-text", { key: 'ad8105f6d9a46397eb481666c19468376716544c', name: 'title', label: 'Title', defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '7775905e46c00337a98ab668c8453e14d27bfc4d', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e810f2395101a1e48d8d3ff66617ac82d0ec90b3', name: 'email', label: 'Email Address', defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '66a91e85d1902e32668407e684774820c02dce67', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'aad97ca95c5b2ec728ea00916a46ff4b84661b96', name: 'phone', label: 'Phone Number', defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '3cd56ea0ac1e472e905c8113f6335868c39882f1', class: 'col-12 col-md-4' }, h("form-control-date", { key: '2f6d505220cacc08a80029ada089370f3841d9ed', name: 'dob_full', label: 'Birth Date', defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController) })), h("div", { key: 'cf2df0af006a50d3533b798607025b4d6ee82ca0', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '033e4264a1466d300891b2328c0bfaced7acb04d', name: 'identification_number', label: 'SSN', defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '2dc7be12d65203da4d4e0bdd995256a7bdc5bf37', class: 'col-12' }, h("justifi-identity-address-form", { key: '47916ab24bf990be3541b72bfa2dc46cccca5a31', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+    }
+};
+
+export { RepresentativeFormInputs as justifi_business_representative_form_inputs };

package/dist/webcomponents/p-d5095f6c.entry.js

@@ -0,0 +1,133 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import './p-56f6ce4c.js';
+import { a as PaymentMethodTypes } from './p-df21aaad.js';
+import './p-e3fab0e2.js';
+import { l as loadFontsOnParent } from './p-83125497.js';
+import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './p-14c91ffd.js';
+import { g as getErrorMessage } from './p-8115b2f4.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import { B as Button } from './p-9c9c7dac.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+import './p-2dabeb5a.js';
+import './p-29c0b182.js';
+
+const paymentFormCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
+const JustifiPaymentFormStyle0 = paymentFormCss;
+
+const PaymentForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.submitted = createEvent(this, "submitted", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.bankAccount = undefined;
+        this.card = undefined;
+        this.email = undefined;
+        this.clientId = undefined;
+        this.authToken = undefined;
+        this.accountId = undefined;
+        this.submitButtonText = undefined;
+        this.submitButtonEnabled = true;
+        this.isLoading = false;
+        this.selectedPaymentMethodType = PaymentMethodTypes.card;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        if (!this.validateProps()) {
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: 'clientId or authToken is required',
+                severity: ComponentErrorSeverity.ERROR
+            });
+            this.submitButtonEnabled = false;
+        }
+    }
+    connectedCallback() {
+        loadFontsOnParent();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    async fillBillingForm(fields) {
+        this.billingFormRef.fill(fields);
+    }
+    async enableSubmitButton() {
+        this.submitButtonEnabled = true;
+    }
+    async disableSubmitButton() {
+        this.submitButtonEnabled = false;
+    }
+    showPaymentMethodTypeSelector() {
+        return this.card && this.bankAccount;
+    }
+    getSelectedPaymentMethodType() {
+        if (this.showPaymentMethodTypeSelector()) {
+            return this.selectedPaymentMethodType;
+        }
+        else if (this.card) {
+            return PaymentMethodTypes.card;
+        }
+        else if (this.bankAccount) {
+            return PaymentMethodTypes.bankAccount;
+        }
+        else {
+            return PaymentMethodTypes.card;
+        }
+    }
+    paymentMethodSelectedHandler(event) {
+        const paymentMethodType = event.detail;
+        this.selectedPaymentMethodType = paymentMethodType;
+    }
+    validateProps() {
+        return !!(this.clientId || this.authToken);
+    }
+    getToken() {
+        return this.authToken || this.clientId;
+    }
+    async submit(event) {
+        event.preventDefault();
+        if (!this.paymentMethodFormRef || !this.billingFormRef)
+            return;
+        const billingFormValidation = await this.billingFormRef.validate();
+        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
+        if (!billingFormValidation.isValid || !paymentMethodFormValidation.isValid)
+            return;
+        this.isLoading = true;
+        try {
+            const billingFormFieldValues = await this.billingFormRef.getValues();
+            const paymentMethodData = Object.assign({ email: this.email }, billingFormFieldValues);
+            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(this.getToken(), paymentMethodData, this.accountId);
+            if (tokenizeResponse.error) {
+                this.errorEvent.emit({
+                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                    message: tokenizeResponse.error.message,
+                    severity: ComponentErrorSeverity.ERROR
+                });
+            }
+            this.submitted.emit(tokenizeResponse);
+        }
+        catch (error) {
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.UNKNOWN_ERROR,
+                message: getErrorMessage(error),
+                severity: ComponentErrorSeverity.ERROR
+            });
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    render() {
+        return (h(StyledHost, { key: '8cb6e3903a0045fbffed5f17dc29aacc6b57ad7f' }, h("form", { key: '4e8f00c3d29c0db0bc99fd79da46abe7c40e3e30', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (h("div", { key: '344a1356f6f482493a35015c32f8e9a9b4cc8a80', class: "col-12" }, h("justifi-payment-method-selector", { key: '36b9dd7a9bc8336b4bef0d12f56c811effbc0a0b', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), h("div", { key: '225a260f817f9dd02a7f0a5b25562179ab80f7de', class: "col-12" }, h("justifi-payment-method-form", { key: '52e2bf20b265cc96ab556571a323370cc27ac278', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: undefined, ref: el => {
+                if (el) {
+                    this.paymentMethodFormRef = el;
+                }
+            } })), h("div", { key: '433a8ac42c0eec9180e37da222da1dbb1112e48e', class: "col-12" }, h("justifi-billing-form", { key: '4f24f1c8b4083e2d9e5bb2272d32d20bb5cc225d', legend: "Billing Info", ref: el => {
+                if (el) {
+                    this.billingFormRef = el;
+                }
+            } })), h("slot", { key: '9397ae7fdd2677cd61a425fcf5818ae14fabbed0', name: 'insurance' }), h("div", { key: 'db9131f6f35165e69d3b59da7fa25b95f1e46168', class: "col-12" }, h(Button, { key: 'c280836cf6445a7132ff9202a09b6fdac8e29f77', variant: "primary", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, isLoading: this.isLoading, "data-testid": "submit-button", style: { width: '100%' } }, this.submitButtonText || 'Submit')))));
+    }
+};
+PaymentForm.style = JustifiPaymentFormStyle0;
+
+export { PaymentForm as justifi_payment_form };

package/dist/webcomponents/p-d89bad72.js

@@ -1 +1,39 @@
-var r,n,e,t,a;!function(r){r.coreInfo="coreInfo",r.legalAddress="legalAddress",r.additionalQuestions="additionalQuestions",r.representative="representative",r.owners="owners",r.bankAccount="bankAccount",r.documentUpload="documentUpload",r.termsAndConditions="termsAndConditions"}(r||(r={})),function(r){r.fetchData="Error retrieving business data",r.patchData="Error updating business data"}(n||(n={})),function(r){r.nextStep="nextStep",r.previousStep="previousStep",r.submit="submit",r.removeOwner="removeOwner",r.addOwner="addOwner",r.addOwnerForm="addOwnerForm",r.updateOwner="updateOwner"}(e||(e={})),function(r){r.fetchData="Error retrieving owner data",r.patchData="Error updating owner data",r.postData="Error adding owner data"}(t||(t={})),function(r){r.fetchData="Error retrieving document data",r.sendData="Error uploading document data"}(a||(a={}));export{n as B,e as a,r as b}
+var BusinessFormStep;
+(function (BusinessFormStep) {
+    BusinessFormStep["coreInfo"] = "coreInfo";
+    BusinessFormStep["legalAddress"] = "legalAddress";
+    BusinessFormStep["additionalQuestions"] = "additionalQuestions";
+    BusinessFormStep["representative"] = "representative";
+    BusinessFormStep["owners"] = "owners";
+    BusinessFormStep["bankAccount"] = "bankAccount";
+    BusinessFormStep["documentUpload"] = "documentUpload";
+    BusinessFormStep["termsAndConditions"] = "termsAndConditions";
+})(BusinessFormStep || (BusinessFormStep = {}));
+var BusinessFormServerErrors;
+(function (BusinessFormServerErrors) {
+    BusinessFormServerErrors["fetchData"] = "Error retrieving business data";
+    BusinessFormServerErrors["patchData"] = "Error updating business data";
+})(BusinessFormServerErrors || (BusinessFormServerErrors = {}));
+var BusinessFormClickActions;
+(function (BusinessFormClickActions) {
+    BusinessFormClickActions["nextStep"] = "nextStep";
+    BusinessFormClickActions["previousStep"] = "previousStep";
+    BusinessFormClickActions["submit"] = "submit";
+    BusinessFormClickActions["removeOwner"] = "removeOwner";
+    BusinessFormClickActions["addOwner"] = "addOwner";
+    BusinessFormClickActions["addOwnerForm"] = "addOwnerForm";
+    BusinessFormClickActions["updateOwner"] = "updateOwner";
+})(BusinessFormClickActions || (BusinessFormClickActions = {}));
+var OwnerFormServerErrors;
+(function (OwnerFormServerErrors) {
+    OwnerFormServerErrors["fetchData"] = "Error retrieving owner data";
+    OwnerFormServerErrors["patchData"] = "Error updating owner data";
+    OwnerFormServerErrors["postData"] = "Error adding owner data";
+})(OwnerFormServerErrors || (OwnerFormServerErrors = {}));
+var DocumentFormServerErrors;
+(function (DocumentFormServerErrors) {
+    DocumentFormServerErrors["fetchData"] = "Error retrieving document data";
+    DocumentFormServerErrors["sendData"] = "Error uploading document data";
+})(DocumentFormServerErrors || (DocumentFormServerErrors = {}));
+
+export { BusinessFormServerErrors as B, BusinessFormClickActions as a, BusinessFormStep as b };

package/dist/webcomponents/p-dce846bf.js

@@ -1 +1,27 @@
-import{h as t}from"./p-fad19d75.js";const a=()=>t("main",{part:"detail-loading-state",class:"p-4 d-flex justify-content-center text-center",style:{fontSize:"1.2rem"}},t("div",{part:"detail-loading-spinner",class:"spinner-border spinner-border-sm",role:"status"},t("span",{class:"visually-hidden"},"Loading..."))),e=a=>t("main",{part:"detail-empty-state",class:"p-4 d-flex justify-content-center text-center",style:{fontSize:"1.2rem"}},t("div",null,a)),l=a=>[t("h5",{part:"detail-section-title",class:"mt-4"},a.sectionTitle),t("hr",null)],s=({title:a,value:e})=>a&&e?t("div",{class:"d-table-row gap-2"},t("span",{part:"detail-section-item-title",class:"fw-bold d-table-cell px-2"},a),t("span",{part:"detail-section-item-data",class:"flex-1 d-table-cell px-2 text-wrap",innerHTML:e})):null,i=({title:a,value:e,classes:l})=>t("div",{part:"detail-head-info-item",class:`d-flex flex-column ${l}`},t("span",{part:"detail-head-info-item-title",class:"fw-bold border-1 border-bottom ps-2 pe-2"},a),t("span",{part:"detail-head-info-item-data",class:"pt-2 ps-2 pe-2"},e)),d=({title:a,slot:e,badge:l},s)=>t("div",{slot:e,part:"detail-head",class:"p-2"},t("div",{class:"d-flex flex-row align-items-center gap-2 mb-2"},t("h1",{class:"m-0",part:"detail-title"},a),l),t("div",{part:"detail-head-info",class:"d-flex flex-row align-items-top"},s)),n=({metadata:a})=>a&&Object.keys(a).length?t("div",{class:"mt-4"},t("pre",{part:"detail-metadata",class:"p-2","aria-label":"metadata content"},t("code",null,JSON.stringify(a,null,2)))):null;export{n as C,l as D,e as E,a as L,d as a,i as b,s as c}
+import { h } from './p-fad19d75.js';
+
+const LoadingState = () => (h("main", { part: "detail-loading-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
+    h("div", { part: "detail-loading-spinner", class: "spinner-border spinner-border-sm", role: "status" },
+        h("span", { class: "visually-hidden" }, "Loading..."))));
+const ErrorState = (errorMessage) => (h("main", { part: "detail-empty-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
+    h("div", null, errorMessage)));
+const DetailSectionTitle = (props) => [
+    h("h5", { part: "detail-section-title", class: "mt-4" }, props.sectionTitle),
+    h("hr", null),
+];
+const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" },
+    h("span", { part: "detail-section-item-title", class: "fw-bold d-table-cell px-2" }, title),
+    h("span", { part: "detail-section-item-data", class: "flex-1 d-table-cell px-2 text-wrap", innerHTML: value }))) : null;
+const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { part: "detail-head-info-item", class: `d-flex flex-column ${classes}` },
+    h("span", { part: "detail-head-info-item-title", class: "fw-bold border-1 border-bottom ps-2 pe-2" }, title),
+    h("span", { part: "detail-head-info-item-data", class: "pt-2 ps-2 pe-2" }, value)));
+const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, part: "detail-head", class: "p-2" },
+    h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" },
+        h("h1", { class: "m-0", part: "detail-title" }, title),
+        badge),
+    h("div", { part: "detail-head-info", class: "d-flex flex-row align-items-top" }, children)));
+const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' },
+    h("pre", { part: "detail-metadata", class: "p-2", "aria-label": "metadata content" },
+        h("code", null, JSON.stringify(metadata, null, 2))))) : null;
+
+export { CodeBlock as C, DetailSectionTitle as D, ErrorState as E, LoadingState as L, EntityHeadInfo as a, EntityHeadInfoItem as b, DetailItem as c };

package/dist/webcomponents/p-df21aaad.js

@@ -1 +1,120 @@
-var t,s,i,h;!function(t){t.automatic="automatic",t.manual="manual"}(t||(t={})),function(t){t.card="card",t.bankAccount="bankAccount",t.sezzle="sezzle",t.saved="saved"}(s||(s={})),function(t){t.pending="pending",t.automatic="automatic",t.authorized="authorized",t.succeeded="succeeded",t.failed="failed",t.disputed="disputed",t.fully_refunded="fully_refunded",t.partially_refunded="partially_refunded"}(i||(i={})),function(t){t.lost="lost",t.open="open"}(h||(h={}));class n{constructor(t){this.card=t.card?new u(t.card):void 0,this.bank_account=t.bank_account?new e(t.bank_account):void 0}get payersName(){return this.card?this.card.name:this.bank_account?this.bank_account.name:null}get lastFourDigits(){return this.card?`**** ${this.card.acct_last_four}`:this.bank_account?`**** ${this.bank_account.acct_last_four}`:null}}class e{constructor(t){this.id=t.id,this.acct_last_four=t.acct_last_four,this.name=t.name,this.brand=t.brand,this.token=t.token,this.created_at=t.created_at,this.updated_at=t.updated_at}}class u{constructor(t){this.id=t.id||"",this.acct_last_four=t.acct_last_four,this.name=t.name,this.brand=t.brand,this.token=t.token,this.created_at=t.created_at,this.updated_at=t.updated_at}}class a{constructor(t){this.id=t.id,this.account_id=t.account_id,this.amount=t.amount,this.amount_disputed=t.amount_disputed,this.amount_refundable=t.amount_refundable,this.amount_refunded=t.amount_refunded,this.balance=t.balance,this.captured=t.captured,this.capture_strategy=t.capture_strategy,this.currency=t.currency,this.description=t.description,this.disputed=t.disputed,this.disputes=t.disputes,this.error_code=t.error_code,this.error_description=t.error_description,this.fee_amount=t.fee_amount,this.is_test=t.is_test,this.metadata=t.metadata,this.payment_method=new n(t.payment_method),this.payment_intent_id=t.payment_intent_id,this.refunded=t.refunded,this.status=t.status,this.created_at=t.created_at,this.updated_at=t.updated_at}get disputedStatus(){const t=this.disputes.some((t=>t.status===h.lost));return this.disputed?t?h.lost:h.open:null}}export{a as P,s as a}
+var CaptureStrategy;
+(function (CaptureStrategy) {
+    CaptureStrategy["automatic"] = "automatic";
+    CaptureStrategy["manual"] = "manual";
+})(CaptureStrategy || (CaptureStrategy = {}));
+var PaymentMethodTypes;
+(function (PaymentMethodTypes) {
+    PaymentMethodTypes["card"] = "card";
+    PaymentMethodTypes["bankAccount"] = "bankAccount";
+    PaymentMethodTypes["sezzle"] = "sezzle";
+    PaymentMethodTypes["saved"] = "saved";
+})(PaymentMethodTypes || (PaymentMethodTypes = {}));
+var PaymentStatuses;
+(function (PaymentStatuses) {
+    PaymentStatuses["pending"] = "pending";
+    PaymentStatuses["automatic"] = "automatic";
+    PaymentStatuses["authorized"] = "authorized";
+    PaymentStatuses["succeeded"] = "succeeded";
+    PaymentStatuses["failed"] = "failed";
+    PaymentStatuses["disputed"] = "disputed";
+    PaymentStatuses["fully_refunded"] = "fully_refunded";
+    PaymentStatuses["partially_refunded"] = "partially_refunded";
+})(PaymentStatuses || (PaymentStatuses = {}));
+var PaymentDisputedStatuses;
+(function (PaymentDisputedStatuses) {
+    // if a dispute is 'won', we don't show a dispute status, just general status
+    PaymentDisputedStatuses["lost"] = "lost";
+    PaymentDisputedStatuses["open"] = "open";
+})(PaymentDisputedStatuses || (PaymentDisputedStatuses = {}));
+class PaymentMethod {
+    constructor(paymentMethod) {
+        this.card = paymentMethod.card ? new Card(paymentMethod.card) : undefined;
+        this.bank_account = paymentMethod.bank_account
+            ? new BankAccount(paymentMethod.bank_account)
+            : undefined;
+    }
+    get payersName() {
+        if (this.card) {
+            return this.card.name;
+        }
+        else if (this.bank_account) {
+            return this.bank_account.name;
+        }
+        return null;
+    }
+    get lastFourDigits() {
+        if (this.card) {
+            return `**** ${this.card.acct_last_four}`;
+        }
+        else if (this.bank_account) {
+            return `**** ${this.bank_account.acct_last_four}`;
+        }
+        return null;
+    }
+}
+class BankAccount {
+    constructor(bankAccount) {
+        this.id = bankAccount.id;
+        this.acct_last_four = bankAccount.acct_last_four;
+        this.name = bankAccount.name;
+        this.brand = bankAccount.brand;
+        this.token = bankAccount.token;
+        this.created_at = bankAccount.created_at;
+        this.updated_at = bankAccount.updated_at;
+    }
+}
+class Card {
+    constructor(card) {
+        this.id = card.id || '';
+        this.acct_last_four = card.acct_last_four;
+        this.name = card.name;
+        this.brand = card.brand;
+        this.token = card.token;
+        this.created_at = card.created_at;
+        this.updated_at = card.updated_at;
+    }
+}
+class Payment {
+    constructor(payment) {
+        this.id = payment.id;
+        this.account_id = payment.account_id;
+        this.amount = payment.amount;
+        this.amount_disputed = payment.amount_disputed;
+        this.amount_refundable = payment.amount_refundable;
+        this.amount_refunded = payment.amount_refunded;
+        this.balance = payment.balance;
+        this.captured = payment.captured;
+        this.capture_strategy = payment.capture_strategy;
+        this.currency = payment.currency;
+        this.description = payment.description;
+        this.disputed = payment.disputed;
+        this.disputes = payment.disputes;
+        this.error_code = payment.error_code;
+        this.error_description = payment.error_description;
+        this.fee_amount = payment.fee_amount;
+        this.is_test = payment.is_test;
+        this.metadata = payment.metadata;
+        this.payment_method = new PaymentMethod(payment.payment_method);
+        this.payment_intent_id = payment.payment_intent_id;
+        this.refunded = payment.refunded;
+        this.status = payment.status;
+        this.created_at = payment.created_at;
+        this.updated_at = payment.updated_at;
+    }
+    get disputedStatus() {
+        const lost = this.disputes.some((dispute) => dispute.status === PaymentDisputedStatuses.lost);
+        // if a dispute is 'won', we don't show a dispute status, just general status
+        if (!this.disputed) {
+            return null;
+        }
+        else if (lost) {
+            return PaymentDisputedStatuses.lost;
+        }
+        else {
+            return PaymentDisputedStatuses.open;
+        }
+    }
+}
+
+export { Payment as P, PaymentMethodTypes as a };

package/dist/webcomponents/p-e1255160.js

@@ -1 +1,3 @@
-const o=()=>{};export{o as g}
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/webcomponents/p-e333620e.js

@@ -1 +1,34 @@
-import{h as t}from"./p-fad19d75.js";const e=e=>{const{columnSpan:r,isEmpty:s}=e;return r&&s?t("tr",null,t("td",{class:"empty-state",part:"empty-state",colSpan:r,style:{textAlign:"center"}},"No results")):null},r=e=>{const{columnSpan:r,errorMessage:s}=e;return r&&s?t("tr",null,t("td",{class:"error-state",part:"error-state",colSpan:r,"data-test-id":"table-error-state",style:{textAlign:"center"}},"An unexpected error occurred: ",s)):null},s=e=>{const{columnSpan:r,isLoading:s}=e;return r&&s?t("tr",null,t("td",{class:"loading-state",part:"loading-state-cell",colSpan:r,style:{textAlign:"center"}},t("div",{part:"loading-state-spinner",class:"spinner-border",role:"status"},t("span",{class:"visually-hidden"},"Loading...")))):null};export{s as T,e as a,r as b}
+import { h } from './p-fad19d75.js';
+
+const TableEmptyState = (props) => {
+    const { columnSpan, isEmpty } = props;
+    if (!columnSpan || !isEmpty) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "empty-state", part: "empty-state", colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
+};
+
+const TableErrorState = (props) => {
+    const { columnSpan, errorMessage } = props;
+    if (!columnSpan || !errorMessage) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "error-state", part: "error-state", colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
+            "An unexpected error occurred: ",
+            errorMessage)));
+};
+
+const TableLoadingState = (props) => {
+    const { columnSpan, isLoading } = props;
+    if (!columnSpan || !isLoading) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "loading-state", part: "loading-state-cell", colSpan: columnSpan, style: { textAlign: 'center' } },
+            h("div", { part: "loading-state-spinner", class: "spinner-border", role: "status" },
+                h("span", { class: "visually-hidden" }, "Loading...")))));
+};
+
+export { TableLoadingState as T, TableEmptyState as a, TableErrorState as b };

package/dist/webcomponents/p-e356f280.entry.js

@@ -0,0 +1,29 @@
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './p-fad19d75.js';
+import './p-56f6ce4c.js';
+import { a as PaymentMethodTypes } from './p-df21aaad.js';
+import './p-e3fab0e2.js';
+
+const paymentMethodSelectorCss = ":host{display:block}.jfi-btn-radio+.jfi-btn-radio-label{color:var(--jfi-radio-button-color);background-color:var(--jfi-radio-button-background-color);border-color:var(--jfi-radio-button-border-color);padding:var(--jfi-radio-button-padding);font-size:var(--jfi-radio-button-font-size)}.jfi-btn-radio:focus+.jfi-btn-radio-label{box-shadow:var(--jfi-box-shadow-focus)}.jfi-btn-radio+.jfi-btn-radio-label:hover{color:var(--jfi-radio-button-color-hover);border-color:var(--jfi-radio-button-border-color-hover);background-color:var(--jfi-radio-button-background-color-hover)}.jfi-btn-radio:checked+.jfi-btn-radio-label:hover{color:var(--jfi-radio-button-color-selected-hover);border-color:var(--jfi-radio-button-border-color-selected-hover);background-color:var(--jfi-radio-button-background-color-selected-hover)}.jfi-btn-radio:checked+.jfi-btn-radio-label{color:var(--jfi-radio-button-color-selected);background-color:var(--jfi-radio-button-background-color-selected);border-color:var(--jfi-radio-button-border-color-selected)}.jfi-btn-radio-group{font-family:var(--jfi-layout-font-family);display:inline-flex;width:var(--jfi-radio-button-group-width)}";
+const JustifiPaymentMethodSelectorStyle0 = paymentMethodSelectorCss;
+
+const PaymentMethodLabels = {
+    bankAccount: 'Bank Account',
+    card: 'Card',
+};
+const PaymentMethodSelector = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paymentMethodSelected = createEvent(this, "paymentMethodSelected", 7);
+        this.paymentMethodTypes = [PaymentMethodTypes.card, PaymentMethodTypes.bankAccount];
+        this.selectedPaymentMethodType = undefined;
+    }
+    onChangeHandler(event) {
+        this.paymentMethodSelected.emit(event.target.value);
+    }
+    render() {
+        return (h("div", { key: 'a0cd592094f7f69955469de84addde1d4bc5af4d', class: "btn-group jfi-btn-radio-group", role: "group", "aria-label": "Radio toggle group for payment method" }, this.paymentMethodTypes.map((paymentMethodType) => (h(Fragment, null, h("input", { id: paymentMethodType, type: "radio", name: "paymentMethodType", value: paymentMethodType, onChange: (event) => this.onChangeHandler(event), checked: this.selectedPaymentMethodType === paymentMethodType, class: "btn-check jfi-btn-radio" }), h("label", { htmlFor: paymentMethodType, class: "btn btn-outline-primary jfi-btn-radio-label" }, PaymentMethodLabels[paymentMethodType]))))));
+    }
+};
+PaymentMethodSelector.style = JustifiPaymentMethodSelectorStyle0;
+
+export { PaymentMethodSelector as justifi_payment_method_selector };