@justifi/webcomponents 5.5.0 → 5.6.1

package/dist/collection/actions/sub-account/get-subaccounts.js

@@ -1,9 +1,9 @@
 import { ComponentErrorSeverity, SubAccount } from "../../api";
 import { getErrorCode, getErrorMessage } from "../../api/services/utils";
-export const makeGetSubAccounts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+export const makeGetSubAccounts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
     try {
-        const response = await service.fetchSubAccounts(accountId, authToken, params, apiOrigin);
+        const response = await service.fetchSubAccounts(accountId, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const subAccounts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new SubAccount(dataItem))) || [];

package/dist/collection/actions/terminal/get-terminal-models.js

@@ -1,9 +1,9 @@
 import { ComponentErrorSeverity, TerminalModel } from "../../api";
 import { getErrorCode, getErrorMessage } from "../../api/services/utils";
-export const makeGetTerminalModels = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
+export const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a, _b, _c, _d;
     try {
-        const response = await service.fetchTerminalModels(id, authToken, apiOrigin);
+        const response = await service.fetchTerminalModels(id, authToken);
         if (!response.error) {
             const terminals = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.terminal_order_models) === null || _b === void 0 ? void 0 : _b.map((dataItem) => new TerminalModel(dataItem))) || [];
             const orderLimit = (_c = response.data) === null || _c === void 0 ? void 0 : _c.order_limit;

package/dist/collection/actions/terminal/get-terminal-orders.js

@@ -1,10 +1,10 @@
 import { TerminalOrder } from "../../api";
 import { ComponentErrorSeverity } from "../../api/ComponentError";
 import { getErrorCode, getErrorMessage } from "../../api/services/utils";
-export const makeGetTerminalOrders = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
+export const makeGetTerminalOrders = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
     try {
-        const response = await service.fetchTerminalOrders(id, authToken, params, apiOrigin);
+        const response = await service.fetchTerminalOrders(id, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const terminalOrders = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new TerminalOrder(dataItem))) || [];

package/dist/collection/actions/terminal/get-terminals.js

@@ -1,10 +1,10 @@
 import { Terminal } from "../../api";
 import { ComponentErrorSeverity } from "../../api/ComponentError";
 import { getErrorCode, getErrorMessage } from "../../api/services/utils";
-export const makeGetTerminals = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+export const makeGetTerminals = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
     try {
-        const response = await service.fetchTerminals(id, authToken, params, apiOrigin);
+        const response = await service.fetchTerminals(id, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const terminals = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Terminal(dataItem))) || [];

package/dist/collection/api/ApiNew.js

@@ -0,0 +1,82 @@
+import { waitForConfig, configState } from "../components/config-provider/config-state";
+import { generateId } from "../utils/utils";
+const Api = () => {
+    async function getAuthorizationHeader(authToken) {
+        if (!authToken) {
+            return {
+                'Content-Type': 'application/json',
+            };
+        }
+        return {
+            Authorization: `Bearer ${authToken}`,
+            'Idempotency-Key': generateId(),
+            'Content-Type': 'application/json',
+        };
+    }
+    async function makeRequest(props) {
+        const { authToken, endpoint, method, params, body, signal, headers } = props;
+        await waitForConfig();
+        const apiOrigin = configState.apiOrigin;
+        const url = `${apiOrigin}/v1/${endpoint}`;
+        const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
+        const defaultHeaders = await getAuthorizationHeader(authToken);
+        const mergedHeaders = Object.assign(Object.assign({}, defaultHeaders), headers);
+        const response = await fetch(requestUrl, {
+            method: method,
+            headers: mergedHeaders,
+            body: body,
+            signal: signal,
+        });
+        if (response) {
+            return response.status === 204 ? {} : response.json();
+        }
+        handleError(requestUrl);
+    }
+    async function get(props) {
+        const { authToken, endpoint, params, signal, headers } = props;
+        return makeRequest({ authToken, endpoint, method: 'GET', params, signal, headers });
+    }
+    async function post(props) {
+        const { authToken, endpoint, body, params, signal, headers } = props;
+        return makeRequest({
+            authToken,
+            endpoint,
+            method: 'POST',
+            params,
+            body: JSON.stringify(body),
+            signal,
+            headers,
+        });
+    }
+    async function put(props) {
+        const { authToken, endpoint, body, params, signal } = props;
+        return makeRequest({
+            authToken,
+            endpoint,
+            method: 'PUT',
+            params,
+            body: JSON.stringify(body),
+            signal,
+        });
+    }
+    async function patch(props) {
+        const { authToken, endpoint, body, params, signal } = props;
+        return makeRequest({
+            authToken,
+            endpoint,
+            method: 'PATCH',
+            params,
+            body: JSON.stringify(body),
+            signal,
+        });
+    }
+    async function destroy(props) {
+        const { authToken, endpoint, params, signal } = props;
+        return makeRequest({ authToken, endpoint, method: 'DELETE', params, signal });
+    }
+    return { get, post, put, patch, destroy };
+};
+function handleError(requestUrl) {
+    console.error(`Error fetching from ${requestUrl}`);
+}
+export default Api;

