@justifi/webcomponents 4.7.3 → 4.7.5

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

@@ -1,26 +1,25 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { CreatePaymentMethodResponse } from './payment-method-responses';
 export declare class PaymentMethodForm {
-  paymentMethodFormType: 'card' | 'bankAccount';
-  paymentMethodFormValidationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
-  iframeOrigin?: string;
-  singleLine: boolean;
-  paymentMethodFormReady: EventEmitter;
-  paymentMethodFormTokenize: EventEmitter<{
-    data: any;
-  }>;
-  private computedTheme;
-  iframeElement: HTMLIFrameElement;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  sendStyleOverrides(): void;
-  private dispatchMessageEvent;
-  private postMessage;
-  resize(): Promise<any>;
-  private postMessageWithResponseListener;
-  tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<CreatePaymentMethodResponse>;
-  validate(): Promise<any>;
-  private composeQueryParams;
-  private getIframeSrc;
-  render(): any;
+    paymentMethodFormType: 'card' | 'bankAccount';
+    paymentMethodFormValidationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
+    iframeOrigin?: string;
+    singleLine: boolean;
+    paymentMethodFormReady: EventEmitter;
+    paymentMethodFormValidated: EventEmitter<any>;
+    paymentMethodFormTokenized: EventEmitter<any>;
+    private computedTheme;
+    iframeElement: HTMLIFrameElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    sendStyleOverrides(): void;
+    private dispatchMessageEvent;
+    private postMessage;
+    resize(): Promise<any>;
+    private postMessageWithResponseListener;
+    tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<CreatePaymentMethodResponse>;
+    validate(): Promise<any>;
+    private composeQueryParams;
+    private getIframeSrc;
+    render(): any;
 }

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

