@justifi/webcomponents 6.15.0-rc.1 → 6.15.0-rc.2

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

@@ -12,7 +12,7 @@ const FormControlFileV2 = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '126751292134f9287c1515db834f0485c2fd06a7', exportparts: "label,input,input-invalid" }, h("div", { key: 'b58a7a17af7ad91715ef47c901109b1f6dff9899', class: "form-group d-flex flex-column" }, h("div", { key: 'eb464b05d2fa376c996f64307f631268d31c786a', class: "d-flex align-items-start gap-2" }, h("label", { key: '0290614c933f57683866d0cc242488461af52061', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec7f81546fa75b28dd86c5b01aa7448b4973b320', helpText: this.helpText })), h("input", { key: '10e971984efa55233896aa3550054f1bd576d38f', 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 = "" }), h(FormControlErrorText, { key: '9eb539f07b58278bdf9cd6ba0abe93c12d548f00', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '8f1a2e7469bf052321e464d3d7d4434a8e1b94eb', exportparts: "label,input,input-invalid" }, h("div", { key: 'a930b47727ba05e965ec5df7b042d2416d38db2c', class: "form-group d-flex flex-column" }, h("div", { key: 'e1040ac692c0f597c0461bcaa27f562c69056c30', class: "d-flex align-items-start gap-2" }, h("label", { key: '387e3d18da10274de2cf9ef680d9483d7855e77e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4bc4aab440ec7cca2eb6af7105d2d9078922376a', helpText: this.helpText })), h("input", { key: '4050a93b51b5b1ecadfe9cff53c5794321c77d13', 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 = "" }), h(FormControlErrorText, { key: 'aee21aa5cd54e48f2e7eca3763a07051dd942653', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -62,10 +62,10 @@ const FormControlTextarea = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '38a1df15414183fb880c0591c571485cdb25171d' }, h("div", { key: '5e784dc692cb1485fe047d935325a25814486fa6', class: "form-group d-flex flex-column" }, h("label", { key: '1dc05dec6cea4bbf9ba8ffada82af711404f0824', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '06f3d3f3855e0665bf53fa29b1b60ff5a095bc08', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c23d0ccb0e033048012cb1e1110f785a6270b163' }, h("div", { key: '971db0fe032afae7ea976e0fa3845040a39aab28', class: "form-group d-flex flex-column" }, h("label", { key: 'b733fd61b5421aea811e3b9423d85c6c682493f0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'fa13e420ffdfa28d139418ebfa48bf9108710438', 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: '58c54e79b3df71b78a7a4e217e4639d1db891f0f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'c421126159489a14fda61b9c7e3430965362702d', 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: '787e9ecc2833c827880c7a44c9a577c56f258375', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f0915db581aee8672f6089d681596c9650b09c2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/form-control-file.entry.js

@@ -46,10 +46,10 @@ const FormControlFile = class {
         return part;
     }
     render() {
-        return (h(Host, { key: 'fef20fda4ea06209e00414aa76fa1a1f51f36c9b' }, h("div", { key: '0f0c8ad43992eaecca08fc9f17b8bc8ddd05db34', class: "form-group d-flex flex-column" }, h("div", { key: 'bf34365ec7a4389d86b4c66739317ccdb66d29ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '4bb0b05cbe1a2ee377e62546b4912b10caead7eb', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f2835e5c1c4f85805bc43524c7aa9523c726a60e', helpText: this.helpText })), h("input", { key: '613b1fae37b8e4c09ba1b6d42ea258e012ca4427', 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: '9ea17017850bd5e83a213b5247af2fe64f11db6c' }, h("div", { key: '6cb7715a542d193a1ef1579dad6889fb0191e195', class: "form-group d-flex flex-column" }, h("div", { key: 'c643268b004611f98b4d24c341a46d0bce9a8944', class: "d-flex align-items-start gap-2" }, h("label", { key: '3541f24060c2279f0cfb604f7bdec355462196a8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '66f62e7d0ab51765fefc92d8674402a439671792', helpText: this.helpText })), h("input", { key: '564819ed2423c923f16329dc4ccb7a96f50e7ddd', 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: 'c51b148397176578b3f99c9550e33ed7e2041782', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '2bbc1831fa7aaf773c24860ac47a8318b2eef93d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -49,10 +49,10 @@ const FormControlMonetary = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '75334e0b6e8fe81520e7cc63fc2f75e6d3cb003d' }, h("div", { key: '87614554e0b1e8869a2c0a4720b3b829c11806d9', class: "form-group d-flex flex-column" }, h("label", { key: '8a102611fa774e4cc45200213497035060bead70', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'e59c711fa4aee5691b282eda8854ee846566943a', name: this.name, helpText: this.helpText }), h("div", { key: '657787e9d25c59a42b53c9b7c11ad5a40270b967', class: "input-group" }, h("span", { key: '6dc19d2560caf09b45a7fbbf6a94efad8fc96fd4', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '58580f4041310d855069a85fe8b7e84524cb8966', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0e155ea412884f0d45702620cf31aa3910940e88' }, h("div", { key: 'bdf371cf77ec32483c8f984fdc68133ae05be865', class: "form-group d-flex flex-column" }, h("label", { key: 'b8b30aa3bb6ebc5e423593737fd646090a584272', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '6ba6701d1b54eb1b7e4e9de2f6386346b055d516', name: this.name, helpText: this.helpText }), h("div", { key: 'cf6893c681afe85d9e435a9e8920683dd9864c14', class: "input-group" }, h("span", { key: 'de56ce422d29f38028dcbefd8f35be3210223f67', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '234592cf95dc5e613fee8da90a5a4e40389b5bc4', 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: 'd3702fe61cc90977fea9a23ab9e65ba3e5a74205', 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: '2e66376501c5a7718f41c2714a66acf74bb6cde4', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/form-control-number_2.entry.js

@@ -48,10 +48,10 @@ const FormControlNumber = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '520face5a6f8bd30233610b773f277ea04b2349e' }, h("div", { key: '87b54db4501ce1cc1dedc0656e42159107902f3c', class: 'form-group d-flex flex-column' }, h("label", { key: '4984f482709f356c4684b6123c01c8b7b43dbbe8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a9052240dca26a846003f4e7e99debaaf9c35ec7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e21694c1c7611df6ede999aa75fece02977f66f3' }, h("div", { key: '8ea4a38832865e82ffeebcceaabc704d10403966', class: 'form-group d-flex flex-column' }, h("label", { key: '396ab2f79a7168080538ae46da735506b0797311', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '715cb6bfbf439fdd4f659e6d21091b047cbca94d', 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: '8e6e293652a1d32ab082dc6f79e9ccb75e2d2e14', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '011bd1354a1ef83641232a4f6ad1dc1cf09de17b', 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: 'f8695d85c9b447644b5bdf02d4df9e1c1e3e5da7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e736f720d89f5d5aeee6982cb15ea11f63c5dd93', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -33,10 +33,10 @@ const FormControlRadio = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '802ff968414caa31fc93903ca89537d34708e0eb', class: 'form-group d-flex flex-column' }, h("div", { key: 'b782870c627ff9e85182d32ebb4f98af05e6c59b', class: "form-check" }, h("input", { key: '9e6f410196aeca8efde42ef45789e30472e70d68', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ffbfee5a2bffb9dc2d6c2489faa9daa60a36604e', class: 'form-group d-flex flex-column' }, h("div", { key: '93e4d129fd0a67d6b6f021b2af4e816683f8b926', class: "form-check" }, h("input", { key: 'e100d93d9750db95262e63aaaf75ff413dbc0928', 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: '5e4e244d6366d64035471bbaa06e30c3f825c140', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4ae7c930736d206deec1ddd192c516c92a20f892', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'dc79053a9726e91b855fa1cf5264856fb2c1d7fb', 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: '14a8bb0f48683405413245f572d3186d8948de41', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'ca497838c5f52e0c9a528c9503b2e17785239d23', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6f1f5d3ac8e1fe55d9c676f5e5f96633de777d01', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/esm/form-control-select_2.entry.js

@@ -88,10 +88,10 @@ const FormControlText = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'd5da001e89033cf864424d99675b6f5fbe44cd93' }, h("div", { key: '753cf0dc5a584368da89079b34d7176b3b9ac29b', class: "form-group d-flex flex-column" }, h("div", { key: '4dbb0d4de88bf0f6d28b1b902c9c77ba2b06f70d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ede8f0582b639d5cb4b829a89ae313b3df69ec71', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f0414539f6e9c0b44b8f3ead71c1e5741ca47359', helpText: this.helpText })), h("input", { key: '2720e10473b5ac6e99c745cf14912670fe5cef0e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0a275b26c5e6604a478bd4618f8955264205b4f8' }, h("div", { key: 'c495cf0113cfd1ddd6a4d586dfb96d67ec7e92f1', class: "form-group d-flex flex-column" }, h("div", { key: '6a97e6086faaf4b43c41da9615568f359760343c', class: "d-flex align-items-start gap-2" }, h("label", { key: '39c1d7b7d281874a81125374e7a351783de14207', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '646caf4cd154574488610f47a593a8fbfff0778f', helpText: this.helpText })), h("input", { key: '540637afeb21d3da93c304710568a0ed8ad99dc4', 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: 'abb212dba851919df2cfc6db6a59ac9354c20919', 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: '1a8246dbf9908c7e56ae2cc0cbea65934c3a33ce', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{get-subaccounts-By7m_FxO.js → get-subaccounts-ClGG-LRZ.js}

@@ -1,4 +1,4 @@
-import { A as Api } from './Api-DAJ9sMMj.js';
+import { A as Api } from './Api-83B3f28Q.js';
 import { S as SubAccount, C as ComponentErrorSeverity } from './Plaid-BP3xNxQF.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-DaDqgDrb.js';

package/dist/esm/internal-button.entry.js

@@ -9,7 +9,7 @@ const InternalButton = class {
         this.type = 'button';
     }
     render() {
-        return (h(Button, { key: 'af1645c7e7ee59b5f57dd195bf1ec6f2e03917e5', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
+        return (h(Button, { key: '4048996761c978279f2aefbb43bbbb249fe445d9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
     }
 };
 

package/dist/esm/justifi-apple-pay_12.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { A as Api } from './Api-DAJ9sMMj.js';
+import { A as Api } from './Api-83B3f28Q.js';
 import { A as ApplePayConfig, r as ApplePayHelpers, s as ApplePayPaymentRequest, t as ApplePaySessionStatus, u as ApplePayButtonStyle, v as ApplePayButtonType, w as ApplePayMerchantCapability, C as ComponentErrorSeverity, b as ComponentErrorCodes, c as ComponentErrorMessages, I as ICheckoutStatus, x as PLAID_ERROR_SEVERITY, y as PLAID_ERROR_MESSAGES, z as PlaidErrorCodes } from './Plaid-BP3xNxQF.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
@@ -11,17 +11,17 @@ import { w as waitForConfig, c as configState } from './config-state-BKOsYBXZ.js
 import { H as Header1 } from './header-1-BI0o3rMW.js';
 import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-DM0VaTpH.js';
 import { H as Header3 } from './header-3-DNqRk_HO.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import './dinero-HXpYMWUU.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-DaDqgDrb.js';
 import { m as makeGetCheckout, a as makeCheckoutComplete } from './checkout-actions-0ftD0elo.js';
-import { C as CheckoutService } from './checkout.service-BVBmNheb.js';
-import { P as PlaidService } from './plaid.service-CqihCTBS.js';
+import { C as CheckoutService } from './checkout.service-wjFjBxIB.js';
+import { P as PlaidService } from './plaid.service-DufQkxDk.js';
 import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './index-DEx8fQeW.js';
 import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
-import './package-Dn9_7aQh.js';
+import './package-CAVi_ne1.js';
 import './index-3wWWWrhn.js';
 import './utils-YUOJKtjO.js';
 
@@ -743,7 +743,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'fafd798e951f401204004138571fce414f3bb428' }, h("internal-button", { key: 'eda77ddbd02a38370f79e58d52d2824631517666', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+        return (h(StyledHost, { key: '1e09a302d064e2e4a860dc4efd9eb9693d4d0055' }, h("internal-button", { key: '9ce7819853789c44860de43f26632c62415ebdb5', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
 };
 
@@ -911,7 +911,7 @@ const JustifiHeader = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'b51ffe7c6ff6de409396fd941d39321eb837665d' }, h(HeaderComponent, { key: 'dfba7ab895567a38b6b08fc1b734bdb9e98afff5', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '1843adabddf7d439036f8ce6f55627b7ca3e4a9f' }, h(HeaderComponent, { key: 'b16e5624ce7e092cc8c144a7cdfd9cb6afdf7a83', text: this.text, class: this.class })));
     }
 };
 
@@ -1477,6 +1477,15 @@ const PaypalErrorCode = {
     PAYMENT_FAILED: 'PAYMENT_FAILED',
 };
 
+const SHOWN_CLASS = 'shown';
+const setShown = (el, shown) => {
+    if (!el)
+        return;
+    if (shown)
+        el.classList.add(SHOWN_CLASS);
+    else
+        el.classList.remove(SHOWN_CLASS);
+};
 const JustifiPaypal = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1524,9 +1533,26 @@ const JustifiPaypal = class {
             });
         }
     }
+    componentDidRender() {
+        this.applyVisibility();
+    }
     get currencyCode() {
         return (checkoutStore.paymentCurrency || PAYPAL_DEFAULT_CURRENCY).toUpperCase();
     }
+    get showPaypal() {
+        return !!checkoutStore.paypalEnabled && this.paypalEligible;
+    }
+    get showVenmo() {
+        return (!!checkoutStore.paypalEnabled &&
+            this.venmoEligible &&
+            this.currencyCode === VENMO_SUPPORTED_CURRENCY);
+    }
+    applyVisibility() {
+        const { showPaypal, showVenmo } = this;
+        setShown(this.buttonsEl, showPaypal || showVenmo);
+        setShown(this.paypalButtonEl, showPaypal);
+        setShown(this.venmoButtonEl, showVenmo);
+    }
     emitError(error, code) {
         this.paypalError.emit({ error, code });
     }
@@ -1567,6 +1593,7 @@ const JustifiPaypal = class {
         if (!clientId) {
             this.paypalEligible = false;
             this.venmoEligible = false;
+            this.applyVisibility();
             this.emitError('Missing Paypal client id', PaypalErrorCode.CONFIG_ERROR);
             return;
         }
@@ -1589,10 +1616,12 @@ const JustifiPaypal = class {
             if (this.venmoEligible) {
                 this.venmoSession = this.sdkInstance.createVenmoOneTimePaymentSession(this.sessionOptions('venmo'));
             }
+            this.applyVisibility();
         }
         catch (error) {
             this.paypalEligible = false;
             this.venmoEligible = false;
+            this.applyVisibility();
             this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Error initializing Paypal', PaypalErrorCode.INITIALIZATION_ERROR);
         }
     }
@@ -1623,21 +1652,23 @@ const JustifiPaypal = class {
         return order;
     }
     render() {
-        if (!checkoutStore.paypalEnabled)
-            return null;
-        const showVenmo = this.venmoEligible && this.currencyCode === VENMO_SUPPORTED_CURRENCY;
-        if (!this.paypalEligible && !showVenmo)
-            return null;
-        return (h(StyledHost, null, h("div", { class: "paypal-buttons" }, this.paypalEligible && (h("paypal-button", { type: "pay", onClick: () => this.startSession(this.paypalSession, 'paypal') })), showVenmo && (h("venmo-button", { type: "pay", onClick: () => this.startSession(this.venmoSession, 'venmo') }))), h("style", null, `
+        return (h(StyledHost, { key: '05c771ae41d3b21da7046e70c7d0e03efc296a0c' }, h("div", { key: '8e7a14372ce29b4da284efadb43c27d0c059607e', class: "paypal-buttons", ref: (el) => (this.buttonsEl = el) }, h("paypal-button", { key: 'aa7fa82c96ca4d41872f445a01e72a18f6f5920a', type: "pay", ref: (el) => (this.paypalButtonEl = el), onClick: () => this.startSession(this.paypalSession, 'paypal') }), h("venmo-button", { key: '2cb068aa82460068548f133607cebec096028a41', type: "pay", ref: (el) => (this.venmoButtonEl = el), onClick: () => this.startSession(this.venmoSession, 'venmo') })), h("style", { key: '159cc68f682ed79a9a83be7d1b4c88127f8a2623' }, `
             .paypal-buttons {
-              display: flex;
+              display: none;
               gap: 8px;
               width: 100%;
             }
+            .paypal-buttons.shown {
+              display: flex;
+            }
             .paypal-buttons > * {
+              display: none;
               flex: 1 1 0;
               min-width: 0;
             }
+            .paypal-buttons > .shown {
+              display: block;
+            }
           `)));
     }
 };
@@ -2574,7 +2605,7 @@ const JustifiTokenizePaymentMethod = class {
             } }));
     }
     render() {
-        return (h(StyledHost, { key: '73aeacd6caa05ef5e126a6577c22464eacfc6d96' }, h("form", { key: '7c1ddd145c53590fb1b9522ea8dbd52339817754' }, h("fieldset", { key: '38bb226348b721f01f900930710f6b705d5a96ed' }, h("div", { key: 'b4f27d1e36c4d5e37190fa99b79c36cf00a8d9a3', class: "row gy-3" }, h("div", { key: '85ae7c532c3c6056d5122cfd30fd4e2b75cf82f9', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '7727760fa2ccbaff134fa95e338406224bc8d787', class: "col-12" }, h("internal-button", { key: '9f268e40c2d37a0d8ba423ad6dffe88c4cab3bc3', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '16a5a47febb09295c95f141ddc96a849e530c477' }, h("form", { key: 'e1ac3ac80435b32cb0a742198d814778bffd635c' }, h("fieldset", { key: '68d0f984d3e66a6abc794e8b2086e27f26ecc809' }, h("div", { key: 'b1759ec1b9c94a976da992947b06da6d8f48f553', class: "row gy-3" }, h("div", { key: 'bc1ef82406d3da36c5d4d97b1a10259de87fdd09', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ed26f2908aa90daba5ab320a668369566b9dacfa', class: "col-12" }, h("internal-button", { key: '094cdacb592825374ad33dd80a05091747bfec4b', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/justifi-bank-account-billing-form-simple.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import { w as waitForConfig } from './config-state-BKOsYBXZ.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
-import './package-Dn9_7aQh.js';
-import './Api-DAJ9sMMj.js';
+import './package-CAVi_ne1.js';
+import './Api-83B3f28Q.js';
 import './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';
 import './Plaid-BP3xNxQF.js';

package/dist/esm/justifi-bank-account-form.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
 import { w as waitForConfig } from './config-state-BKOsYBXZ.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
-import './package-Dn9_7aQh.js';
-import './Api-DAJ9sMMj.js';
+import './package-CAVi_ne1.js';
+import './Api-83B3f28Q.js';
 import './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';
 import './Plaid-BP3xNxQF.js';

package/dist/esm/justifi-business-details.entry.js

@@ -1,20 +1,20 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
 import { E as ErrorState } from './utils-BFduyAPr.js';
-import { B as BusinessService } from './business.service-kmkjOyTm.js';
+import { B as BusinessService } from './business.service-CTqiKKy5.js';
 import { m as makeGetBusiness } from './get-business-BLCT-zfN.js';
 import { C as ComponentErrorSeverity, b as ComponentErrorCodes } from './Plaid-BP3xNxQF.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
 import { S as Skeleton } from './skeleton-dbktEkFS.js';
 import './parts-Bu7gdOaV.js';
-import './Api-DAJ9sMMj.js';
+import './Api-83B3f28Q.js';
 import './config-state-BKOsYBXZ.js';
 import './index-3wWWWrhn.js';
 import './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';
-import './package-Dn9_7aQh.js';
+import './package-CAVi_ne1.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-DaDqgDrb.js';
 import './utils-YUOJKtjO.js';

package/dist/esm/justifi-business-form.entry.js

@@ -6,24 +6,24 @@ import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, b as ComponentErrorCodes } from './Plaid-BP3xNxQF.js';
 import './Pagination-CLHwhyvu.js';
 import { C as CountryCode, B as Business, b as BusinessFormServerErrors } from './Business-DaDqgDrb.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
 import { B as Button } from './button-CBzHAOFW.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import { H as Header1 } from './header-1-BI0o3rMW.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import { S as Skeleton } from './skeleton-dbktEkFS.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions-VRIPjnAQ.js';
-import { B as BusinessService } from './business.service-kmkjOyTm.js';
+import { B as BusinessService } from './business.service-CTqiKKy5.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './schema-validations-8dbMCACI.js';
 import './country-config-CJwnhkdq.js';
 import './business-form-options-BxVQL9ar.js';
 import './index-3wWWWrhn.js';
 import './utils-D8J8OvxY.js';
-import './package-Dn9_7aQh.js';
-import './Api-DAJ9sMMj.js';
+import './package-CAVi_ne1.js';
+import './Api-83B3f28Q.js';
 import './parts-Bu7gdOaV.js';
 import './utils-YUOJKtjO.js';
 

package/dist/esm/justifi-card-form.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import { w as waitForConfig } from './config-state-BKOsYBXZ.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
-import './package-Dn9_7aQh.js';
-import './Api-DAJ9sMMj.js';
+import './package-CAVi_ne1.js';
+import './Api-83B3f28Q.js';
 import './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';
 import './Plaid-BP3xNxQF.js';

package/dist/esm/justifi-checkout-qr-code.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-CV0Pyo1O.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
 import { C as ComponentErrorSeverity, b as ComponentErrorCodes } from './Plaid-BP3xNxQF.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';
-import './package-Dn9_7aQh.js';
-import './Api-DAJ9sMMj.js';
+import './package-CAVi_ne1.js';
+import './Api-83B3f28Q.js';
 import './config-state-BKOsYBXZ.js';
 import './index-3wWWWrhn.js';
 import './Pagination-CLHwhyvu.js';

package/dist/esm/justifi-checkout.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import { c as checkoutStore } from './checkout.store-B2mtQcB5.js';
 import { c as checkoutSummary } from './parts-Bu7gdOaV.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
 import { P as PAYMENT_METHODS } from './index-DEx8fQeW.js';
-import './package-Dn9_7aQh.js';
-import './Api-DAJ9sMMj.js';
+import './package-CAVi_ne1.js';
+import './Api-83B3f28Q.js';
 import './config-state-BKOsYBXZ.js';
 import './index-3wWWWrhn.js';
 import './utils-D8J8OvxY.js';

package/dist/esm/justifi-checkouts-list.entry.js

@@ -5,10 +5,10 @@ import { m as Checkout, C as ComponentErrorSeverity, b as ComponentErrorCodes }
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-DaDqgDrb.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-YUOJKtjO.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
-import { C as CheckoutService } from './checkout.service-BVBmNheb.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-By7m_FxO.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { C as CheckoutService } from './checkout.service-wjFjBxIB.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-ClGG-LRZ.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table-CD17nv9n.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
@@ -17,8 +17,8 @@ import { B as BadgeVariant, a as Badge } from './badge-B7QMpafx.js';
 import { a6 as tableHeadCell, a7 as getAlternateTableCellPart } from './parts-Bu7gdOaV.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-DfRLZrOO.js';
 import './index-3wWWWrhn.js';
-import './package-Dn9_7aQh.js';
-import './Api-DAJ9sMMj.js';
+import './package-CAVi_ne1.js';
+import './Api-83B3f28Q.js';
 import './spinner-EZmqiSfd.js';
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {

package/dist/esm/justifi-dispute-management.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
 import { D as Dispute, C as ComponentErrorSeverity, b as ComponentErrorCodes, h as DisputeStatus } from './Plaid-BP3xNxQF.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-YUOJKtjO.js';
-import { D as DisputeManagementClickActions, a as DisputeService } from './event-types-B5-lsGjZ.js';
+import { D as DisputeManagementClickActions, a as DisputeService } from './event-types-cqQHLwCy.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
 import './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';
-import './package-Dn9_7aQh.js';
-import './Api-DAJ9sMMj.js';
+import './package-CAVi_ne1.js';
+import './Api-83B3f28Q.js';
 import './config-state-BKOsYBXZ.js';
 import './index-3wWWWrhn.js';
 import './Pagination-CLHwhyvu.js';

package/dist/esm/justifi-gross-payment-chart.entry.js

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import { A as Api } from './Api-DAJ9sMMj.js';
+import { A as Api } from './Api-83B3f28Q.js';
 import { C as ComponentErrorSeverity, b as ComponentErrorCodes } from './Plaid-BP3xNxQF.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-DaDqgDrb.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-YUOJKtjO.js';
 import { E as ErrorState } from './utils-BFduyAPr.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import { f as formatCurrency, o as formatDisplayDate } from './utils-D8J8OvxY.js';
 import { S as Spinner } from './spinner-EZmqiSfd.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
 import './config-state-BKOsYBXZ.js';
 import './index-3wWWWrhn.js';
-import './package-Dn9_7aQh.js';
+import './package-CAVi_ne1.js';
 import './parts-Bu7gdOaV.js';
 import './dinero-HXpYMWUU.js';
 

package/dist/esm/justifi-order-terminals.entry.js

@@ -2,10 +2,10 @@ import { h, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js'
 import { a9 as heading5, a8 as heading4, a1 as buttonPrimary, t as text } from './parts-Bu7gdOaV.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion } from './check-pkg-version-FEAmKlDW.js';
-import { J as JustifiAnalytics } from './Analytics-hKJLmoJl.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
 import { o as TerminalModel, C as ComponentErrorSeverity, p as TerminalOrder, f as TerminalOrderType, b as ComponentErrorCodes } from './Plaid-BP3xNxQF.js';
-import { B as BusinessService } from './business.service-kmkjOyTm.js';
+import { B as BusinessService } from './business.service-CTqiKKy5.js';
 import { B as Business } from './Business-DaDqgDrb.js';
 import { m as makeGetBusiness } from './get-business-BLCT-zfN.js';
 import { S as Skeleton } from './skeleton-dbktEkFS.js';
@@ -13,10 +13,10 @@ import './config-state-BKOsYBXZ.js';
 import './dinero-HXpYMWUU.js';
 import './Pagination-CLHwhyvu.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-YUOJKtjO.js';
-import { T as TerminalService } from './terminal.service-DuF3uTuA.js';
+import { T as TerminalService } from './terminal.service-BM2aebB6.js';
 import { k as formatPhoneNumber } from './utils-D8J8OvxY.js';
-import './package-Dn9_7aQh.js';
-import './Api-DAJ9sMMj.js';
+import './package-CAVi_ne1.js';
+import './Api-83B3f28Q.js';
 import './index-3wWWWrhn.js';
 
 const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
@@ -201,7 +201,7 @@ const JustifiOrderTerminals = class {
         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: '284975f2cc9a27877e8ede55097cfeef7d951cf1' }, h("div", { key: '1be899276b0b935738a916773f310d2c2d60e29a', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '54455809df1f26151a5ef7d5935e38a8329cbc2e' }, h("div", { key: '6ea3b5336d4c779da65bf2b710aa8fa5757c3b19', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };