@justifi/webcomponents 6.14.5 → 6.15.0-rc.2

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: 'f13cdd01d9c9c182cac6775b8c425c6b8c6a28a4' }, index.h("div", { key: '7c384c55489845aaa4c43f15b9a8a1cba78336f0', class: "form-group d-flex flex-column" }, index.h("div", { key: '49537b1c0411dc5af79c8029e31f7ee81c024b3b', class: "d-flex gap-2" }, index.h("label", { key: 'a628a20b2a2ad6c0793e8dbdcc1b4d7cd2903426', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e093066be7c17c3cc0d36a552f2c96b878b84add', helpText: this.helpText })), index.h("input", { key: 'f2f1e4cd80dd57391fb661199473a30c2f564e84', 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: 'ce8212d07db5141ffdef577153a945f11f7ab368', 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: '8f1a2e7469bf052321e464d3d7d4434a8e1b94eb', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'a930b47727ba05e965ec5df7b042d2416d38db2c', class: "form-group d-flex flex-column" }, index.h("div", { key: 'e1040ac692c0f597c0461bcaa27f562c69056c30', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '387e3d18da10274de2cf9ef680d9483d7855e77e', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '4bc4aab440ec7cca2eb6af7105d2d9078922376a', helpText: this.helpText })), index.h("input", { key: '4050a93b51b5b1ecadfe9cff53c5794321c77d13', 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: 'aee21aa5cd54e48f2e7eca3763a07051dd942653', 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: 'c23d0ccb0e033048012cb1e1110f785a6270b163' }, index.h("div", { key: '971db0fe032afae7ea976e0fa3845040a39aab28', class: "form-group d-flex flex-column" }, index.h("label", { key: 'b733fd61b5421aea811e3b9423d85c6c682493f0', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: 'fa13e420ffdfa28d139418ebfa48bf9108710438', 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: '787e9ecc2833c827880c7a44c9a577c56f258375', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '0f0915db581aee8672f6089d681596c9650b09c2', 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: '9ea17017850bd5e83a213b5247af2fe64f11db6c' }, index.h("div", { key: '6cb7715a542d193a1ef1579dad6889fb0191e195', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c643268b004611f98b4d24c341a46d0bce9a8944', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '3541f24060c2279f0cfb604f7bdec355462196a8', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '66f62e7d0ab51765fefc92d8674402a439671792', helpText: this.helpText })), index.h("input", { key: '564819ed2423c923f16329dc4ccb7a96f50e7ddd', 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: '2bbc1831fa7aaf773c24860ac47a8318b2eef93d', 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: '0e155ea412884f0d45702620cf31aa3910940e88' }, index.h("div", { key: 'bdf371cf77ec32483c8f984fdc68133ae05be865', class: "form-group d-flex flex-column" }, index.h("label", { key: 'b8b30aa3bb6ebc5e423593737fd646090a584272', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: '6ba6701d1b54eb1b7e4e9de2f6386346b055d516', name: this.name, helpText: this.helpText }), index.h("div", { key: 'cf6893c681afe85d9e435a9e8920683dd9864c14', class: "input-group" }, index.h("span", { key: 'de56ce422d29f38028dcbefd8f35be3210223f67', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '234592cf95dc5e613fee8da90a5a4e40389b5bc4', 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: '2e66376501c5a7718f41c2714a66acf74bb6cde4', 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: 'e21694c1c7611df6ede999aa75fece02977f66f3' }, index.h("div", { key: '8ea4a38832865e82ffeebcceaabc704d10403966', class: 'form-group d-flex flex-column' }, index.h("label", { key: '396ab2f79a7168080538ae46da735506b0797311', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '715cb6bfbf439fdd4f659e6d21091b047cbca94d', 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: 'f8695d85c9b447644b5bdf02d4df9e1c1e3e5da7', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'e736f720d89f5d5aeee6982cb15ea11f63c5dd93', 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: 'ffbfee5a2bffb9dc2d6c2489faa9daa60a36604e', class: 'form-group d-flex flex-column' }, index.h("div", { key: '93e4d129fd0a67d6b6f021b2af4e816683f8b926', class: "form-check" }, index.h("input", { key: 'e100d93d9750db95262e63aaaf75ff413dbc0928', 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: '14a8bb0f48683405413245f572d3186d8948de41', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: 'ca497838c5f52e0c9a528c9503b2e17785239d23', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '6f1f5d3ac8e1fe55d9c676f5e5f96633de777d01', 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: '0a275b26c5e6604a478bd4618f8955264205b4f8' }, index.h("div", { key: 'c495cf0113cfd1ddd6a4d586dfb96d67ec7e92f1', class: "form-group d-flex flex-column" }, index.h("div", { key: '6a97e6086faaf4b43c41da9615568f359760343c', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '39c1d7b7d281874a81125374e7a351783de14207', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '646caf4cd154574488610f47a593a8fbfff0778f', helpText: this.helpText })), index.h("input", { key: '540637afeb21d3da93c304710568a0ed8ad99dc4', 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: '1a8246dbf9908c7e56ae2cc0cbea65934c3a33ce', 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-Bp7DOmM_.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var Api = require('./Api-BzB0rppJ.js');
-var Plaid = require('./Plaid-B2o4c_Ej.js');
+var Api = require('./Api-Do6SaltY.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: '4048996761c978279f2aefbb43bbbb249fe445d9', 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));
     }
 };