package/dist/collection/api/PaymentBalanceTransaction.js

@@ -0,0 +1,45 @@
+import { formatCurrency } from "../utils/utils";
+export var PaymentBalanceTxnType;
+(function (PaymentBalanceTxnType) {
+    PaymentBalanceTxnType["payment"] = "payment";
+    PaymentBalanceTxnType["paymentFee"] = "payment_fee";
+    PaymentBalanceTxnType["payout"] = "payout";
+    PaymentBalanceTxnType["refund"] = "refund";
+    PaymentBalanceTxnType["feeRefund"] = "fee_refund";
+    PaymentBalanceTxnType["dispute"] = "dispute";
+    PaymentBalanceTxnType["disputeFee"] = "dispute_fee";
+    PaymentBalanceTxnType["disputeFeeRefund"] = "dispute_fee_refund";
+    PaymentBalanceTxnType["disputeRefund"] = "dispute_refund";
+    PaymentBalanceTxnType["applicationFeeReturned"] = "application_fee_returned";
+})(PaymentBalanceTxnType || (PaymentBalanceTxnType = {}));
+export class PaymentBalanceTransaction {
+    constructor(balanceTransaction) {
+        this.id = balanceTransaction.id;
+        this.amount = balanceTransaction.amount;
+        this.balance = balanceTransaction.balance;
+        this.currency = balanceTransaction.currency;
+        this.financial_transaction_id = balanceTransaction.financial_transaction_id;
+        this.payment_id = balanceTransaction.payment_id;
+        this.payment_balance_txn_type = balanceTransaction.payment_balance_txn_type;
+        this.source_id = balanceTransaction.source_id;
+        this.source_type = balanceTransaction.source_type;
+        this.created_at = balanceTransaction.created_at;
+        this.updated_at = balanceTransaction.updated_at;
+    }
+    get displayTransactionId() {
+        if (this.payment_balance_txn_type === PaymentBalanceTxnType.paymentFee) {
+            return '--';
+        }
+        else if (this.payment_balance_txn_type === PaymentBalanceTxnType.applicationFeeReturned) {
+            return '--';
+        }
+        else {
+            return this.source_id;
+        }
+        ;
+    }
+    formattedPaymentAmount(amount) {
+        return formatCurrency(amount, this.currency);
+    }
+}
+;

package/dist/collection/api/PayoutBalanceTransaction.js

