@justifi/webcomponents 6.14.5 → 6.15.0-rc.1

package/dist/cjs/form-control-date.cjs.entry.js

@@ -49,10 +49,10 @@ const FormControlDate = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'a7bf2b14b5b1d29ea4ae370c440d9fbeac550ca4' }, index.h("div", { key: 'bdb2162f367f5fdec34fae2d8732d084958246da', class: "form-group d-flex flex-column" }, index.h("div", { key: 'eb9483d77d8f1d1effd3278b83e4540b6017ee4c', class: "d-flex gap-2" }, index.h("label", { key: '2947a82052e88c4bb44d9d32e409d7a39baf157f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'edfbc6ddb02cb5d70abd0867f8da8bab860ba598', helpText: this.helpText })), index.h("input", { key: '2a2d8d464e330ae2ba56f76dadede59c180cdcb6', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '24bf801c8530d3781d4521c8e2aee29f040ba11c' }, index.h("div", { key: '2030ff94ccf0ca259e90628bcae1f29e830c49de', class: "form-group d-flex flex-column" }, index.h("div", { key: '835a4fc81ea2b3314149da7bc21a2ff3c4b44943', class: "d-flex gap-2" }, index.h("label", { key: '7b4cacd4b6d6aa4890ef633964b70a00feac676c', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '46b45e3b0872aee99741862015f11c89f2770718', helpText: this.helpText })), index.h("input", { key: 'd0758de14bd7196b7b218afcfadd433a1490b0e0', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '8837370dd05097b6d43489855ac87eff8270ae25', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: 'e62754242b8791cf9c723fb7dc3a247259af4c18', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -14,7 +14,7 @@ const FormControlFileV2 = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '52fee4080e9475313f4043c1a1e116d07881fd72', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'efe6ee7fae0693fad8086e7849fdc03a01525368', class: "form-group d-flex flex-column" }, index.h("div", { key: 'dd224535e329aa82cc86be2f32f40b4a8904e1bc', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '6cee04c50d6eaba123d00ee5ffdad036e46bbf7d', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '30e545c71fa6a5e4eac985ea6073dc5b2ab78629', helpText: this.helpText })), index.h("input", { key: '3ba7425da1d80314acdd0050c90aa8a795473584', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '9ad4526e2937d98d555b325e60d20dc7305ee786', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '126751292134f9287c1515db834f0485c2fd06a7', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'b58a7a17af7ad91715ef47c901109b1f6dff9899', class: "form-group d-flex flex-column" }, index.h("div", { key: 'eb464b05d2fa376c996f64307f631268d31c786a', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '0290614c933f57683866d0cc242488461af52061', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ec7f81546fa75b28dd86c5b01aa7448b4973b320', helpText: this.helpText })), index.h("input", { key: '10e971984efa55233896aa3550054f1bd576d38f', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '9eb539f07b58278bdf9cd6ba0abe93c12d548f00', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -64,10 +64,10 @@ const FormControlTextarea = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'f6c4833f4a582e5b310b89356716acce6ef24f8f' }, index.h("div", { key: 'dc576c3df86ede178fef9dd2975ea2307fd1bd5f', class: "form-group d-flex flex-column" }, index.h("label", { key: '4217d6bbe9fb6331c2ab5e9d043659079a7af1dc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '42ab7f076431ee0a1e744eb648de1590e39554f7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '38a1df15414183fb880c0591c571485cdb25171d' }, index.h("div", { key: '5e784dc692cb1485fe047d935325a25814486fa6', class: "form-group d-flex flex-column" }, index.h("label", { key: '1dc05dec6cea4bbf9ba8ffada82af711404f0824', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '06f3d3f3855e0665bf53fa29b1b60ff5a095bc08', 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 }), index.h("form-control-help-text", { key: 'a1d8a2b674e5faf81c778a07ca270094f77e7281', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'a47839b4edc4007b6c9dfc1b6689dd1e1750cc60', 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 }), index.h("form-control-help-text", { key: '58c54e79b3df71b78a7a4e217e4639d1db891f0f', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'c421126159489a14fda61b9c7e3430965362702d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/form-control-file.cjs.entry.js

@@ -48,10 +48,10 @@ const FormControlFile = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '9463f54c8850245de8d3ae92a45447fe8d2ce329' }, index.h("div", { key: 'fec5946a226ef5c270514e6b1f8a95de60d6bcb0', class: "form-group d-flex flex-column" }, index.h("div", { key: '95783cbeab704b1b970af6619191667991814e73', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'c258720ecba808fcf18d3408569b4e391ca0e31f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '280b23806bc9616506eb56025318b5c6fe395762', helpText: this.helpText })), index.h("input", { key: '2fcdd1ad6c923de9b28587ee3d1349d0fdf021eb', 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 (index.h(index.Host, { key: 'fef20fda4ea06209e00414aa76fa1a1f51f36c9b' }, index.h("div", { key: '0f0c8ad43992eaecca08fc9f17b8bc8ddd05db34', class: "form-group d-flex flex-column" }, index.h("div", { key: 'bf34365ec7a4389d86b4c66739317ccdb66d29ab', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '4bb0b05cbe1a2ee377e62546b4912b10caead7eb', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'f2835e5c1c4f85805bc43524c7aa9523c726a60e', helpText: this.helpText })), index.h("input", { key: '613b1fae37b8e4c09ba1b6d42ea258e012ca4427', 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();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: 'df64bb1a0ac921da01fa8a4c3b63a8f5880781d2', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: 'c51b148397176578b3f99c9550e33ed7e2041782', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -51,10 +51,10 @@ const FormControlMonetary = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '6b13b9d4871571ab80480c044b813f70db17a85b' }, index.h("div", { key: 'de33d4a9dc8c5b5048c8b95d9c860433cb488c7c', class: "form-group d-flex flex-column" }, index.h("label", { key: 'e243e257c45018233a948c880e4fb15676f1b776', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'c490aa1db17d5a181666631cd95c509dbb32aece', name: this.name, helpText: this.helpText }), index.h("div", { key: '69dd679301294e3c6a31ce0b880ec291ee6cf23e', class: "input-group" }, index.h("span", { key: '71ed3716a7ea67933950b2140db4552799968193', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: 'a1ddad4f875b56fde2d1a0054dd2cfe0c3797e0d', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '75334e0b6e8fe81520e7cc63fc2f75e6d3cb003d' }, index.h("div", { key: '87614554e0b1e8869a2c0a4720b3b829c11806d9', class: "form-group d-flex flex-column" }, index.h("label", { key: '8a102611fa774e4cc45200213497035060bead70', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'e59c711fa4aee5691b282eda8854ee846566943a', name: this.name, helpText: this.helpText }), index.h("div", { key: '657787e9d25c59a42b53c9b7c11ad5a40270b967', class: "input-group" }, index.h("span", { key: '6dc19d2560caf09b45a7fbbf6a94efad8fc96fd4', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '58580f4041310d855069a85fe8b7e84524cb8966', 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 })), index.h(formControlErrorText.FormControlErrorText, { key: '6bce010df58a187981efcad682cdc54150422bd6', 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 })), index.h(formControlErrorText.FormControlErrorText, { key: 'd3702fe61cc90977fea9a23ab9e65ba3e5a74205', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-number_2.cjs.entry.js

@@ -50,10 +50,10 @@ const FormControlNumber = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'a47de1fbb4fbd97b47c4dc934d58a628c65f1dbf' }, index.h("div", { key: 'bbd063c3f0c68bdad5f1849fed8ac318ebb423ef', class: 'form-group d-flex flex-column' }, index.h("label", { key: '796cb0253dc523ceb21464f3ce528509abffecfa', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '8ceaf162d7db2c639b679a431dea7b962593eb09', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '520face5a6f8bd30233610b773f277ea04b2349e' }, index.h("div", { key: '87b54db4501ce1cc1dedc0656e42159107902f3c', class: 'form-group d-flex flex-column' }, index.h("label", { key: '4984f482709f356c4684b6123c01c8b7b43dbbe8', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'a9052240dca26a846003f4e7e99debaaf9c35ec7', 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 }), index.h(formControlHelpText.FormControlHelpText, { key: '6935e075c057a55f0af02051eb97310b187ae807', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '019b48db586768219622e657e121772e4f0203c5', 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 }), index.h(formControlHelpText.FormControlHelpText, { key: '8e6e293652a1d32ab082dc6f79e9ccb75e2d2e14', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '011bd1354a1ef83641232a4f6ad1dc1cf09de17b', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -35,10 +35,10 @@ const FormControlRadio = class {
         return parts.inputRadio;
     }
     render() {
-        return (index.h(index.Host, { key: '0c6362e375e04d23c7e31a6be9ea6a43fbfdaac2', class: 'form-group d-flex flex-column' }, index.h("div", { key: '81b22f74d5b872318e121a2be0cbd8108c3f32ec', class: "form-check" }, index.h("input", { key: '903e8b0ad9cb30241d175da091de758bf4ac2471', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '802ff968414caa31fc93903ca89537d34708e0eb', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'b782870c627ff9e85182d32ebb4f98af05e6c59b', class: "form-check" }, index.h("input", { key: '9e6f410196aeca8efde42ef45789e30472e70d68', 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 }), index.h("label", { key: 'df1402687b5965cbbd41ab65dc3de46a2e6e86b8', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: 'cf5498002674765b9cc5a0a09be1851be4221e9f', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'c5b50668f0451d1d5cbf94c1399057758ac93a5e', 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 }), index.h("label", { key: '5e4e244d6366d64035471bbaa06e30c3f825c140', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '4ae7c930736d206deec1ddd192c516c92a20f892', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'dc79053a9726e91b855fa1cf5264856fb2c1d7fb', errorText: this.errorText, name: this.name })));
     }
 };
 

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

@@ -42,10 +42,10 @@ const FormControlSelect = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '181f9882efa122d1158475b03c5d91b6a596a029' }, index.h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), index.h("select", { key: '8105c889f7fdb9376848c6057ccd58b9c62841a4', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '1bf4b5a98883ea56ee00cc10c8e665c5816322f9' }, index.h("div", { key: '9c36f16f9fad894ffe4ae9e665fae50839fbac58', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f81841ffb7bf19c6460a087cec95617aa3a983a2', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'd17ae46135877411c2aa15b5a2390c31ca791955', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '2e0c07c7f0421547271c18fa1919e97b1735a6ba', helpText: this.helpText })), index.h("select", { key: '5c68fb7f1ae8c55b3c52730286f2b33391b619cc', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: '061a26387560f0b8085e83e1c373a43340146469', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: '43c4397970628eabb1554d9352808566aa219a7a', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -90,10 +90,10 @@ const FormControlText = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '5732a2a92dd945b8520e277bf10e22ea296b0949' }, index.h("div", { key: '9f58456015584c0cd945686e8bc7d629f46a39a2', class: "form-group d-flex flex-column" }, index.h("div", { key: '1dccca5e3f97a41e895e7572f24f0e21d2b912c1', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '54d52a444a22f460579911ecf869633b041bcab9', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '65f9c29cb659be24d88697c72dac422c70431209', helpText: this.helpText })), index.h("input", { key: 'ba4b46b0e3e66112ed90e64425de6fd9c97559d2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'd5da001e89033cf864424d99675b6f5fbe44cd93' }, index.h("div", { key: '753cf0dc5a584368da89079b34d7176b3b9ac29b', class: "form-group d-flex flex-column" }, index.h("div", { key: '4dbb0d4de88bf0f6d28b1b902c9c77ba2b06f70d', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'ede8f0582b639d5cb4b829a89ae313b3df69ec71', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'f0414539f6e9c0b44b8f3ead71c1e5741ca47359', helpText: this.helpText })), index.h("input", { key: '2720e10473b5ac6e99c745cf14912670fe5cef0e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: 'f7bf2c8f5f1c30cfdc4e6c2927434a50f7f58add', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: 'abb212dba851919df2cfc6db6a59ac9354c20919', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{get-business-BBDsPv-b.js → get-business-BpaRbn5S.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var Business = require('./Business-oBifyXkW.js');
-var Plaid = require('./Plaid-B2o4c_Ej.js');
-var utils = require('./utils-WrOn06xB.js');
+var Plaid = require('./Plaid-D85oV9FN.js');
+var utils = require('./utils-CBriZzRC.js');
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/cjs/{get-payment-details-BYZeUFAB.js → get-payment-details-Cmg8gWvo.js}

@@ -2,10 +2,10 @@
 
 require('./config-state-C1YMiFpR.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-B2o4c_Ej.js');
+var Plaid = require('./Plaid-D85oV9FN.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-var utils = require('./utils-WrOn06xB.js');
+var utils = require('./utils-CBriZzRC.js');
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/cjs/{get-subaccounts-B7e8Eovg.js → get-subaccounts-d4CUegsn.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var Api = require('./Api-BzB0rppJ.js');
-var Plaid = require('./Plaid-B2o4c_Ej.js');
+var Api = require('./Api--EGkA-pT.js');
+var Plaid = require('./Plaid-D85oV9FN.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./config-state-C1YMiFpR.js');
 require('./dinero-BwNN_k7x.js');
-var utils = require('./utils-WrOn06xB.js');
+var utils = require('./utils-CBriZzRC.js');
 
 const api = Api.Api();
 class SubAccountService {

package/dist/cjs/{index-CajjbB9t.js → index-DDa1jd08.js}

@@ -6,6 +6,8 @@ exports.PAYMENT_MODE = void 0;
     PAYMENT_MODE["BNPL"] = "bnpl";
     PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
     PAYMENT_MODE["GOOGLE_PAY"] = "google_pay";
+    PAYMENT_MODE["PAYPAL"] = "paypal";
+    PAYMENT_MODE["VENMO"] = "venmo";
 })(exports.PAYMENT_MODE || (exports.PAYMENT_MODE = {}));
 // Maps the backend payment method types to the frontend payment method types
 var PAYMENT_METHOD_TYPES;
@@ -28,6 +30,8 @@ exports.PAYMENT_METHODS = void 0;
     PAYMENT_METHODS["GOOGLE_PAY"] = "google_pay";
     PAYMENT_METHODS["SEZZLE"] = "sezzle";
     PAYMENT_METHODS["PLAID"] = "plaid";
+    PAYMENT_METHODS["PAYPAL"] = "paypal";
+    PAYMENT_METHODS["VENMO"] = "venmo";
 })(exports.PAYMENT_METHODS || (exports.PAYMENT_METHODS = {}));
 const mapPaymentMethodType = (type) => {
     switch (type) {

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CajjbB9t.js');
+var index = require('./index-DDa1jd08.js');
 
 
 

package/dist/cjs/internal-button.cjs.entry.js

@@ -11,7 +11,7 @@ const InternalButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(button.Button, { key: 'a20d0f251ab26062356b54965b3981af7953c71f', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
+        return (index.h(button.Button, { key: 'af1645c7e7ee59b5f57dd195bf1ec6f2e03917e5', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
     }
 };