@justifi/webcomponents 4.19.0 → 4.19.1-rc-3

package/dist/webcomponents/p-6078a370.js

@@ -1 +1,244 @@
-const l=[{label:"Choose state",value:""},{label:"Alabama",value:"AL"},{label:"Alaska",value:"AK"},{label:"American Samoa",value:"AS"},{label:"Arizona",value:"AZ"},{label:"Arkansas",value:"AR"},{label:"California",value:"CA"},{label:"Colorado",value:"CO"},{label:"Connecticut",value:"CT"},{label:"Delaware",value:"DE"},{label:"District Of Columbia",value:"DC"},{label:"Federated States Of Micronesia",value:"FM"},{label:"Florida",value:"FL"},{label:"Georgia",value:"GA"},{label:"Guam",value:"GU"},{label:"Hawaii",value:"HI"},{label:"Idaho",value:"ID"},{label:"Illinois",value:"IL"},{label:"Indiana",value:"IN"},{label:"Iowa",value:"IA"},{label:"Kansas",value:"KS"},{label:"Kentucky",value:"KY"},{label:"Louisiana",value:"LA"},{label:"Maine",value:"ME"},{label:"Marshall Islands",value:"MH"},{label:"Maryland",value:"MD"},{label:"Massachusetts",value:"MA"},{label:"Michigan",value:"MI"},{label:"Minnesota",value:"MN"},{label:"Mississippi",value:"MS"},{label:"Missouri",value:"MO"},{label:"Montana",value:"MT"},{label:"Nebraska",value:"NE"},{label:"Nevada",value:"NV"},{label:"New Hampshire",value:"NH"},{label:"New Jersey",value:"NJ"},{label:"New Mexico",value:"NM"},{label:"New York",value:"NY"},{label:"North Carolina",value:"NC"},{label:"North Dakota",value:"ND"},{label:"Northern Mariana Islands",value:"MP"},{label:"Ohio",value:"OH"},{label:"Oklahoma",value:"OK"},{label:"Oregon",value:"OR"},{label:"Palau",value:"PW"},{label:"Pennsylvania",value:"PA"},{label:"Puerto Rico",value:"PR"},{label:"Rhode Island",value:"RI"},{label:"South Carolina",value:"SC"},{label:"South Dakota",value:"SD"},{label:"Tennessee",value:"TN"},{label:"Texas",value:"TX"},{label:"Utah",value:"UT"},{label:"Vermont",value:"VT"},{label:"Virgin Islands",value:"VI"},{label:"Virginia",value:"VA"},{label:"Washington",value:"WA"},{label:"West Virginia",value:"WV"},{label:"Wisconsin",value:"WI"},{label:"Wyoming",value:"WY"}];export{l as S}
+const StateOptions = [
+    {
+        label: 'Choose state',
+        value: '',
+    },
+    {
+        label: 'Alabama',
+        value: 'AL',
+    },
+    {
+        label: 'Alaska',
+        value: 'AK',
+    },
+    {
+        label: 'American Samoa',
+        value: 'AS',
+    },
+    {
+        label: 'Arizona',
+        value: 'AZ',
+    },
+    {
+        label: 'Arkansas',
+        value: 'AR',
+    },
+    {
+        label: 'California',
+        value: 'CA',
+    },
+    {
+        label: 'Colorado',
+        value: 'CO',
+    },
+    {
+        label: 'Connecticut',
+        value: 'CT',
+    },
+    {
+        label: 'Delaware',
+        value: 'DE',
+    },
+    {
+        label: 'District Of Columbia',
+        value: 'DC',
+    },
+    {
+        label: 'Federated States Of Micronesia',
+        value: 'FM',
+    },
+    {
+        label: 'Florida',
+        value: 'FL',
+    },
+    {
+        label: 'Georgia',
+        value: 'GA',
+    },
+    {
+        label: 'Guam',
+        value: 'GU',
+    },
+    {
+        label: 'Hawaii',
+        value: 'HI',
+    },
+    {
+        label: 'Idaho',
+        value: 'ID',
+    },
+    {
+        label: 'Illinois',
+        value: 'IL',
+    },
+    {
+        label: 'Indiana',
+        value: 'IN',
+    },
+    {
+        label: 'Iowa',
+        value: 'IA',
+    },
+    {
+        label: 'Kansas',
+        value: 'KS',
+    },
+    {
+        label: 'Kentucky',
+        value: 'KY',
+    },
+    {
+        label: 'Louisiana',
+        value: 'LA',
+    },
+    {
+        label: 'Maine',
+        value: 'ME',
+    },
+    {
+        label: 'Marshall Islands',
+        value: 'MH',
+    },
+    {
+        label: 'Maryland',
+        value: 'MD',
+    },
+    {
+        label: 'Massachusetts',
+        value: 'MA',
+    },
+    {
+        label: 'Michigan',
+        value: 'MI',
+    },
+    {
+        label: 'Minnesota',
+        value: 'MN',
+    },
+    {
+        label: 'Mississippi',
+        value: 'MS',
+    },
+    {
+        label: 'Missouri',
+        value: 'MO',
+    },
+    {
+        label: 'Montana',
+        value: 'MT',
+    },
+    {
+        label: 'Nebraska',
+        value: 'NE',
+    },
+    {
+        label: 'Nevada',
+        value: 'NV',
+    },
+    {
+        label: 'New Hampshire',
+        value: 'NH',
+    },
+    {
+        label: 'New Jersey',
+        value: 'NJ',
+    },
+    {
+        label: 'New Mexico',
+        value: 'NM',
+    },
+    {
+        label: 'New York',
+        value: 'NY',
+    },
+    {
+        label: 'North Carolina',
+        value: 'NC',
+    },
+    {
+        label: 'North Dakota',
+        value: 'ND',
+    },
+    {
+        label: 'Northern Mariana Islands',
+        value: 'MP',
+    },
+    {
+        label: 'Ohio',
+        value: 'OH',
+    },
+    {
+        label: 'Oklahoma',
+        value: 'OK',
+    },
+    {
+        label: 'Oregon',
+        value: 'OR',
+    },
+    {
+        label: 'Palau',
+        value: 'PW',
+    },
+    {
+        label: 'Pennsylvania',
+        value: 'PA',
+    },
+    {
+        label: 'Puerto Rico',
+        value: 'PR',
+    },
+    {
+        label: 'Rhode Island',
+        value: 'RI',
+    },
+    {
+        label: 'South Carolina',
+        value: 'SC',
+    },
+    {
+        label: 'South Dakota',
+        value: 'SD',
+    },
+    {
+        label: 'Tennessee',
+        value: 'TN',
+    },
+    {
+        label: 'Texas',
+        value: 'TX',
+    },
+    {
+        label: 'Utah',
+        value: 'UT',
+    },
+    {
+        label: 'Vermont',
+        value: 'VT',
+    },
+    {
+        label: 'Virgin Islands',
+        value: 'VI',
+    },
+    {
+        label: 'Virginia',
+        value: 'VA',
+    },
+    {
+        label: 'Washington',
+        value: 'WA',
+    },
+    {
+        label: 'West Virginia',
+        value: 'WV',
+    },
+    {
+        label: 'Wisconsin',
+        value: 'WI',
+    },
+    {
+        label: 'Wyoming',
+        value: 'WY',
+    },
+];
+
+export { StateOptions as S };

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

