@justifi/webcomponents 4.19.1-rc-5 → 4.19.1

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

@@ -1,117 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { c as create$3, F as FormController } from './p-2eab3c90.js';
-import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './p-3fd13ca3.js';
-import { a as addressSchema, i as identitySchema, p as parseBusiness } from './p-85fc69e5.js';
-import { A as Api } from './p-29c0b182.js';
-import './p-56f6ce4c.js';
-import './p-df21aaad.js';
-import './p-e3fab0e2.js';
-import { B as BusinessFormServerErrors, a as BusinessFormClickActions } from './p-d89bad72.js';
-import { B as Business } from './p-af244664.js';
-import { J as JustifiAnalytics } from './p-ad5cfa9d.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-import './p-89887332.js';
-import './p-6078a370.js';
-import './p-ba5fae28.js';
-import './p-1ff8810b.js';
-import './p-2988ac56.js';
-
-const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
-
-const businessFormCss = ":host{display:block}*::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-checkbox){font-family:var(--jfi-layout-font-family);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-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);line-height:var(--jfi-form-control-line-height)}*::part(input-checkbox):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-checkbox-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-checkbox-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-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 JustifiBusinessFormStyle0 = businessFormCss;
-
-const BusinessForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.submitted = createEvent(this, "submitted", 7);
-        this.clickEventNew = createEvent(this, "click-event", 7);
-        this.clickEventOld = createEvent(this, "clickEvent", 7);
-        this.instantiateBusiness = (data) => {
-            const business = new Business(data);
-            this.formController.setInitialValues(Object.assign({}, business));
-        };
-        this.sendData = async () => {
-            this.isLoading = true;
-            try {
-                const values = this.formController.values.getValue();
-                const initialValues = this.formController.getInitialValues();
-                const payload = parseBusiness(values, initialValues);
-                const response = await this.api.patch(this.businessEndpoint, JSON.stringify(payload));
-                this.handleReponse(response);
-            }
-            catch (error) {
-                this.errorMessage = BusinessFormServerErrors.patchData;
-            }
-            finally {
-                this.isLoading = false;
-            }
-        };
-        this.fetchData = async () => {
-            this.isLoading = true;
-            try {
-                const response = await this.api.get(this.businessEndpoint);
-                this.instantiateBusiness(response.data);
-            }
-            catch (error) {
-                this.errorMessage = BusinessFormServerErrors.fetchData;
-            }
-            finally {
-                this.isLoading = false;
-            }
-        };
-        this.validateAndSubmit = (event) => {
-            event.preventDefault();
-            this.formController.validateAndSubmit(this.sendData);
-        };
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.hideErrors = false;
-        this.formTitle = 'Business Information';
-        this.removeTitle = false;
-        this.isLoading = false;
-        this.errorMessage = undefined;
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        const missingAuthTokenMessage = 'Warning: Missing auth-token. The form will not be functional without it.';
-        const missingBusinessIdMessage = 'Warning: Missing business-id. The form requires an existing business-id to function.';
-        if (!this.authToken)
-            console.error(missingAuthTokenMessage);
-        if (!this.businessId)
-            console.error(missingBusinessIdMessage);
-        this.formController = new FormController(businessFormSchema);
-        this.api = Api({ authToken: this.authToken, apiOrigin: undefined });
-        this.fetchData();
-    }
-    disconnectedCallback() {
-        this.analytics.cleanup();
-    }
-    fireClickEvents(event) {
-        console.warn('`clickEvent` is deprecated and will be removed in the next major release. Please use `click-event` instead.');
-        this.clickEventNew.emit(event);
-        this.clickEventOld.emit(event);
-    }
-    get title() {
-        return this.removeTitle ? '' : this.formTitle;
-    }
-    get disabledState() {
-        return this.isLoading;
-    }
-    get businessEndpoint() {
-        return `entities/business/${this.businessId}`;
-    }
-    handleReponse(response) {
-        if (response.error) {
-            this.errorMessage = BusinessFormServerErrors.patchData;
-        }
-        this.submitted.emit({ data: response });
-        this.instantiateBusiness(response.data);
-    }
-    render() {
-        return (h(StyledHost, { key: '8fb79d577c13246fcf3ec1ee8460713fee07d01a', exportparts: "label,input,input-invalid" }, h("form", { key: '1fe23a8cc8714aee257b6c73c6b7b096d684ea1c', onSubmit: this.validateAndSubmit }, h("div", { key: 'e501f6963ed5bfd9eb80f67df13108289db6eba7', class: "row gap-3" }, h("h1", { key: 'f81f22704bda1480c467b872cd3fd309505b0e94' }, this.title), h("form-alert", { key: '15b2ff75d4db6447bfd1892542e8e972ede0ac7e', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'fd6a375fd187426940df3f28262be7aec3fedbe5', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'd16818a2124cb04dd5a5e84ea40639991fb04a80', formController: this.formController })), h("div", { key: 'd48b04718cf938484cf65cc956bf798f44ed17a7', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '3a2bc6babfe8a0a265b2a7f9e7bea1abebd3eb43', formController: this.formController })), h("div", { key: '5c4d5d1fa1e2aba32f42c2bb9e97c0d796ecf709', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'c888fb627380d05302cb106c5642e39b1f2652fa', formController: this.formController })), h("div", { key: '623e94d84976cfe29f4501a781c750d1bb537605', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '594c893c0976b58a309679a031f6f1c787e66f48', formController: this.formController })), h("div", { key: '9fbc36ed183b1ebf171da14276092195c7aaf3a9', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: 'a60da6fdda5193d3c41c589b00b040c05ae425ac', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
-    }
-};
-BusinessForm.style = JustifiBusinessFormStyle0;
-
-export { BusinessForm as justifi_business_form };

package/dist/webcomponents/p-cb26f708.js

@@ -1,18 +0,0 @@
-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-cbf2437a.entry.js

@@ -1,80 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
-import { E as ErrorState } from './p-dce846bf.js';
-import { B as BusinessService } from './p-3e9ef4a8.js';
-import { B as Business } from './p-af244664.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
-import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
-import { J as JustifiAnalytics } from './p-ad5cfa9d.js';
-import './p-29c0b182.js';
-import './p-1ff8810b.js';
-import './p-6078a370.js';
-import './p-2988ac56.js';
-
-const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchBusiness(id, authToken);
-        if (!response.error) {
-            onSuccess({ business: new Business(response.data) });
-        }
-        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,
-        });
-    }
-};
-
-const BusinessDetails = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.businessId = undefined;
-        this.authToken = undefined;
-        this.errorMessage = undefined;
-        this.getBusiness = undefined;
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        this.initializeGetBusiness();
-    }
-    disconnectedCallback() {
-        this.analytics.cleanup();
-    }
-    initializeGetBusiness() {
-        if (!this.businessId || !this.authToken) {
-            this.errorMessage = 'Invalid business id or auth token';
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        this.getBusiness = makeGetBusiness({
-            id: this.businessId,
-            authToken: this.authToken,
-            service: new BusinessService(),
-        });
-    }
-    render() {
-        if (this.errorMessage) {
-            return h(Host, null, ErrorState(this.errorMessage));
-        }
-        return (h(Host, null, h("business-details-core", { getBusiness: this.getBusiness })));
-    }
-};
-
-export { BusinessDetails as justifi_business_details };

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

@@ -1,26 +0,0 @@
-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-d894aed2.entry.js

@@ -1,133 +0,0 @@
-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-ad5cfa9d.js';
-import { B as Button } from './p-9c9c7dac.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-import './p-2988ac56.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-e356f280.entry.js

@@ -1,29 +0,0 @@
-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 };

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

@@ -1,94 +0,0 @@
-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-ad5cfa9d.js';
-import './p-29c0b182.js';
-import './p-2988ac56.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-e84a2dcb.entry.js

@@ -1,97 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { A as Api } from './p-29c0b182.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-ad5cfa9d.js';
-import './p-2988ac56.js';
-
-class ReportsService {
-    async fetchGrossVolumeChartData(accountId, authToken) {
-        const api = Api({ authToken: authToken, apiOrigin: undefined });
-        const endpoint = `account/${accountId}/reports/gross_volume`;
-        return api.get(endpoint);
-    }
-}
-
-const makeGetGrossPaymentChartData = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchGrossVolumeChartData(id, authToken);
-        if (!response.error) {
-            onSuccess(response.data);
-        }
-        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 code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        const errorMessage = getErrorMessage(error);
-        onError({
-            error: errorMessage,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
-const GrossPaymentChart = 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.accountId = undefined;
-        this.authToken = undefined;
-        this.getGrossPayment = undefined;
-        this.errorMessage = null;
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        this.initializeGetGrossPayment();
-    }
-    disconnectedCallback() {
-        this.analytics.cleanup();
-    }
-    propChanged() {
-        this.initializeGetGrossPayment();
-    }
-    initializeGetGrossPayment() {
-        if (this.accountId && this.authToken) {
-            this.getGrossPayment = makeGetGrossPaymentChartData({
-                id: this.accountId,
-                authToken: this.authToken,
-                service: new ReportsService(),
-            });
-        }
-        else {
-            this.errorMessage = 'Account ID and Auth Token are required';
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    render() {
-        if (this.errorMessage) {
-            return ErrorState(this.errorMessage);
-        }
-        return (h("gross-payment-chart-core", { getGrossPayment: this.getGrossPayment, "onError-event": this.handleErrorEvent }));
-    }
-    static get watchers() { return {
-        "accountId": ["propChanged"],
-        "authToken": ["propChanged"]
-    }; }
-};
-
-export { GrossPaymentChart as justifi_gross_payment_chart };