card-rails 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 06aa1a85740dcd625c026d6dff6b1116fd5f71f7
+  data.tar.gz: ec96a8f99854ff6ac07e719eacd7f0db5e24ef04
+SHA512:
+  metadata.gz: 9d4ebfb8fb88e757bfe8a9ba6433eacb38b41f255256d4786d2eb8bc46f04af1f6fa1801b08a3c44d00d26a9154f81a8b20511ddee66b4eaef87358e64024676
+  data.tar.gz: a7e6ec4429f0a462cb012304c603c1fbebcfac66abc8b55b612fc8fe226310d9261fc58d4d4f6c52169487e091249e5799289f441f9c42fa082cd3769e5a3a4f

data/.gitignore

@@ -0,0 +1,18 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+.idea

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in card-rails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Railslauncher<railslauncher@gmail.com>
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,47 @@
+# Card::Rails
+
+Rails asset pipeline integration for [Card](https://github.com/jessepollak/card)
+
+Card version `0.1.1`
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'card-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install card-rails
+
+## Usage
+
+card-rails contains both css and js for card
+ 
+Include card js in app/assets/javascripts/application.js
+  
+```javascript
+//= require card
+```
+
+Include card css in app/assets/stylesheets/application.css
+
+```css
+/*
+ *= require card
+ */
+```
+
+For information on how to use card please visit [https://github.com/jessepollak/card](https://github.com/jessepollak/card)
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/javascripts/card.js

@@ -0,0 +1,895 @@
+!function(e){if("object"==typeof exports)module.exports=e();else if("function"==typeof define&&define.amd)define(e);else{var f;"undefined"!=typeof window?f=window:"undefined"!=typeof global?f=global:"undefined"!=typeof self&&(f=self),f.card=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
+// Generated by CoffeeScript 1.7.1
+(function() {
+  var $, cardFromNumber, cardFromType, cards, defaultFormat, formatBackCardNumber, formatBackExpiry, formatCardNumber, formatExpiry, formatForwardExpiry, formatForwardSlashAndSpace, hasTextSelected, luhnCheck, reFormatCardNumber, reFormatExpiry, restrictCVC, restrictCardNumber, restrictExpiry, restrictNumeric, setCardType,
+    __slice = [].slice,
+    __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+
+  $ = jQuery;
+
+  $.payment = {};
+
+  $.payment.fn = {};
+
+  $.fn.payment = function() {
+    var args, method;
+    method = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+    return $.payment.fn[method].apply(this, args);
+  };
+
+  defaultFormat = /(\d{1,4})/g;
+
+  cards = [
+    {
+      type: 'visaelectron',
+      pattern: /^4(026|17500|405|508|844|91[37])/,
+      format: defaultFormat,
+      length: [16],
+      cvcLength: [3],
+      luhn: true
+    }, {
+      type: 'maestro',
+      pattern: /^(5(018|0[23]|[68])|6(39|7))/,
+      format: defaultFormat,
+      length: [12, 13, 14, 15, 16, 17, 18, 19],
+      cvcLength: [3],
+      luhn: true
+    }, {
+      type: 'forbrugsforeningen',
+      pattern: /^600/,
+      format: defaultFormat,
+      length: [16],
+      cvcLength: [3],
+      luhn: true
+    }, {
+      type: 'dankort',
+      pattern: /^5019/,
+      format: defaultFormat,
+      length: [16],
+      cvcLength: [3],
+      luhn: true
+    }, {
+      type: 'visa',
+      pattern: /^4/,
+      format: defaultFormat,
+      length: [13, 16],
+      cvcLength: [3],
+      luhn: true
+    }, {
+      type: 'mastercard',
+      pattern: /^5[0-5]/,
+      format: defaultFormat,
+      length: [16],
+      cvcLength: [3],
+      luhn: true
+    }, {
+      type: 'amex',
+      pattern: /^3[47]/,
+      format: /(\d{1,4})(\d{1,6})?(\d{1,5})?/,
+      length: [15],
+      cvcLength: [3, 4],
+      luhn: true
+    }, {
+      type: 'dinersclub',
+      pattern: /^3[0689]/,
+      format: defaultFormat,
+      length: [14],
+      cvcLength: [3],
+      luhn: true
+    }, {
+      type: 'discover',
+      pattern: /^6([045]|22)/,
+      format: defaultFormat,
+      length: [16],
+      cvcLength: [3],
+      luhn: true
+    }, {
+      type: 'unionpay',
+      pattern: /^(62|88)/,
+      format: defaultFormat,
+      length: [16, 17, 18, 19],
+      cvcLength: [3],
+      luhn: false
+    }, {
+      type: 'jcb',
+      pattern: /^35/,
+      format: defaultFormat,
+      length: [16],
+      cvcLength: [3],
+      luhn: true
+    }
+  ];
+
+  cardFromNumber = function(num) {
+    var card, _i, _len;
+    num = (num + '').replace(/\D/g, '');
+    for (_i = 0, _len = cards.length; _i < _len; _i++) {
+      card = cards[_i];
+      if (card.pattern.test(num)) {
+        return card;
+      }
+    }
+  };
+
+  cardFromType = function(type) {
+    var card, _i, _len;
+    for (_i = 0, _len = cards.length; _i < _len; _i++) {
+      card = cards[_i];
+      if (card.type === type) {
+        return card;
+      }
+    }
+  };
+
+  luhnCheck = function(num) {
+    var digit, digits, odd, sum, _i, _len;
+    odd = true;
+    sum = 0;
+    digits = (num + '').split('').reverse();
+    for (_i = 0, _len = digits.length; _i < _len; _i++) {
+      digit = digits[_i];
+      digit = parseInt(digit, 10);
+      if ((odd = !odd)) {
+        digit *= 2;
+      }
+      if (digit > 9) {
+        digit -= 9;
+      }
+      sum += digit;
+    }
+    return sum % 10 === 0;
+  };
+
+  hasTextSelected = function($target) {
+    var _ref;
+    if (($target.prop('selectionStart') != null) && $target.prop('selectionStart') !== $target.prop('selectionEnd')) {
+      return true;
+    }
+    if (typeof document !== "undefined" && document !== null ? (_ref = document.selection) != null ? typeof _ref.createRange === "function" ? _ref.createRange().text : void 0 : void 0 : void 0) {
+      return true;
+    }
+    return false;
+  };
+
+  reFormatCardNumber = function(e) {
+    return setTimeout(function() {
+      var $target, value;
+      $target = $(e.currentTarget);
+      value = $target.val();
+      value = $.payment.formatCardNumber(value);
+      return $target.val(value);
+    });
+  };
+
+  formatCardNumber = function(e) {
+    var $target, card, digit, length, re, upperLength, value;
+    digit = String.fromCharCode(e.which);
+    if (!/^\d+$/.test(digit)) {
+      return;
+    }
+    $target = $(e.currentTarget);
+    value = $target.val();
+    card = cardFromNumber(value + digit);
+    length = (value.replace(/\D/g, '') + digit).length;
+    upperLength = 16;
+    if (card) {
+      upperLength = card.length[card.length.length - 1];
+    }
+    if (length >= upperLength) {
+      return;
+    }
+    if (($target.prop('selectionStart') != null) && $target.prop('selectionStart') !== value.length) {
+      return;
+    }
+    if (card && card.type === 'amex') {
+      re = /^(\d{4}|\d{4}\s\d{6})$/;
+    } else {
+      re = /(?:^|\s)(\d{4})$/;
+    }
+    if (re.test(value)) {
+      e.preventDefault();
+      return setTimeout(function() {
+        return $target.val(value + ' ' + digit);
+      });
+    } else if (re.test(value + digit)) {
+      e.preventDefault();
+      return setTimeout(function() {
+        return $target.val(value + digit + ' ');
+      });
+    }
+  };
+
+  formatBackCardNumber = function(e) {
+    var $target, value;
+    $target = $(e.currentTarget);
+    value = $target.val();
+    if (e.which !== 8) {
+      return;
+    }
+    if (($target.prop('selectionStart') != null) && $target.prop('selectionStart') !== value.length) {
+      return;
+    }
+    if (/\d\s$/.test(value)) {
+      e.preventDefault();
+      return setTimeout(function() {
+        return $target.val(value.replace(/\d\s$/, ''));
+      });
+    } else if (/\s\d?$/.test(value)) {
+      e.preventDefault();
+      return setTimeout(function() {
+        return $target.val(value.replace(/\s\d?$/, ''));
+      });
+    }
+  };
+
+  reFormatExpiry = function(e) {
+    return setTimeout(function() {
+      var $target, value;
+      $target = $(e.currentTarget);
+      value = $target.val();
+      value = $.payment.formatExpiry(value);
+      return $target.val(value);
+    });
+  };
+
+  formatExpiry = function(e) {
+    var $target, digit, val;
+    digit = String.fromCharCode(e.which);
+    if (!/^\d+$/.test(digit)) {
+      return;
+    }
+    $target = $(e.currentTarget);
+    val = $target.val() + digit;
+    if (/^\d$/.test(val) && (val !== '0' && val !== '1')) {
+      e.preventDefault();
+      return setTimeout(function() {
+        return $target.val("0" + val + " / ");
+      });
+    } else if (/^\d\d$/.test(val)) {
+      e.preventDefault();
+      return setTimeout(function() {
+        return $target.val("" + val + " / ");
+      });
+    }
+  };
+
+  formatForwardExpiry = function(e) {
+    var $target, digit, val;
+    digit = String.fromCharCode(e.which);
+    if (!/^\d+$/.test(digit)) {
+      return;
+    }
+    $target = $(e.currentTarget);
+    val = $target.val();
+    if (/^\d\d$/.test(val)) {
+      return $target.val("" + val + " / ");
+    }
+  };
+
+  formatForwardSlashAndSpace = function(e) {
+    var $target, val, which;
+    which = String.fromCharCode(e.which);
+    if (!(which === '/' || which === ' ')) {
+      return;
+    }
+    $target = $(e.currentTarget);
+    val = $target.val();
+    if (/^\d$/.test(val) && val !== '0') {
+      return $target.val("0" + val + " / ");
+    }
+  };
+
+  formatBackExpiry = function(e) {
+    var $target, value;
+    $target = $(e.currentTarget);
+    value = $target.val();
+    if (e.which !== 8) {
+      return;
+    }
+    if (($target.prop('selectionStart') != null) && $target.prop('selectionStart') !== value.length) {
+      return;
+    }
+    if (/\s\/\s\d?$/.test(value)) {
+      e.preventDefault();
+      return setTimeout(function() {
+        return $target.val(value.replace(/\s\/\s\d?$/, ''));
+      });
+    }
+  };
+
+  restrictNumeric = function(e) {
+    var input;
+    if (e.metaKey || e.ctrlKey) {
+      return true;
+    }
+    if (e.which === 32) {
+      return false;
+    }
+    if (e.which === 0) {
+      return true;
+    }
+    if (e.which < 33) {
+      return true;
+    }
+    input = String.fromCharCode(e.which);
+    return !!/[\d\s]/.test(input);
+  };
+
+  restrictCardNumber = function(e) {
+    var $target, card, digit, value;
+    $target = $(e.currentTarget);
+    digit = String.fromCharCode(e.which);
+    if (!/^\d+$/.test(digit)) {
+      return;
+    }
+    if (hasTextSelected($target)) {
+      return;
+    }
+    value = ($target.val() + digit).replace(/\D/g, '');
+    card = cardFromNumber(value);
+    if (card) {
+      return value.length <= card.length[card.length.length - 1];
+    } else {
+      return value.length <= 16;
+    }
+  };
+
+  restrictExpiry = function(e) {
+    var $target, digit, value;
+    $target = $(e.currentTarget);
+    digit = String.fromCharCode(e.which);
+    if (!/^\d+$/.test(digit)) {
+      return;
+    }
+    if (hasTextSelected($target)) {
+      return;
+    }
+    value = $target.val() + digit;
+    value = value.replace(/\D/g, '');
+    if (value.length > 6) {
+      return false;
+    }
+  };
+
+  restrictCVC = function(e) {
+    var $target, digit, val;
+    $target = $(e.currentTarget);
+    digit = String.fromCharCode(e.which);
+    if (!/^\d+$/.test(digit)) {
+      return;
+    }
+    if (hasTextSelected($target)) {
+      return;
+    }
+    val = $target.val() + digit;
+    return val.length <= 4;
+  };
+
+  setCardType = function(e) {
+    var $target, allTypes, card, cardType, val;
+    $target = $(e.currentTarget);
+    val = $target.val();
+    cardType = $.payment.cardType(val) || 'unknown';
+    if (!$target.hasClass(cardType)) {
+      allTypes = (function() {
+        var _i, _len, _results;
+        _results = [];
+        for (_i = 0, _len = cards.length; _i < _len; _i++) {
+          card = cards[_i];
+          _results.push(card.type);
+        }
+        return _results;
+      })();
+      $target.removeClass('unknown');
+      $target.removeClass(allTypes.join(' '));
+      $target.addClass(cardType);
+      $target.toggleClass('identified', cardType !== 'unknown');
+      return $target.trigger('payment.cardType', cardType);
+    }
+  };
+
+  $.payment.fn.formatCardCVC = function() {
+    this.payment('restrictNumeric');
+    this.on('keypress', restrictCVC);
+    return this;
+  };
+
+  $.payment.fn.formatCardExpiry = function() {
+    this.payment('restrictNumeric');
+    this.on('keypress', restrictExpiry);
+    this.on('keypress', formatExpiry);
+    this.on('keypress', formatForwardSlashAndSpace);
+    this.on('keypress', formatForwardExpiry);
+    this.on('keydown', formatBackExpiry);
+    this.on('change', reFormatExpiry);
+    this.on('input', reFormatExpiry);
+    return this;
+  };
+
+  $.payment.fn.formatCardNumber = function() {
+    this.payment('restrictNumeric');
+    this.on('keypress', restrictCardNumber);
+    this.on('keypress', formatCardNumber);
+    this.on('keydown', formatBackCardNumber);
+    this.on('keyup', setCardType);
+    this.on('paste', reFormatCardNumber);
+    this.on('change', reFormatCardNumber);
+    this.on('input', reFormatCardNumber);
+    this.on('input', setCardType);
+    return this;
+  };
+
+  $.payment.fn.restrictNumeric = function() {
+    this.on('keypress', restrictNumeric);
+    return this;
+  };
+
+  $.payment.fn.cardExpiryVal = function() {
+    return $.payment.cardExpiryVal($(this).val());
+  };
+
+  $.payment.cardExpiryVal = function(value) {
+    var month, prefix, year, _ref;
+    value = value.replace(/\s/g, '');
+    _ref = value.split('/', 2), month = _ref[0], year = _ref[1];
+    if ((year != null ? year.length : void 0) === 2 && /^\d+$/.test(year)) {
+      prefix = (new Date).getFullYear();
+      prefix = prefix.toString().slice(0, 2);
+      year = prefix + year;
+    }
+    month = parseInt(month, 10);
+    year = parseInt(year, 10);
+    return {
+      month: month,
+      year: year
+    };
+  };
+
+  $.payment.validateCardNumber = function(num) {
+    var card, _ref;
+    num = (num + '').replace(/\s+|-/g, '');
+    if (!/^\d+$/.test(num)) {
+      return false;
+    }
+    card = cardFromNumber(num);
+    if (!card) {
+      return false;
+    }
+    return (_ref = num.length, __indexOf.call(card.length, _ref) >= 0) && (card.luhn === false || luhnCheck(num));
+  };
+
+  $.payment.validateCardExpiry = function(month, year) {
+    var currentTime, expiry, _ref;
+    if (typeof month === 'object' && 'month' in month) {
+      _ref = month, month = _ref.month, year = _ref.year;
+    }
+    if (!(month && year)) {
+      return false;
+    }
+    month = $.trim(month);
+    year = $.trim(year);
+    if (!/^\d+$/.test(month)) {
+      return false;
+    }
+    if (!/^\d+$/.test(year)) {
+      return false;
+    }
+    if (!((1 <= month && month <= 12))) {
+      return false;
+    }
+    if (year.length === 2) {
+      if (year < 70) {
+        year = "20" + year;
+      } else {
+        year = "19" + year;
+      }
+    }
+    if (year.length !== 4) {
+      return false;
+    }
+    expiry = new Date(year, month);
+    currentTime = new Date;
+    expiry.setMonth(expiry.getMonth() - 1);
+    expiry.setMonth(expiry.getMonth() + 1, 1);
+    return expiry > currentTime;
+  };
+
+  $.payment.validateCardCVC = function(cvc, type) {
+    var card, _ref;
+    cvc = $.trim(cvc);
+    if (!/^\d+$/.test(cvc)) {
+      return false;
+    }
+    card = cardFromType(type);
+    if (card != null) {
+      return _ref = cvc.length, __indexOf.call(card.cvcLength, _ref) >= 0;
+    } else {
+      return cvc.length >= 3 && cvc.length <= 4;
+    }
+  };
+
+  $.payment.cardType = function(num) {
+    var _ref;
+    if (!num) {
+      return null;
+    }
+    return ((_ref = cardFromNumber(num)) != null ? _ref.type : void 0) || null;
+  };
+
+  $.payment.formatCardNumber = function(num) {
+    var card, groups, upperLength, _ref;
+    card = cardFromNumber(num);
+    if (!card) {
+      return num;
+    }
+    upperLength = card.length[card.length.length - 1];
+    num = num.replace(/\D/g, '');
+    num = num.slice(0, upperLength);
+    if (card.format.global) {
+      return (_ref = num.match(card.format)) != null ? _ref.join(' ') : void 0;
+    } else {
+      groups = card.format.exec(num);
+      if (groups == null) {
+        return;
+      }
+      groups.shift();
+      groups = $.grep(groups, function(n) {
+        return n;
+      });
+      return groups.join(' ');
+    }
+  };
+
+  $.payment.formatExpiry = function(expiry) {
+    var mon, parts, sep, year;
+    parts = expiry.match(/^\D*(\d{1,2})(\D+)?(\d{1,4})?/);
+    if (!parts) {
+      return '';
+    }
+    mon = parts[1] || '';
+    sep = parts[2] || '';
+    year = parts[3] || '';
+    if (year.length > 0 || (sep.length > 0 && !(/\ \/?\ ?/.test(sep)))) {
+      sep = ' / ';
+    }
+    if (mon.length === 1 && (mon !== '0' && mon !== '1')) {
+      mon = "0" + mon;
+      sep = ' / ';
+    }
+    return mon + sep + year;
+  };
+
+}).call(this);
+
+},{}],2:[function(_dereq_,module,exports){
+var $, Card,
+  __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; },
+  __slice = [].slice;
+
+_dereq_('jquery.payment');
+
+$ = jQuery;
+
+$.card = {};
+
+$.card.fn = {};
+
+$.fn.card = function(opts) {
+  return $.card.fn.construct.apply(this, opts);
+};
+
+Card = (function() {
+  Card.prototype.cardTemplate = "<div class=\"card-container\">\n    <div class=\"card\">\n        <div class=\"front\">\n                <div class=\"card-logo visa\">visa</div>\n                <div class=\"card-logo mastercard\">MasterCard</div>\n                <div class=\"card-logo amex\"></div>\n                <div class=\"card-logo discover\">discover</div>\n            <div class=\"lower\">\n                <div class=\"shiny\"></div>\n                <div class=\"cvc display\">{{cvc}}</div>\n                <div class=\"number display\">{{number}}</div>\n                <div class=\"name display\">{{name}}</div>\n                <div class=\"expiry display\" data-before=\"{{monthYear}}\" data-after=\"{{validDate}}\">{{expiry}}</div>\n            </div>\n        </div>\n        <div class=\"back\">\n            <div class=\"bar\"></div>\n            <div class=\"cvc display\">{{cvc}}</div>\n            <div class=\"shiny\"></div>\n        </div>\n    </div>\n</div>";
+
+  Card.prototype.template = function(tpl, data) {
+    return tpl.replace(/\{\{(.*?)\}\}/g, function(match, key, str) {
+      return data[key];
+    });
+  };
+
+  Card.prototype.cardTypes = ['maestro', 'dinersclub', 'laser', 'jcb', 'unionpay', 'discover', 'mastercard', 'amex', 'visa'];
+
+  Card.prototype.defaults = {
+    formatting: true,
+    formSelectors: {
+      numberInput: 'input[name="number"]',
+      expiryInput: 'input[name="expiry"]',
+      cvcInput: 'input[name="cvc"]',
+      nameInput: 'input[name="name"]'
+    },
+    cardSelectors: {
+      cardContainer: '.card-container',
+      card: '.card',
+      numberDisplay: '.number',
+      expiryDisplay: '.expiry',
+      cvcDisplay: '.cvc',
+      nameDisplay: '.name'
+    },
+    messages: {
+      validDate: 'valid\nthru',
+      monthYear: 'month/year'
+    },
+    values: {
+      number: '&bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull;',
+      cvc: '&bull;&bull;&bull;',
+      expiry: '&bull;&bull;/&bull;&bull;',
+      name: 'Full Name'
+    },
+    classes: {
+      valid: 'card-valid',
+      invalid: 'card-invalid'
+    }
+  };
+
+  function Card(el, opts) {
+    this.options = $.extend(true, {}, this.defaults, opts);
+    $.extend(this.options.messages, $.card.messages);
+    $.extend(this.options.values, $.card.values);
+    this.$el = $(el);
+    if (!this.options.container) {
+      console.log("Please provide a container");
+      return;
+    }
+    this.$container = $(this.options.container);
+    this.render();
+    this.attachHandlers();
+    this.handleInitialValues();
+  }
+
+  Card.prototype.render = function() {
+    var baseWidth, ua;
+    this.$container.append(this.template(this.cardTemplate, $.extend({}, this.options.messages, this.options.values)));
+    $.each(this.options.cardSelectors, (function(_this) {
+      return function(name, selector) {
+        return _this["$" + name] = _this.$container.find(selector);
+      };
+    })(this));
+    $.each(this.options.formSelectors, (function(_this) {
+      return function(name, selector) {
+        var obj;
+        if (_this.options[name]) {
+          obj = $(_this.options[name]);
+        } else {
+          obj = _this.$el.find(selector);
+        }
+        if (!obj.length) {
+          console.error("Card can't find a " + name + " in your form.");
+        }
+        return _this["$" + name] = obj;
+      };
+    })(this));
+    if (this.options.formatting) {
+      this.$numberInput.payment('formatCardNumber');
+      this.$cvcInput.payment('formatCardCVC');
+      if (this.$expiryInput.length === 1) {
+        this.$expiryInput.payment('formatCardExpiry');
+      }
+    }
+    if (this.options.width) {
+      baseWidth = parseInt(this.$cardContainer.css('width'));
+      this.$cardContainer.css("transform", "scale(" + (this.options.width / baseWidth) + ")");
+    }
+    if (typeof navigator !== "undefined" && navigator !== null ? navigator.userAgent : void 0) {
+      ua = navigator.userAgent.toLowerCase();
+      if (ua.indexOf('safari') !== -1 && ua.indexOf('chrome') === -1) {
+        this.$card.addClass('safari');
+      }
+    }
+    if (new Function("/*@cc_on return @_jscript_version; @*/")()) {
+      return this.$card.addClass('ie-10');
+    }
+  };
+
+  Card.prototype.attachHandlers = function() {
+    var expiryFilters;
+    this.$numberInput.bindVal(this.$numberDisplay, {
+      fill: false,
+      filters: this.validToggler('cardNumber')
+    }).on('payment.cardType', this.handle('setCardType'));
+    expiryFilters = [
+      function(val) {
+        return val.replace(/(\s+)/g, '');
+      }
+    ];
+    if (this.$expiryInput.length === 1) {
+      expiryFilters.push(this.validToggler('cardExpiry'));
+    }
+    this.$expiryInput.bindVal(this.$expiryDisplay, {
+      join: function(text) {
+        if (text[0].length === 2 || text[1]) {
+          return "/";
+        } else {
+          return "";
+        }
+      },
+      filters: expiryFilters
+    });
+    this.$cvcInput.bindVal(this.$cvcDisplay, {
+      filters: this.validToggler('cardCVC')
+    }).on('focus', this.handle('flipCard')).on('blur', this.handle('flipCard'));
+    return this.$nameInput.bindVal(this.$nameDisplay, {
+      fill: false,
+      filters: this.validToggler('cardHolderName'),
+      join: ' '
+    }).on('keydown', this.handle('captureName'));
+  };
+
+  Card.prototype.handleInitialValues = function() {
+    return $.each(this.options.formSelectors, (function(_this) {
+      return function(name, selector) {
+        var el;
+        el = _this["$" + name];
+        if (el.val()) {
+          el.trigger('paste');
+          return setTimeout(function() {
+            return el.trigger('keyup');
+          });
+        }
+      };
+    })(this));
+  };
+
+  Card.prototype.handle = function(fn) {
+    return (function(_this) {
+      return function(e) {
+        var $el, args;
+        $el = $(e.currentTarget);
+        args = Array.prototype.slice.call(arguments);
+        args.unshift($el);
+        return _this.handlers[fn].apply(_this, args);
+      };
+    })(this);
+  };
+
+  Card.prototype.validToggler = function(validatorName) {
+    var isValid;
+    if (validatorName === "cardExpiry") {
+      isValid = function(val) {
+        var objVal;
+        objVal = $.payment.cardExpiryVal(val);
+        return $.payment.validateCardExpiry(objVal.month, objVal.year);
+      };
+    } else if (validatorName === "cardCVC") {
+      isValid = (function(_this) {
+        return function(val) {
+          return $.payment.validateCardCVC(val, _this.cardType);
+        };
+      })(this);
+    } else if (validatorName === "cardNumber") {
+      isValid = function(val) {
+        return $.payment.validateCardNumber(val);
+      };
+    } else if (validatorName === "cardHolderName") {
+      isValid = function(val) {
+        return val !== "";
+      };
+    }
+    return (function(_this) {
+      return function(val, $in, $out) {
+        var result;
+        result = isValid(val);
+        _this.toggleValidClass($in, result);
+        _this.toggleValidClass($out, result);
+        return val;
+      };
+    })(this);
+  };
+
+  Card.prototype.toggleValidClass = function(el, test) {
+    el.toggleClass(this.options.classes.valid, test);
+    return el.toggleClass(this.options.classes.invalid, !test);
+  };
+
+  Card.prototype.handlers = {
+    setCardType: function($el, e, cardType) {
+      if (!this.$card.hasClass(cardType)) {
+        this.$card.removeClass('unknown');
+        this.$card.removeClass(this.cardTypes.join(' '));
+        this.$card.addClass(cardType);
+        this.$card.toggleClass('identified', cardType !== 'unknown');
+        return this.cardType = cardType;
+      }
+    },
+    flipCard: function($el, e) {
+      return this.$card.toggleClass('flipped');
+    },
+    captureName: function($el, e) {
+      var allowedSymbols, banKeyCodes, keyCode;
+      keyCode = e.which || e.keyCode;
+      banKeyCodes = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 106, 107, 109, 110, 111, 186, 187, 188, 189, 190, 191, 192, 219, 220, 221, 222];
+      allowedSymbols = [189, 109, 190, 110, 222];
+      if (banKeyCodes.indexOf(keyCode) !== -1 && !(!e.shiftKey && __indexOf.call(allowedSymbols, keyCode) >= 0)) {
+        return e.preventDefault();
+      }
+    }
+  };
+
+  $.fn.bindVal = function(out, opts) {
+    var $el, i, joiner, o, outDefaults;
+    if (opts == null) {
+      opts = {};
+    }
+    opts.fill = opts.fill || false;
+    opts.filters = opts.filters || [];
+    if (!(opts.filters instanceof Array)) {
+      opts.filters = [opts.filters];
+    }
+    opts.join = opts.join || "";
+    if (!(typeof opts.join === "function")) {
+      joiner = opts.join;
+      opts.join = function() {
+        return joiner;
+      };
+    }
+    $el = $(this);
+    outDefaults = (function() {
+      var _i, _len, _results;
+      _results = [];
+      for (i = _i = 0, _len = out.length; _i < _len; i = ++_i) {
+        o = out[i];
+        _results.push(out.eq(i).text());
+      }
+      return _results;
+    })();
+    $el.on('focus', function() {
+      return out.addClass('focused');
+    });
+    $el.on('blur', function() {
+      return out.removeClass('focused');
+    });
+    $el.on('keyup change paste', function(e) {
+      var filter, join, outVal, val, _i, _j, _len, _len1, _ref, _results;
+      val = $el.map(function() {
+        return $(this).val();
+      }).get();
+      join = opts.join(val);
+      val = val.join(join);
+      if (val === join) {
+        val = "";
+      }
+      _ref = opts.filters;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        filter = _ref[_i];
+        val = filter(val, $el, out);
+      }
+      _results = [];
+      for (i = _j = 0, _len1 = out.length; _j < _len1; i = ++_j) {
+        o = out[i];
+        if (opts.fill) {
+          outVal = val + outDefaults[i].substring(val.length);
+        } else {
+          outVal = val || outDefaults[i];
+        }
+        _results.push(out.eq(i).text(outVal));
+      }
+      return _results;
+    });
+    return $el;
+  };
+
+  return Card;
+
+})();
+
+$.fn.extend({
+  card: function() {
+    var args, option;
+    option = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+    return this.each(function() {
+      var $this, data;
+      $this = $(this);
+      data = $this.data('card');
+      if (!data) {
+        $this.data('card', (data = new Card(this, option)));
+      }
+      if (typeof option === 'string') {
+        return data[option].apply(data, args);
+      }
+    });
+  }
+});
+
+
+},{"jquery.payment":1}]},{},[2])
+(2)
+});