@justifi/webcomponents 6.2.0-rc.1 → 6.2.0-rc.3

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

@@ -50,10 +50,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'a4e07a279ac259cf7aea289ddb3e5ad976ac8a78' }, h("div", { key: '72f560a6d77e6077e6e1edab0af24080207490b3', class: "form-group d-flex flex-column" }, h("div", { key: '26c3f68a2b2a1f791eccadd4dda4607aedccfcf8', class: "d-flex align-items-start gap-2" }, h("label", { key: '9805d69f239c90357ed4123bf38bd0a20df78f86', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ae0e0a05268be3df43e250738ff69cc417beea8a', helpText: this.helpText })), h("input", { key: '4c9c7c69e0f0d786add6badaf6df61f53d1fd935', 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: '6b5ab04b95a39c87e7d82f0c3e50dbbe53922388' }, h("div", { key: '923928a3fe76cb185a4baa9ba90c4ac11d4a480d', class: "form-group d-flex flex-column" }, h("div", { key: '695e3fbfa88486048203e41ce2de7d887c0fcdd3', class: "d-flex align-items-start gap-2" }, h("label", { key: '94df69c5039e85369e6422c12390fff1401d9b2b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4e9ca48d614a54a9d11eb0a66d64f24e96fd7105', helpText: this.helpText })), h("input", { key: 'b84f4f9e72369cf39f6899423520437ea2f2deb4', 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: '47b98f71ebdf2b83e2cfd0b741908a74e691cd41', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '8024383aa421f8b787fde6ba0a39830c063e4a8d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

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

@@ -53,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: 'befed81330399d097413f8b769d01df6b315d707' }, h("div", { key: '570688783902a60e43689dc542e69008d52ee376', class: "form-group d-flex flex-column" }, h("label", { key: '0def0a1b40891a7f6ca3d8886e0b32197beab464', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '637edfe671dabaed1b82ce8f2b165ca2a574522b', name: this.name, helpText: this.helpText }), h("div", { key: '6b38281e577bfb6f8dfacc29574a3b0cb9183c56', class: "input-group" }, h("span", { key: '63d1f8596630e7f3922e02f099b9298ff83bb487', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'a23391ec4ede5bd11d7d2e552eac76544aa855ae', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ae64aa9000fff01313371b755f0e20925fbd005b' }, h("div", { key: 'f40ae8e775f4ea3ab811f8f2985e30dca5c37c1e', class: "form-group d-flex flex-column" }, h("label", { key: '1f4283cc32579ef12c225ae5a1f1fff1c8142128', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'f991dae37527a94cc4b98ed766361a7d97b6214b', name: this.name, helpText: this.helpText }), h("div", { key: '86ecd5f81238c8675b59c7a0b6a3629b49a0109c', class: "input-group" }, h("span", { key: '04a5576a92c024926f320f7a121c34cf43ebcac8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '76f05aa792ae96d1d3302ef627e35cab538a6fdb', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: '5f8175edeff6bc80c9f2fb815d89205d69b413a3', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: 'b28032e69108ff37485080e2e9f284cc30d10697', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -73,10 +73,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: 'df43b2ce1fa351d04852fbc8a93ee14eeacab874' }, h("div", { key: 'e3b22cde550073e8ccac88ce2f6a0533cae6d781', class: "form-group d-flex flex-column" }, h("div", { key: 'c42151be8f9311c197a972dd5d0c15e09b884690', class: "d-flex align-items-start gap-2" }, h("label", { key: '603866f6c5202290c07490a7a3303b1fce13e375', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '878b2797d1acb8030f5881c47f08c647e605b335', helpText: this.helpText })), h("input", { key: '04e22f86c574d85190c55ee828c4df02c4652b91', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'c9dab9ba56a1b41607de674822120ed24b3ad7f6' }, h("div", { key: 'd08134d142c810576417f0cfdabe957cd7a29c10', class: "form-group d-flex flex-column" }, h("div", { key: '2103a3d5680ee3fccb8d17421b460eb142001ae8', class: "d-flex align-items-start gap-2" }, h("label", { key: '2f09b7eefbd6c5cd831cbb1e717bc1740971c508', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '6c0417df2d3610be4d875c330ef6237734a88448', helpText: this.helpText })), h("input", { key: '321ba8e05dcf152d6f4236b4dc28430c8a200f70', 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: '57b6c4a907ae8089981faaf2359a8120963d875f', 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: '34a37fcce3f7fe66d1632596b660fd8524aae5fb', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -47,10 +47,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '26ec43555c6c49a66b7fd29db062825751d10f3c' }, h("div", { key: '71b2ff7d916ae362fe1aceeb7f88ec909667712a', class: 'form-group d-flex flex-column' }, h("label", { key: '9aad7dc52dbb560a86deb6f998d751fa022ccf4b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a0b66ff0650405de0e05d8324b4941478df8385b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c07e38fb8e29b370384a0f0e205f5a88a1e6196e' }, h("div", { key: 'ad468ff917437598440706926b3f1ddb122ac58c', class: 'form-group d-flex flex-column' }, h("label", { key: '97d0f82fd9af770e89e6fb8d4a378dffcd94a52f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '044d3c7dd7537595e7d878b2e3d79820d567eaf6', 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: '9d722992680b132f7139ea4ce210a199918f98dd', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fa70d63a82b6910f129e6657b2504af400875170', 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: 'e13cb9e5f745aea81e3ac4f12bcfe2c1baad6468', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '02a1b55b70646abd319b10cc051be9803c525886', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -34,10 +34,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '741a56d8e04d3458d6cf1b8986e998ca50d87e3b', class: 'form-group d-flex flex-column' }, h("div", { key: '6504ba678b74a6a45b41f167a67c21dda55fa9c8', class: "form-check" }, h("input", { key: '2ab6b254dc740ee553058dc0830616ba7b6dff01', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0e904c8de95f266bc709f9b3c1fb7c58c303a24c', class: 'form-group d-flex flex-column' }, h("div", { key: '24dd45066d45495f108aa30262d2e74f257c3d4a', class: "form-check" }, h("input", { key: '12b5f8e62d22a4c0a4f54fc6842911c3a6664106', 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: '08950d0e13e5f19f7fcfbdd41f68820406dea53a', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b1af2e0e55896d6cfd4836a5a272e0c03bb3383f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '09126ab9b152f1c6908d85918cb9827b93173034', 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: 'dad68c4bb27faeeb5c94a92d89ed747bbd865e78', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '6c3cbe742fb61272e10c7d615c744853151bc5dc', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '9e2f85f6065e418f5b8a58bbaae86d44f6da9859', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

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

@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '5ba787ceb003eaf5fcad45bf6ae26a68bdd7cceb' }, h("div", { key: '980775fd7a64832addc121753ccea21419721c0d', class: "form-group d-flex flex-column" }, h("div", { key: '01211e20d54ac84a75c1ff9a3a1a660675bae31a', class: "d-flex align-items-start gap-2" }, h("label", { key: 'fc5dcb4149f38e921f44642dbb509a0d599df6ad', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '705262faa2111568445a7593e125c07602f8e73a', helpText: this.helpText })), h("input", { key: 'd2ea69efb600493362abb12a5e309ddad85d470e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8fa1333a0d4d7f50ce2e415f8ba24317e33e6a08' }, h("div", { key: 'ed36e5fa440070d759aa830056c8a6cbdcc916d4', class: "form-group d-flex flex-column" }, h("div", { key: 'e773415acf7f067c8c1076198be94302c547bb80', class: "d-flex align-items-start gap-2" }, h("label", { key: '9a163545aed306bdc3abed71cd875804f3c4aa32', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '8d6e13cff374cb5c92ce0af3238c636238617cba', helpText: this.helpText })), h("input", { key: '3d7c95603d79f3e7919a879308f312053ce01f12', 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: 'c38896293fda5c445e24532521558fa24ad50c4a', 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: 'e79de48854230e9b8e25a48e805784a454207065', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -46,10 +46,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '8b45f46328cd09457814bf8d9f474a1f1f1b4384' }, h("div", { key: 'a10735e0d15b641d2ab79ca6930cb22e91c89147', class: "form-group d-flex flex-column" }, h("label", { key: 'fc72fe91f841c8fe1525eb87fc270492660d1932', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '237ec248e7c68d97dcb035984783347bb6eb1092', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e503ec4d39ce25b22cc252967ac0753982bad436' }, h("div", { key: '2d2d0d587a4ac57b62f27532b5adb47b36ebd3b7', class: "form-group d-flex flex-column" }, h("label", { key: '0ee84c2fb75c6a51bba1a0a70f06f66576366a77', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '81318a2cf2f0ccb3ba0deb74f52ec8d7e001cbc7', 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: 'e12fd273b27a74c07de1f043dc7cdb927c8b19d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e5e0fec72f54ddde7e72c465f8c97fef2df0ef85', 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: 'dd3d7c2a8caaf1dcd3b4b488977d44c6033e7213', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '103c3bb5f0579d940ed2152fcf5eb5a17a1e3640', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '4a711fdb941b44d536c452ff140db2bc98d84d7d' }, this.loading && h(Spinner, { key: 'e703263242576bc23d7be3015ec89b13faa12053' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '0432a1c141cd1ea91ebcb3f975a220e5127164c8' }, this.loading && h(Spinner, { key: '0261cca24232d936418d305f60f3857a502dcb11' }), !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

@@ -78,7 +78,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '3c8f4bc2dac1852fa61e372b0077bfb4883c3b31' }, h("input", { key: 'f53ad76227d125d411c85ef980a902d0d4e0f91d', 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: '5d57d913b590d6118dbcf361b123792e47819615' }, h("input", { key: '5f86e91e383d5f1df0f3c6ad4fb1393a81175cf2', 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' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '4782aa46a4967ef9097809122cfea52cf5845675', class: "form-group d-flex flex-column" }, h("div", { key: 'adf5212bb0a32d593fb9e5ea93a378a49a63ba5b', style: {
+        return (h(Host, { key: '6a9a148def6119cf6038a940e1d24998f0de8139', class: "form-group d-flex flex-column" }, h("div", { key: 'dd8e4f676545658c2faaf23f42ef96def263a603', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '309cb76edb80f3fca7264a5a1f2d2c8397c8b0f4', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '0f19c6d4f1851a6655e765f3ac021313c72ee106', 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: 'f0db24e9a41fc5bcb06d84f0b5c7d0a9adea87b1', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'd9a8dac1e7ea15b602dbdb17d141dafcacedfa6a', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '2d2532b0a83f9449b7687fa95798e3fa1d055e97', 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: '524eec0a405f0a58b7b1c81f10532244478f749b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '0e0c98836f067f78af85e124a96dce7b39cf4b27', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '40393084f556c3f0c648d89c1b4f41ed93cd0b1a', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/justifi-button2.js

@@ -13,7 +13,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '101d2233002f9d316fae078dd77d43358c937291' }, h(Button, { key: 'd7e3c0a41d862572eb47a22e3c7178e8a172d990', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '4303daf453d356b8111a2a00f821bc83cdd658c5' }, h(Button, { key: '7c1b0a71ac3274bb03218a8d921d5dc39bc48528', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'ec45e1573823ebeb47a129e02e063bab9d08b154' }, h(HeaderComponent, { key: 'fc977d49c84906de818d9c4e17fb9a55c5ed8832', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '89edcc4c5a478317da615d276af05cac241c1867' }, h(HeaderComponent, { key: 'a5c01967f8809fd6b824ddc8730599041ae31822', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

package/dist/module/justifi-order-terminals.js

@@ -205,7 +205,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '186ee09b809f108e55ee4cea14968bd8acaefa93' }, h("div", { key: '902be700759e8354638931671dc8ec563fcd7868', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'f9c515ea3cf3dd616d894cef2cc64789663608e8' }, h("div", { key: '6b3d49555fe21563c251896300d313bed336f9fd', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

package/dist/module/justifi-payment-transactions-list.js

@@ -181,7 +181,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'f5a7946c22e065b9fb73c42f2e8bd338fe9f5b75' }, h(TableWrapper, { key: '3cac49cde086dc78b15583ab2725a6196987c123' }, h(TableComponent, { key: '7588b31adad3bd0804a95a61e656af24faf21857' }, h(TableHead, { key: '56d2e0f7b65f621e23db4f04b1768427553d077b' }, h(TableHeadRow, { key: '7be2399aa3dda6337c94e4e9d95e1d1d73b0702e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'e30961bb03921a1cb491c7fcd09df51eafbad3a6' }, h(TableLoadingState, { key: 'c26d53a4901ce5e3e42ff05ad627f08020a7a71c', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '5ed524b2d07316bad2814328f02ddefe1f263fc6', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '99cf81edbf8fde0cf96c55f62bd9dca3342d958d', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '816ce49013c603d64af1b8534e062df6dabde41b' }, h(TableFootRow, { key: '96786a7547c39275184c44d7da55069802ca8c22' }, h(TableFootCell, { key: '204328804873c7ff440cbeb889948dc0365d508c', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4a4ecc86248e59d8e5cf3982a49abf514fe073a8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'ce4fd1549223738580d3a4e9195f535619491f5a' }, h(TableWrapper, { key: '0991e7ca748e75fa42e96be1dd1c9e9d2c876db9' }, h(TableComponent, { key: '1b5d58cbf6f27fdf2faef658ae6148ee642ad3fe' }, h(TableHead, { key: '5eaef864fe0072cd4557a0585a409572f6806969' }, h(TableHeadRow, { key: 'a9c35dd1c0031da4a82207a4313c9a521729db40' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '1ed790fcc17bbb6a93f6eaf18b741fc3b2e80855' }, h(TableLoadingState, { key: '64570f5736317dfabc97a7967dfa52dbc0dd384c', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '45d4d52687e203de3c5f45e406862b882c03757c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'b8c941adc6bad5e40edd33b69231b668f587f16b', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a76f922158b408ff6a70c35a47531405c012aaae' }, h(TableFootRow, { key: '4cf90633de51f6e9286481300cbbe0f0183f1bfb' }, h(TableFootCell, { key: 'c06c168e8ba7c3115eab18c8366362be16582f86', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'f08aa685537d1ba529f5506d74bdc20d0352dd2b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -58,8 +58,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '0adcc6585575f955f2da15bcff6aee5f86e4d5ac' }, h("table-filters-menu", { key: 'c18193011732c8a20a8428d58d02dc3c6f8ccdd1', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '4ae0b3c0941e539e5a83256abcb8b09173931838', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b6cce3bc50c382bf1a00496bab05e8d9145fd8e3', class: "p-2" }, h("form-control-text", { key: 'b64ad1aef1e61d0659ea1940d1799f14710412e6', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '298e6738733cceb0b62a05676f295cb8c6ef0750', class: "p-2" }, h("form-control-text", { key: 'c3a5b4333be0c4d330869cbe8b4148c2ff676e43', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '3963977c199426f2c8c9a99ed2d6da89874a9a43', class: "p-2" }, h("form-control-select", { key: '8800c5cc708d493a1d07469ec61252ce3e3f3a24', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '64fbcb0188aa796929bd29bb43193f613c0c7449', class: "p-2" }, h("form-control-date", { key: 'dfbec3d2cdae9fcd06769bebf27829ca2665849f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '8ef26354ecc90302685d0c131dcbef482ab3e4c3', class: "p-2" }, h("form-control-date", { key: '612e747ed2d5576db931892640080103f67deece', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'ca1a151bf3527225312df08f192750364668b2ba' }, h("table-filters-menu", { key: '33663b7dbdeeaf5eabecc5ac650bbdf3676e30f8', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'f5a5a27b1f0e55b7b06b698f5e19baf5cf25fe7f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '59abc8a49326e203592a9f3b02d12c7de45a9235', class: "p-2" }, h("form-control-text", { key: '05e1db9bdfb0301330c2f9e00a2417431a704792', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '68c84deb196e2ab8ce186cd26aa686274042320d', class: "p-2" }, h("form-control-text", { key: '34c1a654a3e2328202f996d46e11f65ed2e0c8df', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '6399e8b9978352f1ee9b6dcb49f4e4e5e965b05f', class: "p-2" }, h("form-control-select", { key: 'aa687544903688a7936f4b34a221320f941ad0db', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '9acc20b55d25cbef52893b58464d0879d09389be', class: "p-2" }, h("form-control-date", { key: 'f853d5ce2259cf4adad00132d60eea80fae3a2f9', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: 'd7d78846efd7277418a9dad3c0d21a82f0ccc36b', class: "p-2" }, h("form-control-date", { key: '2eb64ec290032601d0ac32af679b13743bb4f796', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

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

@@ -92,7 +92,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '600a899641ac8e2bbada4cc2f7f5c8477f16f5c9' }, h("payments-list-core", { key: '903ca5197fd56b9f0dfb141d09f92e27cd35f651', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1e1f5cc087e917c65e7dbabaf21b355dd3261206' }, h("payments-list-core", { key: '318b81a8eaacb70cc333efb9159279bc9310dd32', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-transactions-list.js

@@ -186,7 +186,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '9db64637291d99ace8fe5a0de8edc3053aefd974' }, h(TableWrapper, { key: '3b30494814b617574b58a605c85f7a8f230a70ae' }, h(TableComponent, { key: '966d5ca72315c7f5e9ed427a9a460f31e8de1a3c' }, h(TableHead, { key: 'aa3e49564fae46dd1a6f5e27b139ae08643e6d09' }, h(TableHeadRow, { key: 'c39ff750c941e243bdf74dd8f7281dc6e96256aa' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '78c00d108262a447890037f9ebdcacc96e47f58a' }, h(TableLoadingState, { key: '14c4181b5b5f162e23344df06f875b8202dd4853', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '9512b212d3afb4bca142b74c32968ca1b42affdc', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f37e7baa18a07f197bda346f1457217a61cb63df', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '059923133e682bb04bbcf2020d2437e6bf1cb38c' }, h(TableFootRow, { key: '123caa479d333289bb4068ca2b85e3502057e4b3' }, h(TableFootCell, { key: '888276973e50a1b4335b107dfc67d00abedcc11a', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e81b1dacaa7b455bcd00df82b6f2b4035dea60f8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'ab6de6bc1bd8b389c3853cc8c9ff0a52ac79e139' }, h(TableWrapper, { key: '3946c0161a51c292e53776df23ef0aa297ab8a24' }, h(TableComponent, { key: '7f7acd0813a8eb710889d540b6c5b7ae6831e47a' }, h(TableHead, { key: 'eb0b11273c85116093d119bdbc8984f7c71729f0' }, h(TableHeadRow, { key: '5485e54cca61a69a48b4a0eb70ff4cfbf409cfab' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '778592bd28c2ed42fcb751f695ef97b75c911c17' }, h(TableLoadingState, { key: '2123dc933b4e16f2bc4588a6ec4357d3067a919f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'e13e4ba98217c4c41cc406d7f6bde34831771952', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'c837011abb597d3811cdc5636a457afab49224f6', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a189800b2a36f8880bb7fb2ab60b8b2afd24d760' }, h(TableFootRow, { key: 'ae78dbea1986d6c0ee493bf26d8bb01ad294a1e2' }, h(TableFootCell, { key: '2146861e294be47a5c63f3354ff6744ad71b4d70', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2ab6bfa9a7534c063e603eaf25e4e6f44cbda859', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -39,8 +39,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '2a4183abf17b63f6f0f4edf0484b4addec69e826' }, h("table-filters-menu", { key: 'e92d4af94c74e041203ff7041da5b751735f0e3f', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'd9747a0d596af183bdea79ba96bde7676bfa7bc9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd6d13d3c97e1c881636077a93144112a472394ce', class: "p-2" }, h("form-control-date", { key: '050f07a08ef83da2252486b47bb712a56eb72547', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'a7176e2b809ee60e0e9c6045dde062f0fdb583aa', class: "p-2" }, h("form-control-date", { key: '94940ac440b5eabac008d7931e861584d59d5426', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'c9fe17cad3d56aa5f8c9ef6b23b90b77e378d256' }, h("table-filters-menu", { key: 'e5d55040d356e8aeb60419a52891deca0cb2940a', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'a155ff5b6a89c233ad37a3697ed8ab7f03d22a9f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e13495766b1d817a93606fb35ca6c2222c48d0e5', class: "p-2" }, h("form-control-date", { key: 'fc510fa12504d70efa1fc74a36f4a49b89fff4d4', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'dd521da828ccf3d26460130cbcb89d20822ff42d', class: "p-2" }, h("form-control-date", { key: '091b8e21f62c6bad5b6e1e47fde86be51abcb25a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -106,7 +106,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: 'e60de76d4e20f1fdf4d4b8ad40f1f7dcac414d83' }, h("payouts-list-core", { key: 'a950432f1eff844de876fd69b60f1f3702db7838', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '5ec4cfd9c227dc5c993fe82972124649d7468617' }, h("payouts-list-core", { key: '8e862e8b6c6cf861d342e72afec20d527f34f5c1', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-skeleton.js

@@ -11,7 +11,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '9507f69a72c7a58150ffbf1cc0555287f22adcab' }, h(Skeleton, { key: '203d85a6407458a39500303fb79b7ea31ee5fdb1', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '1dc5e1c56fe4145ed006e6dde0cd3b6c61c715ec' }, h(Skeleton, { key: '0f8058c2892b2b347a97611cee4333c806c5d35c', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -64,8 +64,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1df2679852a2c3795bd5c9a90ec2d08ea124ab63' }, h("table-filters-menu", { key: '2836ae98e62ac6ee5dbb00b2d5115b0b49795576', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'bd993ac7ed2e2b6a83d787dc2456ab4184bf85a7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b03fc2cdd1931f0dbf7873735152f277c823498b', class: "p-2" }, h("form-control-select", { key: '8796b887cda1645323a68de9ab34cfefbb144fbe', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '575764ad238bba204780582d45e694fb57fca521', class: "p-2" }, h("form-control-select", { key: '4dd9fb99dc251fc519d9484cd9820b190effa1de', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '4581e4f414e0acf62b61f3b343ec0dbc462aeb71', class: "p-2" }, h("form-control-date", { key: '2c9373178da8fdd87f99843cb18634b00fbc7724', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '882a33df41cdf11e5a0ec84ffefdb8eab8026a19', class: "p-2" }, h("form-control-date", { key: '2915ce84bbf61c73548112f8fdb894593f0c5695', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '1426d09efdcd667674d448b2bb572436ed4a5787' }, h("table-filters-menu", { key: '0aadfbc5ba334e99f0cd16496faa7671114c7ee8', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6a0344eb0be7848cbf3ca6e9c862e69beacd78ae', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c383e57642f44332dde7f1526c0908353add6db1', class: "p-2" }, h("form-control-select", { key: '4b0a4b2772ba57a3952943b583ebad965f7fd74c', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'cdcfceef054dc263efa88f6b95d51ffd2190accd', class: "p-2" }, h("form-control-select", { key: '664b377599b07ff344df1e8f7c63eb5fdaf20cb7', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'e8b6e71186f760045f613191f8f511e0c0389622', class: "p-2" }, h("form-control-date", { key: 'b321911aba223d6c88acde201ffced30f98acb24', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '219bfedd2c9268c8218e2cc66ca755bc447608ec', class: "p-2" }, h("form-control-date", { key: '70e620e3f6335751838b0eb33a165f28f49685a3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {

package/dist/module/justifi-terminal-orders-list.js

@@ -98,7 +98,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '95be94d72e803e3c8449d1f39efe6cc6a7252f36' }, h("terminal-orders-list-core", { key: '7f610bc41818b1e9050c91557cb2561e41438a3d', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f89cb75d014a5d43c6766f0e0e7a572807c3df9f' }, h("terminal-orders-list-core", { key: 'c38fd6424ebca672c9577255d81b9e97712f3b9b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [257, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

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

@@ -54,7 +54,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '055dc0c6462def26d2f7966835bc2c229cc7d73a' }, h("table-filters-menu", { key: '4f238a7d96324d70e32023d886382a978b8cf45b', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'a31da98b14a903a9a4565fbc5163897d3dd52077', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '4ed075e1f7f74c3041ac9c17f306fe4d8242e178', class: "p-2" }, h("form-control-text", { key: '10da59db83f22e7ef1fa6c1c83294876b5b3e938', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'e4010f483a6a5c0629e8507998a43b6a6659c319', class: "p-2" }, h("form-control-text", { key: 'd14e72b7e46a32c8d22b5c2e5b6dcafb0c4c9a00', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '649dc17525eba4b8ea374487e6b51468e34e497d', class: "p-2" }, h("form-control-select", { key: '82032042a405581d6bcc1ab6a561e2b6f43b283d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '572f99cbf9fe8b4b01a6e4e34575ba83f5c62f25' }, h("table-filters-menu", { key: '21513ea58fa052e458af8a21691935cb9caed5f4', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '6bfe4487288dacdb4c56651d7431cfffcf715755', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9cba47fa96feb4d8cde9a54a7a98023d9b470f7a', class: "p-2" }, h("form-control-text", { key: '4cf78e13a31c8f6b7efeca735d31fd298c0f465a', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '1b3f105d54261c711b52d8730f99c7459c9d12e2', class: "p-2" }, h("form-control-text", { key: '09f4d86fb281bd84c2a47446e4dc5b263c034d8e', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'fb373b529881adee6b2bf3e3e55be3246623b956', class: "p-2" }, h("form-control-select", { key: '373348087fe077b04bd76fbd3cd3d5ab85ca77b8', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -103,7 +103,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '52dcea711707c73644e44b53ef7ae5a695e9b6d4' }, h("terminals-list-core", { key: 'd804664cf67f0e8f4f3eedc653f2679794184798', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '34cb952a43c4ecfd904c3449a05895e10e673a95' }, h("terminals-list-core", { key: '32d981b366889364c4f27a4351aab41ed7d085b5', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/modular-checkout.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as checkoutStore, o as onAnyChange, g as getAvailablePaymentMethodTypes } from './checkout.store.js';
+import { c as checkoutStore, o as onAnyChange, g as getAvailablePaymentMethodTypes, a as getCheckoutState } from './checkout.store.js';
 import { J as JustifiAnalytics, c as checkPkgVersion } from './Analytics.js';
 import './config-state.js';
 import './dinero.js';
@@ -402,6 +402,17 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
             payment_mode: mapTypeToPaymentMode((_e = checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
             payment_token: checkoutStore.paymentToken,
         };
+        if (this.preCompleteHook) {
+            const state = getCheckoutState();
+            try {
+                await new Promise((resolve, reject) => {
+                    this.preCompleteHook(state, () => resolve(), () => reject());
+                });
+            }
+            catch (_f) {
+                return;
+            }
+        }
         this.completeCheckout({
             payment,
             onSuccess: ({ checkout }) => {
@@ -420,12 +431,13 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         });
     }
     render() {
-        return h(Host, { key: 'c0267323f405ad4fbcbac4481aeb5286dc98161b' });
+        return h(Host, { key: '56a003ca1e1ac4bdc1baa8f862cdb05b2d8af4b1' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {
         "authToken": [1, "auth-token"],
         "checkoutId": [1, "checkout-id"],
+        "preCompleteHook": [16],
         "setSelectedPaymentMethod": [64],
         "validate": [64],
         "submitCheckout": [64]

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.2.0-rc.1";
+const version = "6.2.0-rc.3";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/payment-details-core2.js

@@ -62,16 +62,16 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: '11094240e35ca0bd76db9d299d60c3a2d7176701' }, this.loading && h(PaymentDetailsLoading, { key: '38b34ce8300b69ab23b502748a34d7bc5f671b87' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '25299b29dc50e51ef48979414e8a2a0f75ce23ec', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'a6d795adc068f563854db69cd3dba4527d444377', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'db2d1dffb1b79616ff605c6350da7849d387f59b', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '70341064fb59ce20e573b8a406424985a1a52829', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b6a16a404be185b361ec50a17375ecd3ef26bdab', title: "ID", value: this.payment.id })), h("div", { key: 'df9d5f0ae2cd687585027d6de20e9987e4e5f977', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c3d62efa8452c02b178b23d5135eeaa8e800193c', sectionTitle: "Details" }), h("div", { key: 'b2caf669cb9858aa69c8c42204bd9f1f906052b3', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4527285995901be0471bb25d41302ecb01150b38', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'ec3f4850cd2ce2b28df2fba9b70f06f912e5af6c', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ed4465dbb1b74c1ab5a83c280088fc865c22402f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '02f4aff2abf1a8ddfe159581fb326167f1992572', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '063e27c4217198e0c3ea177817e31796783b8d66', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'f5b4b6498cf25df6a77d1587915c3db41adaadaf', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '9e5e1e5448203e428a52198f53857570714058d9', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '93090e93bfa7836a3854980a82a14586fb99f0b7', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '09b5b0562805d2dbaa3a5eaaeb1ea237a1e7c205', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'ccbf84645bdccd117ed822f9e4afaa65df831277', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '865fcf56e5bb76aba8a276765b8e2698835e7c46', sectionTitle: "Payment Method" }),
-            h("div", { key: '52d091a973c5be30d7a37c95450e5de41ce01a8a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4801da20343fe93caaae3e707a33da70bebc7a05', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'f46cad59cf1222499828f792b066ba1adc9aa9c8', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'e9fa4115fce4f488b24eac0d68c3fbf93218dbcc', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '6334b5aba3f7e766036c462c090948410e27c08d', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '90a145f2f8e158a3302eeb8fbb42801b88ff49c0', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'eb7c7b9e01af253487d3ade865353b5859782a8c' }, this.loading && h(PaymentDetailsLoading, { key: '4f042d9998e59085b210a7ea488268078ca12fb8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'd35f98ed3156990336c55d3986a2f1ea1fc2a0e6', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'f1fd72d9b523dc6db719d9d577b3145399fff317', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'ce037497e2bf07c84353017cbee48c280c398d71', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'f9e94a05bb8c67b20f72b0cc3428d87148271469', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '3a80e64ee5a8e4b4e07acfd12b10a3d4b3af38b9', title: "ID", value: this.payment.id })), h("div", { key: 'ac09a688d576d611c96d74155ecb5c6183b57e9b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '503d2152512c2bccd6966dc2f54c1b2d1af9d694', sectionTitle: "Details" }), h("div", { key: '3a4c435ac9ae7f81655dd847423d7f34a449941b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '490549cdc21a4b42d66153e5bba183e1fdfbff20', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '0665f56ec7c62895c911bdaa191f063cd0da6529', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b30dfafd50407f12c381083d43e3d7b8e0b14d7f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'ba2b91ec3a69b2449b7a5c2d1c5a9a4a4af1595e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5dc1d4c9fa4fbc9a267240cfd716a5ed8d741775', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '3199289d3ec0e9dd9a1daab869755fa41471e20d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'f43df0b9c69a499793d7912a201503ea034700a7', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1dff44ec556c75abadbbae41458c48abf5092891', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0d4fd013b36a2d64448fcbe40189ee8cc9c411da', title: "Description", value: this.payment.description }), h(DetailItem, { key: '8276ee51adbe60c0303b3a2b7dfc15abda399449', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '93391e8fb0fdce39c2d849223f2f2dafbc794b8e', sectionTitle: "Payment Method" }),
+            h("div", { key: '30b9228366b6160327f27b0a86c15c9f8ba9bbed', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '21fa5e3dd6798004e4e823c5e64b3b7f761abbf5', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '8a0369f2817d4cdf51e37b2c78a201bf3f9d3255', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '79728446f55d4dbe2565ed1dd07526b5fa5196fa', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '0a946c8984a62c940bf100cb461a038af2e05a5d', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'b8cbc3bcb416520ec2cbbcb94e54cbba1fbe7523', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '0a4692cdb8f85d6e37181ef495137586d5989c59', sectionTitle: "Payment Method" }),
-            h("div", { key: 'baec71158e9b0d69c878fd7fff1931f8acbe3877', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b53045243579be1f4fe19df31776eac0794411bd', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'ff27f3c6b5e6835e2158c67b9df7083ba336fa98', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'c07ae076381ea61731ec8c2ec3e7a0e069ee0c78', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'f891e0e41276b7bc1e1d5cbd9e680fee598c724e', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '18f199f9e7b6080c2c787093e5e160cb26398ce2', sectionTitle: "Payment Method" }),
+            h("div", { key: '0d22d79505a4c7d67bdb27076539e29fd3ebd0cd', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'f3cf2263584b5fa0cf5215fd53496228f974361c', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c1c1b9dd9a7dad9fc6b5ec5a913820772f30a1da', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '7601cf0c2abb01de76e53fc3c629bc398da748a0', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'bc82630978357bde8bf838ccd971d0d485c3d377', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '9c33407c7755ac1746e3fdc6d33f26a617825abd', sectionTitle: 'Metadata' }),
-            h("div", { key: '3c9820b816478e4a17acd9ff4af3fa0d5d99c829', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '272290d21a4cc6b71027808d8011417fd0d5713d', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'ce0765f56d44b4fe78e71409d1719fbd42f4ab20', sectionTitle: 'Metadata' }),
+            h("div", { key: '7dd583a298981969865430fb3695629998e3802b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ecc3461050fd31015ac5bf743b60b0936ab2cd9c', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/payment-method-option.js

@@ -16,7 +16,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'e9d2508bca7640c281b2d7c1240d906f91118027', class: "payment-method" }, h("div", { key: 'e6cc572415e9eea51645081c70463b51effcd7ef', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'e57c30cc26f956eedf5511bd8f8c028b4bf08fee', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '8885a071427ab2d9e6ae371f7706ada2e4f5e5bc', class: "payment-method" }, h("div", { key: '1ccfb0f7ffa2f357117e749f6a80c203406718b5', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '785ee47041948799fedd4a49ce8982db04002f89', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

package/dist/module/payments-list-core2.js

@@ -138,7 +138,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'e4b304800014f90e9200d071099e0dd15682242a' }, h(TableComponent, { key: '038c2e1acb61683dd197e873b061c70d05395e05' }, h(TableHead, { key: 'fd81255bfe0a7e5d742bffd3f80173afd8fe6cf5' }, h(TableHeadRow, { key: '359b37df1c94ca1e07b3b8d269b14a30f7e678bc' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '9fd6f62e02aac2fcb9bdbc4a93f75acce26b490d' }, h(TableLoadingState, { key: 'b63217f3fcf6fad0a431553d6d31b58abc5ebf31', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c33d2c14ef0143ad456c3c4f23fc89039476713a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'afed1e216fecca915ffcf16d92efa96f57158d14', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '463331f0c514c40bb40a0d73dad4e2993ecc65c1' }, h(TableFootRow, { key: '35c63a476b4058d048e53d8cd008dc3bdb1b26db' }, h(TableFootCell, { key: '2c5e1be77fe84aeede22fa7a923071c27f5df4a5', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '90cff6a1c7f6e380d9e3c66037e2fbacfef9a681', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '17ceef0f0fd1dc4fb8e8f8e13fde16b81ab40fa5' }, h(TableComponent, { key: 'd5031ba7e55422997c8a5641e9fe3acd4fb3a9c0' }, h(TableHead, { key: 'cf74e7ec087e4d5ada18975f5c970269f14472f1' }, h(TableHeadRow, { key: 'f2c9932dbb047448527064c5ecc22edf56e31d01' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'c709386eca9d7063bb9e1c986b66e2189ab78e24' }, h(TableLoadingState, { key: '2bec872c8fed48c65081789151d7238ccd24f4b2', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '4367380db418574ec2ac553c2fe8b7edb360f82b', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '55ae13377d95739b2226d57e134bda3e32b73df4', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '636674049a9f97fe725cc471125386478f910b86' }, h(TableFootRow, { key: 'bb5f77ad9f89f5e2d77a930fc9baef222473d2c6' }, h(TableFootCell, { key: 'a9cbead53a129e23b6f530c209578484e1def2b3', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '1370967dcdf1bbeb2aa6a35f2371e68a00571744', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/payout-details-core2.js

@@ -77,9 +77,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'b7654bca327b4a7c7d03edc2c85375a8496e466d' }, this.loading && h(PayoutDetailsLoading, { key: 'b9cda081550abe8f4e4ab33329e13bca3e2bb905' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '9ecaedec9c2f2e8655018ed6c7ec279d31c2817b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '70a0046c360065505965425906cf69dd3e477b04', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '908bae7d95c5649aac6928a2cd49eb4511f87809', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9c49a87f564091498891924f3c645542879264df', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '4953c429840cebd6485f0ded0e330152b50d78b6', title: "ID", value: this.payout.id }), h("div", { key: '08593f7b54ddfe2d24d0b0c4b1d738f57769e671', class: "m-4" }, h(Button, { key: 'cdfa16df03dcbcbd9edd8591e1fc877644ce9465', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'c65296580a275d7fb74e4b95f97e2633bc5fa70c', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c2970c5b956ed035e5ae911c557d9f59c945cd8d', sectionTitle: "Details" }), h("div", { key: '91f0f6e54c79dfea18474e83deba9364b2f3c8f4', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0e2f745c610fa0efddb061edb179aab99b0d9167', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '55e7c25da1f6ad8ed8665b459c74a6f8f2603c2e', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '92b9fcad3ac6658a6b813f30456f6ca8b233198f', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '369bed6889c8c68b6b9dfdd50bc320b64ad4ca5e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'bc2b2283bf87752932a8f4cc8996a394f86f1b44', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '62c1fad6c3b2f8ee500f31acb9b4c1a84f94de79', sectionTitle: "Account" }), h("div", { key: '31fb316e496ef68671b6df80dcf9e6d34d62b2c5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '47e3f14ba46c432fc62f9fedef265281b5477801', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'aa5c179afb349b0253b595866fa26cc94be3f84f', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '420c8b2fd759ccead9bb981af9eef62fa1222844', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a28e32d0a855b6077aba42b7572b7aa40d18240f', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '1518b9279cc6021bd3bbb861940bde3940f314be', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '5df0034950365eee1f59b563f53e1d830bd4edc1', sectionTitle: 'Metadata' }),
-            h("div", { key: '61682a85d734025d6b933b1e1291815c6ae6b0bf', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '10b470329d8131840054ca39410035e73af9ef01', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '12c258bd10e631ac1b2fb43c4e4d4854b02d8d01' }, this.loading && h(PayoutDetailsLoading, { key: '81c217eace20fe276d02d391f930a2684aa12385' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'df1bd819a299df69c0bf5924aa21ea760668d46b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '67544da1ecdb4beee16911cd49009ae3415c576d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '64a28ab7e1bcc90d9487dd229cd07c411a50e4c7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'bcb74d904482f3dd63d1da918b700c1badf8bbd5', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '165b296bdebf16389ef29df825cb24ba34f14556', title: "ID", value: this.payout.id }), h("div", { key: 'bbef430ca28eebc6c120f2f68200219dd1634660', class: "m-4" }, h(Button, { key: '1e51b1278a8f220c2376a004bbc9476307567c74', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '6dd5287d4355a84f0777f701c5b99bc5149954ed', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '92af1ae82f5d53b1e50705aa18590528b19f6455', sectionTitle: "Details" }), h("div", { key: '73e1a84e7b8baabb7b6cc307d2b7fba5457514a9', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b223b147e8cc0a0849edd66a0b6deec2bf9ec55d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '766729d3cd7b85b5635e6bfa4091455a84595635', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '7e4d537a26520d2c06ffadcd7658bb4a8e17b452', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '5fc253ad396300938f2cd95decab094d4da19d5b', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '66c2979dbdf94ba0a53aaca5896d352bc0a5606b', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f0ca6a9c6d93b9841e1220dfde1182cb511c4594', sectionTitle: "Account" }), h("div", { key: 'ad64b1bc364c9d9c1c64b2b1c5dce83f25fb066b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '6ac6c8251641e6d720ff82e0dfc9dbed255a1f0a', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'b955d27a84e0f43693e2474ee4ceab529d7eabda', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c06e3a07965683cefd3dcd4e96c16566f286b230', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '27cacdfeb07a3e27d7a059fedfa49470eb00ce05', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '53442037b6e8c27b78b3da1d0bd13527e9283edb', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '82d65d70219404fbe2eb9a997fa309be02d58046', sectionTitle: 'Metadata' }),
+            h("div", { key: 'b1d86b363afa8a5cf60176b3eba688d2d85b94d4', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ff41f465b338f8cbbaafe4fa60f27a93e3ebde77', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/payouts-list-core2.js

@@ -173,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'cdf6daaa40985bc3925c6f5d5b618102f5168ee0' }, h(TableComponent, { key: '52e74b98af14199c22442fe8b70d2af8c48da931' }, h(TableHead, { key: '65e21eb180a339b71f861c9130e89ad55cda138c' }, h(TableHeadRow, { key: 'b1e2c439fdce4d235fa54560d1952ee84bdfbffa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c3113938a3c99f1fe52b7526f9e3d4a0f3f36ba5' }, h(TableLoadingState, { key: 'eda682acb4f576e34d0068ca2ebbec0561bec0e8', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4aee9df94af9135ab87ce32fc3fb3eec4c27990f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '413d3362c4c3fd0dbae32b7c56d3c45a0f228285', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '8d528bd87a55c41dc3327dfff1aaed84593b70c3' }, h(TableFootRow, { key: '1cd949eaafefe2fadfebcd1320cf4d47f8401d47' }, h(TableFootCell, { key: '057e0a48bf6e2fe35754eb11a53b0179adb08e1f', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '7eb638922c2403586e6737e8696aced00d0188ea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '12ea39142a446522d219ae4504ab2cade5824b3f' }, h(TableComponent, { key: '0ef8b5f3716776ee0fe41e9576a6c97728757142' }, h(TableHead, { key: '6024ecb321bf7d42a6940baefdab0492c87c77ab' }, h(TableHeadRow, { key: 'b80ac981c1f8ad5e06fc1c060961e82b47ac5501' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '9b64e1e8af4fff2f78a8768361d9e3cb0397c493' }, h(TableLoadingState, { key: 'b28518a05714d5671cd094c2b8462c8fc1af5039', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '97845bb480292be454464092ebaddd90bd274821', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '89b1918fc32806dbc786c6de23bc1d8ac4aa359b', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'bf545d589dfd579fcbfde145fee8e667478f2673' }, h(TableFootRow, { key: '05e52684f8923f0dfe0bd3fff3c8f72421ef6485' }, h(TableFootCell, { key: '967d53af83043748db6459f6cd7f153d9d713f37', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '55e154366e2df871c3dcfdd4b93dcaa11da216eb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/plaid-payment-method.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkoutStore, a as onChange } from './checkout.store.js';
+import { c as checkoutStore, b as onChange } from './checkout.store.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';

package/dist/module/product-or-service.js

@@ -41,7 +41,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '116c8109ff66ee49f71dd2942afd87802f0a7c55' }, h("div", { key: 'ad46e75181ecd8c30ba60c11f4d841ced13e77f0', class: "row gy-3" }, h("div", { key: '7247495b2134d3abe73c65f115f82467b0ffbb74', class: "col-12" }, h("h2", { key: 'c9e1e882662d10242bf287c426fa976580521af8', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '4bf80f0e5bbf2fa8f2722bcf55f21339afb6e650', class: "col-12" }, h("form-control-text", { key: '0c29fe5584bcaf6329efa1d24eb1a731459a99f6', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '5a9338d6d046ecc9e9df64cab31c7ba50ce88e7d', class: "col-12" }, h("form-control-date", { key: '51e2d0983faf533fa188e0d679446c2b1b17a9ee', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '237e39cb91eef0d6e5ddcb6c0ff0d4bccb64cfe2', class: "col-12" }, h("form-control-file-v2", { key: '5eee43125a7ded5640735f25c9713fc98666df98', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: 'ae1fdf1a29d12408c3be84b02dcd058cb4c7849b' }, h("div", { key: '499977f5ad1d9bcbddb749b556539cd1b641d3e8', class: "row gy-3" }, h("div", { key: '1318ffbe476b9b0cb662b85f3bc670c66e97f8f5', class: "col-12" }, h("h2", { key: '58bf1ca5a29f3a4942b249f7d35f60f4f9976b62', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '957203535d86a521d5d702d0d85eb09201deab3a', class: "col-12" }, h("form-control-text", { key: 'b02101dd7b3e22b06feea75f451fca6ac1496851', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '5eddaf6586b22c516f5fd48943cfd6f4a7bb83ce', class: "col-12" }, h("form-control-date", { key: 'bbc3a6d58d6f7e123d08802ca933135603476cca', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '4d810ce7ffdd4aec9fb8d1ce81aa8cc23aacb8f7', class: "col-12" }, h("form-control-file-v2", { key: 'c3d029eb2da6364df611604b6956a285dcde63ca', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],