@justifi/webcomponents 5.4.4 → 5.6.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-BRQfozbS.js');
+var formControlErrorText = require('./form-control-error-text-NbHDc1JL.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: '43f71b688c9616fc26de9aa0a1b98854618583da', exportparts: "label,input,input-invalid" }, index.h("div", { key: '61b59530384248b2d28fd2321b0bee42f4d325f8', class: "form-group d-flex flex-column" }, index.h("div", { key: '7a9d9d9dc001ec45c7cd983eb7e63d68ab7ece59', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '624d8ec508af0091b0a0b9a18a7b5d034a29d6f6', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '81548d28fbc003b728e460cde95513faafbb6303', helpText: this.helpText })), index.h("input", { key: 'f307a0fa51af2749b16c65c470a2b33ce43bc4fd', 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: '78db2911b35525b842029a34a7b9efd5681fbde3', 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: '8036cca60e80d20316c602a4b4e975fdaf216878' }, index.h("div", { key: '400a24d0fdd5305f033428c7e3d4fd1d70e1a6c2', class: "form-group d-flex flex-column" }, index.h("label", { key: '8a501e7d0610489e6825a610f6203ced59e87a83', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: 'd360db0694aa4181b1e158909897f2ffcc3be962', 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: '6b1941ef4a7a6b2f97c1d24c4047a4ddf0df4006', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '5dbfb0d0b25ea1e1af7ad7d034853467962c1bf3', 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-bc3qGHAG.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-5ca90f9a.js');
+var index = require('./index-BRQfozbS.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-BRQfozbS.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-BRQfozbS.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-bc3qGHAG.js');
+var formControlErrorText = require('./form-control-error-text-NbHDc1JL.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-BRQfozbS.js');
+var parts = require('./parts-D_uKOPFe.js');
+var formControlHelpText = require('./form-control-help-text-bc3qGHAG.js');
+var formControlErrorText = require('./form-control-error-text-NbHDc1JL.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: '9937b02bb7795d2dc7eea6d278b54c841ebe72b9' }, index.h("div", { key: '2987c8bdfc31eb5e9e195e5ea7af3d01f884e4d9', class: "form-group d-flex flex-column" }, index.h("label", { key: '1ab3fe1ab8a444201849faf571198da0ae2aedd1', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: '928c65b28f66c2b8ca7b926c51afc6ec50739468', name: this.name, helpText: this.helpText }), index.h("div", { key: '941e0ee7ab81877f0169ac3fea17639e1f48aea0', class: "input-group" }, index.h("span", { key: '565be53bce113e5ac7d1c9118bb007a9aaccf337', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '2773f2a97aa5af880f1754797f55d70a2c4967c6', 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: 'aabcd3578d102b0ca10e7ad52ede44949207ac1e', 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-BRQfozbS.js');
+var index$1 = require('./index-1MT3Z4XI.js');
+var parts = require('./parts-D_uKOPFe.js');
+var formControlErrorText = require('./form-control-error-text-NbHDc1JL.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: '92075699e755e1a0b07984638ee05ddbe7695991' }, index.h("div", { key: 'cb5147764d5252983dd7b9a7a6c5925a09214c55', class: "form-group d-flex flex-column" }, index.h("div", { key: '3f4203b0d73d9255c34148a2f700f894bab103c8', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '52cde3a5b6e806e4ed5e730aba0bc1c80bbdda71', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '1ac4b73d1ead561376dc7134a6d40948c44ae99e', helpText: this.helpText })), index.h("input", { key: '33403e3ee8d599f071738590438eae682ceaa58d', 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: '4c2a4adbd03886ec4c84f65f2824ff8481eefbab', 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-BRQfozbS.js');
+var parts = require('./parts-D_uKOPFe.js');
+var formControlHelpText = require('./form-control-help-text-bc3qGHAG.js');
+var formControlErrorText = require('./form-control-error-text-NbHDc1JL.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: 'c2372e4ec5b411e46f661de978a2000b9f29b62a' }, index.h("div", { key: '2104bd311b0e435f08b44e35fcbcc0d272b1a186', class: 'form-group d-flex flex-column' }, index.h("label", { key: '87ae4bfabbd40a7f99183e8c915489cca8fd185c', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '2a0114aa80b400dc972bb85e54adec20422f0892', 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: '058e65722ece48e6fdd3606aceb3ee7ac83fdd82', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'b23bd9dc7a2244c4e6038e899b0e31841dc0b7e2', 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-BRQfozbS.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: '166319dccb5ae267003559c0096db283b9351b79', class: 'form-group d-flex flex-column' }, index.h("div", { key: '4b2cbf79dd56e20b263520a5baf1490c563300ea', class: "form-check" }, index.h("input", { key: 'd9301f429db86d196c277a6a01f338077e744bd9', 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: 'b3bac2e39121baa8644d33b4725f9d81280f9416', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '0ddef812b79bea7ab04e6d195c9fa184b6e05661', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '036765b45c0e73232acbb405fe9473b31fba29ca', 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-DQyJtwTw.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-CpurRc4w.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-Jr_0DmmY.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var utils = require('./utils-l0veqT9y.js');
+
+const makeGetPayoutCSV = ({ authToken, service, apiOrigin }) => async ({ payoutId, onError }) => {
+    try {
+        const { data } = await service.fetchCSV(payoutId, authToken, apiOrigin);
+        const a = document.createElement('a');
+        a.href = data.csv_url;
+        a.click();
+    }
+    catch (error) {
+        const errorMessage = utils.getErrorMessage(error);
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: errorMessage,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+exports.makeGetPayoutCSV = makeGetPayoutCSV;

package/dist/cjs/{get-subaccounts-ae5b35a8.js → get-subaccounts-zwxhG-O3.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-CpurRc4w.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 {