@justifi/webcomponents 5.7.3-rc-01 → 5.7.4

package/dist/cjs/{Analytics-DYN4hp2b.js → check-pkg-version-BlUxyRaM.js}

@@ -1,35 +1,15 @@
 'use strict';
 
-var _package = require('./package-DF9mLjoQ.js');
+var _package = require('./package-v-c3ZR5a.js');
 var Api = require('./Api-BTdkb3Zh.js');
-require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BsYZoJ0a.js');
+require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-BDFOEJv_.js');
-require('./Document-rXGBUaOh.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 
-const latestVersion = async (packageName) => {
-    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
-    const json = await response.json();
-    return json.version;
-};
-const checkPkgVersion = async () => {
-    const version = _package.packageJson.version;
-    const packageName = _package.packageJson.name;
-    const latest = await latestVersion(packageName);
-    // remove rc from version and everything that comes after -rc
-    const latestNotRC = latest.replace(/-rc.*/, '');
-    // checkif there's a major version difference
-    const versionParts = version.split('.');
-    const latestParts = latest.split('.');
-    if (versionParts[0] !== latestParts[0]) {
-        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
-    }
-};
-
 const api = Api.Api();
 class AnalyticsService {
     async record(body) {
@@ -112,5 +92,24 @@ class JustifiAnalytics {
     }
 }
 
+const latestVersion = async (packageName) => {
+    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
+    const json = await response.json();
+    return json.version;
+};
+const checkPkgVersion = async () => {
+    const version = _package.packageJson.version;
+    const packageName = _package.packageJson.name;
+    const latest = await latestVersion(packageName);
+    // remove rc from version and everything that comes after -rc
+    const latestNotRC = latest.replace(/-rc.*/, '');
+    // checkif there's a major version difference
+    const versionParts = version.split('.');
+    const latestParts = latest.split('.');
+    if (versionParts[0] !== latestParts[0]) {
+        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
+    }
+};
+
 exports.JustifiAnalytics = JustifiAnalytics;
 exports.checkPkgVersion = checkPkgVersion;

package/dist/cjs/{checkout.service-D4hTYr1i.js → checkout.service-Bx0RBq-I.js}

@@ -1,12 +1,11 @@
 'use strict';
 
 var Api = require('./Api-BTdkb3Zh.js');
-require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BsYZoJ0a.js');
+require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-BDFOEJv_.js');
-require('./Document-rXGBUaOh.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/checkouts-list-core.cjs.entry.js

@@ -3,12 +3,11 @@
 var index = require('./index-2GwnTbNA.js');
 require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BsYZoJ0a.js');
+require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-TZnRz3-3.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-BDFOEJv_.js');
-require('./Document-rXGBUaOh.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var table = require('./table-BgQP2M2-.js');
@@ -139,7 +138,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h(table.TableWrapper, { key: 'c496328d1840fb1f823f233c04c78525b5f12553' }, index.h(table.TableComponent, { key: 'f994cfed9bf75a299fc94dd22306911d84b44541' }, index.h(table.TableHead, { key: '0ffb6ce97ebe1a35eb0143b43767223d844a70e0' }, index.h(table.TableHeadRow, { key: 'd063eaafc44bf75be0de5463a1f9b2789ec8b76e' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '624a316c1631070a999c48342e71c55207b51be3' }, index.h(table.TableLoadingState, { key: '0f7444acf626537bf2179fdb64a435550bcf20d3', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'ea68f85498d3bcbb44c8d9158d5cc6a228867e6c', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'db72f0190431182f410f246ad00fceb51901fd66', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '855184d90f85a1dd299c372b5b065e1af2151a99' }, index.h(table.TableFootRow, { key: 'b216c505abd04f79c0a733312fc5babdb35f2b77' }, index.h(table.TableFootCell, { key: 'efa83af6ee8543443826ccfe4efc230afc5d05f6', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '70664e167672a40b63c7fdd2603c52e8584870e9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (index.h(table.TableWrapper, { key: '79f36b8dd358285868187892962f5e2138942fe8' }, index.h(table.TableComponent, { key: 'e48c644e425ac45ab27b92548bc49af35b599245' }, index.h(table.TableHead, { key: '6d47b68c0a74f0eff3146dfc4720b0cc0f6fc24d' }, index.h(table.TableHeadRow, { key: 'a3660ae82b53ba7dead2e577fd8d573426935dc6' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '08fbd465bae0afa3de8d472c84e0410150509673' }, index.h(table.TableLoadingState, { key: 'ba7d778f9fc029166d6228fe9b1a8f1598a68c5a', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '312b176371526658852b74ae228524695f5c1947', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'a24680fb1d681397a3cb266ec34ab5c9310dfa64', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '503ffd707d958a353a18a6f06d1280a0cb01c741' }, index.h(table.TableFootRow, { key: '250fcfc3961881ab460221e5e0160d5b6d35e5c3' }, index.h(table.TableFootCell, { key: '2631d54b49bbee1502e5412cd9303d7d67746525', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: 'd7bb27501b62a1089090b06c82b2a2c328a2e0b6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/custom-popper_4.cjs.entry.js

@@ -1877,7 +1877,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: 'f0fa57ab03b7b98fbf1f869ebae9410bab1b4e5f' }, index.h("style", { key: 'f8e39710d856d83d393713f0dbe42b404e60f1d8' }, `
+        return (index.h("div", { key: '7ef56b941bf884c5a1416b373372748374bb204a' }, index.h("style", { key: 'ac2a710bea0939dd7f279968cfd33d789eba3a08' }, `
           .popper-content {
             display: none;
           }
@@ -1885,7 +1885,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '74550d809cb22ddc60ab2762c6f0ea7914b05865', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '37b78e823f0bec6ebbe7a4d3dd2f177ec96a647a' }))));
+          `), index.h("div", { key: 'f34a15bd8122833ed8b188cd0519588f2da78bb9', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '54d97c9be7fe9c33584156569c927e2108cab331' }))));
     }
 };
 
@@ -1926,10 +1926,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, index.h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, index.h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), index.h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, index.h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, index.h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), index.h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', 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 => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: '99abaaa766c1270cf1cfd926320d343393b13d1d', 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 => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -1974,10 +1974,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'fab6618fdcf4d8c5f61687ecd5edfd6783754ec8' }, index.h("div", { key: '8f5b56c46fcd890c2601dd3b79fe60438bd561ef', class: "form-group d-flex flex-column" }, index.h("div", { key: '2226c532baa84905d8051e2222f24105b224d42b', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '7c516dce181a938168dbe4961a90a946c723fc91', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'f4868f88e4f3e4795e25ad505e78cf8ab212623d', helpText: this.helpText })), index.h("input", { key: '10f02be3c0d055089697155878fedc23aa9f31e3', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '9ceda4ac9f8bd1ab572652b1818672948ad7d66f' }, index.h("div", { key: 'da631a05be3b84ca86a91a360eb7f6a3a3468b78', class: "form-group d-flex flex-column" }, index.h("div", { key: 'd5c5b7fe29e611806c63e43aa99c9831d4e8ba35', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '327ca9d8520ba4814104667da7cd8275489431ee', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '32678aefb28b06734c80e1f37b5c4b546ad0770b', helpText: this.helpText })), index.h("input", { key: '85152fdebfa1081e84e2c8adf760e4f7f6a94ea0', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: '02c21c4b071903db49e2e8b786275247d75c92f9', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: 'd0d8bd801df53a377010b89167d30ded49bc2cdc', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{dispute.service-Dru9NStj.js → dispute.service-DbUcp4sD.js}

@@ -1,12 +1,11 @@
 'use strict';
 
 var Api = require('./Api-BTdkb3Zh.js');
-require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BsYZoJ0a.js');
+require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-BDFOEJv_.js');
-require('./Document-rXGBUaOh.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

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

@@ -39,10 +39,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: 'a3b0fd8435bde51d1e2e0aaa0e322f10c599d60b' }, index.h("div", { key: '1bf5c142fc98a80f66bb51343bcd2aa8ece2376a', class: 'form-group d-flex flex-column' }, index.h("div", { key: '7e006d94b3716d4a93239e4f5e9e5f0058e5f460', class: "form-check" }, index.h("input", { key: '29d7b5552ce996fea4b71be9745372aa6804890f', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'ec1a11fd6b5d97b4a6136b91b750c0fde7f9e7fd' }, index.h("div", { key: 'b56aa5fb171204bcebffa8aa22e8b5cc7ae8daf1', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'da21623174fbc8fca6f063771f234f755945a838', class: "form-check" }, index.h("input", { key: 'f78acb43994063f81d823907378b9aa71a752f66', ref: el => (this.checkboxElement = el), type: "checkbox", 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-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '9731752e9eabd937800492a9ae9f64a96deebb5a', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'd333c061d00a23f0ef368e54094989cd7b892229', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'ec2734c748e851499d6699e7acb32bb74a04e256', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '7ae4a71d065ef48cc261a4850b6baac79640836c', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'cb50d3eebf345d1db44cf377da8b3c1f709b733c', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '20990b29fe22a5126a304788feb2c0498fb4925b', errorText: this.errorText, name: this.name }))));
     }
 };
 

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

@@ -49,10 +49,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '8b7c599df49cd5f6cd113a6dee5b85309488b581' }, index.h("div", { key: '17acab0e5128fc00e15e2f3cc1714de968f8f635', class: "form-group d-flex flex-column" }, index.h("div", { key: '7ffaab5a1c8d6a8d2ae06937ae06bddfdd3e4d42', class: "d-flex gap-2" }, index.h("label", { key: 'd4ca9a70d58d6d34fe9a2f104f1e022025b52bf3', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'c352a7b657e47f39d40a1a7b058b0b7a5b55e8e4', helpText: this.helpText })), index.h("input", { key: 'c1e0946e86137b27a17d690d475058b6c687b652', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '5360f4917c4af8d4e40522a25e838703d8374480' }, index.h("div", { key: '56a3a99c81ebbf00d1ff5befa1a96363660806ae', class: "form-group d-flex flex-column" }, index.h("div", { key: '5556531a79f39fecd1cc4027568bc3642f68ed68', class: "d-flex gap-2" }, index.h("label", { key: 'b722b7e91adaf94c57698cf5743d43d8cbb04957', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '109aabf5047eebe8254ed49379b297af05f68ac2', helpText: this.helpText })), index.h("input", { key: 'eb9862be33313981dccda15889d315893344ff41', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = 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', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '2324adaf7553fbcb65eaf1a0dbc7eed0c1d7208c', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '01217373b82eee84fae370f504cfee157c6f83ec', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -11,7 +11,7 @@ const FileInput = class {
         this.formControlBlur = index.createEvent(this, "formControlBlur");
     }
     render() {
-        return (index.h(index.Host, { key: '0e05130899c474fe1cae7da51a3e1c9d284c8188', exportparts: "label,input,input-invalid" }, index.h("div", { key: '81aac7c81010283a17ae6f95958260739ba8f521', class: "form-group d-flex flex-column" }, index.h("div", { key: '50be24013b6a998714524a974e4a4118d8fe9b1e', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '8094b17e38012c757647fe050a3d2d4680db31d9', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e2e1307070cfd4ebdf99396eb974e514b0e86de2', helpText: this.helpText })), index.h("input", { key: '784a515fbd7dd9a33e6631e1b98e599aa58c7e8c', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: 'e657fffc7079bc83ebbcf4468026401221ef6796', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'a047767dfcdd22535de0f797e05ba1124f5476c1', exportparts: "label,input,input-invalid" }, index.h("div", { key: '2b2eba9c135edc67135ee1fac2ddae29714a8139', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c7825bbeef90e85d43d9690da84f14c802520d68', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '3b9a273ee2d27edc17d6798fd5bb161650368c88', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'efb7ad8c5040a615d1c0ed8923c75e477294d6a4', helpText: this.helpText })), index.h("input", { key: '212de1de46ec3392e12535f137232328dbdf4681', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '573f0ddd4238786336d0a78c59b434bc83d8bb02', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -57,10 +57,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '9e8752d26a1b81e14a2666b1eeca224355ac7bc6' }, index.h("div", { key: '1db9d60d316f7d17a0e08fa6859e1b05ad0f325d', class: "form-group d-flex flex-column" }, index.h("label", { key: '7d955df10cd4fa6324911ee015e87881562aa528', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '3f12740611c14799405a2e070f74022cbb17edfa', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'b1f6375f194cbbda1b2a7d6b421a1491cafc05cb' }, index.h("div", { key: 'c372f254b00a9a50505cc9473ad138cebcf5495b', class: "form-group d-flex flex-column" }, index.h("label", { key: 'bea34d76380a9892fd30e3ae1e8cd4e11c3edcae', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '06f7fd1ac978e0f82adbd1cad272fa5c627bd88d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: '30a25e257d36cf691e19dcb3cb14e1fbdab66c69', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'f74b90c9621eb993d62b8417bb14c31a62153843', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: '2375f0026db86411561e3381e8ca487859cc432c', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'def27e9c4e4add94e0ecc5a5c3579c754a17fbad', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -51,10 +51,10 @@ const MonetaryInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '88cfae6c94312f40c13c73d38acf47253c41640a' }, index.h("div", { key: '23b4f228ae880b83d1487d5cbf435c45ec6e21d2', class: "form-group d-flex flex-column" }, index.h("label", { key: '7ba13edbecfa0c918593bbc478097a02666e5fd3', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'e7a703b4438f6ac97119385158273d5b88792eb4', name: this.name, helpText: this.helpText }), index.h("div", { key: '415a2d1dc979e41bd3acd5938b676147cc17b9e2', class: "input-group" }, index.h("span", { key: 'a0aa732bcf5ccf5cbfa2fac954f9229d5959abc0', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '02f62da97a7cc826bf0437e95d162659187511e3', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '49b912649df6d869e20a79017363c738a17e00c1' }, index.h("div", { key: '2c30b89dd46fafe1cd04d186c90ee8389585e1b8', class: "form-group d-flex flex-column" }, index.h("label", { key: 'e526de8712e2ea3c91ce897d89c5246bbf4391a1', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'c9e7a522371ac171186d45da231943c6cbc202fa', name: this.name, helpText: this.helpText }), index.h("div", { key: '4e9dc549b30327528fa099ea9b451659def605f7', class: "input-group" }, index.h("span", { key: '5f4d6854d6cc15b7d0dbbdcf08c9dd25fec5c8d0', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: 'c04d0dce879da4d53bf6dc4925bac7729408a09f', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: 'd384b64c9551eaf13dbbd75bcd4b9bad0291d923', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: '4ff864c4ffc66727ac14ef6e6cb7b25c32dd6867', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -68,10 +68,10 @@ const NumberInputMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'cb63ba287e7fc1ee36b212118b137c6cf3b655b5' }, index.h("div", { key: 'db73b8a97ea151737018354f24f0e4f0efad92da', class: "form-group d-flex flex-column" }, index.h("div", { key: '833c67c07e655d7394b9a262ecfc90f9c28fa06b', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'cb21d0026c79860ae7b03b311832c2bc5d1541ba', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '25e97d3cfe5611fdfbb31dee90a5c9a284beaf18', helpText: this.helpText })), index.h("input", { key: 'a1eaaa42cac4325eea57a5814611af3dfada4270', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: '328a9d2bf17d2ec2a8a9fa5acf6bbe76af38a38a' }, index.h("div", { key: '24d1757d7d554ac65e7c2413490425ca3d06aefc', class: "form-group d-flex flex-column" }, index.h("div", { key: '4548a8ee8d7538f2c3b7ddb0d76ec8c7342cc88a', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'c58ccd5ecb756e084a30d9686603e54487bf34ab', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '50d1aeed268375b7b2a9845065ccdc4e1dc5a495', helpText: this.helpText })), index.h("input", { key: 'ed473e972cc773b9a914dde41d9bff2d8880c604', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '9a412bb22888801d7a5ae67f5d840d9b46525e5e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '6e02db8068b1df62e757de4dd7df5673ad375180', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -44,10 +44,10 @@ const NumberInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '01d3a08bbd6dc5aab1a2da27007ba35585d8c97b' }, index.h("div", { key: '78ca32dadb2a598846266ae595ef156d0cedc66f', class: 'form-group d-flex flex-column' }, index.h("label", { key: '8a7e94d0dbc675f2ade59b984b4eb609323fd227', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '61cc9f3fbe322d4e14e54750809b2e1572b14ff2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '575b10375e81774d2ce099cb9f79960fe530ea71' }, index.h("div", { key: '6f23da58c5fbf994dbf814022ab99668c0c71f77', class: 'form-group d-flex flex-column' }, index.h("label", { key: '4b19d3067770ce1523e88a7f701a0e193098eb5f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'e6331df9a0484fa12e05d63b3b45af3a9d8b0993', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h(formControlHelpText.FormControlHelpText, { key: '9ff16beb0781040517f8e54fe5d46c2df4cc817e', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '2f77c35f2738fb792956e8723670f77354896d59', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h(formControlHelpText.FormControlHelpText, { key: '55ef88b41cea29d14df3412a9743685114cfda13', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'efad443056dba5b77f86da12854b2a3668c101cd', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -32,10 +32,10 @@ const RadioInput = class {
         return parts.inputRadio;
     }
     render() {
-        return (index.h(index.Host, { key: '6407ba394e0a5e35ce8f9a488942eaff2a6524bf', class: 'form-group d-flex flex-column' }, index.h("div", { key: '079639b8cd67ea1e68786e051a6248729cc6d9ac', class: "form-check" }, index.h("input", { key: '40e1e492de6a55f22de384a9e246aa810709b84c', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'c509c9fa1e33816ade27c55f3053cd964f1f1144', class: 'form-group d-flex flex-column' }, index.h("div", { key: '7067e770576550bc9627cc57dfff24a7f6f6951c', class: "form-check" }, index.h("input", { key: '9a6d01184eb3be812728dc92ad40d14c1f3e465d', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), index.h("label", { key: '7df3ada6721528e7a1e0895b4b8c018c55fa6c86', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '70e2e3794604d2a1c7b5f4a363742a784b515b37', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'b54b84856b46406fe7f978ad85514b20e4a1ba40', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), index.h("label", { key: '7f54b31c722389a5397e907cc1a400f5da181d21', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '1424f36dfba3af3573fa844d86192428afde1082', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '4e3d2d14f8f328c8c6278cf474bfc5858c3954f1', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/cjs/{get-business-BiEc-jdH.js → get-business-BJrtsomz.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var Business = require('./Business-DCRzZf0w.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-var utils = require('./utils-IGCnjtqc.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var utils = require('./utils-l0veqT9y.js');
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/cjs/{get-payment-details-AOibpML7.js → get-payment-details-C7Ezks0M.js}

@@ -2,15 +2,14 @@
 
 require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BsYZoJ0a.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
 var Payment = require('./Payment-D5UynU2f.js');
-require('./Refund-BDFOEJv_.js');
-require('./Document-rXGBUaOh.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-IGCnjtqc.js');
+var utils = require('./utils-l0veqT9y.js');
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/cjs/{get-payout-csv-CdNRRH0t.js → get-payout-csv-CXEQkjDm.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-var utils = require('./utils-IGCnjtqc.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var utils = require('./utils-l0veqT9y.js');
 
 const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
     try {

package/dist/cjs/{get-subaccounts-Dw7CbPDi.js → get-subaccounts-UpfFbDHH.js}

@@ -1,17 +1,16 @@
 'use strict';
 
 var Api = require('./Api-BTdkb3Zh.js');
-var ComponentError = require('./ComponentError-CEv9ltwy.js');
-require('./Checkout-BsYZoJ0a.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-TZnRz3-3.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-var Refund = require('./Refund-BDFOEJv_.js');
-require('./Document-rXGBUaOh.js');
+var Refund = require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-var utils = require('./utils-IGCnjtqc.js');
+var utils = require('./utils-l0veqT9y.js');
 
 const api = Api.Api();
 class SubAccountService {

package/dist/cjs/gross-payment-chart-core.cjs.entry.js

@@ -11036,7 +11036,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0201a1f9445d3eb9800aca09098b5b58a24b6923' }, this.loading && index.h(spinner.Spinner, { key: 'c6e39699e3bfaf3d7d0f5907d7085604e1fe5b9d' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
+        return (index.h(index.Host, { key: 'b336dc186a34b6624d415cb072819b4dfe10620f' }, this.loading && index.h(spinner.Spinner, { key: '5a2ca3c4efd9f5acd2bac804490877654d44b39c' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/cjs/iframe-input-styles-state-BJ9xnomM.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('./index-DEMVrrsF.js');
+
+const iframeInputStylesStore = index.createStore({
+    focused: {
+        boxShadow: '',
+        border: '',
+    },
+    focusedAndInvalid: {
+        boxShadow: '',
+        border: '',
+    },
+    fontStyles: {
+        fontFamily: '',
+        fontSize: '',
+        fontWeight: '',
+        lineHeight: '',
+        margin: '',
+        padding: '',
+    },
+});
+const { state: iframeInputStyles, set: iframeInputStylesSet, } = iframeInputStylesStore;
+
+exports.iframeInputStyles = iframeInputStyles;
+exports.iframeInputStylesSet = iframeInputStylesSet;

package/dist/cjs/{hidden-input_2.cjs.entry.js → iframe-input.cjs.entry.js}

@@ -1,108 +1,12 @@
 'use strict';
 
-var index$1 = require('./index-2GwnTbNA.js');
-var index = require('./index-DEMVrrsF.js');
-var parts = require('./parts-9jMf1erK.js');
+var index = require('./index-2GwnTbNA.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
-var _package = require('./package-DF9mLjoQ.js');
-
-const iframeInputStylesStore = index.createStore({
-    focused: {
-        boxShadow: '',
-        border: '',
-    },
-    focusedAndInvalid: {
-        boxShadow: '',
-        border: '',
-    },
-    fontStyles: {
-        fontFamily: '',
-        fontSize: '',
-        fontWeight: '',
-        lineHeight: '',
-        margin: '',
-        padding: '',
-    },
-});
-const { state: iframeInputStyles, set: iframeInputStylesSet, } = iframeInputStylesStore;
-
-const HiddenInput = class {
-    constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
-        this.isFocused = false;
-        this.errorText = '';
-    }
-    async componentDidLoad() {
-        const fontStyles = await this.getBaseFontStyles();
-        iframeInputStylesSet('fontStyles', fontStyles);
-        const focusedStyles = await this.getFocusedStyles();
-        iframeInputStylesSet('focused', focusedStyles);
-        const focusedAndInvalidStyles = await this.getFocusedAndInvalidStyles();
-        iframeInputStylesSet('focusedAndInvalid', focusedAndInvalidStyles);
-    }
-    async getBaseFontStyles() {
-        return new Promise((resolve, _reject) => {
-            setTimeout(() => {
-                const computedStyles = getComputedStyle(this.hiddenInput);
-                const styles = {
-                    fontFamily: computedStyles.fontFamily,
-                    fontSize: computedStyles.fontSize,
-                    fontWeight: computedStyles.fontWeight,
-                    lineHeight: computedStyles.lineHeight,
-                    margin: computedStyles.margin,
-                    padding: computedStyles.padding,
-                    color: computedStyles.color,
-                };
-                resolve(styles);
-            }, 500);
-        });
-    }
-    ;
-    async getFocusedStyles() {
-        return new Promise((resolve, _reject) => {
-            this.hiddenInput.focus();
-            setTimeout(() => {
-                this.hiddenInput.blur();
-                let computedStyles = getComputedStyle(this.hiddenInput);
-                resolve({
-                    boxShadow: computedStyles.boxShadow,
-                    border: computedStyles.border,
-                });
-            }, 500);
-        });
-    }
-    async getFocusedAndInvalidStyles() {
-        return new Promise((resolve, _reject) => {
-            this.hiddenInput.focus();
-            this.errorText = 'Error';
-            setTimeout(() => {
-                const computedStyles = getComputedStyle(this.hiddenInput);
-                const styles = {
-                    boxShadow: computedStyles.boxShadow,
-                    border: computedStyles.border,
-                };
-                this.hiddenInput.blur();
-                resolve(styles);
-            }, 500);
-        });
-    }
-    get part() {
-        if (this.isFocused && this.errorText) {
-            return parts.inputInvalidAndFocused;
-        }
-        if (this.errorText) {
-            return parts.inputInvalid;
-        }
-        if (this.isFocused) {
-            return parts.inputFocused;
-        }
-        return parts.input;
-    }
-    render() {
-        return (index$1.h(index$1.Host, { key: '05e1f461fcdf006dc2b5db2b4c10450cd7db1c8c' }, index$1.h("input", { key: 'dc7589d1a68f7eb31c97281445448a8f2dcf3796', 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' } })));
-    }
-};
+var _package = require('./package-v-c3ZR5a.js');
+var iframeInputStylesState = require('./iframe-input-styles-state-BJ9xnomM.js');
+var parts = require('./parts-9jMf1erK.js');
+require('./index-DEMVrrsF.js');
 
 var iframeResizer = {exports: {}};
 
@@ -1644,8 +1548,8 @@ const MessageEventType = {
 
 const IframeInput = class {
     constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
-        this.iframeLoaded = index$1.createEvent(this, "iframeLoaded");
+        index.registerInstance(this, hostRef);
+        this.iframeLoaded = index.createEvent(this, "iframeLoaded");
         this.isFocused = false;
         this.isValid = true;
         this.dispatchMessageEvent = (event) => {
@@ -1699,9 +1603,9 @@ const IframeInput = class {
     get style() {
         if (this.isFocused) {
             if (!this.isValid) {
-                return iframeInputStyles.focusedAndInvalid;
+                return iframeInputStylesState.iframeInputStyles.focusedAndInvalid;
             }
-            return iframeInputStyles.focused;
+            return iframeInputStylesState.iframeInputStyles.focused;
         }
         return null;
     }
@@ -1709,16 +1613,16 @@ const IframeInput = class {
         // map the iframeInputStyles.fontStyles properties to the urlParams 
         // and encode each property with btoa
         const encodedObject = Object.fromEntries(Object
-            .entries(iframeInputStyles.fontStyles)
+            .entries(iframeInputStylesState.iframeInputStyles.fontStyles)
             .map(([key, value]) => [key, btoa(String(value))]));
         const params = new URLSearchParams(encodedObject).toString();
         return params;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '2af3e5fa30d517f882488289c4b547c28adae089', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '361be04621a8cc152701744a1a06692cc8740fec', style: {
+        return (index.h(index.Host, { key: '7482645d98277dfb65e78a2003e020216fcb52c3', class: "form-group d-flex flex-column" }, index.h("div", { key: '746fca9a555309152d5cf3943d31d3b3b2c9bfde', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index$1.h("label", { key: '807e8814bbac8cd2e2b409367b3205238b8f7d1c', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '0cfd76ca44133fd218542cd97391754d33c2b205', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '53eb1248d2596a306c6b36b41983fa51cba73fc4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index.h("label", { key: '55b203e278ec100baf7949a91eb6a43135c82402', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.h("div", { key: 'c3dd73db2accf012c5a8f3a5c8e32863fe87fd73', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index.h("iframe", { key: '5eb7c35da6ca7910ccf74a24d77ee47d6b4479f9', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1728,10 +1632,9 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '681f58f474a0c82c5b0b9888156865e0dd496477', errorText: this.errorText, name: this.inputId }))));
+            } })), index.h(formControlErrorText.FormControlErrorText, { key: '291b487d0b798b6658d83b9c9f775ba4f02e09de', errorText: this.errorText, name: this.inputId }))));
     }
-    get el() { return index$1.getElement(this); }
+    get el() { return index.getElement(this); }
 };
 
-exports.hidden_input = HiddenInput;
 exports.iframe_input = IframeInput;