@justifi/webcomponents 5.7.3-rc-02 → 5.7.4-rc-01

package/dist/cjs/{business-identity-schema-Diqj_WVQ.js → business-identity-schema-hk4UVEna.js}

@@ -1,46 +1,46 @@
 'use strict';
 
-var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-BSeMee-o.js');
+var form = require('./form-CWW8IM-X.js');
+var schemaValidations = require('./schema-validations-CllkToCZ.js');
 
 const addressSchema = (allowOptionalFields) => {
-    const schema = index_esm.create$3({
+    const schema = form.create$3({
         line1: schemaValidations.lineOneValidation.required('Enter street address'),
         line2: schemaValidations.lineTwoValidation.nullable(),
         city: schemaValidations.cityValidation.required('Enter city'),
         state: schemaValidations.stateValidation.required('Select state'),
         postal_code: schemaValidations.postalValidation.required('Enter postal code'),
-        country: index_esm.create$6().required('Select country')
+        country: form.create$6().required('Select country')
     });
-    const easySchema = index_esm.create$3({
+    const easySchema = form.create$3({
         line1: schemaValidations.lineOneValidation.nullable(),
         line2: schemaValidations.lineTwoValidation.nullable(),
         city: schemaValidations.cityValidation.nullable(),
         state: schemaValidations.stateValidation.nullable(),
         postal_code: schemaValidations.postalValidation.nullable(),
-        country: index_esm.create$6().required('Select country')
+        country: form.create$6().required('Select country')
     });
     return allowOptionalFields ? easySchema : schema;
 };
 
 const identitySchema = (role, allowOptionalFields) => {
-    const schema = index_esm.create$3({
+    const schema = form.create$3({
         name: schemaValidations.identityNameValidation.required(`Enter ${role} name`),
         title: schemaValidations.identityTitleValidation.required(`Enter ${role} title`),
         email: schemaValidations.emailValidation.required(`Enter ${role} email`),
         phone: schemaValidations.phoneValidation.required('Enter phone number'),
         dob_full: schemaValidations.dobValidation(role).required('Enter date of birth'),
-        ssn_last4: index_esm.create$6().nullable(),
+        ssn_last4: form.create$6().nullable(),
         identification_number: schemaValidations.ssnValidation,
         address: addressSchema(allowOptionalFields),
     });
-    const easySchema = index_esm.create$3({
+    const easySchema = form.create$3({
         name: schemaValidations.identityNameValidation.required(`Enter ${role} name`),
         title: schemaValidations.identityTitleValidation.nullable(),
         email: schemaValidations.emailValidation.nullable(),
         phone: schemaValidations.phoneValidation.nullable(),
         dob_full: schemaValidations.dobValidation(role).nullable(),
-        ssn_last4: index_esm.create$6().nullable(),
+        ssn_last4: form.create$6().nullable(),
         identification_number: schemaValidations.ssnValidation.nullable(),
         address: addressSchema(allowOptionalFields),
     });

package/dist/cjs/{business.service-DNoCHqtI.js → business.service-BjlK8M6t.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-BTdkb3Zh.js');
+var Api = require('./Api-c8NBCwu4.js');
 require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BTgAlgVL.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');

package/dist/cjs/{button-CCZd8WSY.js → button-0HYMPryx.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
+var index = require('./index-D5bL1DOi.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },

package/dist/cjs/{checkout.service-C3R0uykH.js → checkout.service-Bln6jCAj.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-BTdkb3Zh.js');
+var Api = require('./Api-c8NBCwu4.js');
 require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BTgAlgVL.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');

package/dist/cjs/{checkout.store-osqdxFMq.js → checkout.store-LEOetpmH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DEMVrrsF.js');
+var index = require('./index-BCtVWU61.js');
 
 const initialState = {
     authToken: '',

package/dist/cjs/checkouts-list-core.cjs.entry.js

@@ -1,26 +1,26 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-require('./config-state-BTfJl-LU.js');
+var index = require('./index-D5bL1DOi.js');
+require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
 require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BTgAlgVL.js');
+require('./Checkout-BsYZoJ0a.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var table = require('./table-BgQP2M2-.js');
+var table = require('./table-CxvETNS1.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-C1Jv_A7m.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-fVsfZZ5G.js');
-require('./index-DEMVrrsF.js');
+var checkoutsTable = require('./checkouts-table-CrpOOe_e.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-DZUKBmLC.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./spinner-DOC4Ab7M.js');
-require('./badge-sO_Hcamo.js');
+require('./spinner-CIZFX7bz.js');
+require('./badge-DDksduwk.js');
 
 const CheckoutsListCore = class {
     constructor(hostRef) {

package/dist/cjs/{payments-list-params-state-fVsfZZ5G.js → checkouts-list-params-state-DZUKBmLC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DEMVrrsF.js');
+var index = require('./index-BCtVWU61.js');
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/cjs/{checkouts-table-C1Jv_A7m.js → checkouts-table-CrpOOe_e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
+var index = require('./index-D5bL1DOi.js');
 var utils = require('./utils-qOon0GWm.js');
-var badge = require('./badge-sO_Hcamo.js');
+var badge = require('./badge-DDksduwk.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const MapCheckoutStatusToBadge = (status) => {

package/dist/cjs/{config-state-BTfJl-LU.js → config-state-Dz9bnWHg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DEMVrrsF.js');
+var index = require('./index-BCtVWU61.js');
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",

package/dist/cjs/{custom-popper_2.cjs.entry.js → custom-popper_4.cjs.entry.js}

@@ -1,7 +1,9 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
+var index = require('./index-D5bL1DOi.js');
 var parts = require('./parts-9jMf1erK.js');
+var formControlErrorText = require('./form-control-error-text-CVPYL0lE.js');
+require('./event-types-YOY5TKUN.js');
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1887,6 +1889,102 @@ const CustomPopper = class {
     }
 };
 
+const SelectInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.formControlInput = index.createEvent(this, "formControlInput");
+        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.isFocused = false;
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit(target.value);
+        };
+        this.updateInput = (newValue) => {
+            this.selectElement.value = newValue;
+        };
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        let part = parts.input;
+        if (this.errorText) {
+            part = parts.inputInvalid;
+        }
+        if (this.disabled) {
+            part = parts.inputDisabled;
+        }
+        if (this.isFocused) {
+            part = parts.inputFocused;
+        }
+        return part;
+    }
+    render() {
+        var _a;
+        return (index.h(index.Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, index.h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, index.h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), index.h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+                this.isFocused = false;
+                this.formControlBlur.emit();
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TextInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.formControlInput = index.createEvent(this, "formControlInput");
+        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.isFocused = false;
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        if (this.errorText) {
+            return parts.inputInvalid;
+        }
+        if (this.disabled) {
+            return parts.inputDisabled;
+        }
+        if (this.isFocused) {
+            return parts.inputFocused;
+        }
+        return parts.input;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'fab6618fdcf4d8c5f61687ecd5edfd6783754ec8' }, index.h("div", { key: '8f5b56c46fcd890c2601dd3b79fe60438bd561ef', class: "form-group d-flex flex-column" }, index.h("div", { key: '2226c532baa84905d8051e2222f24105b224d42b', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '7c516dce181a938168dbe4961a90a946c723fc91', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'f4868f88e4f3e4795e25ad505e78cf8ab212623d', helpText: this.helpText })), index.h("input", { key: '10f02be3c0d055089697155878fedc23aa9f31e3', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+                this.isFocused = false;
+                this.formControlBlur.emit();
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '02c21c4b071903db49e2e8b786275247d75c92f9', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
 const TooltipComponent = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -1906,4 +2004,6 @@ const TooltipComponent = class {
 };
 
 exports.custom_popper = CustomPopper;
+exports.form_control_select = SelectInput;
+exports.form_control_text = TextInput;
 exports.form_control_tooltip = TooltipComponent;

package/dist/cjs/{dispute.service-CaA-mq-i.js → dispute.service-Bo84yh33.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-BTdkb3Zh.js');
+var Api = require('./Api-c8NBCwu4.js');
 require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BTgAlgVL.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
 require('./Refund-BFE-2OxN.js');