@@ -0,0 +1,73 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './p-14c91ffd.js';
+import { m as makeGetBusiness, a as makePostProvisioning } from './p-5968ff8a.js';
+import { B as BusinessService } from './p-3e9ef4a8.js';
+import { A as Api } from './p-29c0b182.js';
+import './p-2dabeb5a.js';
+import './p-8115b2f4.js';
+
+class ProvisionService {
+    async postProvisioning(authToken, businessId, product) {
+        const endpoint = `entities/provisioning`;
+        const payload = {
+            business_id: businessId,
+            product_category: product,
+        };
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, JSON.stringify(payload));
+    }
+}
+
+const PaymentProvisioning = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.postProvisioning = undefined;
+        this.getBusiness = undefined;
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.allowOptionalFields = false;
+        this.formTitle = 'Business Information';
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeApi();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.postProvisioning = makePostProvisioning({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                product: 'payment',
+                service: new ProvisionService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'auth-token and business-id are required',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        return (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"],
+        "businessId": ["propChanged"]
+    }; }
+};
+
+export { PaymentProvisioning as justifi_payment_provisioning };

package/dist/webcomponents/p-70a2aa74.entry.js

@@ -0,0 +1,76 @@
+import { r as registerInstance, h, c as createEvent } from './p-fad19d75.js';
+import { c as create$3, F as FormController } from './p-2eab3c90.js';
+import { i as identityNameValidation, l as lineOneValidation, a as lineTwoValidation, c as cityValidation, s as stateValidation, p as postalValidation } from './p-89887332.js';
+import { S as StateOptions } from './p-6078a370.js';
+import { n as numberOnlyHandler } from './p-8df7bde8.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+import './p-ba5fae28.js';
+import './p-af244664.js';
+import './p-1ff8810b.js';
+
+const BillingFormSchema = create$3({
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.required('Enter street address'),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.required('Enter city'),
+    address_state: stateValidation.required('Select state'),
+    address_postal_code: postalValidation.required('Enter postal code'),
+});
+
+const billingFormCss = ":host{display:block}justifi-billing-form{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){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)}";
+const JustifiBillingFormStyle0 = billingFormCss;
+
+const BillingForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.legend = undefined;
+        this.formController = undefined;
+        this.billingInfo = undefined;
+        this.errors = {};
+    }
+    componentWillLoad() {
+        this.formController = new FormController(BillingFormSchema);
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, { key: 'b08094d3c44d35cdb3c21b4bc360dbbee19d7d15', exportparts: "label,input,input-invalid" }, h("form", { key: '392538a781ffa2ac299cbc4203bab5efd10e77cc' }, h("fieldset", { key: 'f4b5a5ec9a91e9f50a3847c5eb16635c4f9d569a' }, this.legend && h("legend", { key: 'eb75e22f9df33c13e3851ece784d237b8973e2c5' }, this.legend), h("div", { key: 'd7ffdc1cfeda5568ad003a4d3bbe94765de04605', class: "row gy-3" }, h("div", { key: 'c22f9e7b2f33b5c298bb5f0a5c7bcaa709c231a0', class: "col-12" }, h("form-control-text", { key: 'd6eb4d2f4d1a2a709e0f29bf18b5d9700bd91a13', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '8494ee3c14f8923d18d8708077e030c2f141a251', class: "col-12" }, h("form-control-text", { key: '63266eb0e2b2b006a3c914a68703ee1cdf848f83', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '0a19fcf5c172d2539f23e147f39461d84dfd9d37', class: "col-12" }, h("form-control-text", { key: '0e5fae5d65d5ea195de0227d1e4f79cee7c7a0fb', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '13104554e8247cb0534c3dc9e6a16b2f44397795', class: "col-12" }, h("form-control-text", { key: '430e59713ec66ff7a6f735ca24640c27b05cbeee', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '5b81499717f67d5f499f4ebfc585056ef5bd3d56', class: "col-12" }, h("form-control-select", { key: '726c724eda5f25a92bad7e549ff7845ece7b41e1', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '5d5a6e0949c5ad93da5bc1837dadf88c2128212d', class: "col-12" }, h("form-control-text", { key: 'ebb4e77126d86011d9a1ed5d118461198b399092', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+    }
+};
+BillingForm.style = JustifiBillingFormStyle0;
+
+const SaveNewPaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
+        this.isChecked = false;
+    }
+    handleCheckboxChange(event) {
+        const target = event.target;
+        this.isChecked = target.checked;
+        this.checkboxChanged.emit(this.isChecked);
+    }
+    render() {
+        return (h("div", { key: 'f22a132a518a98786c8486e08c9a65050f3c5ea0', class: "mt-4 form-check" }, h("input", { key: '6f1392f9dd29a9761f5942b0a40e05a899858ada', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), h("label", { key: 'e6e5908ba70ece8ea19370a04104d88d17237fc7', class: "form-check-label" }, "Save new payment method")));
+    }
+};
+
+export { BillingForm as justifi_billing_form, SaveNewPaymentMethod as justifi_save_new_payment_method };

package/dist/webcomponents/p-7582b554.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h } from './p-fad19d75.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+
+const Details = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorMessage = undefined;
+    }
+    render() {
+        return (h(StyledHost, { key: '00b10fc4e459688ae06147ef1535f03609ec35e4', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
+            ErrorState(this.errorMessage)
+            :
+                h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
+    }
+};
+
+export { Details as justifi_details };

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

@@ -0,0 +1,61 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
+import { I as IMask } from './p-1ad5995e.js';
+import { C as CURRENCY_MASK } from './p-525db3e8.js';
+
+const MonetaryInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.imask = null;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = IMask(this.textInput, this.maskOptions);
+            this.imask.on('accept', () => {
+                const rawValue = this.imask.unmaskedValue;
+                this.inputHandler(this.name, rawValue);
+                this.formControlInput.emit({ name: this.name, value: rawValue });
+            });
+            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        };
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            const rawValue = this.imask.unmaskedValue;
+            this.formControlInput.emit({ name: name, value: rawValue });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask) {
+                this.imask.value = String(newValue);
+            }
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.initializeIMask();
+        this.updateInput(this.defaultValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    render() {
+        return (h(Host, { key: '8797b3aa5c6a30f472d51e2b9437b6158b0566fc', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '0d3e068cf104aec3f6250f5cd6c00a9342928fe8', class: "form-group d-flex flex-column" }, h("label", { key: '0e86db7c0d981bdae74c51dd75bf5579d07b4793', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '8fc773de3995bb37e6fa00b34d8d9e2deaef4bbd', class: "input-group" }, h("span", { key: '83860eac764be9eeea31302d60525fb56af9dc1d', class: "input-group-text", part: "input-group-text" }, "$"), h("input", { key: 'b8c655c0b8eeb6ec328eeaed651773c293aa3100', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'b3f142b9c67a792a96b597bdaf91fd3abe1b7ce3', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'daefe97a15bde309c397a506de6cda9a0376323b', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { MonetaryInput as form_control_monetary };

package/dist/webcomponents/p-7c76e67c.entry.js

@@ -0,0 +1,117 @@
+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-387450f6.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-2dabeb5a.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-7d85af5c.js

@@ -1 +1,16 @@
-import{d as b}from"./p-1ff8810b.js";const t=(b,t)=>{b.setValues(Object.assign(Object.assign({},b.values.getValue()),t))},e=(b,e)=>{t(b,{address:Object.assign(Object.assign({},b.values.getValue().address),e)})},o=(e,o)=>{const s=b(e.detail);t(o,Object.assign(Object.assign({},o.values.getValue()),{dob_day:s.dob_day,dob_month:s.dob_month,dob_year:s.dob_year}))};export{e as a,o as b,t as u}
+import { d as deconstructDate } from './p-1ff8810b.js';
+
+const updateFormValues = (formController, newValues) => {
+    formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));
+};
+const updateAddressFormValues = (formController, newValues) => {
+    updateFormValues(formController, {
+        address: Object.assign(Object.assign({}, formController.values.getValue().address), newValues),
+    });
+};
+const updateDateOfBirthFormValues = (event, formController) => {
+    const dob_values = deconstructDate(event.detail);
+    updateFormValues(formController, Object.assign(Object.assign({}, formController.values.getValue()), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }));
+};
+
+export { updateAddressFormValues as a, updateDateOfBirthFormValues as b, updateFormValues as u };