@justifi/webcomponents 6.0.0-rc.5 → 6.0.0-rc.6

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

@@ -1,12 +1,15 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var configState = require('./config-state-5xZf-jax.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
+var index = require('./index-C9hBD-32.js');
+var Api = require('./Api-y2G49jOh.js');
+var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
-var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
-require('./index-Yd9aLenr.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
+var checkout_store = require('./checkout.store-Ctwy9ahZ.js');
+require('./config-state-BBOZIS8x.js');
+require('./index-B32W0A3m.js');
+require('./utils-BaGF9XIe.js');
+require('./dinero-BwNN_k7x.js');
 require('./parts-9jMf1erK.js');
 
 var ApplePaySessionStatus;
@@ -131,22 +134,7 @@ class ApplePayHelpers {
 
 class ApplePayService {
     constructor() {
-        this.apiBaseUrl = configState.configState.apiOrigin;
-    }
-    /**
-     * Set custom API base URL
-     */
-    setApiBaseUrl(url) {
-        this.apiBaseUrl = url;
-    }
-    /**
-     * Set authentication token
-     */
-    setAuthToken(authToken) {
-        this.authToken = authToken;
-    }
-    setAccountId(accountId) {
-        this.accountId = accountId;
+        this.api = Api.Api();
     }
     /**
      * Initialize Apple Pay configuration
@@ -160,55 +148,36 @@ class ApplePayService {
     /**
      * Validate merchant with Apple Pay servers via API
      */
-    async validateMerchant(authToken) {
-        const endpoint = `${this.apiBaseUrl}/v1/apple_pay/merchant_session`;
-        console.log('=== MERCHANT VALIDATION REQUEST ===');
-        console.log('Endpoint:', endpoint);
-        console.log('Auth token present:', !!authToken);
-        console.log('Account ID:', this.accountId);
-        const response = await fetch(endpoint, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                Accept: 'application/json',
-                Authorization: `Bearer ${authToken}`,
-                'Sub-Account': this.accountId,
-            },
-        });
-        console.log('Response status:', response.status);
-        if (!response.ok) {
-            const errorData = await response.text();
-            console.error('Backend validation failed - Raw response:', errorData);
-            try {
-                const jsonError = JSON.parse(errorData);
-                console.error('Backend validation failed - Parsed error:', jsonError);
-            }
-            catch (parseError) {
-                console.error('Could not parse error response as JSON:', parseError);
-            }
-            throw new Error(`Merchant validation failed: ${response.status}`);
+    async validateMerchant(authToken, accountId) {
+        const endpoint = 'apple_pay/merchant_session';
+        try {
+            const response = await this.api.post({
+                endpoint,
+                authToken,
+                headers: {
+                    'Sub-Account': accountId,
+                },
+            });
+            return response;
+        }
+        catch (error) {
+            console.error('Backend validation failed:', error);
+            throw new Error('Merchant validation failed');
         }
-        const merchantSession = await response.json();
-        console.log('Merchant session received:', merchantSession);
-        return merchantSession;
     }
     /**
      * Process Apple Pay payment via API (fixed to match original logic)
      */
-    async processPayment(authToken, payload) {
-        const endpoint = `${this.apiBaseUrl}/v1/apple_pay/process_token`;
-        const body = payload;
-        const response = await fetch(endpoint, {
-            method: 'POST',
+    async processPayment(authToken, accountId, payload) {
+        const endpoint = 'apple_pay/process_token';
+        const result = await this.api.post({
+            endpoint,
+            authToken,
+            body: payload,
             headers: {
-                'Content-Type': 'application/json',
-                Accept: 'application/json',
-                Authorization: `Bearer ${authToken}`,
-                'Sub-Account': this.accountId,
+                'Sub-Account': accountId,
             },
-            body: JSON.stringify(body),
         });
-        const result = await response.json();
         return {
             success: result.id && !!result.data.token,
             data: result,
@@ -232,7 +201,7 @@ class ApplePayService {
     /**
      * Start Apple Pay session
      */
-    async startPaymentSession(paymentRequest) {
+    async startPaymentSession(paymentRequest, authToken, accountId) {
         if (!this.applePayConfig) {
             throw new Error('Apple Pay not initialized. Call initialize() first.');
         }
@@ -247,7 +216,7 @@ class ApplePayService {
         return new Promise((resolve, reject) => {
             try {
                 this.currentSession = new window.ApplePaySession(3, request);
-                this.setupSessionEventHandlers(resolve, reject);
+                this.setupSessionEventHandlers(resolve, reject, authToken, accountId);
                 this.currentSession.begin();
             }
             catch (error) {
@@ -276,7 +245,7 @@ class ApplePayService {
     /**
      * Setup Apple Pay session event handlers
      */
-    setupSessionEventHandlers(resolve, reject) {
+    setupSessionEventHandlers(resolve, reject, authToken, accountId) {
         if (!this.currentSession ||
             !this.applePayConfig ||
             !this.currentPaymentRequest) {
@@ -284,10 +253,10 @@ class ApplePayService {
         }
         this.currentSession.onvalidatemerchant = async () => {
             try {
-                if (!this.authToken) {
-                    throw new Error('Authentication token not set. Call setAuthToken() first.');
+                if (!authToken) {
+                    throw new Error('Authentication token not provided.');
                 }
-                const merchantSession = await this.validateMerchant(this.authToken);
+                const merchantSession = await this.validateMerchant(authToken, accountId);
                 try {
                     this.currentSession.completeMerchantValidation(merchantSession);
                 }
@@ -320,14 +289,7 @@ class ApplePayService {
                         price: ApplePayHelpers.parseAmount(this.currentPaymentRequest.total.amount),
                         description: this.currentPaymentRequest.total.label,
                     } });
-                if (!this.authToken) {
-                    throw new Error('Authentication token not set. Call setAuthToken() first.');
-                }
-                const paymentResult = await this.processPayment(this.authToken, paymentPayload);
-                console.log('=== APPLE PAY PROCESS PAYMENT RESULT ===');
-                console.log('Payment result:', paymentResult);
-                console.log('Payment result data:', paymentResult.data);
-                console.log('Payment method ID:', paymentResult.data.id);
+                const paymentResult = await this.processPayment(authToken, accountId, paymentPayload);
                 if (paymentResult.success) {
                     this.currentSession.completePayment({
                         status: ApplePaySessionStatus.STATUS_SUCCESS,
@@ -633,7 +595,6 @@ const ApplePay = class {
         this.merchantIdentifier = "merchant.com.staging-justifi.checkout-dev";
         this.merchantDisplayName = "JustiFi Checkout";
         this.initiativeContext = "dev-checkout.justifi-staging.com";
-        this.apiBaseUrl = configState.configState.apiOrigin;
         this.buttonType = ApplePayButtonType.PLAIN;
         this.buttonStyle = ApplePayButtonStyle.BLACK;
         this.disabled = false;
@@ -659,7 +620,7 @@ const ApplePay = class {
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkout_store.checkoutStore.paymentDescription, checkout_store.checkoutStore.paymentAmount),
                 };
-                const result = await this.applePayService.startPaymentSession(paymentRequest);
+                const result = await this.applePayService.startPaymentSession(paymentRequest, checkout_store.checkoutStore.authToken, checkout_store.checkoutStore.accountId);
                 if (result.success) {
                     this.applePayCompleted.emit({
                         success: true,
@@ -694,31 +655,21 @@ const ApplePay = class {
     }
     componentWillLoad() {
         this.applePayService = new ApplePayService();
-        this.applePayService.setApiBaseUrl(this.apiBaseUrl);
-        this.applePayService.setAuthToken(checkout_store.checkoutStore.authToken);
-        this.applePayService.setAccountId(checkout_store.checkoutStore.accountId);
         this.initializeApplePay();
     }
     componentDidLoad() {
-        checkout_store.onChange('paymentAmount', () => {
+        checkout_store.onChange("paymentAmount", () => {
             this.initializeApplePay();
         });
-        checkout_store.onChange('authToken', () => {
-            if (this.applePayService) {
-                this.applePayService.setAuthToken(checkout_store.checkoutStore.authToken);
-            }
+        checkout_store.onChange("authToken", () => {
+            this.initializeApplePay();
         });
     }
     watchPropsChange() {
         this.initializeApplePay();
     }
     async initializeApplePay() {
-        console.log('Initializing Apple Pay');
         try {
-            if (this.applePayService) {
-                this.applePayService.setApiBaseUrl(this.apiBaseUrl);
-                this.applePayService.setAuthToken(checkout_store.checkoutStore.authToken);
-            }
             this.isLoading = true;
             this.error = null;
             if (!checkout_store.checkoutStore.paymentAmount) {
@@ -726,8 +677,8 @@ const ApplePay = class {
                 this.isLoading = false;
                 return;
             }
-            this.isAvailable = true; // ApplePayHelpers.isApplePaySupported();
-            this.canMakePayments = true; // ApplePayHelpers.canMakePayments();
+            this.isAvailable = ApplePayHelpers.isApplePaySupported();
+            this.canMakePayments = ApplePayHelpers.canMakePayments();
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
                 this.isLoading = false;
@@ -746,11 +697,6 @@ const ApplePay = class {
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
-            console.log('=== APPLE PAY CONFIG ===');
-            console.log('Config:', applePayConfig);
-            console.log('Auth token present:', !!checkout_store.checkoutStore.authToken);
-            console.log('Account ID:', checkout_store.checkoutStore.accountId);
-            this.applePayService.setAccountId(checkout_store.checkoutStore.accountId);
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
             if (!hasActiveCard) {
@@ -787,10 +733,10 @@ const ApplePay = class {
             this.isAvailable &&
             this.canMakePayments &&
             !this.error;
-        return (index.h(styledHost.StyledHost, { key: 'caa7c4f60ce054bc03c3749871369e8e47c1afaa' }, index.h("script", { key: 'a85d7950ff0053a2b7a2c78065013d3279b2a56c', async: true, src: "https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js" }), index.h("div", { key: '2d1a0748b3c8af0984a205998e60608b8192f45a', class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { key: '42a06fcb5e13a76a6c85e690f5ca2a0781298b20', isReady: isReady }), !this.isLoading && this.error && (index.h("div", { key: '54ef9e349224f4750d6aa8c7afcada352f4e8f33', class: 'apple-pay-error', role: 'alert' }, index.h("span", { key: 'fe25095563775b06b2f7efb32e8d1853b4bd6087', class: 'error-icon' }, "\u26A0\uFE0F"), index.h("span", { key: '23eb21f755549a9569743979c33af7d3ae7e879b', class: 'error-message' }, this.error))), !this.isLoading && !this.error && !this.isAvailable && (index.h("div", { key: '4a44add4b7a0a586315ffc2a26a4526acd9fdcfd', class: 'apple-pay-unavailable' }, index.h("span", { key: '071e8c18c08efbbb15074360393c8888f676f855', class: 'unavailable-message' }, "Apple Pay is not available on this device"))), !this.isLoading &&
+        return (index.h(styledHost.StyledHost, { key: 'd07bd5b228a761fe021830823b410805b44c6829' }, index.h("script", { key: '59ca72df49c6210c3122df6328e3b9798ff3440f', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js' }), index.h("div", { key: '69010db6e3e59ffb1ad9d7cc5af0680934c61207', class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { key: 'f25d2ae58d6730c9dbf9a02ac14cf5800e3ca6ed', isReady: isReady }), !this.isLoading && this.error && (index.h("div", { key: '0460b10f967df69f04984c17b6b1641db3dfd582', class: 'apple-pay-error', role: 'alert' }, index.h("span", { key: 'a194317367175498c098c522cc2ee77ae0848e25', class: 'error-icon' }, "\u26A0\uFE0F"), index.h("span", { key: '8eb5cb96fb00f2deb9b76796d09979d488f5d922', class: 'error-message' }, this.error))), !this.isLoading && !this.error && !this.isAvailable && (index.h("div", { key: '97fd0863a893a98b01b9886dc94a088cb87419e4', class: 'apple-pay-unavailable' }, index.h("span", { key: 'fde1d32be78fc35024bea1c4f81b02a9d792b41e', class: 'unavailable-message' }, "Apple Pay is not available on this device"))), !this.isLoading &&
             !this.error &&
             this.isAvailable &&
-            this.canMakePayments && (index.h(ApplePayButton, { key: '67a22cb5855a5a470114a04daa3284b556c6a3fc', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), index.h("style", { key: '82dc1ca5dc7c43ffcc06ab10a4b97bc445d73f46' }, `
+            this.canMakePayments && (index.h(ApplePayButton, { key: '1e445d7b72f378f7bac6f62e069a526f1d9ae9ba', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), index.h("style", { key: 'd552fd4b0726a63ed9a242b3b2204dc6339ef590' }, `
             .apple-pay-container {
               width: 100%;
             }
@@ -826,7 +772,6 @@ const ApplePay = class {
     }
     static get watchers() { return {
         "merchantIdentifier": ["watchPropsChange"],
-        "apiBaseUrl": ["watchPropsChange"],
         "buttonType": ["watchPropsChange"],
         "buttonStyle": ["watchPropsChange"],
         "disabled": ["watchPropsChange"]

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

@@ -1,32 +1,32 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var index_esm = require('./index.esm-BleZSAc0.js');
 var schemaValidations = require('./schema-validations-jek_iZ9W.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
+var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
-var checkPkgVersion = require('./check-pkg-version-BsodhBbK.js');
-var configState = require('./config-state-5xZf-jax.js');
-var header3 = require('./header-3-D9Wa0IfT.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
+var checkPkgVersion = require('./check-pkg-version-V7aKSlBk.js');
+var configState = require('./config-state-BBOZIS8x.js');
+var header3 = require('./header-3-sOdOpfx3.js');
 var utils = require('./utils-DAyWinG2.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
-var button = require('./button-CfVQSysQ.js');
-var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
+var button = require('./button-DsHDMHaa.js');
+var checkout_store = require('./checkout.store-Ctwy9ahZ.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-CMII7nIK.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-DJaHaxMC.js');
-require('./Api-CPuq_15r.js');
+require('./package-Dg5ELZpu.js');
+require('./Api-y2G49jOh.js');
 require('./utils-BaGF9XIe.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BVZHsa6Z.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
-require('./index-Yd9aLenr.js');
+require('./index-B32W0A3m.js');
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
@@ -98,7 +98,7 @@ const BankAccountBillingFormSimple = class {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: '5d20a10cee1aae5c6500b5ce0045859f9c2b9e60' }, index.h("div", { key: '9c5f77f6b03a70b4825bf40dd470d757cfe1eb50', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: 'a588d182b5d0a212d74fec4a7ce77bc743e387ca' }, index.h("fieldset", { key: '997ae96111c02eba64b6109786d634f0fe1d28d1' }, this.legend && (index.h("legend", { key: 'fdcaf97a5968bcdfa6e79b8da9ab8f111721ba3c' }, this.legend)), index.h("div", { key: '2b56bb94f907d2e6a68b8177c0d1dd77fae92aae', class: "row gy-3" }, index.h("div", { key: '0588a51e0d9a2bb0d643688677f02e2473c834f5', class: "col-12" }, index.h("form-control-text", { key: '06706f6b9db8f6ae7f732d8423b47af99718a2d7', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (index.h(styledHost.StyledHost, { key: '81a8511265b4813817b4cf183aa176b464645e85' }, index.h("div", { key: '7dddd3ec7822077268c73da7d0f34a691ddde1cb', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: '1c9000a4b022209129cf511d79a77cf3dc44b77e' }, index.h("fieldset", { key: '134c349c5745197b5ebb79b31748bf480e1cab7a' }, this.legend && (index.h("legend", { key: 'fb8e12086fd6fb51f7456d8fc6e82a9184514d4f' }, this.legend)), index.h("div", { key: 'a49ae2d182e442efbe44aae7c2e0a4e40dabe7d7', class: "row gy-3" }, index.h("div", { key: '2be4b2aab266d0fc17f32237693dea8578c7545d', class: "col-12" }, index.h("form-control-text", { key: '92d1b3b05ba04212e46feecfd886f7dcc912e4fe', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
 };
 
@@ -155,10 +155,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f6b75ae15faeea635abbdcbefee10a8bdb78ba08' }, index.h(BankAccountFormSkeleton, { key: '39f42d054342305001a934feeb29c65caa0fe941', isReady: this.isReady }), index.h("hidden-input", { key: 'd4bf758fe0600db0f1535ff9040cc3d9e25c45b9' }), index.h("div", { key: '095bd8da35c668c7c40d696454310e0e320a1730', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: 'f7b088f8dd8a977f3843183fb444f28862644fb3' }, index.h(BankAccountFormSkeleton, { key: '63179b2a1616ac98e9647bc8a6cf8f32cf159c24', isReady: this.isReady }), index.h("hidden-input", { key: 'bc2427c6ae7ca231f444cac83789682c5b7f252b' }), index.h("div", { key: 'd7b8ad011f441f35130a8836d5a9998aeed5ef6f', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'db367bbd03c3d563913228c1051bdb9bb61c11a9', class: "row mb-3" }, index.h("iframe-input", { key: 'e636d0226cf832f6cd7fde39ea5f471aae6d4605', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '410dd5cdca9e6774f96133fe4dbb29f0d1405138', class: "row" }, index.h("iframe-input", { key: '26b7138268f6e4f866c4eaf3d2f9c4b0ba00a6c3', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: '87c14b39416411432109fa477a45905824986a5d', class: "row mb-3" }, index.h("iframe-input", { key: 'aa63db40e7dcff302c804b6f772a8903ac53a588', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '683ff288ff835321c364b4af64524dbf183da030', class: "row" }, index.h("iframe-input", { key: '46653b74876dfc02916b7d2842ab793b8658e8b2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -239,7 +239,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, index.h(button.Button, { key: 'c82eb8f914aa50df8b3e51d271a9e4c29602369e', 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: 'b9a4be42df1dbeca39a2c310ab6375cc2c1946f3' }, index.h(button.Button, { key: '04bfb3aaa6af8b2dafa07dbcebaf6b7a03a07442', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -273,7 +273,7 @@ const CardBillingFormSimple = class {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: '2d6aa2cd3535338d3944b5bfa1f3e1b6c9fa237d' }, index.h("div", { key: '0d05444651f2ff00d25b11522ab4e30ce7e24f03', part: parts.billingForm }, index.h("form", { key: 'fb3daca11e18c7cc068cc29650265a6fc2f48f7c' }, index.h("fieldset", { key: '2f32c7b540623519c2c7b3f781a1353be847e28c' }, this.legend && (index.h("legend", { key: '1def4406192651e851b94574abdb10c6f4c86a42' }, this.legend)), index.h("div", { key: '242b2ef201c5eafe083200cc1d9c4988f4229f5c', class: "row gy-3" }, index.h("div", { key: 'c7d8084f259ad0591bdd524af579b98048730f19', class: "col-12" }, index.h("form-control-text", { key: '8ad5e18bde33254f02d72307f8b16e0ba6212beb', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+        return (index.h(styledHost.StyledHost, { key: 'a88ea2aa0b1cc2fccda7c169aad9c061e106ecfe' }, index.h("div", { key: '414df056d92819bf646886ca8e15f2ed10e6ab18', part: parts.billingForm }, index.h("form", { key: 'c11f6eb5c7c5c1ecbeb8cc8f644a3b3ba72254c7' }, index.h("fieldset", { key: 'dd69c65ff7f36da3954c01ca2401e8ede6799f14' }, this.legend && (index.h("legend", { key: '25a86a61452b84237cc58c047916de22c35b764d' }, this.legend)), index.h("div", { key: '2fa8445fcf4ac0500f357d92480f18ccac655689', class: "row gy-3" }, index.h("div", { key: 'b7ac75fcab43435a03ad919757541f74661ce5b4', class: "col-12" }, index.h("form-control-text", { key: 'fd9e84c9605edf1a987c7243409eb0182f79a803', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
     }
 };
 
@@ -338,10 +338,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '18d429a9feac5ab030ab040a9aec0efdc0a09b3a' }, index.h(CardFormSkeleton, { key: '8a7a41be9477f7656601a1b21bbd89398846ddda', isReady: this.isReady }), index.h("hidden-input", { key: '256715cd96354c50903c03e15b3de7a81c25e59f' }), index.h("div", { key: 'd55bae0a16f8572e476f012594ca99074e1f3af5', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '75938c15dce1b5b078773f28c689c8f7d4ad5059' }, index.h(CardFormSkeleton, { key: 'fa27e1cb7262b012e69c6c88580bfa432edb13f0', isReady: this.isReady }), index.h("hidden-input", { key: '305afc644870ea4c5e11ade42e6f8b5504b0a299' }), index.h("div", { key: 'fc87adbea2130fd4334f2f7a8dbc666ad9b84f76', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '7d1906ad3065c71e5871c0fbb30686dcfa011ecb', class: "mb-3" }, index.h("iframe-input", { key: 'cabb51df56859dcf77a8e7b1bd18841eea872a96', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'dc14f4d1cadd95587cee0e0fbf82b48b7ade1ffb', class: "row" }, index.h("div", { key: 'd6637ada2d0b35e41ffceedd4427bc8e819a564d', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '57bac9f6b1695cb62f60483b4350aa9a1365f944', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '2264ccbe1c8ca30b3359cf52b3cef7ac0707462e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '0195b665d1b4809c9ab04c68fcd3de6a1f6af562', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '07578e7173b66895b84091184f7f3166fcf00314', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'cea4796ffdec09d0c9b56d3a09d5e0571744a966', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: 'b426b711813d401e181c833c06f440adc2998f4a', class: "mb-3" }, index.h("iframe-input", { key: '1c81cac902a472ffe841340de40c8aa80688d908', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '370fb4bd7951ea6948b57923141842da07575bd3', class: "row" }, index.h("div", { key: '7912c07831d685c0f30d103537933c4ec0e41726', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a892fead0333523eecd1a6e02fb6cd3807e1b0ad', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '699f614dcada9748525afe53cd461a5dd4f96847', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '0c65a7fbb4bf1fa35fc645de62723f8d130217de', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'b25d6322892f5a3313db2592193552f34e364103', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '279646b3bfa68f8e03d0118e2de86668471f5821', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -357,7 +357,7 @@ const SaveNewPaymentMethod = class {
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f23a4f992eef86df7ebfa86f4b46b232456016b2' }, index.h("form-control-checkbox", { key: 'aff52e51dac64207f95e439b26902c772d84963d', label: "Save New Payment Method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (index.h(styledHost.StyledHost, { key: '407e24ad9cd84378dab6a85ed813a8040f93942a' }, index.h("form-control-checkbox", { key: '73dc01e01c4ca57e26c6897c06a0280fda8c98db', label: "Save New Payment Method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };
 

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

@@ -1,25 +1,25 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var utils = require('./utils-Df-pajL7.js');
-var business_service = require('./business.service-C3BdUPlm.js');
+var index = require('./index-C9hBD-32.js');
+var utils = require('./utils-Bzyj4qWe.js');
+var business_service = require('./business.service-D5IhSyRJ.js');
 var getBusiness = require('./get-business-o5jPq_ME.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-BsodhBbK.js');
+var checkPkgVersion = require('./check-pkg-version-V7aKSlBk.js');
 require('./parts-9jMf1erK.js');
-require('./Api-CPuq_15r.js');
-require('./config-state-5xZf-jax.js');
-require('./index-Yd9aLenr.js');
+require('./Api-y2G49jOh.js');
+require('./config-state-BBOZIS8x.js');
+require('./index-B32W0A3m.js');
 require('./utils-BaGF9XIe.js');
 require('./dinero-BwNN_k7x.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BVZHsa6Z.js');
 require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
-require('./package-DJaHaxMC.js');
+require('./package-Dg5ELZpu.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -1,34 +1,34 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var index_esm = require('./index.esm-BleZSAc0.js');
 var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-DNbSH3E-.js');
 var businessIdentitySchema = require('./business-identity-schema-CclzWSOn.js');
-require('./config-state-5xZf-jax.js');
+require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BVZHsa6Z.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-BsodhBbK.js');
-var button = require('./button-CfVQSysQ.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
-var header1 = require('./header-1-DD41iNlG.js');
+var checkPkgVersion = require('./check-pkg-version-V7aKSlBk.js');
+var button = require('./button-DsHDMHaa.js');
+var styledHost = require('./styled-host-BfVJlAsJ.js');
+var header1 = require('./header-1-DRA3f4Jh.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-C3BdUPlm.js');
+var business_service = require('./business.service-D5IhSyRJ.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./schema-validations-jek_iZ9W.js');
 require('./state-options-CIT9xdTz.js');
 require('./business-form-options-CMII7nIK.js');
-require('./index-Yd9aLenr.js');
+require('./index-B32W0A3m.js');
 require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-DJaHaxMC.js');
-require('./Api-CPuq_15r.js');
+require('./package-Dg5ELZpu.js');
+require('./Api-y2G49jOh.js');
 require('./parts-9jMf1erK.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-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var inputHandlers = require('./input-handlers-DYl_0IwC.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var parts = require('./parts-9jMf1erK.js');