@justifi/webcomponents 5.0.0 → 5.2.0

package/dist/collection/ui-components/badge/badge.js

@@ -0,0 +1,39 @@
+import { h } from "@stencil/core";
+import { badge, badgePrimary, badgeSecondary, badgeSuccess, badgeDanger, badgeWarning, badgeInfo, badgeLight, badgeDark, } from "../../styles/parts";
+export var BadgeVariant;
+(function (BadgeVariant) {
+    BadgeVariant["PRIMARY"] = "primary";
+    BadgeVariant["SECONDARY"] = "secondary";
+    BadgeVariant["SUCCESS"] = "success";
+    BadgeVariant["DANGER"] = "danger";
+    BadgeVariant["WARNING"] = "warning";
+    BadgeVariant["INFO"] = "info";
+    BadgeVariant["LIGHT"] = "light";
+    BadgeVariant["DARK"] = "dark";
+})(BadgeVariant || (BadgeVariant = {}));
+export const Badge = (props) => {
+    const { variant, text, title } = props;
+    const cssClasses = {
+        default: 'badge',
+        primary: 'badge bg-primary',
+        secondary: 'badge bg-secondary',
+        success: 'badge bg-success',
+        danger: 'badge bg-danger',
+        warning: 'badge bg-warning',
+        info: 'badge bg-info',
+        light: 'badge bg-light',
+        dark: 'badge bg-dark',
+    };
+    const badgeVariant = {
+        default: badge,
+        primary: badgePrimary,
+        secondary: badgeSecondary,
+        success: badgeSuccess,
+        danger: badgeDanger,
+        warning: badgeWarning,
+        info: badgeInfo,
+        light: badgeLight,
+        dark: badgeDark,
+    };
+    return (h("span", { class: cssClasses[variant] || cssClasses.default, part: badgeVariant[variant] || badgeVariant.default, title: title }, text));
+};

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -81,7 +81,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '153f64dde49d3c00975e4ab967092fe0eab2e096' }, h("style", { key: 'f3441ee39263f615a907d371e5a75be910e6ad80' }, `
+        return (h("div", { key: '277df43099c0dd77e7dc69927ef51d2457cec263' }, h("style", { key: 'b0bce6ba8275da36f98a9a12abd541fc0ae423f9' }, `
           .popper-content {
             display: none;
           }
@@ -89,7 +89,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '840e5c3a19a9d57dda561971967130e8bf53518b', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '2b9bbfe2b4cd7bfb5ff3a6c21a99dea7e23d1124' }))));
+          `), h("div", { key: '23b70bc63642a5a3ec4e67da2d698f4ce70325dd', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c7fdc0e2e03def596ca1eb4a4cb813a93f8cea21' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/details/details.js

@@ -5,7 +5,7 @@ export class Details {
         this.errorMessage = undefined;
     }
     render() {
-        return (h(Host, { key: '14ab849e7b60f834d823bb6d10f8b772a1184ad4' }, this.errorMessage ?
+        return (h(Host, { key: 'd00d3b1c3b5d73af5a0eb1a18f2095f023aeb816' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/collection/ui-components/details/utils.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { heading1, heading2, text } from "../../styles/parts";
 export const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, h("p", { part: text }, errorMessage)));
 export const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
-export const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" }, h("span", { class: "fw-bold d-table-cell px-2", part: text }, title), h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text, innerHTML: value }))) : null;
+export const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" }, h("span", { class: "fw-bold d-table-cell px-2", part: text }, title), h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text }, value))) : null;
 export const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { class: `d-flex flex-column ${classes}` }, h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: heading2 }, title), h("span", { class: "pt-2 ps-2 pe-2", part: text }, value)));
 export const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, class: "p-2" }, h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, h("h1", { class: "m-0", part: heading1 }, title), badge), h("div", { class: "d-flex flex-row align-items-top", part: text }, children)));
 export const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;

package/dist/collection/ui-components/filters/table-filters-menu.js

@@ -23,7 +23,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'b50b85bc459e9f217a70c49505479944572b5daf', class: "d-flex gap-2" }, h("div", { key: 'eedc2d34795d42f10b1db7b7f163096f06b519ff', class: "dropdown pb-3" }, h(Button, { key: '97d365b9c8ac6e5f33fa98768ffa55b988c90a17', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'e0f52c3aeb555de14d1e999818468debc59a9fa7', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'bd83ec6ea2949b2313078431c91c711682c5ed53', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '08a53808fffd6f029ac83229fa86d13bacf39a7b' })))), h("div", { key: 'f28533474420ac5d80ba3ab6bb5e919ebf644779' }, h(Button, { key: 'cde26e935489d12a34758cf766bcb87296e0f5e8', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'ee398b42698ce14cd7d7ac914fe05ecf827adb90', class: "d-flex gap-2" }, h("div", { key: 'd097692b7b7dba1da5b141fccf472a454f008988', class: "dropdown pb-3" }, h(Button, { key: 'bfdc5605e6f771b5492ebecb3a9e857e561c9351', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '7974738ccf48f25886eb22838744e8761a8aab89', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '0f099e12ea159a912874894cdb5533f7bb64a356', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '525abf57ddb5a3ab0606037f0538f08ddf6a370b' })))), h("div", { key: '5381355037c7703a4c89015cd0a5ee34e652e221' }, h(Button, { key: 'e304b0f033a95757a9682257c2e4ff6793cd7cdd', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {

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

@@ -38,10 +38,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '1aedf7dc7572040d5d1accb6fce84c42c12e2889' }, h("div", { key: '454a062fd481093d4b4a5769c3b2a79b61f07c20', class: 'form-group d-flex flex-column' }, h("div", { key: '087e692e098975b4a78ecbdfee50f183787b1f9e', class: "form-check" }, h("input", { key: 'cf71f2abd44da0cf0bed71f102af6ead74b34bf2', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '37c483442db30fe4662377c80798f60a220d005a' }, h("div", { key: 'b09832323b1d686404e362bb77281aec21fc581b', class: 'form-group d-flex flex-column' }, h("div", { key: '2064b9de15f1ca74a3d8132813f9108755a69dbf', class: "form-check" }, h("input", { key: '57218b62428c57d2c6beb65635d2cd51debb656c', 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 }), h("label", { key: '02ce674c833c5b2795d1d041bc1e7d9fe351f514', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'aab32007a08af39b4fa4314eba5e7e2b2ff57d31', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'cf906dec9c1f2763156fa0becf4389a728a14b39', 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 }), h("label", { key: '16a1122c4783eb07b00af9fb9449d626f978eeb4', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'e6d817bfbcecab7ebdc0537a19aa8e965239de5d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '026032f91f2f011c1dbaa37be3c571e0fb707cbe', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {

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

@@ -50,10 +50,10 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '238d6dc419c36dafa07e03e0b16dc8e18c620894' }, h("div", { key: 'e4dec93ad672ad2e8599851e0fc541b5a4fb21a0', class: "form-group d-flex flex-column" }, h("div", { key: '51cf231ffd7f8d7253ee67d85211d6e01b082ae9', class: "d-flex gap-2" }, h("label", { key: '23b2f623f5d019b87150061f848aebd32f54c164', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3bd071cb30d9b52a60a1210bf49b96f2283f80dd', helpText: this.helpText })), h("input", { key: '10dc76f79b4cdc831195ab037369d9be10e6108b', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '079e8e9be2b4003c29926a3f29794fdcb655e873' }, h("div", { key: 'ccdbde4bb2a14d719a232309cb8df0ddd55d6677', class: "form-group d-flex flex-column" }, h("div", { key: '2dcd3e2cbeef153d1c3c6a3b55f9e68a4ae73e47', class: "d-flex gap-2" }, h("label", { key: '8154626fc1f1bd3cbc85aed221dd1a8ad2bc1ec3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a15f0872945e62061707e78070507069599db962', helpText: this.helpText })), h("input", { key: 'a63d12eba9bb0065a48f3087133447d408de4e55', 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 }), h(FormControlErrorText, { key: 'e06413cc8b9d57f1a89efad44c3b93c82078f5b6', 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 }), h(FormControlErrorText, { key: 'b7cdabdf444c9e07dda46f376e3f6372164dfeae', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file-v2.js

@@ -11,7 +11,7 @@ export class FileInput {
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '0ff92310d25c06e1fa0271f4dcb1f2c3f9af6bc9', exportparts: "label,input,input-invalid" }, h("div", { key: 'c07d1173914b8f4a474656108219502dcd356798', class: "form-group d-flex flex-column" }, h("div", { key: 'cc37bcfa3d65f4dc8b1d6f6b43b52a2282398b29', class: "d-flex align-items-start gap-2" }, h("label", { key: '5a042d4b42b5372ca465c3636dfedec7beea91f0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2b227a49d2e65d2b4a5d4248a5d1dbc234a8aaf0', helpText: this.helpText })), h("input", { key: '9c81ac8b2fe6742959d7502b99b43bd192efecd3', 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() }), h("form-control-error-text", { key: 'e650ab21dce572c1ed4c20f6d5f64253a39d5420', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '744d405a20702d024f33fc8bc5aa6cbc97c45260', exportparts: "label,input,input-invalid" }, h("div", { key: 'e20fde11ba0bb73f99d9ab7fe7e5a23b30a81ea3', class: "form-group d-flex flex-column" }, h("div", { key: 'fff2a256c667f26cb9cf3dc8a2420276a779a5c4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9df617c17f646c6f48a904e3b96327ff55a6c13', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4095bdb2e3393821fbf0e05592abe64d9c43ca7b', helpText: this.helpText })), h("input", { key: '0f7b7296cbcc68df6e6eb77056928175417e6ecd', 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() }), h("form-control-error-text", { key: '57398436dad7e92bfb362cdfeb73e4f7d939c51c', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {

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

@@ -47,10 +47,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'fe114fda9b6ad4863b1c770721a0740571b7fc97' }, h("div", { key: '75a98a14cb2a1d6b75d6652122a38955a75824d5', class: "form-group d-flex flex-column" }, h("div", { key: '888de79af6f8a11cc60b4caf106ae06ad8279493', class: "d-flex align-items-start gap-2" }, h("label", { key: '9db2a6b00f02b89cab1784749e2d0043a71ece6c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '6a2e7377ee731403185d47a45d6e6e5c7287f05f', helpText: this.helpText })), h("input", { key: '4528e49dfa270f8fd72ad58669767558f63389a4', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '442808bae357a7ce08299e5fdfb8ee0751567248' }, h("div", { key: 'ad7608679fa7db4868d6314e423022d2999075ec', class: "form-group d-flex flex-column" }, h("div", { key: 'b92dbbe308de82fcdd32e339a91806560c7ea3bd', class: "d-flex align-items-start gap-2" }, h("label", { key: '385e6dedc7f455bb8cb0af0f839301c4341bb5f8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c08c2d34a2c6b4bc0dd5bc8e873f04521f5f9f84', helpText: this.helpText })), h("input", { key: 'adfeb0d7f02959c6cbb1335b1e9a8b00050f4f3d', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: 'fa1ac29957babba015d0a18eb07d5dba8d550fc8', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '7576a09ef2336bf4645816e8e3530acb3e8e4d9d', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

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

@@ -63,10 +63,10 @@ export class MonetaryInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '88ef65f78570c7351c159e89fab22c453bdaa1ec' }, h("div", { key: '1e7cfe678ff76dcd4833626f6cdb8f278ff65236', class: "form-group d-flex flex-column" }, h("label", { key: 'd3ac3a07988ebd57dd5c58ad2ffdba7399daf3e5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '382697de0c28754de0355fb819365869007c8c20', class: "input-group" }, h("span", { key: 'cf6f813dfcf45dd2c4c1a9b08360a0a70908d52e', class: "input-group-text", part: text }, "$"), h("input", { key: '47e21184a0b08b8e64ae9974610df777537b9789', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '17e5fecec611300d6f55ceed3aa0dbaadc198af2' }, h("div", { key: 'a351e02c9b118dd52c2f16f7fc12328194905923', class: "form-group d-flex flex-column" }, h("label", { key: '94f503e4e1bb020ab2b7822229d45fefef5dd7e1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '2a3c6de082a5b91500061dd9af6f3e941445ad92', class: "input-group" }, h("span", { key: '88b07cbae192b290ffdfdef2f4c4c07bdfac1f8b', class: "input-group-text", part: text }, "$"), h("input", { key: '7de1c2fcf4ad3ab3b42a370d871d62242f262f7b', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '5fc015ef8bc059be448a3d8667125e0502d1f519', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e79f133b65fc016c6d8d940a631f6dd6694038d4', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'fb35421f1d48819e88130a0f78e22d12d2d34642', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c5fbe9b975039e658031bc56db89ae6f6ce34006', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {

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

@@ -67,10 +67,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: 'e4b85378d57333a4408c941f49fde3a074128173' }, h("div", { key: 'c93d07e39bfbf1bfbc4ae424861a3b0a582a8d32', class: "form-group d-flex flex-column" }, h("div", { key: '0ea90b20800bf4c24e61e28e25575a77db7d42ef', class: "d-flex align-items-start gap-2" }, h("label", { key: '96ba0eb2bd01f4d9a5ab249ae718e4b699cc1497', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ea12ab4a5b24d7baf2480f0a3a9e9ea2b792e144', helpText: this.helpText })), h("input", { key: '46e7d3817e1556ab91101085c41af284cdc14e24', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '89db4bb1cfd29493cdd96c8c6e3c94e5af49a897' }, h("div", { key: '22210b1d7377890dbf784e8e38b4d34add828f75', class: "form-group d-flex flex-column" }, h("div", { key: '649c0ffdb254257d0d3ac9dbf5daa8d655e7bcae', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c03d8b29747866564c7a708db4701cd0ea547402', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ad3e013f5beab24849b62363d4f0436cfb1e4e69', helpText: this.helpText })), h("input", { key: 'abb8c2383c02a91763784fad05c31271387d7b82', 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: '46fe5efdc607c8ffacbc9e7a061e6af9eb06d0a9', 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: '835e3d30d0f2b6e9aa463c259b9ca5e514fd19e9', 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

@@ -43,10 +43,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '49da5c23574f5edac307f75d83285addee02d49f' }, h("div", { key: 'f12d88f53e7a1e97d3219b3cc4a2020295b7cb14', class: 'form-group d-flex flex-column' }, h("label", { key: '0c926aae68a9e42df7d8e7810a9de75d4db5f5e4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '606c34cd4f4095b6bfd6c33bf46be8d8948d44ee', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '84a9fa872fcd778c9b54d528de7ac170ea2f6173' }, h("div", { key: '263566ddbbbd5c064348bc57c1991302e933971a', class: 'form-group d-flex flex-column' }, h("label", { key: '0401bdc8bb45d6e0367afd51a36582c9556443f6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'bac419a78477547420a8e1821fe02e46d7bfb12d', 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: '0cf682568468359ab5b2451b9746e02c7352ba08', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '8eedbb1669d0d776c61444fbb435dbdc0a297675', 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: '0cd70acee81da1c14fed139a1f0550aaadbb2671', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2a71ab292360e2d360a7e698f1a8031562ad5119', 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

@@ -34,10 +34,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '79dc4556ca7a8e4bcb1485b9112579d45b0aa7f8', class: 'form-group d-flex flex-column' }, h("div", { key: '2e3a4b6f766e66949c29fb2221c5fb993ec21bc1', class: "form-check" }, h("input", { key: 'c6eb1f898ce5271e306dacb5a3cebaf91ccf9c3c', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6206191dcbd3f85e135a207890eec541329e6289', class: 'form-group d-flex flex-column' }, h("div", { key: 'ddaf426f9b4e21d1dd889550bf77c5a1c0e42897', class: "form-check" }, h("input", { key: '6ff61e0fb656b63363268bd6c4ab2602689aab8b', 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: 'ca88d70ec21dac187445a32acb171263fe9f8b28', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '45ad5106aa41da3e2883456031d33b81be632eff', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '5cab198a27710fb8fee8902577dc288a8bd83e9c', 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: '9459bcab30351fc5ed57b9b83739732e75db92f3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '3823895bb1b7e93c7610cab4f360b5a6c43874d9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'bdcbb99da7ed76888807c57f70962480144d8e52', 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

@@ -43,10 +43,10 @@ export class SelectInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'f7c77b6bcef56ad9bee73f9bfcac24bea025893d' }, h("div", { key: 'f6a15dd79da5e8c6c41219e68a025cecdc12e7d8', class: "form-group d-flex flex-column" }, h("div", { key: '73bbe07c72a568a4c70e1f806fc6c53d78902b56', class: "d-flex align-items-start gap-2" }, h("label", { key: '79d749b1a0d818cb4b65468cc0b4fdfc9c76136f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '34f1dd32c494652df248c492990ad5bda62aa59d', helpText: this.helpText })), h("select", { key: '257d4cd10e37b1707a299ef1bce0e36102cad16b', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a645d4a7ccc8f40c6b4cc988ffc5f65e107b2b11' }, h("div", { key: '0c9487e30f9f91dbc3a099598e21b0305aef54c8', class: "form-group d-flex flex-column" }, h("div", { key: '418037a6859fd16bdfa2b88667e36c028b4029ba', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bc4727c97b24dd70e45f06889371cdbb9d906eee', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '86b5c77592bf453c9e809ca83ec1a627eb43a642', helpText: this.helpText })), h("select", { key: 'f697f156d432280b59ac92d11938b358cc3c232f', 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: '8aba26a249c5fdcead2ace90d47cdb891e152dba', 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: 'ec9666c96c30e3ea2089e01a64c3e9b592949d62', 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

@@ -45,10 +45,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '1303fabdad4bbf9ec2cf02e8dacbcafed74d3b8f' }, h("div", { key: 'd5438a9fd0c6b197a23f546181c1c57342824f7b', class: "form-group d-flex flex-column" }, h("div", { key: 'df99160e9af69f44bc369e579de9219e10797114', class: "d-flex align-items-start gap-2" }, h("label", { key: '669a04f01feac1aa712b6d8d43576a2f2f352cef', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e2572600e8d8a64d2b5db676cf5e407921a280e9', helpText: this.helpText })), h("input", { key: '9bae401bab3d6183b0b1f5bcee0546a8cb8bb499', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '052c9c9191038f6ba716449c1e0c4297fda88f82' }, h("div", { key: 'f824603f5762cebcc2115628043df96c8304d654', class: "form-group d-flex flex-column" }, h("div", { key: '85640ced19a8fd268b1cc2a6244b2f5a8063b830', class: "d-flex align-items-start gap-2" }, h("label", { key: '6a6cdc56ad80d301f1fd0b00d355b6560d30d095', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'add56a291e6f9104de6fadc030a6f48717112197', helpText: this.helpText })), h("input", { key: '14f3418e2cfd50b15195e674ef68d7b7a5ca59cd', 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: '098d7991c5c68730eedcc19ad62424a84a9acc70', 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: '2a29c71bcfc5fca67a51ff7873b76b9ab8359c26', 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

@@ -47,10 +47,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '2bf7205da9907d7e72c57bdb8cf7225ba79df6f8' }, h("div", { key: 'bba562087283e69f6bf30d644befa71f3e7edd82', class: "form-group d-flex flex-column" }, h("label", { key: '6337fd2a00e5feff788aa867fb357bb42ee76f0e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'fa0e759bb588317b24ea8ba9c554c93a8c5c8934', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9e87b1f5529dedd7c181923a595c3a914a3ac729' }, h("div", { key: '18bf20bca1ab1d4a63d20ce52de8701bd750e315', class: "form-group d-flex flex-column" }, h("label", { key: '9a0f4a849115e646ffc892d35c7519ddc102be02', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '0643574a2bc802ea4dcb5b9577b84cd949e61f9e', 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: 'f03979b74b6cc7fd80b46345df805cf81f120dc5', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '5ab2c830a5f1345034e2c2abeca8d3e6e0a1a2ec', 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: '3fc99f67a4b13cadb47fbc34a027cc2e2c3e5097', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6f69a3a24f8b4d21db958260a1bc6ceaaf70efa6', 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: '61734f69c30d37c98e3896c8407225dbe49fe3a2' }, h("input", { key: 'eda00a901e028a09ccd793b1fbc4136a048a0aad', 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: 'ae03d3be50b34d6c98c8e1bd619f1d97049099a7' }, h("input", { key: '347725ba26e6aab3c0da4f9e3da5b2e4ec9f0e37', 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

@@ -82,10 +82,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: 'c0eca45af47958837580cc400e923135db070e75', class: "form-group d-flex flex-column" }, h("div", { key: '374d757e67e81deec4d7e20255710d5256983cb6', style: {
+        return (h(Host, { key: '0f84e1044b6bddb480dbb4b4fd2ba6f18d75a2a0', class: "form-group d-flex flex-column" }, h("div", { key: '25e6e196ccf3973b9a382f09efe5997bfb4abd1b', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '6054db3876710458e93dd8a11f7354d737e737d2', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '2ccc97c83798026666fc0abc4d23e6d83b19b2fa', 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: 'c71d778eaf2008ee4a2b237842e1dbec7abf5d43', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'eeddbc0a03692c053898b761fca84635cb3c9323', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'ce10d714ca67511b059adc4fb942ed42885f0a1a', 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: '85bedd02d3013ad4973d3ecfa0a7c530fddf5a7a', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -95,7 +95,7 @@ export class IframeInput {
                         this.iframeLoaded = true;
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '6f756711fccec14a52fa55e9faf0638546e80f77', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '6533642027fa5184e120452f19e5274476210301', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/utils/table.js

@@ -4,7 +4,7 @@ export class Table {
     }
     get rowData() {
         return this.collection.map((dataEntry, index) => {
-            return this.columnKeys.map((key) => this.tableCells[key](dataEntry[key], index));
+            return this.columnKeys.map((key) => this.tableCells[key](dataEntry, index));
         });
     }
     set collectionData(collection) {

package/dist/collection/utils/utils.js

@@ -1,16 +1,14 @@
 import { format } from "date-fns";
 import Dinero from "dinero.js";
 // Currency Formatting
-export function formatCurrency(amount, withSymbol = true, withCurrencyName = false) {
+export const formatCurrency = (amount, currency) => {
     if (!amount)
         amount = 0;
-    function format(amount) {
-        const formattedString = withSymbol ? '$0,0.00' : '0,0.00';
-        return Dinero({ amount: amount, currency: 'USD' }).toFormat(formattedString);
-    }
-    const formattedAmount = amount < 0 ? `(${format(-amount)})` : format(amount);
-    return withCurrencyName ? `${formattedAmount} USD` : formattedAmount;
-}
+    const formattedString = '$0,0.00';
+    const formattedCurrency = currency === null || currency === void 0 ? void 0 : currency.toUpperCase();
+    const formattedAmount = Dinero({ amount: amount }).toFormat(formattedString);
+    return currency ? `${formattedAmount} ${formattedCurrency}` : formattedAmount;
+};
 // Number Formatting
 export function formatPercentage(amount) {
     if (!amount)

package/dist/config.js

@@ -1,5 +1,4 @@
 export const config = {
-    iframeOrigin: IFRAME_ORIGIN,
     proxyApiOrigin: PROXY_API_ORIGIN,
     proxyAuthToken: 'eyJraWQiOiJqdXN0aWZpLWUyNDgyMmU3ODE1MmEzZjRkMjU1IiwidHlwIjoiSldUIiwiYWxnIjoiUlMyNTYifQ.eyJpc3MiOiJodHRwczovL2F1dGguanVzdGlmaS5haS8iLCJhenAiOiJvYXNfMmlsWHBqOHQ2WVlEQ0xWU0FiVFczMiIsInN1YiI6Im9hc18yaWxYcGo4dDZZWURDTFZTQWJUVzMyQHNlc3Npb25zIiwiYXVkIjoiaHR0cHM6Ly9hcGkuanVzdGlmaS5haS92MSIsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsInBlcm1pc3Npb25zIjpbeyJyb2xlIjoicmVhZDphY2NvdW50IiwicmVzb3VyY2VfaWQiOiJhY2NfNUV0OWlYclNTQVpSMktTb3VRR0FXaSJ9LHsicm9sZSI6InJlYWQ6YnVzaW5lc3MiLCJyZXNvdXJjZV9pZCI6ImJpel8zYmg2OWJxMXJrM2RtWE5vQUtWb251In1dLCJleHAiOjE3MTE1NTk0MTQsImlhdCI6MTcwMzc4MzQxNCwicGxhdGZvcm1fYWNjb3VudF9pZCI6ImFjY18zcmVOYjRhTll5MmlXRFpRVmN6bXg0In0.oPOoDYxzrnpE8PRUaz-FCU4KqnSuNbFTeDkl3AtMscjUkIctP1OIFh-ZGBjbH5eVH5noXCbaiin0j92dS7jx4gLpxuYT2Q8gpZbuIsT7fa58elvGeRkUUJ-AC5ueZxlv90yPWMm0OIbyrV7XZhuwYyKbV-ZczEbl2JpvBMe40CM-LdClQV66d_-Kw9a23SabBVfYgP5V-5OsagOIESvzZoO-27tGlNkV2a-hxqddDCOZv0HvRYAtp5S7EQrmRdEBu5gCNbf1eRFG424hxZUFVr2LdetYuKQLxJjDdUjf86ZwEUecrEaDSupiN1VC3CitdOwBVf6-R_N0VpN4VLVD5g',
     exampleAccountId: 'acc_5Et9iXrSSAZR2KSouQGAWi',