@justifi/webcomponents 4.13.0 → 4.15.0

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

@@ -16,7 +16,11 @@ export interface IErrorObject {
 export interface IApiResponseCollection<T> extends IApiResponse<T> {
     page_info: PagingInfo;
 }
-declare const Api: (authToken: string, apiOrigin: string) => {
+interface IApiProps {
+    authToken?: string;
+    apiOrigin: string;
+}
+declare const Api: ({ authToken, apiOrigin }: IApiProps) => {
     get: (endpoint: string, params?: any, signal?: AbortSignal) => Promise<any>;
     post: (endpoint: string, body?: any, params?: any, signal?: AbortSignal) => Promise<any>;
     put: (endpoint: string, body?: any, params?: any, signal?: AbortSignal) => Promise<any>;

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

@@ -5,7 +5,8 @@ export declare enum CaptureStrategy {
 export declare enum PaymentMethodTypes {
     card = "card",
     bankAccount = "bankAccount",
-    sezzel = "sezzel"
+    sezzle = "sezzle",
+    saved = "saved"
 }
 export declare enum PaymentStatuses {
     pending = "pending",

package/dist/types/components/billing-form/billing-form.d.ts

@@ -1,4 +1,5 @@
 import { BillingFormFields } from './billing-form-schema';
+import { FormController } from '../form/form';
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -9,24 +10,16 @@ export declare class BillingForm {
      * (Optional) A label for the form.
      */
     legend?: string;
-    billingFields: BillingFormFields;
-    billingFieldsErrors: any;
-    setFormValue(event: any): void;
-    /**
-     * Method for filling the form with provided data
-     * @argument {BillingFormFields} fields - The fields to fill the form with
-     */
+    formController: FormController;
+    billingInfo: {};
+    errors: any;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    inputHandler: (name: string, value: string) => void;
+    getValues(): Promise<BillingFormFields>;
     fill(fields: BillingFormFields): Promise<void>;
-    /**
-     * Run validation on the form
-     */
     validate(): Promise<{
         isValid: boolean;
     }>;
-    /**
-     * Returns the values of the form as an object
-     * @returns {Promise<BillingFormFields>} The values of the form
-     */
-    getValues(): Promise<BillingFormFields>;
     render(): any;
 }

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

@@ -3,6 +3,7 @@ export declare class BusinessRepresentative {
     formController: FormController;
     errors: any;
     representative: any;
+    get identificationNumberLabel(): "Update SSN (optional)" | "SSN";
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;

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

@@ -20,6 +20,7 @@ export declare class BusinessOwnerForm {
     serverError: EventEmitter<OwnerFormServerErrorEvent>;
     private api;
     get identityEndpoint(): string;
+    get identificationNumberLabel(): "Update SSN (optional)" | "SSN";
     get formTitle(): "Edit Business Owner" | "Add Business Owner";
     get submitButtonText(): "Update" | "Add";
     get showRemoveButton(): boolean;

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

@@ -14,6 +14,7 @@ export declare class BusinessRepresentativeFormStep {
     serverError: EventEmitter<BusinessFormServerErrorEvent>;
     private api;
     get businessEndpoint(): string;
+    get identificationNumberLabel(): "Update SSN (optional)" | "SSN";
     private fetchData;
     private sendData;
     handleResponse(response: any, onSuccess: any): void;

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

@@ -17,6 +17,8 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
         business_other_payment_details?: string;
     };
     representative: {
+        ssn_last4?: string;
+        name?: string;
         address?: {
             line1?: string;
             line2?: string;
@@ -26,7 +28,6 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
             country?: string;
         };
         title?: string;
-        name?: string;
         email?: string;
         phone?: string;
         dob_full?: string;
@@ -66,6 +67,7 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
         email: undefined;
         phone: undefined;
         dob_full: undefined;
+        ssn_last4: undefined;
         identification_number: undefined;
         address: {
             line1: undefined;

package/dist/types/components/business-forms/schemas/business-identity-schema.d.ts

@@ -4,6 +4,7 @@ export declare const identitySchema: (role: string, allowOptionalFields?: boolea
     email: string;
     phone: string;
     dob_full: string;
+    ssn_last4: string;
     identification_number: string;
     address: {
         line1?: string;
@@ -19,6 +20,7 @@ export declare const identitySchema: (role: string, allowOptionalFields?: boolea
     email: undefined;
     phone: undefined;
     dob_full: undefined;
+    ssn_last4: undefined;
     identification_number: undefined;
     address: {
         line1: undefined;

package/dist/types/components/checkout/checkout-core.d.ts

@@ -10,6 +10,10 @@ export declare class CheckoutCore {
     getCheckout: Function;
     complete: Function;
     checkoutId: string;
+    disableCreditCard?: boolean;
+    disableBankAccount?: boolean;
+    disableBnpl?: boolean;
+    disablePaymentMethodGroup?: boolean;
     hasLoadedFonts: boolean;
     isLoading: boolean;
     checkout: ICheckout;

package/dist/types/components/checkout/checkout.d.ts

@@ -4,6 +4,10 @@ export declare class Checkout {
     iframeOrigin?: string;
     authToken: string;
     checkoutId: string;
+    disableCreditCard?: boolean;
+    disableBankAccount?: boolean;
+    disableBnpl?: boolean;
+    disablePaymentMethodGroup?: boolean;
     getCheckout: Function;
     complete: Function;
     errorMessage: string;

package/dist/types/components/checkout/payment-method-options.d.ts

@@ -5,6 +5,8 @@ import { IBnpl } from '../../api';
 export declare class PaymentMethodOptions {
     showCard: boolean;
     showAch: boolean;
+    showBnpl: boolean;
+    showSavedPaymentMethods: boolean;
     bnpl: IBnpl;
     clientId: string;
     accountId: string;

package/dist/types/components/checkout/{sezzel-payment-method.d.ts → sezzle-payment-method.d.ts}

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodOption } from './payment-method-option-utils';
 import { PaymentMethodPayload } from './payment-method-payload';
-export declare class SezzelPaymentMethod {
+export declare class SezzlePaymentMethod {
     iframeOrigin?: string;
     bnpl: any;
     clientId: string;

package/dist/types/components/payment-form/payment-form.d.ts

@@ -7,7 +7,8 @@ export declare class PaymentForm {
     bankAccount?: boolean;
     card?: boolean;
     email?: string;
-    clientId: string;
+    clientId?: string;
+    authToken?: string;
     accountId?: string;
     submitButtonText?: string;
     submitButtonEnabled: boolean;
@@ -17,11 +18,16 @@ export declare class PaymentForm {
     errorEvent: EventEmitter<ComponentError>;
     private paymentMethodFormRef?;
     private billingFormRef?;
+    componentWillLoad(): void;
     connectedCallback(): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     enableSubmitButton(): Promise<void>;
     disableSubmitButton(): Promise<void>;
+    showPaymentMethodTypeSelector(): boolean;
+    getSelectedPaymentMethodType(): PaymentMethodTypes;
     paymentMethodSelectedHandler(event: CustomEvent): void;
+    private validateProps;
+    private getToken;
     submit(event: any): Promise<void>;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -11,7 +11,6 @@ import { FormController } from "./components/form/form";
 import { BusinessFormClickEvent, BusinessFormServerErrorEvent, BusinessFormSubmitEvent, OwnerFormClickEvent, OwnerFormServerErrorEvent, OwnerFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
-import { ValidationError } from "yup";
 import { ICheckoutCompleteResponse } from "./api/Checkout";
 import { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 import { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
@@ -29,7 +28,6 @@ export { FormController } from "./components/form/form";
 export { BusinessFormClickEvent, BusinessFormServerErrorEvent, BusinessFormSubmitEvent, OwnerFormClickEvent, OwnerFormServerErrorEvent, OwnerFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 export { BillingFormFields } from "./components/billing-form/billing-form-schema";
-export { ValidationError } from "yup";
 export { ICheckoutCompleteResponse } from "./api/Checkout";
 export { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 export { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
@@ -177,23 +175,12 @@ export namespace Components {
      * @exportedPart input-invalid: Invalid state for inputs
      */
     interface JustifiBillingForm {
-        /**
-          * Method for filling the form with provided data
-          * @argument fields - The fields to fill the form with
-         */
         "fill": (fields: BillingFormFields) => Promise<void>;
-        /**
-          * Returns the values of the form as an object
-          * @returns The values of the form
-         */
         "getValues": () => Promise<BillingFormFields>;
         /**
           * (Optional) A label for the form.
          */
         "legend"?: string;
-        /**
-          * Run validation on the form
-         */
         "validate": () => Promise<{ isValid: boolean; }>;
     }
     /**
@@ -334,12 +321,20 @@ export namespace Components {
     interface JustifiCheckout {
         "authToken": string;
         "checkoutId": string;
+        "disableBankAccount"?: boolean;
+        "disableBnpl"?: boolean;
+        "disableCreditCard"?: boolean;
+        "disablePaymentMethodGroup"?: boolean;
         "iframeOrigin"?: string;
     }
     interface JustifiCheckoutCore {
         "authToken": string;
         "checkoutId": string;
         "complete": Function;
+        "disableBankAccount"?: boolean;
+        "disableBnpl"?: boolean;
+        "disableCreditCard"?: boolean;
+        "disablePaymentMethodGroup"?: boolean;
         "getCheckout": Function;
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -431,9 +426,10 @@ export namespace Components {
     }
     interface JustifiPaymentForm {
         "accountId"?: string;
+        "authToken"?: string;
         "bankAccount"?: boolean;
         "card"?: boolean;
-        "clientId": string;
+        "clientId"?: string;
         "disableSubmitButton": () => Promise<void>;
         "email"?: string;
         "enableSubmitButton": () => Promise<void>;
@@ -462,7 +458,9 @@ export namespace Components {
         "resolvePaymentMethod": () => Promise<PaymentMethodPayload>;
         "savedPaymentMethods": any[];
         "showAch": boolean;
+        "showBnpl": boolean;
         "showCard": boolean;
+        "showSavedPaymentMethods": boolean;
     }
     interface JustifiPaymentMethodSelector {
         "selectedPaymentMethodType": PaymentMethodTypes;
@@ -586,7 +584,7 @@ export namespace Components {
         "paymentMethodOption": PaymentMethodOption;
         "resolvePaymentMethod": () => Promise<PaymentMethodPayload>;
     }
-    interface JustifiSezzelPaymentMethod {
+    interface JustifiSezzlePaymentMethod {
         "accountId": string;
         "bnpl": any;
         "clientId": string;
@@ -824,9 +822,9 @@ export interface JustifiSavedPaymentMethodCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLJustifiSavedPaymentMethodElement;
 }
-export interface JustifiSezzelPaymentMethodCustomEvent<T> extends CustomEvent<T> {
+export interface JustifiSezzlePaymentMethodCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLJustifiSezzelPaymentMethodElement;
+    target: HTMLJustifiSezzlePaymentMethodElement;
 }
 export interface JustifiSubaccountsListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1747,22 +1745,22 @@ declare global {
         prototype: HTMLJustifiSavedPaymentMethodElement;
         new (): HTMLJustifiSavedPaymentMethodElement;
     };
-    interface HTMLJustifiSezzelPaymentMethodElementEventMap {
+    interface HTMLJustifiSezzlePaymentMethodElementEventMap {
         "paymentMethodOptionSelected": any;
     }
-    interface HTMLJustifiSezzelPaymentMethodElement extends Components.JustifiSezzelPaymentMethod, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLJustifiSezzelPaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiSezzelPaymentMethodElement, ev: JustifiSezzelPaymentMethodCustomEvent<HTMLJustifiSezzelPaymentMethodElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLJustifiSezzlePaymentMethodElement extends Components.JustifiSezzlePaymentMethod, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiSezzlePaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiSezzlePaymentMethodElement, ev: JustifiSezzlePaymentMethodCustomEvent<HTMLJustifiSezzlePaymentMethodElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLJustifiSezzelPaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiSezzelPaymentMethodElement, ev: JustifiSezzelPaymentMethodCustomEvent<HTMLJustifiSezzelPaymentMethodElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiSezzlePaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiSezzlePaymentMethodElement, ev: JustifiSezzlePaymentMethodCustomEvent<HTMLJustifiSezzlePaymentMethodElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
-    var HTMLJustifiSezzelPaymentMethodElement: {
-        prototype: HTMLJustifiSezzelPaymentMethodElement;
-        new (): HTMLJustifiSezzelPaymentMethodElement;
+    var HTMLJustifiSezzlePaymentMethodElement: {
+        prototype: HTMLJustifiSezzlePaymentMethodElement;
+        new (): HTMLJustifiSezzlePaymentMethodElement;
     };
     interface HTMLJustifiSubaccountDetailsElement extends Components.JustifiSubaccountDetails, HTMLStencilElement {
     }
@@ -2013,7 +2011,7 @@ declare global {
         "justifi-proceeds-list": HTMLJustifiProceedsListElement;
         "justifi-refund-form": HTMLJustifiRefundFormElement;
         "justifi-saved-payment-method": HTMLJustifiSavedPaymentMethodElement;
-        "justifi-sezzel-payment-method": HTMLJustifiSezzelPaymentMethodElement;
+        "justifi-sezzle-payment-method": HTMLJustifiSezzlePaymentMethodElement;
         "justifi-subaccount-details": HTMLJustifiSubaccountDetailsElement;
         "justifi-subaccounts-list": HTMLJustifiSubaccountsListElement;
         "justifi-table": HTMLJustifiTableElement;
@@ -2359,6 +2357,10 @@ declare namespace LocalJSX {
     interface JustifiCheckout {
         "authToken"?: string;
         "checkoutId"?: string;
+        "disableBankAccount"?: boolean;
+        "disableBnpl"?: boolean;
+        "disableCreditCard"?: boolean;
+        "disablePaymentMethodGroup"?: boolean;
         "iframeOrigin"?: string;
         "onError-event"?: (event: JustifiCheckoutCustomEvent<ComponentError>) => void;
     }
@@ -2366,6 +2368,10 @@ declare namespace LocalJSX {
         "authToken"?: string;
         "checkoutId"?: string;
         "complete"?: Function;
+        "disableBankAccount"?: boolean;
+        "disableBnpl"?: boolean;
+        "disableCreditCard"?: boolean;
+        "disablePaymentMethodGroup"?: boolean;
         "getCheckout"?: Function;
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -2464,6 +2470,7 @@ declare namespace LocalJSX {
     }
     interface JustifiPaymentForm {
         "accountId"?: string;
+        "authToken"?: string;
         "bankAccount"?: boolean;
         "card"?: boolean;
         "clientId"?: string;
@@ -2494,7 +2501,9 @@ declare namespace LocalJSX {
         "paymentAmount"?: string;
         "savedPaymentMethods"?: any[];
         "showAch"?: boolean;
+        "showBnpl"?: boolean;
         "showCard"?: boolean;
+        "showSavedPaymentMethods"?: boolean;
     }
     interface JustifiPaymentMethodSelector {
         "onPaymentMethodSelected"?: (event: JustifiPaymentMethodSelectorCustomEvent<any>) => void;
@@ -2628,13 +2637,13 @@ declare namespace LocalJSX {
         "onPaymentMethodOptionSelected"?: (event: JustifiSavedPaymentMethodCustomEvent<any>) => void;
         "paymentMethodOption"?: PaymentMethodOption;
     }
-    interface JustifiSezzelPaymentMethod {
+    interface JustifiSezzlePaymentMethod {
         "accountId"?: string;
         "bnpl"?: any;
         "clientId"?: string;
         "iframeOrigin"?: string;
         "isSelected"?: boolean;
-        "onPaymentMethodOptionSelected"?: (event: JustifiSezzelPaymentMethodCustomEvent<any>) => void;
+        "onPaymentMethodOptionSelected"?: (event: JustifiSezzlePaymentMethodCustomEvent<any>) => void;
         "paymentAmount"?: string;
         "paymentMethodOption"?: PaymentMethodOption;
     }
@@ -2779,7 +2788,7 @@ declare namespace LocalJSX {
         "justifi-proceeds-list": JustifiProceedsList;
         "justifi-refund-form": JustifiRefundForm;
         "justifi-saved-payment-method": JustifiSavedPaymentMethod;
-        "justifi-sezzel-payment-method": JustifiSezzelPaymentMethod;
+        "justifi-sezzle-payment-method": JustifiSezzlePaymentMethod;
         "justifi-subaccount-details": JustifiSubaccountDetails;
         "justifi-subaccounts-list": JustifiSubaccountsList;
         "justifi-table": JustifiTable;
@@ -3025,7 +3034,7 @@ declare module "@stencil/core" {
             "justifi-proceeds-list": LocalJSX.JustifiProceedsList & JSXBase.HTMLAttributes<HTMLJustifiProceedsListElement>;
             "justifi-refund-form": LocalJSX.JustifiRefundForm & JSXBase.HTMLAttributes<HTMLJustifiRefundFormElement>;
             "justifi-saved-payment-method": LocalJSX.JustifiSavedPaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiSavedPaymentMethodElement>;
-            "justifi-sezzel-payment-method": LocalJSX.JustifiSezzelPaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiSezzelPaymentMethodElement>;
+            "justifi-sezzle-payment-method": LocalJSX.JustifiSezzlePaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiSezzlePaymentMethodElement>;
             "justifi-subaccount-details": LocalJSX.JustifiSubaccountDetails & JSXBase.HTMLAttributes<HTMLJustifiSubaccountDetailsElement>;
             "justifi-subaccounts-list": LocalJSX.JustifiSubaccountsList & JSXBase.HTMLAttributes<HTMLJustifiSubaccountsListElement>;
             "justifi-table": LocalJSX.JustifiTable & JSXBase.HTMLAttributes<HTMLJustifiTableElement>;