0.0.13 • Published 7 months ago

niubiz-pay v0.0.13

Weekly downloads
-
License
MIT
Repository
github
Last release
7 months ago

niubiz-pay

Typescript library to integrate decoupled forms from Niubiz

Install

npm i niubiz-pay@latest

Usage

    import { useNiubiz } from 'niubiz-pay';

    const MDD: MerchantDefineData = useMemo(() => ({
        MDD4: 'mail@mail.com',
        MDD32: '12345789',
        MDD75: 'Registrado',
        MDD77: '0',
    }), []);

     const { FormComponent, triggerOpenForm, formResponse } = useNiubiz(
        "userniubiz@mail.com",
        Math.floor(Math.random() * 120000) + 1, // Transaction number
        "https://apisandbox.vnforappstest.com",
        "/api.security/v1/security",
        "/api.ecommerce/v2/ecommerce/token/session",
        "/api.ecommerce/v2/ecommerce/token/card",
        "https://pocpaymentserve.s3.amazonaws.com/payform.min.js",
        "https://pocpaymentserve.s3.amazonaws.com/payform.min.css",
        MDD,
        "payform",
        "payform",
        amount,
        "Z2lhbmNhZ2FsbGFyZG9AZ21haWwuY29tOkF2MyR0cnV6",
        merchantId ?? "110777209",
        token,
        sessionKey,
        <CustomLoader> //Optional
    );

    useEffect(() => {
        console.log('Respuesta del formulario Tokenizer 😁', formResponse);

    }, [formResponse]);

Component

    <div>
        {FormComponent}
        <button onClick={triggerOpenForm}>Open Form</button>
    </div>

Payment

    import { useNiubizPay } from 'niubiz-pay';

    const MDD: MerchantDefineData = useMemo(() => ({
        MDD4: 'mail@mail.com',
        MDD32: '12345789',
        MDD75: 'Registrado',
        MDD77: '0',
    }), []);

    const { FormComponent, triggerOpenForm, triggerSendForm, formResponse, triggerResetForm } = useNiubizPay(
        "userniubiz@mail.com",
        "0", // 0 – DNI; 1 – Carnet de extranjería; 2 – Pasaporte
        "44554444", // Document
        Math.floor(Math.random() * 120000) + 1, // Transaction number
        "https://apisandbox.vnforappstest.com",
        "/api.security/v1/security",
        "/api.ecommerce/v2/ecommerce/token/session",
        "/api.authorization/v3/authorization/ecommerce",
        "https://pocpaymentserve.s3.amazonaws.com/payform.min.js",
        "https://pocpaymentserve.s3.amazonaws.com/payform.min.css",
        MDD,
        "web",
        "web",
        amount,
        "Z2lhbmNhZ2FsbGFyZG9AZ21haWwuY29tOkF2MyR0cnV6",
        merchantId ?? "110777209",
        token,
        sessionKey,
        <CustomLoader> //Optional
    );

    useEffect(() => {
        console.log('Response niubiz payment 😁', formResponse);

    }, [formResponse]);

Component

    <div>
        <button onClick={triggerOpenForm}>Open Form</button>
        <button onClick={triggerResetForm}>Reset Form</button>
        <button onClick={triggerSendForm}>Send Form</button>
        {FormComponent}
    </div>
0.0.13

7 months ago

0.0.12

7 months ago

0.0.9

9 months ago

0.0.8

10 months ago

0.0.7

10 months ago

0.0.6

10 months ago

0.0.5

10 months ago

0.0.4

10 months ago

0.0.3

10 months ago

0.0.2

10 months ago

0.0.1

10 months ago