@justifi/webcomponents 6.12.1-rc.5 → 6.12.2

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

@@ -48,10 +48,10 @@ const FormControlNumber = /*@__PURE__*/ proxyCustomElement(class FormControlNumb
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: 'd2463dd8a7f976628a67b94401e833ed1c53d777' }, h("div", { key: '2b77b2fa81d256a4fa52c85efce570cac62a4e31', class: 'form-group d-flex flex-column' }, h("label", { key: 'baf3c9be24dd987907c234dd53e886ac6e3fc459', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9f456e006e074480dda19fa6433f19beb35e35bc', 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: 'f8695d85c9b447644b5bdf02d4df9e1c1e3e5da7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e736f720d89f5d5aeee6982cb15ea11f63c5dd93', 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: '82100020ced402e13591f6624e45f5f85aa6980f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd41b38f4908ada125ff2344d23c837780ae057ba', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -37,10 +37,10 @@ const FormControlRadio = /*@__PURE__*/ proxyCustomElement(class FormControlRadio
         return inputRadio;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '8237875c1a682811ded25055266f441c6edc6776', class: 'form-group d-flex flex-column' }, h("div", { key: '310fe7054d414089f3a1e4c457c07e33cb2d55ff', class: "form-check" }, h("input", { key: '5894a2e071758c9d647c25724a31b8a6f849353e', 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: '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 })));
+            }, 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: '148b64863e27ad053a2e284f3c17ab994beeca55', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'd46e307063145956af0b181fa8f18ecc9ebbc518', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '06e5867c703104a9c2d136305a663179c5bcb0f6', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

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

@@ -47,10 +47,10 @@ const FormControlSelect = /*@__PURE__*/ proxyCustomElement(class FormControlSele
     }
     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: '31deda6555e213e2afbae0906cfb7a942c6d52a9' }, h("div", { key: '6cc5ad387f405a00f337a2e9bffb374e8b02751d', class: "form-group d-flex flex-column" }, h("div", { key: '2602f3996d6450675ee2afd16e42f0ed12263c41', class: "d-flex align-items-start gap-2" }, h("label", { key: '58d4402bcecb935c649210033af8c48f4918b362', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c6f0ce5a90eff2754f63ef80a3643ef1be6e03d4', helpText: this.helpText })), h("select", { key: 'b278191e41ecda0ac460d922aa9177a35083c735', 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: 'c4aa47085a89b71072b1ad843b530d4638863515', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -48,10 +48,10 @@ const FormControlText = /*@__PURE__*/ proxyCustomElement(class FormControlText e
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '2a0ba77bb026d969c6ccbcda741bfffdb26ec0ed' }, h("div", { key: 'c677eec476c7f71c6dc1fb9d45b07d5d8b54c86e', class: "form-group d-flex flex-column" }, h("div", { key: 'b250029592dab00db0d136427e3ea250a903f8a8', class: "d-flex align-items-start gap-2" }, h("label", { key: '8a1565f47b23d1ce158954e56d5a96918e99ed06', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '84d6bd6d4a2e8221c63ec70bd0700cb0a458cd5f', helpText: this.helpText })), h("input", { key: 'e15c9156385333b661300c6b64181f897caddc1d', 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: '1a8246dbf9908c7e56ae2cc0cbea65934c3a33ce', 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: '64056c304681aa44d97de20ff35415e52d0f7190', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -50,10 +50,10 @@ const FormControlTextarea = /*@__PURE__*/ proxyCustomElement(class FormControlTe
         return input;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '99c79a6c8020a98a663caf25a510310a46daed8c' }, h("div", { key: '5cb37c1a3ecffdfa606805e72efe41825997296e', class: "form-group d-flex flex-column" }, h("label", { key: 'f354efb1e47e496e36ae91dc8584cfd7a803eb5e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '53d089f2377dc20fb1d8e07c5d2d8697a6a17b33', 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: '787e9ecc2833c827880c7a44c9a577c56f258375', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f0915db581aee8672f6089d681596c9650b09c2', 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: '96e451654599a09a9a86db0928c083d36a7964e1', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7d6b01f7f482643f91e9e4d83c59847e3a4f2f35', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as formatCurrency, l as formatDisplayDate } from './utils2.js';
+import { b as formatCurrency, k as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 
@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: 'f14629598936e40b84026bd0df61db2966295055' }, this.loading && h(Spinner, { key: '85adc549e3403bdf51daa54532074211ca9b427c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'd4990aaf15ed163808895ca6e7d13114eb4a25c3' }, this.loading && h(Spinner, { key: '8cfa44f9a7b54f03f1149569d82a2fae078ce308' }), !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

@@ -92,7 +92,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '101ddb08b5ac601f7cfeafee09d70f54b1d66f59' }, h("input", { key: 'b6318d9b00eed8d15d212ac7ba43ecb9fdd8e82c', 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: '5697b5e318914b8866bc6ad2fb2009e5f8c8d80f' }, h("input", { key: '3370d11bc6e5a49f28dd2e95bf1d92ee7a0dd892', 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' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],

package/dist/module/identity-address-form2.js

@@ -21,7 +21,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (h(Host, { key: '98aa8fad1d8e4fef6f015968dea21d6a3257ad9c' }, h("form-address-fields", { key: '24f34471d209fc94bb00ce9b47b6018ba57019a7', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        return (h(Host, { key: '71100bc3742c3efaa9c3a948bf3ac5c69281c559' }, h("form-address-fields", { key: 'e5e5399686aa272a9cbe45d6914ebeda6a1966f4', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get watchers() { return {
         "address": ["handleAddressChange"]

package/dist/module/iframe-input2.js

@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '48e69bc02c2aeda1ceb355baf9b1ec5e445e44a5', class: "form-group d-flex flex-column" }, h("div", { key: '8ece805fab05473a7cbe8f4c093313cdb43c321c', style: {
+        return (h(Host, { key: 'e85f5a2417ccc46ac8df23a695c6ef3fcd71577e', class: "form-group d-flex flex-column" }, h("div", { key: '02878f7fb1e720aa97a67e72d5f1711e0fbd0668', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'f3412b3845d16d30407f86aaa9e924f391cf6541', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '8557ed13cc67232983e091b40ca1c3a6c0cfdf9c', 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: '178d81e1bb1b4b333466a0070c6fa2729f697d2d', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '57c46b739fb284c4ee618594f04cc5ff128bf16c', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '4634650c721673a52ea55e331154a624c19266dc', 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: 'facd226e399f41537657603c50c45887c1177c42', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'b149f245fc1687512189175f7d64b316d394982d', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '73c34b9ab89a21e6b3203904988bf8a542eb01f8', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/internal-button2.js

@@ -11,7 +11,7 @@ const InternalButton = /*@__PURE__*/ proxyCustomElement(class InternalButton ext
         this.type = 'button';
     }
     render() {
-        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));
+        return (h(Button, { key: '5257c5d43fe6f14dddf688ad979e91c8594014a9', 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));
     }
 }, [256, "internal-button", {
         "text": [1],

package/dist/module/justifi-additional-statement2.js

@@ -41,7 +41,7 @@ const JustifiAdditionalStatement = /*@__PURE__*/ proxyCustomElement(class Justif
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '52a3582921131f503e686dc1e4e414ecbe2d3436' }, h("div", { key: 'b1ed7dd8700f9a23b8192cedad71c1f6d7cdbd81', class: "row gy-3" }, h("div", { key: '57a4468b76e542c5a4e69f7f6f9a5e798a3deee6', class: "col-12" }, h("h2", { key: '718743cea661a339cc5eafd6d7dfae0b8b04756c', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '0a7dcb294cdc2a2184e4001965527ba29c9729d2', class: "col-12" }, h("form-control-textarea", { key: 'cb8a64aaaa7959210f920133d1dd77796df6fa18', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'f4807fb4a58f89cc87ea90279abd35024460db55', class: "col-12" }, h("form-control-file-v2", { key: '35ec01b9fd4025701aaf933a2a9cf03735d734d6', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: 'b39c3dae3e2e49a06221a15fb61de218bb76f059' }, h("div", { key: '9bb1d748a648fefe903174dfe5cb8999e31fbb74', class: "row gy-3" }, h("div", { key: 'fac36e2ebbf99362a2a4ad5e1248eaf9e8aef15f', class: "col-12" }, h("h2", { key: '83c3f2be493b847a7e4d0f630407da381f573885', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '13a30f25350f6455fc7c9b8aad1ed7370b94d7fb', class: "col-12" }, h("form-control-textarea", { key: 'ad10db3c159e19d42ccaca20674d13435f01e30f', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '6f9b8c602f5ecc3d657c785d5b268b9962a7b52e', class: "col-12" }, h("form-control-file-v2", { key: 'dd9577a255014dbadd3b340435d956b5e0ba748f', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 }, [256, "justifi-additional-statement", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/justifi-apple-pay2.js

@@ -6,7 +6,7 @@ import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
-import { c as checkoutStore } from './checkout.store.js';
+import { c as checkoutStore, o as onChange } from './checkout.store.js';
 
 // Centralized error codes for Apple Pay service
 var ApplePayServiceErrorCode;
@@ -206,13 +206,9 @@ class ApplePayService {
             }
         };
         this.currentSession.onpaymentauthorized = async (event) => {
-            var _a;
             try {
                 const payment = event.payment;
-                console.log(payment);
-                const paymentPayload = Object.assign(Object.assign({}, payment.token), { billing_info: {
-                        name: (_a = payment === null || payment === void 0 ? void 0 : payment.billingContact) === null || _a === void 0 ? void 0 : _a.givenName
-                    }, product_details: {
+                const paymentPayload = Object.assign(Object.assign({}, payment.token), { product_details: {
                         name: this.currentPaymentRequest.total.label,
                         price: ApplePayHelpers.parseAmount(this.currentPaymentRequest.total.amount),
                         description: this.currentPaymentRequest.total.label,
@@ -344,7 +340,6 @@ class ApplePayService {
             merchantCapabilities: ApplePayHelpers.getDefaultMerchantCapabilities(),
             supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
             total: ApplePayHelpers.createLineItem(label, amount),
-            requiredBillingContactFields: ApplePayHelpers.getDefaultBillingContactFields(),
         };
     }
     /**
@@ -517,6 +512,7 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
         this.applePayCompleted = createEvent(this, "applePayCompleted", 7);
         this.applePayCancelled = createEvent(this, "applePayCancelled", 7);
         this.applePayError = createEvent(this, "applePayError", 7);
+        this.sdkLoaded = false;
         this.countryCode = "US";
         this.merchantIdentifier = "merchant.com.staging-justifi.checkout-dev";
         this.merchantDisplayName = "JustiFi Checkout";
@@ -552,7 +548,6 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
                     ],
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
-                    requiredBillingContactFields: ApplePayHelpers.getDefaultBillingContactFields(),
                 };
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
                 if (result.success) {
@@ -592,6 +587,32 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             }
         };
     }
+    componentWillLoad() {
+        this.isAvailable = ApplePayHelpers.isApplePaySupported();
+        if (!this.isAvailable) {
+            this.isLoading = false;
+            return;
+        }
+        if (checkoutStore.checkoutLoaded) {
+            this.loadApplePaySDK();
+        }
+        else {
+            onChange('checkoutLoaded', (loaded) => {
+                if (loaded)
+                    this.loadApplePaySDK();
+            });
+        }
+    }
+    loadApplePaySDK() {
+        if (this.sdkLoaded)
+            return;
+        this.sdkLoaded = true;
+        const script = document.createElement('script');
+        script.src = 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js';
+        script.async = true;
+        script.onload = () => this.initializeApplePay();
+        document.head.appendChild(script);
+    }
     async initializeApplePay() {
         try {
             this.isLoading = true;
@@ -603,12 +624,6 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             if (!hasRequiredConfig) {
                 this.error = "Missing required Apple Pay configuration";
                 this.isConfigValid = false;
-                console.error("Apple Pay config error: missing required values", {
-                    paymentAmount: checkoutStore.paymentAmount,
-                    paymentCurrency: checkoutStore.paymentCurrency,
-                    hasAuthToken: Boolean(checkoutStore.authToken),
-                    accountId: checkoutStore.accountId,
-                });
                 this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.CONFIG_ERROR });
                 this.isLoading = false;
                 return;
@@ -617,14 +632,12 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             this.canMakePayments = ApplePayHelpers.canMakePayments();
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
-                console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.NOT_SUPPORTED });
                 this.isLoading = false;
                 return;
             }
             if (!this.canMakePayments) {
                 this.error = "Apple Pay is not available";
-                console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.NOT_AVAILABLE });
                 this.isLoading = false;
                 return;
@@ -645,7 +658,6 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             }
         }
         catch (error) {
-            console.error("Apple Pay initialization error:", error);
             this.error =
                 error instanceof Error
                     ? error.message
@@ -666,7 +678,8 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
         return ApplePayHelpers.getDefaultSupportedNetworks();
     }
     async abort() {
-        this.applePayService.abortPaymentSession();
+        var _a;
+        (_a = this.applePayService) === null || _a === void 0 ? void 0 : _a.abortPaymentSession();
         this.isProcessing = false;
         this.applePayCancelled.emit();
     }
@@ -675,13 +688,14 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
             // Render nothing when Apple Pay is disabled at the checkout settings level
             return null;
         }
+        if (!this.isAvailable) {
+            return null;
+        }
         const isReady = !this.isLoading &&
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, null, checkoutStore.checkoutLoaded && (h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
-                this.initializeApplePay();
-            } })), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), h("style", null, `
+        return (h(StyledHost, null, h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), h("style", null, `
             .apple-pay-container {
               width: 100%;
             }

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

@@ -37,7 +37,7 @@ const JustifiBankAccountBillingFormSimple$1 = /*@__PURE__*/ proxyCustomElement(c
         return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: 'a788b5c5d898a67f9ba162dcd6f92c0781890818' }, h("bank-account-billing-form-simple", { key: '349cfd4d95b322d10767f34fa307c93f0b1200c8', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: 'eb678ebd32e57dcefa9b8eadd6c23b9e1ac769c8' }, h("bank-account-billing-form-simple", { key: 'f8aecd774e7c9a818b1976c069d16595414ead1d', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
     }
 }, [257, "justifi-bank-account-billing-form-simple", {
         "legend": [1025],

package/dist/module/justifi-bank-account-form.js

@@ -34,7 +34,7 @@ const JustifiBankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiB
         return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: 'cb5df99dd1983eef6f184637218bb4c21dee6523' }, h("bank-account-form", { key: '4708b8ee8cb578e856d05c65edca077128251366', ref: (el) => (this.bankAccountFormElement = el) })));
+        return (h(StyledHost, { key: '9a81b78573c9519a46902679cbb1a8a4536f69be' }, h("bank-account-form", { key: '2bc1dfd52e25989a42f25af7f7a6d353eb5a7e5f', ref: (el) => (this.bankAccountFormElement = el) })));
     }
 }, [257, "justifi-bank-account-form", {
         "validate": [64],

package/dist/module/justifi-billing-form-full.js

@@ -26,7 +26,7 @@ const JustifiBillingFormFull$1 = /*@__PURE__*/ proxyCustomElement(class JustifiB
         return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '227d77e5fe6e938fef36149f4212c362b78ad9b4' }, h("billing-form-full", { key: '48db37e4e4097383d4f6982c82dd897dc27ed5c0', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+        return (h(StyledHost, { key: '22594318b6f851014d8cb569d5307a3e74e4af35' }, h("billing-form-full", { key: '48c616c3ca6cf8160e2c0df4c136bbbc200393aa', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
     }
 }, [257, "justifi-billing-form-full", {
         "legend": [1025],

package/dist/module/justifi-billing-form.js

@@ -29,7 +29,7 @@ const JustifiBillingForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiBilli
         return (_b = (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '3dd5b300e9c156a7f848cb94600d40d554791a93' }, h("billing-form", { key: '92d70269b12e5c3fea236553343085f1a8a37c19', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
+        return (h(StyledHost, { key: '8b814bc4f24e7e890f3c67723fdb8fe0401f00c0' }, h("billing-form", { key: '535a0c3bd061c4d90bf1060a060bdadb1fe8796f', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
     }
 }, [257, "justifi-billing-form", {
         "legend": [1025],

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

@@ -1,18 +1,26 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { h, Fragment, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
-import { d as defineCustomElement$8 } from './additional-questions-details2.js';
-import { d as defineCustomElement$7 } from './business-details-core2.js';
-import { d as defineCustomElement$6 } from './core-info-details2.js';
+import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$5 } from './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { S as Skeleton } from './skeleton.js';
+import { d as defineCustomElement$7 } from './additional-questions-details2.js';
+import { d as defineCustomElement$6 } from './core-info-details2.js';
 import { d as defineCustomElement$4 } from './legal-address-details2.js';
 import { d as defineCustomElement$3 } from './owner-details2.js';
 import { d as defineCustomElement$2 } from './representative-details2.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)))));
+    return (h(Fragment, null, h(Block, null), h(Block, null), h(Block, null), h(Block, null)));
+};
+
 const JustifiBusinessDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiBusinessDetails extends HTMLElement {
     constructor(registerHost) {
         super();
@@ -21,11 +29,7 @@ const JustifiBusinessDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiB
         }
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.errorMessage = null;
-        this.handleErrorEvent = event => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
-        };
+        this.loading = true;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -37,39 +41,77 @@ const JustifiBusinessDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiB
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     ;
+    propChanged() {
+        this.initializeGetBusiness();
+    }
     initializeGetBusiness() {
-        if (!this.businessId || !this.authToken) {
+        if (this.businessId && this.authToken) {
+            this.getBusiness = makeGetBusiness({
+                id: this.businessId,
+                authToken: this.authToken,
+                service: new BusinessService(),
+            });
+            this.fetchData();
+        }
+        else {
             this.errorMessage = 'Invalid business id or auth token';
             this.errorEvent.emit({
                 errorCode: ComponentErrorCodes.MISSING_PROPS,
                 message: this.errorMessage,
                 severity: ComponentErrorSeverity.ERROR,
             });
-            return;
         }
-        this.getBusiness = makeGetBusiness({
-            id: this.businessId,
-            authToken: this.authToken,
-            service: new BusinessService(),
+    }
+    updateOnPropChange() {
+        if (this.getBusiness) {
+            this.fetchData();
+        }
+    }
+    fetchData() {
+        this.loading = true;
+        this.getBusiness({
+            onSuccess: ({ business }) => {
+                this.business = business;
+                this.errorMessage = null;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            },
+            final: () => {
+                this.loading = false;
+            },
         });
     }
     render() {
-        if (this.errorMessage) {
-            return ErrorState(this.errorMessage);
-        }
-        return (h("business-details-core", { getBusiness: this.getBusiness, "onError-event": this.handleErrorEvent }));
+        return (h(StyledHost, { key: '7ce48e6905cdbbf8f94470913ecfa3ef8dbb76c7' }, this.loading && h(BusinessDetailsLoading, { key: '7c3439e0c247436cd7951d3bdc32e7672c9f8447' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage && this.business && (h("justifi-details", { key: 'bf57dacf2067f2704014ce3e002958e3306bba73', errorMessage: this.errorMessage }, h("div", { key: '46d19a178ba0d33aa21a4f3900128e3e905731a9', slot: 'detail-sections' }, h("core-info-details", { key: 'ac217a4cfe6b45810a85ca320760b7331f76e60b', business: this.business }), h("legal-address-details", { key: '1fc1a196a43bcf5f9eafd09bfe74c8bb7c409797', legalAddress: this.business.legal_address }), h("representative-details", { key: '1e0833606b129f69a05946726172963cbec05189', representative: this.business.representative }), h("owner-details", { key: 'c974111dc67a8961ef6435c34843ca927ad8a7e5', owners: this.business.owners }), h("additional-questions-details", { key: '0951d284a373457e98a1dafc80231ec3ee057e0a', additionalQuestions: this.business.additional_questions }))))));
     }
+    static get watchers() { return {
+        "businessId": ["propChanged"],
+        "authToken": ["propChanged"],
+        "getBusiness": ["updateOnPropChange"]
+    }; }
 }, [257, "justifi-business-details", {
         "businessId": [1, "business-id"],
         "authToken": [1, "auth-token"],
-        "errorMessage": [32],
-        "getBusiness": [32]
+        "getBusiness": [32],
+        "business": [32],
+        "loading": [32],
+        "errorMessage": [32]
+    }, undefined, {
+        "businessId": ["propChanged"],
+        "authToken": ["propChanged"],
+        "getBusiness": ["updateOnPropChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-details", "additional-questions-details", "business-details-core", "core-info-details", "justifi-details", "legal-address-details", "owner-details", "representative-details"];
+    const components = ["justifi-business-details", "additional-questions-details", "core-info-details", "justifi-details", "legal-address-details", "owner-details", "representative-details"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-details":
             if (!customElements.get(tagName)) {
@@ -77,11 +119,6 @@ function defineCustomElement$1() {
             }
             break;
         case "additional-questions-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "business-details-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

package/dist/module/justifi-button2.js

@@ -13,7 +13,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        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 })));
+        return (h(StyledHost, { key: 'cb0fe35e791df60fcc8198bcda789bf8be205873' }, h("internal-button", { key: '26f0f44419d1d72e7ccd1240e88057333d927a36', 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 })));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-cancellation-policy2.js

@@ -41,7 +41,7 @@ const JustifiCancellationPolicy = /*@__PURE__*/ proxyCustomElement(class Justifi
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'b91b53561920d566bc508a2356159b6f0883eb0a' }, h("div", { key: '1a579081d289314528ca63c7aa8cc14d61a0458a', class: "row gy-3" }, h("div", { key: '99804ed2e0018dbc0749fbe0101b328dbdba8208', class: "col-12" }, h("h2", { key: '27e080e43f0f8b0aa665dfeab527bdd34a9b3c69', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'ae8ef97b796d26c1bd961a0480cc855d04b6c05a', class: "col-12" }, h("form-control-textarea", { key: '9c62ef0af2425d0d611b6bdeeab79649debe0847', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'ad26b16f585ac4a99a74893b90a76a66154fb96d', class: "col-12" }, h("form-control-textarea", { key: '4cd3adee3b01393d83b8b60829c46343ef116a95', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'f015b6667576149bf68831f25a3f28f83c58b222', class: "col-12" }, h("form-control-file-v2", { key: 'd309d1340359ae4435d94711cac9653e64cf68cb', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: '06da02c750e3281c8e9a92c4d1957d1ceb9097ae' }, h("div", { key: '8ec6ebf90b3beb3d3a24c6fee0427f2ba949aba7', class: "row gy-3" }, h("div", { key: '3a465a5a53f8795fdc20845bef945a8aa4cf8b3d', class: "col-12" }, h("h2", { key: '6193c10bed3c100ef63b302db15473965669c0ec', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '0d68bbb77217df1e9ed067593a76eddfc76f20ff', class: "col-12" }, h("form-control-textarea", { key: 'd5a3157c26687247d23d558c25f0687e339191bc', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '6fbc16ced9bbb9188f683f5493902d8982d61e5a', class: "col-12" }, h("form-control-textarea", { key: 'fa009aa03035ccc1c42a70337f1502276e0d9499', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '3267fe5bd07181b17fe1875dac501f7ca827900d', class: "col-12" }, h("form-control-file-v2", { key: '6fd33a1194be752f078c1aab7924bf1502177fb2', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 }, [256, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/justifi-card-billing-form-simple.js

@@ -25,7 +25,7 @@ const JustifiCardBillingFormSimple$1 = /*@__PURE__*/ proxyCustomElement(class Ju
         return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '2d6a2664e7b47349f7b01e4d832c2c848cd9ba61' }, h("card-billing-form-simple", { key: 'eefdf487575b2e094cde682cd118502b5b5bdbf3', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: '958a6f3085b8ec0eb3d978de7100049576485b2b' }, h("card-billing-form-simple", { key: 'a98e775d5a4585d4e3ef32353af0f724a6d442a1', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
     }
 }, [257, "justifi-card-billing-form-simple", {
         "legend": [1025],

package/dist/module/justifi-card-form.js

@@ -34,7 +34,7 @@ const JustifiCardForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm
         return this.cardFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: '56ba841da708aff4b82ea7552fd052888934d5b7' }, h("card-form", { key: '3c9e2ecf2c2091e273a0457b23806a8600227704', ref: (el) => (this.cardFormElement = el) })));
+        return (h(StyledHost, { key: 'd4c6ec37fc92036326c7a20b5a6ff189880ad6f5' }, h("card-form", { key: '8411003a749dc97a953874601e676beaf5bc4a6d', ref: (el) => (this.cardFormElement = el) })));
     }
 }, [257, "justifi-card-form", {
         "validate": [64],

package/dist/module/justifi-checkout-summary2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { j as text } from './parts.js';
-import { c as formatCurrency } from './utils2.js';
+import { b as formatCurrency } from './utils2.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { S as StyledHost } from './styled-host.js';
 import './justifi-details2.js';
@@ -16,7 +16,7 @@ const JustifiCheckoutSummary = /*@__PURE__*/ proxyCustomElement(class JustifiChe
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'aa1a2d197c22b3674316a3e17bd9ab6f231bc5d7' }, h("section", { key: '32dd25a29ac34c760f8c01f8eceb6c12a63ac0af' }, h("div", { key: '426acda00a28d23b653265ff4881745152d51b41' }, h("div", { key: '84bf4e849b4339b3311575068c50eb4e38608818', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '77b6f9f99e2b00d6dbdd6ca096a2a58ae13f8e9a' }, h("span", { key: '7b53fe5e8fa35facc8f27e6b61013e26577e5faf', part: text }, "Total"), "\u00A0", h("span", { key: 'bd55b28e8b239e81d68888e8a2ab5b53856d1a71', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '67414e8e4f91020b00b45fa840e957c439fd5e23' }, h("section", { key: '893c1b0ec898adf8d40e1e09fd42797094efd6d4' }, h("div", { key: 'f37c1905522b039f7b0ef65e04325570c6a8cef2' }, h("div", { key: '10b96593bd21e27645c6548fcbcd3981e4882082', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7d6ce75a2fc8c5796992940886a21c547f698909' }, h("span", { key: 'd40f2f63df16ec751de91d0731d66aa8cc42aa9a', part: text }, "Total"), "\u00A0", h("span", { key: 'ebe75dba638d5da9a5aa82e823e2fe4649129cab', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {