@justifi/webcomponents 5.5.0 → 5.6.1

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

@@ -46,10 +46,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'a5ef7adbe7efb704ab17ea2bf7e72506a16383af' }, h("div", { key: '689a358ae4b0e6d452001b1966d8e159d0870e5b', class: "form-group d-flex flex-column" }, h("div", { key: '04a77efbf4584dee1d66b93d5d7ff4859a95909c', class: "d-flex align-items-start gap-2" }, h("label", { key: '5c529a39de6862e5c6e22ccf0eb5384360b79e7a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd9efcdc856f685aeed2fd23bbfa6ed28380d8373', helpText: this.helpText })), h("input", { key: '52f2ee7437bfd30f5b96447a95d1e1d06e7f49ca', 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: 'c4eb924b2def951a74f6b5aeb036a405537e824c' }, h("div", { key: '3b8bcb605f8addc7188fa82e5ef91c437c17d5f0', class: "form-group d-flex flex-column" }, h("div", { key: '7f0e0cb4cb6dd1f75ddcd054843d2b1663b8db64', class: "d-flex align-items-start gap-2" }, h("label", { key: '73b1eca3f6f175c2832f76be825d97f708aed9bf', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '389ee4bcc680a25991d048ba3839104368c26c15', helpText: this.helpText })), h("input", { key: 'e1c713e5600dace0d44ea5f640bd60bf9d3ec0bd', 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: 'e6c0b986edb44f7eaa89f800e698b52be61b9564', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '64828199873b08ab92c5418a1a1d5493bb41d947', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file", {

package/dist/module/form-control-monetary-provisioning2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as IMask } from './index3.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { K as inputGroup, l as label, J as inputAdornment, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { N as inputGroup, l as label, M as inputAdornment, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, J as inputAdornment } from './parts.js';
+import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, M as inputAdornment } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
@@ -49,10 +49,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: '8b3cf645e2fda5517228aa9035ba1e50d177fbb9' }, h("div", { key: 'ea6f04d062fd71586a7b06d1eab7d06b5faf7349', class: "form-group d-flex flex-column" }, h("label", { key: 'ef58c69519078736f7031b2426ee5c050b783e31', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'b4fc4c864c0cc6bda1af39df3a96b4180ab1d5dc', name: this.name, helpText: this.helpText }), h("div", { key: '5548f7cd429d5053c1075f7d47b102f2e9957b12', class: "input-group" }, h("span", { key: 'fd8718d8dba061fc971b60ec6a8ef02e8f3b4dcf', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8211f7874fc320d30aef8016316497ac4a790714', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9937b02bb7795d2dc7eea6d278b54c841ebe72b9' }, h("div", { key: '2987c8bdfc31eb5e9e195e5ea7af3d01f884e4d9', class: "form-group d-flex flex-column" }, h("label", { key: '1ab3fe1ab8a444201849faf571198da0ae2aedd1', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '928c65b28f66c2b8ca7b926c51afc6ec50739468', name: this.name, helpText: this.helpText }), h("div", { key: '941e0ee7ab81877f0169ac3fea17639e1f48aea0', class: "input-group" }, h("span", { key: '565be53bce113e5ac7d1c9118bb007a9aaccf337', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '2773f2a97aa5af880f1754797f55d70a2c4967c6', 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 })), h(FormControlErrorText, { key: '9d05b3af9472e96506ed31f4517f965d9d69aad1', 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 })), h(FormControlErrorText, { key: 'aabcd3578d102b0ca10e7ad52ede44949207ac1e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -67,10 +67,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: 'def707151d5c2148cb4cdb0155f50614d6711d66' }, h("div", { key: 'be62a6e5f38555a2a39cda95ff6f28707d6cb201', class: "form-group d-flex flex-column" }, h("div", { key: '652eab8e66e11ce243a9f7de4ff580880add23e7', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a9ceec79615fe2798a3dc1ff902750627c113c9f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e5df09204f853fad1fc2f244c3203c765fec43fa', helpText: this.helpText })), h("input", { key: 'a58e3f25824301bf363675eef342598823c2be45', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '92075699e755e1a0b07984638ee05ddbe7695991' }, h("div", { key: 'cb5147764d5252983dd7b9a7a6c5925a09214c55', class: "form-group d-flex flex-column" }, h("div", { key: '3f4203b0d73d9255c34148a2f700f894bab103c8', class: "d-flex align-items-start gap-2" }, h("label", { key: '52cde3a5b6e806e4ed5e730aba0bc1c80bbdda71', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1ac4b73d1ead561376dc7134a6d40948c44ae99e', helpText: this.helpText })), h("input", { key: '33403e3ee8d599f071738590438eae682ceaa58d', 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: '0e0856e56e86bbce3fd862d566261ebd35662317', 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: '4c2a4adbd03886ec4c84f65f2824ff8481eefbab', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { Q as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as input, l as label } from './parts.js';
+import { T as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, i as input, l as label } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text3.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
@@ -43,10 +43,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: 'f14f19bb739fd347475375686f710d6ab296c9a8' }, h("div", { key: '734439793b5eb42cdba09a1b665c8e78c6265138', class: 'form-group d-flex flex-column' }, h("label", { key: 'bd8964f5848f960a7f9577c64965066724dc4021', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '20c603b04d5d9dde1fd65ef1915a9be5cc449921', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c2372e4ec5b411e46f661de978a2000b9f29b62a' }, h("div", { key: '2104bd311b0e435f08b44e35fcbcc0d272b1a186', class: 'form-group d-flex flex-column' }, h("label", { key: '87ae4bfabbd40a7f99183e8c915489cca8fd185c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '2a0114aa80b400dc972bb85e54adec20422f0892', 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: 'c332d6660a22e966e06f91468c841d390d4ac502', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '7c7087338169768ed86c7a41ba30b5d8407eac7a', 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: '058e65722ece48e6fdd3606aceb3ee7ac83fdd82', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b23bd9dc7a2244c4e6038e899b0e31841dc0b7e2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { L as inputRadioInvalid, M as inputRadioCheckedFocused, N as inputRadioChecked, O as inputRadioFocused, P as inputRadio, l as label } from './parts.js';
+import { O as inputRadioInvalid, P as inputRadioCheckedFocused, Q as inputRadioChecked, R as inputRadioFocused, S as inputRadio, l as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTMLElement {
@@ -32,10 +32,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'f64818218ad7948cbf10584441a9fe1fc168a81d', class: 'form-group d-flex flex-column' }, h("div", { key: 'e16491d161f65e1d3b2ffa00e94d77ddc68745a8', class: "form-check" }, h("input", { key: '74ef42c720891c97a9ca22828999a93bebea6733', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '166319dccb5ae267003559c0096db283b9351b79', class: 'form-group d-flex flex-column' }, h("div", { key: '4b2cbf79dd56e20b263520a5baf1490c563300ea', class: "form-check" }, h("input", { key: 'd9301f429db86d196c277a6a01f338077e744bd9', 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: '2d7a743ea02759dd39257de8c9abd89ed1b67a71', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b9326e463116d081f65dee449c7c437098d78533', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '4bc1eb8e78083d6dd81ee2b6cd523a29fb13bfa0', 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: 'b3bac2e39121baa8644d33b4725f9d81280f9416', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '0ddef812b79bea7ab04e6d195c9fa184b6e05661', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '036765b45c0e73232acbb405fe9473b31fba29ca', errorText: this.errorText, name: this.name })));
     }
 }, [0, "form-control-radio", {
         "label": [1],

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

@@ -43,10 +43,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '35a1bdaf0e3afc2abc6b9c017534ff195b2fb22b' }, h("div", { key: '1a8bfb04cf91d414baf545feb200d9b77ffbfd44', class: "form-group d-flex flex-column" }, h("div", { key: 'ed7855bf66a29de36e0ef89be041dcc808bc4b17', class: "d-flex align-items-start gap-2" }, h("label", { key: '5d7a7191e4b021b6c37b16565b1e6f18f70b39d2', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c449d19d68a4751bab7def93e8bace73702955c6', helpText: this.helpText })), h("select", { key: '3c3b1066af005d6705ec9bd2bbed48956dba0222', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 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: '366ae472571ad3be5ca1f38a688aaf22c7afb74d', 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: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -44,10 +44,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '9db3238be157235a3fafb0405fb27dff7d2e6f1f' }, h("div", { key: '3ed4b9e3daa689e110e32b9898bcc9f740b5c135', class: "form-group d-flex flex-column" }, h("div", { key: 'd73c83b22711d5665c207d13e901e8aab81b7f7f', class: "d-flex align-items-start gap-2" }, h("label", { key: '28e6b67366ed032ad53df3fc1a24e6f5ebc5a71f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '26a1e5e1fe37f6dc73cddb17a20d0d1364aa6db5', helpText: this.helpText })), h("input", { key: '5bb865860cfda43f094dda182d59c523360499a6', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1b48bf6cbd4ef2b115c7d070310a625f1dfbe814' }, h("div", { key: '2c814160dc94ba70d0a75551ba5c95ba90a011e4', class: "form-group d-flex flex-column" }, h("div", { key: '3d40c1b9f590b2275f43fb16fa4c6d0986760f9a', class: "d-flex align-items-start gap-2" }, h("label", { key: '51ec736c062308443301decbc8c58a4912a55264', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1266b937707fbf83666c61ce6fca593f02d45b18', helpText: this.helpText })), h("input", { key: 'd70668313e3240e998b9c890ef7ab2fb47cb3552', 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: '38a7df55036ea06595492911598c096afbd10dd9', 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: 'e7b268ed1c6c638b319f01b9a211d5bbc930d2ef', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { Q as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, i as input, l as label } from './parts.js';
+import { T as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, i as input, l as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text2.js';
 
 const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLElement {
@@ -44,10 +44,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '81fa5313b9de98ee8fdcce6638a82a48324f8ac0' }, h("div", { key: '1b4c84a80662a5bce8f44b74793f50a2552226fa', class: "form-group d-flex flex-column" }, h("label", { key: '75806dd452bf90accd45b7986335fdcefad8d242', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'fbdb45b580457a6718d1be6cca605481da4af6c2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8036cca60e80d20316c602a4b4e975fdaf216878' }, h("div", { key: '400a24d0fdd5305f033428c7e3d4fd1d70e1a6c2', class: "form-group d-flex flex-column" }, h("label", { key: '8a501e7d0610489e6825a610f6203ced59e87a83', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'd360db0694aa4181b1e158909897f2ffcc3be962', 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: '84e31bba3004fd30e156b3ca31809830be3afa35', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3f0acdb21fde23cd48f8fab9b5a3a379e9e864ad', 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: '6b1941ef4a7a6b2f97c1d24c4047a4ddf0df4006', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '5dbfb0d0b25ea1e1af7ad7d034853467962c1bf3', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/get-business.js

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

package/dist/module/get-payment-details.js

@@ -7,10 +7,10 @@ import './Refund.js';
 import './Document.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
-const makeGetPaymentDetails = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError, final }) => {
+const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;
     try {
-        const response = await service.fetchPayment(id, authToken, apiOrigin);
+        const response = await service.fetchPayment(id, authToken);
         if (!response.error) {
             onSuccess({ payment: new Payment(response.data) });
         }

package/dist/module/get-payout-csv.js

@@ -1,33 +1,9 @@
-import { A as Api } from './Api.js';
 import { C as ComponentErrorSeverity } from './ComponentError.js';
-import './Checkout.js';
-import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
-import './Document.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
-class PayoutService {
-    async fetchPayouts(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const api = Api({ authToken, apiOrigin });
-        const endpoint = `account/${accountId}/payouts`;
-        return api.get({ endpoint, params });
-    }
-    async fetchPayout(payoutId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const api = Api({ authToken, apiOrigin });
-        const endpoint = `payouts/${payoutId}`;
-        return api.get({ endpoint });
-    }
-    async fetchCSV(payoutId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const api = Api({ authToken, apiOrigin });
-        const endpoint = `reports/payouts/${payoutId}`;
-        return api.get({ endpoint });
-    }
-}
-
-const makeGetPayoutCSV = ({ authToken, service, apiOrigin }) => async ({ payoutId, onError }) => {
+const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
     try {
-        const { data } = await service.fetchCSV(payoutId, authToken, apiOrigin);
+        const { data } = await service.fetchCSV(payoutId, authToken);
         const a = document.createElement('a');
         a.href = data.csv_url;
         a.click();
@@ -43,4 +19,4 @@ const makeGetPayoutCSV = ({ authToken, service, apiOrigin }) => async ({ payoutI
     }
 };
 
-export { PayoutService as P, makeGetPayoutCSV as m };
+export { makeGetPayoutCSV as m };

package/dist/module/get-subaccounts.js

@@ -1,26 +1,26 @@
-import { A as Api } from './Api.js';
+import { A as Api } from './ApiNew.js';
+import './utils2.js';
 import { C as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import { S as SubAccount } from './Refund.js';
 import './Document.js';
-import './utils2.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
+const api = Api();
 class SubAccountService {
-    async fetchSubAccounts(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const headers = { Account: accountId };
-        const api = Api({ authToken, apiOrigin: apiOrigin });
+    async fetchSubAccounts(accountId, authToken, params) {
         const endpoint = 'sub_accounts';
-        return api.get({ endpoint, params, headers });
+        const headers = { Account: accountId };
+        return api.get({ authToken, endpoint, params, headers });
     }
 }
 
-const makeGetSubAccounts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+const makeGetSubAccounts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
     try {
-        const response = await service.fetchSubAccounts(accountId, authToken, params, apiOrigin);
+        const response = await service.fetchSubAccounts(accountId, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const subAccounts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new SubAccount(dataItem))) || [];

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

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

package/dist/module/hidden-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { i as iframeInputStylesSet } from './iframe-input-styles-state.js';
-import { Q as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input } from './parts.js';
+import { T as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input } from './parts.js';
 
 const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends HTMLElement {
     constructor() {
@@ -76,7 +76,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '04cbd78b739016b2a97a37a35df53bed83184e3d' }, h("input", { key: '6266b0dcfeeb13bd522fdd46b854300ccbadda4d', 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: '170a3d6232e5ecee555da05387d127b56b07f7df' }, h("input", { key: '8acef653371ebbe45c624f8ea233b9c9c6c40714', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [0, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -3,7 +3,7 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import { p as packageJson } from './package.js';
 import { a as iframeInputStyles } from './iframe-input-styles-state.js';
-import { Q as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input, l as label } from './parts.js';
+import { T as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, i as input, l as label } from './parts.js';
 
 var iframeResizer = {exports: {}};
 
@@ -1617,10 +1617,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'b3e863bb8ddced5c0f9493915c9fce9d80d8c567', class: "form-group d-flex flex-column" }, h("div", { key: '20f09bbfad447e157594beade6a081b2df7c19ba', style: {
+        return (h(Host, { key: 'a5f275ef30181f08abf56b7d7967cb8fe8062890', class: "form-group d-flex flex-column" }, h("div", { key: 'b3c1f25b51b2780008a976545722b8ecc570bc36', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '9a85897b5ffd9ea350a59f33f08bd82fb94a2666', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd2e01fc5b13b7a5a74eaf56a9825297545a7cd84', 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: '108f8164f00104f43e67f6b9c1cfcbc1a3ba077f', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '6df0b61a71bfe35981bd91f14a28e55d85fc3d43', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '759f070e743795d9e92ee10389157cc8946aba51', 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: 'def8ba2e7721262374e8ff101edc4b495ecad24a', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1630,7 +1630,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'a3e141a71221328cd341313be7ceb784846ef177', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '4d4203df343a2b0c0f4b9fcbfd841d30d5939612', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {

package/dist/module/index.js

@@ -1 +1 @@
-export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { getAssetPath, render, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';

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

@@ -7,7 +7,7 @@ import './Payment.js';
 import './Refund.js';
 import './Document.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
-import { _ as checkoutsListFilterMenu, $ as statusCheckoutsListFilterParam, a0 as paymentModeCheckoutsListFilterParam } from './parts.js';
+import { a1 as checkoutsListFilterMenu, a2 as statusCheckoutsListFilterParam, a3 as paymentModeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
@@ -53,7 +53,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '9b4c4fdcb668bb4dd8a059994bb3db0b905edae9' }, h("table-filters-menu", { key: '938c4e70af02843728d761a51a720782e68475d7', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '61ddbf4b3bf1d9de92158fdd7f2ed744e86c93a8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9eb3f1ff6137c76dbf87980610804dcef8a70548', class: "p-2" }, h("form-control-select", { key: '8613b5a96b1df7cbe39538afd0c1963fef1f4bcf', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '5ffd343103cd06248645ab10e89f795805559b28', class: "p-2" }, h("form-control-select", { key: 'da1f80e06108fe3bd8682b2a8018eac51cc798e6', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'bcae6fee83117dde40a29ebcab8e85089bcdc37e' }, h("table-filters-menu", { key: '56c6a5d205836fe010917f0f0d978507cf227a3f', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'c82691f9b863368a2b7523dc7d9d348c3fe2e776', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9abbb01e53139ebd376a638400b199d88288b175', class: "p-2" }, h("form-control-select", { key: '3859777cf1f4ee451a65440a90dfe9e5f4a2f069', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '3c23d4b820ea2424d6ddc01e6952c8c46cd7d975', class: "p-2" }, h("form-control-select", { key: 'c376228f82419b959b3fefa6b32d25c584c6ea3b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [1, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],

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

@@ -96,13 +96,12 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
             this.getSubAccounts = makeGetSubAccounts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService(),
-                apiOrigin: this.apiOrigin
+                service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '523acabd52d2823a4bf1a50b5fcda8a80704208c' }, h("checkouts-list-core", { key: '46548aa225fe025c7ecf8736fb3239367bb9f965', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4cf97b877324bc48ec5bcdae0f342d2b1fb0daca' }, h("checkouts-list-core", { key: '395f0b1ad4a6bdcaaaa8dc095fae6cad164bbdad', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-config-provider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiConfigProvider extends Components.JustifiConfigProvider, HTMLElement {}
+export const JustifiConfigProvider: {
+    prototype: JustifiConfigProvider;
+    new (): JustifiConfigProvider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-config-provider.js

@@ -0,0 +1,45 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { s as setConfigState } from './config-state.js';
+
+const ConfigProvider = /*@__PURE__*/ proxyCustomElement(class ConfigProvider extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.iFrameOrigin = "https://components.justifi.ai";
+        this.accountId = '';
+    }
+    componentWillLoad() {
+        setConfigState({
+            apiOrigin: this.apiOrigin,
+            iFrameOrigin: this.iFrameOrigin,
+            accountId: this.accountId
+        });
+    }
+    render() {
+        return null;
+    }
+}, [0, "justifi-config-provider", {
+        "apiOrigin": [1, "api-origin"],
+        "iFrameOrigin": [1, "i-frame-origin"],
+        "accountId": [1, "account-id"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-config-provider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-config-provider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ConfigProvider);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiConfigProvider = ConfigProvider;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiConfigProvider, defineCustomElement };

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

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

package/dist/module/justifi-order-terminals.js

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { U as heading4, W as heading5, Y as buttonPrimary, t as text } from './parts.js';
+import { X as heading4, Z as heading5, $ as buttonPrimary, t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
@@ -12,7 +12,7 @@ import { n as formatPhoneNumber } from './utils2.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { d as TerminalModel, c as TerminalOrder, a as TerminalOrderType } from './Refund.js';
+import { f as TerminalModel, e as TerminalOrder, a as TerminalOrderType } from './Refund.js';
 import './Document.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
@@ -57,10 +57,10 @@ const TerminalSelectorLoading = () => {
                         h(Skeleton, null)))))));
 };
 
-const makeGetTerminalModels = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
+const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a, _b, _c, _d;
     try {
-        const response = await service.fetchTerminalModels(id, authToken, apiOrigin);
+        const response = await service.fetchTerminalModels(id, authToken);
         if (!response.error) {
             const terminals = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.terminal_order_models) === null || _b === void 0 ? void 0 : _b.map((dataItem) => new TerminalModel(dataItem))) || [];
             const orderLimit = (_c = response.data) === null || _c === void 0 ? void 0 : _c.order_limit;
@@ -122,7 +122,6 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitted = createEvent(this, "submit-event", 7);
         this.shipping = false;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.submitButtonText = 'Submit Order';
         this.loading = {
             business: true,
@@ -158,8 +157,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         makeGetBusiness({
             id: this.businessId,
             authToken: this.authToken,
-            service: new BusinessService(),
-            apiOrigin: this.apiOrigin,
+            service: new BusinessService()
         })({
             onSuccess: ({ business }) => {
                 this.business = new Business(business);
@@ -175,8 +173,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         makeGetTerminalModels({
             id: this.accountId,
             authToken: this.authToken,
-            service: new TerminalService(),
-            apiOrigin: this.apiOrigin,
+            service: new TerminalService()
         })({
             onSuccess: ({ terminals, orderLimit }) => {
                 this.terminalModels = terminals;
@@ -192,8 +189,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
     submitOrder() {
         const orderTerminals = makeOrderTerminals({
             authToken: this.authToken,
-            service: new TerminalService(),
-            apiOrigin: this.apiOrigin,
+            service: new TerminalService()
         });
         this.submitting = true;
         orderTerminals({
@@ -230,14 +226,13 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: 'b56073a8c5df425a77c0e322a855c41a820b848b' }, h("div", { key: 'f714b27a51bd21a58d20088016cfa3fabb6659b2', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '47251af3261d16cfc067bca3b3810805d93ba36d' }, h("div", { key: '13c73bb09cdbad48ee7b15089daf1b6bf56cf256', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [1, "justifi-order-terminals", {
         "businessId": [1, "business-id"],
         "authToken": [1, "auth-token"],
         "accountId": [1, "account-id"],
         "shipping": [4],
-        "apiOrigin": [1, "api-origin"],
         "submitButtonText": [1, "submit-button-text"],
         "loading": [32],
         "submitting": [32],

package/dist/module/justifi-payment-details.js

@@ -13,7 +13,6 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.errorMessage = null;
         this.paymentService = new PaymentService();
         this.handleErrorEvent = event => {
@@ -38,8 +37,7 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
             this.getPaymentDetails = makeGetPaymentDetails({
                 id: this.paymentId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin
+                service: new PaymentService()
             });
         }
         else {
@@ -64,7 +62,6 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
 }, [1, "justifi-payment-details", {
         "paymentId": [1, "payment-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "getPaymentDetails": [32],
         "errorMessage": [32]
     }, undefined, {

package/dist/module/justifi-payment-transactions-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiPaymentTransactionsList extends Components.JustifiPaymentTransactionsList, HTMLElement {}
+export const JustifiPaymentTransactionsList: {
+    prototype: JustifiPaymentTransactionsList;
+    new (): JustifiPaymentTransactionsList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;