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

package/dist/cjs/justifi-apple-pay_8.cjs.entry.js

@@ -1,18 +1,18 @@
 'use strict';
 
-var index = require('./index-Bhtk1qkX.js');
-var Api = require('./Api-CjtvTD2_.js');
-var styledHost = require('./styled-host-BSooSIhA.js');
+var index = require('./index-BhI7cJcE.js');
+var Api = require('./Api-BeSnjEuW.js');
+var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-BvdAh448.js');
-var checkout_store = require('./checkout.store-Bswr7kNY.js');
+var skeleton = require('./skeleton-BF3HGL9X.js');
+var checkout_store = require('./checkout.store-BiT7zKgX.js');
 var parts = require('./parts-Pb06tUMp.js');
 var utils = require('./utils-Bab-tddY.js');
-var header1 = require('./header-1-D3r87SC6.js');
-var insuranceState = require('./insurance-state-JbqYvJN3.js');
-var header3 = require('./header-3-BFQJJgBb.js');
-var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
-require('./config-state-C7babhLh.js');
+var header1 = require('./header-1-CBO8uDuZ.js');
+var insuranceState = require('./insurance-state-BMHITXoD.js');
+var header3 = require('./header-3-CPWtI1t0.js');
+var checkPkgVersion = require('./check-pkg-version-NXr7H2Sp.js');
+require('./config-state-CYoBVAca.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var Refund = require('./Refund-BnhHNKLz.js');
@@ -20,11 +20,11 @@ require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils$1 = require('./utils-DvUQQLmR.js');
-var checkout_service = require('./checkout.service-vZbSE3A3.js');
+var checkout_service = require('./checkout.service-Ce0F8cOf.js');
 var index$1 = require('./index-C2ITzalN.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
-require('./index-CWM5ions.js');
-require('./package-BADgkv50.js');
+require('./index-mmd0OhmD.js');
+require('./package-DPdtuJhk.js');
 
 var ApplePaySessionStatus;
 (function (ApplePaySessionStatus) {
@@ -181,7 +181,8 @@ class ApplePayService {
                     'Sub-Account': accountId,
                 },
                 body: {
-                    domain: window.location.host
+                    domain: window.location.host,
+                    display_name: this.applePayConfig.displayName
                 }
             });
             return response;
@@ -228,22 +229,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)
@@ -258,17 +252,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: {
@@ -278,16 +269,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: {
@@ -325,18 +311,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);
@@ -360,30 +342,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,
@@ -424,40 +396,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) {
@@ -488,11 +451,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;
@@ -504,7 +465,6 @@ class ApplePayService {
                         message: 'Apple Pay session error occurred',
                     },
                 });
-                console.groupEnd();
             };
         }
     }
@@ -711,14 +671,6 @@ const ApplePay = class {
                 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: checkout_store.checkoutStore.paymentCurrency,
@@ -730,13 +682,7 @@ const ApplePay = class {
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkout_store.checkoutStore.paymentDescription, checkout_store.checkoutStore.paymentAmount),
                 };
-                console.log("[ApplePay Component] paymentRequest", paymentRequest);
-                console.log('[ApplePay Component] identifiers snapshot:', {
-                    authTokenLength: checkout_store.checkoutStore.authToken ? String(checkout_store.checkoutStore.authToken).length : 0,
-                    accountId: checkout_store.checkoutStore.accountId,
-                });
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkout_store.checkoutStore.authToken, checkout_store.checkoutStore.accountId);
-                console.log("[ApplePay Component] startPaymentSession result", result);
                 if (result.success) {
                     this.applePayCompleted.emit({
                         success: true,
@@ -766,7 +712,6 @@ const ApplePay = class {
             }
             finally {
                 this.isProcessing = false;
-                console.groupEnd();
             }
         };
     }
@@ -775,13 +720,6 @@ const ApplePay = class {
             this.isLoading = true;
             this.error = null;
             this.isConfigValid = true;
-            console.groupCollapsed('[ApplePay Component] initializeApplePay');
-            console.log('[ApplePay Component] checkout state snapshot:', {
-                paymentAmount: checkout_store.checkoutStore.paymentAmount,
-                paymentCurrency: checkout_store.checkoutStore.paymentCurrency,
-                hasAuthToken: Boolean(checkout_store.checkoutStore.authToken),
-                accountId: checkout_store.checkoutStore.accountId,
-            });
             const hasRequiredConfig = Boolean(checkout_store.checkoutStore.paymentAmount) &&
                 Boolean(checkout_store.checkoutStore.paymentCurrency) &&
                 Boolean(checkout_store.checkoutStore.authToken);
@@ -796,22 +734,15 @@ const ApplePay = class {
                 });
                 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) {
@@ -819,7 +750,6 @@ const ApplePay = class {
                 console.error(this.error);
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_AVAILABLE });
                 this.isLoading = false;
