@melduniversal/meld-checkout

meld-checkout Node.js Library

meld-checkout is a lightweight Node.js library designed to provide a checkout feature.

Installation

Install the package with:

npm install meld-checkout

Usage

Here's how you can use meld-checkout in your Node.js project:

import UserInformation from '@melduniversal/meld-checkout'

Example

Here's a simple example demonstrating the usage of meld-checkout:

import UserInformation from '@melduniversal/meld-checkout'

const formStyle = {
    containerStyle: {
      'padding': '10px',
    },
    textFieldSectionStyle: {},
    labelStyle: {},
    inputStyle: {},
    buttonSectionStyle: {},
    buttonStyle: {}
}

const props = {
  panField: {
    name: 'PAN',
    order: 1, // in which position you want to place particular field
    rules: {
      required: true, // if required then pas value as true, if not then false
      isNumber: false,
      errorEmptyMsg: "Please enter PAN",
      errorNumberMsg: "Please enter only numbers"
    }
  },
  cvvField: {
    name: 'CVV',
    order: 2,
    rules: {
      required: true,
      isNumber: false,
      errorEmptyMsg: "Please enter PAN",
      errorNumberMsg: "Please enter only numbers"
    }
  },
  expiryField: {
    name: 'Expiry',
    order: 3,
    rules: {
      required: true,
      errorEmptyMsg: "Please enter expiry"
    }
  },
  nameField: {
    name: 'Name',
    order: 4,
    rules: {
      required: true,
      isString: false,
      minLength: 0, // if you will pass 0 then min length check will get skipped
      maxLength: 10, // if you will pass 0 then max length check will get skipped
      errorEmptyMsg: "Please enter Name",
      errorStringMsg: "Please enter only characters",
      errorMinLengthMsg: "Please enter min 10",
      errorMaxLengthMsg: "Please enter max 20"
    }
  },
  addressField: {
    name: 'Address',
    order: 5,
    rules: {
      required: true,
      isString: false,
      errorEmptyMsg: "Please enter address",
      errorStringMsg: "Please enter only characters",
    }
  },
  memberAmountField: {
    name: 'Member Amount',
    order: 6,
    rules: {
      required: true,
      isNumber: false,
      errorEmptyMsg: "Please enter member amount",
      errorNumberMsg: "Please enter only numbers",
    }
  },
  protectAmountField: {
    name: 'Protect Amount',
    order: 7,
    rules: {
      required: false,
      isNumber: false,
      errorEmptyMsg: "Please enter protect amount",
      errorNumberMsg: "Please enter only numbers",
    }
  },
  button: {
    name: 'Submit'
  }
}

<UserInformation
    token={token || memberToken}
    formStyle={formStyle}
    step={step}
    {...props}
    environment="qa" // qa, sb or prod
/>