@justifi/webcomponents 6.7.2 → 6.7.3

package/dist/esm/{index-B-fWxE5e.js → index-cDVGjRkU.js}

@@ -1,12 +1,13 @@
-import { a as getRenderingRef, f as forceUpdate } from './index-DwYM91AU.js';
+import { S as StencilCore } from './index-CV0Pyo1O.js';
 
 const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
+    let refs = map.get(propName);
+    if (!refs) {
+        refs = [];
+        map.set(propName, refs);
     }
-    else if (!items.includes(value)) {
-        items.push(value);
+    if (!refs.some((ref) => ref.deref() === value)) {
+        refs.push(new WeakRef(value));
     }
 };
 const debounce = (fn, ms) => {
@@ -34,33 +35,54 @@ const debounce = (fn, ms) => {
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
 const cleanupElements = debounce((map) => {
     for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
+        const refs = map.get(key).filter((ref) => {
+            const elm = ref.deref();
+            return elm && isConnected(elm);
+        });
+        map.set(key, refs);
     }
 }, 2_000);
+const core = StencilCore;
+const forceUpdate = core.forceUpdate;
+const getRenderingRef = core.getRenderingRef;
 const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function') {
+    if (typeof getRenderingRef !== 'function' || typeof forceUpdate !== 'function') {
         // If we are not in a stencil project, we do nothing.
         // This function is not really exported by @stencil/core.
         return {};
     }
+    const ensureForceUpdate = forceUpdate;
+    const ensureGetRenderingRef = getRenderingRef;
     const elmsToUpdate = new Map();
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
-            const elm = getRenderingRef();
+            const elm = ensureGetRenderingRef();
             if (elm) {
                 appendToMap(elmsToUpdate, propName, elm);
             }
         },
         set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            const refs = elmsToUpdate.get(propName);
+            if (refs) {
+                const nextRefs = refs.filter((ref) => {
+                    const elm = ref.deref();
+                    if (!elm)
+                        return false;
+                    return ensureForceUpdate(elm);
+                });
+                elmsToUpdate.set(propName, nextRefs);
             }
             cleanupElements(elmsToUpdate);
         },
         reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            elmsToUpdate.forEach((refs) => {
+                refs.forEach((ref) => {
+                    const elm = ref.deref();
+                    if (elm)
+                        ensureForceUpdate(elm);
+                });
+            });
             cleanupElements(elmsToUpdate);
         },
     };
@@ -68,8 +90,11 @@ const stencilSubscription = () => {
 
 const unwrap = (val) => (typeof val === 'function' ? val() : val);
 const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState ?? {}));
+    const resolveDefaultState = () => (unwrap(defaultState) ?? {});
+    const initialState = resolveDefaultState();
+    let states = new Map(Object.entries(initialState));
+    const proxyAvailable = typeof Proxy !== 'undefined';
+    const plainState = proxyAvailable ? null : {};
     const handlers = {
         dispose: [],
         get: [],
@@ -81,7 +106,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
     const reset = () => {
         // When resetting the state, the default state may be a function - unwrap it to invoke it.
         // otherwise, the state won't be properly reset
-        states = new Map(Object.entries(unwrap(defaultState) ?? {}));
+        states = new Map(Object.entries(resolveDefaultState()));
+        if (!proxyAvailable) {
+            syncPlainStateKeys();
+        }
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {
@@ -98,12 +126,14 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         const oldValue = states.get(propName);
         if (shouldUpdate(value, oldValue, propName)) {
             states.set(propName, value);
+            if (!proxyAvailable) {
+                ensurePlainProperty(propName);
+            }
             handlers.set.forEach((cb) => cb(propName, value, oldValue));
         }
     };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
+    const state = (proxyAvailable
+        ? new Proxy(initialState, {
             get(_, propName) {
                 return get(propName);
             },
@@ -123,7 +153,11 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 set(propName, value);
                 return true;
             },
-        }));
+        })
+        : (() => {
+            syncPlainStateKeys();
+            return plainState;
+        })());
     const on = (eventName, callback) => {
         handlers[eventName].push(callback);
         return () => {
@@ -136,7 +170,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 cb(newValue);
             }
         };
