@justifi/webcomponents 4.7.3 → 4.7.5

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

@@ -1,9 +1,9 @@
 export declare class BusinessAddressForm {
-  onFormUpdate: (values: any) => void;
-  errors: any;
-  defaultValues: any;
-  address: any;
-  handleAddressChange(newValues: any): void;
-  inputHandler(name: string, value: string): void;
-  render(): any;
+    onFormUpdate: (values: any) => void;
+    errors: any;
+    defaultValues: any;
+    address: any;
+    handleAddressChange(newValues: any): void;
+    inputHandler(name: string, value: string): void;
+    render(): any;
 }

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

@@ -2,118 +2,118 @@ export declare const RegExZip: RegExp;
 type BusinessType = 'for_profit' | 'non_profit' | 'government_entity' | 'individual' | '';
 type BusinessStructure = 'sole_proprietorship' | 'single_llc' | 'multi_llc' | 'private_partnership' | 'private_corporation' | 'unincorporated_association' | 'public_partnership' | 'public_corporation' | 'incorporated' | 'unincorporated' | 'government_unit' | 'government_instrumentality' | 'tax_exempt_government_instrumentality' | '';
 export declare class Business {
-  legal_name: string;
-  website_url: string;
-  email: string;
-  phone: string;
-  doing_business_as: string;
-  business_type: string;
-  business_structure: string;
-  industry: string;
-  metadata: any;
-  constructor(data?: any);
+    legal_name: string;
+    website_url: string;
+    email: string;
+    phone: string;
+    doing_business_as: string;
+    business_type: string;
+    business_structure: string;
+    industry: string;
+    metadata: any;
+    constructor(data?: any);
 }
 export declare const BusinessTypeOptions: {
-  label: string;
-  value: BusinessType;
+    label: string;
+    value: BusinessType;
 }[];
 export declare const BusinessStructureOptions: {
-  label: string;
-  value: BusinessStructure;
+    label: string;
+    value: BusinessStructure;
 }[];
 declare const businessFormSchema: import("yup").ObjectSchema<{
-  legal_address: {
-    city?: string;
-    state?: string;
-    line1?: string;
-    line2?: string;
-    postal_code?: string;
-    country?: string;
-  };
-  additional_questions: {
-    business_revenue?: string;
-    business_payment_volume?: string;
-    business_dispute_volume?: string;
-    business_receivable_volume?: string;
-  };
-  representative: {
-    address?: {
-      city?: string;
-      state?: string;
-      line1?: string;
-      postal_code?: string;
+    legal_address: {
+        city?: string;
+        state?: string;
+        line1?: string;
+        line2?: string;
+        postal_code?: string;
+        country?: string;
     };
-    name?: string;
-    email?: string;
-    phone?: string;
-    dob_day?: string;
-    dob_month?: string;
-    dob_year?: string;
-    identification_number?: string;
-  };
-  owners: {
-    address?: {
-      city?: string;
-      state?: string;
-      line1?: string;
-      postal_code?: string;
+    additional_questions: {
+        business_revenue?: string;
+        business_payment_volume?: string;
+        business_dispute_volume?: string;
+        business_receivable_volume?: string;
     };
-    title?: string;
-    name?: string;
-    email?: string;
-    phone?: string;
-    dob_day?: string;
-    dob_month?: string;
-    dob_year?: string;
-    identification_number?: string;
-    is_owner?: boolean;
-  }[];
-  legal_name: unknown;
-  website_url: unknown;
-  email: unknown;
-  phone: unknown;
-  doing_business_as: unknown;
-  business_type: unknown;
-  business_structure: unknown;
-  industry: unknown;
+    representative: {
+        name?: string;
+        address?: {
+            city?: string;
+            state?: string;
+            line1?: string;
+            postal_code?: string;
+        };
+        email?: string;
+        phone?: string;
+        dob_day?: string;
+        dob_month?: string;
+        dob_year?: string;
+        identification_number?: string;
+    };
+    owners: {
+        name?: string;
+        title?: string;
+        address?: {
+            city?: string;
+            state?: string;
+            line1?: string;
+            postal_code?: string;
+        };
+        email?: string;
+        phone?: string;
+        dob_day?: string;
+        dob_month?: string;
+        dob_year?: string;
+        identification_number?: string;
+        is_owner?: boolean;
+    }[];
+    legal_name: unknown;
+    website_url: unknown;
+    email: unknown;
+    phone: unknown;
+    doing_business_as: unknown;
+    business_type: unknown;
+    business_structure: unknown;
+    industry: unknown;
 }, import("yup").AnyObject, {
-  legal_address: {
-    line1: undefined;
-    line2: undefined;
-    city: undefined;
-    state: undefined;
-    postal_code: undefined;
-    country: undefined;
-  };
-  additional_questions: {
-    business_revenue: undefined;
-    business_payment_volume: undefined;
-    business_dispute_volume: undefined;
-    business_receivable_volume: undefined;
-  };
-  representative: {
-    name: undefined;
+    legal_address: {
+        line1: undefined;
+        line2: undefined;
+        city: undefined;
+        state: undefined;
+        postal_code: undefined;
+        country: undefined;
+    };
+    additional_questions: {
+        business_revenue: undefined;
+        business_payment_volume: undefined;
+        business_dispute_volume: undefined;
+        business_receivable_volume: undefined;
+    };
+    representative: {
+        name: undefined;
+        email: undefined;
+        phone: undefined;
+        dob_day: undefined;
+        dob_month: undefined;
+        dob_year: undefined;
+        identification_number: undefined;
+        address: {
+            line1: undefined;
+            city: undefined;
+            state: undefined;
+            postal_code: undefined;
+        };
+    };
+    owners: "";
+    legal_name: undefined;
+    website_url: undefined;
     email: undefined;
     phone: undefined;
-    dob_day: undefined;
-    dob_month: undefined;
-    dob_year: undefined;
-    identification_number: undefined;
-    address: {
-      line1: undefined;
-      city: undefined;
-      state: undefined;
-      postal_code: undefined;
-    };
-  };
-  owners: "";
-  legal_name: undefined;
-  website_url: undefined;
-  email: undefined;
-  phone: undefined;
-  doing_business_as: undefined;
-  business_type: undefined;
-  business_structure: undefined;
-  industry: undefined;
+    doing_business_as: undefined;
+    business_type: undefined;
+    business_structure: undefined;
+    industry: undefined;
 }, "">;
 export default businessFormSchema;

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

@@ -4,27 +4,27 @@
  * @exportedPart input-invalid: Invalid state for inputfs
  */
 export declare class BusinessFormStepped {
-  authToken: string;
-  accountId: string;
-  businessId?: string;
-  testMode: boolean;
-  isLoading: boolean;
-  currentStep: number;
-  totalSteps: number;
-  serverError: string;
-  private formController;
-  private api;
-  constructor();
-  componentWillLoad(): void;
-  handleResponse(response: any, onSuccess: any): void;
-  private sendData;
-  private fetchData;
-  private validateAndSubmit;
-  showPreviousStepButton(): boolean;
-  previousStepButtonOnClick(): void;
-  showNextStepButton(): boolean;
-  nextStepButtonOnClick(): void;
-  showSubmitButton(): boolean;
-  currentStepComponent(): any;
-  render(): any;
+    authToken: string;
+    accountId: string;
+    businessId?: string;
+    testMode: boolean;
+    isLoading: boolean;
+    currentStep: number;
+    totalSteps: number;
+    serverError: string;
+    private formController;
+    private api;
+    constructor();
+    componentWillLoad(): void;
+    handleResponse(response: any, onSuccess: any): void;
+    private sendData;
+    private fetchData;
+    private validateAndSubmit;
+    showPreviousStepButton(): boolean;
+    previousStepButtonOnClick(): void;
+    showNextStepButton(): boolean;
+    nextStepButtonOnClick(): void;
+    showSubmitButton(): boolean;
+    currentStepComponent(): any;
+    render(): any;
 }

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

@@ -4,15 +4,15 @@
  * @exportedPart input-invalid: Invalid state for inputfs
  */
 export declare class BusinessForm {
-  authToken: string;
-  businessId?: string;
-  isLoading: boolean;
-  private formController;
-  private api;
-  constructor();
-  componentWillLoad(): void;
-  private sendData;
-  private fetchData;
-  private validateAndSubmit;
-  render(): any;
+    authToken: string;
+    businessId?: string;
+    isLoading: boolean;
+    private formController;
+    private api;
+    constructor();
+    componentWillLoad(): void;
+    private sendData;
+    private fetchData;
+    private validateAndSubmit;
+    render(): any;
 }

package/dist/types/components/business-form/business-generic-info/business-generic-info.d.ts

@@ -10,10 +10,10 @@ import { FormController } from '../../form/form';
  * @exportedPart input-invalid: Invalid state for inputfs
  */
 export declare class BusinessGenericInfo {
-  formController: FormController;
-  errors: any;
-  constructor();
-  componentDidLoad(): void;
-  inputHandler(name: string, value: string): void;
-  render(): any;
+    formController: FormController;
+    errors: any;
+    constructor();
+    componentDidLoad(): void;
+    inputHandler(name: string, value: string): void;
+    render(): any;
 }

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

@@ -1,16 +1,16 @@
 import { FormController } from '../../form/form';
 declare class BusinessOwner {
-  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: any;
+    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: any;
 }
 /**
  * @exportedPart label: Label for inputs
@@ -18,16 +18,16 @@ declare class BusinessOwner {
  * @exportedPart input-invalid: Invalid state for inputfs
  */
 export declare class BusinessOwners {
-  formController: FormController;
-  isEditing: boolean;
-  errors: any[];
-  owners: BusinessOwner[];
-  constructor();
-  componentDidLoad(): void;
-  inputHandler(name: string, value: string, index: number): void;
-  addressInputHandler(name: string, value: string, index: number): void;
-  addOwner(event: MouseEvent): void;
-  removeOwner(event: MouseEvent, index: number): void;
-  render(): any;
+    formController: FormController;
+    isEditing: boolean;
+    errors: any[];
+    owners: BusinessOwner[];
+    constructor();
+    componentDidLoad(): void;
+    inputHandler(name: string, value: string, index: number): void;
+    addressInputHandler(name: string, value: string, index: number): void;
+    addOwner(event: MouseEvent): void;
+    removeOwner(event: MouseEvent, index: number): void;
+    render(): any;
 }
 export {};

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

@@ -1,17 +1,17 @@
 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;
-  created_at: string;
-  updated_at: string;
+    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;
+    created_at: string;
+    updated_at: string;
 }

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

@@ -1,11 +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;
+    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-form/legal-address-form/legal-address-form-schema.d.ts

@@ -1,17 +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;
+    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;
+    line1: undefined;
+    line2: undefined;
+    city: undefined;
+    state: undefined;
+    postal_code: undefined;
+    country: undefined;
 }, "">;
 export default legalAddressSchema;

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

@@ -5,11 +5,11 @@ import { FormController } from '../../form/form';
  * @exportedPart input-invalid: Invalid state for inputfs
  */
 export declare class LegalAddressForm {
-  formController: FormController;
-  errors: any;
-  legal_address: any;
-  constructor();
-  componentDidLoad(): void;
-  inputHandler(name: string, value: string): void;
-  render(): any;
+    formController: FormController;
+    errors: any;
+    legal_address: any;
+    constructor();
+    componentDidLoad(): void;
+    inputHandler(name: string, value: string): void;
+    render(): any;
 }

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

@@ -18,31 +18,31 @@ import { Business } from '../../api/Business';
  * @exportedPart arrow-disabled: Disabled state for paging buttons
  */
 export declare class BusinessList {
-  /**
-   * The Account ID to fetch payments.
-   * This is required to fetch any data.
-   * @required
-   * @type {string}
-   * @memberof PaymentsList
-   */
-  accountId: string;
-  /**
-   * The Auth Token to fetch payments.
-   * This is required to fetch any data.
-   * @required
-   * @type {string}
-   */
-  authToken: string;
-  businesses: Business[];
-  loading: boolean;
-  errorMessage: string;
-  paging: PagingInfo;
-  params: any;
-  updateOnPropChange(): void;
-  connectedCallback(): void;
-  mapProductStatusToBadge: (status: boolean) => "bg-success" | "bg-secondary";
-  handleClickPrevious: (beforeCursor: string) => void;
-  handleClickNext: (afterCursor: string) => void;
-  fetchData(): Promise<void>;
-  render(): any;
+    /**
+     * The Account ID to fetch payments.
+     * This is required to fetch any data.
+     * @required
+     * @type {string}
+     * @memberof PaymentsList
+     */
+    accountId: string;
+    /**
+     * The Auth Token to fetch payments.
+     * This is required to fetch any data.
+     * @required
+     * @type {string}
+     */
+    authToken: string;
+    businesses: Business[];
+    loading: boolean;
+    errorMessage: string;
+    paging: PagingInfo;
+    params: any;
+    updateOnPropChange(): void;
+    connectedCallback(): void;
+    mapProductStatusToBadge: (status: boolean) => "bg-success" | "bg-secondary";
+    handleClickPrevious: (beforeCursor: string) => void;
+    handleClickNext: (afterCursor: string) => void;
+    fetchData(): Promise<void>;
+    render(): any;
 }

