@justifi/webcomponents 5.7.6-rc-08 → 5.7.6

package/dist/collection/ui-components/form/form-control-number-masked.js

@@ -22,9 +22,11 @@ export class NumberInputMasked {
             this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
         };
         this.handleFormControlInput = (event) => {
+            var _a;
             const target = event.target;
             const name = target.getAttribute('name');
-            this.formControlInput.emit({ name: name, value: target.value });
+            const rawValue = ((_a = this.imask) === null || _a === void 0 ? void 0 : _a.unmaskedValue) || target.value;
+            this.formControlInput.emit({ name: name, value: rawValue });
         };
         this.updateInput = (newValue) => {
             if (this.imask && newValue) {
@@ -59,10 +61,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: '061fe0815ef19482e674b7a79f7fd8d3efd9b23e' }, h("div", { key: 'aa7cbf11fa76f3275e5134b73eb791d9820224fc', class: "form-group d-flex flex-column" }, h("div", { key: '8691788f18c11838e9cab552aa4b461b8c16475d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a10ab49f8c8bb40568fbabdc6a331453e9f0da7f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '72ad331bd99426ea403137f14868830a5d37525d', helpText: this.helpText })), h("input", { key: 'f3500f91fe305c5a5bb57e2fe6746cd7367b73a4', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '3b909f365c2a545a2d255bfaec281812a391c3f7' }, h("div", { key: 'd40c59e5911aabeaf738bddb4b9fe4938f043f9f', class: "form-group d-flex flex-column" }, h("div", { key: 'bad6d496763bfa3eb91797369a67f1501439d053', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ecd7157e378449736090d37deab6143e91e26f2d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '76f4f2b7e2103087bf2fb15c0ef9f2444f61b746', helpText: this.helpText })), h("input", { key: '5ab0ee72a81073b62170a1136429f2e7f7fb61a1', 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: 'f2862035e9bd3f5fe7ddb68823cc2c2e3bb3ed9e', 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: 'c6a0f38dfb4ad8b12c75dead15cca55e16bdcf1d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number-masked"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number.js

@@ -36,10 +36,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '3a327ad2c5222d0173a5e0d3441fdc67828fe296' }, h("div", { key: 'ce9abb2be09e963b5f9845ef53943e5d0c91b52e', class: 'form-group d-flex flex-column' }, h("label", { key: 'fd1696fc3708330e9c17cc170d63fa185c70554f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '5511ce43acffab43852d33b999f38ea2af5c8a22', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4b7549a92438ca0c2af28ca1c01c0aafcbafb0b5' }, h("div", { key: '4367a89894beca5359a4a1fe6e000b99e89c4cf8', class: 'form-group d-flex flex-column' }, h("label", { key: '989fa10991b685da0e3419190733c491403a309d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '1e1f9d45d9528e12ae2d79933fc2c44e2f739139', 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: '7cc49d28e9c8fa25936b4cc6845d543b7f2f13db', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '9239a87c6114f4ed7cb5031d2de843c75642abe3', 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: '4e57da3b445639563cd60d8481522fdd3450f9b7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd038896853b604804af4c3f88a33f57c4d4a445f', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-radio.js

@@ -26,10 +26,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '2f64360b10bab1122ae4b02ef46c60885dfaffc7', class: 'form-group d-flex flex-column' }, h("div", { key: '3c8c6c0ef5ef7fecec50dce58bc4b8ace86141ff', class: "form-check" }, h("input", { key: 'dcdffa6b533e39e0b0ba94e6618838581676d770', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4cc66381051471ec207680e04daa50697296ff86', class: 'form-group d-flex flex-column' }, h("div", { key: '6f4aef601b75e7bc4b1530f3deb3d5c34daada1b', class: "form-check" }, h("input", { key: '11db889bf99cc8a7dd0e5f7a92834b4db63eb34a', 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: '445b9d24065d6bf342dbc11913025c85c45438eb', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'cff7ef6c97d8a11abaf849204fd36e096a90bd47', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '758ef5790f511eaadafb09dabd742c21d71d28c3', 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: '20cb045393b05cd8b30d655b4d199a0476314007', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '31664ad4a401ebf5184fff7cd40a78326672ba2b', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7d28efa52994e3fb112d58a571f9b043972bb065', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-select.js

@@ -35,10 +35,10 @@ export class SelectInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a7428cd8a89414d877dafe9948f5652f28c36a5f' }, h("div", { key: 'c9d5d5d2f8a6292484d3606d883dbb9d168aa316', class: "form-group d-flex flex-column" }, h("div", { key: 'c1aba6560934b966de02e9afef77428c6060eefb', class: "d-flex align-items-start gap-2" }, h("label", { key: '5fbbb09c3955ff3285b006f24c3873082394d39c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f756a05a8273ab6fd65205bb5c32cd34c30a9db3', helpText: this.helpText })), h("select", { key: 'ffd0fa461d3c35da5595e705a7c4068066d8f971', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '16afff88a986b1e1b5596aeb3c780c11632ead9e' }, h("div", { key: '6a025a451737f626e6597e667a8825e815250f89', class: "form-group d-flex flex-column" }, h("div", { key: 'e6582c06498576f23b55dfc454e2c8f73e736e4a', class: "d-flex align-items-start gap-2" }, h("label", { key: '6d8c53a2404c66d04e217faf397db3e7e7f95f70', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '80f38de1fafd576e340603147917194a0ca88def', helpText: this.helpText })), h("select", { key: 'a747f1946d552aa2bef3141b3ec05119a2fa0f15', 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: '6ee60bb236ccf7cea7bc8ccf946a363d2cd26906', 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: 'f2a725b0cac08bb1ad33d8af4e8a0efb64fe9d45', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-select"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-text.js

@@ -36,10 +36,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '5b500af224b7de44bf8098d3cd932d6e2fddcbc7' }, h("div", { key: '5df6aee512b3d4d65d262fb9855687687ca60c3e', class: "form-group d-flex flex-column" }, h("div", { key: 'a1861ef5aaac348fd6f9710c265abb7a38ca844c', class: "d-flex align-items-start gap-2" }, h("label", { key: '0bb09702643db8ab0d3da2d0ea1e1ba702c3fedf', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '86555252ecc0dc43b9e87339cac7212606f18f62', helpText: this.helpText })), h("input", { key: '76cee08e6e148f6b430c7159ae88b274d6f2ecc5', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '54560107b58c2a11f306b499dc926be155b22b51' }, h("div", { key: 'a62dab043fa298ae060c7e910b1748af607b8bd5', class: "form-group d-flex flex-column" }, h("div", { key: 'ad624f874d571ee713c8f36cf24faab4d3bcf27d', class: "d-flex align-items-start gap-2" }, h("label", { key: '6c0b79ef74a686975c2d2071d80f877fae7428c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '0eb37ab82f5eb69cc28db76249fcf45633b8bba5', helpText: this.helpText })), h("input", { key: 'd23affba3abef502dadf503ef59d140d20fccb89', 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: '2cceb2db7b3b52c92561385abbdd8e811df633c6', 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: '58224f241eab27ca2e46883acce95f88a2a8eebf', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-text"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-textarea.js

@@ -38,10 +38,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '2034befef3ceba090d731e78173ae7b497110f78' }, h("div", { key: 'e501518a21ce664a4abf5142e3df83a92334e2a0', class: "form-group d-flex flex-column" }, h("label", { key: '9ee9b447ed978dae9f12083c16bc858033f1873e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '60de3ec721ed876aff1a8c57a7c1c657dd60454f', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '28fbf164d56ff9d9daeec56db1132a1342070ab8' }, h("div", { key: 'c88783d5fd02f8d9b507449b72fb5350c0adfde2', class: "form-group d-flex flex-column" }, h("label", { key: 'dcccf11884c7c91c2bc8eb01439ce2cdd558da9e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '9e51c0c08739aaefc37a95f8651373c96b7ff38d', 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: '2490a8f33b6a45bdb48058dfdbbf4a011a1f816c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2c137ae9de0a8c7c0a4888f4a945be495230e67b', 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: 'df079e1b6f6dd0208779398975e52ceade80f6ae', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'fa25b7836d84edb480af7e4a82319192a73fd7bc', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-textarea"; }
     static get properties() {

package/dist/collection/ui-components/form/hidden-input.js

@@ -73,7 +73,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '0ee80d3f6e70e496682e798ddfc57d9e8e8b0578' }, h("input", { key: '6ec2b8825e4b2e9c2d130ce810bb76f67dc30940', 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: '61f65f5960ecc45fe7e321299bdd367fde6f3f57' }, h("input", { key: 'ae2126e3efa70fe09a1211e0335667f324471649', 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' } })));
     }
     static get is() { return "hidden-input"; }
     static get states() {

package/dist/collection/ui-components/form/iframe-input.js

@@ -77,10 +77,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: '476aa13501c575d34fc189186cb9cc087f1934c0', class: "form-group d-flex flex-column" }, h("div", { key: '4479d3f3ca36738a4803a8296335df173cc60600', style: {
+        return (h(Host, { key: 'c7e816ffb97c88217b50e8e8ecc5c0fe210bcdbe', class: "form-group d-flex flex-column" }, h("div", { key: '2e38b8e3ddeaba93556c52f20ff67b8324255bda', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'ab3ca944b088d966fb5e31248e72be90cd817596', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'e0590b5060c5f53ae009f463c7fd2013c718d29a', 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: '5c31e3628e9c1480702008c750b9023e27427c68', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '75c8d278c641316e797c4cd79905ff554920a4fc', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'e06f9f5f09fb0b3679df6195c1557698790a6331', 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: 'c5f7a5c687855d59057dfa52c8f4b5c157c24107', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -90,7 +90,7 @@ export class IframeInput {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '8dd8903b2de383fa145a11d45e32efe1b95e10fd', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '116d0495276351a49014fe565977a244596284ee', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {
@@ -200,14 +200,14 @@ export class IframeInput {
             },
             "tokenize": {
                 "complexType": {
-                    "signature": "(clientId: string, paymentMethodMetadata: IPaymentMethodMetadata, account?: string) => Promise<any>",
+                    "signature": "(clientId: string, paymentMethodMetadata: any, account?: string) => Promise<any>",
                     "parameters": [{
                             "name": "clientId",
                             "type": "string",
                             "docs": ""
                         }, {
                             "name": "paymentMethodMetadata",
-                            "type": "ISavedPaymentMethod & ISubmitCheckoutArgs",
+                            "type": "any",
                             "docs": ""
                         }, {
                             "name": "account",
@@ -218,11 +218,6 @@ export class IframeInput {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
-                        },
-                        "IPaymentMethodMetadata": {
-                            "location": "import",
-                            "path": "../../api/PaymentMethod",
-                            "id": "src/api/PaymentMethod.ts::IPaymentMethodMetadata"
                         }
                     },
                     "return": "Promise<any>"