-        const resetHandler = () => cb(unwrap(defaultState)[propName]);
+        const resetHandler = () => {
+            const snapshot = resolveDefaultState();
+            cb(snapshot[propName]);
+        };
         // Register the handlers
         const unSet = on('set', setHandler);
         const unReset = on('reset', resetHandler);
@@ -179,6 +216,38 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
             changeListeners.delete(listener);
         }
     };
+    function ensurePlainProperty(key) {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        if (Object.prototype.hasOwnProperty.call(plainState, key)) {
+            return;
+        }
+        Object.defineProperty(plainState, key, {
+            configurable: true,
+            enumerable: true,
+            get() {
+                return get(key);
+            },
+            set(value) {
+                set(key, value);
+            },
+        });
+    }
+    function syncPlainStateKeys() {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        const knownKeys = new Set(states.keys());
+        for (const key of Object.keys(plainState)) {
+            if (!knownKeys.has(key)) {
+                delete plainState[key];
+            }
+        }
+        for (const key of knownKeys) {
+            ensurePlainProperty(key);
+        }
+    }
     return {
         state,
         get,

package/dist/esm/{input-handlers-D3y0TzH9.js → input-handlers-AgwQ-yKX.js}

@@ -1,4 +1,4 @@
-import { d as deconstructDate } from './Business-B5rtFhtR.js';
+import { d as deconstructDate } from './Business-CHJTjG_5.js';
 
 const updateFormValues = (formController, newValues) => {
     formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));

package/dist/esm/{insurance-state-C11WKZU6.js → insurance-state-DQ3xzFpR.js}

@@ -1,6 +1,6 @@
-import { h } from './index-DwYM91AU.js';
-import { J as heading2 } from './parts-sA8HBfkI.js';
-import { c as createStore } from './index-B-fWxE5e.js';
+import { h } from './index-CV0Pyo1O.js';
+import { D as heading2 } from './parts-DrquDBSk.js';
+import { c as createStore } from './index-cDVGjRkU.js';
 
 const Header2 = (props) => {
     return h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading2 }, props.text);

package/dist/esm/internal-tokenize-payment-method_7.entry.js

@@ -1,27 +1,27 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-DwYM91AU.js';
-import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-CV0Pyo1O.js';
+import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c_8fDHCB.js';
-import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DIZ2yD72.js';
+import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { c as checkoutStore } from './GooglePay-NNHE-OLJ.js';
+import { c as checkoutStore } from './GooglePay-5EiPffHy.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-B5rtFhtR.js';
+import './Business-CHJTjG_5.js';
 import './Dispute-BH0Xfn-F.js';
 import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
-import { S as Skeleton } from './skeleton-Dtt56Fl3.js';
+import { S as Skeleton } from './skeleton-D9UXuoik.js';
 import { b as generateTabId } from './utils-CDaVtz_6.js';