@@ -0,0 +1,35 @@
+import { formatCurrency } from "../utils/utils";
+export var PayoutBalanceTransactionType;
+(function (PayoutBalanceTransactionType) {
+    PayoutBalanceTransactionType["fee"] = "fee";
+    PayoutBalanceTransactionType["payment"] = "payment";
+    PayoutBalanceTransactionType["payout"] = "payout";
+    PayoutBalanceTransactionType["sellerPaymentRefund"] = "seller_payment_refund";
+    PayoutBalanceTransactionType["disputeAmountCollected"] = "dispute_amount_collected";
+    PayoutBalanceTransactionType["disputeFeeCollected"] = "dispute_fee_collected";
+    PayoutBalanceTransactionType["sellerPayment"] = "seller_payment";
+    PayoutBalanceTransactionType["transfer"] = "transfer";
+    PayoutBalanceTransactionType["partnerPlatformProceedsCredit"] = "partner_platform_proceeds_credit";
+})(PayoutBalanceTransactionType || (PayoutBalanceTransactionType = {}));
+export class PayoutBalanceTransaction {
+    constructor(balanceTransaction) {
+        this.id = balanceTransaction.id;
+        this.account_id = balanceTransaction.account_id;
+        this.payout_id = balanceTransaction.payout_id;
+        this.financial_transaction_id = balanceTransaction.financial_transaction_id;
+        this.amount = balanceTransaction.amount;
+        this.fee = balanceTransaction.fee;
+        this.net = balanceTransaction.net;
+        this.currency = balanceTransaction.currency;
+        this.source_id = balanceTransaction.source_id;
+        this.description = balanceTransaction.description;
+        this.txn_type = balanceTransaction.txn_type;
+        this.created_at = balanceTransaction.created_at;
+        this.available_on = balanceTransaction.available_on;
+        this.updated_at = balanceTransaction.updated_at;
+    }
+    formattedPaymentAmount(amount) {
+        return formatCurrency(amount, this.currency);
+    }
+}
+;

package/dist/collection/api/index.js

@@ -6,7 +6,9 @@ export * from './Checkout';
 export * from './Insurance';
 export * from './Pagination';
 export * from './Payment';
+export * from './PaymentBalanceTransaction';
 export * from './Payout';
+export * from './PayoutBalanceTransaction';
 export * from './Terminal';
 export * from './TerminalOrder';
 export * from './TerminalModel';

package/dist/collection/api/services/business.service.js

@@ -1,8 +1,10 @@
 import Api from "../Api";
+import NewApi from "../ApiNew";
 export class BusinessService {
-    async fetchBusiness(businessId, authToken, apiOrigin = PROXY_API_ORIGIN) {
+    async fetchBusiness(businessId, authToken) {
+        const api = NewApi();
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;

package/dist/collection/api/services/payment.service.js

@@ -1,12 +1,16 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class PaymentService {
-    async fetchPayments(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin: apiOrigin });
+    async fetchPayments(accountId, authToken, params) {
         const endpoint = `account/${accountId}/payments`;
-        return api.get({ endpoint, params });
+        return api.get({ endpoint, params, authToken });
     }
-    async fetchPayment(paymentId, authToken, apiOrigin = PROXY_API_ORIGIN) {
+    async fetchPayment(paymentId, authToken) {
         const endpoint = `payments/${paymentId}`;
-        return Api({ authToken, apiOrigin }).get({ endpoint });
+        return api.get({ endpoint, authToken });
+    }
+    async fetchPaymentTransactions(paymentId, authToken, params) {
+        const endpoint = `payments/${paymentId}/payment_balance_transactions`;
+        return api.get({ endpoint, params, authToken });
     }
 }

package/dist/collection/api/services/payout.service.js

@@ -1,18 +1,21 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class PayoutService {
-    async fetchPayouts(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin });
+    async fetchPayouts(accountId, authToken, params) {
         const endpoint = `account/${accountId}/payouts`;
-        return api.get({ endpoint, params });
+        return api.get({ authToken, endpoint, params });
     }
-    async fetchPayout(payoutId, authToken, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin });
+    async fetchPayout(payoutId, authToken) {
         const endpoint = `payouts/${payoutId}`;
-        return api.get({ endpoint });
+        return api.get({ authToken, endpoint });
     }
-    async fetchCSV(payoutId, authToken, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin });
+    async fetchCSV(payoutId, authToken) {
         const endpoint = `reports/payouts/${payoutId}`;
-        return api.get({ endpoint });
+        return api.get({ authToken, endpoint });
+    }
+    async fetchPayoutTransactions(accountId, authToken, params) {
+        const endpoint = `balance_transactions`;
+        const headers = { 'sub-account': accountId };
+        return api.get({ authToken, endpoint, params, headers });
     }
 }

package/dist/collection/api/services/refund.service.js

