@justifi/webcomponents 4.4.0 → 4.5.1

package/dist/types/components/form/form-control-number-masked.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class NumberInputMasked {
+  label: string;
+  name: any;
+  error: string;
+  defaultValue: string;
+  inputHandler: (name: string, value: string) => void;
+  mask: string;
+  disabled: boolean;
+  private imask;
+  textInput: HTMLInputElement;
+  formControlInput: EventEmitter<any>;
+  formControlBlur: EventEmitter<any>;
+  handleDefaultValueChange(newValue: string): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  updateInput(newValue: any): void;
+  render(): any;
+}

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class NumberInput {
+  el: HTMLElement;
+  label: string;
+  name: any;
+  error: string;
+  defaultValue: string;
+  inputHandler: (name: string, value: string) => void;
+  disabled: boolean;
+  input: string;
+  formControlInput: EventEmitter<any>;
+  formControlBlur: EventEmitter<any>;
+  handleDefaultValueChange(newValue: string): void;
+  updateInput(newValue: any): void;
+  handleFormControlInput(event: any): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class TextInput {
+export declare class SelectInput {
+  selectElement: HTMLSelectElement;
   label: string;
   name: any;
   error: string;
@@ -9,8 +10,12 @@ export declare class TextInput {
     label: string;
     value: string;
   }[];
+  disabled: boolean;
   formControlInput: EventEmitter<any>;
   formControlBlur: EventEmitter<any>;
+  handleDefaultValueChange(newValue: string): void;
+  updateInput(newValue: any): void;
   handleFormControlInput(event: any): void;
+  componentDidLoad(): void;
   render(): any;
 }

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

@@ -1,12 +1,18 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TextInput {
+  el: HTMLElement;
   label: string;
   name: any;
   error: string;
   defaultValue: string;
+  disabled: boolean;
   inputHandler: (name: string, value: string) => void;
+  input: string;
   formControlInput: EventEmitter<any>;
   formControlBlur: EventEmitter<any>;
+  handleDefaultValueChange(newValue: string): void;
+  updateInput(newValue: any): void;
   handleFormControlInput(event: any): void;
+  componentDidLoad(): void;
   render(): any;
 }

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

@@ -1,21 +1,22 @@
 import { BehaviorSubject } from 'rxjs';
 import { ObjectSchema } from 'yup';
 export declare class FormController {
-  defaultValues: BehaviorSubject<any>;
   values: BehaviorSubject<any>;
   errors: BehaviorSubject<any>;
   private _schema;
-  private _defaultValues;
+  private _initialValues;
   private _values;
   private _errors;
   private _isValid;
-  constructor(schema: ObjectSchema<any>, defaultValues?: any);
+  constructor(schema: ObjectSchema<any>);
   private processArrayError;
   private processRegularError;
   private setNestedError;
   private setError;
   private validate;
   validateAndSubmit(submitHandler: () => void): Promise<void>;
+  setInitialValues(values: any): void;
   setValues(values: any): void;
-  setDefaultValues(values: any): void;
+  resetValues(): void;
+  getInitialValues(): any;
 }

package/dist/types/components/legal-address-form/legal-address-form-schema.d.ts

@@ -0,0 +1,17 @@
+import * as Yup from 'yup';
+declare const legalAddressSchema: Yup.ObjectSchema<{
+  line1: string;
+  line2: string;
+  city: string;
+  state: string;
+  postal_code: string;
+  country: string;
+}, Yup.AnyObject, {
+  line1: undefined;
+  line2: undefined;
+  city: undefined;
+  state: undefined;
+  postal_code: undefined;
+  country: undefined;
+}, "">;
+export default legalAddressSchema;

package/dist/types/components/legal-address-form/legal-address-form.d.ts

@@ -0,0 +1,16 @@
+import { FormController } from '../form/form';
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class LegalAddressForm {
+  formController: FormController;
+  legend: string;
+  errors: any;
+  legal_address: any;
+  constructor();
+  componentDidLoad(): void;
+  inputHandler(name: string, value: string): void;
+  render(): any;
+}

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

@@ -0,0 +1,28 @@
+import { Payment } from '../../api';
+/**
+  * @exportedPart detail-loading-spinner
+  * @exportedPart detail-loading-state
+  * @exportedPart detail-empty-state
+  * @exportedPart detail-head
+  * @exportedPart detail-title
+  * @exportedPart detail-method
+  * @exportedPart detail-info
+  * @exportedPart detail-info-item
+  * @exportedPart detail-info-item-title
+  * @exportedPart detail-info-item-data
+  * @exportedPart detail-metadata
+  * @exportedPart detail-metadata-title
+  * @exportedPart detail-method-title
+  * @exportedPart detail-method-data
+*/
+export declare class PaymentDetails {
+  paymentId: string;
+  authToken: string;
+  payment: Payment;
+  loading: boolean;
+  errorMessage: string;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  fetchData(): Promise<void>;
+  render(): any;
+}

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

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

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

@@ -9,19 +9,17 @@ export declare class PaymentMethodForm {
   paymentMethodFormTokenize: EventEmitter<{
     data: any;
   }>;
-  height: number;
   private computedTheme;
   iframeElement: HTMLIFrameElement;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  componentShouldUpdate(): void;
   sendStyleOverrides(): void;
   private dispatchMessageEvent;
   private postMessage;
+  resize(): Promise<any>;
   private postMessageWithResponseListener;
   tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<CreatePaymentMethodResponse>;
   validate(): Promise<any>;
-  resize(): Promise<any>;
   private composeQueryParams;
   private getIframeSrc;
   render(): any;

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

@@ -1,11 +1,6 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Payment } from '../../api';
-interface PagingInfo {
-  amount: number;
-  start_cursor: string;
-  end_cursor: string;
-  has_previous: boolean;
-  has_next: boolean;
-}
+import { PagingInfo } from '../table/table-utils';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -21,7 +16,9 @@ interface PagingInfo {
   * @exportedPart arrow: Both paging buttons
   * @exportedPart arrow-left: Previous page button
   * @exportedPart arrow-right: Next page button
-  * @exportedPart arrow-disabled: Disabled state for paging buttons
+  * @exportedPart button-disabled: Disabled state for paging buttons
+  * @exportedPart previous-button-text: Text for Previous button
+  * @exportedPart next-button-text: Text for Next button
 */
 export declare class PaymentsList {
   accountId: string;
@@ -30,15 +27,10 @@ export declare class PaymentsList {
   loading: boolean;
   errorMessage: string;
   paging: PagingInfo;
+  rowClicked: EventEmitter<Payment>;
   updateOnPropChange(): void;
   connectedCallback(): void;
   onPageChange: (direction: string) => () => void;
   fetchData(direction?: string): Promise<void>;
-  showEmptyState(): boolean;
-  emptyState: any;
-  errorState: () => any;
-  loadingState: any;
-  paginationBar: () => any;
   render(): any;
 }
-export {};

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

@@ -2,14 +2,7 @@ declare const _default: {
   title: string;
   component: string;
   parameters: {};
-  argTypes: {
-    'client-id': {
-      control: string;
-      table: {
-        category: string;
-      };
-    };
-  };
+  decorators: ((Story: any) => string)[];
 };
 export default _default;
 export declare const Basic: any;

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

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

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

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

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

@@ -1,11 +1,6 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Payout, PayoutStatuses } from '../../api';
-interface PagingInfo {
-  amount: number;
-  start_cursor: string;
-  end_cursor: string;
-  has_previous: boolean;
-  has_next: boolean;
-}
+import { PagingInfo } from '../table/table-utils';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -21,7 +16,9 @@ interface PagingInfo {
   * @exportedPart arrow: Both paging buttons
   * @exportedPart arrow-left: Previous page button
   * @exportedPart arrow-right: Next page button
-  * @exportedPart arrow-disabled: Disabled state for paging buttons
+  * @exportedPart button-disabled: Disabled state for paging buttons
+  * @exportedPart previous-button-text: Text for Previous button
+  * @exportedPart next-button-text: Text for Next button
 */
 export declare class PayoutsList {
   accountId: string;
@@ -30,16 +27,11 @@ export declare class PayoutsList {
   loading: boolean;
   errorMessage: string;
   paging: PagingInfo;
+  rowClicked: EventEmitter<Payout>;
   updateOnPropChange(): void;
   connectedCallback(): void;
   onPageChange: (direction: string) => () => void;
-  mapStatusToBadge: (status: PayoutStatuses) => "bg-primary" | "bg-danger" | "bg-secondary" | "bg-success";
+  mapStatusToBadge: (status: PayoutStatuses) => string;
   fetchData(direction?: string): Promise<void>;
-  showEmptyState(): boolean;
-  emptyState: any;
-  errorState: () => any;
-  loadingState: any;
-  paginationBar: () => any;
   render(): any;
 }
-export {};

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

@@ -2,14 +2,7 @@ declare const _default: {
   title: string;
   component: string;
   parameters: {};
-  argTypes: {
-    'client-id': {
-      control: string;
-      table: {
-        category: string;
-      };
-    };
-  };
+  decorators: ((Story: any) => string)[];
 };
 export default _default;
 export declare const Basic: any;

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

@@ -0,0 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PagingInfo } from '../table/table-utils';
+import { Proceed, ProceedStatuses } from '../../api/Proceed';
+/**
+  * @exportedPart table-head: Table head
+  * @exportedPart table-head-row: Head row
+  * @exportedPart table-head-cell: Individual head cell
+  * @exportedPart table-body: Body of the table
+  * @exportedPart table-row: Row of the table
+  * @exportedPart table-cell: Individual cell of the table
+  * @exportedPart loading-state-cell: Row for loading state
+  * @exportedPart loading-state-spinner: Spinner element for loading state
+  * @exportedPart error-state: Row for Error state
+  * @exportedPart empty-state: Row for Emtpy state
+  * @exportedPart pagination-bar: Pagination bar
+  * @exportedPart arrow: Both paging buttons
+  * @exportedPart arrow-left: Previous page button
+  * @exportedPart arrow-right: Next page button
+  * @exportedPart button-disabled: Disabled state for paging buttons
+  * @exportedPart previous-button-text: Text for Previous button
+  * @exportedPart next-button-text: Text for Next button
+*/
+export declare class ProceedsList {
+  accountId: string;
+  authToken: string;
+  proceeds: Proceed[];
+  loading: boolean;
+  errorMessage: string;
+  paging: PagingInfo;
+  rowClicked: EventEmitter<Proceed>;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  onPageChange: (direction: string) => () => void;
+  mapStatusToBadge: (status: ProceedStatuses) => string;
+  fetchData(direction?: string): Promise<void>;
+  render(): any;
+}

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

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

package/dist/types/components/table/table-utils.d.ts

@@ -0,0 +1,14 @@
+export interface PagingInfo {
+  amount: number;
+  start_cursor: string;
+  end_cursor: string;
+  has_previous: boolean;
+  has_next: boolean;
+}
+export declare const pagingDefaults: {
+  amount: number;
+  start_cursor: string;
+  end_cursor: string;
+  has_previous: boolean;
+  has_next: boolean;
+};

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

@@ -0,0 +1,28 @@
+import { PagingInfo } from '../table/table-utils';
+interface ExtendedPagingInfo extends PagingInfo {
+  onPrev: () => void;
+  onNext: () => void;
+}
+export interface TableProps {
+  loading: boolean;
+  errorMessage: string;
+  columnData: (string | string[])[];
+  rowData: any[];
+  paging: ExtendedPagingInfo;
+}
+export declare class Table {
+  loading: TableProps['loading'];
+  errorMessage: TableProps['errorMessage'];
+  rowData: TableProps['rowData'];
+  columnData: TableProps['columnData'];
+  paging: TableProps['paging'];
+  entityId: string[];
+  rowClickHandler: (e: any) => any;
+  showEmptyState(): boolean;
+  emptyState: () => any;
+  errorState: () => any;
+  loadingState: () => any;
+  paginationBar: () => any;
+  render(): any;
+}
+export {};