package/dist/types/components/business-list/business-list.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;

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

@@ -0,0 +1,68 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';
+import { Theme } from '../payment-method-form/theme';
+export declare class CardForm {
+    /**
+     * When to trigger validation of the form.
+     */
+    validationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
+    /**
+     * URL for the rendered iFrame. End-users need not use this.
+     */
+    iframeOrigin?: string;
+    /**
+     * Boolean indicating if the Card Form should render in a single line
+     */
+    singleLine: boolean;
+    internalStyleOverrides: Theme;
+    /**
+     * Triggered when iframe has loaded
+     * @event justifi-card-form#cardFormReady
+     */
+    cardFormReady: EventEmitter;
+    /**
+     * Triggered when iframe has loaded
+     * @event justifi-card-form#ready
+     */
+    ready: EventEmitter;
+    /**
+     * Triggered when the tokenize method is called on the component
+     * @event justifi-card-form#cardFormTokenized
+     */
+    cardFormTokenized: EventEmitter<{
+        data: any;
+    }>;
+    /**
+     * Triggered when the validate method is called on the component
+     * @event justifi-card-form#cardFormValidated
+     */
+    cardFormValidated: EventEmitter<{
+        data: {
+            isValid: boolean;
+        };
+    }>;
+    readyHandler(event: CustomEvent): void;
+    tokenizeHandler(event: {
+        data: any;
+    }): void;
+    validateHandler(event: {
+        data: any;
+    }): void;
+    private childRef?;
+    /**
+     *  Makes a tokenization request to the iframe
+     */
+    tokenize(...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>): Promise<CreatePaymentMethodResponse>;
+    /**
+     *  Runs a validation on the form and shows errors if any
+     */
+    validate(): Promise<{
+        isValid: boolean;
+    }>;
+    /**
+     *  Manually resizes the iframe to fit the contents of the iframe
+     *  @deprecated This method will be removed in future releases.
+     */
+    resize(): Promise<void>;
+    render(): any;
+}

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

@@ -1,4 +1,4 @@
 export declare class Details {
-  errorMessage: string;
-  render(): any;
+    errorMessage: string;
+    render(): any;
 }