@justifi/webcomponents 6.1.0-rc.2 → 6.1.0

package/dist/{esm/justifi-apple-pay.entry.js → module/apple-pay.js}

@@ -1,15 +1,11 @@
-import { h, r as registerInstance, c as createEvent } from './index-qipqIMyC.js';
-import { A as Api } from './Api-D4tj-h4P.js';
-import { S as StyledHost } from './styled-host-CbizlfAU.js';
-import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-DtpkgjZ6.js';
-import { c as checkoutStore } from './checkout.store-DBvS7cVB.js';
-import './config-state-Blo0ywwc.js';
-import './index-ZfXl6Xrm.js';
-import './utils-BscIVFn8.js';
-import './dinero-HXpYMWUU.js';
-import './parts-RvUQ__Pq.js';
-import './index-DCIW8z1f.js';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { A as Api } from './Api.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { S as Skeleton } from './skeleton.js';
+import { c as checkoutStore } from './checkout.store.js';
 
 var ApplePaySessionStatus;
 (function (ApplePaySessionStatus) {
@@ -165,6 +161,9 @@ class ApplePayService {
                 headers: {
                     'Sub-Account': accountId,
                 },
+                body: {
+                    domain: window.location.host
+                }
             });
             return response;
         }
@@ -551,12 +550,6 @@ const ApplePayButton = (props) => {
         }
         return classes;
     };
-    const getButtonStyles = () => {
-        return {
-            width: props.width || "200px",
-            height: props.height || "48px",
-        };
-    };
     const handleClick = () => {
         if (!props.disabled &&
             !props.isProcessing &&
@@ -565,10 +558,14 @@ const ApplePayButton = (props) => {
             props.clickHandler();
         }
     };
-    return (h("div", { class: 'apple-pay-button-container' }, h("button", Object.assign({ class: getApplePayButtonClass(), style: getButtonStyles(), onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Apple Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner()), h("style", null, `
+    return (h("div", { class: 'apple-pay-button-container' }, h("button", Object.assign({ class: getApplePayButtonClass(), style: {
+            width: props.width,
+            height: props.height,
+        }, onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Apple Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner()), h("style", null, `
           .apple-pay-button-container {
-            display: inline-block;
+            display: block;
             position: relative;
+            width: 100%;
           }
 
           /* Apple Pay CSS classes - these are the official Apple Pay button styles */
@@ -663,13 +660,17 @@ const ApplePayButton = (props) => {
         `)));
 };
 
-const ApplePay = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.applePayStarted = createEvent(this, "applePayStarted");
-        this.applePayCompleted = createEvent(this, "applePayCompleted");
-        this.applePayCancelled = createEvent(this, "applePayCancelled");
-        this.applePayError = createEvent(this, "applePayError");
+const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.applePayStarted = createEvent(this, "applePayStarted", 7);
+        this.applePayCompleted = createEvent(this, "applePayCompleted", 7);
+        this.applePayCancelled = createEvent(this, "applePayCancelled", 7);
+        this.applePayError = createEvent(this, "applePayError", 7);
         this.countryCode = "US";
         this.merchantIdentifier = "merchant.com.staging-justifi.checkout-dev";
         this.merchantDisplayName = "JustiFi Checkout";
@@ -678,6 +679,8 @@ const ApplePay = class {
         this.buttonStyle = ApplePayButtonStyle.BLACK;
         this.disabled = false;
         this.showSkeleton = true;
+        this.width = "100%";
+        this.height = "48px";
         this.isLoading = true;
         this.isProcessing = false;
         this.isAvailable = false;
@@ -848,20 +851,45 @@ const ApplePay = class {
         this.applePayCancelled.emit();
     }
     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 &&
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, { key: '6ffd1642666316916be6c263d6e79c44fb2d26cf' }, checkoutStore.checkoutLoaded && (h("script", { key: 'd3cea0c2fea2b9e51fd926f581dce118a7b0cc00', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+        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", { key: '4a2ee3cb9a98746be1a10c3836833bb408d0896b', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: 'e804a3d42e4632d224a780c2313da4fd40a35281', isLoading: this.isLoading }), isReady && (h(ApplePayButton, { key: '82c8caa32e8857797dc3071a7404d9418fcd2274', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '022d4942b34097987ca8fe956bb6e02174a488b9' }, `
+            } })), h("div", { class: 'apple-pay-container' }, h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), h("style", null, `
             .apple-pay-container {
               width: 100%;
             }
           `)));
     }
