@justifi/webcomponents 6.12.7-rc.3 → 6.13.0

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

@@ -63,10 +63,10 @@ export class FormControlNumberMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: 'c70d3fcce4d3e1e120008b03a708bb3d1038777b' }, h("div", { key: 'fc3c3cf5637121a7c6f662649a1b3910ec503afa', class: "form-group d-flex flex-column" }, h("div", { key: 'c06e87a0d72942e421c37ab406b7f71d4e7f2c54', class: "d-flex align-items-start gap-2" }, h("label", { key: 'eedeec0161e3085cd65ea08b3fb4517ff62c6ffc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9fb05bd91836ca51750f30a714a7940493bfad8b', helpText: this.helpText })), h("input", { key: 'ef12caf83b42b0de0c33ece690bdd927b9b9a02c', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '0ff6ce9901d9e804d1b82f9e8830a6d2a4cab67f' }, h("div", { key: '1846069b3d0682c1c1059a9a6192610dc6ac7e66', class: "form-group d-flex flex-column" }, h("div", { key: '2739a42086660392c2c508c37cdb387303efe592', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e2e8149f7284cdfc0548131afa0c0a1d8f2e9385', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ed0552645fd9929fa10ccd56dae495f27283c168', helpText: this.helpText })), h("input", { key: '1f52622e4724ac43f8b430f4742b6f9ed0a5ccf6', 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: '8791f48bed5d6508b7cccad7bba8da7d65f96ffc', 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: '2cce6d31bf2ff20a8c32e1e3d28e1cb8040b192b', 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

@@ -37,10 +37,10 @@ export class FormControlNumber {
         return input;
     }
     render() {
-        return (h(Host, { key: '07b767b8c9091079f121d1df2b552c7d406f47b1' }, h("div", { key: '1c6c234435bb5571d3bbf5123f6f47cf51b095d6', class: 'form-group d-flex flex-column' }, h("label", { key: '883c05703351e32c7e12dbf7d984f888825606e3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9b841736efd2971cf93c1167ec1fd1c1d5045ec9', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a47de1fbb4fbd97b47c4dc934d58a628c65f1dbf' }, h("div", { key: 'bbd063c3f0c68bdad5f1849fed8ac318ebb423ef', class: 'form-group d-flex flex-column' }, h("label", { key: '796cb0253dc523ceb21464f3ce528509abffecfa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '8ceaf162d7db2c639b679a431dea7b962593eb09', 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: '26133a236b3c8b2cc14dce1c1244f3b1a9163605', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e69f03f593e1632fada2d1f6dd56aaf5612a2da7', 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: '6935e075c057a55f0af02051eb97310b187ae807', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '019b48db586768219622e657e121772e4f0203c5', 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

@@ -29,10 +29,10 @@ export class FormControlRadio {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '155f8db94cbc78a33daeaace0ea6b9e403d6856d', class: 'form-group d-flex flex-column' }, h("div", { key: 'f2c34e5513e584a68c6117775124eeb40d8a4de3', class: "form-check" }, h("input", { key: '50114b7a8428cc78b963442cf92eda6d0146f824', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0c6362e375e04d23c7e31a6be9ea6a43fbfdaac2', class: 'form-group d-flex flex-column' }, h("div", { key: '81b22f74d5b872318e121a2be0cbd8108c3f32ec', class: "form-check" }, h("input", { key: '903e8b0ad9cb30241d175da091de758bf4ac2471', 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: '759a69de65a6fc043494d394a118c55b1e948e75', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '18ca0f0b27657d1a159b9eb4839290969f349d7e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e4bffdf3cd4596a3b42fb6098be620005d68296e', 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: 'df1402687b5965cbbd41ab65dc3de46a2e6e86b8', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'cf5498002674765b9cc5a0a09be1851be4221e9f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'c5b50668f0451d1d5cbf94c1399057758ac93a5e', 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 FormControlSelect {
     }
     render() {
         var _a;
-        return (h(Host, { key: '9499d7c542341eabf4e5571dec7c9083d13b7666' }, h("div", { key: 'c9967fd597028fcac9582ac39121c9a445330712', class: "form-group d-flex flex-column" }, h("div", { key: '213e629f9364a9e2a2796cfca0c008fd7bf1e212', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9d68b3dcc00ca877a80a8464478fd9ac38bd40c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e655af202b042934dba8ce2a003af3bef9a74df9', helpText: this.helpText })), h("select", { key: '4b4e4ccb7cc36b1ce5f48d0b11c5e036256267b9', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bf6556107b1f272aa6bc4f89cb0f2a889f8b9d1d' }, h("div", { key: 'be1644d78987676c9af452831e25c3effc31a67c', class: "form-group d-flex flex-column" }, h("div", { key: '62eaea4bdbee959d6e785c00c4f41f642c0a16af', class: "d-flex align-items-start gap-2" }, h("label", { key: '641ada798c78ca0c649ec76029c157069636838b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3a04fe21799a54e402e8afead34b60898c804af4', helpText: this.helpText })), h("select", { key: '54188864be36aed540647275cd84eae738eb633f', 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: 'a9ea85db5af5a500e50c87ba83c5e64a43c422fa', 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: '387753bf79494f44a91858175af74d48a9e9c051', 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 FormControlText {
         return input;
     }
     render() {
-        return (h(Host, { key: '4ab9e7a2c6312b568de8a8ee429ef02f3f792173' }, h("div", { key: 'e273e0bc062be883505fe3047d41a741eaf23a44', class: "form-group d-flex flex-column" }, h("div", { key: 'a7496dd4f6b5549f26752ca2de35a34c5261e439', class: "d-flex align-items-start gap-2" }, h("label", { key: '97480c49cb0fcd3c75d123c6033df4880755baf0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e2a53e4e15be4f9f739a79afeaf28c3671c14a4d', helpText: this.helpText })), h("input", { key: '1571553d763734454026b2c4feaa88a9535f2057', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '5732a2a92dd945b8520e277bf10e22ea296b0949' }, h("div", { key: '9f58456015584c0cd945686e8bc7d629f46a39a2', class: "form-group d-flex flex-column" }, h("div", { key: '1dccca5e3f97a41e895e7572f24f0e21d2b912c1', class: "d-flex align-items-start gap-2" }, h("label", { key: '54d52a444a22f460579911ecf869633b041bcab9', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '65f9c29cb659be24d88697c72dac422c70431209', helpText: this.helpText })), h("input", { key: 'ba4b46b0e3e66112ed90e64425de6fd9c97559d2', 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: '44f7c7847a2255ff3ddd83f542ff6690d1aed798', 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: 'f7bf2c8f5f1c30cfdc4e6c2927434a50f7f58add', 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

@@ -42,10 +42,10 @@ export class FormControlTextarea {
         return input;
     }
     render() {
-        return (h(Host, { key: '1e73c7219f321b73bc6001cde222b33ba79a7338' }, h("div", { key: 'dc682efd7a21e80ed1936cf69a186d3fab258de8', class: "form-group d-flex flex-column" }, h("label", { key: '526bcc6604b03b79737e4211c6d7a282cbd71979', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '4dab395c565c7180631042f99ac3b91382df4ca1', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f6c4833f4a582e5b310b89356716acce6ef24f8f' }, h("div", { key: 'dc576c3df86ede178fef9dd2975ea2307fd1bd5f', class: "form-group d-flex flex-column" }, h("label", { key: '4217d6bbe9fb6331c2ab5e9d043659079a7af1dc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '42ab7f076431ee0a1e744eb648de1590e39554f7', 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: 'dc851b2b46a3be03c65121a7e1f957f6c6d20c1b', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3f09a6b275b4218aff7588f90a3cdb0de02ae8bb', 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: 'a1d8a2b674e5faf81c778a07ca270094f77e7281', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'a47839b4edc4007b6c9dfc1b6689dd1e1750cc60', 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

@@ -51,7 +51,7 @@ export class HiddenInput {
             this.focusWithoutPageScroll(this.hiddenInput);
             setTimeout(() => {
                 this.hiddenInput.blur();
-                let computedStyles = getComputedStyle(this.hiddenInput);
+                const computedStyles = getComputedStyle(this.hiddenInput);
                 resolve({
                     boxShadow: computedStyles.boxShadow,
                     border: computedStyles.border,
@@ -87,7 +87,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'd3aa78cd75de1a781c8100c121933122c6db599b' }, h("input", { key: '7ac01ecc01ca776cd6928a3a1d1e0b2baa4b8965', 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: 'c3b2f0cb5160d888b3ecbaca95285749c0b71002' }, h("input", { key: 'f6d0ad00733d086dfa09b646f7599d60f91e5f50', 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: 'a3039409160cb6fd7dd2e7bf189e241f34ddeca6', class: "form-group d-flex flex-column" }, h("div", { key: 'dab356c30fedca21f6092cfbaf576e23df36b318', style: {
+        return (h(Host, { key: '60e76f1a33ddd4ea5b89cd31a1b6906ff53c5ddb', class: "form-group d-flex flex-column" }, h("div", { key: '5fdef33ae8deb616929478d06fddc01b97233f0a', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '0469fb973476f92cd5b275b62e4a462521448273', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd91253d593d700279c0d869b34d3d4f5d572759a', 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: '2a3676ad3d25daedccaa0cb2297f505641b47497', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'e37adecf5024d4c77561d3ca269f49c398fc8fd7', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '206a703cd84d713155aa754576410f495b4329fe', 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: '214ecd5b4fa9d075b91ea73b9edd09fdfa0cdf12', 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: 'e54b9c1a7ef5da3bed2eb62e25a28c91865f1f40', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'bec41e86a063eacb8f1f741b446c64db540d9e4d', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/ui-components/internal-button.js

@@ -6,7 +6,7 @@ export class InternalButton {
         this.type = 'button';
     }
     render() {
-        return (h(Button, { key: 'b9c53e47ed16f09a34b2d28c9edc275de6f375c1', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
+        return (h(Button, { key: 'a20d0f251ab26062356b54965b3981af7953c71f', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
     }
     static get is() { return "internal-button"; }
     static get properties() {

package/dist/collection/ui-components/radio-list-item.js

@@ -9,7 +9,7 @@ export class RadioListItem {
         };
     }
     render() {
-        return (h(Host, { key: '72ed5a0699e0777e0e9fe64fcf4384ee3a6f1d1b' }, h("div", { key: '0f6565adcc8fecd970e44ee5cd06f15d21cd2feb', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '017390d5dc479fb85b3d4fa493f3aaf292bce7b5', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(Host, { key: 'c6313219de1fb0db111332b67364e4a5700c2856' }, h("div", { key: '73925451debf15dc46d8bb6b7183bfd85af4c315', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: 'd14da7ad38b1ee3b82e99f20957161f10eb744c4', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
     static get is() { return "radio-list-item"; }
     static get properties() {

package/dist/collection/ui-components/shadow-dom-components/justifi-button.js

@@ -6,7 +6,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'f1ac17863df571d72e7db9b748b1980218145322' }, h("internal-button", { key: '0b7052d216fb79ed5d9f90aacff97d39dce87473', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+        return (h(StyledHost, { key: '241fe8903788f0442b42bf5a6835d152d1944967' }, h("internal-button", { key: '7c13bd1fa53cf9faae26e521af5a40a08659fe92', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
     static get is() { return "justifi-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-header.js

@@ -14,7 +14,7 @@ export class JustifiHeader {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '879e301ec35e7cc536dec135e11daf140c67eeed' }, h(HeaderComponent, { key: '1766cb9a4d84bee1b3365b4df93515274cf31565', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '5a0872ee486bdba3ba1c86145946889bb7d151f2' }, h(HeaderComponent, { key: '89807e249cdf64f7ef80800276cb50966083f28e', text: this.text, class: this.class })));
     }
     static get is() { return "justifi-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-skeleton.js

@@ -3,7 +3,7 @@ import { StyledHost } from "../styled-host/styled-host";
 import { Skeleton } from "../skeleton";
 export class JustifiSkeleton {
     render() {
-        return (h(StyledHost, { key: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '3494cfb61fe0284861e3e43edf608cca947c407f' }, h(Skeleton, { key: 'ee25cf4475e11ff816bf3a21f681b96b3db1995a', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
     static get is() { return "justifi-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/utils.js

@@ -160,13 +160,13 @@ export function processHTML(htmlString, functions) {
 }
 export function formatPhoneNumber(number) {
     // Remove all non-numeric characters
-    let cleaned = ('' + number).replace(/\D/g, '');
+    const cleaned = ('' + number).replace(/\D/g, '');
     // Check if the number has the correct length
     if (cleaned.length !== 10) {
         return 'Invalid number';
     }
     // Format the number (XXX) XXX-XXXX
-    let formatted = cleaned.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+    const formatted = cleaned.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
     return formatted;
 }
 export function generateId(length = 10) {
@@ -197,7 +197,7 @@ function decodeJwt(token) {
         const decoded = atob(payload.replace(/-/g, '+').replace(/_/g, '/'));
         return JSON.parse(decoded);
     }
-    catch (e) {
+    catch (_a) {
         throw new Error('Invalid JWT');
     }
 }
@@ -209,7 +209,7 @@ export function isTokenExpired(token) {
         }
         return payload.exp * 1000 < Date.now();
     }
-    catch (e) {
+    catch (_a) {
         return true; // Treat invalid token as expired
     }
 }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-04-08T14:23:20",
+  "timestamp": "2026-04-09T21:13:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -9797,35 +9797,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "showSkeleton",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "show-skeleton",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "true"
-            }
-          ],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "width",
           "type": "string",
@@ -11500,6 +11471,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "googlePayEnv",
+          "type": "\"PRODUCTION\" | \"TEST\"",
+          "complexType": {
+            "original": "'TEST' | 'PRODUCTION'",
+            "resolved": "\"PRODUCTION\" | \"TEST\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "google-pay-env",
+          "reflectToAttr": false,
+          "docs": "Passed to `justifi-google-pay` as `environment`. Omit to let the child use its default.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "PRODUCTION",
+              "type": "string"
+            },
+            {
+              "value": "TEST",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "hideBankAccountBillingForm",
           "type": "boolean",
@@ -11825,6 +11824,104 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/checkout-qr-code/justifi-checkout-qr-code.tsx",
+      "encapsulation": "none",
+      "tag": "justifi-checkout-qr-code",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "checkoutId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "checkout-id",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "256"
+            }
+          ],
+          "default": "256",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "error-event",
+          "detail": "ComponentErrorEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "ComponentErrorEvent",
+            "resolved": "ComponentErrorEvent",
+            "references": {
+              "ComponentErrorEvent": {
+                "location": "import",
+                "path": "../../api/ComponentEvents",
+                "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "justifi-qr-terminal"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "justifi-qr-terminal": [
+          "justifi-checkout-qr-code"
+        ]
+      }
+    },
     {
       "filePath": "src/components/modular-checkout/sub-components/justifi-checkout-summary.tsx",
       "encapsulation": "shadow",
@@ -12572,14 +12669,8 @@
           "mutable": false,
           "attr": "environment",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "\"PRODUCTION\""
-            }
-          ],
-          "default": "\"PRODUCTION\"",
+          "docs": "If not provided, the environment will be determined by the account mode: 'test' or 'live'.",
+          "docsTags": [],
           "values": [
             {
               "value": "PRODUCTION",
@@ -12590,7 +12681,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -15139,6 +15230,190 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/qr-terminal/justifi-qr-terminal.tsx",
+      "encapsulation": "none",
+      "tag": "justifi-qr-terminal",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "authToken",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "auth-token",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "checkoutId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "checkout-id",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "pollIntervalMs",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "poll-interval-ms",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "3000"
+            }
+          ],
+          "default": "3000",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "pollTimeoutMs",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "poll-timeout-ms",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "600000"
+            }
+          ],
+          "default": "600000",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "checkout-completed",
+          "detail": "{ checkoutId: string; paymentStatus: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ checkoutId: string; paymentStatus: string }",
+            "resolved": "{ checkoutId: string; paymentStatus: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "checkout-expired",
+          "detail": "{ checkoutId: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ checkoutId: string }",
+            "resolved": "{ checkoutId: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "error-event",
+          "detail": "ComponentErrorEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "ComponentErrorEvent",
+            "resolved": "ComponentErrorEvent",
+            "references": {
+              "ComponentErrorEvent": {
+                "location": "import",
+                "path": "../../api/ComponentEvents",
+                "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "error-event",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "justifi-checkout-qr-code"
+      ],
+      "dependencyGraph": {
+        "justifi-qr-terminal": [
+          "justifi-checkout-qr-code"
+        ]
+      }
+    },
     {
       "filePath": "src/ui-components/shadow-dom-components/justifi-radio-list-item.tsx",
       "encapsulation": "shadow",

package/dist/esm/{Analytics-Bg6T3DQV.js → Analytics-D_HycaxE.js}

@@ -1,6 +1,6 @@
-import { p as packageJson } from './package-DSjpDUHk.js';
-import { A as Api } from './Api-DMd8hTI-.js';
-import './Plaid-CeYMgNts.js';
+import { p as packageJson } from './package-DSavNeRB.js';
+import { A as Api } from './Api-DjAL73GZ.js';
+import './Plaid-C8qoMZLV.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 

package/dist/esm/{Api-DMd8hTI-.js → Api-DjAL73GZ.js}

@@ -1,5 +1,5 @@
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
-import { g as generateId } from './utils-BTtxWI2r.js';
+import { g as generateId } from './utils-CcA8Y5hs.js';
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {