finsmart

7.0.0 • Public • Published

This project is used to share MX FinSmart ads across applications.

There are currently two FinSmart campaign types included in this package.

  • Credit card
  • Mini-credit card

Installation

npm add finsmart

Props

  • offer: Object, required
  • onDismissClick: Function, optional
  • theme: Object, optional,
  • widgetDimension: String, optional (only MiniCreditCard)

Usage

import { CreditCard, MiniCreditCard } from 'finsmart'

const defaultProps = {
  offer: {
    account_name: 'Bad Account',
    account_interest_rate: 10,
    account_logo: 'http://logo.url',
    campaign_call_to_action: 1,
    campaign_disclosure: 'Disclosure Text',
    campaign_disclosure_url: 'http://disclosure.url',
    campaign_interest_rate_type: 1,
    campaign_interest_rate: 1.2,
    campaign_name: 'Credit Card',
    campaign_opt_out_url: 'http://opt.out.url',
    estimated_dollars_saved: 100,
    estimated_finance_charge: 10,
    guid: 'OFR-1',
    image_url: 'http://image.url',
    redirect_url: 'http://redirect.url',
  },
}

<CreditCard {...defaultProps} />
<MiniCreditCard {...defaultProps} widgetDimension="PORTRAIT" />
<MiniCreditCard {...defaultProps} widgetDimension="LANDSCAPE" />
<MiniCreditCard {...defaultProps} widgetDimension="MINIPORTRAIT" />

See ./Finsmart_Campaign_Batcave.md for instructions on adding a finsmart ad.

Development

  • git@gitlab.mx.com:mx/finsmart.git
  • cd finsmart
  • npm install
  • npm run dev

Readme

Keywords

none

Package Sidebar

Install

npm i finsmart

Weekly Downloads

228

Version

7.0.0

License

MIT

Unpacked Size

48.3 kB

Total Files

11

Last publish

Collaborators

  • whiteinge
  • cerinman
  • jmophoto
  • paniclater
  • phantomxc
  • sambev
  • inphomercial
  • drewwarren
  • jameson13b
  • taytestokes
  • garrowp
  • stephanie.stamm
  • william.bridegroom