@@ -1,52 +1,52 @@
 interface PaymentMethodCreateResponseWrapper {
-  id: string;
-  type: 'payment_method';
-  error?: {
-    code: string;
-    message: string;
-  };
-  page_info: string;
+    id: string;
+    type: 'payment_method';
+    error?: {
+        code: string;
+        message: string;
+    };
+    page_info: string;
 }
 interface CardCreateResponse extends PaymentMethodCreateResponseWrapper {
-  data?: {
-    signature: string;
-    customer_id: string;
-    account_id: string;
-    card: {
-      id: string;
-      name: string;
-      acct_last_four: number;
-      brand: string;
-      token: string;
-      month: string;
-      year: string;
-      metadata: any;
-      address_line1_check: string;
-      address_postal_code_check: string;
+    data?: {
+        signature: string;
+        customer_id: string;
+        account_id: string;
+        card: {
+            id: string;
+            name: string;
+            acct_last_four: number;
+            brand: string;
+            token: string;
+            month: string;
+            year: string;
+            metadata: any;
+            address_line1_check: string;
+            address_postal_code_check: string;
+        };
     };
-  };
 }
 interface BankAccountCreateResponse extends PaymentMethodCreateResponseWrapper {
-  data?: {
-    signature: string;
-    customer_id: string;
-    account_id: string;
-    bank_account: {
-      id: string;
-      account_owner_name: string;
-      account_type: 'checking' | 'savings';
-      bank_name: string;
-      acct_last_four: number;
-      token: string;
-      metadata: any;
+    data?: {
+        signature: string;
+        customer_id: string;
+        account_id: string;
+        bank_account: {
+            id: string;
+            account_owner_name: string;
+            account_type: 'checking' | 'savings';
+            bank_name: string;
+            acct_last_four: number;
+            token: string;
+            metadata: any;
+        };
     };
-  };
 }
 interface PaymentMethodErrorResponse {
-  error: {
-    code: string;
-    message: string;
-  };
+    error: {
+        code: string;
+        message: string;
+    };
 }
 export type CreatePaymentMethodResponse = CardCreateResponse | BankAccountCreateResponse | PaymentMethodErrorResponse;
 export {};

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

@@ -1,47 +1,47 @@
 export interface Theme {
-  loadGoogleFont: string;
-  layout?: {
-    fontFamily?: string;
-    padding?: string;
-    formControlSpacingHorizontal?: string;
-    formControlSpacingVertical?: string;
-  };
-  formLabel?: {
-    color?: string;
-    fontFamily?: string;
-    fontSize?: string;
-    fontWeight?: string;
-    margin?: string;
-  };
-  formControl?: {
-    backgroundColor?: string;
-    backgroundColorHover?: string;
-    borderColor?: string;
-    borderColorHover?: string;
-    borderColorFocus?: string;
-    borderColorError?: string;
-    borderWidth?: string;
-    borderBottomWidth?: string;
-    borderLeftWidth?: string;
-    borderRightWidth?: string;
-    borderTopWidth?: string;
-    borderRadius?: string;
-    borderStyle?: string;
-    boxShadow?: string;
-    boxShadowError?: string;
-    boxShadowErrorFocus?: string;
-    boxShadowFocus?: string;
-    color?: string;
-    colorFocus?: string;
-    fontSize?: string;
-    fontWeight?: string;
-    lineHeight?: string;
-    margin?: string;
-    padding?: string;
-  };
-  errorMessage?: {
-    color?: string;
-    margin?: string;
-    fontSize?: string;
-  };
+    loadGoogleFont: string;
+    layout?: {
+        fontFamily?: string;
+        padding?: string;
+        formControlSpacingHorizontal?: string;
+        formControlSpacingVertical?: string;
+    };
+    formLabel?: {
+        color?: string;
+        fontFamily?: string;
+        fontSize?: string;
+        fontWeight?: string;
+        margin?: string;
+    };
+    formControl?: {
+        backgroundColor?: string;
+        backgroundColorHover?: string;
+        borderColor?: string;
+        borderColorHover?: string;
+        borderColorFocus?: string;
+        borderColorError?: string;
+        borderWidth?: string;
+        borderBottomWidth?: string;
+        borderLeftWidth?: string;
+        borderRightWidth?: string;
+        borderTopWidth?: string;
+        borderRadius?: string;
+        borderStyle?: string;
+        boxShadow?: string;
+        boxShadowError?: string;
+        boxShadowErrorFocus?: string;
+        boxShadowFocus?: string;
+        color?: string;
+        colorFocus?: string;
+        fontSize?: string;
+        fontWeight?: string;
+        lineHeight?: string;
+        margin?: string;
+        padding?: string;
+    };
+    errorMessage?: {
+        color?: string;
+        margin?: string;
+        fontSize?: string;
+    };
 }

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

@@ -20,18 +20,18 @@ import { PagingInfo, Payment } from '../../api';
   * @exportedPart next-button-text: Text for Next button
 */
 export declare class PaymentsList {
-  accountId: string;
-  authToken: string;
-  payments: Payment[];
-  loading: boolean;
-  errorMessage: string;
-  paging: PagingInfo;
-  params: any;
-  rowClicked: EventEmitter<Payment>;
-  updateOnPropChange(): void;
-  connectedCallback(): void;
-  handleClickPrevious: (beforeCursor: string) => void;
-  handleClickNext: (afterCursor: string) => void;
-  fetchData(): Promise<void>;
-  render(): any;
+    accountId: string;
+    authToken: string;
+    payments: Payment[];
+    loading: boolean;
+    errorMessage: string;
+    paging: PagingInfo;
+    params: any;
+    rowClicked: EventEmitter<Payment>;
+    updateOnPropChange(): void;
+    connectedCallback(): void;
+    handleClickPrevious: (beforeCursor: string) => void;
+    handleClickNext: (afterCursor: string) => void;
+    fetchData(): Promise<void>;
+    render(): any;
 }

package/dist/types/components/payout-details/payout-details.d.ts

@@ -24,13 +24,13 @@ import { Payout } from '../../api';
   * @exportedPart detail-head-info-item-data
 */
 export declare class PaymentDetails {
-  payoutId: string;
-  authToken: string;
-  payout: Payout;
-  loading: boolean;
-  errorMessage: string;
-  updateOnPropChange(): void;
-  connectedCallback(): void;
-  fetchData(): Promise<void>;
-  render(): any;
+    payoutId: string;
+    authToken: string;
+    payout: Payout;
+    loading: boolean;
+    errorMessage: string;
+    updateOnPropChange(): void;
+    connectedCallback(): void;
+    fetchData(): Promise<void>;
+    render(): any;
 }

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

@@ -20,19 +20,19 @@ import { PagingInfo, Payout, PayoutStatuses } from '../../api';
   * @exportedPart next-button-text: Text for Next button
 */
 export declare class PayoutsList {
-  accountId: string;
-  authToken: string;
-  payouts: Payout[];
-  loading: boolean;
-  errorMessage: string;
-  paging: PagingInfo;
-  params: any;
-  rowClicked: EventEmitter<Payout>;
-  updateOnPropChange(): void;
-  connectedCallback(): void;
-  mapStatusToBadge: (status: PayoutStatuses) => string;
-  handleClickPrevious: (beforeCursor: string) => void;
-  handleClickNext: (afterCursor: string) => void;
-  fetchData(): Promise<void>;
-  render(): any;
+    accountId: string;
+    authToken: string;
+    payouts: Payout[];
+    loading: boolean;
+    errorMessage: string;
+    paging: PagingInfo;
+    params: any;
+    rowClicked: EventEmitter<Payout>;
+    updateOnPropChange(): void;
+    connectedCallback(): void;
+    mapStatusToBadge: (status: PayoutStatuses) => string;
+    handleClickPrevious: (beforeCursor: string) => void;
+    handleClickNext: (afterCursor: string) => void;
+    fetchData(): Promise<void>;
+    render(): any;
 }

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

@@ -21,19 +21,19 @@ import { Proceed, ProceedStatuses } from '../../api/Proceed';
   * @exportedPart next-button-text: Text for Next button
 */
 export declare class ProceedsList {
-  accountId: string;
-  authToken: string;
-  proceeds: Proceed[];
-  loading: boolean;
-  errorMessage: string;
-  paging: PagingInfo;
-  params: any;
-  rowClicked: EventEmitter<Proceed>;
-  updateOnPropChange(): void;
-  connectedCallback(): void;
-  mapStatusToBadge: (status: ProceedStatuses) => string;
-  handleClickPrevious: (beforeCursor: string) => void;
-  handleClickNext: (afterCursor: string) => void;
-  fetchData(): Promise<void>;
-  render(): any;
+    accountId: string;
+    authToken: string;
+    proceeds: Proceed[];
+    loading: boolean;
+    errorMessage: string;
+    paging: PagingInfo;
+    params: any;
+    rowClicked: EventEmitter<Proceed>;
+    updateOnPropChange(): void;
+    connectedCallback(): void;
+    mapStatusToBadge: (status: ProceedStatuses) => string;
+    handleClickPrevious: (beforeCursor: string) => void;
+    handleClickNext: (afterCursor: string) => void;
+    fetchData(): Promise<void>;
+    render(): any;
 }

package/dist/types/components/proceeds-list/proceeds-list.stories.d.ts

@@ -1,8 +1,8 @@
 declare const _default: {
-  title: string;
-  component: string;
-  parameters: {};
-  decorators: ((Story: any) => string)[];
+    title: string;
+    component: string;
+    parameters: {};
+    decorators: ((Story: any) => string)[];
 };
 export default _default;
 export declare const Basic: any;

package/dist/types/components/refund-form/refund-form-schema.d.ts

@@ -1,11 +1,11 @@
 import * as yup from 'yup';
 export interface RefundFormFields {
-  amount: number | null;
-  message: string;
+    amount: number | null;
+    message: string;
 }
 declare const RefundFormSchema: yup.ObjectSchema<{
-  amount: number;
+    amount: number;
 }, yup.AnyObject, {
-  amount: undefined;
+    amount: undefined;
 }, "">;
 export default RefundFormSchema;

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

@@ -1,58 +1,58 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { RefundFormFields } from './refund-form-schema';
 export declare class RefundForm {
-  /**
-   * Authentication token required to authorize the refund transaction.
-   */
-  authToken: string;
-  /**
-   * The unique identifier for the payment to be refunded.
-   */
-  paymentId: string;
-  /**
-   * The amount of the payment to be refunded.
-   */
-  amount?: number;
-  /**
-   * Custom text for the submit button. Defaults to 'Submit'.
-   */
-  submitButtonText?: string;
-  /**
-   * Flag to control the visibility of the submit button.
-   */
-  withButton?: boolean;
-  /**
-   * Optional information text displayed above the form.
-   */
-  refundInfoText?: string;
-  errors: any;
-  isSubmitting: boolean;
-  /**
-   * Event emitted when the refund form is successfully submitted.
-   * The submitted refund fields are passed as the event detail.
-   */
-  submitted: EventEmitter<RefundFormFields>;
-  private formController;
-  private api;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  /**
-   * Handles the form submission.
-   * Prevents the default form action, validates the form, and emits the 'submitted' event.
-   */
-  handleSubmit(event: Event): Promise<void>;
-  /**
-   * Submits the refund request to the API.
-   */
-  private submitRefund;
-  /**
-   * Handles input changes, updating the refundFields state.
-   */
-  private handleInput;
-  /**
-   * Initializes the API with the given authentication token.
-   * Logs a warning if the auth token is missing.
-   */
-  private initializeApi;
-  render(): any;
+    /**
+     * Authentication token required to authorize the refund transaction.
+     */
+    authToken: string;
+    /**
+     * The unique identifier for the payment to be refunded.
+     */
+    paymentId: string;
+    /**
+     * The amount of the payment to be refunded.
+     */
+    amount?: number;
+    /**
+     * Custom text for the submit button. Defaults to 'Submit'.
+     */
+    submitButtonText?: string;
+    /**
+     * Flag to control the visibility of the submit button.
+     */
+    withButton?: boolean;
+    /**
+     * Optional information text displayed above the form.
+     */
+    refundInfoText?: string;
+    errors: any;
+    isSubmitting: boolean;
+    /**
+     * Event emitted when the refund form is successfully submitted.
+     * The submitted refund fields are passed as the event detail.
+     */
+    submitted: EventEmitter<RefundFormFields>;
+    private formController;
+    private api;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    /**
+     * Handles the form submission.
+     * Prevents the default form action, validates the form, and emits the 'submitted' event.
+     */
+    handleSubmit(event: Event): Promise<void>;
+    /**
+     * Submits the refund request to the API.
+     */
+    private submitRefund;
+    /**
+     * Handles input changes, updating the refundFields state.
+     */
+    private handleInput;
+    /**
+     * Initializes the API with the given authentication token.
+     * Logs a warning if the auth token is missing.
+     */
+    private initializeApi;
+    render(): any;
 }

package/dist/types/components/refund-form/refund-form.stories.d.ts

@@ -1,26 +1,26 @@
 declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    authToken: {
-      control: string;
+    title: string;
+    component: string;
+    argTypes: {
+        authToken: {
+            control: string;
+        };
+        paymentId: {
+            control: string;
+        };
+        amount: {
+            control: string;
+        };
+        submitButtonText: {
+            control: string;
+        };
+        withButton: {
+            control: string;
+        };
+        refundInfoText: {
+            control: string;
+        };
     };
-    paymentId: {
-      control: string;
-    };
-    amount: {
-      control: string;
-    };
-    submitButtonText: {
-      control: string;
-    };
-    withButton: {
-      control: string;
-    };
-    refundInfoText: {
-      control: string;
-    };
-  };
 };
 export default _default;
 export declare const Basic: any;

package/dist/types/components/select-input/select-input.d.ts

@@ -1,18 +1,18 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SelectInput {
-  name: string;
-  label: string;
-  defaultValue: string;
-  error: string;
-  options: {
-    label: string;
-    value: string;
-  }[];
-  fieldReceivedInput: EventEmitter<{
     name: string;
-    value: string;
-  }>;
-  internalValue: string;
-  onInput(event: any): void;
-  render(): any;
+    label: string;
+    defaultValue: string;
+    error: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    fieldReceivedInput: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    internalValue: string;
+    onInput(event: any): void;
+    render(): any;
 }

package/dist/types/components/subaccount-details/subaccount-account-details/subaccount-account-details.d.ts

@@ -1,6 +1,6 @@
 import { IOnboardingData, SubAccount } from '../../../api/SubAccount';
 export declare class SubaccountAccountDetails {
-  subaccount: SubAccount;
-  onboardingData: IOnboardingData;
-  render(): any;
+    subaccount: SubAccount;
+    onboardingData: IOnboardingData;
+    render(): any;
 }

package/dist/types/components/subaccount-details/subaccount-bank-details/subaccount-bank-details.d.ts

@@ -1,5 +1,5 @@
 import { SubaccountBankAccount } from '../../../api/SubAccount';
 export declare class SubaccountBankDetails {
-  data: SubaccountBankAccount;
-  render(): any;
+    data: SubaccountBankAccount;
+    render(): any;
 }

package/dist/types/components/subaccount-details/subaccount-details.d.ts

@@ -1,16 +1,16 @@
 import { IOnboardingData, SubAccount } from '../../api/SubAccount';
 export declare class SubaccountDetails {
-  accountId: string;
-  subaccountId: string;
-  authToken: string;
-  onboardingData: IOnboardingData;
-  subaccount: SubAccount;
-  loading: boolean;
-  errorMessage: string;
-  updateOnPropChange(): void;
-  connectedCallback(): void;
-  fetchOnboardingData(): Promise<void>;
-  fetchSubAccountData(): Promise<void>;
-  fetchData(): Promise<void>;
-  render(): any;
+    accountId: string;
+    subaccountId: string;
+    authToken: string;
+    onboardingData: IOnboardingData;
+    subaccount: SubAccount;
+    loading: boolean;
+    errorMessage: string;
+    updateOnPropChange(): void;
+    connectedCallback(): void;
+    fetchOnboardingData(): Promise<void>;
+    fetchSubAccountData(): Promise<void>;
+    fetchData(): Promise<void>;
+    render(): any;
 }

package/dist/types/components/subaccount-details/subaccount-details.stories.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
-  title: string;
-  component: string;
-  parameters: {};
+    title: string;
+    component: string;
+    parameters: {};
 };
 export default _default;
 export declare const Basic: any;