@justifi/webcomponents 6.14.4-rc.1 → 6.14.4

package/dist/esm/{hidden-input_2.entry.js → form-alert_3.entry.js}

@@ -1,9 +1,24 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-CV0Pyo1O.js';
-import { c as createStore } from './index-cDVGjRkU.js';
-import { a3 as inputInvalidAndFocused, q as inputInvalid, v as inputFocused, w as input, x as label } from './parts-CPKMvyV_.js';
+import { al as alertDanger, a3 as inputInvalidAndFocused, q as inputInvalid, v as inputFocused, w as input, x as label } from './parts-Bu7gdOaV.js';
+import { c as createStore } from './index-3wWWWrhn.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
-import { p as packageJson } from './package-XQGYXcNa.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
+import { p as packageJson } from './package-DlhPMNzz.js';
+
+const FormAlert = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        if (!this.text) {
+            return null;
+        }
+        if (this.hideAlert) {
+            return null;
+        }
+        return (h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert', part: alertDanger }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), h("div", null, this.text)));
+    }
+};
 
 const iframeInputStylesStore = createStore({
     focused: {
@@ -1691,6 +1706,9 @@ const IframeInput = class {
             componentVersion: packageJson.version,
         });
     }
+    async reload() {
+        this.iframeElement.src = this.iframeSrc;
+    }
     initializeFrameCommunicationService() {
         var _a;
         this.frameService = new FrameCommunicationService(this.iframeElement, this.iframeOrigin);
@@ -1726,11 +1744,14 @@ const IframeInput = class {
         const params = new URLSearchParams(encodedObject).toString();
         return params;
     }
+    get iframeSrc() {
+        return `${this.iframeOrigin}?${this.urlParams}`;
+    }
     render() {
-        return (h(Host, { key: '60e76f1a33ddd4ea5b89cd31a1b6906ff53c5ddb', class: "form-group d-flex flex-column" }, h("div", { key: '5fdef33ae8deb616929478d06fddc01b97233f0a', style: {
+        return (h(Host, { key: 'ec85f26f88845957744034690b1ab0342009485c', class: "form-group d-flex flex-column" }, h("div", { key: 'e4b29dedfa037218b984bbcd00d3aed3bf6987bd', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'e37adecf5024d4c77561d3ca269f49c398fc8fd7', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '206a703cd84d713155aa754576410f495b4329fe', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '214ecd5b4fa9d075b91ea73b9edd09fdfa0cdf12', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '9e9539cc47e48b835dac8a0510899e6a2a25b46b', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '45b0ef6167e59c542b7e72e9dbdb76c9d29bcfb1', 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: 'f52a24114c2e6de9cb110b20db28782125f3db9f', id: this.inputId, name: this.inputId, src: this.iframeSrc, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1740,9 +1761,9 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'bec41e86a063eacb8f1f741b446c64db540d9e4d', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '6cec57e9a2d5ef4901302087e270255248cde0f1', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };
 
-export { HiddenInput as hidden_input, IframeInput as iframe_input };
+export { FormAlert as form_alert, HiddenInput as hidden_input, IframeInput as iframe_input };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
-import { F as inputCheckboxInvalid, G as inputCheckboxCheckedFocused, H as inputCheckboxFocused, I as inputCheckboxChecked, J as inputCheckbox, x as label } from './parts-CPKMvyV_.js';
-import { F as FormControlHelpText } from './form-control-help-text-DGMpMuAm.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
+import { F as inputCheckboxInvalid, G as inputCheckboxCheckedFocused, H as inputCheckboxFocused, I as inputCheckboxChecked, J as inputCheckbox, x as label } from './parts-Bu7gdOaV.js';
+import { F as FormControlHelpText } from './form-control-help-text-DxvEdU36.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
 import './event-types-CZfYo5-1.js';
 
 const FormControlCheckbox = class {
@@ -40,10 +40,10 @@ const FormControlCheckbox = class {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'dc2fdbd7fd92a0205b15e4b302458d8f0d775b35' }, h("div", { key: 'f32f7d5cb559282cece071f3623bdab80998bc04', class: 'form-group d-flex flex-column' }, h("div", { key: '5481439484b97ad733a0051f1722a5c3ed45778d', class: "form-check" }, h("input", { key: '9e96a563e5b0b1a9589dff7eb4f3eb3038d4918b', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c125c58c5883ba06b2a671551340b0ee316308af' }, h("div", { key: 'fd4b904ef4f20c357ef3aa9ce8b69b452f62bc0e', class: 'form-group d-flex flex-column' }, h("div", { key: 'b787782fcd23cbb044df6ea95a441fd71045815a', class: "form-check" }, h("input", { key: '72e4b3bed060f8b93fa53b254f6d492082270e62', 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: '11a27a415d7741d8a29dde8d1fd029c2e143f235', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '3e0ef15182200a48d3cf3142c3511a0ad8095db3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e85175ea76f6073d7ee813a3f2d8eaecc044601a', 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: '8a17ab6e5144bb06486c1e74035576b5ce473621', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'd0be5c8bf0cd51bf2251a5d780538d2e053163cb', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ebffb11e0e2fa1dd2846d389604856fc04943b55', errorText: this.errorText, name: this.name }))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
-import { w as input, x as label, q as inputInvalid, u as inputDisabled, v as inputFocused } from './parts-CPKMvyV_.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
+import { w as input, x as label, q as inputInvalid, u as inputDisabled, v as inputFocused } from './parts-Bu7gdOaV.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
 import './event-types-CZfYo5-1.js';
 
 const FormControlDate = class {

package/dist/esm/{form-control-error-text-Di9QePY5.js → form-control-error-text-FyanxO4T.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { z as textDanger } from './parts-CPKMvyV_.js';
+import { z as textDanger } from './parts-Bu7gdOaV.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
-import { a3 as inputInvalidAndFocused, q as inputInvalid, v as inputFocused, u as inputDisabled, w as input, x as label } from './parts-CPKMvyV_.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
+import { a3 as inputInvalidAndFocused, q as inputInvalid, v as inputFocused, u as inputDisabled, w as input, x as label } from './parts-Bu7gdOaV.js';
 
 const FormControlFileV2 = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { w as input, x as label, q as inputInvalid, u as inputDisabled, v as inputFocused } from './parts-CPKMvyV_.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
+import { w as input, x as label, q as inputInvalid, u as inputDisabled, v as inputFocused } from './parts-Bu7gdOaV.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
 import './event-types-CZfYo5-1.js';
 
 const FormControlFile = class {

package/dist/esm/{form-control-help-text-DGMpMuAm.js → form-control-help-text-DxvEdU36.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { t as text } from './parts-CPKMvyV_.js';
+import { t as text } from './parts-Bu7gdOaV.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
 import { I as IMask } from './index-Ce_F4E0f.js';
 import { C as CURRENCY_MASK } from './form-input-masks-CVaOFfrI.js';
-import { E as inputGroup, x as label, y as inputAdornment, q as inputInvalid, u as inputDisabled, v as inputFocused } from './parts-CPKMvyV_.js';
-import { F as FormControlHelpText } from './form-control-help-text-DGMpMuAm.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
+import { E as inputGroup, x as label, y as inputAdornment, q as inputInvalid, u as inputDisabled, v as inputFocused } from './parts-Bu7gdOaV.js';
+import { F as FormControlHelpText } from './form-control-help-text-DxvEdU36.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
 import './event-types-CZfYo5-1.js';
 
 const FormControlMonetaryProvisioning = class {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
-import { q as inputInvalid, u as inputDisabled, v as inputFocused, w as input, x as label, y as inputAdornment } from './parts-CPKMvyV_.js';
-import { F as FormControlHelpText } from './form-control-help-text-DGMpMuAm.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
+import { q as inputInvalid, u as inputDisabled, v as inputFocused, w as input, x as label, y as inputAdornment } from './parts-Bu7gdOaV.js';
+import { F as FormControlHelpText } from './form-control-help-text-DxvEdU36.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
 import './event-types-CZfYo5-1.js';
 import { f as formatCurrency } from './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { a3 as inputInvalidAndFocused, v as inputFocused, q as inputInvalid, w as input, x as label, u as inputDisabled, a0 as buttonSecondary } from './parts-CPKMvyV_.js';
-import { F as FormControlHelpText } from './form-control-help-text-DGMpMuAm.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
+import { a3 as inputInvalidAndFocused, v as inputFocused, q as inputInvalid, w as input, x as label, u as inputDisabled, a0 as buttonSecondary } from './parts-Bu7gdOaV.js';
+import { F as FormControlHelpText } from './form-control-help-text-DxvEdU36.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
 import './event-types-CZfYo5-1.js';
 import { I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-1lVyzImK.js';
-import { C as CountryCode } from './Business-BcNb9bVO.js';
-import { c as countryLabels } from './country-config-CEJVOOGe.js';
-import { b as businessTitleOptions } from './business-form-options-DXjZp4Rl.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-Dfuc6aDW.js';
+import { C as CountryCode } from './Business-DaDqgDrb.js';
+import { c as countryLabels } from './country-config-CJwnhkdq.js';
+import { b as businessTitleOptions } from './business-form-options-BxVQL9ar.js';
 
 const FormControlNumber = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
-import { P as inputRadioInvalid, Q as inputRadioCheckedFocused, R as inputRadioChecked, S as inputRadioFocused, T as inputRadio, x as label } from './parts-CPKMvyV_.js';
+import { P as inputRadioInvalid, Q as inputRadioCheckedFocused, R as inputRadioChecked, S as inputRadioFocused, T as inputRadio, x as label } from './parts-Bu7gdOaV.js';
 
 const FormControlRadio = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { w as input, x as label, q as inputInvalid, u as inputDisabled, v as inputFocused } from './parts-CPKMvyV_.js';
-import { F as FormControlErrorText } from './form-control-error-text-Di9QePY5.js';
+import { w as input, x as label, q as inputInvalid, u as inputDisabled, v as inputFocused } from './parts-Bu7gdOaV.js';
+import { F as FormControlErrorText } from './form-control-error-text-FyanxO4T.js';
 import './event-types-CZfYo5-1.js';
 
 const FormControlSelect = class {
@@ -40,10 +40,10 @@ const FormControlSelect = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'bf6556107b1f272aa6bc4f89cb0f2a889f8b9d1d' }, h("div", { key: 'be1644d78987676c9af452831e25c3effc31a67c', class: "form-group d-flex flex-column" }, h("div", { key: '62eaea4bdbee959d6e785c00c4f41f642c0a16af', class: "d-flex align-items-start gap-2" }, h("label", { key: '641ada798c78ca0c649ec76029c157069636838b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3a04fe21799a54e402e8afead34b60898c804af4', helpText: this.helpText })), h("select", { key: '54188864be36aed540647275cd84eae738eb633f', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '181f9882efa122d1158475b03c5d91b6a596a029' }, h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), h("select", { key: '8105c889f7fdb9376848c6057ccd58b9c62841a4', 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: '387753bf79494f44a91858175af74d48a9e9c051', 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: '061a26387560f0b8085e83e1c373a43340146469', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/{get-business-CDr7VlTq.js → get-business-BSyOONF0.js}

@@ -1,6 +1,6 @@
-import { B as Business } from './Business-BcNb9bVO.js';
-import { C as ComponentErrorSeverity } from './Plaid-D389VmvK.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BdBZQD1G.js';
+import { B as Business } from './Business-DaDqgDrb.js';
+import { C as ComponentErrorSeverity } from './Plaid-DJ-4YL0_.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-D6LKoG0M.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/esm/{get-payment-details-CpM_upcS.js → get-payment-details-CoGzqJ6o.js}

@@ -1,9 +1,9 @@
-import './config-state-kKn89dp1.js';
+import './config-state-BKOsYBXZ.js';
 import './dinero-HXpYMWUU.js';
-import { e as Payment, C as ComponentErrorSeverity } from './Plaid-D389VmvK.js';
+import { e as Payment, C as ComponentErrorSeverity } from './Plaid-DJ-4YL0_.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BdBZQD1G.js';
+import './Business-DaDqgDrb.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-D6LKoG0M.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/esm/{get-subaccounts-DX2J9fAE.js → get-subaccounts-CnKtCpiU.js}

@@ -1,10 +1,10 @@
-import { A as Api } from './Api-C_lKBDA2.js';
-import { S as SubAccount, C as ComponentErrorSeverity } from './Plaid-D389VmvK.js';
+import { A as Api } from './Api-BmZr64rt.js';
+import { S as SubAccount, C as ComponentErrorSeverity } from './Plaid-DJ-4YL0_.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './config-state-kKn89dp1.js';
+import './Business-DaDqgDrb.js';
+import './config-state-BKOsYBXZ.js';
 import './dinero-HXpYMWUU.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BdBZQD1G.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-D6LKoG0M.js';
 
 const api = Api();
 class SubAccountService {

package/dist/esm/{header-1-evYxFIGN.js → header-1-BI0o3rMW.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { h as heading1 } from './parts-CPKMvyV_.js';
+import { h as heading1 } from './parts-Bu7gdOaV.js';
 
 const Header1 = (props) => {
     return h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading1 }, props.text);

package/dist/esm/{header-3-BUDap2xY.js → header-3-DNqRk_HO.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { A as heading3 } from './parts-CPKMvyV_.js';
+import { A as heading3 } from './parts-Bu7gdOaV.js';
 
 const Header3 = (props) => {
     return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);

package/dist/esm/{index-cDVGjRkU.js → index-3wWWWrhn.js}

@@ -1,14 +1,17 @@
 import { S as StencilCore } from './index-CV0Pyo1O.js';
 
-const appendToMap = (map, propName, value) => {
+const appendToMap = (map, refsByValue, propName, value) => {
+    let ref = refsByValue.get(value);
+    if (!ref) {
+        ref = new WeakRef(value);
+        refsByValue.set(value, ref);
+    }
     let refs = map.get(propName);
     if (!refs) {
-        refs = [];
+        refs = new Set();
         map.set(propName, refs);
     }
-    if (!refs.some((ref) => ref.deref() === value)) {
-        refs.push(new WeakRef(value));
-    }
+    refs.add(ref);
 };
 const debounce = (fn, ms) => {
     let timeoutId;
@@ -34,13 +37,15 @@ const debounce = (fn, ms) => {
  */
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
 const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        const refs = map.get(key).filter((ref) => {
+    map.forEach((refs, key) => {
+        const nextRefs = new Set();
+        refs.forEach((ref) => {
             const elm = ref.deref();
-            return elm && isConnected(elm);
+            if (elm && isConnected(elm))
+                nextRefs.add(ref);
         });
-        map.set(key, refs);
-    }
+        map.set(key, nextRefs);
+    });
 }, 2_000);
 const core = StencilCore;
 const forceUpdate = core.forceUpdate;
@@ -53,23 +58,24 @@ const stencilSubscription = () => {
     }
     const ensureForceUpdate = forceUpdate;
     const ensureGetRenderingRef = getRenderingRef;
+    const refsByElement = new WeakMap();
     const elmsToUpdate = new Map();
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
             const elm = ensureGetRenderingRef();
             if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
+                appendToMap(elmsToUpdate, refsByElement, propName, elm);
             }
         },
         set: (propName) => {
             const refs = elmsToUpdate.get(propName);
             if (refs) {
-                const nextRefs = refs.filter((ref) => {
+                const nextRefs = new Set();
+                refs.forEach((ref) => {
                     const elm = ref.deref();
-                    if (!elm)
-                        return false;
-                    return ensureForceUpdate(elm);
+                    if (elm && ensureForceUpdate(elm))
+                        nextRefs.add(ref);
                 });
                 elmsToUpdate.set(propName, nextRefs);
             }

package/dist/esm/{input-handlers-1lVyzImK.js → input-handlers-Dfuc6aDW.js}

@@ -1,4 +1,4 @@
-import { d as deconstructDate } from './Business-BcNb9bVO.js';
+import { d as deconstructDate } from './Business-DaDqgDrb.js';
 
 const updateFormValues = (formController, newValues) => {
     formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));

package/dist/esm/{insurance-state-C5OZqDCT.js → insurance-state-DM0VaTpH.js}

@@ -1,6 +1,6 @@
 import { h } from './index-CV0Pyo1O.js';
-import { b as heading2 } from './parts-CPKMvyV_.js';
-import { c as createStore } from './index-cDVGjRkU.js';
+import { b as heading2 } from './parts-Bu7gdOaV.js';
+import { c as createStore } from './index-3wWWWrhn.js';
 
 const Header2 = (props) => {
     return h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading2 }, props.text);

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import { B as Button } from './button-BvzOzV4l.js';
-import './parts-CPKMvyV_.js';
+import { B as Button } from './button-CBzHAOFW.js';
+import './parts-Bu7gdOaV.js';
 
 const InternalButton = class {
     constructor(hostRef) {

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

@@ -1,29 +1,29 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { A as Api } from './Api-C_lKBDA2.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-D389VmvK.js';
+import { A as Api } from './Api-BmZr64rt.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-DJ-4YL0_.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-BEHo2ypu.js';
-import { c as checkoutStore, o as onChange, a as onAnyChange, g as getAvailablePaymentMethodTypes, b as getCheckoutState } from './checkout.store-DibfdUMm.js';
-import { t as text, r as radioListItem } from './parts-CPKMvyV_.js';
+import { S as Skeleton } from './skeleton-dbktEkFS.js';
+import { c as checkoutStore, o as onChange, a as onAnyChange, g as getAvailablePaymentMethodTypes, b as getCheckoutState } from './checkout.store-B6amfNq_.js';
+import { t as text, r as radioListItem } from './parts-Bu7gdOaV.js';
 import { f as formatCurrency } from './utils-D8J8OvxY.js';
-import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
-import { H as Header1 } from './header-1-evYxFIGN.js';
-import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-C5OZqDCT.js';
-import { H as Header3 } from './header-3-BUDap2xY.js';
-import { J as JustifiAnalytics } from './Analytics-CkVFbWbI.js';
-import { c as checkPkgVersion } from './check-pkg-version-D8eS1EP8.js';
+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-C8-CZjVs.js';
+import { c as checkPkgVersion } from './check-pkg-version-B697jYyG.js';
 import './dinero-HXpYMWUU.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import { m as makeGetCheckout, a as makeCheckoutComplete } from './checkout-actions-Bmn6v-SS.js';
-import { C as CheckoutService } from './checkout.service-B3kWd3Cb.js';
-import { P as PlaidService } from './plaid.service-CDwe-YbI.js';
+import './Business-DaDqgDrb.js';
+import { m as makeGetCheckout, a as makeCheckoutComplete } from './checkout-actions-DhL8YxrK.js';
+import { C as CheckoutService } from './checkout.service-B3BXVtHv.js';
+import { P as PlaidService } from './plaid.service-CuAL_uL3.js';
 import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './index-DkoufM1t.js';
 import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
-import './package-XQGYXcNa.js';
-import './index-cDVGjRkU.js';
-import './utils-BdBZQD1G.js';
+import './package-DlhPMNzz.js';
+import './index-3wWWWrhn.js';
+import './utils-D6LKoG0M.js';
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
@@ -564,7 +564,7 @@ const JustifiApplePay = class {
                 this.error = null;
                 this.applePayStarted.emit();
                 const paymentRequest = {
-                    countryCode: this.countryCodeForCurrency(checkoutStore.paymentCurrency),
+                    countryCode: this.countryCode,
                     currencyCode: checkoutStore.paymentCurrency,
                     merchantCapabilities: [
                         ApplePayMerchantCapability.SUPPORTS_3DS,
@@ -628,12 +628,6 @@ const JustifiApplePay = class {
             });
         }
     }
-    countryCodeForCurrency(currency) {
-        if (currency.toLowerCase() == "cad") {
-            return "CA";
-        }
-        return "US";
-    }
     loadApplePaySDK() {
         if (this.sdkLoaded)
             return;
@@ -992,6 +986,7 @@ const JustifiModularCheckout = class {
         };
     }
     connectedCallback() {
+        var _a;
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
@@ -1009,8 +1004,8 @@ const JustifiModularCheckout = class {
         };
         this.getCheckout = makeGetCheckout(config);
         this.completeCheckout = makeCheckoutComplete(config);
-        // Emit checkout-changed whenever any store key changes
-        onAnyChange(() => {
+        (_a = this.unsubscribeCheckoutChanges) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.unsubscribeCheckoutChanges = onAnyChange(() => {
             this.emitCheckoutChanged();
         });
     }
@@ -1033,8 +1028,10 @@ const JustifiModularCheckout = class {
         this.setupGooglePayListeners();
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        var _a, _b;
+        (_a = this.unsubscribeCheckoutChanges) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.unsubscribeCheckoutChanges = undefined;
+        (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
         this.removeApplePayListeners();
         this.removeGooglePayListeners();
     }
@@ -1369,7 +1366,7 @@ const JustifiModularCheckout = class {
         });
     }
     render() {
-        return h(Host, { key: '545e1cb07252ba0dc78fa980bd17ee5572559f6c' });
+        return h(Host, { key: '95cee2812d5dfb7593acad24a259cc075f195334' });
     }
     get hostEl() { return getElement(this); }
 };

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

@@ -1,17 +1,17 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import { J as JustifiAnalytics } from './Analytics-CkVFbWbI.js';
-import { c as checkPkgVersion } from './check-pkg-version-D8eS1EP8.js';
-import { w as waitForConfig } from './config-state-kKn89dp1.js';
+import { J as JustifiAnalytics } from './Analytics-C8-CZjVs.js';
+import { c as checkPkgVersion } from './check-pkg-version-B697jYyG.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-XQGYXcNa.js';
-import './Api-C_lKBDA2.js';
+import './package-DlhPMNzz.js';
+import './Api-BmZr64rt.js';
 import './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';
-import './Plaid-D389VmvK.js';
+import './Plaid-DJ-4YL0_.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './index-cDVGjRkU.js';
+import './Business-DaDqgDrb.js';
+import './index-3wWWWrhn.js';
 
 const JustifiBankAccountBillingFormSimple = class {
     constructor(hostRef) {

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

@@ -1,17 +1,17 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import { c as checkPkgVersion } from './check-pkg-version-D8eS1EP8.js';
-import { J as JustifiAnalytics } from './Analytics-CkVFbWbI.js';
-import { w as waitForConfig } from './config-state-kKn89dp1.js';
+import { c as checkPkgVersion } from './check-pkg-version-B697jYyG.js';
+import { J as JustifiAnalytics } from './Analytics-C8-CZjVs.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-XQGYXcNa.js';
-import './Api-C_lKBDA2.js';
+import './package-DlhPMNzz.js';
+import './Api-BmZr64rt.js';
 import './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';
-import './Plaid-D389VmvK.js';
+import './Plaid-DJ-4YL0_.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './index-cDVGjRkU.js';
+import './Business-DaDqgDrb.js';
+import './index-3wWWWrhn.js';
 
 const JustifiBankAccountForm = class {
     constructor(hostRef) {

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

@@ -1,23 +1,23 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
-import { E as ErrorState } from './utils-CX6puxwf.js';
-import { B as BusinessService } from './business.service-CFAfsTjM.js';
-import { m as makeGetBusiness } from './get-business-CDr7VlTq.js';
-import { C as ComponentErrorSeverity, b as ComponentErrorCodes } from './Plaid-D389VmvK.js';
-import { J as JustifiAnalytics } from './Analytics-CkVFbWbI.js';
-import { c as checkPkgVersion } from './check-pkg-version-D8eS1EP8.js';
+import { E as ErrorState } from './utils-BFduyAPr.js';
+import { B as BusinessService } from './business.service-BTTf2CSv.js';
+import { m as makeGetBusiness } from './get-business-BSyOONF0.js';
+import { C as ComponentErrorSeverity, b as ComponentErrorCodes } from './Plaid-DJ-4YL0_.js';
+import { J as JustifiAnalytics } from './Analytics-C8-CZjVs.js';
+import { c as checkPkgVersion } from './check-pkg-version-B697jYyG.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-BEHo2ypu.js';
-import './parts-CPKMvyV_.js';
-import './Api-C_lKBDA2.js';
-import './config-state-kKn89dp1.js';
-import './index-cDVGjRkU.js';
+import { S as Skeleton } from './skeleton-dbktEkFS.js';
+import './parts-Bu7gdOaV.js';
+import './Api-BmZr64rt.js';
+import './config-state-BKOsYBXZ.js';
+import './index-3wWWWrhn.js';
 import './utils-D8J8OvxY.js';
 import './dinero-HXpYMWUU.js';
-import './package-XQGYXcNa.js';
+import './package-DlhPMNzz.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './utils-BdBZQD1G.js';
+import './Business-DaDqgDrb.js';
+import './utils-D6LKoG0M.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" }, h(Skeleton, { width: "40%", height: "1.5rem" }), h("hr", null), h("div", { class: "row g-3" }, h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)), h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)))));