@justifi/webcomponents 4.18.0 → 4.19.0

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

@@ -0,0 +1,268 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+const paymentProvisioningActions = require('./payment-provisioning-actions-06466dda.js');
+const business_service = require('./business.service-f63650f5.js');
+const index_esm = require('./index.esm-52757963.js');
+const Business = require('./Business-aacbe893.js');
+const businessFormTypes = require('./business-form-types-6e1fcda3.js');
+const payloadParsers = require('./payload-parsers-1cbc3b57.js');
+const button = require('./button-3f400a66.js');
+const formInputMasks = require('./form-input-masks-0879c139.js');
+const inputHandlers = require('./input-handlers-cff032bb.js');
+require('./ComponentError-233ac749.js');
+require('./utils-7a478c37.js');
+require('./config-ff2dda66.js');
+require('./Api-3bc6e43f.js');
+require('./helpers-602962eb.js');
+require('./state-options-4fbcb48a.js');
+require('./schema-validations-2733de42.js');
+require('./business-form-options-582467fe.js');
+
+const BusinessOwnerForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.getOwner = undefined;
+        this.patchOwner = undefined;
+        this.postOwner = undefined;
+        this.authToken = undefined;
+        this.ownerId = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+        this.removeOwner = undefined;
+        this.newFormOpen = undefined;
+        this.ownersLength = undefined;
+    }
+    async validate() {
+        return this.coreComponent.validate();
+    }
+    async submit() {
+        return this.coreComponent.submit();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (!this.authToken) {
+            return;
+        }
+        this.getOwner = paymentProvisioningActions.makeGetIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new business_service.IdentityService()
+        });
+        this.patchOwner = paymentProvisioningActions.makePatchIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new business_service.IdentityService()
+        });
+        this.postOwner = paymentProvisioningActions.makePostIdentity({
+            authToken: this.authToken,
+            service: new business_service.IdentityService()
+        });
+    }
+    render() {
+        return (index.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 }));
+    }
+};
+
+const BusinessOwnerFormCore = class {
+    loadingWatcher() {
+        this.formLoading.emit(this.isLoading);
+    }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.submitted = index.createEvent(this, "submitted", 7);
+        this.ownerSubmitted = index.createEvent(this, "ownerSubmitted", 7);
+        this.clickEvent = index.createEvent(this, "click-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.getData = () => {
+            this.isLoading = true;
+            this.getOwner({
+                onSuccess: (response) => {
+                    this.instantiateOwner(response.data);
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => this.isLoading = false
+            });
+        };
+        this.sendData = () => {
+            this.isLoading = true;
+            return new Promise((resolve) => {
+                if (this.ownerId) {
+                    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,
+                                severity: severity
+                            });
+                            resolve(false);
+                        },
+                        final: () => this.isLoading = false
+                    });
+                }
+                else {
+                    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,
+                                severity: severity
+                            });
+                            resolve(false);
+                        },
+                        final: () => this.isLoading = false
+                    });
+                }
+            });
+        };
+        this.instantiateOwner = async (data) => {
+            this.owner = Object.assign({}, new Business.Owner(data));
+            await this.formController.setInitialValues(this.owner);
+        };
+        this.handleAddOwner = () => {
+            const eventName = this.ownerId ? businessFormTypes.BusinessFormClickActions.updateOwner : businessFormTypes.BusinessFormClickActions.addOwner;
+            this.clickEvent.emit({ name: eventName });
+        };
+        this.handleRemoveOwner = () => {
+            this.removeOwner(this.ownerId);
+            this.clickEvent.emit({ name: businessFormTypes.BusinessFormClickActions.removeOwner });
+        };
+        this.isLoading = false;
+        this.formController = undefined;
+        this.errors = {};
+        this.owner = {};
+        this.ownerId = undefined;
+        this.businessId = undefined;
+        this.getOwner = undefined;
+        this.patchOwner = undefined;
+        this.postOwner = undefined;
+        this.allowOptionalFields = undefined;
+        this.removeOwner = undefined;
+        this.newFormOpen = undefined;
+        this.ownersLength = undefined;
+        this.validate = this.validate.bind(this);
+        this.submit = this.submit.bind(this);
+        this.validateAndSubmit = this.validateAndSubmit.bind(this);
+    }
+    async returnOwnerData() {
+        return this.ownerId;
+    }
+    async validate() {
+        return this.formController.validate();
+    }
+    async submit() {
+        const isValid = await this.validate();
+        if (isValid) {
+            return this.sendData();
+        }
+    }
+    async validateAndSubmit(event) {
+        event.preventDefault();
+        const isValid = await this.validate();
+        if (isValid) {
+            this.submit();
+        }
+    }
+    get payload() {
+        let formValues = payloadParsers.parseIdentityInfo(this.formController.values.getValue());
+        if (this.ownerId) {
+            return JSON.stringify(formValues);
+        }
+        else {
+            return JSON.stringify(Object.assign(Object.assign({}, formValues), { business_id: this.businessId }));
+        }
+    }
+    get formTitle() {
+        return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
+    }
+    get submitButtonText() {
+        return this.ownerId ? 'Update' : 'Add';
+    }
+    get showRemoveButton() {
+        const blankForm = !this.ownerId && this.newFormOpen;
+        if (this.ownersLength <= 1) {
+            return false;
+        }
+        else {
+            if (blankForm) {
+                return true;
+            }
+            else if (this.ownerId && !this.newFormOpen) {
+                return true;
+            }
+        }
+    }
+    componentWillLoad() {
+        this.formController = new index_esm.FormController(payloadParsers.identitySchema('owner', this.allowOptionalFields));
+        this.ownerId ? this.getData() : this.instantiateOwner({});
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
+    }
+    render() {
+        return (index.h("form", { key: 'b2e2aaced859260e9d2ef59bc3f8a0763d05872c', onSubmit: this.validateAndSubmit }, index.h("fieldset", { key: '2a93ddb4c945be0ec081ce31d6d9eff4b302d622' }, index.h("legend", { key: 'ea9859e55099e3f8263024d884edfb48b3666eaa', class: "fw-semibold fs-5" }, this.formTitle), index.h("br", { key: 'f646c1ecc544c358d87e701aba8e151fcb96c54e' }), index.h("div", { key: '874bf4ebd7cef0afbdee96fa4d5679b6d683b0f0', class: "row gy-3" }, index.h("owner-form-inputs", { key: '866dbf0002ec1ac70d7942c6011c67f8cd144960', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), index.h("div", { key: '15d907270ecf3d16769cedea39ba279d7ffb0748', class: "d-flex gap-2 justify-content-start" }, index.h(button.Button, { key: '84c09ef594e7fa387e64a09014de81ed713cc765', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), index.h(button.Button, { key: '1dafd97aa7b84644c9d011224a152ad7f99ce620', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), index.h("hr", { key: 'f1f31da4d147afcd01ef96acd01d63ee9497dd6b' }))));
+    }
+    static get watchers() { return {
+        "isLoading": ["loadingWatcher"]
+    }; }
+};
+
+const BusinessOwnerFormInputs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            inputHandlers.updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            inputHandlers.updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+        this.ownerDefaultValue = undefined;
+        this.errors = undefined;
+        this.formController = undefined;
+    }
+    render() {
+        return (index.h("div", { key: '6fcc165d4bc75b92403d9031ad98f05f6b1dcd34', class: 'row gy-3' }, index.h("div", { key: '74f1e42a13892e95497a99684ba9de64719edb72', class: 'col-12 col-md-6' }, index.h("form-control-text", { key: '29caea2b0b0a62822cc20c99e697f3db7c22a541', name: 'name', label: 'Full Name', defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '5b0f8da9a0512de70558baa9cb188b4d5e773dc2', class: 'col-12 col-md-4' }, index.h("form-control-text", { key: '5967094f115a64876f8dc943a273f5a22b193f1c', name: 'title', label: 'Title', defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: '6c05fec9b87f8ba5e3be9ce74ef727a1e4b14905', class: 'col-12 col-md-6' }, index.h("form-control-text", { key: '8c5b2839b6de605915d8e7c14a0ba22d3f440bda', name: 'email', label: 'Email Address', defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: 'd7eae882aea84b8562e459e66bc1ba885c4be3c7', class: 'col-12 col-md-6' }, index.h("form-control-number-masked", { key: '2d6b33f47e4008745fd65c5ef3cb60dd92b85eba', name: 'phone', label: 'Phone Number', defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '92b825163aedf052bdb89721397da69c717e595d', class: 'col-12 col-md-4' }, index.h("form-control-date", { key: 'cd884b773ef0eb60effc61e8cfbf42b21620cd1c', name: 'dob_full', label: 'Birth Date', defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController) })), index.h("div", { key: '614ba65972946645ba5c7a299c00efd0e85abf5e', class: 'col-12 col-md-8' }, index.h("form-control-number-masked", { key: '7cd9fe7a1b56d351942a0b962f3c7227459406ae', name: 'identification_number', label: 'SSN', defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK })), index.h("div", { key: 'ce08f35a16de4b9be65377cde0a9daa5b4cbe876', class: 'col-12' }, index.h("justifi-identity-address-form", { key: '79a7f5e8c08fc57383c1975145a6b06bd4e615dd', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+    }
+    ;
+};
+
+exports.justifi_owner_form = BusinessOwnerForm;
+exports.owner_form_core = BusinessOwnerFormCore;
+exports.owner_form_inputs = BusinessOwnerFormInputs;

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const payment_service = require('./payment.service-35298e95.js');
+const payment_service = require('./payment.service-0a64f9cd.js');
 require('./Pagination-0da8f095.js');
-const Payment = require('./Payment-24f22eca.js');
+const Payment = require('./Payment-1a8a8ca6.js');
 require('./Payout-a2dd7b01.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
 const utils$1 = require('./utils-c1d2e426.js');
-const Analytics = require('./Analytics-d4aa8c07.js');
+const Analytics = require('./Analytics-ff013cbc.js');
 require('./Api-3bc6e43f.js');
 require('./config-ff2dda66.js');
-require('./package-5fee1ffb.js');
+require('./package-cb0f8cb1.js');
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

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

@@ -4,15 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 require('./Pagination-0da8f095.js');
-const Payment = require('./Payment-24f22eca.js');
+const Payment = require('./Payment-1a8a8ca6.js');
 require('./Payout-a2dd7b01.js');
-const utils = require('./utils-80191fbe.js');
+const utils = require('./utils-89d86e29.js');
 const config = require('./config-ff2dda66.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils$1 = require('./utils-7a478c37.js');
-const Analytics = require('./Analytics-d4aa8c07.js');
-const styledHost = require('./styled-host-b8bed12a.js');
-require('./package-5fee1ffb.js');
+const Analytics = require('./Analytics-ff013cbc.js');
+const button = require('./button-3f400a66.js');
+const styledHost = require('./styled-host-cc053016.js');
+require('./package-cb0f8cb1.js');
 require('./Api-3bc6e43f.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)}";
@@ -121,17 +122,15 @@ const PaymentForm = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '3aa9fa4d429ca4b614d51b87b51b1ab868d051e2' }, index.h("form", { key: '53a0ad2a960971fafb618d5be58af120336b36b9', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (index.h("div", { key: 'b322cbe24fcbd81008ccf3a6e587786c0b7febd6', class: "col-12" }, index.h("justifi-payment-method-selector", { key: '8e77f5e040a73096765c30f1f259f87630ec80a8', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), index.h("div", { key: '415f380e141eea4486fd47b4b2cbfcc7716ecacc', class: "col-12" }, index.h("justifi-payment-method-form", { key: 'cd4da9f66a030ab344be989a511e23462e3da887', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: config.config.iframeOrigin, ref: el => {
+        return (index.h(styledHost.StyledHost, { key: '38bd6cca38d9068fa9277a8568a98f261a4cc616' }, index.h("form", { key: 'fec19f5e2f11934e6783124c4c437a2d3947f596', class: "row gy-3" }, this.showPaymentMethodTypeSelector() && (index.h("div", { key: '18001f78e03336d01de8473a57e3e228e9fce201', class: "col-12" }, index.h("justifi-payment-method-selector", { key: '260ac1ade3ccfe6baf518eb856bdf4d380025620', selectedPaymentMethodType: this.getSelectedPaymentMethodType(), onPaymentMethodSelected: event => this.paymentMethodSelectedHandler(event) }))), index.h("div", { key: 'f6ade2336314e05f2bdce75df8577939efe33e3b', class: "col-12" }, index.h("justifi-payment-method-form", { key: 'ad8e5b121b8425175f7ac7f38ab24dfba1801a28', "payment-method-form-type": this.getSelectedPaymentMethodType(), iframeOrigin: config.config.iframeOrigin, ref: el => {
                 if (el) {
                     this.paymentMethodFormRef = el;
                 }
-            } })), index.h("div", { key: '31eefc5775131f658987578da2d5b300292f67b5', class: "col-12" }, index.h("justifi-billing-form", { key: '11b9bdaa9c1fb26804fcdacfd3706b200ae49486', legend: "Billing Info", ref: el => {
+            } })), index.h("div", { key: '29f15f1cece3e07a569e514d08bf9996405699c6', class: "col-12" }, index.h("justifi-billing-form", { key: '9928924cc29bfa5c5e46ada294cb26da0c1d222b', legend: "Billing Info", ref: el => {
                 if (el) {
                     this.billingFormRef = el;
                 }
-            } })), index.h("slot", { key: '13fe093886828469c941d21c20c931c5cc2cae3d', name: 'insurance' }), index.h("div", { key: 'a77d44c79333303e59f3efb5c82db9e8830bfcdb', class: "col-12" }, index.h("button", { key: '50edd44047c81109f075e9ae760e58878b422fbc', "data-testid": "submit-button", type: "submit", onClick: event => this.submit(event), disabled: !this.submitButtonEnabled || this.isLoading, class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}` }, this.isLoading ?
-            index.h("div", { class: "spinner-border spinner-border-sm", role: "status" }, index.h("span", { class: "visually-hidden" }, "Loading...")) :
-            this.submitButtonText || 'Submit')))));
+            } })), index.h("slot", { key: 'c36583ab34bc105b506df27aec02898455855cec', name: 'insurance' }), index.h("div", { key: 'cc38292ae8a59bc6f4624a8535e8b7c93e6f3a35', class: "col-12" }, index.h(button.Button, { key: 'e5fe0f50ee2322ab2a199a6229015c9daa198cc0', 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;

package/dist/cjs/justifi-payment-method-form.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const _package = require('./package-5fee1ffb.js');
-const utils = require('./utils-80191fbe.js');
+const _package = require('./package-cb0f8cb1.js');
+const utils = require('./utils-89d86e29.js');
 
 var iframeResizer = {exports: {}};
 
@@ -1615,6 +1615,7 @@ const PaymentMethodForm = class {
             const eventTypeMessage = MessageEventType[this.paymentMethodFormType];
             if (eventType === eventTypeMessage.ready) {
                 this.paymentMethodFormReady.emit(data);
+                this.sendStyleOverrides();
             }
             else if (eventType === eventTypeMessage.tokenize) {
                 this.paymentMethodFormTokenized.emit(data);
@@ -1672,14 +1673,13 @@ const PaymentMethodForm = class {
         (_a = this.frameService) === null || _a === void 0 ? void 0 : _a.addMessageListener(this.dispatchMessageEvent);
     }
     render() {
-        return (index.h(index.Host, { key: '91a69ce3f918c98248d6bb5df6dc5ec0dffe3c26' }, index.h("iframe", { key: '99c06be5a78a3849e687f7f95f8fe3382cc2c4cd', id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: el => {
+        return (index.h(index.Host, { key: '10987c92745fbff8bb85367db69b76e2bc786c88' }, index.h("iframe", { key: '0622dd0201a04a3c918fd3d175d2a29f24609759', id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, onLoad: () => {
                 iFrameResize({
                     scrollbars: false,
                 }, this.iframeElement);
-                this.sendStyleOverrides();
             } })));
     }
 };

package/dist/cjs/justifi-payment-method-selector.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 require('./Pagination-0da8f095.js');
-const Payment = require('./Payment-24f22eca.js');
+const Payment = require('./Payment-1a8a8ca6.js');
 require('./Payout-a2dd7b01.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)}";
@@ -25,7 +25,7 @@ const PaymentMethodSelector = class {
         this.paymentMethodSelected.emit(event.target.value);
     }
     render() {
-        return (index.h("div", { key: '1076a0e9d658245823ace79acde858bdaec85e65', class: "btn-group jfi-btn-radio-group", role: "group", "aria-label": "Radio toggle group for payment method" }, this.paymentMethodTypes.map((paymentMethodType) => (index.h(index.Fragment, null, index.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" }), index.h("label", { htmlFor: paymentMethodType, class: "btn btn-outline-primary jfi-btn-radio-label" }, PaymentMethodLabels[paymentMethodType]))))));
+        return (index.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) => (index.h(index.Fragment, null, index.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" }), index.h("label", { htmlFor: paymentMethodType, class: "btn btn-outline-primary jfi-btn-radio-label" }, PaymentMethodLabels[paymentMethodType]))))));
     }
 };
 PaymentMethodSelector.style = JustifiPaymentMethodSelectorStyle0;

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

@@ -3,15 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const businessFormTypes = require('./business-form-types-11130bab.js');
+const businessFormTypes = require('./business-form-types-6e1fcda3.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const helpers = require('./helpers-602962eb.js');
-const styledHost = require('./styled-host-b8bed12a.js');
+const styledHost = require('./styled-host-cc053016.js');
 require('./state-options-4fbcb48a.js');
 
-const paymentProvisioningCss = ":host{display:block}.btn.btn-secondary{border-radius:var(--jfi-submit-button-border-radius)}.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)}.row-border{border-bottom:1px solid #dee2e6}.row-border.first-row{border-top:1px solid #dee2e6}";
-const JustifiPaymentProvisioningCoreStyle0 = paymentProvisioningCss;
-
 const PaymentProvisioningCore = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -55,9 +52,6 @@ const PaymentProvisioningCore = class {
             });
         };
         this.refs = [];
-        this.handleFormLoading = (e) => {
-            this.formLoading = e.detail;
-        };
         this.incrementSteps = () => {
             if (this.currentStep < this.totalSteps) {
                 return this.currentStep++;
@@ -74,7 +68,7 @@ const PaymentProvisioningCore = class {
             const currentStep = this.refs[this.currentStep];
             currentStep.validateAndSubmit({ onSuccess: this.incrementSteps });
         };
-        this.formLoading = false;
+        this.loading = false;
         this.businessProvisioned = false;
         this.currentStep = 0;
         this.errorMessage = undefined;
@@ -93,7 +87,7 @@ const PaymentProvisioningCore = class {
         return `entities/business/${this.businessId}`;
     }
     get formDisabled() {
-        return this.formLoading || this.businessProvisioned;
+        return this.loading || this.businessProvisioned;
     }
     get totalSteps() {
         return this.refs.length - 1;
@@ -101,10 +95,12 @@ const PaymentProvisioningCore = class {
     get stepCounter() {
         return `${this.currentStep + 1} of ${this.totalSteps + 1}`;
     }
+    handleFormLoading(event) {
+        this.loading = event.detail;
+    }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'c7a292617e8b8e168bcf0fa96e2b2d8876aaaf94', exportparts: 'label,input,input-invalid' }, index.h("div", { key: '2555ee0dd6a4d59f8eadf3d2cc95ff9139be1782', class: 'row gap-3' }, index.h("h1", { key: '9c51c3a0b10cd9e1457391284f2d1c956f82edc0' }, this.formTitle), index.h("justifi-payment-provisioning-form-steps", { key: 'b15f8271687486995c2f0d22788f456eba0d645f', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading, onFormCompleted: () => this.postProvisioningData() }), index.h("div", { key: '904636b51586f75290f37ea5c14459edf571e1db', class: 'd-flex justify-content-between align-items-center' }, index.h("div", { key: '7f3f4ca59494b65e8c52e4e43602e8471b6773ae', class: 'd-flex align-items-center' }, this.stepCounter), index.h("justifi-payment-provisioning-form-buttons", { key: '6fc0ba13ec40ab487b5fa6c8448652fdc5233857', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.formLoading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (index.h(styledHost.StyledHost, { key: '80f2730a6a4e273391888b086c3633a3dec012b8', exportparts: 'label,input,input-invalid' }, index.h("div", { key: 'b4e7be2fed14b404ee7bcbe42c3c1c54bb78fdb6', class: 'row gap-3' }, index.h("h1", { key: 'f477beb7934a94a74dfc6b8a9c18cc54a720f70e' }, this.formTitle), index.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() }), index.h("div", { key: '26a585ec4b6b677cb01ac17696269168887f4c76', class: 'd-flex justify-content-between align-items-center' }, index.h("div", { key: 'ca5ddc176f8c2eb3315620076b401e47f45039bd', class: 'd-flex align-items-center' }, this.stepCounter), index.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 })))));
     }
 };
-PaymentProvisioningCore.style = JustifiPaymentProvisioningCoreStyle0;
 
 exports.justifi_payment_provisioning_core = PaymentProvisioningCore;

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

@@ -3,66 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const Analytics = require('./Analytics-d4aa8c07.js');
+const Analytics = require('./Analytics-ff013cbc.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-const utils = require('./utils-7a478c37.js');
-const business_service = require('./business.service-9214509a.js');
+const paymentProvisioningActions = require('./payment-provisioning-actions-06466dda.js');
+const business_service = require('./business.service-f63650f5.js');
 const config = require('./config-ff2dda66.js');
 const Api = require('./Api-3bc6e43f.js');
-require('./package-5fee1ffb.js');
-
-const makeGetBusiness = ({ authToken, businessId, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchBusiness(businessId, authToken);
-        if (!response.error) {
-            onSuccess(response);
-        }
-        else {
-            const responseError = utils.getErrorMessage(response.error);
-            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-const makePostProvisioning = ({ authToken, businessId, product, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.postProvisioning(authToken, businessId, product);
-        if (!response.error) {
-            onSuccess(response);
-        }
-        else {
-            const responseError = utils.getErrorMessage(response.error);
-            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
-        });
-    }
-};
+require('./package-cb0f8cb1.js');
+require('./utils-7a478c37.js');
 
 class ProvisionService {
     async postProvisioning(authToken, businessId, product) {
@@ -98,12 +46,12 @@ const PaymentProvisioning = class {
     }
     initializeApi() {
         if (this.authToken && this.businessId) {
-            this.getBusiness = makeGetBusiness({
+            this.getBusiness = paymentProvisioningActions.makeGetBusiness({
                 authToken: this.authToken,
                 businessId: this.businessId,
                 service: new business_service.BusinessService()
             });
-            this.postProvisioning = makePostProvisioning({
+            this.postProvisioning = paymentProvisioningActions.makePostProvisioning({
                 authToken: this.authToken,
                 businessId: this.businessId,
                 product: 'payment',
@@ -119,7 +67,7 @@ const PaymentProvisioning = class {
         }
     }
     render() {
-        return (index.h("justifi-payment-provisioning-core", { key: '3f20d0d8dcf04ff5e258d9465fdf53ccb68b5bc5', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (index.h("justifi-payment-provisioning-core", { key: 'a93ee23fabf4bdeb381e924bfdf684ddd183075a', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/cjs/justifi-payments-list.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const payment_service = require('./payment.service-35298e95.js');
+const payment_service = require('./payment.service-0a64f9cd.js');
 require('./Pagination-0da8f095.js');
-const Payment = require('./Payment-24f22eca.js');
+const Payment = require('./Payment-1a8a8ca6.js');
 require('./Payout-a2dd7b01.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
 const utils$1 = require('./utils-c1d2e426.js');
-const Analytics = require('./Analytics-d4aa8c07.js');
+const Analytics = require('./Analytics-ff013cbc.js');
 require('./Api-3bc6e43f.js');
 require('./config-ff2dda66.js');
-require('./package-5fee1ffb.js');
+require('./package-cb0f8cb1.js');
 
 const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const getPayoutCsv = require('./get-payout-csv-e4e4771a.js');
+const getPayoutCsv = require('./get-payout-csv-f3aee6d0.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-24f22eca.js');
+require('./Payment-1a8a8ca6.js');
 const Payout = require('./Payout-a2dd7b01.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
 const utils$1 = require('./utils-c1d2e426.js');
-const Analytics = require('./Analytics-d4aa8c07.js');
+const Analytics = require('./Analytics-ff013cbc.js');
 require('./Api-3bc6e43f.js');
 require('./config-ff2dda66.js');
-require('./package-5fee1ffb.js');
+require('./package-cb0f8cb1.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/cjs/justifi-payouts-list.cjs.entry.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const exportedParts = require('./exported-parts-b18c68c2.js');
-const getPayoutCsv = require('./get-payout-csv-e4e4771a.js');
+const getPayoutCsv = require('./get-payout-csv-f3aee6d0.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-24f22eca.js');
+require('./Payment-1a8a8ca6.js');
 const Payout = require('./Payout-a2dd7b01.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
 const utils$1 = require('./utils-c1d2e426.js');
-const Analytics = require('./Analytics-d4aa8c07.js');
+const Analytics = require('./Analytics-ff013cbc.js');
 require('./Api-3bc6e43f.js');
 require('./config-ff2dda66.js');
-require('./package-5fee1ffb.js');
+require('./package-cb0f8cb1.js');
 
 const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;