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

package/dist/esm/{form-control-error-text-_SAT-ts2.js → form-control-error-text-C4vfc3el.js}

@@ -1,5 +1,5 @@
 import { h } from './index-Bta_r52Z.js';
-import { u as textDanger } from './parts-_6eQgwfE.js';
+import { A as textDanger } from './parts-C71Mxtso.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

package/dist/esm/form-control-file-v2_2.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bta_r52Z.js';
-import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, T as inputDisabled, c as input, l as label } from './parts-_6eQgwfE.js';
+import { F as FormControlErrorText } from './form-control-error-text-C4vfc3el.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, U as inputDisabled, c as input, l as label } from './parts-C71Mxtso.js';
 
 const FileInput = class {
     constructor(hostRef) {

package/dist/esm/{form-control-help-text-Cjeu_VrV.js → form-control-help-text-Dsr1zpTw.js}

@@ -1,5 +1,5 @@
 import { h } from './index-Bta_r52Z.js';
-import { t as text } from './parts-_6eQgwfE.js';
+import { t as text } from './parts-C71Mxtso.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

package/dist/esm/form-control-monetary-provisioning.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
 import { I as IMask } from './index-Ce_F4E0f.js';
 import { C as CURRENCY_MASK } from './form-input-masks-B-iV5cYd.js';
-import { _ as inputGroup, l as label, U as inputAdornment, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-_6eQgwfE.js';
-import { F as FormControlHelpText } from './form-control-help-text-Cjeu_VrV.js';
-import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
+import { a2 as inputGroup, l as label, V as inputAdornment, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-C71Mxtso.js';
+import { F as FormControlHelpText } from './form-control-help-text-Dsr1zpTw.js';
+import { F as FormControlErrorText } from './form-control-error-text-C4vfc3el.js';
 import './event-types-CZfYo5-1.js';
 
 const MonetaryInputProvisioning = class {

package/dist/esm/form-control-monetary.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
-import { b as inputInvalid, T as inputDisabled, a as inputFocused, c as input, l as label, U as inputAdornment } from './parts-_6eQgwfE.js';
-import { F as FormControlHelpText } from './form-control-help-text-Cjeu_VrV.js';
-import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
+import { b as inputInvalid, U as inputDisabled, a as inputFocused, c as input, l as label, V as inputAdornment } from './parts-C71Mxtso.js';
+import { F as FormControlHelpText } from './form-control-help-text-Dsr1zpTw.js';
+import { F as FormControlErrorText } from './form-control-error-text-C4vfc3el.js';
 import './event-types-CZfYo5-1.js';
 import { f as formatCurrency } from './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';

package/dist/esm/form-control-number-masked_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
 import { I as IMask } from './index-Ce_F4E0f.js';
-import { b as inputInvalid, T as inputDisabled, a as inputFocused, c as input, l as label } from './parts-_6eQgwfE.js';
-import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
+import { b as inputInvalid, U as inputDisabled, a as inputFocused, c as input, l as label } from './parts-C71Mxtso.js';
+import { F as FormControlErrorText } from './form-control-error-text-C4vfc3el.js';
 import './event-types-CZfYo5-1.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';

package/dist/esm/form-control-number.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bta_r52Z.js';
-import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-_6eQgwfE.js';
-import { F as FormControlHelpText } from './form-control-help-text-Cjeu_VrV.js';
-import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
+import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-C71Mxtso.js';
+import { F as FormControlHelpText } from './form-control-help-text-Dsr1zpTw.js';
+import { F as FormControlErrorText } from './form-control-error-text-C4vfc3el.js';
 import './event-types-CZfYo5-1.js';
 
 const NumberInput = class {

package/dist/esm/form-control-radio.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
-import { a4 as inputRadioInvalid, a5 as inputRadioCheckedFocused, a6 as inputRadioChecked, a7 as inputRadioFocused, a8 as inputRadio, l as label } from './parts-_6eQgwfE.js';
+import { a3 as inputRadioInvalid, a4 as inputRadioCheckedFocused, a5 as inputRadioChecked, a6 as inputRadioFocused, a7 as inputRadio, l as label } from './parts-C71Mxtso.js';
 
 const RadioInput = class {
     constructor(hostRef) {

package/dist/esm/form-control-select_2.entry.js

@@ -0,0 +1,102 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bta_r52Z.js';
+import { c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-C71Mxtso.js';
+import { F as FormControlErrorText } from './form-control-error-text-C4vfc3el.js';
+import './event-types-CZfYo5-1.js';
+
+const SelectInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput");
+        this.formControlBlur = 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 = input;
+        if (this.errorText) {
+            part = inputInvalid;
+        }
+        if (this.disabled) {
+            part = inputDisabled;
+        }
+        if (this.isFocused) {
+            part = inputFocused;
+        }
+        return part;
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), 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 => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TextInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput");
+        this.formControlBlur = 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 inputInvalid;
+        }
+        if (this.disabled) {
+            return inputDisabled;
+        }
+        if (this.isFocused) {
+            return inputFocused;
+        }
+        return input;
+    }
+    render() {
+        return (h(Host, { key: 'fab6618fdcf4d8c5f61687ecd5edfd6783754ec8' }, h("div", { key: '8f5b56c46fcd890c2601dd3b79fe60438bd561ef', class: "form-group d-flex flex-column" }, h("div", { key: '2226c532baa84905d8051e2222f24105b224d42b', class: "d-flex align-items-start gap-2" }, h("label", { key: '7c516dce181a938168dbe4961a90a946c723fc91', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f4868f88e4f3e4795e25ad505e78cf8ab212623d', helpText: this.helpText })), 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 }), h(FormControlErrorText, { key: '02c21c4b071903db49e2e8b786275247d75c92f9', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { SelectInput as form_control_select, TextInput as form_control_text };

package/dist/esm/{get-payment-details-DtkGDTwo.js → get-payment-details-CmVKt1jR.js}

@@ -1,11 +1,10 @@
 import './config-state-BjXhUj2q.js';
 import './utils-BjLkBMLe.js';
 import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
-import './Checkout-CV6qgU0r.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
 import { P as Payment } from './Payment-BEvE6jAC.js';
-import './Refund-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';

package/dist/esm/{get-subaccounts-C-ENQBmY.js → get-subaccounts-BRX7HFGO.js}

@@ -1,10 +1,9 @@
 import { A as Api } from './Api-CqimcNgb.js';
 import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
-import './Checkout-CV6qgU0r.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
-import { S as SubAccount } from './Refund-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
+import { S as SubAccount } from './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 import './config-state-BjXhUj2q.js';

package/dist/esm/gross-payment-chart-core.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
 import { f as formatCurrency, l as formatDisplayDate } from './utils-BjLkBMLe.js';
-import { E as ErrorState } from './utils-1WrbuHVR.js';
-import { S as Spinner } from './spinner-Cl-6YJPf.js';
+import { E as ErrorState } from './utils-B-aPFy3u.js';
+import { S as Spinner } from './spinner-BsxFRVXW.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './parts-_6eQgwfE.js';
+import './parts-C71Mxtso.js';
 
 /*!
  * @kurkle/color v0.3.4

package/dist/esm/{header-1-5FIT-wD7.js → header-1-CmImLcLi.js}

@@ -1,5 +1,5 @@
 import { h } from './index-Bta_r52Z.js';
-import { w as heading1 } from './parts-_6eQgwfE.js';
+import { B as heading1 } from './parts-C71Mxtso.js';
 
 const Header1 = (props) => {
     return h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading1 }, props.text);

package/dist/esm/{header-3-Ce9WLWBm.js → header-3-BMoxz2Hr.js}

@@ -1,5 +1,5 @@
 import { h } from './index-Bta_r52Z.js';
-import { W as heading3 } from './parts-_6eQgwfE.js';
+import { D as heading3 } from './parts-C71Mxtso.js';
 
 const Header3 = (props) => {
     return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);

package/dist/esm/hidden-input_2.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-Bta_r52Z.js';
 import { c as createStore } from './index-Cf8VXyXg.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-_6eQgwfE.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-C71Mxtso.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
-import { p as packageJson } from './package-CyXXks-Q.js';
+import { F as FormControlErrorText } from './form-control-error-text-C4vfc3el.js';
+import { p as packageJson } from './package-CJdXAC5R.js';
 
 const iframeInputStylesStore = createStore({
     focused: {