@justifi/webcomponents 4.2.2 → 4.5.0

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

@@ -0,0 +1,15 @@
+import { BusinessAddressFormFields } from '../business-address/business-address-form-schema';
+export declare const RegExZip: RegExp;
+export interface IBusinessRepresentative {
+  name: string;
+  title: string;
+  email: string;
+  phone: string;
+  dob_day: string;
+  dob_month: string;
+  dob_year: string;
+  identification_number: string;
+  is_owner: boolean;
+  metadata: any;
+  address: BusinessAddressFormFields;
+}

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

@@ -0,0 +1,11 @@
+import { FormController } from '../../form/form';
+export declare class BusinessRepresentative {
+  formController: FormController;
+  errors: any;
+  representative: any;
+  constructor();
+  componentDidLoad(): void;
+  inputHandler(name: string, value: string): void;
+  onAddressFormUpdate(values: any): void;
+  render(): any;
+}

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

@@ -0,0 +1,35 @@
+import { PagingInfo } from '../table/table-utils';
+import { Business } from '../../api/Business';
+/**
+  * @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 arrow-disabled: Disabled state for paging buttons
+*/
+export declare class BusinessList {
+  accountId: string;
+  authToken: string;
+  businesses: Business[];
+  loading: boolean;
+  errorMessage: string;
+  paging: PagingInfo;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  onPageChange: (direction: string) => () => void;
+  mapProductStatusToBadge: (status: boolean) => "bg-success" | "bg-secondary";
+  mapBusinessType: (type: string) => "Individual" | "For Profit" | "Non Profit" | "Government Entity";
+  mapBusinessStructure: (type: string) => "Sole Proprietorship" | "Private Partnership" | "Private Corporation" | "Unincorporated Association" | "Public Partnership" | "Public Corporation" | "Incorporated" | "Unincorporated" | "Government Unit" | "Government Instrumentality" | "Tax Exempt Government Instrumentality" | "Single LLC" | "Multi LLC";
+  fetchData(direction?: string): Promise<void>;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,7 @@
+export declare class Details {
+  errorMessage: string;
+  entity: {
+    metadata: any;
+  };
+  render(): any;
+}

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

@@ -0,0 +1,19 @@
+export declare const LoadingState: any;
+export declare const ErrorState: (errorMessage: string) => any;
+export declare const DetailSection: ({ sectionTitle }: {
+  sectionTitle: string;
+}, children: any) => any;
+export declare const DetailItem: ({ title, value }: {
+  title: string;
+  value: string;
+}) => any;
+export declare const EntityHeadInfoItem: ({ title, value, classes }: {
+  title: string;
+  value: any;
+  classes?: string;
+}) => any;
+export declare const EntityHeadInfo: ({ title, slot, badge }: {
+  title: any;
+  slot: any;
+  badge: any;
+}, children: any) => any;

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

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

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

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MonetaryInput {
+  label: string;
+  name: any;
+  error: string;
+  defaultValue: string;
+  inputHandler: (name: string, value: string) => void;
+  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-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

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SelectInput {
+  selectElement: HTMLSelectElement;
+  label: string;
+  name: any;
+  error: string;
+  defaultValue: string;
+  inputHandler: (name: string, value: string) => void;
+  options: {
+    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

@@ -0,0 +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

@@ -0,0 +1,22 @@
+import { BehaviorSubject } from 'rxjs';
+import { ObjectSchema } from 'yup';
+export declare class FormController {
+  values: BehaviorSubject<any>;
+  errors: BehaviorSubject<any>;
+  private _schema;
+  private _initialValues;
+  private _values;
+  private _errors;
+  private _isValid;
+  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;
+  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-form/payment-form.d.ts

@@ -12,6 +12,7 @@ export declare class PaymentForm {
   submitButtonText?: string;
   submitted: EventEmitter<CreatePaymentMethodResponse>;
   submitButtonEnabled: boolean;
+  hasLoadedFonts: boolean;
   isLoading: boolean;
   selectedPaymentMethodType: PaymentMethodTypes;
   allowedPaymentMethodTypes: PaymentMethodTypes[];
@@ -21,6 +22,7 @@ export declare class PaymentForm {
   paymentMethodSelectedHandler(event: CustomEvent): void;
   fillBillingForm(fields: BillingFormFields): Promise<void>;
   enableSubmitButton(): Promise<void>;
+  loadFontsOnParent(): Promise<any>;
   submit(event: any): Promise<void>;
   render(): any;
 }

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

@@ -1,5 +1,7 @@
 export interface Theme {
+  loadGoogleFont: string;
   layout?: {
+    fontFamily?: string;
     padding?: string;
     formControlSpacingHorizontal?: string;
     formControlSpacingVertical?: string;

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

@@ -1,11 +1,36 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Payment } from '../../api';
+import { PagingInfo } from '../table/table-utils';
+/**
+  * @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 PaymentsList {
   accountId: string;
-  auth: {
-    token?: string;
-  };
+  authToken: string;
   payments: Payment[];
-  requestPropsChanged(): void;
-  fetchData(): void;
+  loading: boolean;
+  errorMessage: string;
+  paging: PagingInfo;
+  rowClicked: EventEmitter<Payment>;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  onPageChange: (direction: string) => () => void;
+  fetchData(direction?: string): Promise<void>;
   render(): any;
 }

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

@@ -0,0 +1,10 @@
+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;
+export declare const Contained: 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

@@ -0,0 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Payout, PayoutStatuses } from '../../api';
+import { PagingInfo } from '../table/table-utils';
+/**
+  * @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 PayoutsList {
+  accountId: string;
+  authToken: string;
+  payouts: Payout[];
+  loading: boolean;
+  errorMessage: string;
+  paging: PagingInfo;
+  rowClicked: EventEmitter<Payout>;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  onPageChange: (direction: string) => () => void;
+  mapStatusToBadge: (status: PayoutStatuses) => string;
+  fetchData(direction?: string): Promise<void>;
+  render(): any;
+}

package/dist/types/components/payouts-list/payouts-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/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 {};