@justifi/webcomponents 5.3.5 → 5.3.6

package/dist/collection/ui-components/form/form-control-file.js

@@ -47,10 +47,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'b42a36acdd4b1ccbe38d3f990c1ad75dcdca427c' }, h("div", { key: 'b77e933e6ec75850cd4f81136ed6c7b1e9d4eab8', class: "form-group d-flex flex-column" }, h("div", { key: '1d106fa3f984f9339be5d532e9909e802506a070', class: "d-flex align-items-start gap-2" }, h("label", { key: '015b1ec3a10e9e6085a07d82a6f50049b33ca72a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7b1920d7910a8cdea94f2264f4525abd6ce12b04', helpText: this.helpText })), h("input", { key: '7fd8b89dc312b0fa773ca3f1286146906dcbcbc9', 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: '459b414fc9afaa62d0160d32fecd5c63df91ec8a' }, h("div", { key: '7ad619feb3c181f49c56a36613e0379f39811ce8', class: "form-group d-flex flex-column" }, h("div", { key: '0314577aa1bd7b28405960156b80800c6fcbc560', class: "d-flex align-items-start gap-2" }, h("label", { key: '0745c59386189944bc564aa20c86a7f6e5be384d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e8fed0f244df3f854a1e9f8c1e0bab6f73371c4c', helpText: this.helpText })), h("input", { key: 'd03436b3841e8be14852fb156698441806658bf6', 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: '5747821abcfedb2bf33a65907f333ea48478c37a', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '2b3f070c8793027a9c64b2572c21d150ba387979', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-monetary.js

@@ -63,10 +63,10 @@ export class MonetaryInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '83294146c6f3ae050163857d50b844539397553a' }, h("div", { key: '07251dfdad902a9a80515b3cc5fd3d66ea623e0c', class: "form-group d-flex flex-column" }, h("label", { key: '96b4419c336b6b75183692f9233759c5f703dc3f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3f4acb21a8d950365446153df63031698032cbf6', class: "input-group" }, h("span", { key: '9d33e13f2740d2c8326eeae18d77210a32436a44', class: "input-group-text", part: text }, "$"), h("input", { key: '8521bd07c63e502699088e45d41f953b28b5fbbe', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7a28909977bd09fa7103d059880f122bc3afc747' }, h("div", { key: 'd5dae0fca0467655a3428dea5317aed87ade7dd5', class: "form-group d-flex flex-column" }, h("label", { key: '215c09684a5f6b18a3de2224db0ce305dcb5fc61', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3be76b68f6138b3cb2ae0f27fc1e8ce04a85c05c', class: "input-group" }, h("span", { key: '6fb0aa890cbdf552569ca36e87fa24ca26c227f5', class: "input-group-text", part: text }, "$"), h("input", { key: '1a0e63153996d721de870de3afb8f0302a900756', 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: '8158ef70a7e3179433bf0d06b6ab3ac84cc99432', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2ff89c0f5b9667b7a93f580891f1e314528c5d14', 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: '6ba880560bf3e612b10cb8fa718dffa6aeb3cac5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4286ed22b5c36440dfeca603c3220978b22abdd9', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number-masked.js

@@ -67,10 +67,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: 'ce4be8f8dbc45d56729f8dc410782d543d6d36bb' }, h("div", { key: 'f541c120af578d82943b6ad74d0b9c3072b885ff', class: "form-group d-flex flex-column" }, h("div", { key: 'bcb14b211d16aae90f30a9668988dfe9c8828b1d', class: "d-flex align-items-start gap-2" }, h("label", { key: '00e7d4b05a71de70d6b835c6c7bafefbdc9c334e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e327c42167cc82a32761759a51f8894f615dc682', helpText: this.helpText })), h("input", { key: 'fe0a584dba22642e87bb7ed60289e33ca9d68a5b', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'b1294e37ae6b189ce0be808644b37ad2d8ef98a1' }, h("div", { key: '8eaf122e331606a8a2c59e29b06cf5538dbaca2d', class: "form-group d-flex flex-column" }, h("div", { key: '8d6e75f18ba9e30f5c5d65eabf9ceda339b95e27', class: "d-flex align-items-start gap-2" }, h("label", { key: '865e5c6da0b5bdf17044f8f1735b7716c8f42abd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae223b57ae6742df71af2dc50cfd761167e6ec9', helpText: this.helpText })), h("input", { key: '57fd46683614a161d133bedad973b8b7b63181ac', 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: 'b0c95b90958073dd5c695dad53618536a1f0ddae', 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: '08049568eafa338d602ae7ca8bfef0612b480f0e', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number-masked"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number.js

@@ -43,10 +43,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '7f0a9eb69396c743a326a7c800c1a44758e9021e' }, h("div", { key: 'c6690d26559078214bc996c67d9d7822d8602b40', class: 'form-group d-flex flex-column' }, h("label", { key: 'b7fa671a2f4c16b748c266433ac8b3f0106a667f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '487e6a423ba4f215f0c6937f83623d2c7fade9d2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '2384acdb57de4385cc807c1c8de78460018168b7' }, h("div", { key: 'abcba3127958fcd7a01b0a3f16cc20072e5fbc3f', class: 'form-group d-flex flex-column' }, h("label", { key: '5bee8f69bfbcdb66e4f9b80b1bfccdcfd22f6a9a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '1d232c2c0b07af9faaacb1fcc926e8c7838f6769', 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: '1013d3b9060dca903372a6a15e340b0e07d011e7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4911a0cd712df5789e9ebde0e10e8e0e323f908c', 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: 'd03c05c82aec034fd0d7d72b3ccb00527bbf8559', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '6da5711c44b703bcb72257206c3b0b308890db47', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-radio.js

@@ -34,10 +34,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'bfa0d204b4a34281c66a890e74d2cbabdde704b9', class: 'form-group d-flex flex-column' }, h("div", { key: 'f2d9e0158d35806119570996eb33b261e163f66b', class: "form-check" }, h("input", { key: '08de0c12111ed8a20c763c9b1e3b503ee069c6df', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e82324f1559f95c0de0b7ccfea3e0d24cf7b111f', class: 'form-group d-flex flex-column' }, h("div", { key: 'aa98c0018d8e29075fba54ee97a8890a478d8008', class: "form-check" }, h("input", { key: 'ca3f39c4882bc580992d99382b577131b2ebf8d2', 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: '24fb4d3d6308992b65b0346dff2fd87865b1a244', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'a70371f57745f7b1929f75610bb8a769bb99a515', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3860ec0a17a2775905e268739564791925a87fb9', 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: 'b54b032ae6fcb6220f113a5959a4faa5869d2085', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '97508e5f8e25714f661bf3f5633a144fedf116a6', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7ea160cc96a71a87fa77d6d0a3012340b6dc8a3f', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-text.js

@@ -45,10 +45,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '5fd5420403a86c3a3cd1051bc195ce2aad1efce1' }, h("div", { key: 'd145ef0c3ef1ac6e5d5bce4faf6dd19a6e96b34a', class: "form-group d-flex flex-column" }, h("div", { key: 'a4f8efe5b6d8862388ac3a564ebe7522e3b5643a', class: "d-flex align-items-start gap-2" }, h("label", { key: '3e3d0f3d8ba2e32e9b18002e5884ccadd2ca8194', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '199ddd92c25bfa7ac6cde94bfe40087645ee3370', helpText: this.helpText })), h("input", { key: 'f960d4968f7c71b7eaa69610b16462ee84e62b91', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '58d3e4003254d47d57421a2b98c4c3c4ae1ad7d7' }, h("div", { key: 'ef490c45923857d072b54511d28289231843d6d4', class: "form-group d-flex flex-column" }, h("div", { key: '4554059b6543dee11f4baf897161a0403067d9fc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9aac34dbea8460850416432b26c341de0fd709f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9c71653212fc53843f7ef0ab99c7b4458a0c54cc', helpText: this.helpText })), h("input", { key: 'c014ebd061185484c91229bbe0b0dc89e66c7b03', 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: '9eda3817d987fac142a584d95b6242950658eb5f', 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: 'a885a023a35e3801365d97e22c54615b77d45863', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-text"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-textarea.js

@@ -47,10 +47,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'bd2917d7d1b655c1c901a3a3de5d7184fedb1c3d' }, h("div", { key: '87e1651c5cc4ad9d88bcfc29278d797e30e285e0', class: "form-group d-flex flex-column" }, h("label", { key: 'ea65895b454b1f92550100849354ee0a63493501', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'f069eee75bbebc663e18648c441969e4c0893b61', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b9f052bd19ff3dffb1bf486eaa988aa081383f05' }, h("div", { key: 'bc3d6526bfba0d4f38c68d715ff8bc460665ffc7', class: "form-group d-flex flex-column" }, h("label", { key: '264321d3052d3204bac5426e5db2e30819ac953b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'b5edc70861405d2ee6fb6624e0b95238c3bed284', 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: '804bc50bd1fa9763a23ccff43c7afb0485a0ef4c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '42b936fd91f1b7b2d0fea7e08b393e28bd83d07c', 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: '3bc58430816f0d63741d112a3604c862d7638dc4', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2343df1050ff0da2cab5296f1cbc6cbc0811f77d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-textarea"; }
     static get properties() {

package/dist/collection/ui-components/form/hidden-input.js

@@ -73,7 +73,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '68a2c54e46bbac93bee4a47e94d73d88104fb22b' }, h("input", { key: 'b558c0fe75e6c6cdd394a74e7abb4d6da8e7f4e9', 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: '5e5df7c2342492db0a92b0ec65f618561a2208fe' }, h("input", { key: '5dde25325cec14f6d96701243e58efca141d4b5e', 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' } })));
     }
     static get is() { return "hidden-input"; }
     static get states() {

package/dist/collection/ui-components/form/iframe-input.js

@@ -81,10 +81,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: '8bd5db2440fd1b9fac9cc543351dc131b275848f', class: "form-group d-flex flex-column" }, h("div", { key: '5cb9d0b36e11eecaa83aaece84cbfa6255adc5ec', style: {
+        return (h(Host, { key: 'e818cf95e3137d0e831ca05cb1fefeed7d8ea487', class: "form-group d-flex flex-column" }, h("div", { key: '55d3af9ab22c267c4ee7d00fdcea3f4cb7339685', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '4bbf84b5246bae6b6951e7148b75cd5aea31f085', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b9322c63b4d85cb7622bba2d2f2c5860d7ecc11a', 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: 'fdec589df0be0aab897c06f97b028791d9311ff7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '9999761a3925081bf9ebcbc3a229306fcf9902ae', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '979c124113a08e50bbc8983549e98451823d0aaa', 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: '3fc09b6a212b3d0f63f2d7cc9f0037be5afd6d58', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -94,7 +94,7 @@ export class IframeInput {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '86d9464628d833e2526b50648eb87abeec20b24d', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'a9d8f075d0b827bab2e00053d3a7575557b14464', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-05T15:13:52",
+  "timestamp": "2025-03-07T16:23:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -11566,6 +11566,28 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "shipping",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "shipping",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
@@ -11589,6 +11611,20 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "submit-event",
+          "detail": "any",
+          "bubbles": true,
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -15849,7 +15885,7 @@
       "usage": {},
       "props": [
         {
-          "name": "apiOrigin",
+          "name": "accountId",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -15857,21 +15893,20 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "api-origin",
+          "attr": "account-id",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "PROXY_API_ORIGIN",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         },
         {
-          "name": "authToken",
+          "name": "apiOrigin",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -15879,20 +15914,21 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "auth-token",
+          "attr": "api-origin",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "PROXY_API_ORIGIN",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
-          "name": "businessId",
+          "name": "authToken",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -15900,7 +15936,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "business-id",
+          "attr": "auth-token",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -15936,7 +15972,28 @@
         }
       ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "error-event",
+          "detail": "ComponentErrorEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "ComponentErrorEvent",
+            "resolved": "ComponentErrorEvent",
+            "references": {
+              "ComponentErrorEvent": {
+                "location": "import",
+                "path": "../../api",
+                "id": "src/api/index.ts::ComponentErrorEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -18162,14 +18219,40 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "click-event",
+          "detail": "ComponentClickEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "ComponentClickEvent",
+            "resolved": "ComponentClickEvent",
+            "references": {
+              "ComponentClickEvent": {
+                "location": "import",
+                "path": "../../api",
+                "id": "src/api/index.ts::ComponentClickEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "error-event",
-          "detail": "any",
+          "detail": "ComponentErrorEvent",
           "bubbles": true,
           "complexType": {
-            "original": "any",
-            "resolved": "any",
-            "references": {}
+            "original": "ComponentErrorEvent",
+            "resolved": "ComponentErrorEvent",
+            "references": {
+              "ComponentErrorEvent": {
+                "location": "import",
+                "path": "../../api",
+                "id": "src/api/index.ts::ComponentErrorEvent"
+              }
+            }
           },
           "cancelable": true,
           "composed": true,
@@ -18197,7 +18280,7 @@
       }
     },
     {
-      "filePath": "src/components/terminal-quantity-selector/terminal-quantity-selector.tsx",
+      "filePath": "src/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.tsx",
       "encapsulation": "none",
       "tag": "terminal-quantity-selector",
       "readme": "# terminal-quantity-selector\n\n\n",
@@ -18299,7 +18382,7 @@
             "references": {
               "TerminalModelName": {
                 "location": "import",
-                "path": "../../api",
+                "path": "../../../api",
                 "id": "src/api/index.ts::TerminalModelName"
               }
             }
@@ -18336,7 +18419,7 @@
             "references": {
               "TerminalModelName": {
                 "location": "import",
-                "path": "../../api",
+                "path": "../../../api",
                 "id": "src/api/index.ts::TerminalModelName"
               }
             }
@@ -18664,6 +18747,11 @@
       "docstring": "",
       "path": "src/components/refund-form/refund-form-schema.ts"
     },
+    "src/api/index.ts::ComponentClickEvent": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "src/api/index.ts"
+    },
     "src/api/index.ts::ITerminalStatus": {
       "declaration": "any",
       "docstring": "",

package/dist/esm/{SubAccount-f31bdeb4.js → SubAccount-dbd4e50c.js}

@@ -78,6 +78,7 @@ var TerminalOrderType;
 })(TerminalOrderType || (TerminalOrderType = {}));
 var TerminalOrderStatus;
 (function (TerminalOrderStatus) {
+    TerminalOrderStatus["created"] = "created";
     TerminalOrderStatus["submitted"] = "submitted";
     TerminalOrderStatus["completed"] = "completed";
 })(TerminalOrderStatus || (TerminalOrderStatus = {}));
@@ -98,7 +99,6 @@ class TerminalOrder {
         return {
             business_id: this.business_id,
             account_id: this.account_id,
-            provider: this.provider,
             order_type: this.order_type,
             order_items: this.order_items,
         };
@@ -172,4 +172,4 @@ class SubAccount {
     }
 }
 
-export { ITerminalStatus as I, Payout as P, SubAccount as S, TerminalModel as T, TerminalOrder as a, Terminal as b };
+export { ITerminalStatus as I, Payout as P, SubAccount as S, TerminalModel as T, TerminalOrder as a, TerminalOrderType as b, Terminal as c };

package/dist/esm/additional-questions-details_5.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-29fcfdf5.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-e7df4815.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-4cb0d852.js';
 import { i as isEmptyObject, s as snakeCaseToHumanReadable, h as formatMediumDate } from './utils-c37124fc.js';
-import './parts-18c966b1.js';
+import './parts-2c5c609b.js';
 
 const AdditionalQuestionsDetails = class {
     constructor(hostRef) {

package/dist/esm/{badge-7768a2b1.js → badge-6f5acf30.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { n as badge, o as badgePrimary, p as badgeSecondary, q as badgeSuccess, r as badgeDanger, u as badgeWarning, v as badgeInfo, w as badgeLight, x as badgeDark } from './parts-18c966b1.js';
+import { n as badge, o as badgePrimary, p as badgeSecondary, q as badgeSuccess, r as badgeDanger, u as badgeWarning, v as badgeInfo, w as badgeLight, x as badgeDark } from './parts-2c5c609b.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

package/dist/esm/bank-account-document-form-inputs_4.entry.js

@@ -3,15 +3,15 @@ import './ComponentError-c61dce41.js';
 import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-dbd4e50c.js';
 import { E as EntityDocumentType } from './Document-1907c0d4.js';
 import { c as bankAccountTypeOptions } from './business-form-options-86a13078.js';
 import './event-types-5c87de02.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
 import { s as snakeCaseToHumanReadable, b as formatDate, k as formatTimeSeconds } from './utils-c37124fc.js';
-import { a2 as card, h as heading2, Q as table, k as tableHeadCell, R as tableCell, l as label, c as input, b as inputInvalid, a3 as inputDisabled, a as inputFocused } from './parts-18c966b1.js';
-import { S as Skeleton } from './skeleton-ca37b248.js';
-import { F as FormControlErrorText } from './form-control-error-text-923afdfa.js';
+import { a0 as card, h as heading2, P as table, k as tableHeadCell, Q as tableCell, l as label, c as input, b as inputInvalid, a1 as inputDisabled, a as inputFocused } from './parts-2c5c609b.js';
+import { S as Skeleton } from './skeleton-122648e6.js';
+import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
 import './Dispute-5fd28ec9.js';
 import './Business-0855931c.js';
 import './helpers-96ea3464.js';
@@ -112,10 +112,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: 'b42a36acdd4b1ccbe38d3f990c1ad75dcdca427c' }, h("div", { key: 'b77e933e6ec75850cd4f81136ed6c7b1e9d4eab8', class: "form-group d-flex flex-column" }, h("div", { key: '1d106fa3f984f9339be5d532e9909e802506a070', class: "d-flex align-items-start gap-2" }, h("label", { key: '015b1ec3a10e9e6085a07d82a6f50049b33ca72a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7b1920d7910a8cdea94f2264f4525abd6ce12b04', helpText: this.helpText })), h("input", { key: '7fd8b89dc312b0fa773ca3f1286146906dcbcbc9', 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: '459b414fc9afaa62d0160d32fecd5c63df91ec8a' }, h("div", { key: '7ad619feb3c181f49c56a36613e0379f39811ce8', class: "form-group d-flex flex-column" }, h("div", { key: '0314577aa1bd7b28405960156b80800c6fcbc560', class: "d-flex align-items-start gap-2" }, h("label", { key: '0745c59386189944bc564aa20c86a7f6e5be384d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e8fed0f244df3f854a1e9f8c1e0bab6f73371c4c', helpText: this.helpText })), h("input", { key: 'd03436b3841e8be14852fb156698441806658bf6', 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: '5747821abcfedb2bf33a65907f333ea48478c37a', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '2b3f070c8793027a9c64b2572c21d150ba387979', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/bank-account-form_9.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, H as Host, c as createEvent } from './index-29fcfdf5.js';
-import { S as Skeleton } from './skeleton-ca37b248.js';
+import { S as Skeleton } from './skeleton-122648e6.js';
 import { i as iframeInputStylesSet } from './iframe-input-styles-state-ff730fe5.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, _ as billingForm, $ as radioListItem } from './parts-18c966b1.js';
-import { H as Header3 } from './header-3-ca7bb57b.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, Z as billingForm, _ as radioListItem } from './parts-2c5c609b.js';
+import { H as Header3 } from './header-3-b90e161e.js';
 import { a as PaymentMethodTypes } from './Payment-82d2f453.js';
 import { j as snakeToCamel, f as formatCurrency } from './utils-c37124fc.js';
 import './index-a47fdc7f.js';
@@ -191,7 +191,7 @@ const HiddenInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '68a2c54e46bbac93bee4a47e94d73d88104fb22b' }, h("input", { key: 'b558c0fe75e6c6cdd394a74e7abb4d6da8e7f4e9', 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: '5e5df7c2342492db0a92b0ec65f618561a2208fe' }, h("input", { key: '5dde25325cec14f6d96701243e58efca141d4b5e', 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' } })));
     }
 };
 

package/dist/esm/billing-form_3.entry.js

@@ -3,10 +3,10 @@ import { c as create$3, F as FormController } from './index.esm-0b6849c2.js';
 import { u as identityNameValidation, l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation } from './schema-validations-b1aec6a0.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
-import { F as FormControlErrorText } from './form-control-error-text-923afdfa.js';
-import { p as packageJson } from './package-b9d805ae.js';
+import { F as FormControlErrorText } from './form-control-error-text-466c252b.js';
+import { p as packageJson } from './package-46c7f3a6.js';
 import { a as iframeInputStyles } from './iframe-input-styles-state-ff730fe5.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-18c966b1.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-2c5c609b.js';
 import './business-form-options-86a13078.js';
 import './Business-0855931c.js';
 import './helpers-96ea3464.js';
@@ -1670,10 +1670,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (h(Host, { key: '8bd5db2440fd1b9fac9cc543351dc131b275848f', class: "form-group d-flex flex-column" }, h("div", { key: '5cb9d0b36e11eecaa83aaece84cbfa6255adc5ec', style: {
+        return (h(Host, { key: 'e818cf95e3137d0e831ca05cb1fefeed7d8ea487', class: "form-group d-flex flex-column" }, h("div", { key: '55d3af9ab22c267c4ee7d00fdcea3f4cb7339685', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '4bbf84b5246bae6b6951e7148b75cd5aea31f085', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b9322c63b4d85cb7622bba2d2f2c5860d7ecc11a', 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: 'fdec589df0be0aab897c06f97b028791d9311ff7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '9999761a3925081bf9ebcbc3a229306fcf9902ae', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '979c124113a08e50bbc8983549e98451823d0aaa', 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: '3fc09b6a212b3d0f63f2d7cc9f0037be5afd6d58', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1683,7 +1683,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '86d9464628d833e2526b50648eb87abeec20b24d', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'a9d8f075d0b827bab2e00053d3a7575557b14464', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/business-details-core.entry.js

@@ -1,8 +1,8 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-29fcfdf5.js';
-import { E as ErrorState } from './utils-e7df4815.js';
+import { E as ErrorState } from './utils-4cb0d852.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { S as Skeleton } from './skeleton-ca37b248.js';
-import './parts-18c966b1.js';
+import { S as Skeleton } from './skeleton-122648e6.js';
+import './parts-2c5c609b.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" },

package/dist/esm/{button-b3d07089.js → button-79dcea75.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { f as buttonLoading, g as buttonPrimary, j as buttonSecondary } from './parts-18c966b1.js';
+import { f as buttonLoading, g as buttonPrimary, j as buttonSecondary } from './parts-2c5c609b.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/esm/{Analytics-d0f79dc3.js → check-pkg-version-8e7e585e.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-b9d805ae.js';
+import { p as packageJson } from './package-46c7f3a6.js';
 import { A as Api } from './Api-391d00e2.js';
 
 class AnalyticsService {
@@ -79,4 +79,23 @@ class JustifiAnalytics {
     }
 }
 
-export { JustifiAnalytics as J };
+const latestVersion = async (packageName) => {
+    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
+    const json = await response.json();
+    return json.version;
+};
+const checkPkgVersion = async () => {
+    const version = packageJson.version;
+    const packageName = packageJson.name;
+    const latest = await latestVersion(packageName);
+    // remove rc from version and everything that comes after -rc
+    const latestNotRC = latest.replace(/-rc.*/, '');
+    // checkif there's a major version difference
+    const versionParts = version.split('.');
+    const latestParts = latest.split('.');
+    if (versionParts[0] !== latestParts[0]) {
+        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
+    }
+};
+
+export { JustifiAnalytics as J, checkPkgVersion as c };

package/dist/esm/{checkout.service-020aaf97.js → checkout.service-382a16ec.js}

@@ -3,7 +3,7 @@ import './ComponentError-c61dce41.js';
 import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-dbd4e50c.js';
 import './Document-1907c0d4.js';
 
 class CheckoutService {

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

@@ -3,17 +3,16 @@ import './ComponentError-c61dce41.js';
 import './Checkout-2bc873fb.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-f31bdeb4.js';
+import './SubAccount-dbd4e50c.js';
 import './Document-1907c0d4.js';
-import { Q as table, R as tableCell } from './parts-18c966b1.js';
-import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table-03e4dfc0.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-974c57ba.js';
+import { P as table, Q as tableCell } from './parts-2c5c609b.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-82515a49.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-8a53cef9.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-7bdf00bd.js';
-import { T as TableClickActions } from './event-types-0a83d0b4.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
-import './spinner-30abb9b0.js';
-import './badge-7768a2b1.js';
+import './spinner-14cd9ac7.js';
+import './badge-6f5acf30.js';
 import './index-a47fdc7f.js';
 
 const CheckoutsListCore = class {