-};
+}, [257, "justifi-apple-pay", {
+        "countryCode": [1, "country-code"],
+        "merchantIdentifier": [1, "merchant-identifier"],
+        "merchantDisplayName": [1, "merchant-display-name"],
+        "initiativeContext": [1, "initiative-context"],
+        "buttonType": [1, "button-type"],
+        "buttonStyle": [1, "button-style"],
+        "disabled": [4],
+        "showSkeleton": [4, "show-skeleton"],
+        "width": [1],
+        "height": [1],
+        "isLoading": [32],
+        "isProcessing": [32],
+        "isAvailable": [32],
+        "canMakePayments": [32],
+        "isConfigValid": [32],
+        "error": [32],
+        "isSupported": [64],
+        "getPaymentMethods": [64],
+        "abort": [64]
+    }]);
 // Centralized error codes for the Apple Pay component layer
 ApplePay.ErrorCode = {
     CONFIG_ERROR: 'CONFIG_ERROR',
@@ -870,5 +898,19 @@ ApplePay.ErrorCode = {
     INITIALIZATION_ERROR: 'INITIALIZATION_ERROR',
     PAYMENT_FAILED: 'PAYMENT_FAILED',
 };
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-apple-pay"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-apple-pay":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ApplePay);
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { ApplePay as justifi_apple_pay };
+export { ApplePay as A, defineCustomElement as d };

package/dist/module/badge.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { D as badgeDark, E as badgeLight, F as badgeInfo, G as badgeWarning, H as badgeDanger, I as badgeSuccess, J as badgeSecondary, K as badgePrimary, L as badge } from './parts.js';
+import { E as badgeDark, F as badgeLight, G as badgeInfo, H as badgeWarning, I as badgeDanger, J as badgeSuccess, K as badgeSecondary, L as badgePrimary, M as badge } from './parts.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { n as nameOnlySchema } from './billing-form-schema.js';
-import { V as billingForm } from './parts.js';
+import { W as billingForm } from './parts.js';
 import { F as FormController } from './form.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
