@justifi/webcomponents 5.4.4 → 5.5.0

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

@@ -1,27 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const formControlErrorText = require('./form-control-error-text-3cff9b7b.js');
-const parts = require('./parts-5ca90f9a.js');
+var index = require('./index-DtkhH7sB.js');
+var formControlErrorText = require('./form-control-error-text-D19AMaOO.js');
+var parts = require('./parts-D_uKOPFe.js');
 
 const FileInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
-        this.files = undefined;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.multiple = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
+        this.formControlInput = index.createEvent(this, "formControlInput");
+        this.formControlBlur = index.createEvent(this, "formControlBlur");
     }
     render() {
-        return (index.h(index.Host, { key: '1671eaeeec71bcbcbd8898856f2d397a10abce97', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'dca1e07456d2dc7f018fc25ccd2743ba87897fda', class: "form-group d-flex flex-column" }, index.h("div", { key: '5a8f2a9600f27a7554a8096977413263f8f7b942', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '7ef6391bc3bd46d61463c37ccdfc27bc02027909', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e1992a02fb94bdf71ad46fbf387bdcf0c5ca09b2', helpText: this.helpText })), index.h("input", { key: 'eb4e4bfcee93ca40c945db9c8d960b069b066645', 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: '125a576d63f4a3735397fe3b27cf2e258b86c073', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'f3efb1623170f761f4650d0e383ad8f1416f1324', exportparts: "label,input,input-invalid" }, index.h("div", { key: '92139fdd8fed82196a249ab0e33b1e22fcf078e7', class: "form-group d-flex flex-column" }, index.h("div", { key: 'e7de120a2d934275dec4f75aa6a7d5d33cf2fbff', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '01c0fbea56bdbcc0f26f3339037c3be13937ee68', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '7d9c68d9f1b60236603d799b91be3e731388260c', helpText: this.helpText })), index.h("input", { key: '330170f3c80bb09c4fcd079c8012a657274c770f', 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: '63a6395fe3523c6db034b891e95d9b346fc51491', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -29,8 +19,9 @@ const FileInput = class {
 const TextInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.formControlInput = index.createEvent(this, "formControlInput");
+        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -43,16 +34,6 @@ const TextInput = class {
                 inputElement.value = newValue || '';
             }
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.maxLength = undefined;
-        this.inputHandler = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -76,10 +57,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '140be8b4dc7d31be7bc6cfae5d1d86bdf777e7a1' }, index.h("div", { key: '8348dbe04bb617081b7fad50238f1bf3a55ae9e2', class: "form-group d-flex flex-column" }, index.h("label", { key: '4257e23df7cae41e5af09ba3ecbc1d7418c9ed49', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '2a49a82756de35be6981c8e4bb1f19be17239fa5', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '81fa5313b9de98ee8fdcce6638a82a48324f8ac0' }, index.h("div", { key: '1b4c84a80662a5bce8f44b74793f50a2552226fa', class: "form-group d-flex flex-column" }, index.h("label", { key: '75806dd452bf90accd45b7986335fdcefad8d242', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: 'fbdb45b580457a6718d1be6cca605481da4af6c2', 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: 'd9dbc241c4bf6b556cd225b4727ffc894f78a695', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'befc53a62981b67120907b95cdf2ce94e5abf9aa', 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: '84e31bba3004fd30e156b3ca31809830be3afa35', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '3f0acdb21fde23cd48f8fab9b5a3a379e9e864ad', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{form-control-help-text-94ffed2c.js → form-control-help-text-CbrDvt9D.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-5ca90f9a.js');
+var index = require('./index-DtkhH7sB.js');
+var parts = require('./parts-D_uKOPFe.js');
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

package/dist/cjs/form-control-help-text.cjs.entry.js

@@ -1,14 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
+var index = require('./index-DtkhH7sB.js');
 
 const FormControlHelpText = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.helpText = undefined;
-        this.name = undefined;
     }
     render() {
         if (!this.helpText) {

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

@@ -1,20 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const index$1 = require('./index-750475a3.js');
-const formInputMasks = require('./form-input-masks-0879c139.js');
-const parts = require('./parts-5ca90f9a.js');
-const formControlHelpText = require('./form-control-help-text-94ffed2c.js');
-const formControlErrorText = require('./form-control-error-text-3cff9b7b.js');
+var index = require('./index-DtkhH7sB.js');
+var index$1 = require('./index-1MT3Z4XI.js');
+var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
+var parts = require('./parts-D_uKOPFe.js');
+var formControlHelpText = require('./form-control-help-text-CbrDvt9D.js');
+var formControlErrorText = require('./form-control-error-text-D19AMaOO.js');
 
 const MonetaryInputProvisioning = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.formControlInput = index.createEvent(this, "formControlInput");
+        this.formControlBlur = index.createEvent(this, "formControlBlur");
         this.imask = null;
+        this.isFocused = false;
+        this.maskOptions = formInputMasks.CURRENCY_MASK.DECIMAL;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -37,15 +37,6 @@ const MonetaryInputProvisioning = class {
                 this.imask.value = String(newValue);
             }
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.maskOptions = formInputMasks.CURRENCY_MASK.DECIMAL;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -58,7 +49,7 @@ const MonetaryInputProvisioning = class {
         var _a;
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
-    get part() {
+    get inputPart() {
         let part = parts.inputGroup;
         if (this.errorText) {
             part = parts.inputInvalid;
@@ -72,10 +63,10 @@ const MonetaryInputProvisioning = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '5383790c4e52c664e0146692c3773ac077443f89' }, index.h("div", { key: '3e58f5e707e80c93bf0400f43bd847bf93a90a12', class: "form-group d-flex flex-column" }, index.h("label", { key: 'cce6c16518524b02f9ccf05beea2ab034b609308', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '85d65b44095f1cc3d68f8ec400d8352f0d1296fe', class: "input-group" }, index.h("span", { key: '73e1ad02a1989d8a55dbfc8a7def799d46c58e7c', class: "input-group-text", part: parts.text }, "$"), index.h("input", { key: 'f61c88cf6603e912b6104074367caa86892e7ea0', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '950019f15743434eaa378b48338e73157525d677' }, index.h("div", { key: '9a4dab257ec7a62f3f3f1ba1cc2c4aad3f823c17', class: "form-group d-flex flex-column" }, index.h("label", { key: '19d046ba0d9f5d2b8fc7c3d8c1b9dc893a5834e5', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: 'ba7df233aa5965ee0a7f5c01dfd84aabd3cecf70', class: "input-group" }, index.h("span", { key: 'e325e64173d5d7c260b824ef492f02f2333bdb8f', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '5b1632e00657f9aa31139a9869ab63ad9388612e', 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 })), index.h(formControlHelpText.FormControlHelpText, { key: 'fc7fc677a555016fcc9c6231a01f53ab03b0b00d', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '624bb1eb078dab076efc517d339c4d54271e5bc7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), index.h(formControlHelpText.FormControlHelpText, { key: 'cb7f04dc7e6849d335eb0cfecfb05d7e0c26ff1f', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '6ad1b947a48e8c97a2f5a1c4c2c1094679ce25cd', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,18 +1,19 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-5ca90f9a.js');
-const formControlHelpText = require('./form-control-help-text-94ffed2c.js');
-const formControlErrorText = require('./form-control-error-text-3cff9b7b.js');
-const utils = require('./utils-4120664c.js');
+var index = require('./index-DtkhH7sB.js');
+var parts = require('./parts-D_uKOPFe.js');
+var formControlHelpText = require('./form-control-help-text-CbrDvt9D.js');
+var formControlErrorText = require('./form-control-error-text-D19AMaOO.js');
+var utils = require('./utils-DmZ8Dia3.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
 
 const MonetaryInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.formControlInput = index.createEvent(this, "formControlInput");
+        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.isFocused = false;
+        this.defaultValue = '0';
         this.formatRawValue = (value) => {
             // Remove everything from that is not a number.
             // This will parse out our display formatting as well as prevent users from entering non-numeric characters.
@@ -29,16 +30,6 @@ const MonetaryInput = class {
             this.inputHandler(name, formatRawValue);
             this.formControlInput.emit({ name: name, value: formatRawValue });
         };
-        this.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = '0';
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.maxLength = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -46,7 +37,7 @@ const MonetaryInput = class {
     componentDidLoad() {
         this.updateInput(this.defaultValue);
     }
-    get part() {
+    get inputPart() {
         if (this.errorText) {
             return parts.inputInvalid;
         }
@@ -59,10 +50,10 @@ const MonetaryInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '58676b687868b5a2d242bc929cae09afb5ae6fbf' }, index.h("div", { key: '8046cc1e2fa66c5601e370e6dccfa25714649823', class: "form-group d-flex flex-column" }, index.h("label", { key: 'e4b085b30ee0c7b884204fa9bf467875247bcac0', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: '79bf26bc54c9cc94fedd3af56779de1554e62ce2', name: this.name, helpText: this.helpText }), index.h("div", { key: '453cb229e64e9429a26b38ffa62693793e5e48f8', class: "input-group" }, index.h("span", { key: '663753b8d9c6a098326bd325822586c704624bc4', class: "input-group-text", part: parts.text }, "$"), index.h("input", { key: '9314ad2b99762df1a46c0e0f4632da4a091c59ef', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '8b3cf645e2fda5517228aa9035ba1e50d177fbb9' }, index.h("div", { key: 'ea6f04d062fd71586a7b06d1eab7d06b5faf7349', class: "form-group d-flex flex-column" }, index.h("label", { key: 'ef58c69519078736f7031b2426ee5c050b783e31', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'b4fc4c864c0cc6bda1af39df3a96b4180ab1d5dc', name: this.name, helpText: this.helpText }), index.h("div", { key: '5548f7cd429d5053c1075f7d47b102f2e9957b12', class: "input-group" }, index.h("span", { key: 'fd8718d8dba061fc971b60ec6a8ef02e8f3b4dcf', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '8211f7874fc320d30aef8016316497ac4a790714', 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.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: '382864114f66187237ce08c12afb13abed2c298d', 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: '9d05b3af9472e96506ed31f4517f965d9d69aad1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-number-masked_2.cjs.entry.js

@@ -1,20 +1,19 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const index$1 = require('./index-750475a3.js');
-const parts = require('./parts-5ca90f9a.js');
-const formControlErrorText = require('./form-control-error-text-3cff9b7b.js');
-const stateOptions = require('./state-options-4fbcb48a.js');
-const utils = require('./utils-bc03ca40.js');
+var index = require('./index-DtkhH7sB.js');
+var index$1 = require('./index-1MT3Z4XI.js');
+var parts = require('./parts-D_uKOPFe.js');
+var formControlErrorText = require('./form-control-error-text-D19AMaOO.js');
+var stateOptions = require('./state-options-CIT9xdTz.js');
+var utils = require('./utils-DAyWinG2.js');
 
 const NumberInputMasked = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.formControlInput = index.createEvent(this, "formControlInput");
+        this.formControlBlur = index.createEvent(this, "formControlBlur");
         this.imask = null;
+        this.isFocused = false;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -40,15 +39,6 @@ const NumberInputMasked = class {
                 this.imask.value = String(newValue);
             }
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.mask = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.initializeIMask();
@@ -77,10 +67,10 @@ const NumberInputMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '66b0cdf1f36db4f18500eefb0886259be01baa3c' }, index.h("div", { key: '8ea85512273929a0bccca3528863dc8aef57dd1b', class: "form-group d-flex flex-column" }, index.h("div", { key: '88db52b833bc4ad284316eedcd966425ed915daf', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'afbf8d666bbd2f81800b4e19461e64fed9af5167', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '9735983927db2fe6922a2058262b9aeb6df94d73', helpText: this.helpText })), index.h("input", { key: 'afec9c2a3fb573a5b86839a241ff9de0f59f65be', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: 'def707151d5c2148cb4cdb0155f50614d6711d66' }, index.h("div", { key: 'be62a6e5f38555a2a39cda95ff6f28707d6cb201', class: "form-group d-flex flex-column" }, index.h("div", { key: '652eab8e66e11ce243a9f7de4ff580880add23e7', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'a9ceec79615fe2798a3dc1ff902750627c113c9f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e5df09204f853fad1fc2f244c3203c765fec43fa', helpText: this.helpText })), index.h("input", { key: 'a58e3f25824301bf363675eef342598823c2be45', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: 'af0e7ae5efb2821634428f3fea22f16a7e58b430', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: '0e0856e56e86bbce3fd862d566261ebd35662317', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -90,14 +80,11 @@ const NumberInputMasked = class {
 const IdentityAddressForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.address = {};
         this.inputHandler = (name, value) => {
             this.address[name] = value;
             this.address = Object.assign({}, this.address);
         };
-        this.handleFormUpdate = undefined;
-        this.errors = undefined;
-        this.defaultValues = undefined;
-        this.address = {};
     }
     handleAddressChange(newValues) {
         this.handleFormUpdate(newValues);

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

@@ -1,17 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-5ca90f9a.js');
-const formControlHelpText = require('./form-control-help-text-94ffed2c.js');
-const formControlErrorText = require('./form-control-error-text-3cff9b7b.js');
+var index = require('./index-DtkhH7sB.js');
+var parts = require('./parts-D_uKOPFe.js');
+var formControlHelpText = require('./form-control-help-text-CbrDvt9D.js');
+var formControlErrorText = require('./form-control-error-text-D19AMaOO.js');
 
 const NumberInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.formControlInput = index.createEvent(this, "formControlInput");
+        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -24,14 +23,6 @@ const NumberInput = class {
                 inputElement.value = newValue || '';
             }
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -52,10 +43,10 @@ const NumberInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '30aed88fe8d8ecf3a8fa36b8d8cd615b82e4cc01' }, index.h("div", { key: '025ac654d3de4869242a0ce294e95d7aa83e4e01', class: 'form-group d-flex flex-column' }, index.h("label", { key: 'fecb388595436046b1719870b4745c685d39eccc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '95033125ca4973a6e7484d60b57350250647e3cc', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'f14f19bb739fd347475375686f710d6ab296c9a8' }, index.h("div", { key: '734439793b5eb42cdba09a1b665c8e78c6265138', class: 'form-group d-flex flex-column' }, index.h("label", { key: 'bd8964f5848f960a7f9577c64965066724dc4021', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '20c603b04d5d9dde1fd65ef1915a9be5cc449921', 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: '471b88b189e0046871010e780ccd560c80f1c764', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'b0d1b87f51482daa6ded4eeedcaffda8e863b3af', 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: 'c332d6660a22e966e06f91468c841d390d4ac502', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '7c7087338169768ed86c7a41ba30b5d8407eac7a', 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

@@ -1,30 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-5ca90f9a.js');
+var index = require('./index-DtkhH7sB.js');
+var parts = require('./parts-D_uKOPFe.js');
 
 const RadioInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.formControlInput = index.createEvent(this, "formControlInput");
+        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
             this.inputHandler(name, this.value);
             this.formControlInput.emit({ name, value: this.value });
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.value = undefined;
-        this.helpText = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
-        this.errorText = undefined;
-        this.checked = undefined;
     }
     get part() {
         if (this.errorText) {
@@ -42,10 +32,10 @@ const RadioInput = class {
         return parts.inputRadio;
     }
     render() {
-        return (index.h(index.Host, { key: 'e226d9098a8b2790320222699b3efcd510d6aa88', class: 'form-group d-flex flex-column' }, index.h("div", { key: '2a295d96e1f4dc8a8aaa71fbf07a10af65801366', class: "form-check" }, index.h("input", { key: 'f564dfc06ea6b86103c39340d63911ba1a9b7f1e', 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: 'f64818218ad7948cbf10584441a9fe1fc168a81d', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'e16491d161f65e1d3b2ffa00e94d77ddc68745a8', class: "form-check" }, index.h("input", { key: '74ef42c720891c97a9ca22828999a93bebea6733', 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: '7c44f86c6320e5abdf1215982ba77e0d02daef35', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '20f3ddc825fab11e35fd96f6a5b708650f168e23', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '12c7997266c559850c431bb3091504c419b7f5de', 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: '2d7a743ea02759dd39257de8c9abd89ed1b67a71', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: 'b9326e463116d081f65dee449c7c437098d78533', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '4bc1eb8e78083d6dd81ee2b6cd523a29fb13bfa0', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/cjs/{get-business-d8f5db51.js → get-business-BBzGEPBG.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const Business = require('./Business-d88b77fd.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const utils = require('./utils-7a478c37.js');
+var Business = require('./Business-DyiDiIuO.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var utils = require('./utils-l0veqT9y.js');
 
 const makeGetBusiness = ({ id, authToken, service, apiOrigin = "https://wc-proxy.justifi.ai" }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/cjs/get-payment-details-CKg1Lb3_.js

@@ -0,0 +1,42 @@
+'use strict';
+
+require('./utils-DmZ8Dia3.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+var Payment = require('./Payment-CQCmj3Ck.js');
+require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
+
+const makeGetPaymentDetails = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError, final }) => {
+    var _a;
+    try {
+        const response = await service.fetchPayment(id, authToken, apiOrigin);
+        if (!response.error) {
+            onSuccess({ payment: new Payment.Payment(response.data) });
+        }
+        else {
+            const responseError = utils.getErrorMessage(response.error);
+            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: utils.getErrorMessage(error),
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        final();
+    }
+};
+
+exports.makeGetPaymentDetails = makeGetPaymentDetails;

package/dist/cjs/{get-payout-csv-7607c71e.js → get-payout-csv-DD9C5yMw.js}

@@ -1,29 +1,29 @@
 'use strict';
 
-const Api = require('./Api-83d93333.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
+var Api = require('./Api-KMweahmp.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
 
 class PayoutService {
     async fetchPayouts(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
         const api = Api.Api({ authToken, apiOrigin });
         const endpoint = `account/${accountId}/payouts`;
-        return api.get(endpoint, params);
+        return api.get({ endpoint, params });
     }
     async fetchPayout(payoutId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
         const api = Api.Api({ authToken, apiOrigin });
         const endpoint = `payouts/${payoutId}`;
-        return api.get(endpoint);
+        return api.get({ endpoint });
     }
     async fetchCSV(payoutId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
         const api = Api.Api({ authToken, apiOrigin });
         const endpoint = `reports/payouts/${payoutId}`;
-        return api.get(endpoint);
+        return api.get({ endpoint });
     }
 }
 

package/dist/cjs/{get-subaccounts-ae5b35a8.js → get-subaccounts-YlFT-fBr.js}

@@ -1,20 +1,21 @@
 'use strict';
 
-const Api = require('./Api-83d93333.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-const SubAccount = require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
+var Api = require('./Api-KMweahmp.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+var Refund = require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-l0veqT9y.js');
 
 class SubAccountService {
     async fetchSubAccounts(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
         const headers = { Account: accountId };
         const api = Api.Api({ authToken, apiOrigin: apiOrigin });
         const endpoint = 'sub_accounts';
-        return api.get(endpoint, params, null, headers);
+        return api.get({ endpoint, params, headers });
     }
 }
 
@@ -24,7 +25,7 @@ const makeGetSubAccounts = ({ accountId, authToken, service, apiOrigin }) => asy
         const response = await service.fetchSubAccounts(accountId, authToken, params, apiOrigin);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
-            const subAccounts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new SubAccount.SubAccount(dataItem))) || [];
+            const subAccounts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Refund.SubAccount(dataItem))) || [];
             onSuccess({ subAccounts, pagingInfo });
         }
         else {