-import { B as Button } from './button-Bpf3VX8Q.js';
-import { v as radioListItem } from './parts-sA8HBfkI.js';
-import './package-BzT9OxlN.js';
-import './Api-Dln8a6No.js';
-import './index-B-fWxE5e.js';
+import { B as Button } from './button-DMeChykB.js';
+import { r as radioListItem } from './parts-DrquDBSk.js';
+import './package-ZkBwsSuI.js';
+import './Api-ohkSjyhl.js';
+import './index-cDVGjRkU.js';
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.radioClick = createEvent(this, "radio-click");
+        this.radioClick = createEvent(this, "radio-click", 7);
         this.checked = false;
         this.hidden = false;
         this.handleClick = () => {
@@ -47,8 +47,8 @@ const ERROR_MESSAGES = {
 const InternalTokenizePaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.submitEvent = createEvent(this, "submit-event");
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.submitEvent = createEvent(this, "submit-event", 7);
         this.computedHideSubmitButton = false;
         this.isLoading = false;
         this.submitButtonText = 'Submit';
@@ -278,7 +278,7 @@ const InternalTokenizePaymentMethod = class {
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '8017b0fe2b0e3045a097e30aadf6a54ed2c32e62' }, h("form", { key: 'c7b0ac690a66cfb693d28e7d0eabc93817de4659' }, h("fieldset", { key: 'fb29e26a4100985595c420024d2a5ff48c79043b' }, h("div", { key: '589f51297059afda2e385281dcfeafd67fbd2268', class: "row gy-3" }, h("div", { key: 'bf067015fb3ff24e08501899e370f92dda774c2e', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '28872ca9239e2f85cb83ad8e6f27dc10f84da151', class: "col-12" }, h("justifi-button", { key: '1be3f46e34b42e69d065384dd195d7fdc09a0560', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: 'ffe62ce1bf31ab84080d3a4c158db3b537aea2fb' }, h("form", { key: '26d7942c4d88a758e03627a6042892a4dcb0a306' }, h("fieldset", { key: 'b789b31bad42d4c6912103abe653205165e44e8d' }, h("div", { key: '2e0fe382eb8a0018692ca9da2c911229ed981f0d', class: "row gy-3" }, h("div", { key: '3120e6ddd56b184f2530a1e8c1bb28f2c0f70579', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '9de5bfc72cce2818aba19408ee835d0762d1e777', class: "col-12" }, h("justifi-button", { key: '5bd8cfb66fd34cc6773342175ae22771a095fcab', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -333,10 +333,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '1513483acd2de524f8634feb14f366a269601e06' }, h(BankAccountFormSkeleton, { key: '8b14e99af751f3dbf6e0a3d2d187b44e0934456d', isReady: this.isReady }), h("hidden-input", { key: 'edfc3e1b190f28eee4a3769ff33fb7b8220f73d3' }), h("div", { key: '9371fe5f4e189c882d16bec25068efcc6d56aff9', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '6c1e183b7ba2c70b41e22386d74a9cf7430aa8d5' }, h(BankAccountFormSkeleton, { key: '2755f4d21f8d62919ef56909f2dc6b9211bf550d', isReady: this.isReady }), h("hidden-input", { key: 'c35448285cd2b53973caa4a56c28a135e1ed7d74' }), h("div", { key: '9fae602596267bafc39b9e3e9946a289b38393b6', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '5cecb5ecc5a3cfdb1ff0fe659aa9e22c0c1c8a11', class: "row mb-3" }, h("iframe-input", { key: 'b970e3a6e563cf1a5cff651c219a954d32b1fec3', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'eaf6b26dc3638f548fd7e5b45363319db3bdf5f2', class: "row" }, h("iframe-input", { key: 'c90064cec52a9100522f0ea62593b8e439ea7a9e', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'bfaee6ed0eaa2a68175f18146d56195cc1a23e91', class: "row mb-3" }, h("iframe-input", { key: '7385c2582ad5b397eb2afcb9c87b789d4918542c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'effe6b1f18d5fa531f4537accfe8279b81bc7b49', class: "row" }, h("iframe-input", { key: '19cc7e46d8f7cb79c70ba21f2e9c15c7665eca47', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 
@@ -380,7 +380,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '7c8b76c4eaa412f2dc2ba59fd56cb7c28f46656c' }, h(Button, { key: '9440f90ebb380703b35b6c5d811e5d0780e80fd2', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '2ef29be35c350bbd0530dbad83f65cd4ad4dbe27' }, h(Button, { key: '526763deaf2d228f0142d8efcb805557b8fe6ed9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -434,17 +434,17 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '83bf3ea8d44fd14cf98725b1e800e2481222423b' }, h(CardFormSkeleton, { key: 'e23ef5cf5d8b756dcdfda6341a240d86e400a10e', isReady: this.isReady }), h("hidden-input", { key: 'eddc0b1549ee00084df8bfbbd22658bc48cdf493' }), h("div", { key: '753a4c38f8624a9d528c582fd5e26929977e88c5', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'e204cee1fc875392b8056baf58b7234a739fffce' }, h(CardFormSkeleton, { key: '3accfb88d66661ceaef39f765bb3fddfd0f98393', isReady: this.isReady }), h("hidden-input", { key: '0416ddca8b444cf8702f3fff52065bf647bd4b61' }), h("div", { key: '37c1d5014e5a6658bfd28e08e361ffaa6488f6d7', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'db1c408da9865db12899f2e86d46a3181f592333', class: "mb-3" }, h("iframe-input", { key: 'b31b33f68f34fbde9abdab13cc4b0b09e2122bad', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '4e8e14e60bb566032530fd72e7f787226e0e7940', class: "row" }, h("div", { key: 'cb1c06bd2c2e04cffdc2a6572505a6dcf26e9b48', class: "col-4 align-content-end" }, h("iframe-input", { key: '915ff44d990585262a2e60d83ac569cd56e90762', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'ceca19853d0e78828c5a89a5e1f99acce6d05345', class: "col-4 align-content-end" }, h("iframe-input", { key: 'f0089860aab12b7bcfe31ac9fe6ed303182ff9fa', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'e1bdd33a875bdf82068aceeea68f27c48414ed65', class: "col-4 align-content-end" }, h("iframe-input", { key: '7c483f78294418b7cee76e0c272ad375496bbc7d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'e2956855dfbcab38a782c22e93bd49252196baa8', class: "mb-3" }, h("iframe-input", { key: '55105f1eebab4b846e1b5c55448259368a412349', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '9464b1a500a84dcaa438a9ebdad756637d14cb24', class: "row" }, h("div", { key: 'adc51687629fb00d26c6627e95c0228f5a4dfd11', class: "col-4 align-content-end" }, h("iframe-input", { key: '52a0e5e198b6bfac00515ec220370e289674b613', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '1b09582711d838643db265b003ed18b18042713e', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a1731a8dc02723398e1aae58b3812fccf62e6157', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '1e2c3205f2e0b28d036480d2c61934da5e7da620', class: "col-4 align-content-end" }, h("iframe-input", { key: 'b7b87360068434122f9b5a8935468240684b7a1d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 
 const SaveNewPaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.checkboxChanged = createEvent(this, "checkboxChanged");
+        this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
         this.label = 'Save New Payment Method';
         this.isChecked = false;
         this.handleCheckboxChange = (_name, value) => {
@@ -454,7 +454,7 @@ const SaveNewPaymentMethod = class {
         };
     }
     render() {
-        return (h(StyledHost, { key: '7cc086e518b2defcea924398cd5957b44a893d94' }, h("form-control-checkbox", { key: '523dd82fe06f0c0a6d259a84f320c0a335261232', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '981f6a84fc14a7b687e1b6567b30fb9f861b0aa2' }, h("form-control-checkbox", { key: '566f6261d19f96b87b9382b26a86b71461a29d08', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };
 

package/dist/esm/justifi-additional-questions-form-step_9.entry.js

@@ -1,29 +1,30 @@
-import { h, r as registerInstance, c as createEvent, H as Host } from './index-DwYM91AU.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
 import { m as makeGetBusiness, b as makePatchBusiness, f as makePostBankAccount, g as makePostDocumentRecord } from './payment-provisioning-actions-ONP8lDnV.js';
-import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-BrUSam2T.js';
-import { a as additionalQuestionsSchema, c as businessCoreInfoSchemaCAN, b as businessCoreInfoSchemaUSA } from './business-additional-questions-schema-woG5-pgK.js';
+import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-C7smiL6_.js';
+import { a as additionalQuestionsSchema, c as businessCoreInfoSchemaCAN, b as businessCoreInfoSchemaUSA } from './business-additional-questions-schema-DQb10ehS.js';
 import { F as FormController, c as create$3, a as create$6, b as create$8, d as create$7 } from './index.esm-IWS0494Y.js';
-import { A as AdditionalQuestions, C as CountryCode, e as CoreBusinessInfo, R as Representative, f as Address } from './Business-B5rtFhtR.js';
+import { A as AdditionalQuestions, C as CountryCode, e as CoreBusinessInfo, R as Representative, f as Address } from './Business-CHJTjG_5.js';
 import { C as CURRENCY_MASK, P as PHONE_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { J as heading2, ah as buttonSecondary, l as label, X as inputDisabled } from './parts-sA8HBfkI.js';
-import { S as Skeleton } from './skeleton-Dtt56Fl3.js';
-import './event-types-CZfYo5-1.js';
-import { b as businessServiceReceivedOptions, c as businessClassificationOptions } from './business-form-options-D6s5H4RI.js';
+import { D as heading2, ag as buttonSecondary, V as label, S as inputDisabled, aA as alert } from './parts-DrquDBSk.js';
+import { P as PaymentProvisioningLoading } from './payment-provisioning-loading-DU0pNyqx.js';
+import { b as businessServiceReceivedOptions, c as businessClassificationOptions } from './business-form-options-Bm89rMmk.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
-import './config-state-C2NXATwF.js';
+import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
-import { E as EntityDocumentType, m as EntityDocumentStorage, n as EntityDocument } from './GooglePay-NNHE-OLJ.js';
+import { E as EntityDocumentType, m as EntityDocumentStorage, n as EntityDocument } from './GooglePay-5EiPffHy.js';
 import './Pagination-CLHwhyvu.js';
 import './Dispute-BH0Xfn-F.js';
-import { z as accountNumberValidation, A as accountTypeValidation, u as identityNameValidation, B as nicknameValidation, C as bankNameValidation, D as numbersOnlyRegex, E as routingNumberValidation } from './schema-validations-iamDi5JD.js';
-import { B as Button } from './button-Bpf3VX8Q.js';
-import { c as countryLabels } from './country-config-BQ4D46Lb.js';
-import { i as identitySchemaByCountry, e as addressSchemaByCountry } from './business-identity-schema-B7VTDF4j.js';
-import { A as Api } from './Api-Dln8a6No.js';
+import { A as accountNumberValidation, B as accountTypeValidation, v as identityNameValidation, C as nicknameValidation, D as bankNameValidation, E as numbersOnlyRegex, F as routingNumberValidation } from './schema-validations-jBrJ0mYI.js';
+import { B as Button } from './button-DMeChykB.js';
+import './event-types-CZfYo5-1.js';
+import { c as countryLabels } from './country-config-CQxaTFuP.js';
+import { d as identitySchemaByCountry, e as addressSchemaByCountry } from './business-identity-schema-CaMnpPqx.js';
+import { A as Api } from './Api-ohkSjyhl.js';
 import './utils-BeQLScSm.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './index-B-fWxE5e.js';
+import './skeleton-D9UXuoik.js';
+import './index-cDVGjRkU.js';
 import './utils-CDaVtz_6.js';
 import './index-DkoufM1t.js';
 
@@ -64,17 +65,12 @@ class BankAccount {
     }
 }
 
-const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
-const PaymentProvisioningLoading = () => {
-    return (h("div", { class: "row gap-5" }, h("div", { class: "col-12" }, h(Skeleton, { width: "40%", height: "40px" })), h(FormBlock, null), h(FormBlock, null), h(FormBlock, null)));
-};
-
 const AdditionalQuestionsFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event");
-        this.formLoading = createEvent(this, "formLoading");
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
         this.errors = {};
         this.additional_questions = {};
         this.recurringPayments = false;
@@ -178,12 +174,12 @@ const AdditionalQuestionsFormStep = class {
         }
     }
     render() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_average_transaction_amount", label: "What is your average transaction size?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_average_transaction_amount, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_average_transaction_amount })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -277,9 +273,9 @@ const bankAccountSchemaByCountry = {
 const BusinessBankAccountFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event");
-        this.formLoading = createEvent(this, "formLoading");
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
         this.errors = {};
         this.bankAccount = {};
         this.existingDocuments = [];
@@ -604,9 +600,9 @@ const BusinessBankAccountFormStep = class {
 const BusinessCoreInfoFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event");
-        this.formLoading = createEvent(this, "formLoading");
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
         this.errors = {};
         this.coreInfo = {};
         this.isLoading = false;
@@ -728,16 +724,23 @@ const BusinessCoreInfoFormStep = class {
 const BusinessOwnersFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event");
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event");
-        this.errorEvent = createEvent(this, "error-event");
-        this.formLoading = createEvent(this, "formLoading");
+        this.clickEvent = createEvent(this, "click-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
         this.ownersPayload = [];
         this.refs = [];
         this.isLoading = false;
+        this.representativeIsOwner = null;
         this.matchRef = (ref, ownerId) => {
-            const ownerIndex = this.refs.findIndex(ref => ref === ownerId);
+            if (ref === null)
+                return;
+            const ownerIndex = this.ownersPayload.findIndex(owner => owner.id === ownerId);
             if (ownerIndex !== -1) {
+                // Ensure refs array is properly sized before setting ref
+                if (this.refs.length !== this.ownersPayload.length) {
+                    this.manageRefs();
+                }
                 this.refs[ownerIndex] = ref;
             }
         };
@@ -746,6 +749,7 @@ const BusinessOwnersFormStep = class {
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
+                    this.representative = new Representative(response.data.representative || {});
                     if (response.data.owners.length) {
                         this.ownersPayload = response.data.owners.map(owner => ({ id: owner.id }));
                     }
@@ -799,6 +803,21 @@ const BusinessOwnersFormStep = class {
             this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== id);
             this.newFormOpen && (this.newFormOpen = false);
         };
+        this.handleRepresentativeIsOwnerChange = (value) => {
+            this.representativeIsOwner = value;
+            if (this.representativeIsOwner) {
+                this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== '');
+                this.patchBusiness({
+                    payload: {
+                        owners: [{ id: this.representative.id }, ...this.ownersPayload],
+                    },
+                    onSuccess: () => {
+                        this.getData();
+                        this.newFormOpen = false;
+                    },
+                });
+            }
+        };
     }
     propChanged() {
         this.initializeApi();
@@ -866,7 +885,9 @@ const BusinessOwnersFormStep = class {
         if (this.isLoading) {
             return (h(Host, null, h(PaymentProvisioningLoading, null)));
         }
-        return (h(Host, null, h("div", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Owners"), h("form-control-tooltip", { helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), h("hr", { class: "mt-2" }), h("div", { class: 'row gy-3' }, this.ownersPayload.map((owner) => {
+        const isRepresentativeOwner = this.ownersPayload.some(owner => owner.id === this.representative.id);
+        const shouldShowRepresentativeIsOwner = this.representativeIsOwner === null && !isRepresentativeOwner;
+        return (h(Host, null, h("div", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Owners"), h("form-control-tooltip", { helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), h("hr", { class: "mt-2" }), shouldShowRepresentativeIsOwner && (h("div", { class: `alert alert-warning mb-3`, part: alert }, h("div", { class: "card-body" }, h("div", { class: "d-flex align-items-center mb-3" }, h("strong", null, "Is the representative of this business also an owner?")), h("div", { class: "d-flex gap-2" }, h(Button, { variant: 'primary', onClick: () => this.handleRepresentativeIsOwnerChange(true) }, "Yes"), h(Button, { variant: 'secondary', onClick: () => this.handleRepresentativeIsOwnerChange(false) }, "No"))))), h("div", { class: 'row gy-3' }, this.ownersPayload.map((owner) => {
             return (h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.ownersPayload.length, country: this.country, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
         })), h("div", { class: 'd-flex justify-content-start' }, h("div", { class: 'gap-2' }, h(Button, { variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner"))))));
     }
@@ -880,9 +901,9 @@ const BusinessOwnersFormStep = class {
 const BusinessRepresentativeFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event");
-        this.formLoading = createEvent(this, "formLoading");
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
         this.errors = {};
         this.representative = {};
         this.isLoading = false;
@@ -1017,10 +1038,10 @@ const businessTermsConditionsSchema = (allowOptionalFields) => {
 const BusinessTermsConditionsFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event");
-        this.errorEvent = createEvent(this, "error-event");
-        this.formLoading = createEvent(this, "formLoading");
-        this.formCompleted = createEvent(this, "formCompleted");
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.formCompleted = createEvent(this, "formCompleted", 7);
         this.errors = {};
         this.fetchData = async () => {
             this.formLoading.emit(true);
@@ -1122,16 +1143,16 @@ const BusinessTermsConditionsFormStep = class {
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '721f3c171358f9450a8b460dafac3c9f7f27727b' }, h("fieldset", { key: 'e151086c528d5e359e4ecd2c33feb01c5571a6ca' }, h("legend", { key: 'ff4ba3bead3ec50cf9736d6a864740e542f42b2d', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'c076bfe230bafbe8db7280f5f708de893c970bf2' }), h("div", { key: 'd2a1e0f4e15077d07fe7de2cb847252990b44bde' }, h("p", { key: '559c4c6d6e27b5fb800984e87097fe080482462d' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '014b3a7be231c81bd23c35ab212d7ac4e4c1d107' }), h("div", { key: '3ef38ecffd678c36c564836434f0a0da341116af', class: "row-gy-3" }, h("div", { key: 'e715723e19a212628d29fec46ca494b7080dac66', class: "col-12" }, h("form-control-checkbox", { key: '6054f012fa3abacf6b9f6ffe7d7e88444d8a1066', 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: '33336d0a66d63ce39951822fd570a9a0689e714d' }, h("fieldset", { key: 'fcfdb59eef671cb408ed99e2dad20d6be706688a' }, h("legend", { key: 'f0cf7f0ac15c90cf36ee25d4bf986c0e781a2e92', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'd5c820e7d6523f931040a994bd103d69fd644c45' }), h("div", { key: '681b584de14afe121f5dc69ee0bad1cab51ba0d1' }, h("p", { key: '7c597bf891a108d303739126b806ded5220f56ab' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '52854c5a07611180be40df21a5f60d7d9d4c4cb7' }), h("div", { key: '7448b3f6138b996edac137b961367725e3b40556', class: "row-gy-3" }, h("div", { key: 'c732deb4e1e3a2d04dd4e09914543a7f594af108', class: "col-12" }, h("form-control-checkbox", { key: 'fca18e4843aef20d13790029b114b2ecaeb6ffa2', 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 }))))));
     }
 };
 
 const LegalAddressFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event");
-        this.formLoading = createEvent(this, "formLoading");
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
         this.errors = {};
         this.legal_address = {};
         this.isLoading = false;
@@ -1257,7 +1278,7 @@ const PaymentProvisioningFormButtons = class {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'e13d3613af061d0067d1dbd84b6c3aebfc782aad', class: 'd-flex gap-2' }, h(Button, { key: '7b422ce77e13872f3dbd622574bce0e3e6e9c2ed', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'ea1242fdccb0b0af2438f4aaab91e3e17a607ef7', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '0c323f533ea84608dcdabb885f69d71a81ec684b', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: '53ba6c809e1968712b333f4bcf2798dbca186ddb', class: 'd-flex gap-2' }, h(Button, { key: 'b45c60083ccf6589cae0c63ce6b66c18da340dc7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '27372798da0276de44d1563a4688486e7cc91d64', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '8bc14ca8fe951caf276f8ed03e502486e11acbe2', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 };
 
@@ -1280,7 +1301,7 @@ const PaymentProvisioningFormSteps = class {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: 'dcf3f283bae7de00311f35e41b8d803196f50d49', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'ff7c9e688009383fdbe18c9824fa578d2338900c', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 };