@@ -44,7 +44,7 @@ const BankAccountBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class Bank
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '53205714e0fee906cb28b444eadf954b25a11dea' }, h("div", { key: '1208a0bd457a727f73612aa76600ae1362493d1a', part: billingForm, class: "mt-4" }, h("form", { key: 'bd6de1875ed9a9ff95206b38842711d00eaa5258' }, h("fieldset", { key: '9169cc821a58774fd8b0135d1f506f98c96f4339' }, this.legend && (h("legend", { key: '0dac5fca347fa7a6dadeb00cd8a252cc9bc64920' }, this.legend)), h("div", { key: '3a3fc5259f3bc28664e0e2e8ced2e56f39dc3820', class: "row gy-3" }, h("div", { key: '7b61ca324077c9bcfc1d92a078ac9b94eafebe54', class: "col-12" }, h("form-control-text", { key: '49782afc8cd941f921ea80852a5201de6c6cef5e', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h(StyledHost, { key: 'fc6e23e6f8b64b5635dbeea93b9d5fe261dc772c' }, h("div", { key: '05b37c65fe24ddcb546e204350996976f5a53eea', part: billingForm, class: "mt-4" }, h("form", { key: 'b02df8adf96ac298b15bfb744177524f0c067254' }, h("fieldset", { key: '83d292caaa4322fbf151bf5bdac007ea13ea0b7e' }, this.legend && (h("legend", { key: 'bf956b7714776d01869e4bf740b5ee75d758a2cc' }, this.legend)), h("div", { key: '7095362ffbba89a5b6396921e8c5c05d144a9a5b', class: "row gy-3" }, h("div", { key: '36dc450d4411e5755cff8b76fceba7e7cff516c8', class: "col-12" }, h("form-control-text", { key: 'ea52769979280cde0854cbf9fe12fa4abe40b769', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
 }, [257, "justifi-bank-account-billing-form-simple", {
         "legend": [1025],

package/dist/module/bank-account-document-inputs.js

@@ -16,12 +16,12 @@ const BankAccountDocumentFormInputs = /*@__PURE__*/ proxyCustomElement(class Ban
         }
     }
     render() {
-        return (h("div", { key: 'c62d858a070a4611bead814bacd350e7faa4b400', class: "row gy-3" }, h("div", { key: '0044e508f449953f9da16907d1a141a0b4b42f1f', class: "col-12" }, h("form-control-file", { key: 'add74fc5424ffdb64dbae5b2e0dddde39544e5e3', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '0d69209999cb8ded788a12ac3bd46360a73b1443', class: "col-12" }, h("form-control-file", { key: '73cf74f2a2cd19db35ac9e5191cb59a99098806b', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (h("div", { key: '23f5fa6b191b3feea7677a85a421002642a86f50', class: "row gy-3" }, h("div", { key: 'da9d9698f15aeb4bb05baef8fb63c630fcff8a82', class: "col-12" }, h("form-control-file", { key: 'b84a8ec1753210f74989c04b5520f0e94c5a083d', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '06d442df900406f122970bde6b2b293f2c9080ee', class: "col-12" }, h("form-control-file", { key: 'b3dc1d48900c5932c4d59f8b31a323193f0e86b4', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
 }, [256, "bank-account-document-form-inputs", {
-        "inputHandler": [16, "input-handler"],
+        "inputHandler": [16],
         "errors": [8],
-        "storeFiles": [16, "store-files"]
+        "storeFiles": [16]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

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

@@ -15,12 +15,12 @@ const BankAccountFormInputs = /*@__PURE__*/ proxyCustomElement(class BankAccount
         }
     }
     render() {
-        return (h("div", { key: '1628c5430b9235c9e03eff78ccdbf9af49c7f455', class: "row gy-3" }, h("div", { key: 'c4af1f6adcf00c67cfc1c3e962ba716c471f8176', class: "col-12" }, h("form-control-text", { key: '3cb9addf2e55fb8d7f653621d3adccf17ff0bc3d', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1eb8b918e676b267caa0c8808a4dbde740ca46df', class: "col-12" }, h("form-control-text", { key: 'e540eeac2975e58fb5a28dc670441babdc62f857', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '102078fb6d9bc409abe06d7ef4d3bbc11edc1f7a', class: "col-12" }, h("form-control-text", { key: '51f7801dab1d69ea38891e5b31c3c23166d2bdc6', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '66d068a5c05b643e03f45f6cdb0a4f76720d5832', class: "col-12" }, h("form-control-select", { key: '5fa5b53dc35132b0d4948d8ca857563e726599bb', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '522d348ea1460b7d645028a5174fce5bd6704adb', class: "col-12" }, h("form-control-text", { key: 'b2f3c8f097c5f0956252ada807f75d80f0c20225', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '627bfec99086214dad9f938a7c6f6650bb1023b8', class: "col-12" }, h("form-control-text", { key: 'a21cff4dbcbfb85dc851f1905a0dbeb99df81325', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
+        return (h("div", { key: 'da4dc9523bca84cdd02f7e5d47e513c426ed90fd', class: "row gy-3" }, h("div", { key: 'b625a293dec704cbbb132469fdbc8c5d99a660e1', class: "col-12" }, h("form-control-text", { key: 'b41460ddc605f73faf71233ccbbef7e34e690e5a', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'e5560bcdba399baa2e54441436ef5c67936e9fef', class: "col-12" }, h("form-control-text", { key: '18cd16931899f724fd92cb89f1b8d4cd41c5354c', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3bb589db98e5d65022576b602bda41f36e3a90d5', class: "col-12" }, h("form-control-text", { key: 'c870513b8895add114d5ec588561fa6f33a63514', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1783e7b4af2b012338fe2e1b4f1faa9b5e086bcd', class: "col-12" }, h("form-control-select", { key: '6a9af0f6edeae133dce04b7f829abb802db4ac83', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3c3ffced96f67320b4c580be6f28dd8ef5d2c109', class: "col-12" }, h("form-control-text", { key: 'e85df115a9de08ad9abb3237f7bf6c6d23c84150', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '5a25cb25160aff24d1f62df2115dbd248709141e', class: "col-12" }, h("form-control-text", { key: 'dfdf7dce470efb8eea65aa6daf562d190963bace', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
     }
 }, [256, "bank-account-form-inputs", {
         "defaultValue": [8, "default-value"],
         "errors": [8],
-        "inputHandler": [16, "input-handler"],
+        "inputHandler": [16],
         "formDisabled": [4, "form-disabled"]
     }]);
 function defineCustomElement() {

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

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
 import { S as Skeleton } from './skeleton.js';
 import { w as waitForConfig, c as configState } from './config-state.js';
-import { j as generateTabId } from './utils2.js';
+import { k as generateTabId } from './utils2.js';
 import { d as defineCustomElement$2 } from './iframe-input2.js';
 
 const BankAccountFormSkeleton = (props) => {
@@ -47,10 +47,10 @@ const BankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class BankAccountForm
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '10c2cf450e59fd8ac8b020e2e2b77cfc8821b215' }, h(BankAccountFormSkeleton, { key: '6fbcdf90c6da356b44813e7245054bad69fac4ca', isReady: this.isReady }), h("div", { key: 'c1df41c8bd3b3986191b0abad815667e1b88a135', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'f570c76e32ab7b017f220b8bcc0cecfafeffe47a' }, h(BankAccountFormSkeleton, { key: '390e43942d12ca974aa2d591e4df537c0300f235', isReady: this.isReady }), h("div", { key: '97a667e02df2bdc7b804708c122627e315d96c73', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'e4643bc24f565a43a00f09cc93ba1d1fe7063435', class: "row mb-3" }, h("iframe-input", { key: '82850d403c7a137392acd3425c0f1daa3b6e97c9', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '23854468a9e34f4f940b0988f3debc5f035d9102', class: "row" }, h("iframe-input", { key: '595739da0710dae542e4fa9b6286e957f599c502', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: '7b4230ade22fa763a07259d0041a07d6a551e2a7', class: "row mb-3" }, h("iframe-input", { key: '2c1ee3b97a75aae1985fd04d59268c35e61b06e8', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '4aec3fd9f5e9d2ac57d12ecfda773ca75570ae54', class: "row" }, h("iframe-input", { key: 'd2c538e1772bafdcf4bb63bd58951ba8bc617be5', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 }, [256, "bank-account-form", {
         "isReady": [32],

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: '99ccb5aa2afbf79e5bf40d59ca15eb217180349a' }, h(BankAccountFormSkeleton, { key: 'a26a6f4391a5e5b7923f36b05bdfe57491b31d8a', isReady: this.isReady }), h("hidden-input", { key: '7555fe1bbf38a1525e7c11fe7182e264752435c9' }), h("div", { key: 'd1d7141ee75a644d4ae67d23b353dc6293306371', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'a2fd28c8b8202e0d702d02761cbcf3f568298265' }, h(BankAccountFormSkeleton, { key: '6777d110d3ccf3a688a763687c7087a3520643ac', isReady: this.isReady }), h("hidden-input", { key: '513e1cdaaf464a741d4312a6d359c4af665e0ade' }), h("div", { key: '2b4e473c7bb062a78148537d2cad02caf503330d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'db0d578ccb3647e049b5ef958bef0273a8945448', class: "row mb-3" }, h("iframe-input", { key: '58311d94a8f5f023f05de260afbaf6bc707a0d57', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '92e4b77f012a414ac88b8faf721b5a10f2c5a3a4', class: "row" }, h("iframe-input", { key: '5163f7e8cff8fb82bb009f615ef7ab2e231deb52', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'e706151f3e04835efab49fc0fb7a48f4657ab2c4', class: "row mb-3" }, h("iframe-input", { key: 'a70e0deac68d04f9ffa37790c33d801cfce8dc46', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '3f488f86388b2fc797c49ddc81c7de3a815ca74f', class: "row" }, h("iframe-input", { key: 'a09d3cec373c5bab5b38ebc090724178e65d2de2', 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/billing-form-full.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as fullBillingSchema } from './billing-form-schema.js';
-import { V as billingForm } from './parts.js';
+import { W as billingForm } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header3 } from './header-3.js';
 import './details.js';

package/dist/module/billing-form.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { P as PAYMENT_METHODS } from './ModularCheckout.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-select2.js';
 import { d as defineCustomElement$5 } from './form-control-text2.js';
@@ -15,10 +16,10 @@ const BillingForm = /*@__PURE__*/ proxyCustomElement(class BillingForm extends H
         }
     }
     get showSimpleCardBillingForm() {
-        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_CARD && this.hideCardBillingForm;
     }
     get showSimpleBankAccountBillingForm() {
-        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_BANK_ACCOUNT && this.hideBankAccountBillingForm;
     }
     async getValues() {
         var _a;

package/dist/module/business-additional-questions-form-step-core.js

@@ -112,8 +112,8 @@ const AdditionalQuestionsFormStepCore = /*@__PURE__*/ proxyCustomElement(class A
         "additional_questions": ["recurringPaymentsWatcher"]
     }; }
 }, [256, "justifi-additional-questions-form-step-core", {
-        "getBusiness": [16, "get-business"],
-        "patchBusiness": [16, "patch-business"],
+        "getBusiness": [16],
+        "patchBusiness": [16],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

package/dist/module/business-additional-questions-form-step.js

@@ -48,7 +48,7 @@ const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class Addit
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: '9692b11a4a655aade004e62c4b4c1fa61904ec11', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'b494a48aa19f63e30007663276876540c5149879', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-bank-account-form-step-core.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, d as create$8, F as FormController } from './form.js';
-import { E as EntityDocumentType, g as EntityDocumentStorage, h as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { E as EntityDocumentType, h as EntityDocumentStorage, i as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, i as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations.js';
 import './Business.js';
 import { B as BusinessFormStep } from './event-types2.js';
@@ -331,9 +331,9 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
     }; }
 }, [256, "justifi-business-bank-account-form-step-core", {
         "businessId": [1, "business-id"],
-        "getBusiness": [16, "get-business"],
-        "postBankAccount": [16, "post-bank-account"],
-        "postDocumentRecord": [16, "post-document-record"],
+        "getBusiness": [16],
+        "postBankAccount": [16],
+        "postDocumentRecord": [16],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

package/dist/module/business-bank-account-form-step.js

@@ -58,7 +58,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         }
     }
     render() {
-        return (h("justifi-business-bank-account-form-step-core", { key: '675d0d4f64e58f8b036ccd0bdf6d2f77d95fab4b', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-bank-account-form-step-core", { key: 'adb496ad14cd3334d30e571d873150ed8335f833', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-core-info-form-step-core.js

@@ -101,8 +101,8 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
     }
 }, [256, "justifi-business-core-info-form-step-core", {
         "businessId": [1, "business-id"],
-        "getBusiness": [16, "get-business"],
-        "patchBusiness": [16, "patch-business"],
+        "getBusiness": [16],
+        "patchBusiness": [16],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

package/dist/module/business-core-info-form-step.js

@@ -49,7 +49,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: 'c8eb1c76b9c7839e83f341eca5cc60737fb83f6e', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: '1d2bd68e87d5f312c54f5a4bda8863b26fdeec5d', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-core-info.js

@@ -31,10 +31,10 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '0f01827de5a6ff9f6da4aabac4c219da9bb7f7bc' }, h("fieldset", { key: 'fb47f0c5e7d566fe3af06eb1f38af813ca1a5a98' }, h("legend", { key: '04b3a526d159f010da3960220c6738c23ab59ae9', part: heading2 }, "General Info"), h("div", { key: 'cfa7ae60828f3b7525d6582effe31e11f4940ae1', class: "row gy-3" }, h("div", { key: '09f915e522f42ea60bde326b93c0acbf79914047', class: "col-12" }, h("form-control-text", { key: 'fcfb0a32d62173c0fd60e21410cbf8be1843855f', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'be83c79addceacb5621fb480cdc606a5393778ca', class: "col-12" }, h("form-control-text", { key: 'e78ff2fa54cd819b9117d03976d40e5aa49e33b5', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '1a17daeaac46daa23ea4a2a028d08db238cc11d9', class: "col-12 col-md-8" }, h("form-control-select", { key: 'c8d76e0cdb665a43162d5605bda5361969933964', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '1cfd904e9c039e834e086847b296ee4a6ee3f676', class: "col-12 col-md-4" }, h("form-control-date", { key: 'bdd8b4b01c9bd22b4c0188d7b37ebd6228a8af45', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'bb1aceaf0a2ea01d4116fa66e7fc086824940619', class: "col-12 col-md-6" }, h("form-control-text", { key: '4fdcb1caae3cba88e8f6f9c14cb8b85c98e8a0f2', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '238c8aae3f95286292b302efd2a490a0b7e9ce56', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '5a8e4040603858ff704da4c3c901d3903d0ed619', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'e3a9a7987837dbb026b3edb6c0659b8c45ddf3bc', class: "col-12" }, h("form-control-text", { key: 'fd826dbe012a25bfcaf456f3f2d3e300de3b81d8', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '26cd8ff17604388d92f594193cde8a5005a727d1', class: "col-12 col-md-6" }, h("form-control-text", { key: 'cf5c1601d7d956656168d3819767cc912a35ea7c', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'f94b1fa7cc39f3800404ce2ea2d46af70bf43b08', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ea73e0093f103c7bc5913ca1dc7625fde1ff09f6', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: '75bbee71e68fb0dafa609838f4d3e22bf4388332' }, h("fieldset", { key: '1e1cc71bfd46b278ad3f7d3a73d5b126fbf19533' }, h("legend", { key: '341b82942f116b4a2b0b29ce505fda3a153f88ec', part: heading2 }, "General Info"), h("div", { key: 'e97b3c3a38f888795c24c887d42854c79f1f7b34', class: "row gy-3" }, h("div", { key: '6d560585e9843143c836a302ad83b19719732467', class: "col-12" }, h("form-control-text", { key: '9868049d15e3f2552feba3ff6fa6b1ab43c7ae9c', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'f77c1d66117c29b6f5963a99bbb531f76242d052', class: "col-12" }, h("form-control-text", { key: '2708d678c35d4fa9838cd3fd834c77105b94feff', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'bb17f23c8f7fc1be73524dce8ed11ce9a9524a21', class: "col-12 col-md-8" }, h("form-control-select", { key: 'bc4175a9ed29127d89cf9c6135448c80733f6959', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '6c5faad25c64ec50023be5128b8b0527584f9a7c', class: "col-12 col-md-4" }, h("form-control-date", { key: '54a151222d7eabc40a66ffbd5d0dba2e765cd135', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '5a562ba1811a319d2f5dd10197be2e1ecb94da8b', class: "col-12 col-md-6" }, h("form-control-text", { key: '03780a900fd4c176e5658b0784ef57eb48d2b3f7', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '96e4110eb7b40f87a804b24a2ec94defca0be899', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3cfda64e576a93bbed143b34c235b5388dade635', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: '6a6e4d87838f2666c2750662c1f031f3b8d0effe', class: "col-12" }, h("form-control-text", { key: '68f28a6b78e2df1cd69631097a001369722d8081', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '8a334f64bc214d1211772e5a5018b82dadd88d1a', class: "col-12 col-md-6" }, h("form-control-text", { key: '639888a2d30e785e1d403830c718b7991f28285a', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'b4aac33c17ce96c5c9a9ce5a90f322f69941df5e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c384d24cc34fefca964a5eb412b28360361ab780', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [256, "justifi-business-core-info", {
-        "formController": [16, "form-controller"],
+        "formController": [16],
         "errors": [32],
         "coreInfo": [32]
     }]);

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

@@ -64,7 +64,7 @@ const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetai
         return (h(StyledHost, null, h("justifi-details", { "error-message": this.errorMessage }, h("div", { slot: 'detail-sections' }, h("core-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })))));
     }
 }, [256, "business-details-core", {
-        "getBusiness": [16, "get-business"],
+        "getBusiness": [16],
         "business": [32],
         "renderState": [32],
         "errorMessage": [32]

package/dist/module/business-documents-on-file2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { s as snakeCaseToHumanReadable, a as formatDate, b as formatTimeSeconds } from './utils2.js';
-import { q as card, h as heading2, u as table, v as tableHeadCell, w as tableCell } from './parts.js';
+import { u as card, h as heading2, v as table, w as tableHeadCell, x as tableCell } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
 import './event-types.js';

package/dist/module/business-owners-form-step-core.js

@@ -145,8 +145,8 @@ const BusinessOwnersFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busine
 }, [256, "justifi-business-owners-form-step-core", {
         "authToken": [1, "auth-token"],
         "businessId": [1, "business-id"],
-        "getBusiness": [16, "get-business"],
-        "patchBusiness": [16, "patch-business"],
+        "getBusiness": [16],
+        "patchBusiness": [16],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "ownersPayload": [32],
         "refs": [32],

package/dist/module/business-owners-form-step.js

@@ -53,7 +53,7 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         }
     }
     render() {
-        return (h(Host, { key: 'aa3b4e716a0592f48180b7dbe2f81662aeb4d6e7' }, h("justifi-business-owners-form-step-core", { key: '8e3ef054061dbe2500aa9f67e4aea53b12e5d432', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: '3420b6e74da344665583a49146b5b7fd1be40155' }, h("justifi-business-owners-form-step-core", { key: '3e092450028815a0b134af4294edbb7589864409', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -25,12 +25,12 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("form", { key: 'a2c558b8a6b66d7257fa86ef5f9c1d56a7a273db' }, h("fieldset", { key: '23cb7f2debd4692c39cfe2311ce0d2549ca94ebc' }, h("div", { key: '0c6e94b6a9da6924673f5ebeed93f237ff22a013', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'a165d7dc17dddde2d6ce35af9d836a989f02ffaf', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '5c2c29ae9ea82acc6c923c870f4ece5db5e7afb9', 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: 'bc481e820461c6ec2088f2879cb9a5837ed02884', class: "mt-2" }), h("div", { key: 'ff4b0731213ddc42ebabb79d49984b83d376f742', class: "row gy-3" }, h("div", { key: '99cac91d3657bce68ce97028342d49cb8a2bb314', class: "col-12 col-md-8" }, h("form-control-text", { key: '534e81b075f732ae3953d8f904199d61a43de4bb', 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: '6070fdff99a868b50deb59c9d006d3c4775a50bd', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c92477cc30c5a9c7d99842dff2855edce67185f9', 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: '14d953417a1ec0292d75251b37b580361def0fb3', class: "col-12 col-md-6" }, h("form-control-text", { key: '42562735066b104619b8aa4da966aaec462f177b', 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: 'cb7f6173a31fac67edf74844f0807ea94446c59b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '42b0833d545243c11f515d320aac5408bb744e89', 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: 'a9468f20a7d832ae44d771c3b8913c32cf0ef2ab', class: "col-12 col-md-4" }, h("form-control-date", { key: '1f739c1d3bb814710ee159740e459bde72a0e790', 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: 'e2ecd87320422e1712138115291016f8c1c61ac2', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'dd91ffa7877d84cfe315849d18c7cec5bf79b1de', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'ef502c55424287c5c81ca88593f5836d21a2f945', class: "col-12" }, h("justifi-identity-address-form", { key: '26295cbccf0ca23415b4d7c12dc42eb2dbb0d229', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h("form", { key: 'e4b7a532e18a921a5a28aab31f679fbbad164198' }, h("fieldset", { key: 'd7056e5ee25625adb563e2687f581157653c8a9d' }, h("div", { key: '456aab0ef1399a7c1d272059c881c6c6f3d0e87c', class: "d-flex align-items-center gap-2" }, h("legend", { key: '430b3731bbd97ff1589bd81bd6fdaa4082161180', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '47676ededb80e0f766cb786265d8fb307c60d125', 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: '514197b5bd4868ec29e75dc74367deb187b32063', class: "mt-2" }), h("div", { key: 'f2986d55d0bfbf0e6059f0b2a766d2dc603acdc5', class: "row gy-3" }, h("div", { key: 'e4a3749c5e972f505527b8fc172f9a4214806345', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd54c8d17f0360277fe04dd91a528e303182495c7', 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: '4fa0b1a192fb39a982c957d202ea2ac1e40dedd8', class: "col-12 col-md-4" }, h("form-control-text", { key: '8c3bca4234ea0e7ae3c79d810ffb469637898eb6', 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: '7e14a61364883172f2938bd8b1e53883ddd369fe', class: "col-12 col-md-6" }, h("form-control-text", { key: '8d9c81d374998dbaea5322906fddb5eeadea1546', 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: 'c3f369b226a08497926b26d0732b7dc9d6413559', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '734625aeac8384f2b8676c4d350368675cff3a6f', 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: '23d509b724f2617eb0a4f85c74238b09a052a6cb', class: "col-12 col-md-4" }, h("form-control-date", { key: '0f838cc474beab9822a84856733a86ecf43f0ec3', 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: 'f6d08c53dad2e9a550adf893ac59166015ffb6e4', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'dd610955fb7c62fd0aab9af925af34cdc47ab3e9', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'd4e2a212a87ca9be4be8e21f3e47008b2201871c', class: "col-12" }, h("justifi-identity-address-form", { key: 'bb2d0d01e07be4d37acfd448796c8a33460111ed', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [256, "justifi-business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],
         "errors": [8],
-        "formController": [16, "form-controller"]
+        "formController": [16]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/module/business-representative-form-step-core.js

@@ -93,8 +93,8 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
         return (h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
     }
 }, [256, "justifi-business-representative-form-step-core", {
-        "getBusiness": [16, "get-business"],
-        "patchBusiness": [16, "patch-business"],
+        "getBusiness": [16],
+        "patchBusiness": [16],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

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

@@ -51,7 +51,7 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '241cd9ff1afae3bf1f9107cf6f66392b7b656471', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '582c77f4b763573a1d29726285a9b871afe96d89', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-representative.js

@@ -38,10 +38,10 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '94097bf5ab94fc900918d44510ea8810f2a1984d' }, h("fieldset", { key: '95619d9fa81838e5a08e191845a7343f8b3609ce' }, h("legend", { key: '9ec4d2470dc31e3128c0d3351e3983dc07bca92e', part: heading2 }, "Representative"), h("div", { key: 'a2b1d8ab98e3683c6ad57d6a6dfb259b27a8cd0f', class: "row gy-3" }, h("div", { key: 'ce36f02cde3b989b427418b7c09b92bcbc9638f1', class: "col-12 col-md-8" }, h("form-control-text", { key: '7912bcd5f4f4d5870a08529d09a21994911a7262', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '57f138c87e53aa0b555dc5d7ebe699c6207e5825', class: "col-12 col-md-4" }, h("form-control-text", { key: 'd98d5cfcb5f4a7e1dd9eb0e55844bb8a210bd305', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '08093caed32f9124c48fc73e05b2e5ec698fac5d', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ef868e698b2369934bfeee522d8f4a7ff4924074', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'ffb1c8a6ccd2df1a198f679ad02d3921821939b9', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce4cd6e4edacdc536f74b85341fe35dc4aae435e', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '27d97a8149ba81e7576e850c8c273298c8394f51', class: "col-12 col-md-4" }, h("form-control-date", { key: '5cd76163b49822f9dcbd3339c89a0afffcc4247f', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '62bd3c48ccc31d7f36a00bc27eafefc3369226e3', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '7d43730b2615e7b515ca6c66d90ceeb573e61d6a', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'ec6cb5f493f5335f6b0490894577eb401f1c150a', class: "col-12" }, h("justifi-identity-address-form", { key: '6ecffcd10914504148573e99a708cae6d6976cd2', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { key: '88bd35928331776d5cbb7d085fd55a76fde1a084' }, h("fieldset", { key: '202c40f332352c2f4d3c8a136888c39c67379e5f' }, h("legend", { key: 'a0b5043b348b1d8632a6bf0fe2d4309a8132d1f7', part: heading2 }, "Representative"), h("div", { key: 'ba50c004e2b37f384dd8af63b1e0e397abadb9de', class: "row gy-3" }, h("div", { key: 'b85bf5fb0da9e8feae19dbebb0a911362e914601', class: "col-12 col-md-8" }, h("form-control-text", { key: '95f849c7c0ba0c67bdc0a55727e00755e03897ef', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '074067a3ce960b678ea38d53b84adda24e60754c', class: "col-12 col-md-4" }, h("form-control-text", { key: '7ef397af32b7c0f79eeae1499bf3d3d147961c96', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'a26bfd8a0824aaa12c6ffa48ac58c2bccc7236ef', class: "col-12 col-md-6" }, h("form-control-text", { key: '39174c4b812462d1aa28824bca550e3f6e1d98b4', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'ed0a2c52e4df0c43b2536dfd1ff3692a4e5716d9', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '07bdcc1dd2e1473b64218eb28c8cdcf1cdce2a91', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '96092fd371ec82a8f8ebbf8bc4e3064768d4ad97', class: "col-12 col-md-4" }, h("form-control-date", { key: 'c24980f126c056aff139e897fdef9795905ea89b', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '9d1695fa6e68bb4ae9a8184dcb5e15d588474ab8', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '8d8a56c08fb06f1a54baf3ee3d6e31a684205290', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '22fa5e16517e14ab031aa5e7e95ea77bd7b28986', class: "col-12" }, h("justifi-identity-address-form", { key: '4a990de739a0ae6fbf1f6a621ff7c0078517e970', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [256, "justifi-business-representative", {
-        "formController": [8, "form-controller"],
+        "formController": [16],
         "errors": [32],
         "representative": [32]
     }]);

package/dist/module/business-terms-conditions-form-step.js

@@ -131,7 +131,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: 'ed3e493e5c53e303c98e97a15149cffd2865de47' }, h("fieldset", { key: 'a4be899152d7930c2e5ac8b384f866ba313a434f' }, h("legend", { key: '6b473d236380c13ec4186cb5088f976349f18e7c', part: heading2 }, "Terms and Conditions"), h("hr", { key: '4ef52973bed72265e0ef29f0ac6e7a0ac1142f8a' }), h("div", { key: '621d89594d6335d10a746af628ce85df0bf4a71f' }, h("p", { key: '2f13e9851fdfa4b8f678de19261e7df7a7968cc0' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '7951565f2ad57491cbba0d05d650eb0aea1aea54' }), h("div", { key: 'e7d727efbd5d732b31746d3cc61eeaf9eb4b1ff6', class: "row-gy-3" }, h("div", { key: 'b6d8d501530fbe4de7c11eb46218c618a7aec26f', class: "col-12" }, h("form-control-checkbox", { key: '79030af1a43bc5d1742726b8ea66d6dda3306473', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '8cea6fff2e5b5cbfa7de6b3adfce238153599d1e' }, h("fieldset", { key: 'ef3c4ce5d0d03f1d048e072c6f7ac3da565ffb18' }, h("legend", { key: 'caa5fee86bd4b5c2a7204a76ae3533146526b9e1', part: heading2 }, "Terms and Conditions"), h("hr", { key: '5a72caeaf2dae8f57c0be09ca21feceb0793daf4' }), h("div", { key: 'e39700b83a10c479cf6d767c1af61ac8b480e4d5' }, h("p", { key: '2b8520977bedf73c295a387095724a561391b005' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '706ec9ecfd4a0909583745f90b36eeb42fa5e690' }), h("div", { key: 'd915e2c49188b829b33b03f07cc8f1ccea99ee1d', class: "row-gy-3" }, h("div", { key: 'cbbc74e6b5e80bf54884a8f41eb94f6d5bcdb6dd', class: "col-12" }, h("form-control-checkbox", { key: 'f63aed196d33f1760dae8c5ac5487c0fbc7d4838', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 }, [256, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/button.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { $ as buttonSecondary, a0 as buttonPrimary, a1 as buttonLoading } from './parts.js';
+import { a0 as buttonSecondary, a1 as buttonPrimary, a2 as buttonLoading } from './parts.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, h("span", { class: "visually-hidden" }, "Loading...")));