@justifi/webcomponents 5.3.1 → 5.3.3

package/dist/module/form-control-checkbox2.js

@@ -45,10 +45,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8' }, h("div", { key: '87a7a3e9d34992d992464b8d6fe8ba712ff32865', class: 'form-group d-flex flex-column' }, h("div", { key: 'e3da6c3971c74163e914f53c9b5a480dbac2759b', class: "form-check" }, h("input", { key: '01af0856f7e2ad919790a7ec8896cb06e3329452', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8161ae3e7ce79824b21b97647b403646dd7d2db8' }, h("div", { key: 'e1aae62dd392cf208c342d727182a4b98dcabbbc', class: 'form-group d-flex flex-column' }, h("div", { key: '582178c2b18f6d535f692d2b1f16e71555bb6f2e', class: "form-check" }, h("input", { key: '531a98078cee60acc5c8838a3ea7ea43c84fe846', ref: el => (this.checkboxElement = el), type: "checkbox", 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-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '069d3ee70d0cc1c48092407055e8666a1156e7c6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'bbc6d2e5fdef899236c07738bfa15b51b02c6912', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '456e4ad15ab35e4b68102abfcd058e2d16ac0232', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '8a12404a24a3b1c4cbec230444436c80faeba2d8', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '8cda3874473523f86dadc9e1e3dfb3e4448f3a6f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '951395dc28c0af8d35aa8c8f38011204a82eb008', errorText: this.errorText, name: this.name }))));
     }
 }, [0, "form-control-checkbox", {
         "label": [1],

package/dist/module/form-control-date2.js

@@ -58,10 +58,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'a2e8ffbb23d128699730acd686fc06ce0ade5270' }, h("div", { key: 'd43b72838047707022bd3527b610eec234af6cd9', class: "form-group d-flex flex-column" }, h("div", { key: '416954342c2113ff1f4fc77cf714852e0bb66527', class: "d-flex gap-2" }, h("label", { key: 'e0c366b390fbb3ef8d183b5ca71935b8274a0b22', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e4aa76ce751db6fa45a8f11f8026e68102f484f4', helpText: this.helpText })), h("input", { key: '4022e4c857527cffb19b747815acad73c81025d4', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c1add6b2191a1b3263c12bcbf5d0be368df38dab' }, h("div", { key: '34be414bc3a4499a8fef8de45855ecc1e00edcd4', class: "form-group d-flex flex-column" }, h("div", { key: 'f5198a9aabd0e12c0f1597ac357a433a84ce56a6', class: "d-flex gap-2" }, h("label", { key: '084a1eb6ddfd7b728e0c5402c995b1f561e9cc7d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '0328133482e9cc0f3082aa41c143fd21e95ee8ee', helpText: this.helpText })), h("input", { key: '59cbf8ccd7d2a08f38f07c73b1b457eb109d1571', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = 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-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '31c0122e9737c704b087dbb2a4791fd7965be3c7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: 'd71b3de2d560c4a44a3a00a7e5f28d9bfc5843b1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -18,7 +18,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '421617186e463989ce9534004e9b59df81f223ed', exportparts: "label,input,input-invalid" }, h("div", { key: 'f3ac5c496a289e0211a249396546e9d6a1840b28', class: "form-group d-flex flex-column" }, h("div", { key: '8f732b62f40a4351462804a6753e235153679cb9', class: "d-flex align-items-start gap-2" }, h("label", { key: 'b8cebb65d6d238253c8710785745cd82419fe9cf', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '10abec154ebc5960a0f72cb2608dbc7b8ea08378', helpText: this.helpText })), h("input", { key: '3df4d0b69f18f4c266a9af0260ec9c7b422d5c7b', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: 'd657e89c7c9780db8e1c610383054c082fa77822', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '68bfcee3ae8e8baa627c2e03731de655f7a29ef5', exportparts: "label,input,input-invalid" }, h("div", { key: 'a63ff9900d7612d933e35a0fd95335e8abc45ea7', class: "form-group d-flex flex-column" }, h("div", { key: '74124ffdbf2ac3c28299a78469f387c494140db5', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ec6c237392b1b520a5aab9c6f6a9cb328613e663', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '60f734ebac8d88e2e2775deb0433e2dfe3002402', helpText: this.helpText })), h("input", { key: '2859f4d46dcd5a666017fdb6ae0f10a266bdea4a', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: 'c667c4882412d5d43b60beae55e3ebab2c43f07d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file-v2", {

package/dist/module/form-control-file2.js

@@ -56,10 +56,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '4950c97a276963d0b666313b5eb2047cd05ffe0f' }, h("div", { key: 'f09de9c091824da6e385e9129c007ea3ddefea7a', class: "form-group d-flex flex-column" }, h("div", { key: 'c853c5997df0a9a3b0789712abcbf25c1bc50884', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e5c17b93898fdf7e2244f3a5549fdd3ddcc2bab8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '131ac4f66a6bae82f53473f36448780090f28a71', helpText: this.helpText })), h("input", { key: 'cf8374ebefcbe18b73d853c96b703652869ea0af', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '09e633d625a1f8f2233d80e8b999fcd7e4a16f62' }, h("div", { key: 'b788fd0963c0ab62d0f7e236fb47ea86430b522e', class: "form-group d-flex flex-column" }, h("div", { key: '1e7a11e13ec3c386c9f30b5cd38c3afa99c88da5', class: "d-flex align-items-start gap-2" }, h("label", { key: '45cd0d97ae44c32b4d1e0d87187ac1871511c319', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd312e4f181dfb18c0b86048960ec0a333760f290', helpText: this.helpText })), h("input", { key: '73ff59959c75dc99cccddde819ebbeb6bc1de4ab', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: 'd5ac4a7e8b5f70fd0cb63e9358bb372a3167ab5e', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'cb9c8bd4f623ebd82bdbd9725805f6038b0e1f8c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file", {

package/dist/module/form-control-monetary2.js

@@ -70,10 +70,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return part;
     }
     render() {
-        return (h(Host, { key: '467e85f7211d67d6daabfcc8a3531b7ba2a15cb4' }, h("div", { key: '5566df3c8d8f9507acc27a7e47d9c79528928e8f', class: "form-group d-flex flex-column" }, h("label", { key: '5cee3c6dcc1d4e41184d4ad7185b8a8c50f9175a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'e111a7617526080c1d9e2051ff7476a768c8681e', class: "input-group" }, h("span", { key: '359a79709cad258033ee44ca6c4c320be1a85ce4', class: "input-group-text", part: text }, "$"), h("input", { key: '32dda535adca1021e46badb63d8ba064c936bd2f', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c7a92629b644f797bc0c199b66f2b3a7802e24af' }, h("div", { key: 'b21ec4bd76d52d6ebe23de04748b344529bd5e91', class: "form-group d-flex flex-column" }, h("label", { key: 'c1a4d2c44d19a81ea594c36c8ce537956e32f8be', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3c7858f3b1bff3d304e2d6ef4613570307abb031', class: "input-group" }, h("span", { key: '57f667463d22682820a688ff4583429203d35c88', class: "input-group-text", part: text }, "$"), h("input", { key: '8027bd97c1e8974089b9438972e449c9fe00e984', ref: el => (this.textInput = 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-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '560b1ef9506257d411d9d08e4a984195f1c3b948', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '7f4243a3d36cdd86129dca92e925e82917825d12', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '2b983d18e5544d78015ce9d9f15ac0fba9991193', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '1cbf33304b3243fed47f2d6cc5459010d9502347', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number-masked2.js

@@ -75,10 +75,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: 'b99a11bcbe47c9cd1ec7f52ff081b56c7c56fa9a' }, h("div", { key: '2d549b26a4d88b4653a9433de7e0ab6b07aa8f8a', class: "form-group d-flex flex-column" }, h("div", { key: 'a923b55bc2d2bd9d0097ffa452fe46816870aa18', class: "d-flex align-items-start gap-2" }, h("label", { key: 'af645e990ec448bad5d1b8fe2b6b415fb062c129', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3bbeaa5fff2964e1f635aab612e1f9b8fa1929d7', helpText: this.helpText })), h("input", { key: 'f1fe3e4749703f7658164e9bb31c500db9699cbf', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '84b2b9707b77df0865ca506c3c974f9974f698e3' }, h("div", { key: '6817ba99efccf056fa28535db39a672cdb18bc0a', class: "form-group d-flex flex-column" }, h("div", { key: '2f0f64dc35352659740292397f82f6490f32b6ee', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f5eff8109b6403b2cdc53e6c0a23538ef3dcb817', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '633b66f6d99fea7688652fa6e5f11e0d68666f69', helpText: this.helpText })), h("input", { key: '3df0af7941cb957ddf3df89f3216a2d3187e1e9d', ref: el => (this.textInput = 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-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '9574288a9424638ee0f72731848813863dffe718', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '9d634135126b399aea1071fd5cc53784728b01c1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number.js

@@ -50,10 +50,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '020f9486c87d1ab1f4ecbba08ef8febf889dfbe4' }, h("div", { key: '81d7f8149f287e21c0b41c351defdd528e892218', class: 'form-group d-flex flex-column' }, h("label", { key: 'c2f0799869b0bd31494b85d6cf5db9d0faffbee9', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'ddad27d6112be528bc94ef3f567674ea36453b59', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8c60e7494ce6878f591699baa07e5a5d562090b4' }, h("div", { key: '49c2ebe33aa6317c5960ab8a1cc1d8998e06ff9e', class: 'form-group d-flex flex-column' }, h("label", { key: '9132628d047ad3c2b243e87b013b77f367aef274', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '25d4df4f8bc7eafde56f8b6aaf77eac3acd78035', 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-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '5a9fc892d50613e7a436e1425f8b90df7e110328', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '9cc21eab8ed0579a31fe4aae543e1ae521127725', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '47d213b459ddfb9d9704d217f82e0d30d3166465', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4835e71589d825d56d36ef99b00fdd877690a04d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-radio2.js

@@ -40,10 +40,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '51d99ae29bb26e36a3f2540e6ebbbe0e99a49889', class: 'form-group d-flex flex-column' }, h("div", { key: '0ac89070efef01fe3ee76144f2177db9a55497ef', class: "form-check" }, h("input", { key: 'ef109f542471bb8599590614fce2dec13c932572', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'dd02a226957e079505a8149565e42883eb0c63e8', class: 'form-group d-flex flex-column' }, h("div", { key: '8951df4569607dc68808b57423566dd1d60caa0c', class: "form-check" }, h("input", { key: '7b2e93768b210191dbb3aa9cf81e2520ffaac5ff', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'aa2a71abec10a6f01961a539f0890f162dfeb10c', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '67e5b9fb761adef49988f62f72018fe838c7b0df', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e1b4b9c055869524f4b97da177389322fde6736a', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'fd413c400f607c07d704cfe56d7e304082027d5c', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4e7cc2ac52d39092be5e46f1a2df1a7d31f380eb', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '420052233ae56f98712559707a4372644f915aec', errorText: this.errorText, name: this.name })));
     }
 }, [0, "form-control-radio", {
         "label": [1],

package/dist/module/form-control-select2.js

@@ -51,10 +51,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', 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: 'f5df46552aa8124b344260bca05bd02c695d0fe6', errorText: this.errorText, name: this.name }))));
+            }, 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: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-text2.js

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'f742a9b9375efe75d2621e0a333e569e52c5290d' }, h("div", { key: '42ce4c0edaa8a081617ca7d23faa963b2e0909f7', class: "form-group d-flex flex-column" }, h("div", { key: 'aaa00bd55270e8fefe70acb6bfc3c5f5d2e30225', class: "d-flex align-items-start gap-2" }, h("label", { key: '5f5ca7cf669041fb67d560d73b45fd5c0a3e70c2', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ad501482251bb1b1ad927ad5e58bbb30900f35e9', helpText: this.helpText })), h("input", { key: 'dcccf1c182a8d9e8cb8dea09f622d85099b97013', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'd84e000c15b64815eb0f8eb2e1e1f774fd786956' }, h("div", { key: 'fc751f6b2da9d20bee791e854a2bb7d3f9ce7456', class: "form-group d-flex flex-column" }, h("div", { key: '6853a85e1dced30edb8b84070d7dc16b65e47ce6', class: "d-flex align-items-start gap-2" }, h("label", { key: '5c020f8419308ceac4c00220ce9df8fac8ce1f0f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '81662d978c47c8d3e10342cb2b2a005af4ecf608', helpText: this.helpText })), h("input", { key: '14fd9610e3a92e0b6125ab41a5878268a7cc3157', 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: 'b8b968c0a8b56839e43caa61bf317270a78bdbf4', errorText: this.errorText, name: this.name }))));
+            }, 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: 'be05bd72e34afa9c8b4dd42cb5eda4fb6407224d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-textarea2.js

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '5ff0ae9958d65d09da3b4faad03b1bc3644433ac' }, h("div", { key: '9cc21c5487cddf7ca4c3dce0f915a2db295396bb', class: "form-group d-flex flex-column" }, h("label", { key: '8dd963da4101aca20b38e586d627d4bbdae89e63', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'afaf7959901a52f8073fab64a6352c08a60f6ea1', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'beabdb77220c0ad180cf1e0143521ce03fea1eb5' }, h("div", { key: '16e2375d19c75d34c7f1ad1eb1a3a5920fa4ba08', class: "form-group d-flex flex-column" }, h("label", { key: 'dbe6e6816c5b500363964c771654d772bb25de62', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'b7c5f64138c846756051bd4984152ad382f24dba', 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', disabled: this.disabled }), h("form-control-help-text", { key: '466f7f20f5af124d1b3b9f7761abff49a9845b48', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd65f09910e8631992d42a6b21f55897e26e57ba7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '65ef4b15eda7ac206e935aa13b8ed30000af23d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3fa530e3c915efdb63776a0146356873cf8e1e6a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/get-business.js

@@ -0,0 +1,32 @@
+import { a as Business } from './Business.js';
+import { a as ComponentErrorSeverity } from './ComponentError.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+
+const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchBusiness(id, authToken);
+        if (!response.error) {
+            onSuccess({ business: new Business(response.data) });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+export { makeGetBusiness as m };

package/dist/module/get-payout-csv.js

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -8,26 +8,17 @@ import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
 class PayoutService {
-    async fetchPayouts(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchPayouts(accountId, authToken, params, apiOrigin = undefined) {
         const api = Api({ authToken, apiOrigin });
         const endpoint = `account/${accountId}/payouts`;
         return api.get(endpoint, params);
     }
-    async fetchPayout(payoutId, authToken, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchPayout(payoutId, authToken, apiOrigin = undefined) {
         const api = Api({ authToken, apiOrigin });
         const endpoint = `payouts/${payoutId}`;
         return api.get(endpoint);
     }
-    async fetchCSV(payoutId, authToken, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchCSV(payoutId, authToken, apiOrigin = undefined) {
         const api = Api({ authToken, apiOrigin });
         const endpoint = `reports/payouts/${payoutId}`;
         return api.get(endpoint);

package/dist/module/get-subaccounts.js

@@ -1,4 +1,4 @@
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -8,10 +8,7 @@ import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
 class SubAccountService {
-    async fetchSubAccounts(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchSubAccounts(accountId, authToken, params, apiOrigin = undefined) {
         const headers = { Account: accountId };
         const api = Api({ authToken, apiOrigin: apiOrigin });
         const endpoint = 'sub_accounts';

package/dist/module/gross-payment-chart-core2.js

@@ -11040,7 +11040,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && h(Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'b336dc186a34b6624d415cb072819b4dfe10620f' }, this.loading && h(Spinner, { key: '5a2ca3c4efd9f5acd2bac804490877654d44b39c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -76,7 +76,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '21c26d386f4e23af0e0ef069ad0263e252c8c15b' }, h("input", { key: '70bb1f6c7c5e94a96fddfe82d1831df12771f0af', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '7bfd14ae6eb04d3bccb6f95398213655bc5c1073' }, h("input", { key: 'a40b6c6b2fd4e217af572f2032b158cc0ad603d2', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [0, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import { p as packageJson } from './package.js';
 import { i as iframeInputStyles } from './iframe-input-styles-state.js';
@@ -1540,6 +1540,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
     constructor() {
         super();
         this.__registerHost();
+        this.iframeLoaded = createEvent(this, "iframeLoaded", 7);
         this.dispatchMessageEvent = (event) => {
             const { eventType, data } = event.data;
             if ((data === null || data === void 0 ? void 0 : data.id) !== this.inputId) {
@@ -1555,7 +1556,6 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         this.isFocused = false;
         this.isValid = true;
         this.errorText = undefined;
-        this.iframeLoaded = false;
         this.inputId = undefined;
         this.label = undefined;
         this.iframeOrigin = undefined;
@@ -1614,20 +1614,20 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '00956724f4d6e72b09c2c469613a6362a3c7cdec', class: "form-group d-flex flex-column" }, h("div", { key: 'e6605bd5ef7356c21701b0856a133758720a36d6', style: {
+        return (h(Host, { key: '871d71c6240e94e24f7ccc4c4ec8225b4123d865', class: "form-group d-flex flex-column" }, h("div", { key: '0a1d98cba0960599d29db3c269bb8b458cdfddc8', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'f52a782a9f1bbca4a8a6e36da1948611ab834e54', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b88199f3de1b52a0aed4d61c0448c293964a7279', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '218aa6d48b12c1fc78f04a1556f0a32738c20df4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'bfd2e61b544db648cada7a52b45809bebf5722a8', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '53e9f9a29e07edcdcbb00b023ba0f24d09d852ab', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '2adc709c4094c44181dd83906763b4809b3f168b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
                 iFrameResize({
                     log: false,
                     onResized: () => {
-                        this.iframeLoaded = true;
+                        this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'f6e57608fc771ca78e39618455dfe57cd40a655a', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'c54bafd097b1e3e896901252d3520bfdfe5c71b6', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {
@@ -1637,7 +1637,6 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         "isFocused": [32],
         "isValid": [32],
         "errorText": [32],
-        "iframeLoaded": [32],
         "validate": [64],
         "tokenize": [64]
     }]);

package/dist/module/justifi-business-details.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
-import { a as Business } from './Business.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { m as makeGetBusiness } from './get-business.js';
+import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$7 } from './additional-questions-details2.js';
 import { d as defineCustomElement$6 } from './business-details-core2.js';
 import { d as defineCustomElement$5 } from './generic-info-details2.js';
@@ -12,33 +12,6 @@ import { d as defineCustomElement$4 } from './legal-address-details2.js';
 import { d as defineCustomElement$3 } from './owner-details2.js';
 import { d as defineCustomElement$2 } from './representative-details2.js';
 
-const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchBusiness(id, authToken);
-        if (!response.error) {
-            onSuccess({ business: new Business(response.data) });
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
 const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails extends HTMLElement {
     constructor() {
         super();

package/dist/module/justifi-business-form.js

@@ -4,7 +4,7 @@ import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { a as addressSchema } from './business-address-schema.js';
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -12,11 +12,12 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { a as Business, b as BusinessFormServerErrors } from './Business.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import './details.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types.js';
 import { d as defineCustomElement$e } from './custom-popper2.js';
@@ -118,7 +119,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(businessFormSchema);
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
+        this.api = Api({ authToken: this.authToken, apiOrigin: undefined });
         this.fetchData();
     }
     disconnectedCallback() {

package/dist/module/justifi-checkout.js

@@ -2,8 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { C as CheckoutService } from './checkout.service.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$l } from './bank-account-form2.js';
 import { d as defineCustomElement$k } from './billing-form2.js';
 import { d as defineCustomElement$j } from './card-form2.js';
@@ -92,7 +92,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
         this.hideCardBillingForm = undefined;
-        this.iframeOrigin = config.iFrameOrigin;
+        this.iframeOrigin = undefined;
         this.getCheckout = undefined;
         this.complete = undefined;
         this.errorMessage = '';
@@ -133,11 +133,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: '911e807dc0be670c6bfe59e497cacd5399481981', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
+        return (h("justifi-checkout-core", { key: '52aca1a3ce8016a382f428ef142abc8aee9da41d', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: '29bcfd776e4dac5a7686a03488d0f8dad2d01a03', slot: "insurance" }, h("slot", { key: '993b8872e8a40dd5111ccaeb586686a396eab2ff', name: "insurance" }))));
+            } }, h("div", { key: 'fabb53264f26320fff2aa0a603c664f47ca380d0', slot: "insurance" }, h("slot", { key: 'ce09504ef5a48d6b963f4ba39252d681f23d0168', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/justifi-checkouts-list-filters.js

@@ -1,5 +1,12 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { q as queryParams, c as clearParams } from './checkouts-list-params-state.js';
+import './ComponentError.js';
+import { I as ICheckoutStatus, a as ICheckoutPaymentMode } from './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './SubAccount.js';
+import './Document.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
+import { $ as checkoutsListFilterMenu, a0 as statusCheckoutsListFilterParam, a1 as paymentModeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
@@ -13,29 +20,46 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
         this.__registerHost();
         this.__attachShadow();
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
+        this.checkoutStatus = undefined;
+        this.paymentMode = undefined;
+    }
+    componentWillLoad() {
+        const propsToSet = {
+            status: this.checkoutStatus,
+            payment_mode: this.paymentMode,
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
     }
     get checkoutStatusOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'Created', value: 'created' },
-            { label: 'Completed', value: 'completed' },
-            { label: 'Attempted', value: 'attempted' },
-            { label: 'Expired', value: 'expired' },
+            { label: 'Created', value: ICheckoutStatus.created },
+            { label: 'Completed', value: ICheckoutStatus.completed },
+            { label: 'Attempted', value: ICheckoutStatus.attempted },
+            { label: 'Expired', value: ICheckoutStatus.expired },
         ];
     }
     get checkoutPaymentModeOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'E-commerce', value: 'ecom' },
-            { label: 'BNPL', value: 'bnpl' },
+            { label: 'E-commerce', value: ICheckoutPaymentMode.ecom },
+            { label: 'BNPL', value: ICheckoutPaymentMode.bnpl },
         ];
     }
     render() {
-        return (h(StyledHost, { key: '5015b8422169ea4c32f8e92f3931963ad0d8c8f9' }, h("table-filters-menu", { key: '2169201810641e563dc0af321c5b7367fad04a3a', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '802ce6488f2204ece4845e95d9225b05c428bc13', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '99dfed0fafadff13f37e6cbfcb98761be6d49a68', class: "p-2" }, h("form-control-select", { key: '0b37e4c6685be467c08b3c86df6f9bfc8ab52e3d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: 'dec0b6be6d13847dbf748ea0a038df2db143afe2', class: "p-2" }, h("form-control-select", { key: 'acd5f387f5ea2a4b5918b9a3a80eaac199bbd8d5', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_mode || '' }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: 'cd70cc85372ea03d544340c36de1bc559cce757d' }, h("table-filters-menu", { key: '332fbf23bcf5e542aa3439b93bcfe046889b89b0', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'a95f24fa9b92cd35e0dd15a7fc5cafb2cca84c9f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd58366e790b1bb2fb3aa8605a806a8197ea4f5c9', class: "p-2" }, h("form-control-select", { key: '1e48969ede334298a5d058f22bf5b1e39c78f535', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '33d8d552c77a6355423e9252779f85b288e123d1', class: "p-2" }, h("form-control-select", { key: 'a1ae23979fb00d92a9a1c7972c375494cabde720', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
-}, [1, "justifi-checkouts-list-filters"]);
+}, [1, "justifi-checkouts-list-filters", {
+        "checkoutStatus": [1, "checkout-status"],
+        "paymentMode": [1, "payment-mode"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/module/justifi-checkouts-list.js

@@ -6,8 +6,8 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
@@ -59,7 +59,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -106,7 +106,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'aae56ec9ac20a6ed740a5180bfedf664d7d1e0ca' }, h("checkouts-list-core", { key: '933b8b41aa468c1515b64a8fb6570609454ee361', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'ae2a18885c69808bd589848ae1b33f4a4a3085e9' }, h("checkouts-list-core", { key: '86201976540a348eb800ee07e9c50f68a1f1a1cf', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-dispute-management.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { D as Dispute } from './Payment.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { D as DisputeService } from './dispute-response-actions.js';
-import { c as config } from './config.js';
 import { d as defineCustomElement$k } from './custom-popper2.js';
 import { d as defineCustomElement$j } from './form-control-date2.js';
 import { d as defineCustomElement$i } from './form-control-file-v22.js';
@@ -65,7 +65,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         };
         this.disputeId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.getDispute = undefined;
         this.errorMessage = null;
     }
@@ -100,7 +100,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'ac225c68cd03070f60bf00bef92ddcc8d5fe4e47', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'ae0e4a208d6250c4da7033e1d8bf8c33ec041c36', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],