-                console.groupEnd();
                 return;
             }
             const applePayConfig = {
@@ -830,7 +760,6 @@ const ApplePay = class {
                 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();
@@ -848,7 +777,6 @@ const ApplePay = class {
         }
         finally {
             this.isLoading = false;
-            console.groupEnd();
         }
     }
     async isSupported() {
@@ -868,7 +796,6 @@ const ApplePay = class {
     render() {
         if (!checkout_store.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 &&
@@ -876,7 +803,6 @@ const ApplePay = class {
             this.canMakePayments &&
             this.isConfigValid;
         return (index.h(styledHost.StyledHost, null, checkout_store.checkoutStore.checkoutLoaded && (index.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();
             } })), index.h("div", { class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (index.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 }))), index.h("style", null, `
             .apple-pay-container {
@@ -899,7 +825,7 @@ const Summary = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'a0cf2d923a1283aeac48837faf25aa8ca100adbe' }, index.h("section", { key: 'dd98da2e82a8a68606c3cee9a9f4ab54a618dea5' }, index.h("div", { key: '1a4ca7e0cfd24d3ffa7c4d639ae6ecc01ab04ae0' }, index.h("div", { key: '01291cd64ac310a23f9bb8e6a7a0bde3ab36755c', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '7a1fdb4d579a119618c2afd9226834fba41449e1' }, index.h("span", { key: '9ec7e265476839a663a52116bb64424aeafc5bcf', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '72b6ba530ba51d9f6b41c35c843b7fada598de40', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+        return (index.h(styledHost.StyledHost, { key: 'fd2c61dcafdc800d0064c19d29c6e007aed5adb5' }, index.h("section", { key: 'f2abef1233f3ccad3982d10c61ec5765e13e27a5' }, index.h("div", { key: '713d66ef6f7e2fc73135e765069baba6df976f52' }, index.h("div", { key: 'b8dd28f257948aa317366fe3ea6d2bc4911ef164', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '675676b40de7dc27d07bfafc0eee77eb855a3d26' }, index.h("span", { key: 'cbd47994d9c3f1518741a298de3f5d62a0ad5313', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '614748853f666f1b072d4fa9b14ee15ef5717112', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
     }
 };
 
@@ -915,7 +841,7 @@ const Header = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (index.h(styledHost.StyledHost, { key: 'ec45e1573823ebeb47a129e02e063bab9d08b154' }, index.h(HeaderComponent, { key: 'fc977d49c84906de818d9c4e17fb9a55c5ed8832', text: this.text, class: this.class })));
+        return (index.h(styledHost.StyledHost, { key: '89edcc4c5a478317da615d276af05cac241c1867' }, index.h(HeaderComponent, { key: 'a5c01967f8809fd6b824ddc8730599041ae31822', text: this.text, class: this.class })));
     }
 };
 
@@ -1326,6 +1252,17 @@ const ModularCheckout = class {
             payment_mode: mapTypeToPaymentMode((_e = checkout_store.checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
             payment_token: checkout_store.checkoutStore.paymentToken,
         };
+        if (this.preCompleteHook) {
+            const state = checkout_store.getCheckoutState();
+            try {
+                await new Promise((resolve, reject) => {
+                    this.preCompleteHook(state, () => resolve(), () => reject());
+                });
+            }
+            catch (_f) {
+                return;
+            }
+        }
         this.completeCheckout({
             payment,
             onSuccess: ({ checkout }) => {
@@ -1344,7 +1281,7 @@ const ModularCheckout = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'c0267323f405ad4fbcbac4481aeb5286dc98161b' });
+        return index.h(index.Host, { key: '56a003ca1e1ac4bdc1baa8f862cdb05b2d8af4b1' });
     }
     get hostEl() { return index.getElement(this); }
 };
@@ -2285,7 +2222,7 @@ const TokenizePaymentMethod = class {
         return paymentMethodType === index$1.PAYMENT_METHODS.NEW_CARD ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '0d3168166bba767403d0efb85f26c408adb4c93e' }, index.h("form", { key: '8ac12f8171da6907c83039173cbc7a009e662bb7' }, index.h("fieldset", { key: 'd88ea01b37a9ab0b7ff756577d2d17430853408b' }, index.h("div", { key: 'ac750c1faf2ac05279c0912527f0c468551bf738', class: "row gy-3" }, index.h("div", { key: 'dedef72db299486b3141a47ed6df93dc799270e9', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '4d34febc61916210214166f94b9d38a24c6978d8', class: "col-12" }, index.h("justifi-button", { key: 'ce02121b93611d8e780b5c483bfe384ce4e7ed7c', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: '805537f9c210dd7d2cd6fa101659c143d716e187' }, index.h("form", { key: 'c05caa0149784c7653021eb58b8eb41e1119e93c' }, index.h("fieldset", { key: '885abce69e70089d9841b9f866b41f9469a84437' }, index.h("div", { key: '0411d66e395077e3442dacab459f6c9150d16d4e', class: "row gy-3" }, index.h("div", { key: '1fa3dd928574a04b22ccca6a1727d4c8d602eea7', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'ec3db8e32cd0c6205992225df7e7c317e9d2a7b0', class: "col-12" }, index.h("justifi-button", { key: '0eaba5f83caaf693fb110dfabfb78e2898d946df', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js

@@ -1,32 +1,32 @@
 'use strict';
 
-var index = require('./index-Bhtk1qkX.js');
+var index = require('./index-BhI7cJcE.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var schemaValidations = require('./schema-validations-0mjPveQ0.js');
+var schemaValidations = require('./schema-validations-AxtufX7q.js');
 var parts = require('./parts-Pb06tUMp.js');
-var styledHost = require('./styled-host-BSooSIhA.js');
+var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-BvdAh448.js');
-var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
-var configState = require('./config-state-C7babhLh.js');
+var skeleton = require('./skeleton-BF3HGL9X.js');
+var checkPkgVersion = require('./check-pkg-version-NXr7H2Sp.js');
+var configState = require('./config-state-CYoBVAca.js');
 var index$1 = require('./index-C2ITzalN.js');
-var header3 = require('./header-3-BFQJJgBb.js');
+var header3 = require('./header-3-CPWtI1t0.js');
 var utils = require('./utils-DAyWinG2.js');
 var Business = require('./Business-DWHy_-z9.js');
-var button = require('./button-gPNZ9XRn.js');
-var checkout_store = require('./checkout.store-Bswr7kNY.js');
+var button = require('./button-CARQPDm-.js');
+var checkout_store = require('./checkout.store-BiT7zKgX.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./country-config-MCOhn8o3.js');
 require('./business-form-options-e9UFw4P-.js');
-require('./package-BADgkv50.js');
-require('./Api-CjtvTD2_.js');
+require('./package-DPdtuJhk.js');
+require('./Api-BeSnjEuW.js');
 require('./utils-Bab-tddY.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
 require('./Refund-BnhHNKLz.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
-require('./index-CWM5ions.js');
+require('./index-mmd0OhmD.js');
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
@@ -147,10 +147,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '1396c82eb048077e956a6cfa0954c969830a3e4e' }, index.h(BankAccountFormSkeleton, { key: '90439488c391f7dcb62c9b3aadeeeb9e22b476fe', isReady: this.isReady }), index.h("hidden-input", { key: 'ab5ab9990cd03e493551dae5dc18717ed144558b' }), index.h("div", { key: '7031dcaa20b3d017b3a3064d5e6f2e9ec5f3c3de', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '62431aba939585a8a341942d9847e8d491b0a658' }, index.h(BankAccountFormSkeleton, { key: '2da8452c73e52a6fc67d80e483c40a2d0dd276f9', isReady: this.isReady }), index.h("hidden-input", { key: 'c34bc48ee7e1925ae272b5fe60fd362ddf2433eb' }), index.h("div", { key: '3fefe63e9f9c98d7e08e0ceac5df0f8008303aec', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'cf64b23918c17c525be517fa3506bc5a99de4472', class: "row mb-3" }, index.h("iframe-input", { key: '1a0bad102f68437d751a123ab14db53d0308b02a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '332cf9bc370f6bbddaf717c4debbd90bc557d808', class: "row" }, index.h("iframe-input", { key: '878379906a0efb39c7a236941fda8d399d3a8baf', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: '6c19ea238eb0bff6b245f2f39028d651438c55d0', class: "row mb-3" }, index.h("iframe-input", { key: 'b5588dc21d24ec873fecedd91fbcb0344fbe324c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '910f130a307449a3d60ef76eee6cc27fc86c3fe0', class: "row" }, index.h("iframe-input", { key: '72756b92912c3031cc472dee5bbf945f06c38920', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -231,7 +231,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '101d2233002f9d316fae078dd77d43358c937291' }, index.h(button.Button, { key: 'd7e3c0a41d862572eb47a22e3c7178e8a172d990', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (index.h(styledHost.StyledHost, { key: '4303daf453d356b8111a2a00f821bc83cdd658c5' }, index.h(button.Button, { key: '7c1b0a71ac3274bb03218a8d921d5dc39bc48528', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -318,10 +318,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'def25049fc30e1755194750bad8ebff0c578dac2' }, index.h(CardFormSkeleton, { key: '81a0ec8218a76e51962fac0e8f628b243bd6d33e', isReady: this.isReady }), index.h("hidden-input", { key: '6145fba4b8164ff1cec1d1b5707063cdf26faa82' }), index.h("div", { key: 'febcd1d5dbbde0216d7286842f35d58984f3c292', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '0db53b1dace76a8e02bab9f65fdc70e20f440a62' }, index.h(CardFormSkeleton, { key: 'ea756f1799b01b81a678ce5bd2592551edd81211', isReady: this.isReady }), index.h("hidden-input", { key: 'a6203630db26bfbb683e2b45174c79d753154eda' }), index.h("div", { key: 'dbb6328ba3a27106474f6b9af6fc3c347b99ae7d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '6e305988144bd44753ab202b29de295cc3dd7b20', class: "mb-3" }, index.h("iframe-input", { key: '79348433ff2860a30d387b9a64c258a91c220363', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '11eee27f7aa34c120aed348acd1fc51e46b77628', class: "row" }, index.h("div", { key: '0bb1153c58433514b889fe20d9cf77c7b7f8b867', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'f07c79907822a83cbc29eb4748f952b1a2079990', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '6c2e81715c918978f688d00ae960f2673e092248', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '96d3656d4a26f96889ab5c6569e0144a76293627', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'e186614da2a5ef5836e251ac1f8f247c18cff7e6', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'd9f6c2d2f669fde22b18845a47f5bdeb8a62abe7', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: '64055e42612ce94da35022d7e8314ed917f90f8a', class: "mb-3" }, index.h("iframe-input", { key: 'e99008d298b6ec6e22ff5a4e73042e3e8805f09b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '34ed1849877a47fe6ec32f443472fa9c913dae67', class: "row" }, index.h("div", { key: '39bfdd5c8dd6271315a09cd3022083fe4b45f5ea', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '981b65ebd142396312d09df8927fd5d08a5dea72', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: 'a6fee6c1cc609b665b3ba9935190a43a118c5e5c', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '257b738139e182dc6e9f6a6893f8b6a0bc3f6b69', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '523316b64f673cdf89b5d01c1ecf4cf25ccef246', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '37305b54e421d759ded57b0f9de7743a07be4b5b', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-Bhtk1qkX.js');
-var utils = require('./utils-CUcA4G_O.js');
-var business_service = require('./business.service-DRZurAMP.js');
+var index = require('./index-BhI7cJcE.js');
+var utils = require('./utils-Cjq3ZCad.js');
+var business_service = require('./business.service-DIlSj5KT.js');
 var getBusiness = require('./get-business-D9ZHyPem.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
+var checkPkgVersion = require('./check-pkg-version-NXr7H2Sp.js');
 require('./parts-Pb06tUMp.js');
-require('./Api-CjtvTD2_.js');
-require('./config-state-C7babhLh.js');
-require('./index-CWM5ions.js');
+require('./Api-BeSnjEuW.js');
+require('./config-state-CYoBVAca.js');
+require('./index-mmd0OhmD.js');
 require('./utils-Bab-tddY.js');
 require('./dinero-BwNN_k7x.js');
 require('./Refund-BnhHNKLz.js');
@@ -17,7 +17,7 @@ require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./utils-DvUQQLmR.js');
-require('./package-BADgkv50.js');
+require('./package-DPdtuJhk.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -1,33 +1,33 @@
 'use strict';
 
-var index = require('./index-Bhtk1qkX.js');
+var index = require('./index-BhI7cJcE.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-CetDMUp7.js');
-var businessIdentitySchema = require('./business-identity-schema-Cd0tvfJr.js');
-require('./config-state-C7babhLh.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-BzHg6qqg.js');
+var businessIdentitySchema = require('./business-identity-schema-Di-jf6nr.js');
+require('./config-state-CYoBVAca.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 require('./Refund-BnhHNKLz.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
-var button = require('./button-gPNZ9XRn.js');
-var styledHost = require('./styled-host-BSooSIhA.js');
-var header1 = require('./header-1-D3r87SC6.js');
+var checkPkgVersion = require('./check-pkg-version-NXr7H2Sp.js');
+var button = require('./button-CARQPDm-.js');
+var styledHost = require('./styled-host-D5g7INLE.js');
+var header1 = require('./header-1-CBO8uDuZ.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-BvdAh448.js');
+var skeleton = require('./skeleton-BF3HGL9X.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-DRZurAMP.js');
+var business_service = require('./business.service-DIlSj5KT.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./schema-validations-0mjPveQ0.js');
+require('./schema-validations-AxtufX7q.js');
 require('./country-config-MCOhn8o3.js');
 require('./business-form-options-e9UFw4P-.js');
-require('./index-CWM5ions.js');
+require('./index-mmd0OhmD.js');
 require('./utils-Bab-tddY.js');
-require('./package-BADgkv50.js');
-require('./Api-CjtvTD2_.js');
+require('./package-DPdtuJhk.js');
+require('./Api-BeSnjEuW.js');
 require('./parts-Pb06tUMp.js');
 require('./utils-DvUQQLmR.js');
 

package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bhtk1qkX.js');
+var index = require('./index-BhI7cJcE.js');
 var inputHandlers = require('./input-handlers-D6QMwPTB.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
 var parts = require('./parts-Pb06tUMp.js');
@@ -22,12 +22,12 @@ const RepresentativeFormInputs = class {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return (index.h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, index.h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, index.h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: parts.heading2 }, "Representative"), index.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." })), index.h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), index.h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, index.h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, index.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 })), index.h("div", { key: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, index.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." })), index.h("div", { key: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, index.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 })), index.h("div", { key: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, index.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: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, index.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) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '74492ad88a4962c2abfd04319880edb757d78796', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: countryConfig.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: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].idNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
-                // Clear last4 and current value to force validation
+                // Clear current value to force validation
                 inputHandlers.updateFormValues(this.formController, {
-                    ssn_last4: null,
-                    identification_number: ''
+                    identification_number: '',
+                    ssn_last4: null
                 });
-            } }, "Change"))))), index.h("div", { key: 'ad29d30e0748004e9c0d429804210f269581ff12', class: "col-12" }, index.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"))))), index.h("div", { key: 'dd27d90284c7eac1ec619622bf3e25b28360fe4c', class: "col-12" }, index.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 }))))));
     }
 };
 

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-Bhtk1qkX.js');
-var checkPkgVersion = require('./check-pkg-version-W_AFeiO6.js');
-var checkout_store = require('./checkout.store-Bswr7kNY.js');
+var index = require('./index-BhI7cJcE.js');
+var checkPkgVersion = require('./check-pkg-version-NXr7H2Sp.js');
+var checkout_store = require('./checkout.store-BiT7zKgX.js');
 var parts = require('./parts-Pb06tUMp.js');
-var styledHost = require('./styled-host-BSooSIhA.js');
+var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
 var index$1 = require('./index-C2ITzalN.js');
-require('./package-BADgkv50.js');
-require('./Api-CjtvTD2_.js');
-require('./config-state-C7babhLh.js');
-require('./index-CWM5ions.js');
+require('./package-DPdtuJhk.js');
+require('./Api-BeSnjEuW.js');
+require('./config-state-CYoBVAca.js');
+require('./index-mmd0OhmD.js');
 require('./utils-Bab-tddY.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');