Personal and Authorize components

Library of custom components for developing a personal account and authorization

Features

The latest version of the library includes such main components as

Bonuses - The user's bonus score information

OrderPersonalInfo - Editable user information

OrderList - List of order items with sorting and filtering options based on the delivery status of the orders

Tools - Settings panel, including subscriptions and the ability to delete an account

Enter - Authorization Component

Installation

@nbcom/personal requires Node.js v16+, @nbcom/personal to run.

Install the package

npm install @nbcom/personal

Library setup

In order for the library to work correctly on the project, you need to take several necessary steps.

Setting the basic configuration

First, set the main config in the app component. You will need to provide links to the project api, cdn , links to pdf files, etc.

    import { personal } from "@nbcom/personal";

    personal.setConfig({
        SITE_NAME: `nbcompany`,
        API_URL: `https://test-api.ru`,
        PRODUCT_URL: `https://sitename/goods/sku`,
        BASE_URL: `https://cdn.nbcomputers.ru`,
        PDF_URL: `https://nbcomputers/files/pdf`,
        ENTER_PDF_FILES: [`/NBC_web-policy.pdf`, `/NBC_web-consest`],
    });

Also, in the project theme, add the styles that will be used to style the component

   const theme = {
        ...
        personal: {
            defaultBorderRadius: `6px`,
            formItemRadius: `6px`,
            formItemHeight: `40px`,
            formItemBorderColor: `#eee`,
            mainTextColor: `#000`,
            secondTextColor: `#fefefe`,
        }
        ...
    }