@@ -1,10 +1,11 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 ;
 export class RefundService {
-    async postRefund(paymentId, accountId, authToken, refundBody, apiOrigin = PROXY_API_ORIGIN) {
-        const api = Api({ authToken, apiOrigin });
+    async postRefund(paymentId, accountId, authToken, refundBody) {
         const endpoint = `payments/${paymentId}/refunds`;
         const headers = { 'Sub-Account': accountId };
-        return api.post({ endpoint, headers, body: refundBody });
+        const body = refundBody;
+        return api.post({ endpoint, headers, body, authToken });
     }
 }

package/dist/collection/api/services/subaccounts.service.js

@@ -1,9 +1,9 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class SubAccountService {
-    async fetchSubAccounts(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const headers = { Account: accountId };
-        const api = Api({ authToken, apiOrigin: apiOrigin });
+    async fetchSubAccounts(accountId, authToken, params) {
         const endpoint = 'sub_accounts';
-        return api.get({ endpoint, params, headers });
+        const headers = { Account: accountId };
+        return api.get({ authToken, endpoint, params, headers });
     }
 }

package/dist/collection/api/services/terminal.service.js

@@ -1,25 +1,24 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class TerminalService {
-    async fetchTerminals(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const headers = { Account: accountId };
-        const api = Api({ authToken, apiOrigin });
+    async fetchTerminals(accountId, authToken, params) {
         const endpoint = 'terminals';
-        return api.get({ endpoint, params, headers });
+        const headers = { Account: accountId };
+        return api.get({ endpoint, params, headers, authToken });
     }
-    async fetchTerminal(terminalId, authToken, apiOrigin = PROXY_API_ORIGIN) {
+    async fetchTerminal(terminalId, authToken) {
         const endpoint = `terminals/${terminalId}`;
-        return Api({ authToken, apiOrigin: apiOrigin }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
-    async fetchTerminalModels(accountId, authToken, apiOrigin = API_ORIGIN) {
-        const headers = { 'sub-account': accountId };
-        const api = Api({ authToken, apiOrigin });
+    async fetchTerminalModels(accountId, authToken) {
         const endpoint = 'terminals/order_models';
-        return api.get({ endpoint, headers });
+        const headers = { 'sub-account': accountId };
+        return api.get({ endpoint, headers, authToken });
     }
-    async orderTerminals(authToken, terminalOrder, apiOrigin = API_ORIGIN) {
-        const headers = { 'sub-account': terminalOrder.sub_account_id };
-        const api = Api({ authToken, apiOrigin });
+    async orderTerminals(authToken, terminalOrder) {
         const endpoint = 'terminals/orders';
-        return api.post({ endpoint, body: terminalOrder, headers });
+        const body = terminalOrder;
+        const headers = { 'sub-account': terminalOrder.sub_account_id };
+        return api.post({ endpoint, body, headers, authToken });
     }
 }

package/dist/collection/api/services/terminal_orders.service.js

@@ -1,13 +1,9 @@
-import { Api } from "..";
+import Api from "../ApiNew";
+const api = Api();
 export class TerminalOrderService {
-    async fetchTerminalOrders(accountId, authToken, params, apiOrigin = PROXY_API_ORIGIN) {
-        const headers = { account: accountId };
-        const api = Api({ authToken, apiOrigin });
+    async fetchTerminalOrders(accountId, authToken, params) {
         const endpoint = 'terminals/orders';
-        return api.get({
-            endpoint,
-            params,
-            headers,
-        });
+        const headers = { account: accountId };
+        return api.get({ endpoint, params, headers, authToken });
     }
 }

package/dist/collection/collection-manifest.json

@@ -55,6 +55,7 @@
     "components/checkouts-list/checkouts-list.js",
     "ui-components/filters/table-filters-menu.js",
     "ui-components/form/form-control-select.js",
+    "components/config-provider/config-provider.js",
     "components/dispute-management/dispute-management-core.js",
     "components/dispute-management/dispute-management.js",
     "components/dispute-management/dispute-notification.js",
@@ -76,11 +77,13 @@
     "components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js",
     "components/payment-details/payment-details-core.js",
     "components/payment-details/payment-details.js",
+    "components/payment-transactions-list/payment-transactions-list.js",
     "components/payments-list/payments-list-core.js",
     "components/payments-list/payments-list-filters.js",
     "components/payments-list/payments-list.js",
     "components/payout-details/payout-details-core.js",
     "components/payout-details/payout-details.js",
+    "components/payout-transactions-list/payout-transactions-list.js",
     "components/payouts-list/payouts-list-core.js",
     "components/payouts-list/payouts-list-filters.js",
     "components/payouts-list/payouts-list.js",
@@ -111,7 +114,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.29.3",
+    "version": "4.31.0",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step-core.js

@@ -82,7 +82,7 @@ export class BusinessCoreInfoFormStepCore {
         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 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns." })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns. Enter value without dashes." })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
     static get is() { return "justifi-business-core-info-form-step-core"; }
     static get properties() {

package/dist/collection/components/business-forms/schemas/business-core-info-schema.js

@@ -9,7 +9,7 @@ export const businessCoreInfoSchema = (allowOptionalFields) => {
         doing_business_as: doingBusinessAsValidation.nullable(),
         classification: businessClassificationValidation.required('Select business classification'),
         industry: industryValidation.required('Enter a business industry'),
-        tax_id: taxIdValidation.required('Enter tax id, SSN, or EIN'),
+        tax_id: taxIdValidation.required('Enter valid tax ID (SSN or EIN) without dashes'),
         date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
     });
     const easySchema = object({

package/dist/collection/components/checkouts-list/checkouts-list-core.js

@@ -119,7 +119,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '728b54169140355ad4ab2286f8fe0344ba9b1970' }, h("div", { key: 'ced2bf27609da7b8d406e29778acf0e3faf9fb4e', class: "table-wrapper" }, h("table", { key: 'e978910e98f8c0a637650f8183c04eb08f75bf15', class: "table table-hover", part: table }, h("thead", { key: 'a1c0d711f9bdf0dc6a7227f8614b6531d56cd8de', class: "table-head sticky-top" }, h("tr", { key: 'a2d9117f3d9e56fb2ead7fed36cd088543f30a75', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '04f5f7af209eca2e6b649276525016a9a1deee56', class: "table-body" }, h(TableLoadingState, { key: 'e9748a7684a2ea4660e21add9929c02e0fc82cf5', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '73ac7736d07d742b9f33f2c53ffead1f475e73ae', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '1ee2cfde8ebced1a38032b39511f888360e0ee51', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'f043cf4c76982437f289293e02e59baf76923b3d', class: "sticky-bottom" }, h("tr", { key: 'd539537ad511cbd3ae041a93909a2feec9dcd47a', class: "table-light align-middle" }, h("td", { key: 'ca5102386a7f0c59d82f6206ca2d9185d3871fad', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '99eb67ae4ad9ffc2ad5c196c982213b0fe507640', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '0dd82ae052b98ada5c277a6472c43992d43485a5', class: "table-wrapper" }, h("table", { key: 'd8bc8f4a0fe8cb778397529704d86815876e831c', class: "table table-hover", part: table }, h("thead", { key: 'b38366e22402d695e20bb713a0c4e38d06e5043f', class: "table-head sticky-top" }, h("tr", { key: '8a82e88f24aaa6bec09de27ec439083572cf617c', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'fc09f4d4263d588fc1002657f6f535097069c16b', class: "table-body" }, h(TableLoadingState, { key: 'beb188a8b7e19eb8516c84727b365e38fb9f07b2', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '5b8945e459c72cb21da62a1ad24f5a409b442137', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '39b99e63e8759221589be8053a88b74d37d78013', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '8effcd26c82977391f8487b80fabe954694338f8', class: "sticky-bottom" }, h("tr", { key: 'cc95a3c59060b0cbc44a39a66c8061912f4c995f', class: "table-light align-middle" }, h("td", { key: '54850b1384a006b4a0a70d465bfac1c94698be9a', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'b3f5da967dbd19bf1018fea9a926885ed0f40865', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {

package/dist/collection/components/checkouts-list/checkouts-list-filters.js

@@ -38,7 +38,7 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '9b4c4fdcb668bb4dd8a059994bb3db0b905edae9' }, h("table-filters-menu", { key: '938c4e70af02843728d761a51a720782e68475d7', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '61ddbf4b3bf1d9de92158fdd7f2ed744e86c93a8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9eb3f1ff6137c76dbf87980610804dcef8a70548', class: "p-2" }, h("form-control-select", { key: '8613b5a96b1df7cbe39538afd0c1963fef1f4bcf', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '5ffd343103cd06248645ab10e89f795805559b28', class: "p-2" }, h("form-control-select", { key: 'da1f80e06108fe3bd8682b2a8018eac51cc798e6', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'bcae6fee83117dde40a29ebcab8e85089bcdc37e' }, h("table-filters-menu", { key: '56c6a5d205836fe010917f0f0d978507cf227a3f', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'c82691f9b863368a2b7523dc7d9d348c3fe2e776', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9abbb01e53139ebd376a638400b199d88288b175', class: "p-2" }, h("form-control-select", { key: '3859777cf1f4ee451a65440a90dfe9e5f4a2f069', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '3c23d4b820ea2424d6ddc01e6952c8c46cd7d975', class: "p-2" }, h("form-control-select", { key: 'c376228f82419b959b3fefa6b32d25c584c6ea3b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkouts-list/checkouts-list.js

@@ -56,13 +56,12 @@ export class CheckoutsList {
             this.getSubAccounts = makeGetSubAccounts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService(),
-                apiOrigin: this.apiOrigin
+                service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '523acabd52d2823a4bf1a50b5fcda8a80704208c' }, h("checkouts-list-core", { key: '46548aa225fe025c7ecf8736fb3239367bb9f965', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4cf97b877324bc48ec5bcdae0f342d2b1fb0daca' }, h("checkouts-list-core", { key: '395f0b1ad4a6bdcaaaa8dc095fae6cad164bbdad', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/config-provider/config-provider.js

@@ -0,0 +1,83 @@
+import { setConfigState } from "./config-state";
+export class ConfigProvider {
+    constructor() {
+        this.apiOrigin = PROXY_API_ORIGIN;
+        this.iFrameOrigin = IFRAME_ORIGIN;
+        this.accountId = '';
+    }
+    componentWillLoad() {
+        setConfigState({
+            apiOrigin: this.apiOrigin,
+            iFrameOrigin: this.iFrameOrigin,
+            accountId: this.accountId
+        });
+    }
+    render() {
+        return null;
+    }
+    static get is() { return "justifi-config-provider"; }
+    static get properties() {
+        return {
+            "apiOrigin": {
+                "type": "string",
+                "attribute": "api-origin",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "PROXY_API_ORIGIN"
+            },
+            "iFrameOrigin": {
+                "type": "string",
+                "attribute": "i-frame-origin",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "IFRAME_ORIGIN"
+            },
+            "accountId": {
+                "type": "string",
+                "attribute": "account-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+}

package/dist/collection/components/config-provider/config-state.js

@@ -0,0 +1,36 @@
+import { createStore } from "@stencil/store";
+const initialState = {
+    apiOrigin: PROXY_API_ORIGIN,
+    iFrameOrigin: IFRAME_ORIGIN,
+    accountId: '',
+};
+const configStore = createStore(() => initialState);
+const { state: configState, on: onConfigChange } = configStore;
+// resolver for the “ready” promise
+let resolveConfigReady;
+// initial “handshake” promise
+const configReady = new Promise(r => {
+    resolveConfigReady = r;
+});
+// called by <justifi-config-provider>
+const setConfigState = (vals) => {
+    Object.assign(configState, vals);
+    resolveConfigReady();
+};
+/**
+ * Wait for configProvider to run, but safe guard against never mounting.
+ * @param timeoutMs max time to wait before resolving with default values
+ */
+const waitForConfig = (timeoutMs = 200) => {
+    return new Promise(resolve => {
+        const timer = setTimeout(() => {
+            // timeout expired, proceed with default config state values
+            resolve();
+        }, timeoutMs);
+        configReady.then(() => {
+            clearTimeout(timer);
+            resolve();
+        });
+    });
+};
+export { configState, onConfigChange, setConfigState, waitForConfig };