@justifi/webcomponents 4.20.0 → 4.21.0

package/dist/module/table-filters-menu2.js

@@ -43,7 +43,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.menu.classList.remove('show');
     }
     render() {
-        return (h("div", { key: '26c76e4989db63505bbb6d4ecfed10f964839c73', class: "d-flex gap-2" }, h("div", { key: '5b9b28d3c1daeb5c38fd5f2fb2529e8251f6d193', class: "dropdown pb-3" }, h(Button, { key: '45adcccffe23b4d357f0870f961eecfa0a8b3199', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '8f381f3db3956a642107bba64f2a2a4370bae2cf', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '8e5cb0a64848e0720732fc95206deaf56ca338c9', class: "dropdown-menu", part: "dropdown-menu", "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'a102749963913d0a58e0210ea9c3bf3d4a14c1f3' })))), h("div", { key: 'ac38e6b46ce79967e66da4d40c0778df0b07e1a6' }, h(Button, { key: '2c8ef6ff571121b8cab1b17f2ac7035792f1d7f4', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'aa914e16d2a733c8b7b6fee24225120d6901f0b5', class: "d-flex gap-2" }, h("div", { key: 'b53ff88da49d4060edfb1b96bf4577babf8e66f8', class: "dropdown pb-3" }, h(Button, { key: '176da3d69ae445dbc46e9c6602258ccb9bdeb515', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '562c6961a08e7b66518d9c2a283ddcb8a5787fa3', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '28d51e3aaa14f8208c9680b65058d3fd9f85f4d7', class: "dropdown-menu", part: "dropdown-menu", "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'f00fb0dafac62c1a4283f1c2eb80c34dadaecd15' })))), h("div", { key: 'b8b9b9c7af5bfd7a20a34be4f28cda59a048f97a' }, h(Button, { key: '46746c3524824bf88120baf7e19c1687c3b8fa71', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/utils2.js

@@ -3848,14 +3848,15 @@ var Dinero = function Dinero(options) {
 
 var dinero = Object.assign(Dinero, Defaults, Globals, Static);
 
-function formatCurrency(amount, withSymbol = true) {
+function formatCurrency(amount, withSymbol = true, withCurrencyName = false) {
     if (!amount)
         amount = 0;
     function format(amount) {
         const formattedString = withSymbol ? '$0,0.00' : '0,0.00';
         return dinero({ amount: amount, currency: 'USD' }).toFormat(formattedString);
     }
-    return amount < 0 ? `(${format(-amount)})` : format(amount);
+    const formattedAmount = amount < 0 ? `(${format(-amount)})` : format(amount);
+    return withCurrencyName ? `${formattedAmount} USD` : formattedAmount;
 }
 function formatDate(dateString) {
     if (!dateString)
@@ -3910,22 +3911,24 @@ function extractComputedFontsToLoad() {
 }
 const MapPaymentStatusToBadge = (status) => {
     switch (status) {
+        case 'succeeded':
+            return "<span class='badge bg-success' title='This payment was successfully captured'>Succeeded</span>";
         case 'authorized':
             return "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>";
-        case 'disputed':
-            return "<span class='badge bg-primary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>";
+        case 'pending':
+            return "<span class='badge bg-primary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>";
         case 'achFailed':
             return "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>";
         case 'failed':
             return "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>";
+        case 'canceled':
+            return "<span class='badge bg-danger' title='This payment was canceled'>Canceled</span>";
+        case 'disputed':
+            return "<span class='badge bg-secondary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>";
         case 'fully_refunded':
-            return "<span class='badge bg-primary' title='The full amount of this payment has been refunded'>Fully Refunded</span>";
+            return "<span class='badge bg-secondary' title='The full amount of this payment has been refunded'>Fully Refunded</span>";
         case 'partially_refunded':
-            return "<span class='badge bg-primary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
-        case 'pending':
-            return "<span class='badge bg-secondary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>";
-        case 'succeeded':
-            return "<span class='badge bg-success' title='This payment was successfully captured'>Successful</span>";
+            return "<span class='badge bg-secondary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
     }
 };
 const MapPayoutStatusToBadge = (status) => {

package/dist/types/api/Payment.d.ts

@@ -8,12 +8,18 @@ export declare enum PaymentMethodTypes {
     sezzle = "sezzle",
     saved = "saved"
 }
+export declare enum PaymentTypes {
+    card = "Card",
+    bankAccount = "ACH",
+    unknown = "Unknown"
+}
 export declare enum PaymentStatuses {
     pending = "pending",
     automatic = "automatic",
     authorized = "authorized",
     succeeded = "succeeded",
     failed = "failed",
+    canceled = "canceled",
     disputed = "disputed",
     fully_refunded = "fully_refunded",
     partially_refunded = "partially_refunded"
@@ -150,6 +156,7 @@ export declare class Payment implements IPayment {
     transaction_hold: null;
     constructor(payment: IPayment);
     get disputedStatus(): PaymentDisputedStatuses | null;
+    get paymentType(): PaymentTypes;
 }
 export interface IRefund {
     id: string;
@@ -170,6 +177,7 @@ export interface IApplicationFee {
     updated_at: string;
 }
 export interface PaymentsParams {
+    payment_id?: string;
     terminal_id?: string;
     payment_status?: PaymentStatuses;
     created_after?: string;

package/dist/types/api/services/payment.service.d.ts

@@ -1,9 +1,9 @@
 import { IApiResponseCollection, IApiResponse, IPayment } from '..';
 export interface IPaymentService {
-    fetchPayments(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayment[]>>;
+    fetchPayments(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayment[]>>;
     fetchPayment(paymentId: string, authToken: string): Promise<IApiResponse<IPayment>>;
 }
 export declare class PaymentService implements IPaymentService {
-    fetchPayments(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayment[]>>;
+    fetchPayments(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayment[]>>;
     fetchPayment(paymentId: string, authToken: string): Promise<IApiResponse<IPayment>>;
 }

package/dist/types/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step-core.d.ts

@@ -1,16 +1,19 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../form/form';
 import { IAdditionalQuestions } from '../../../../api/Business';
-import { BusinessFormSubmitEvent } from '../../utils/business-form-types';
+import { BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
 import { ComponentError } from '../../../../components';
 export declare class AdditionalQuestionsFormStepCore {
     formController: FormController;
     errors: any;
     additional_questions: IAdditionalQuestions;
+    recurringPayments: boolean;
+    recurringPaymentsWatcher(newValue: any): void;
     getBusiness: Function;
     patchBusiness: Function;
     allowOptionalFields?: boolean;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    stepCompleted: EventEmitter<BusinessFormStepCompletedEvent>;
     formLoading: EventEmitter<boolean>;
     errorEvent: EventEmitter<ComponentError>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../form/form';
-import { BusinessFormSubmitEvent } from '../../utils/business-form-types';
+import { BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
 import { BankAccount } from '../../../../api/BankAccount';
 import { ComponentError } from '../../../../api/ComponentError';
 /**
@@ -21,6 +21,7 @@ export declare class BusinessBankAccountFormStep {
     businessId: string;
     allowOptionalFields?: boolean;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    stepCompleted: EventEmitter<BusinessFormStepCompletedEvent>;
     formLoading: EventEmitter<boolean>;
     errorEvent: EventEmitter<ComponentError>;
     private api;

package/dist/types/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step-core.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../form/form';
 import { ICoreBusinessInfo } from '../../../../api/Business';
-import { BusinessFormSubmitEvent } from '../../utils/business-form-types';
+import { BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
 import { ComponentError } from '../../../../api/ComponentError';
 export declare class BusinessCoreInfoFormStepCore {
     formController: FormController;
@@ -12,6 +12,7 @@ export declare class BusinessCoreInfoFormStepCore {
     patchBusiness: Function;
     allowOptionalFields?: boolean;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    stepCompleted: EventEmitter<BusinessFormStepCompletedEvent>;
     formLoading: EventEmitter<boolean>;
     errorEvent: EventEmitter<ComponentError>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/business-owners/business-owners-form-step-core.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentError } from '../../../../api/ComponentError';
-import { BusinessFormClickEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
+import { BusinessFormClickEvent, BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
 interface ownerPayloadItem {
     id: string;
 }
@@ -14,6 +14,7 @@ export declare class BusinessOwnersFormStepCore {
     patchBusiness: Function;
     allowOptionalFields?: boolean;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    stepCompleted: EventEmitter<BusinessFormStepCompletedEvent>;
     clickEvent: EventEmitter<BusinessFormClickEvent>;
     formLoading: EventEmitter<boolean>;
     errorEvent: EventEmitter<ComponentError>;

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step-core.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { Identity } from '../../../../api/Identity';
 import { FormController } from '../../../form/form';
-import { BusinessFormSubmitEvent } from '../../utils/business-form-types';
+import { BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
 import { ComponentError } from '../../../../api/ComponentError';
 export declare class BusinessRepresentativeFormStepCore {
     formController: FormController;
@@ -11,6 +11,7 @@ export declare class BusinessRepresentativeFormStepCore {
     patchBusiness: Function;
     allowOptionalFields?: boolean;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    stepCompleted: EventEmitter<BusinessFormStepCompletedEvent>;
     formLoading: EventEmitter<boolean>;
     errorEvent: EventEmitter<ComponentError>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/document-uploads/business-document-upload-form-step.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../form/form';
-import { BusinessFormSubmitEvent } from '../../utils/business-form-types';
+import { BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
 import { Business } from '../../../../api/Business';
 import { FileSelectEvent } from '../../../../components';
 import { EntityDocument, EntityDocumentStorage } from '../../../../api/Document';
@@ -17,6 +17,7 @@ export declare class BusinessDocumentFormStep {
     businessId: string;
     allowOptionalFields?: boolean;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    stepCompleted: EventEmitter<BusinessFormStepCompletedEvent>;
     formLoading: EventEmitter<boolean>;
     errorEvent: EventEmitter<ComponentError>;
     private api;

package/dist/types/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step-core.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../form/form';
 import { IAddress } from '../../../../api/Business';
-import { BusinessFormSubmitEvent } from '../../utils/business-form-types';
+import { BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
 import { ComponentError } from '../../../../api/ComponentError';
 export declare class LegalAddressFormStepCore {
     formController: FormController;
@@ -11,6 +11,7 @@ export declare class LegalAddressFormStepCore {
     patchBusiness: Function;
     allowOptionalFields?: boolean;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    stepCompleted: EventEmitter<BusinessFormStepCompletedEvent>;
     formLoading: EventEmitter<boolean>;
     errorEvent: EventEmitter<ComponentError>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../form/form';
-import { BusinessFormSubmitEvent } from '../../utils/business-form-types';
+import { BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
 import { ComponentError } from '../../../../api/ComponentError';
 export declare class BusinessTermsConditionsFormStep {
     formController: FormController;
@@ -10,6 +10,7 @@ export declare class BusinessTermsConditionsFormStep {
     businessId: string;
     allowOptionalFields?: boolean;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    stepCompleted: EventEmitter<BusinessFormStepCompletedEvent>;
     formLoading: EventEmitter<boolean>;
     errorEvent: EventEmitter<ComponentError>;
     private api;

package/dist/types/components/business-forms/utils/business-form-types.d.ts

@@ -10,6 +10,11 @@ export interface BusinessFormServerErrorEvent {
     data?: any;
     message: BusinessFormServerErrors;
 }
+export interface BusinessFormStepCompletedEvent {
+    data: any;
+    formStep: BusinessFormStepV2;
+    metadata?: any;
+}
 interface BusinessFormEventMetaData {
     completedStep?: BusinessFormStep;
     ownerID?: string;
@@ -24,6 +29,16 @@ export declare enum BusinessFormStep {
     documentUpload = "documentUpload",
     termsAndConditions = "termsAndConditions"
 }
+export declare enum BusinessFormStepV2 {
+    businessInfo = "business_info",
+    legalAddress = "legal_address",
+    additionalQuestions = "additional_questions",
+    representative = "representative",
+    owners = "owners",
+    bankAccount = "bank_account",
+    documentUpload = "document_upload",
+    termsAndConditions = "terms_and_conditions"
+}
 export declare enum BusinessFormServerErrors {
     fetchData = "Error retrieving business data",
     patchData = "Error updating business data"

package/dist/types/components/form/form-control-date.d.ts

@@ -8,11 +8,16 @@ export declare class DateInput {
     helpText?: string;
     errorText?: string;
     disabled?: boolean;
+    filterTimeZone?: boolean;
+    showTime?: boolean;
     handleDefaultValueChange(newValue: string): void;
     formControlInput: EventEmitter<any>;
     formControlBlur: EventEmitter<any>;
+    get maxDate(): string;
     componentDidLoad(): void;
     handleFormControlInput: (event: any) => void;
     updateInput(value: any): void;
+    convertToUTC(value: string): string;
+    convertToLocal(value: string): string;
     render(): any;
 }

package/dist/types/components/form/form-helpers/form-control-tooltip/form-control-tooltip.d.ts

@@ -0,0 +1,8 @@
+export declare class TooltipComponent {
+    anchorIcon: SVGElement;
+    tooltip: HTMLElement;
+    helpText: string;
+    show(): void;
+    hide(): void;
+    render(): any;
+}

package/dist/types/components/payments-list/get-payments.d.ts

@@ -1,7 +1,8 @@
-export declare const makeGetPayments: ({ id, authToken, service }: {
+export declare const makeGetPayments: ({ id, authToken, service, apiOrigin }: {
     id: any;
     authToken: any;
     service: any;
+    apiOrigin: any;
 }) => ({ params, onSuccess, onError }: {
     params: any;
     onSuccess: any;

package/dist/types/components/payments-list/payments-list.d.ts

@@ -24,10 +24,11 @@ import JustifiAnalytics from '../../api/Analytics';
   * @exportedPart next-button-text: Text for Next button
 */
 export declare class PaymentsList {
-    accountId: string;
-    authToken: string;
     getPayments: Function;
     errorMessage: string;
+    accountId: string;
+    authToken: string;
+    apiOrigin?: string;
     errorEvent: EventEmitter<ComponentError>;
     analytics: JustifiAnalytics;
     componentWillLoad(): void;

package/dist/types/components.d.ts

@@ -10,7 +10,7 @@ import { ComponentError } from "./api/ComponentError";
 import { Placement, PositioningStrategy } from "@popperjs/core";
 import { EntityDocumentType, FileSelectEvent } from "./api/Document";
 import { FormController } from "./components/form/form";
-import { BusinessFormClickEvent, BusinessFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
+import { BusinessFormClickEvent, BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 import { ComponentError as ComponentError1 } from "./components";
 import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
@@ -26,7 +26,7 @@ export { ComponentError } from "./api/ComponentError";
 export { Placement, PositioningStrategy } from "@popperjs/core";
 export { EntityDocumentType, FileSelectEvent } from "./api/Document";
 export { FormController } from "./components/form/form";
-export { BusinessFormClickEvent, BusinessFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
+export { BusinessFormClickEvent, BusinessFormStepCompletedEvent, BusinessFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 export { ComponentError as ComponentError1 } from "./components";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 export { BillingFormFields } from "./components/billing-form/billing-form-schema";
@@ -52,7 +52,7 @@ export namespace Components {
         "getBusiness": Function;
     }
     interface CustomPopper {
-        "anchorRef": HTMLElement;
+        "anchorRef": HTMLElement | SVGElement;
         "offset": [number, number];
         "placement": Placement;
         "strategy": PositioningStrategy;
@@ -75,10 +75,12 @@ export namespace Components {
         "defaultValue"?: string;
         "disabled"?: boolean;
         "errorText"?: string;
+        "filterTimeZone"?: boolean;
         "helpText"?: string;
         "inputHandler": (name: string, value: string) => void;
         "label": string;
         "name": string;
+        "showTime"?: boolean;
     }
     interface FormControlErrorText {
         "errorText": string;
@@ -148,6 +150,9 @@ export namespace Components {
         "maxLength"?: number;
         "name": any;
     }
+    interface FormControlTooltip {
+        "helpText": string;
+    }
     interface GenericInfoDetails {
         "business": IBusiness;
     }
@@ -585,6 +590,7 @@ export namespace Components {
      */
     interface JustifiPaymentsList {
         "accountId": string;
+        "apiOrigin"?: string;
         "authToken": string;
     }
     interface JustifiPayoutDetails {
@@ -1190,6 +1196,12 @@ declare global {
         prototype: HTMLFormControlTextElement;
         new (): HTMLFormControlTextElement;
     };
+    interface HTMLFormControlTooltipElement extends Components.FormControlTooltip, HTMLStencilElement {
+    }
+    var HTMLFormControlTooltipElement: {
+        prototype: HTMLFormControlTooltipElement;
+        new (): HTMLFormControlTooltipElement;
+    };
     interface HTMLGenericInfoDetailsElement extends Components.GenericInfoDetails, HTMLStencilElement {
     }
     var HTMLGenericInfoDetailsElement: {
@@ -1248,6 +1260,7 @@ declare global {
     };
     interface HTMLJustifiAdditionalQuestionsFormStepCoreElementEventMap {
         "submitted": BusinessFormSubmitEvent;
+        "form-step-completed": BusinessFormStepCompletedEvent;
         "formLoading": boolean;
         "error-event": ComponentError1;
     }
@@ -1298,6 +1311,7 @@ declare global {
     };
     interface HTMLJustifiBusinessBankAccountFormStepElementEventMap {
         "submitted": BusinessFormSubmitEvent;
+        "form-step-completed": BusinessFormStepCompletedEvent;
         "formLoading": boolean;
         "error-event": ComponentError;
     }
@@ -1361,6 +1375,7 @@ declare global {
     };
     interface HTMLJustifiBusinessCoreInfoFormStepCoreElementEventMap {
         "submitted": BusinessFormSubmitEvent;
+        "form-step-completed": BusinessFormStepCompletedEvent;
         "formLoading": boolean;
         "error-event": ComponentError;
     }
@@ -1404,6 +1419,7 @@ declare global {
     };
     interface HTMLJustifiBusinessDocumentUploadFormStepElementEventMap {
         "submitted": BusinessFormSubmitEvent;
+        "form-step-completed": BusinessFormStepCompletedEvent;
         "formLoading": boolean;
         "error-event": ComponentError;
     }
@@ -1481,6 +1497,7 @@ declare global {
     };
     interface HTMLJustifiBusinessOwnersFormStepCoreElementEventMap {
         "submitted": BusinessFormSubmitEvent;
+        "form-step-completed": BusinessFormStepCompletedEvent;
         "click-event": BusinessFormClickEvent;
         "formLoading": boolean;
         "error-event": ComponentError;
@@ -1530,6 +1547,7 @@ declare global {
     };
     interface HTMLJustifiBusinessRepresentativeFormStepCoreElementEventMap {
         "submitted": BusinessFormSubmitEvent;
+        "form-step-completed": BusinessFormStepCompletedEvent;
         "formLoading": boolean;
         "error-event": ComponentError;
     }
@@ -1549,6 +1567,7 @@ declare global {
     };
     interface HTMLJustifiBusinessTermsConditionsFormStepElementEventMap {
         "submitted": BusinessFormSubmitEvent;
+        "form-step-completed": BusinessFormStepCompletedEvent;
         "formLoading": boolean;
         "error-event": ComponentError;
     }
@@ -1693,6 +1712,7 @@ declare global {
     };
     interface HTMLJustifiLegalAddressFormStepCoreElementEventMap {
         "submitted": BusinessFormSubmitEvent;
+        "form-step-completed": BusinessFormStepCompletedEvent;
         "formLoading": boolean;
         "error-event": ComponentError;
     }
@@ -2272,6 +2292,7 @@ declare global {
         "form-control-number-masked": HTMLFormControlNumberMaskedElement;
         "form-control-select": HTMLFormControlSelectElement;
         "form-control-text": HTMLFormControlTextElement;
+        "form-control-tooltip": HTMLFormControlTooltipElement;
         "generic-info-details": HTMLGenericInfoDetailsElement;
         "gross-payment-chart-core": HTMLGrossPaymentChartCoreElement;
         "justifi-additional-questions": HTMLJustifiAdditionalQuestionsElement;
@@ -2355,7 +2376,7 @@ declare namespace LocalJSX {
         "onError-event"?: (event: BusinessDetailsCoreCustomEvent<ComponentError>) => void;
     }
     interface CustomPopper {
-        "anchorRef"?: HTMLElement;
+        "anchorRef"?: HTMLElement | SVGElement;
         "offset"?: [number, number];
         "onHideEvent"?: (event: CustomPopperCustomEvent<any>) => void;
         "onShowEvent"?: (event: CustomPopperCustomEvent<any>) => void;
@@ -2382,12 +2403,14 @@ declare namespace LocalJSX {
         "defaultValue"?: string;
         "disabled"?: boolean;
         "errorText"?: string;
+        "filterTimeZone"?: boolean;
         "helpText"?: string;
         "inputHandler"?: (name: string, value: string) => void;
         "label"?: string;
         "name"?: string;
         "onFormControlBlur"?: (event: FormControlDateCustomEvent<any>) => void;
         "onFormControlInput"?: (event: FormControlDateCustomEvent<any>) => void;
+        "showTime"?: boolean;
     }
     interface FormControlErrorText {
         "errorText"?: string;
@@ -2470,6 +2493,9 @@ declare namespace LocalJSX {
         "onFormControlBlur"?: (event: FormControlTextCustomEvent<any>) => void;
         "onFormControlInput"?: (event: FormControlTextCustomEvent<any>) => void;
     }
+    interface FormControlTooltip {
+        "helpText"?: string;
+    }
     interface GenericInfoDetails {
         "business"?: IBusiness;
     }
@@ -2500,6 +2526,7 @@ declare namespace LocalJSX {
         "allowOptionalFields"?: boolean;
         "getBusiness"?: Function;
         "onError-event"?: (event: JustifiAdditionalQuestionsFormStepCoreCustomEvent<ComponentError1>) => void;
+        "onForm-step-completed"?: (event: JustifiAdditionalQuestionsFormStepCoreCustomEvent<BusinessFormStepCompletedEvent>) => void;
         "onFormLoading"?: (event: JustifiAdditionalQuestionsFormStepCoreCustomEvent<boolean>) => void;
         "onSubmitted"?: (event: JustifiAdditionalQuestionsFormStepCoreCustomEvent<BusinessFormSubmitEvent>) => void;
         "patchBusiness"?: Function;
@@ -2558,6 +2585,7 @@ declare namespace LocalJSX {
         "authToken"?: string;
         "businessId"?: string;
         "onError-event"?: (event: JustifiBusinessBankAccountFormStepCustomEvent<ComponentError>) => void;
+        "onForm-step-completed"?: (event: JustifiBusinessBankAccountFormStepCustomEvent<BusinessFormStepCompletedEvent>) => void;
         "onFormLoading"?: (event: JustifiBusinessBankAccountFormStepCustomEvent<boolean>) => void;
         "onSubmitted"?: (event: JustifiBusinessBankAccountFormStepCustomEvent<BusinessFormSubmitEvent>) => void;
     }
@@ -2588,6 +2616,7 @@ declare namespace LocalJSX {
         "businessId"?: string;
         "getBusiness"?: Function;
         "onError-event"?: (event: JustifiBusinessCoreInfoFormStepCoreCustomEvent<ComponentError>) => void;
+        "onForm-step-completed"?: (event: JustifiBusinessCoreInfoFormStepCoreCustomEvent<BusinessFormStepCompletedEvent>) => void;
         "onFormLoading"?: (event: JustifiBusinessCoreInfoFormStepCoreCustomEvent<boolean>) => void;
         "onSubmitted"?: (event: JustifiBusinessCoreInfoFormStepCoreCustomEvent<BusinessFormSubmitEvent>) => void;
         "patchBusiness"?: Function;
@@ -2609,6 +2638,7 @@ declare namespace LocalJSX {
         "authToken"?: string;
         "businessId"?: string;
         "onError-event"?: (event: JustifiBusinessDocumentUploadFormStepCustomEvent<ComponentError>) => void;
+        "onForm-step-completed"?: (event: JustifiBusinessDocumentUploadFormStepCustomEvent<BusinessFormStepCompletedEvent>) => void;
         "onFormLoading"?: (event: JustifiBusinessDocumentUploadFormStepCustomEvent<boolean>) => void;
         "onSubmitted"?: (event: JustifiBusinessDocumentUploadFormStepCustomEvent<BusinessFormSubmitEvent>) => void;
     }
@@ -2654,6 +2684,7 @@ declare namespace LocalJSX {
         "getBusiness"?: Function;
         "onClick-event"?: (event: JustifiBusinessOwnersFormStepCoreCustomEvent<BusinessFormClickEvent>) => void;
         "onError-event"?: (event: JustifiBusinessOwnersFormStepCoreCustomEvent<ComponentError>) => void;
+        "onForm-step-completed"?: (event: JustifiBusinessOwnersFormStepCoreCustomEvent<BusinessFormStepCompletedEvent>) => void;
         "onFormLoading"?: (event: JustifiBusinessOwnersFormStepCoreCustomEvent<boolean>) => void;
         "onSubmitted"?: (event: JustifiBusinessOwnersFormStepCoreCustomEvent<BusinessFormSubmitEvent>) => void;
         "patchBusiness"?: Function;
@@ -2676,6 +2707,7 @@ declare namespace LocalJSX {
         "allowOptionalFields"?: boolean;
         "getBusiness"?: Function;
         "onError-event"?: (event: JustifiBusinessRepresentativeFormStepCoreCustomEvent<ComponentError>) => void;
+        "onForm-step-completed"?: (event: JustifiBusinessRepresentativeFormStepCoreCustomEvent<BusinessFormStepCompletedEvent>) => void;
         "onFormLoading"?: (event: JustifiBusinessRepresentativeFormStepCoreCustomEvent<boolean>) => void;
         "onSubmitted"?: (event: JustifiBusinessRepresentativeFormStepCoreCustomEvent<BusinessFormSubmitEvent>) => void;
         "patchBusiness"?: Function;
@@ -2685,6 +2717,7 @@ declare namespace LocalJSX {
         "authToken"?: string;
         "businessId"?: string;
         "onError-event"?: (event: JustifiBusinessTermsConditionsFormStepCustomEvent<ComponentError>) => void;
+        "onForm-step-completed"?: (event: JustifiBusinessTermsConditionsFormStepCustomEvent<BusinessFormStepCompletedEvent>) => void;
         "onFormLoading"?: (event: JustifiBusinessTermsConditionsFormStepCustomEvent<boolean>) => void;
         "onSubmitted"?: (event: JustifiBusinessTermsConditionsFormStepCustomEvent<BusinessFormSubmitEvent>) => void;
     }
@@ -2788,6 +2821,7 @@ declare namespace LocalJSX {
         "allowOptionalFields"?: boolean;
         "getBusiness"?: Function;
         "onError-event"?: (event: JustifiLegalAddressFormStepCoreCustomEvent<ComponentError>) => void;
+        "onForm-step-completed"?: (event: JustifiLegalAddressFormStepCoreCustomEvent<BusinessFormStepCompletedEvent>) => void;
         "onFormLoading"?: (event: JustifiLegalAddressFormStepCoreCustomEvent<boolean>) => void;
         "onSubmitted"?: (event: JustifiLegalAddressFormStepCoreCustomEvent<BusinessFormSubmitEvent>) => void;
         "patchBusiness"?: Function;
@@ -2946,6 +2980,7 @@ declare namespace LocalJSX {
      */
     interface JustifiPaymentsList {
         "accountId"?: string;
+        "apiOrigin"?: string;
         "authToken"?: string;
         "onError-event"?: (event: JustifiPaymentsListCustomEvent<ComponentError>) => void;
     }
@@ -3149,6 +3184,7 @@ declare namespace LocalJSX {
         "form-control-number-masked": FormControlNumberMasked;
         "form-control-select": FormControlSelect;
         "form-control-text": FormControlText;
+        "form-control-tooltip": FormControlTooltip;
         "generic-info-details": GenericInfoDetails;
         "gross-payment-chart-core": GrossPaymentChartCore;
         "justifi-additional-questions": JustifiAdditionalQuestions;
@@ -3241,6 +3277,7 @@ declare module "@stencil/core" {
             "form-control-number-masked": LocalJSX.FormControlNumberMasked & JSXBase.HTMLAttributes<HTMLFormControlNumberMaskedElement>;
             "form-control-select": LocalJSX.FormControlSelect & JSXBase.HTMLAttributes<HTMLFormControlSelectElement>;
             "form-control-text": LocalJSX.FormControlText & JSXBase.HTMLAttributes<HTMLFormControlTextElement>;
+            "form-control-tooltip": LocalJSX.FormControlTooltip & JSXBase.HTMLAttributes<HTMLFormControlTooltipElement>;
             "generic-info-details": LocalJSX.GenericInfoDetails & JSXBase.HTMLAttributes<HTMLGenericInfoDetailsElement>;
             "gross-payment-chart-core": LocalJSX.GrossPaymentChartCore & JSXBase.HTMLAttributes<HTMLGrossPaymentChartCoreElement>;
             /**

package/dist/types/ui-components/custom-popper/custom-popper.d.ts

@@ -5,7 +5,7 @@ export declare class CustomPopper {
     offset: [number, number];
     strategy: PositioningStrategy;
     trigger: string;
-    anchorRef: HTMLElement;
+    anchorRef: HTMLElement | SVGElement;
     isOpen: boolean;
     showEvent: EventEmitter;
     hideEvent: EventEmitter;

package/dist/types/utils/utils.d.ts

@@ -1,6 +1,6 @@
 import { Address } from '../api/Business';
 export declare const RegExZip: RegExp;
-export declare function formatCurrency(amount: number, withSymbol?: boolean): string;
+export declare function formatCurrency(amount: number, withSymbol?: boolean, withCurrencyName?: boolean): string;
 export declare function formatPercentage(amount: number): string;
 export declare function formatDate(dateString: string | Date): string;
 export declare function formatMediumDate(input: string | Date): string;
@@ -9,7 +9,7 @@ export declare function formatTime(dateString: string): string;
 export declare function formatTimeSeconds(dateString: string): string;
 export declare function formatAddress(address: Address): string;
 export declare function extractComputedFontsToLoad(): string;
-export declare const MapPaymentStatusToBadge: (status: string) => "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>" | "<span class='badge bg-primary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>" | "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>" | "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>" | "<span class='badge bg-primary' title='The full amount of this payment has been refunded'>Fully Refunded</span>" | "<span class='badge bg-primary' title='A portion of this payment has been refunded'>Partially Refunded</span>" | "<span class='badge bg-secondary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>" | "<span class='badge bg-success' title='This payment was successfully captured'>Successful</span>";
+export declare const MapPaymentStatusToBadge: (status: string) => "<span class='badge bg-success' title='This payment was successfully captured'>Succeeded</span>" | "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>" | "<span class='badge bg-primary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>" | "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>" | "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>" | "<span class='badge bg-danger' title='This payment was canceled'>Canceled</span>" | "<span class='badge bg-secondary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>" | "<span class='badge bg-secondary' title='The full amount of this payment has been refunded'>Fully Refunded</span>" | "<span class='badge bg-secondary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
 export declare const MapPayoutStatusToBadge: (status: string) => "<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>" | "<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>" | "<span class='badge bg-secondary' title='This payout initially failed; the funds have been forwarded to your next successful payout'>Forwarded</span>" | "<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>" | "<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>" | "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>" | "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>" | "<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>";
 /**
  * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.