@justifi/webcomponents 6.2.0-rc.1 → 6.2.0-rc.3

package/dist/module/apple-pay.js

@@ -162,7 +162,8 @@ class ApplePayService {
                     'Sub-Account': accountId,
                 },
                 body: {
-                    domain: window.location.host
+                    domain: window.location.host,
+                    display_name: this.applePayConfig.displayName
                 }
             });
             return response;
@@ -209,22 +210,15 @@ class ApplePayService {
      * Start Apple Pay session
      */
     async startPaymentSession(paymentRequest, authToken, accountId) {
-        // Begin verbose diagnostics for easier debugging in the field
-        console.groupCollapsed('[ApplePayService] startPaymentSession called');
-        console.log('[ApplePayService] raw paymentRequest:', JSON.stringify(paymentRequest, null, 2));
-        console.log('[ApplePayService] has authToken:', Boolean(authToken));
-        console.log('[ApplePayService] accountId:', accountId);
-        console.log('[ApplePayService] has config:', Boolean(this.applePayConfig));
+        // Begin session
         if (!this.applePayConfig) {
             console.error('[ApplePayService] Missing applePayConfig. Did you call initialize()?');
-            console.groupEnd();
             throw new Error('Apple Pay not initialized. Call initialize() first.');
         }
         // if (!this.isAvailable()) {
         //   throw new Error('Apple Pay is not available on this device/browser');
         // }
         const request = new ApplePayPaymentRequest(paymentRequest);
-        console.log('[ApplePayService] created ApplePayPaymentRequest:', request);
         if (!request.isValid) {
             const missingFields = [];
             if (!request.countryCode)
@@ -239,17 +233,14 @@ class ApplePayService {
             if (!request.total || !request.total.label || !request.total.amount)
                 missingFields.push('total');
             console.error('[ApplePayService] Payment request is invalid. Missing/invalid:', missingFields);
-            console.groupEnd();
             throw new Error('Invalid payment request provided');
         }
         this.currentPaymentRequest = request;
         return new Promise((resolve, reject) => {
             try {
-                console.log('[ApplePayService] About to instantiate ApplePaySession');
                 // Defensive checks for Apple Pay environment
                 if (typeof window === 'undefined' || !('ApplePaySession' in window)) {
                     console.error('[ApplePayService] ApplePaySession not available on window');
-                    console.groupEnd();
                     return reject({
                         success: false,
                         error: {
@@ -259,16 +250,11 @@ class ApplePayService {
                     });
                 }
                 this.currentSession = new window.ApplePaySession(3, request);
-                console.log('[ApplePayService] ApplePaySession instantiated:', this.currentSession);
                 this.setupSessionEventHandlers(resolve, reject, authToken, accountId);
-                console.log('[ApplePayService] Event handlers set. Beginning session...');
                 this.currentSession.begin();
-                console.log('[ApplePayService] Session.begin() called');
-                console.groupEnd();
             }
             catch (error) {
                 console.error('[ApplePayService] Exception while starting session:', error);
-                console.groupEnd();
                 reject({
                     success: false,
                     error: {
@@ -306,18 +292,14 @@ class ApplePayService {
             return;
         }
         this.currentSession.onvalidatemerchant = async () => {
-            console.groupCollapsed('[ApplePayService] onvalidatemerchant');
             try {
-                console.log('[ApplePayService] accountId:', accountId);
                 if (!authToken) {
                     console.error('[ApplePayService] Missing authToken for merchant validation');
                     throw new Error('Authentication token not provided.');
                 }
                 const merchantSession = await this.validateMerchant(authToken, accountId);
-                console.log('[ApplePayService] merchantSession received');
                 try {
                     this.currentSession.completeMerchantValidation(merchantSession);
-                    console.log('[ApplePayService] completeMerchantValidation called');
                 }
                 catch (completionError) {
                     console.error('Error calling completeMerchantValidation:', completionError);
@@ -341,30 +323,20 @@ class ApplePayService {
                     },
                 });
             }
-            console.groupEnd();
         };
         this.currentSession.onpaymentauthorized = async (event) => {
-            var _a;
-            console.groupCollapsed('[ApplePayService] onpaymentauthorized');
             try {
                 const payment = event.payment;
-                console.log('[ApplePayService] payment payload snapshot:', {
-                    hasToken: Boolean(payment === null || payment === void 0 ? void 0 : payment.token),
-                    tokenType: ((_a = payment === null || payment === void 0 ? void 0 : payment.token) === null || _a === void 0 ? void 0 : _a.paymentData) ? 'paymentData' : 'raw',
-                });
                 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,
                     } });
-                console.log('[ApplePayService] paymentPayload prepared');
                 const paymentResult = await this.processPayment(authToken, accountId, paymentPayload);
-                console.log('[ApplePayService] processPayment result:', paymentResult);
                 if (paymentResult.success) {
                     this.currentSession.completePayment({
                         status: ApplePaySessionStatus.STATUS_SUCCESS,
                     });
-                    console.log('[ApplePayService] Payment success; resolving');
                     resolve({
                         success: true,
                         token: payment.token,
@@ -405,40 +377,31 @@ class ApplePayService {
                 });
             }
             finally {
-                console.log('[ApplePayService] Cleaning up session state');
                 this.currentSession = undefined;
                 this.currentPaymentRequest = undefined;
             }
-            console.groupEnd();
         };
         this.currentSession.onpaymentmethodselected = () => {
-            console.groupCollapsed('[ApplePayService] onpaymentmethodselected');
             const paymentUpdate = {
                 newTotal: this.currentPaymentRequest.total,
                 newLineItems: this.currentPaymentRequest.lineItems || [],
             };
             try {
                 this.currentSession.completePaymentMethodSelection(paymentUpdate);
-                console.log('[ApplePayService] completePaymentMethodSelection called');
             }
             catch (error) {
                 console.error('Error completing payment method selection:', error);
                 this.currentSession.abort();
             }
-            console.groupEnd();
         };
         this.currentSession.onshippingmethodselected = () => {
-            console.groupCollapsed('[ApplePayService] onshippingmethodselected');
             this.currentSession.completeShippingMethodSelection({
                 status: ApplePaySessionStatus.STATUS_SUCCESS,
                 newTotal: this.currentPaymentRequest.total,
                 newLineItems: this.currentPaymentRequest.lineItems || [],
             });
-            console.log('[ApplePayService] completeShippingMethodSelection called');
-            console.groupEnd();
         };
         this.currentSession.oncancel = (event) => {
-            console.groupCollapsed('[ApplePayService] oncancel');
             if (event.sessionError) {
                 console.error(event.sessionError);
                 switch (event.sessionError.code) {
@@ -469,11 +432,9 @@ class ApplePayService {
                     message: 'User cancelled the Apple Pay session',
                 },
             });
-            console.groupEnd();
         };
         if ('onerror' in this.currentSession) {
             this.currentSession.onerror = (error) => {
-                console.groupCollapsed('[ApplePayService] onerror');
                 console.error('=== APPLE PAY SESSION ERROR ===');
                 console.error('Session error:', error);
                 this.currentSession = undefined;
@@ -485,7 +446,6 @@ class ApplePayService {
                         message: 'Apple Pay session error occurred',
                     },
                 });
-                console.groupEnd();
             };
         }
     }
@@ -696,14 +656,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                 this.isProcessing = true;
                 this.error = null;
                 this.applePayStarted.emit();
-                console.groupCollapsed('[ApplePay Component] handleApplePayClick');
-                console.log('[ApplePay Component] click context:', {
-                    isProcessing: this.isProcessing,
-                    disabled: this.disabled,
-                    isAvailable: this.isAvailable,
-                    canMakePayments: this.canMakePayments,
-                    hasService: Boolean(this.applePayService),
-                });
                 const paymentRequest = {
                     countryCode: this.countryCode,
                     currencyCode: checkoutStore.paymentCurrency,
@@ -715,13 +667,7 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
                 };
-                console.log("[ApplePay Component] paymentRequest", paymentRequest);
-                console.log('[ApplePay Component] identifiers snapshot:', {
-                    authTokenLength: checkoutStore.authToken ? String(checkoutStore.authToken).length : 0,
-                    accountId: checkoutStore.accountId,
-                });
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
-                console.log("[ApplePay Component] startPaymentSession result", result);
                 if (result.success) {
                     this.applePayCompleted.emit({
                         success: true,
@@ -751,7 +697,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
             }
             finally {
                 this.isProcessing = false;
-                console.groupEnd();
             }
         };
     }
@@ -760,13 +705,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
             this.isLoading = true;
             this.error = null;
             this.isConfigValid = true;
-            console.groupCollapsed('[ApplePay Component] initializeApplePay');
-            console.log('[ApplePay Component] checkout state snapshot:', {
-                paymentAmount: checkoutStore.paymentAmount,
-                paymentCurrency: checkoutStore.paymentCurrency,
-                hasAuthToken: Boolean(checkoutStore.authToken),
-                accountId: checkoutStore.accountId,
-            });
             const hasRequiredConfig = Boolean(checkoutStore.paymentAmount) &&
                 Boolean(checkoutStore.paymentCurrency) &&
                 Boolean(checkoutStore.authToken);
@@ -781,22 +719,15 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                 });
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.CONFIG_ERROR });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             this.isAvailable = ApplePayHelpers.isApplePaySupported();
             this.canMakePayments = ApplePayHelpers.canMakePayments();
-            console.log('[ApplePay Component] support check:', {
-                isAvailable: this.isAvailable,
-                canMakePayments: this.canMakePayments,
-                hasApplePaySessionOnWindow: typeof window !== 'undefined' && 'ApplePaySession' in window,
-            });
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
                 console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_SUPPORTED });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             if (!this.canMakePayments) {
@@ -804,7 +735,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                 console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_AVAILABLE });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             const applePayConfig = {
@@ -815,7 +745,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
-            console.log('[ApplePay Component] initializing service with config:', applePayConfig);
             this.applePayService = new ApplePayService();
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
@@ -833,7 +762,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
         }
         finally {
             this.isLoading = false;
-            console.groupEnd();
         }
     }
     async isSupported() {
@@ -853,7 +781,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
     render() {
         if (!checkoutStore.applePayEnabled) {
             // Render nothing when Apple Pay is disabled at the checkout settings level
-            console.log('[ApplePay Component] Apple Pay disabled in checkout settings; not rendering');
             return null;
         }
         const isReady = !this.isLoading &&
@@ -861,7 +788,6 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
             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: () => {
-                console.log('[ApplePay Component] Apple Pay SDK script loaded');
                 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, `
             .apple-pay-container {

package/dist/module/bank-account.js

@@ -58,10 +58,10 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '1396c82eb048077e956a6cfa0954c969830a3e4e' }, h(BankAccountFormSkeleton, { key: '90439488c391f7dcb62c9b3aadeeeb9e22b476fe', isReady: this.isReady }), h("hidden-input", { key: 'ab5ab9990cd03e493551dae5dc18717ed144558b' }), h("div", { key: '7031dcaa20b3d017b3a3064d5e6f2e9ec5f3c3de', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '62431aba939585a8a341942d9847e8d491b0a658' }, h(BankAccountFormSkeleton, { key: '2da8452c73e52a6fc67d80e483c40a2d0dd276f9', isReady: this.isReady }), h("hidden-input", { key: 'c34bc48ee7e1925ae272b5fe60fd362ddf2433eb' }), h("div", { key: '3fefe63e9f9c98d7e08e0ceac5df0f8008303aec', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'cf64b23918c17c525be517fa3506bc5a99de4472', class: "row mb-3" }, h("iframe-input", { key: '1a0bad102f68437d751a123ab14db53d0308b02a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '332cf9bc370f6bbddaf717c4debbd90bc557d808', class: "row" }, h("iframe-input", { key: '878379906a0efb39c7a236941fda8d399d3a8baf', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '6c19ea238eb0bff6b245f2f39028d651438c55d0', class: "row mb-3" }, h("iframe-input", { key: 'b5588dc21d24ec873fecedd91fbcb0344fbe324c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '910f130a307449a3d60ef76eee6cc27fc86c3fe0', class: "row" }, h("iframe-input", { key: '72756b92912c3031cc472dee5bbf945f06c38920', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 }, [257, "justifi-bank-account-form", {
         "iframeOrigin": [32],

package/dist/module/business-identity-schema.js

@@ -32,6 +32,7 @@ const schemaCAN = (role) => create$3({
     email: emailValidation.nullable(),
     phone: phoneValidation.nullable(),
     dob_full: dobValidation(role).nullable(),
+    ssn_last4: create$6().nullable(),
     identification_number: makeIdentityNumberValidation(CountryCode.CAN).nullable(),
     address: addressSchemaCAN(true),
 });
@@ -41,8 +42,8 @@ const strictSchemaCAN = (role) => create$3({
     email: emailValidation.required(`Enter ${role} email`),
     phone: phoneValidation.required('Enter phone number'),
     dob_full: dobValidation(role).required('Enter date of birth'),
-    identification_number: makeIdentityNumberValidation(CountryCode.CAN)
-        .required('Enter identification number'),
+    ssn_last4: create$6().nullable(),
+    identification_number: makeIdentityNumberValidation(CountryCode.CAN),
     address: addressSchemaCAN(false),
 });
 const identitySchemaUSA = (role, allowOptionalFields) => allowOptionalFields ? schemaUSA(role) : strictSchemaUSA(role);

package/dist/module/business-representative-form-inputs.js

@@ -30,12 +30,12 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return (h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '9a22a232bb856c05ca8c75a0255ea8a2b33b8a80', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd1eedf80da0790767a6c294f084c4b9d4112b9cf', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, h("form-control-text", { key: '554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ed758eafa726ee6801c16535fbba7d05886c21d5', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, h("form-control-date", { key: 'c50e5ad2022906d753b783e7892be8322d80661c', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '74492ad88a4962c2abfd04319880edb757d78796', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
-                // Clear last4 and current value to force validation
+                // Clear current value to force validation
                 updateFormValues(this.formController, {
-                    ssn_last4: null,
-                    identification_number: ''
+                    identification_number: '',
+                    ssn_last4: null
                 });
-            } }, "Change"))))), h("div", { key: 'ad29d30e0748004e9c0d429804210f269581ff12', class: "col-12" }, h("justifi-identity-address-form", { key: 'aaad43f4c150cf08cbdd321a887eaadc51436c88', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: 'dd27d90284c7eac1ec619622bf3e25b28360fe4c', class: "col-12" }, h("justifi-identity-address-form", { key: 'fa011614b624b6ad395f304552ff334d64d2c048', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 }, [256, "justifi-business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],

package/dist/module/cancellation-policy.js

@@ -41,7 +41,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '37c63086ec0dece44992be20f44d0b0f06ce3996' }, h("div", { key: '0aab4b70d17ce769d847470b74cd2f0946845ed2', class: "row gy-3" }, h("div", { key: '7cacadffe3a11231d9791dd3b536686e7cc2d539', class: "col-12" }, h("h2", { key: '09c8227375b4231c4135a18d31667f069c5c847d', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '4636e5b456294e6493e09859cf4d001d7e7b6c1a', class: "col-12" }, h("form-control-textarea", { key: 'e5e7be99ae8b18016c28388e7d165321b7aae062', 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: '0885ca69088851f240ae22b5106a9989b4321f96', class: "col-12" }, h("form-control-textarea", { key: '80ebcdae7bbf223109820735dacb4d2a8c1c8809', 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: '3ddc4eaa4f086eee2758c2b53172a0f43622e741', class: "col-12" }, h("form-control-file-v2", { key: 'cb975ba4e455d2fc5959319a781a084b5af7b9f8', 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: 'bd78bece625aec456d3433cc20bff08c16ae147a' }, h("div", { key: '80b32adabf3205beb07609c2758ba8609f22cf87', class: "row gy-3" }, h("div", { key: 'baa7766e30f6d9a9be7d2194d07e2fd53e859642', class: "col-12" }, h("h2", { key: 'bb1bb5a301dfaa5f4ce3cdcef84ff987088f2933', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '47fd127e97420bcc5aca04e6cdf2067edd7d9a97', class: "col-12" }, h("form-control-textarea", { key: 'c85dd2dc03c872e96c052e347bb698c9c8f17b3b', 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: 'e070c23f89b84d414992b842107531136b2541a6', class: "col-12" }, h("form-control-textarea", { key: '0c3acec921d25929feb496f810a1745debc440fb', 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: 'd40087a09150c9e801b6499604b71b48019a33b7', class: "col-12" }, h("form-control-file-v2", { key: '75c6d00c7a29c60bd81ab2f187f901d6fbe522d1', 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/card-form2.js

@@ -62,10 +62,10 @@ const JustifiCardForm = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm e
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'def25049fc30e1755194750bad8ebff0c578dac2' }, h(CardFormSkeleton, { key: '81a0ec8218a76e51962fac0e8f628b243bd6d33e', isReady: this.isReady }), h("hidden-input", { key: '6145fba4b8164ff1cec1d1b5707063cdf26faa82' }), h("div", { key: 'febcd1d5dbbde0216d7286842f35d58984f3c292', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '0db53b1dace76a8e02bab9f65fdc70e20f440a62' }, h(CardFormSkeleton, { key: 'ea756f1799b01b81a678ce5bd2592551edd81211', isReady: this.isReady }), h("hidden-input", { key: 'a6203630db26bfbb683e2b45174c79d753154eda' }), h("div", { key: 'dbb6328ba3a27106474f6b9af6fc3c347b99ae7d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '6e305988144bd44753ab202b29de295cc3dd7b20', class: "mb-3" }, h("iframe-input", { key: '79348433ff2860a30d387b9a64c258a91c220363', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '11eee27f7aa34c120aed348acd1fc51e46b77628', class: "row" }, h("div", { key: '0bb1153c58433514b889fe20d9cf77c7b7f8b867', class: "col-4 align-content-end" }, h("iframe-input", { key: 'f07c79907822a83cbc29eb4748f952b1a2079990', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '6c2e81715c918978f688d00ae960f2673e092248', class: "col-4 align-content-end" }, h("iframe-input", { key: '96d3656d4a26f96889ab5c6569e0144a76293627', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'e186614da2a5ef5836e251ac1f8f247c18cff7e6', class: "col-4 align-content-end" }, h("iframe-input", { key: 'd9f6c2d2f669fde22b18845a47f5bdeb8a62abe7', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '64055e42612ce94da35022d7e8314ed917f90f8a', class: "mb-3" }, h("iframe-input", { key: 'e99008d298b6ec6e22ff5a4e73042e3e8805f09b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '34ed1849877a47fe6ec32f443472fa9c913dae67', class: "row" }, h("div", { key: '39bfdd5c8dd6271315a09cd3022083fe4b45f5ea', class: "col-4 align-content-end" }, h("iframe-input", { key: '981b65ebd142396312d09df8927fd5d08a5dea72', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'a6fee6c1cc609b665b3ba9935190a43a118c5e5c', class: "col-4 align-content-end" }, h("iframe-input", { key: '257b738139e182dc6e9f6a6893f8b6a0bc3f6b69', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '523316b64f673cdf89b5d01c1ecf4cf25ccef246', class: "col-4 align-content-end" }, h("iframe-input", { key: '37305b54e421d759ded57b0f9de7743a07be4b5b', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 }, [257, "justifi-card-form", {
         "isReady": [32],

package/dist/module/checkout.store.js

@@ -72,6 +72,23 @@ function getAvailablePaymentMethodTypes() {
     }
     return methods;
 }
+function getCheckoutState() {
+    return {
+        selectedPaymentMethod: checkoutStore.selectedPaymentMethod,
+        paymentAmount: checkoutStore.paymentAmount,
+        totalAmount: checkoutStore.totalAmount,
+        paymentCurrency: checkoutStore.paymentCurrency,
+        paymentDescription: checkoutStore.paymentDescription,
+        savedPaymentMethods: checkoutStore.paymentMethods,
+        savePaymentMethod: checkoutStore.savePaymentMethod,
+        bnplEnabled: checkoutStore.bnplEnabled,
+        applePayEnabled: checkoutStore.applePayEnabled,
+        insuranceEnabled: checkoutStore.insuranceEnabled,
+        disableBankAccount: checkoutStore.disableBankAccount,
+        disableCreditCard: checkoutStore.disableCreditCard,
+        disablePaymentMethodGroup: checkoutStore.disablePaymentMethodGroup,
+    };
+}
 function onAnyChange(callback) {
     Object.keys(initialState).forEach((key) => {
         // @ts-ignore - onChange is generically typed by stencil/store but not exported here
@@ -79,4 +96,4 @@ function onAnyChange(callback) {
     });
 }
 
-export { onChange as a, checkoutStore as c, getAvailablePaymentMethodTypes as g, onAnyChange as o };
+export { getCheckoutState as a, onChange as b, checkoutStore as c, getAvailablePaymentMethodTypes as g, onAnyChange as o };

package/dist/module/custom-popper2.js

@@ -1875,7 +1875,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '3258d815eae7b31323a8c1bca81d46f51fa684de' }, h("style", { key: '4ef14405fc58db08baacc2d760484150eb9ba937' }, `
+        return (h("div", { key: 'e5ce1fb22e1929707428706dda084ffdbfe3010a' }, h("style", { key: '556af497b8ebd0b82b3e4a44483953243aa5cb0a' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '15e316884fbac8bb31d9ce1d60cf81d6346b13a1', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c6ea5b2e88b6cad1e87d82310b8d74e5b4bb6b67' }))));
+          `), h("div", { key: '7765427c69a8d6c0c8e3c1f0db49009b05ac05b7', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '83226bf40f66021f7d628ee36ff6b501dc1ff97f' }))));
     }
 }, [260, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '858dcd8508a6ef974faf5b97c04cbd224cea93c0' }, h("div", { key: '7aef1bf1aaf5838e8f555b9f8680bc89f255d52c', class: "row gy-3" }, h("div", { key: 'f206b1c9958b39b242dfe2c899a0a98f16731dff', class: "col-12" }, h("h2", { key: '92916cf3952026ce406e52ac70be08cbb9c0e2a4', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'f80d3f7624484c70380035ad1bed0c292d7524b6', class: "col-12" }, h("form-control-text", { key: '1f762101dcda20301e4207e26e32d0d9808f141e', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'dc7b267094e7ff05194b96d5886788f56e31cae6', class: "col-12" }, h("form-control-text", { key: '64abb76bb8f9cf640bb4b367facb43355194db2d', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '8774802d03a56029ee6611820b077496c0032d9e', class: "col-12" }, h("form-control-textarea", { key: '2ffdd3ece9bbd6f7206508d96ba6a09e9b51e7e3', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '481cc546dcf904bd2414c096aafe9b034be548c2', class: "col-12" }, h("form-control-file-v2", { key: '763c89f78cf205bdf5f30cce01d8d96debfd12b0', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'bf358ed8e708f439877de74f18cb488b3fe65ecd', class: "col-12" }, h("form-control-file-v2", { key: 'e4c72136e11514b2dddac44a584b343a1846b077', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '4f66d1737416342483855947c8d0bc84633efd1a' }, h("div", { key: '0a7be5af6e92d56bf58ceb5e1a5269163f8a5eef', class: "row gy-3" }, h("div", { key: '0ae8574e9228b7cee09f33595f901a216fad571c', class: "col-12" }, h("h2", { key: '9a025c901262dc362e048a72f3f5d17eaa8bc7a4', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '8d651d6a4f9f3ebc519e3fd8b6cd03da452f7a5e', class: "col-12" }, h("form-control-text", { key: '00b3d5ffef1d253b75cdba11c26c05fc4b3d3e7d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '3494745d7843208abe678662359cf1612b035d2d', class: "col-12" }, h("form-control-text", { key: 'b6822a0f33dab183f717e58b68cd1c95445a62c8', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '86f9e759614375d50238fa26756ceac0ebd3d55c', class: "col-12" }, h("form-control-textarea", { key: 'e86f3fcc5a5f31cf46b67d53ee282b16232c0016', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'bda34fee75daeaf9ac91758a096febabe98ddf14', class: "col-12" }, h("form-control-file-v2", { key: '49c40325d8478296a6da2f124114a7a06d29b4c6', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '8f1b66a41596a3606b5c2f2a0c94844f11aa4b27', class: "col-12" }, h("form-control-file-v2", { key: 'c5c539c9f9cf799a1043330e657a6064510e59ba', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [256, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/dispute-notification.js

@@ -43,9 +43,24 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     initiateRespondToDispute() {
         this.clickEvent.emit({ name: DisputeManagementClickActions.respondToDispute });
     }
+    isDueDatePassed() {
+        var _a;
+        if (!((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.due_date)) {
+            return false;
+        }
+        // Fix for JavaScript Date object parsing
+        // https://stackoverflow.com/a/31732581
+        const dueDate = new Date(this.dispute.due_date.replace(/-/g, '\/').replace(/T.+/, ''));
+        const today = new Date();
+        // Reset time to compare only dates
+        today.setHours(0, 0, 0, 0);
+        dueDate.setHours(0, 0, 0, 0);
+        return dueDate < today;
+    }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: 'd268295bb070b948984332bd763407dd2abe8467' }, this.isLoading && (h("div", { key: 'e9083c5f4f8cb88a348dc5099be678cf0c44c6fd', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'dd847619a087adcf9ca142bd705073b5bd2cbb38', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'abce0be539824cabcdc91cc1935acda2928738be', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'fd50de2ce4ff82a99bd9435438f8714173f07a63', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '44d88a0e658669f0cb703e7a80008788957b4075', part: text }, h("h1", { key: 'cbcf492cd4cb236f8241a03e9a722650c4a86a33', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'c30d8f5246aaf75415e6334acc2d3ab53fb200c5' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '929bdc03a93e66cd95ad0985df42cee6e1448ee1', class: "h5" }, "Dispute details"), h("div", { key: '71ace963ec6035edfadb8e3391c2a025203ffb8b', class: "d-table gap-2" }, h("div", { key: '13feb89ef8720eb97fb58bb5a01c650339b044a0', class: "d-table-row gap-2" }, h("span", { key: 'f53edd37be55640f22d6fc8418c2c7a2fb68d4eb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'ee91d5ecc2c3c921106fed6437b0122d87ffc590', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'f8d03855088572719cc69eb70846baaca626873f', class: "d-table-row gap-2" }, h("span", { key: '1da829c98c3799d5f426078084d472fe21ea8714', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '66251cc54a379c54d1f10de9b63c3acc8441102e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '75fb4722061c2ce1552aaf019cd55fe2e18d69bc', class: "d-table-row gap-2" }, h("span", { key: '0e1207c6ec9b5e0a1987c3dc27c7237b829c0e24', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'f59cee5df009fbe55a5afc7c862d127dcf9c39bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.due_date))), h("div", { key: '843db57269e37dc9a6fe870efaac3345acd69f8c', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6bc8dc5a4d5b5fb3b4bd060f869cc154b5f38911', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'ece8a6e944501b889d9d881ae08181261aa630c1', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '5801625ebc25850e4001d9961e20b9f589ba071a' }, h("h1", { key: '6a20320f19deea6e4cd2ad391ef6e3adf16d9272', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '5fbfbe7a8c80674f1d65fa5f989a2db428dcce73' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '7531e3e361613accf7f6b6085ba94dbaafcb4915' }, h("h1", { key: '6f613bf334d77f89ff9fff4fb95bcb60b81154fd', class: "h4" }, "This payment was disputed"), h("p", { key: '148b60d2220cdd181cc4fa7692b524c1da049aea' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '905c1f81c5d4d0e2dac524fa11cb7ae977bd8c35' }, h("h1", { key: 'de0004f4f08d07e3bbeb224e900c5f89d58f3ecd', class: "h4" }, "This payment was disputed"), h("p", { key: '40f37c79108a79989b7e5a6d2d90a855b37ea2a3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (h(StyledHost, { key: 'a494374453528ee6033589ed69dd2a0738ff8aaa' }, this.isLoading && (h("div", { key: '436d266650297674d89f1ba2d299bf3ebdf16506', style: { marginBottom: '8px' } }, h(Skeleton, { key: '952e9df74b83809b3a52d629ed05bc54b02754a5', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f3dd82b6b941500202404ec1353c2f951f79b642', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '608229cd12404e5e6f7014f955c24f9ff856a14f', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '6d18b253eaa245b9f7b817c3baf473d6f6a31845', part: text }, h("h1", { key: '7f7e30f8c7a9753970980796790b621a6d373548', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '1c458aecef8ce286b6c2a46e286c57e1276aff04' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'b3e85abf813bd36da6c952c9ad7c9357504bbc1d', part: text }, h("h1", { key: 'afcbe8f967170bc4abea0c71749a10e1c09937e0', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '30194ebea5f1763286f1a69f8fb2cd8c2c9d2d90' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '991505b018e4ee61b05c9872244163b729ee0cd1', class: "h5" }, "Dispute details"), h("div", { key: 'b94e62444ce05ac0ef6698a4b67f70088c10a9b4', class: "d-table gap-2" }, h("div", { key: '8873c8b0cab9bf5e56add69007e9b281c64dcbf3', class: "d-table-row gap-2" }, h("span", { key: '0c9cf9564277ba952c1b36acc7fa8660ec969266', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0461b3c75b74e03b60dae12d80526b119d1e74d5', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '074f92623a156b5c431719a8c11870c95377dfc1', class: "d-table-row gap-2" }, h("span", { key: '04e1498ecb4d64f122c27ef0a83c38d843c72cad', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'fc3c56b35d899c06130b918cf03202cc9f44fa46', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '13eca44a73967f235a18e2f8818a008f14a96ba2', class: "d-table-row gap-2" }, h("span", { key: '954a86a2f0b77801a7c69c751a2b398f33bb2fe1', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '21e305a5cdc269f45439671639e3984e68cb75e0', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'cad8b592ab80d24b3d4ce187eb534a336bd36581', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '077df79dae040c41489d1206fffde036aef51954', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'eb26cd7bc9d93c83eefc927c565f321eb3c2bef1', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'f74d8e95a2ae74e1b59ac414d0a0d5cc43dd0291' }, h("h1", { key: '2404542678c5ad29dd4e3af13edebbace06734d6', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '0027bd32af1b0ab4ffdd42fcc0b21cb7ab55835a' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'ff335c7dbe7bda7637d1b27a65150785e81361bc' }, h("h1", { key: '36ee4c439d8e1346c115ba6f28e59008ce68d4e1', class: "h4" }, "This payment was disputed"), h("p", { key: '5e6e6869d956f6ea84e64378e4bfaebeb71109b0' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: 'd67894655a47ac5327540c55fdd97db472d34f9d' }, h("h1", { key: 'dec3b5da213071a75183eab6e1521c5c986d3876', class: "h4" }, "This payment was disputed"), h("p", { key: '806eb5f32bddde1c298eba9517c637a7fb69f598' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [257, "justifi-dispute-notification", {
         "dispute": [16],

package/dist/module/dispute-response-core.js

@@ -180,7 +180,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'f8aa436de4217a890cb2c30d3e27aae405c69275', class: "row gy-3" }, h("div", { key: 'a49685c530a74ddc0c001f7aaa93a88083d050fa', class: "col-12" }, h("h1", { key: '15344ecf9317a883ca035637b943435d51663ad6', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '84005717b34e9f4a346bbd21c43f849f8238b452', class: "col-12" }, this.currentStepComponent), h("div", { key: 'f210b5351166085cc1638b4170af6e20c50080f2', class: "col-12" }, h("div", { key: '8294937c85b26845a9b22d5fd7afcb0caa7dbad1', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: 'b23c5bc27b1f657b9211d3a3482ae5b99982754e', class: "row gy-3" }, h("div", { key: 'a630f3c475d6b8026a81724c76340dc4f6088b26', class: "col-12" }, h("h1", { key: 'f4e848277ee8f1ec05ef1b1dfbac0e8872d9d91f', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '6f7f21778853a3c1ac173ac79713f5427a226a5b', class: "col-12" }, this.currentStepComponent), h("div", { key: '7354846a446f5677a12a3113b3f4226060a8b86a', class: "col-12" }, h("div", { key: '4fb9dbccff8b004913656c3a130b46a0216dd6bb', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 }, [256, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16],

package/dist/module/dispute-response.js

@@ -79,7 +79,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: '4a6fcddbe3275068b9699dfc5c60adeff77f2192' }, h("justifi-dispute-response-core", { key: '80bd93d2ec9c64695d8b1d8bb7a4b59b2418a14f', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'ed6376969ab6a686999b8a31376b3c1cc8c7b566' }, h("justifi-dispute-response-core", { key: 'd823732d71613e9e98305d4b7d3c22af0344d209', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {

package/dist/module/duplicate-charge.js

@@ -42,7 +42,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'a2c44551e8089f9d9f30e99e93c146c160e78f45' }, h("div", { key: '9eb60cf652ebfbb37336a350552666b30bd87e1d', class: "row gy-3" }, h("div", { key: 'ec776dee0a386b87851aca4a275b5aec09f2f78a', class: "col-12" }, h("h2", { key: 'e6c60f82ded8750f7211ffa7b2790d8572bf67c7', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '6380b5a5be60a61d3bb2adcffad781388da2b6d2', class: "col-12" }, h("form-control-text", { key: 'b976b506913584ae88d35a30cfc42efb6a20a9e7', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'f9ae261fbe01a5f4de3491b8ac2c7a1cd59a184d', class: "col-12" }, h("form-control-textarea", { key: 'cd3bf73a8374411113068c310b14101e8d9ab7fe', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'f730411437abd1c6a5950e7a768390df2ea2102e', class: "col-12" }, h("form-control-file-v2", { key: '8021ee00e94803edf3eb27ec834e05353ba985d5', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: '68152308257c9331e3e3e1b8141922634390c91d' }, h("div", { key: '0ff743d3d260272e98f9d9c9219e1465de1c7516', class: "row gy-3" }, h("div", { key: 'c02a18a34320cc8b4574b65f378b8a54207eb01c', class: "col-12" }, h("h2", { key: '254ae07ed42f2c61fed3b0be8cd02f928ac64f92', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'dfd97f7c5817bcd14458e4d390736b79651c29db', class: "col-12" }, h("form-control-text", { key: '76c551ab0641c3ebb78c40cdb78bb184911033c9', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '1edd78dcefbe32156f27e924e5b032a016dbffc5', class: "col-12" }, h("form-control-textarea", { key: '556829c59b797a79b8bd31d3add791819a2ef84a', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '183a68bf83924559e0032af6a43308466944fdcb', class: "col-12" }, h("form-control-file-v2", { key: 'fa3817f0e2e8ff17d5cdd142ccabc0e539a48d38', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 }, [256, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.js

@@ -39,7 +39,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'b7ccea47ef4631e72192680468e9b5c370089766' }, h("div", { key: 'b33edf7018fe897a1b6d66edfbdf696fe4c4ad5d', class: "row gy-3" }, h("div", { key: '3f191923eb587c7efcdeec93afa830f7045e5ca5', class: "col-12" }, h("h2", { key: '6019125067e94159de463ff467f3a26a83efadb6', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '36169fba21ebe835eccbbdfa61665dbbf1922d22', class: "col-12" }, h("form-control-text", { key: '5cdd785662b43d8ac46b7ffa165fbf7b1d3008ae', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'b2b3fdabb36b09c369c887779519000b1f9eb40e', class: "col-12" }, h("form-control-file-v2", { key: 'f112588b597277444e3d826cd8d94f8699dafc22', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '677a04d0eb6000066063a68bfe85d286c5c207fa' }, h("div", { key: 'b231437fc879fa2c24474c498eba17edd34128a3', class: "row gy-3" }, h("div", { key: 'd0cf03d9f5e2de19f63e47fd42f0bec710d44bd1', class: "col-12" }, h("h2", { key: '5343dcbeffdaa14e4605944eef18c5ebf1418a20', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'a4b816038465b14e4078b13d46543280b212c676', class: "col-12" }, h("form-control-text", { key: '8cebdd64857d99b8058013df9a10ac007869b998', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '637f3221604b415b8ea5c04af800a72dbfa40c4b', class: "col-12" }, h("form-control-file-v2", { key: '89b3db82c57b8673124369e915efa4f0ec3927a8', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 }, [256, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '8e5820c8f07562ce28e3b95c4948cb7c311d48d6' }, h("div", { key: '1dd0cbd495d132064808cc81bc272b92f7df95af', class: "form-group d-flex flex-column" }, h("div", { key: '82f27392fd4bdbb106db3ea4219eeb75d99a7c78', class: "d-flex gap-2" }, h("label", { key: 'a6ab3679c84b6f22e4c27ac4cb9764e77f97eed3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f481b59809157482acd955d8f2bdb60e5a91e164', helpText: this.helpText })), h("input", { key: '6803e25bbd12858678fa08a8230ca91268541624', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c1db3dd4bca7d9bf6dcbf61b0b43793232caae2f' }, h("div", { key: '4e00566fe24c7db972bcc7a99eaa1aa14c968f2b', class: "form-group d-flex flex-column" }, h("div", { key: '30e022fb522a6f69d04fadebb893c0377c0c580e', class: "d-flex gap-2" }, h("label", { key: 'f43b0d3c1e53d6c6e99dd26ca1dc61b601617e2c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '39ab2bcd705b6d917dad575c9e09594d2a6ff199', helpText: this.helpText })), h("input", { key: '54d475675a44f28a05315c23ed07b7e61717c6a9', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '0237d93c756aaea690eda467b0497ce2c0d8c904', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '91455fa726313c5316a91d395209df04d6927a41', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -13,7 +13,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
     }
     render() {
-        return (h(Host, { key: '4d69131cba0d3529b5e8d3344085400a0e491f7a', exportparts: "label,input,input-invalid" }, h("div", { key: '91ef14e863262efef2ca6478dddcbe06fed2c3de', class: "form-group d-flex flex-column" }, h("div", { key: '46fab1c0db5685d8ea5f84f1517a129894a4ba62', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e43d7049b5ce9265e27d30e6edca60b877ce7207', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4a6298c1b36cf0bbef8ebb383398168cf99af362', helpText: this.helpText })), h("input", { key: '1ec274c8399390dcc08b708218485be030df3e4a', 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: '154e2193272229f617555a5a1804c334d5214d53', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '7ba26de4dc1fc18b3eec2ea364fe26b1036b4f51', exportparts: "label,input,input-invalid" }, h("div", { key: 'ca125e36caa36d14f7d18c3048d00699af79bf35', class: "form-group d-flex flex-column" }, h("div", { key: '07cefe5047839cf9ec35682c01ad5d89a691ac4f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7aa93bf0faa4759f5e94bf8420e52f50cbe9c07e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '88715a6ee07d8196602e951aa0054800f22ba942', helpText: this.helpText })), h("input", { key: '79c464c90f0f9ef4da01ac0d7703763749538191', 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: 'c979151bc382eaf2b542712d2725f6b7affd9bcb', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {