CustomerInformation container

The CustomerInformation container is a standalone component that provides customers with access to their personal information. It allows users to view and edit their profile details, including their name, contact information, password, and email address.

The following images show the default view, edit view, edit view with password input, and change password view of the CustomerInformation container:

Default view

Edit view

Edit view with password input

Change password view

Configurations

The CustomerInformation container provides the following configuration options:

Options	Type	Req?	Description
className	string	No	A custom CSS class to be applied to the address container.
withHeader	boolean	No	Whether to show/hide container header.
slots.CustomerData	slot	No	Overrides or extends information provided on the customer details card.

Example

The following example demonstrates how to use the CustomerInformation container:

export default async function decorate(block) {
  if (!checkIsAuthenticated()) {
    window.location.href = CUSTOMER_LOGIN_PATH;
  } else {
    await accountRenderer.render(CustomerInformation, {})(block);
  }
}