@justifi/webcomponents 5.3.6 → 5.4.1

package/dist/module/form-control-monetary2.js

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { I as IMask } from './index3.js';
-import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { l as label, t as text, N as inputGroup, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, t as text } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text2.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import { f as formatCurrency } from './utils2.js';
 
 const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput extends HTMLElement {
     constructor() {
@@ -12,80 +11,69 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         this.__registerHost();
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.imask = null;
-        this.initializeIMask = () => {
-            if (!this.textInput)
-                return;
-            this.imask = IMask(this.textInput, this.maskOptions);
-            this.imask.on('accept', () => {
-                const rawValue = this.imask.unmaskedValue;
-                this.inputHandler(this.name, rawValue);
-                this.formControlInput.emit({ name: this.name, value: rawValue });
-            });
-            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        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.
+            const formattedValue = value.replace(/\D/g, '');
+            return formattedValue;
         };
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            const rawValue = this.imask.unmaskedValue;
-            this.formControlInput.emit({ name: name, value: rawValue });
+        this.formatDisplayValue = (value) => {
+            return formatCurrency(+value, undefined, true);
         };
         this.updateInput = (newValue) => {
-            if (this.imask) {
-                this.imask.value = String(newValue);
-            }
+            const name = this.formControl.name;
+            const formatRawValue = this.formatRawValue(newValue); // "100000"
+            this.formControl.value = this.formatDisplayValue(formatRawValue); // "1,000.00"
+            this.inputHandler(name, formatRawValue);
+            this.formControlInput.emit({ name: name, value: formatRawValue });
         };
         this.isFocused = false;
-        this.label = undefined;
         this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = '0';
         this.helpText = undefined;
         this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.maxLength = undefined;
+        this.keyDownHandler = undefined;
         this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
     }
     componentDidLoad() {
-        this.initializeIMask();
         this.updateInput(this.defaultValue);
     }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
     get part() {
-        let part = inputGroup;
         if (this.errorText) {
-            part = inputInvalid;
+            return inputInvalid;
         }
         if (this.disabled) {
-            part = inputDisabled;
+            return inputDisabled;
         }
         if (this.isFocused) {
-            part = inputFocused;
+            return inputFocused;
         }
-        return part;
+        return input;
     }
     render() {
-        return (h(Host, { key: '7a28909977bd09fa7103d059880f122bc3afc747' }, h("div", { key: 'd5dae0fca0467655a3428dea5317aed87ade7dd5', class: "form-group d-flex flex-column" }, h("label", { key: '215c09684a5f6b18a3de2224db0ce305dcb5fc61', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3be76b68f6138b3cb2ae0f27fc1e8ce04a85c05c', class: "input-group" }, h("span", { key: '6fb0aa890cbdf552569ca36e87fa24ca26c227f5', class: "input-group-text", part: text }, "$"), h("input", { key: '1a0e63153996d721de870de3afb8f0302a900756', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '58676b687868b5a2d242bc929cae09afb5ae6fbf' }, h("div", { key: '8046cc1e2fa66c5601e370e6dccfa25714649823', class: "form-group d-flex flex-column" }, h("label", { key: 'e4b085b30ee0c7b884204fa9bf467875247bcac0', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '79bf26bc54c9cc94fedd3af56779de1554e62ce2', name: this.name, helpText: this.helpText }), h("div", { key: '453cb229e64e9429a26b38ffa62693793e5e48f8', class: "input-group" }, h("span", { key: '663753b8d9c6a098326bd325822586c704624bc4', class: "input-group-text", part: text }, "$"), h("input", { key: '9314ad2b99762df1a46c0e0f4632da4a091c59ef', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '6ba880560bf3e612b10cb8fa718dffa6aeb3cac5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4286ed22b5c36440dfeca603c3220978b22abdd9', errorText: this.errorText, name: this.name }))));
+            }, 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 })), h(FormControlErrorText, { key: '382864114f66187237ce08c12afb13abed2c298d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 }, [0, "form-control-monetary", {
+        "name": [8],
         "label": [1],
-        "name": [1],
+        "inputHandler": [16],
+        "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
-        "defaultValue": [1, "default-value"],
-        "inputHandler": [16],
-        "maskOptions": [8, "mask-options"],
+        "maxLength": [2, "max-length"],
+        "keyDownHandler": [16],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {

package/dist/module/form-control-number-masked2.js

@@ -75,10 +75,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: 'b1294e37ae6b189ce0be808644b37ad2d8ef98a1' }, h("div", { key: '8eaf122e331606a8a2c59e29b06cf5538dbaca2d', class: "form-group d-flex flex-column" }, h("div", { key: '8d6e75f18ba9e30f5c5d65eabf9ceda339b95e27', class: "d-flex align-items-start gap-2" }, h("label", { key: '865e5c6da0b5bdf17044f8f1735b7716c8f42abd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae223b57ae6742df71af2dc50cfd761167e6ec9', helpText: this.helpText })), h("input", { key: '57fd46683614a161d133bedad973b8b7b63181ac', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '66b0cdf1f36db4f18500eefb0886259be01baa3c' }, h("div", { key: '8ea85512273929a0bccca3528863dc8aef57dd1b', class: "form-group d-flex flex-column" }, h("div", { key: '88db52b833bc4ad284316eedcd966425ed915daf', class: "d-flex align-items-start gap-2" }, h("label", { key: 'afbf8d666bbd2f81800b4e19461e64fed9af5167', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9735983927db2fe6922a2058262b9aeb6df94d73', helpText: this.helpText })), h("input", { key: 'afec9c2a3fb573a5b86839a241ff9de0f59f65be', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '08049568eafa338d602ae7ca8bfef0612b480f0e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'af0e7ae5efb2821634428f3fea22f16a7e58b430', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number.js

@@ -50,10 +50,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '2384acdb57de4385cc807c1c8de78460018168b7' }, h("div", { key: 'abcba3127958fcd7a01b0a3f16cc20072e5fbc3f', class: 'form-group d-flex flex-column' }, h("label", { key: '5bee8f69bfbcdb66e4f9b80b1bfccdcfd22f6a9a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '1d232c2c0b07af9faaacb1fcc926e8c7838f6769', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '30aed88fe8d8ecf3a8fa36b8d8cd615b82e4cc01' }, h("div", { key: '025ac654d3de4869242a0ce294e95d7aa83e4e01', class: 'form-group d-flex flex-column' }, h("label", { key: 'fecb388595436046b1719870b4745c685d39eccc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '95033125ca4973a6e7484d60b57350250647e3cc', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: 'd03c05c82aec034fd0d7d72b3ccb00527bbf8559', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '6da5711c44b703bcb72257206c3b0b308890db47', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '471b88b189e0046871010e780ccd560c80f1c764', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b0d1b87f51482daa6ded4eeedcaffda8e863b3af', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-radio2.js

@@ -40,10 +40,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'e82324f1559f95c0de0b7ccfea3e0d24cf7b111f', class: 'form-group d-flex flex-column' }, h("div", { key: 'aa98c0018d8e29075fba54ee97a8890a478d8008', class: "form-check" }, h("input", { key: 'ca3f39c4882bc580992d99382b577131b2ebf8d2', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e226d9098a8b2790320222699b3efcd510d6aa88', class: 'form-group d-flex flex-column' }, h("div", { key: '2a295d96e1f4dc8a8aaa71fbf07a10af65801366', class: "form-check" }, h("input", { key: 'f564dfc06ea6b86103c39340d63911ba1a9b7f1e', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'b54b032ae6fcb6220f113a5959a4faa5869d2085', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '97508e5f8e25714f661bf3f5633a144fedf116a6', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7ea160cc96a71a87fa77d6d0a3012340b6dc8a3f', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '7c44f86c6320e5abdf1215982ba77e0d02daef35', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '20f3ddc825fab11e35fd96f6a5b708650f168e23', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '12c7997266c559850c431bb3091504c419b7f5de', errorText: this.errorText, name: this.name })));
     }
 }, [0, "form-control-radio", {
         "label": [1],

package/dist/module/form-control-select2.js

@@ -51,10 +51,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'af57c4172958175f90c0b4fc60c7a0b6c5f16b70' }, h("div", { key: '96f1889ffdfd2501e0f598ef4d73634f88301f8d', class: "form-group d-flex flex-column" }, h("div", { key: '3ad3e13eb068b829974d3a738a9ffd9432ea74bc', class: "d-flex align-items-start gap-2" }, h("label", { key: '1effbf4eeb10922f49af14627aef2cee5ed2f23e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a1b9cb3152356f8e3d762b72dc8e7862183e925f', helpText: this.helpText })), h("select", { key: 'd2cfee2048fc3f3f352f065d6c1979b617baf805', 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 => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', 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 => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '036090be3ce8ab66abe46395fae7d680c5730783', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-text2.js

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '58d3e4003254d47d57421a2b98c4c3c4ae1ad7d7' }, h("div", { key: 'ef490c45923857d072b54511d28289231843d6d4', class: "form-group d-flex flex-column" }, h("div", { key: '4554059b6543dee11f4baf897161a0403067d9fc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9aac34dbea8460850416432b26c341de0fd709f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9c71653212fc53843f7ef0ab99c7b4458a0c54cc', helpText: this.helpText })), h("input", { key: 'c014ebd061185484c91229bbe0b0dc89e66c7b03', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1dec875457354695f83386e1644e60590c12779e' }, h("div", { key: '78f295fddd56b9696077ad3a2fcb766b9b6135bd', class: "form-group d-flex flex-column" }, h("div", { key: '5c758bbca8097ec33596366638adff845f4f7b46', class: "d-flex align-items-start gap-2" }, h("label", { key: '31576778adaf535b52584b1643e1cae3699e76c4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '328deeda6bbedb37624aad6730d7dd3a9dcc0f1a', helpText: this.helpText })), h("input", { key: 'ac141a2e464e1b0caf10c1434f03744c4e2c557c', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'a885a023a35e3801365d97e22c54615b77d45863', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '2e826f44513b7f1c8a2eb40cf6141f3e34509ec7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-textarea2.js

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'b9f052bd19ff3dffb1bf486eaa988aa081383f05' }, h("div", { key: 'bc3d6526bfba0d4f38c68d715ff8bc460665ffc7', class: "form-group d-flex flex-column" }, h("label", { key: '264321d3052d3204bac5426e5db2e30819ac953b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'b5edc70861405d2ee6fb6624e0b95238c3bed284', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '140be8b4dc7d31be7bc6cfae5d1d86bdf777e7a1' }, h("div", { key: '8348dbe04bb617081b7fad50238f1bf3a55ae9e2', class: "form-group d-flex flex-column" }, h("label", { key: '4257e23df7cae41e5af09ba3ecbc1d7418c9ed49', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a49a82756de35be6981c8e4bb1f19be17239fa5', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '3bc58430816f0d63741d112a3604c862d7638dc4', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2343df1050ff0da2cab5296f1cbc6cbc0811f77d', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'd9dbc241c4bf6b556cd225b4727ffc894f78a695', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'befc53a62981b67120907b95cdf2ce94e5abf9aa', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form.js

@@ -1746,127 +1746,6 @@ class StringSchema extends Schema {
 }
 create$6.prototype = StringSchema.prototype;
 
-//
-// String Interfaces
-//
-
-let isNaN$1 = value => value != +value;
-function create$5() {
-  return new NumberSchema();
-}
-class NumberSchema extends Schema {
-  constructor() {
-    super({
-      type: 'number',
-      check(value) {
-        if (value instanceof Number) value = value.valueOf();
-        return typeof value === 'number' && !isNaN$1(value);
-      }
-    });
-    this.withMutation(() => {
-      this.transform((value, _raw, ctx) => {
-        if (!ctx.spec.coerce) return value;
-        let parsed = value;
-        if (typeof parsed === 'string') {
-          parsed = parsed.replace(/\s/g, '');
-          if (parsed === '') return NaN;
-          // don't use parseFloat to avoid positives on alpha-numeric strings
-          parsed = +parsed;
-        }
-
-        // null -> NaN isn't useful; treat all nulls as null and let it fail on
-        // nullability check vs TypeErrors
-        if (ctx.isType(parsed) || parsed === null) return parsed;
-        return parseFloat(parsed);
-      });
-    });
-  }
-  min(min, message = number.min) {
-    return this.test({
-      message,
-      name: 'min',
-      exclusive: true,
-      params: {
-        min
-      },
-      skipAbsent: true,
-      test(value) {
-        return value >= this.resolve(min);
-      }
-    });
-  }
-  max(max, message = number.max) {
-    return this.test({
-      message,
-      name: 'max',
-      exclusive: true,
-      params: {
-        max
-      },
-      skipAbsent: true,
-      test(value) {
-        return value <= this.resolve(max);
-      }
-    });
-  }
-  lessThan(less, message = number.lessThan) {
-    return this.test({
-      message,
-      name: 'max',
-      exclusive: true,
-      params: {
-        less
-      },
-      skipAbsent: true,
-      test(value) {
-        return value < this.resolve(less);
-      }
-    });
-  }
-  moreThan(more, message = number.moreThan) {
-    return this.test({
-      message,
-      name: 'min',
-      exclusive: true,
-      params: {
-        more
-      },
-      skipAbsent: true,
-      test(value) {
-        return value > this.resolve(more);
-      }
-    });
-  }
-  positive(msg = number.positive) {
-    return this.moreThan(0, msg);
-  }
-  negative(msg = number.negative) {
-    return this.lessThan(0, msg);
-  }
-  integer(message = number.integer) {
-    return this.test({
-      name: 'integer',
-      message,
-      skipAbsent: true,
-      test: val => Number.isInteger(val)
-    });
-  }
-  truncate() {
-    return this.transform(value => !isAbsent(value) ? value | 0 : value);
-  }
-  round(method) {
-    var _method;
-    let avail = ['ceil', 'floor', 'round', 'trunc'];
-    method = ((_method = method) == null ? void 0 : _method.toLowerCase()) || 'round';
-
-    // this exists for symemtry with the new Math.trunc
-    if (method === 'trunc') return this.truncate();
-    if (avail.indexOf(method.toLowerCase()) === -1) throw new TypeError('Only valid options for round() are: ' + avail.join(', '));
-    return this.transform(value => !isAbsent(value) ? Math[method](value) : value);
-  }
-}
-create$5.prototype = NumberSchema.prototype;
-
 //
 // Number Interfaces
 //
@@ -3049,4 +2928,4 @@ class FormController {
     }
 }
 
-export { FormController as F, create$6 as a, create$8 as b, create$3 as c, create$7 as d, create$5 as e };
+export { FormController as F, create$6 as a, create$8 as b, create$3 as c, create$7 as d };

package/dist/module/get-business.js

@@ -2,10 +2,10 @@ import { a as Business } from './Business.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 
-const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+const makeGetBusiness = ({ id, authToken, service, apiOrigin = "https://wc-proxy.justifi.ai" }) => async ({ onSuccess, onError }) => {
     var _a;
     try {
-        const response = await service.fetchBusiness(id, authToken);
+        const response = await service.fetchBusiness(id, authToken, apiOrigin);
         if (!response.error) {
             onSuccess({ business: new Business(response.data) });
         }

package/dist/module/gross-payment-chart-core2.js

@@ -11040,7 +11040,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: 'b336dc186a34b6624d415cb072819b4dfe10620f' }, this.loading && h(Spinner, { key: '5a2ca3c4efd9f5acd2bac804490877654d44b39c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'd452e895a9cc9b23a53d3cf41aea26d77a9b7e2b' }, this.loading && h(Spinner, { key: '68c6ed3024381fcbd1f98ad994c63b43ad67a230' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -76,7 +76,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '5e5df7c2342492db0a92b0ec65f618561a2208fe' }, h("input", { key: '5dde25325cec14f6d96701243e58efca141d4b5e', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: 'bd707d25b1b5f0a870ff6c778291cf008ecd212b' }, h("input", { key: '639af920d20d2d5e9c2791c251f00368137c7798', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [0, "hidden-input", {
         "isFocused": [32],

package/dist/module/identity-address-form.js

@@ -24,7 +24,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: 'fee663d501d8ed69d8959f3edbb7d40c8d599ed1' }, h("div", { key: '62cf6575afc3a416efbf262d9ad9e9999fd0b480', class: "row gy-3" }, h("div", { key: '353941d7f75be1a8f607bcfd6796e84c2923c5d4', class: "col-12 col-md-8" }, h("form-control-text", { key: '029374e05a1a4523223eff583b29c264d12c34b9', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: '5a6efdc6724785c67088a9325c427d7594061db7', class: "col-12 col-md-4" }, h("form-control-text", { key: '42b98d49c6e3ccce6c4f27f0edc0b45199ad2011', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '6e8019d952b5c9b2a1eb1a291a3768e0b1281a10', class: "col-12" }, h("form-control-text", { key: '46a9ccdaa06d6f7bcc83589122fb84661091898a', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: '60d5dd274bdafbe4fa9a690cd552e680028c6e5c', class: "col-12 col-md-6" }, h("form-control-select", { key: '132d048d21dff090951ffdec6812be06d13be30c', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '1f583d9c35eb86fd7067c619bde6d39120ac9581', class: "col-12 col-md-6" }, h("form-control-text", { key: '34ae70fda0faab6da9c5a278203144ecebce15b3', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: 'b04acb1677d176d7b8ab3086c7ac85ece03a9f31', class: "col-12" }, h("form-control-select", { key: '77bd3623328cfb5e090838adb729edc4138134fa', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: 'ee0ad865c40fb26b4138c0b68a944f05f96fdc65' }, h("div", { key: '15e35c582daaa30f5d7523d30445546fa9d648b8', class: "row gy-3" }, h("div", { key: '066f08f377cdb74ff640787fdc54082b74952de0', class: "col-12 col-md-8" }, h("form-control-text", { key: '9b96dd42003108200b0ebb0bb5f246e48028967a', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'c0f25515428343bdbb6e2ee715dc8e7996ae922b', class: "col-12 col-md-4" }, h("form-control-text", { key: 'af541412c694f912fb2d511d1b72d02274e4ef21', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '61cdbddac8ab71b22feab3a5169f5fda57f751ee', class: "col-12" }, h("form-control-text", { key: '1861b0a9807c2f0679eaba07f313d4dfaf563fd2', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: 'cb3aab077c4e3824e6becf46396b67114ff24f16', class: "col-12 col-md-6" }, h("form-control-select", { key: '0adfc316afc87f6aa91198d01da7ad3a86b6221d', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '36ae7e269ba4f31541ffc2d20e0931500b33732a', class: "col-12 col-md-6" }, h("form-control-text", { key: '7f8a76e23c78f505133a3fcd23575ae0e04e2c7a', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '67d3c31c5450fffcc5d333f2a6927f805d88fc4f', class: "col-12" }, h("form-control-select", { key: 'c99faee491f35231c852e9a6096e5822c389d6cb', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true })))));
     }

package/dist/module/iframe-input2.js

@@ -1614,10 +1614,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'e818cf95e3137d0e831ca05cb1fefeed7d8ea487', class: "form-group d-flex flex-column" }, h("div", { key: '55d3af9ab22c267c4ee7d00fdcea3f4cb7339685', style: {
+        return (h(Host, { key: '0c7696f592d079436b8a91d33474f74de2922917', class: "form-group d-flex flex-column" }, h("div", { key: '947cd055eb77e78ec719da130fab97ca093e4954', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '9999761a3925081bf9ebcbc3a229306fcf9902ae', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '979c124113a08e50bbc8983549e98451823d0aaa', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '3fc09b6a212b3d0f63f2d7cc9f0037be5afd6d58', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '59dfc89fb0ffb5163b9ea6c7eef12b1ff5bab5d2', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'cad88a50d0381285a1c125e1331c3e401327554d', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'bf4af4cc965ddd4376b5780ea53824cb268c1952', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1627,7 +1627,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'a9d8f075d0b827bab2e00053d3a7575557b14464', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '785e5ad09f32240299116d906f5a5dbf3f03ed5e', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {

package/dist/module/justifi-business-form.js

@@ -22,7 +22,7 @@ import { a as BusinessFormClickActions } from './event-types.js';
 import { d as defineCustomElement$e } from './custom-popper2.js';
 import { d as defineCustomElement$d } from './form-alert2.js';
 import { d as defineCustomElement$c } from './form-control-date2.js';
-import { d as defineCustomElement$b } from './form-control-monetary2.js';
+import { d as defineCustomElement$b } from './form-control-monetary-provisioning2.js';
 import { d as defineCustomElement$a } from './form-control-number-masked2.js';
 import { d as defineCustomElement$9 } from './form-control-select2.js';
 import { d as defineCustomElement$8 } from './form-control-text2.js';
@@ -160,7 +160,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-form", "custom-popper", "form-alert", "form-control-date", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-identity-address-form", "justifi-legal-address-form"];
+    const components = ["justifi-business-form", "custom-popper", "form-alert", "form-control-date", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-identity-address-form", "justifi-legal-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-form":
             if (!customElements.get(tagName)) {
@@ -182,7 +182,7 @@ function defineCustomElement$1() {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-monetary":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }

package/dist/module/justifi-checkout.js

@@ -132,11 +132,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: '52aca1a3ce8016a382f428ef142abc8aee9da41d', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
+        return (h("justifi-checkout-core", { key: '4c752a401d34aae940f947600aa81961be1d6d8e', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: 'fabb53264f26320fff2aa0a603c664f47ca380d0', slot: "insurance" }, h("slot", { key: 'ce09504ef5a48d6b963f4ba39252d681f23d0168', name: "insurance" }))));
+            } }, h("div", { key: 'a67422cd23e1895f192abb352d328ea9874566e8', slot: "insurance" }, h("slot", { key: '937902933052abb1dae89271bc85ddd93b86a904', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/justifi-checkouts-list-filters.js

@@ -54,7 +54,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'bcae6fee83117dde40a29ebcab8e85089bcdc37e' }, h("table-filters-menu", { key: '56c6a5d205836fe010917f0f0d978507cf227a3f', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'c82691f9b863368a2b7523dc7d9d348c3fe2e776', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9abbb01e53139ebd376a638400b199d88288b175', class: "p-2" }, h("form-control-select", { key: '3859777cf1f4ee451a65440a90dfe9e5f4a2f069', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '3c23d4b820ea2424d6ddc01e6952c8c46cd7d975', class: "p-2" }, h("form-control-select", { key: 'c376228f82419b959b3fefa6b32d25c584c6ea3b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'c1af53aa366b42a96b73bc7e3880a00f91d38d40' }, h("table-filters-menu", { key: 'fd5826776be41b7f8ddb71459733047be623214b', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '8ebcb618fb95e79dc350b9c4f95af5cedef47dc7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '449b7ba6d1b0839c8f79f614d0b4be56398e0719', class: "p-2" }, h("form-control-select", { key: '91a04afd5fdf302803ac46373aa752d53421dc3b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'a0e1cb069b14ae3375d643e25206bd4438fefbc1', class: "p-2" }, h("form-control-select", { key: 'f576dcfa1a6d7221094cea7e4f0008a47b2af56a', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [1, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],

package/dist/module/justifi-checkouts-list.js

@@ -105,7 +105,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ae2a18885c69808bd589848ae1b33f4a4a3085e9' }, h("checkouts-list-core", { key: '86201976540a348eb800ee07e9c50f68a1f1a1cf', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '072e2dc9373eef92119a0b0a01b61615d3bdcec0' }, h("checkouts-list-core", { key: '84027904ba2baf57aa22247c553ab585d0d71262', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-dispute-management.js

@@ -99,7 +99,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'ae0e4a208d6250c4da7033e1d8bf8c33ec041c36', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '4bdf1bb2befbd6d963744cac254993ad78e2047f', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],