Next Repayment

The NextRepayment component allows you to show your customers the details of their next repayment for a credit account.

NextRepayment Component TEST MODE

Mobile

Desktop

Implementation

Web Components

Add the next-repayment element to your app where you'd like it to be presented.

<unit-elements-next-repayment
    customer-token=""
    theme=""
    language=""
    credit-account-id="1111111"
    hide-title="false"
></unit-elements-next-repayment>

Inputs:

Name	Type	Required	Description
customer-token	string	Yes	A Unit Customer token. Required Scopes: customers accounts
credit-account-id	string	Yes	Unit account id. The credit account for which to display next repayment.
language	string	No	A URL that specifies the language configuration.
theme	string	No	A URL that specifies the UI configuration.
hide-title	string	No	Hide the component title in case value is 'true'.

React Native SDK

UNNextRepaymentComponent props:

Name	Type	Required	Description
customerToken	string	YES	A Unit Customer token.
accountId	string	YES	Unit account id. The credit account for which to display next repayment.
theme	string	NO	A URL that specifies the UI configuration.
language	string	NO	A URL that specifies the language configuration.
hideTitle	boolean	NO	Hide title in case value is true
onLoad	(response: UNOnLoadResponse<[UNRepaymentData]>) => void	NO	Callback for a loaded component

Example:

import React from 'react';
import {
  UNNextRepaymentComponent,
  UNRepaymentData
} from 'react-native-unit-components';


export default function YourComponent() {
  return (
    <UNNextRepaymentComponent
      customerToken={/*Customer token here*/}
      accountId={'1105561'}
      onLoad={(response: UNOnLoadResponse<[UNRepaymentData]>) => { console.log(response) }}
    />
  );
}

Program Details Component

UNProgramDetailsComponent props:

Name	Type	Required	Description
customerToken	string	YES	A Unit Customer token.
accountId	string	YES	Unit account id. The credit account for which to display program details.
theme	string	NO	A URL that specifies the UI configuration.
language	string	NO	A URL that specifies the language configuration.
hideTitle	boolean	NO	Hide title in case value is true
onLoad	(response: UNOnLoadResponse<[UNAccountData]>) => void	NO	Callback for a loaded component

Example:

import React from 'react';
import {
  UNProgramDetailsComponent,
  UNAccountData
} from 'react-native-unit-components';


export default function YourComponent() {
  return (
    <UNProgramDetailsComponent
      customerToken={/*Customer token here*/}
      accountId={'1105561'}
      onLoad={(response: UNOnLoadResponse<[UNAccountData]>) => { console.log(response) }}
    />
  );
}