react-braintree-impl v1.0.4

React braintree implementaion

Install

npm install react-braintree-impl --save

Usage Example

Credit card add (braintree UI implementaion)

import { CreditCardAdd } from 'react-braintree-impl'

const CreditCard = ({
    setLoader,
    loadingBraintree,
    saveCreditCardDetails,
    onBraintreeFails,
    nonceToken
}) => (
       <CreditCardAdd
        setLoader={setLoader}
        loadingBraintree={loadingBraintree}
        saveCreditCardDetails={saveCreditCardDetails}
        onBraintreeFails={onBraintreeFails}
        nonceToken={nonceToken}
        containerClassName="Triniti-creditcard"
      />
    )

PROPTYPES

Usage Example

Invoices listing

import { InvoicesTable } from 'react-braintree-impl'

const Invoices = ({
    invoices,
    selectedStartDate,
    selectedEndDate,
    isLoading,
    onDateChange,
    minStartDate,
    onSelect,
    isRemarkEnabled,
}) => (
    <InvoicesTable
      invoices={invoices}
      selectedStartDate={selectedStartDate}
      selectedEndDate={selectedEndDate}
      isLoading={isLoading}
      onDateChange={this.handleDateChange}
      minStartDate={startDate}
      containerClassName="users-invoices"
      onSelect={this.selectInvoiceForRemark}
      isRemarkEnabled={true}
    />
);

PROPTYPES

Usage Example

Plan charrges form

import { PlanCharges } from 'react-braintree-impl'

const PlanCharges = ({
    selectedDiscountType,
    selectedChargeType,
    handleChargeTypeSelect,
    handleDiscountTypeSelect,
    model,
    onChange,
    handleSubmit,
    schema,
    isEdited,
    slabsError,
    slabValidation,
    Input,
    Form,
    FieldArray,
    chargeTypeList,
    discountTypeList,
    Prompt
}) => (
    <PlanCharges
      selectedDiscountType={selectedDiscountType}
      selectedChargeType={selectedChargeType}
      handleChargeTypeSelect={handleChargeTypeSelect}
      handleDiscountTypeSelect={handleDiscountTypeSelect}
      model={model}
      onChange={this.onChange}
      handleSubmit={handleSubmit}
      schema={schema}
      isEdited={isEdited}
      slabsError={slabsError}
      slabValidation={this.slabValidation}
      Input={Input}
      Form={Form}
      FieldArray={FieldArray}
      chargeTypeList={chargeTypeList}
      discountTypeList={discountTypeList}
      Prompt={Prompt}
      containerClassName="plan-charges-container"
    />
);

PROPTYPES