<commit_before>
React   = require('react')
Payment = require('payment')
images  = require('./card-images.js')

validate = Payment.fns
module.exports = React.createClass

  displayName: 'Card'

  getDefaultProps:->
    number: null
    cvc: null
    name: ''
    expiry: ''
    focused: null
    expiryBefore: 'month/year'
    expiryAfter: 'valid thru'
    shinyAfterBack: ''
    type:null

  render:->
    <div className = "#{exp.prefix}__container">
      <div className = { "#{exp.prefix} " + @typeClassName() + if @props.focused is "cvc" then " #{exp.prefix}--flipped" else ""} >

        <div className = "#{exp.prefix}__front" >
          <div className = "#{exp.prefix}__lower">
            <div className = "#{exp.prefix}__shiny"/>
            <img
                 className = {"#{exp.prefix}__logo " + @typeClassName()}
                 src = {images[@state.type.name]}
            />
            <div className = {@displayClassName("number")}>{@getValue("number")}</div>
            <div className = {@displayClassName("name")}  >{@getValue("name")}</div>
            <div
              className = {@displayClassName("expiry")}
              data-before = {@props.expiryBefore}
              data-after = {@props.expiryAfter}
                                                          >{@getValue("expiry")}</div>
          </div>
        </div>

        <div className = "#{exp.prefix}__back"><commit_msg>Forgot to also pass type prop here.<commit_after>
React   = require('react')
Payment = require('payment')
images  = require('./card-images.js')

validate = Payment.fns
module.exports = React.createClass

  displayName: 'Card'

  getDefaultProps:->
    number: null
    cvc: null
    name: ''
    expiry: ''
    focused: null
    expiryBefore: 'month/year'
    expiryAfter: 'valid thru'
    shinyAfterBack: ''
    type:null

  render:->
    <div className = "#{exp.prefix}__container">
      <div className = { "#{exp.prefix} " + @typeClassName() + if @props.focused is "cvc" then " #{exp.prefix}--flipped" else ""} >

        <div className = "#{exp.prefix}__front" >
          <div className = "#{exp.prefix}__lower">
            <div className = "#{exp.prefix}__shiny"/>
            <img
                 className = {"#{exp.prefix}__logo " + @typeClassName()}
                 src = {images[if @props.type then @props.type else @state.type.name]}
            />
            <div className = {@displayClassName("number")}>{@getValue("number")}</div>
            <div className = {@displayClassName("name")}  >{@getValue("name")}</div>
            <div
              className = {@displayClassName("expiry")}
              data-before = {@props.expiryBefore}
              data-after = {@props.expiryAfter}
                                                          >{@getValue("expiry")}</div>
          </div>
        </div>

        <div className = "#{exp.prefix}__back">
{'fraction_non_alphanumeric': 0.16361120719474231, 'fraction_numerical': 0.0, 'mean_word_length': 2.1197411003236244, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 37, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5127631', 'n_tokens_mistral': 852, 'n_tokens_neox': 830, 'n_words': 168}