You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
49 KiB
JavaScript
2 lines
49 KiB
JavaScript
!function(r){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=r();else if("function"==typeof define&&define.amd)define([],r);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.card=r()}}(function(){return function r(e,t,a){function n(o,d){if(!t[o]){if(!e[o]){var c="function"==typeof require&&require;if(!d&&c)return c(o,!0);if(i)return i(o,!0);var p=new Error("Cannot find module '"+o+"'");throw p.code="MODULE_NOT_FOUND",p}var l=t[o]={exports:{}};e[o][0].call(l.exports,function(r){var t=e[o][1][r];return n(t?t:r)},l,l.exports,r,e,t,a)}return t[o].exports}for(var i="function"==typeof require&&require,o=0;o<a.length;o++)n(a[o]);return n}({1:[function(r,e,t){e.exports=r("./lib/extend")},{"./lib/extend":2}],2:[function(r,e,t){function a(){var r,e,t,i,o,d,c=arguments[0]||{},p=1,l=arguments.length,s=!1;for("boolean"==typeof c&&(s=c,c=arguments[1]||{},p=2),"object"==typeof c||n.fn(c)||(c={});l>p;p++)if(r=arguments[p],null!=r){"string"==typeof r&&(r=r.split(""));for(e in r)t=c[e],i=r[e],c!==i&&(s&&i&&(n.hash(i)||(o=n.array(i)))?(o?(o=!1,d=t&&n.array(t)?t:[]):d=t&&n.hash(t)?t:{},c[e]=a(s,d,i)):"undefined"!=typeof i&&(c[e]=i))}return c}var n=r("is");a.version="1.1.3",e.exports=a},{is:3}],3:[function(r,e,t){var a,n=Object.prototype,i=n.hasOwnProperty,o=n.toString;"function"==typeof Symbol&&(a=Symbol.prototype.valueOf);var d=function(r){return r!==r},c={"boolean":1,number:1,string:1,undefined:1},p=/^([A-Za-z0-9+\/]{4})*([A-Za-z0-9+\/]{4}|[A-Za-z0-9+\/]{3}=|[A-Za-z0-9+\/]{2}==)$/,l=/^[A-Fa-f0-9]+$/,s=e.exports={};s.a=s.type=function(r,e){return typeof r===e},s.defined=function(r){return"undefined"!=typeof r},s.empty=function(r){var e,t=o.call(r);if("[object Array]"===t||"[object Arguments]"===t||"[object String]"===t)return 0===r.length;if("[object Object]"===t){for(e in r)if(i.call(r,e))return!1;return!0}return!r},s.equal=function(r,e){if(r===e)return!0;var t,a=o.call(r);if(a!==o.call(e))return!1;if("[object Object]"===a){for(t in r)if(!(s.equal(r[t],e[t])&&t in e))return!1;for(t in e)if(!(s.equal(r[t],e[t])&&t in r))return!1;return!0}if("[object Array]"===a){if(t=r.length,t!==e.length)return!1;for(;--t;)if(!s.equal(r[t],e[t]))return!1;return!0}return"[object Function]"===a?r.prototype===e.prototype:"[object Date]"===a?r.getTime()===e.getTime():!1},s.hosted=function(r,e){var t=typeof e[r];return"object"===t?!!e[r]:!c[t]},s.instance=s["instanceof"]=function(r,e){return r instanceof e},s.nil=s["null"]=function(r){return null===r},s.undef=s.undefined=function(r){return"undefined"==typeof r},s.args=s.arguments=function(r){var e="[object Arguments]"===o.call(r),t=!s.array(r)&&s.arraylike(r)&&s.object(r)&&s.fn(r.callee);return e||t},s.array=Array.isArray||function(r){return"[object Array]"===o.call(r)},s.args.empty=function(r){return s.args(r)&&0===r.length},s.array.empty=function(r){return s.array(r)&&0===r.length},s.arraylike=function(r){return!!r&&!s.bool(r)&&i.call(r,"length")&&isFinite(r.length)&&s.number(r.length)&&r.length>=0},s.bool=s["boolean"]=function(r){return"[object Boolean]"===o.call(r)},s["false"]=function(r){return s.bool(r)&&Boolean(Number(r))===!1},s["true"]=function(r){return s.bool(r)&&Boolean(Number(r))===!0},s.date=function(r){return"[object Date]"===o.call(r)},s.element=function(r){return void 0!==r&&"undefined"!=typeof HTMLElement&&r instanceof HTMLElement&&1===r.nodeType},s.error=function(r){return"[object Error]"===o.call(r)},s.fn=s["function"]=function(r){var e="undefined"!=typeof window&&r===window.alert;return e||"[object Function]"===o.call(r)},s.number=function(r){return"[object Number]"===o.call(r)},s.infinite=function(r){return r===1/0||r===-(1/0)},s.decimal=function(r){return s.number(r)&&!d(r)&&!s.infinite(r)&&r%1!==0},s.divisibleBy=function(r,e){var t=s.infinite(r),a=s.infinite(e),n=s.number(r)&&!d(r)&&s.number(e)&&!d(e)&&0!==e;return t||a||n&&r%e===0},s.integer=s["int"]=function(r){return s.number(r)&&!d(r)&&r%1===0},s.maximum=function(r,e){if(d(r))throw new TypeError("NaN is not a valid value");if(!s.arraylike(e))throw new TypeError("second argument must be array-like");for(var t=e.length;--t>=0;)if(r<e[t])return!1;return!0},s.minimum=function(r,e){if(d(r))throw new TypeError("NaN is not a valid value");if(!s.arraylike(e))throw new TypeError("second argument must be array-like");for(var t=e.length;--t>=0;)if(r>e[t])return!1;return!0},s.nan=function(r){return!s.number(r)||r!==r},s.even=function(r){return s.infinite(r)||s.number(r)&&r===r&&r%2===0},s.odd=function(r){return s.infinite(r)||s.number(r)&&r===r&&r%2!==0},s.ge=function(r,e){if(d(r)||d(e))throw new TypeError("NaN is not a valid value");return!s.infinite(r)&&!s.infinite(e)&&r>=e},s.gt=function(r,e){if(d(r)||d(e))throw new TypeError("NaN is not a valid value");return!s.infinite(r)&&!s.infinite(e)&&r>e},s.le=function(r,e){if(d(r)||d(e))throw new TypeError("NaN is not a valid value");return!s.infinite(r)&&!s.infinite(e)&&e>=r},s.lt=function(r,e){if(d(r)||d(e))throw new TypeError("NaN is not a valid value");return!s.infinite(r)&&!s.infinite(e)&&e>r},s.within=function(r,e,t){if(d(r)||d(e)||d(t))throw new TypeError("NaN is not a valid value");if(!s.number(r)||!s.number(e)||!s.number(t))throw new TypeError("all arguments must be numbers");var a=s.infinite(r)||s.infinite(e)||s.infinite(t);return a||r>=e&&t>=r},s.object=function(r){return"[object Object]"===o.call(r)},s.hash=function(r){return s.object(r)&&r.constructor===Object&&!r.nodeType&&!r.setInterval},s.regexp=function(r){return"[object RegExp]"===o.call(r)},s.string=function(r){return"[object String]"===o.call(r)},s.base64=function(r){return s.string(r)&&(!r.length||p.test(r))},s.hex=function(r){return s.string(r)&&(!r.length||l.test(r))},s.symbol=function(r){return"function"==typeof Symbol&&"[object Symbol]"===o.call(r)&&"symbol"==typeof a.call(r)}},{}],4:[function(r,e,t){(function(t){var a,n,i,o,d,c,p,l,s,f,g,u,b,j,h,m,v,x,y,k,w,C,E,F,$=[].indexOf||function(r){for(var e=0,t=this.length;t>e;e++)if(e in this&&this[e]===r)return e;return-1};n=r("qj/src/qj.coffee"),c=/(\d{1,4})/g,d=[{type:"amex",pattern:/^3[47]/,format:/(\d{1,4})(\d{1,6})?(\d{1,5})?/,length:[15],cvcLength:[4],luhn:!0},{type:"dankort",pattern:/^5019/,format:c,length:[16],cvcLength:[3],luhn:!0},{type:"dinersclub",pattern:/^(36|38|30[0-5])/,format:c,length:[14],cvcLength:[3],luhn:!0},{type:"discover",pattern:/^(6011|65|64[4-9]|622)/,format:c,length:[16],cvcLength:[3],luhn:!0},{type:"jcb",pattern:/^35/,format:c,length:[16],cvcLength:[3],luhn:!0},{type:"laser",pattern:/^(6706|6771|6709)/,format:c,length:[16,17,18,19],cvcLength:[3],luhn:!0},{type:"maestro",pattern:/^(5018|5020|5038|6304|6703|6759|676[1-3])/,format:c,length:[12,13,14,15,16,17,18,19],cvcLength:[3],luhn:!0},{type:"mastercard",pattern:/^5[1-5]/,format:c,length:[16],cvcLength:[3],luhn:!0},{type:"unionpay",pattern:/^62/,format:c,length:[16,17,18,19],cvcLength:[3],luhn:!1},{type:"visaelectron",pattern:/^4(026|17500|405|508|844|91[37])/,format:c,length:[16],cvcLength:[3],luhn:!0},{type:"elo",pattern:/^4011|438935|45(1416|76|7393)|50(4175|6699|67|90[4-7])|63(6297|6368)/,format:c,length:[16],cvcLength:[3],luhn:!0},{type:"visa",pattern:/^4/,format:c,length:[13,16,19],cvcLength:[3],luhn:!0}],i=function(r){var e,t,a;for(r=(r+"").replace(/\D/g,""),t=0,a=d.length;a>t;t++)if(e=d[t],e.pattern.test(r))return e},o=function(r){var e,t,a;for(t=0,a=d.length;a>t;t++)if(e=d[t],e.type===r)return e},h=function(r){var e,t,a,n,i,o;for(i=!0,o=0,t=(r+"").split("").reverse(),a=0,n=t.length;n>a;a++)e=t[a],e=parseInt(e,10),(i=!i)&&(e*=2),e>9&&(e-=9),o+=e;return o%10===0},j=function(r){var e,t,a;try{if(null!=r.selectionStart&&r.selectionStart!==r.selectionEnd)return!0;if(null!=("undefined"!=typeof document&&null!==document&&null!=(a=document.selection)?a.createRange:void 0)&&document.selection.createRange().text)return!0}catch(t){e=t}return!1},m=function(r){return setTimeout(function(e){return function(){var e,t;return e=r.target,t=n.val(e),t=a.fns.formatCardNumber(t),n.val(e,t),n.trigger(e,"change")}}(this))},s=function(r){var e,t,a,o,d,c,p;return t=String.fromCharCode(r.which),!/^\d+$/.test(t)||(d=r.target,p=n.val(d),e=i(p+t),a=(p.replace(/\D/g,"")+t).length,c=16,e&&(c=e.length[e.length.length-1]),a>=c||j(d))?void 0:(o=e&&"amex"===e.type?/^(\d{4}|\d{4}\s\d{6})$/:/(?:^|\s)(\d{4})$/,o.test(p)?(r.preventDefault(),n.val(d,p+" "+t)):o.test(p+t)?(r.preventDefault(),n.val(d,p+t+" ")):void 0)},p=function(r){var e,t;return e=r.target,t=n.val(e),r.meta||8!==r.which||j(e)?void 0:/\d\s$/.test(t)?(r.preventDefault(),n.val(e,t.replace(/\d\s$/,""))):/\s\d?$/.test(t)?(r.preventDefault(),n.val(e,t.replace(/\s\d?$/,""))):void 0},f=function(r){var e,t,a;return e=String.fromCharCode(r.which),/^\d+$/.test(e)?(t=r.target,a=n.val(t)+e,/^\d$/.test(a)&&"0"!==a&&"1"!==a?(r.preventDefault(),n.val(t,"0"+a+" / ")):/^\d\d$/.test(a)?(r.preventDefault(),n.val(t,a+" / ")):void 0):void 0},b=function(r){var e,t,a;return e=String.fromCharCode(r.which),/^\d+$/.test(e)?(t=r.target,a=n.val(t)+e,/^\d$/.test(a)&&"0"!==a&&"1"!==a?(r.preventDefault(),n.val(t,"0"+a)):/^\d\d$/.test(a)?(r.preventDefault(),n.val(t,""+a)):void 0):void 0},g=function(r){var e,t,a;return e=String.fromCharCode(r.which),/^\d+$/.test(e)?(t=r.target,a=n.val(t),/^\d\d$/.test(a)?n.val(t,a+" / "):void 0):void 0},u=function(r){var e,t,a;return e=String.fromCharCode(r.which),"/"===e?(t=r.target,a=n.val(t),/^\d$/.test(a)&&"0"!==a?n.val(t,"0"+a+" / "):void 0):void 0},l=function(r){var e,t;if(!r.metaKey&&(e=r.target,t=n.val(e),8===r.which&&!j(e)))return/\d(\s|\/)+$/.test(t)?(r.preventDefault(),n.val(e,t.replace(/\d(\s|\/)*$/,""))):/\s\/\s?\d?$/.test(t)?(r.preventDefault(),n.val(e,t.replace(/\s\/\s?\d?$/,""))):void 0},C=function(r){var e;return r.metaKey||r.ctrlKey?!0:32===r.which?r.preventDefault():0===r.which?!0:r.which<33?!0:(e=String.fromCharCode(r.which),/[\d\s]/.test(e)?void 0:r.preventDefault())},x=function(r){var e,t,a,o;if(a=r.target,t=String.fromCharCode(r.which),/^\d+$/.test(t)&&!j(a))if(o=(n.val(a)+t).replace(/\D/g,""),e=i(o)){if(!(o.length<=e.length[e.length.length-1]))return r.preventDefault()}else if(!(o.length<=16))return r.preventDefault()},k=function(r,e){var t,a,i;return a=r.target,t=String.fromCharCode(r.which),/^\d+$/.test(t)&&!j(a)?(i=n.val(a)+t,i=i.replace(/\D/g,""),i.length>e?r.preventDefault():void 0):void 0},y=function(r){return k(r,6)},w=function(r){return k(r,2)},E=function(r){return k(r,4)},v=function(r){var e,t,a;return t=r.target,e=String.fromCharCode(r.which),/^\d+$/.test(e)&&!j(t)?(a=n.val(t)+e,a.length<=4?void 0:r.preventDefault()):void 0},F=function(r){var e,t,i,o,c;return o=r.target,c=n.val(o),i=a.fns.cardType(c)||"unknown",n.hasClass(o,i)?void 0:(e=function(){var r,e,a;for(a=[],r=0,e=d.length;e>r;r++)t=d[r],a.push(t.type);return a}(),n.removeClass(o,"unknown"),n.removeClass(o,e.join(" ")),n.addClass(o,i),n.toggleClass(o,"identified","unknown"!==i),n.trigger(o,"payment.cardType",i))},a=function(){function r(){}return r.fns={cardExpiryVal:function(r){var e,t,a,n;return r=r.replace(/\s/g,""),a=r.split("/",2),e=a[0],n=a[1],2===(null!=n?n.length:void 0)&&/^\d+$/.test(n)&&(t=(new Date).getFullYear(),t=t.toString().slice(0,2),n=t+n),e=parseInt(e,10),n=parseInt(n,10),{month:e,year:n}},validateCardNumber:function(r){var e,t;return r=(r+"").replace(/\s+|-/g,""),/^\d+$/.test(r)?(e=i(r),e?(t=r.length,$.call(e.length,t)>=0&&(e.luhn===!1||h(r))):!1):!1},validateCardExpiry:function(r,e){var t,a,i,o;return"object"==typeof r&&"month"in r&&(o=r,r=o.month,e=o.year),r&&e?(r=n.trim(r),e=n.trim(e),/^\d+$/.test(r)&&/^\d+$/.test(e)?(r=parseInt(r,10),r&&12>=r?(2===e.length&&(i=(new Date).getFullYear(),i=i.toString().slice(0,2),e=i+e),a=new Date(e,r),t=new Date,a.setMonth(a.getMonth()-1),a.setMonth(a.getMonth()+1,1),a>t):!1):!1):!1},validateCardCVC:function(r,e){var t,a;return r=n.trim(r),/^\d+$/.test(r)?e&&o(e)?(t=r.length,$.call(null!=(a=o(e))?a.cvcLength:void 0,t)>=0):r.length>=3&&r.length<=4:!1},cardType:function(r){var e;return r?(null!=(e=i(r))?e.type:void 0)||null:null},formatCardNumber:function(r){var e,t,a,n;return(e=i(r))?(n=e.length[e.length.length-1],r=r.replace(/\D/g,""),r=r.slice(0,+n+1||9e9),e.format.global?null!=(a=r.match(e.format))?a.join(" "):void 0:(t=e.format.exec(r),null!=t&&t.shift(),null!=t?t.join(" "):void 0)):r}},r.restrictNumeric=function(r){return n.on(r,"keypress",C)},r.cardExpiryVal=function(e){return r.fns.cardExpiryVal(n.val(e))},r.formatCardCVC=function(e){return r.restrictNumeric(e),n.on(e,"keypress",v),e},r.formatCardExpiry=function(e){var t,a;return r.restrictNumeric(e),e.length&&2===e.length?(t=e[0],a=e[1],this.formatCardExpiryMultiple(t,a)):(n.on(e,"keypress",y),n.on(e,"keypress",f),n.on(e,"keypress",u),n.on(e,"keypress",g),n.on(e,"keydown",l)),e},r.formatCardExpiryMultiple=function(r,e){return n.on(r,"keypress",w),n.on(r,"keypress",b),n.on(e,"keypress",E)},r.formatCardNumber=function(e){return r.restrictNumeric(e),n.on(e,"keypress",x),n.on(e,"keypress",s),n.on(e,"keydown",p),n.on(e,"keyup",F),n.on(e,"paste",m),e},r.getCardArray=function(){return d},r.setCardArray=function(r){return d=r,!0},r.addToCardArray=function(r){return d.push(r)},r.removeFromCardArray=function(r){var e,t;for(e in d)t=d[e],t.type===r&&d.splice(e,1);return!0},r}(),e.exports=a,t.Payment=a}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"qj/src/qj.coffee":5}],5:[function(r,e,t){var a,n,i;a=function(r){return a.isDOMElement(r)?r:document.querySelectorAll(r)},a.isDOMElement=function(r){return r&&null!=r.nodeName},i=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,a.trim=function(r){return null===r?"":(r+"").replace(i,"")},n=/\r/g,a.val=function(r,e){var t;return arguments.length>1?r.value=e:(t=r.value,"string"==typeof t?t.replace(n,""):null===t?"":t)},a.preventDefault=function(r){return"function"==typeof r.preventDefault?void r.preventDefault():(r.returnValue=!1,!1)},a.normalizeEvent=function(r){var e;return e=r,r={which:null!=e.which?e.which:void 0,target:e.target||e.srcElement,preventDefault:function(){return a.preventDefault(e)},originalEvent:e,data:e.data||e.detail},null==r.which&&(r.which=null!=e.charCode?e.charCode:e.keyCode),r},a.on=function(r,e,t){var n,i,o,d,c,p,l,s;if(r.length)for(i=0,d=r.length;d>i;i++)n=r[i],a.on(n,e,t);else{if(!e.match(" "))return l=t,t=function(r){return r=a.normalizeEvent(r),l(r)},r.addEventListener?r.addEventListener(e,t,!1):r.attachEvent?(e="on"+e,r.attachEvent(e,t)):void(r["on"+e]=t);for(s=e.split(" "),o=0,c=s.length;c>o;o++)p=s[o],a.on(r,p,t)}},a.addClass=function(r,e){var t;return r.length?function(){var n,i,o;for(o=[],n=0,i=r.length;i>n;n++)t=r[n],o.push(a.addClass(t,e));return o}():r.classList?r.classList.add(e):r.className+=" "+e},a.hasClass=function(r,e){var t,n,i,o;if(r.length){for(n=!0,i=0,o=r.length;o>i;i++)t=r[i],n=n&&a.hasClass(t,e);return n}return r.classList?r.classList.contains(e):new RegExp("(^| )"+e+"( |$)","gi").test(r.className)},a.removeClass=function(r,e){var t,n,i,o,d,c;if(r.length)return function(){var t,i,o;for(o=[],t=0,i=r.length;i>t;t++)n=r[t],o.push(a.removeClass(n,e));return o}();if(r.classList){for(d=e.split(" "),c=[],i=0,o=d.length;o>i;i++)t=d[i],c.push(r.classList.remove(t));return c}return r.className=r.className.replace(new RegExp("(^|\\b)"+e.split(" ").join("|")+"(\\b|$)","gi")," ")},a.toggleClass=function(r,e,t){var n;return r.length?function(){var i,o,d;for(d=[],i=0,o=r.length;o>i;i++)n=r[i],d.push(a.toggleClass(n,e,t));return d}():t?a.hasClass(r,e)?void 0:a.addClass(r,e):a.removeClass(r,e)},a.append=function(r,e){var t;return r.length?function(){var n,i,o;for(o=[],n=0,i=r.length;i>n;n++)t=r[n],o.push(a.append(t,e));return o}():r.insertAdjacentHTML("beforeend",e)},a.find=function(r,e){return(r instanceof NodeList||r instanceof Array)&&(r=r[0]),r.querySelectorAll(e)},a.trigger=function(r,e,t){var a,n,i;try{i=new CustomEvent(e,{detail:t})}catch(n){a=n,i=document.createEvent("CustomEvent"),i.initCustomEvent?i.initCustomEvent(e,!0,!0,t):i.initEvent(e,!0,!0,t)}return r.dispatchEvent(i)},e.exports=a},{}],6:[function(r,e,t){e.exports=r("cssify")},{cssify:7}],7:[function(r,e,t){e.exports=function(r,e){var t=e||document;if(t.createStyleSheet){var a=t.createStyleSheet();return a.cssText=r,a.ownerNode}var n=t.getElementsByTagName("head")[0],i=t.createElement("style");return i.type="text/css",i.styleSheet?i.styleSheet.cssText=r:i.appendChild(t.createTextNode(r)),n.appendChild(i),i},e.exports.byUrl=function(r){if(document.createStyleSheet)return document.createStyleSheet(r).ownerNode;var e=document.getElementsByTagName("head")[0],t=document.createElement("link");return t.rel="stylesheet",t.href=r,e.appendChild(t),t}},{}],8:[function(r,e,t){(function(t){var a,n,i,o;r("../scss/card.scss"),n=r("qj/src/qj.coffee"),o=r("payment/src/payment"),i=r("node.extend"),a=function(){function r(r){var e;return this.options=i(!0,this.defaults,r),this.options.form?(this.$el=n(this.options.form),this.options.container?(this.$container=n(this.options.container),e=n.isDOMElement(this.$container)?this.$container:this.$container[0],void(e.getAttribute(this.initializedDataAttr)||(e.setAttribute(this.initializedDataAttr,!0),this.render(),this.attachHandlers(),this.handleInitialPlaceholders()))):void console.log("Please provide a container")):void console.log("Please provide a form")}var e;return r.prototype.initializedDataAttr="data-jp-card-initialized",r.prototype.cardTemplate='<div class="jp-card-container"><div class="jp-card"><div class="jp-card-front"><div class="jp-card-logo jp-card-elo"><div class="e">e</div><div class="l">l</div><div class="o">o</div></div><div class="jp-card-logo jp-card-visa">visa</div><div class="jp-card-logo jp-card-mastercard">MasterCard</div><div class="jp-card-logo jp-card-maestro">Maestro</div><div class="jp-card-logo jp-card-amex"></div><div class="jp-card-logo jp-card-discover">discover</div><div class="jp-card-logo jp-card-dankort"><div class="dk"><div class="d"></div><div class="k"></div></div></div><div class="jp-card-lower"><div class="jp-card-shiny"></div><div class="jp-card-cvc jp-card-display">{{cvc}}</div><div class="jp-card-number jp-card-display">{{number}}</div><div class="jp-card-name jp-card-display">{{name}}</div><div class="jp-card-expiry jp-card-display" data-before="{{monthYear}}" data-after="{{validDate}}">{{expiry}}</div></div></div><div class="jp-card-back"><div class="jp-card-bar"></div><div class="jp-card-cvc jp-card-display">{{cvc}}</div><div class="jp-card-shiny"></div></div></div></div>',r.prototype.template=function(r,e){return r.replace(/\{\{(.*?)\}\}/g,function(r,t,a){return e[t]})},r.prototype.cardTypes=["jp-card-amex","jp-card-dankort","jp-card-dinersclub","jp-card-discover","jp-card-jcb","jp-card-laser","jp-card-maestro","jp-card-mastercard","jp-card-unionpay","jp-card-visa","jp-card-visaelectron","jp-card-elo"],r.prototype.defaults={formatting:!0,formSelectors:{numberInput:'input[name="number"]',expiryInput:'input[name="expiry"]',cvcInput:'input[name="cvc"]',nameInput:'input[name="name"]'},cardSelectors:{cardContainer:".jp-card-container",card:".jp-card",numberDisplay:".jp-card-number",expiryDisplay:".jp-card-expiry",cvcDisplay:".jp-card-cvc",nameDisplay:".jp-card-name"},messages:{validDate:"valid\nthru",monthYear:"month/year"},placeholders:{number:"•••• •••• •••• ••••",cvc:"•••",expiry:"••/••",name:"Full Name"},classes:{valid:"jp-card-valid",invalid:"jp-card-invalid"},debug:!1},r.prototype.render=function(){var r,e,t,a,o,d,c,p;n.append(this.$container,this.template(this.cardTemplate,i({},this.options.messages,this.options.placeholders))),o=this.options.cardSelectors;for(t in o)c=o[t],this["$"+t]=n.find(this.$container,c);d=this.options.formSelectors;for(t in d)c=d[t],c=this.options[t]?this.options[t]:c,a=n.find(this.$el,c),!a.length&&this.options.debug&&console.error("Card can't find a "+t+" in your form."),this["$"+t]=a;return this.options.formatting&&(Payment.formatCardNumber(this.$numberInput),Payment.formatCardCVC(this.$cvcInput),Payment.formatCardExpiry(this.$expiryInput)),this.options.width&&(r=n(this.options.cardSelectors.cardContainer)[0],e=parseInt(r.clientWidth),r.style.transform="scale("+this.options.width/e+")"),("undefined"!=typeof navigator&&null!==navigator?navigator.userAgent:void 0)&&(p=navigator.userAgent.toLowerCase(),-1!==p.indexOf("safari")&&-1===p.indexOf("chrome")&&n.addClass(this.$card,"jp-card-safari")),/MSIE 10\./i.test(navigator.userAgent)&&n.addClass(this.$card,"jp-card-ie-10"),/rv:11.0/i.test(navigator.userAgent)?n.addClass(this.$card,"jp-card-ie-11"):void 0},r.prototype.attachHandlers=function(){var r;return e(this.$numberInput,this.$numberDisplay,{fill:!1,filters:this.validToggler("cardNumber")}),n.on(this.$numberInput,"payment.cardType",this.handle("setCardType")),r=[function(r){return r.replace(/(\s+)/g,"")}],r.push(this.validToggler("cardExpiry")),e(this.$expiryInput,this.$expiryDisplay,{join:function(r){return 2===r[0].length||r[1]?"/":""},filters:r}),e(this.$cvcInput,this.$cvcDisplay,{filters:this.validToggler("cardCVC")}),n.on(this.$cvcInput,"focus",this.handle("flipCard")),n.on(this.$cvcInput,"blur",this.handle("unflipCard")),e(this.$nameInput,this.$nameDisplay,{fill:!1,filters:this.validToggler("cardHolderName"),join:" "})},r.prototype.handleInitialPlaceholders=function(){var r,e,t,a,i;t=this.options.formSelectors,a=[];for(e in t)i=t[e],r=this["$"+e],n.val(r)?(n.trigger(r,"paste"),a.push(setTimeout(function(){return n.trigger(r,"keyup")}))):a.push(void 0);return a},r.prototype.handle=function(r){return function(e){return function(t){var a;return a=Array.prototype.slice.call(arguments),a.unshift(t.target),e.handlers[r].apply(e,a)}}(this)},r.prototype.validToggler=function(r){var e;return"cardExpiry"===r?e=function(r){var e;return e=Payment.fns.cardExpiryVal(r),Payment.fns.validateCardExpiry(e.month,e.year)}:"cardCVC"===r?e=function(r){return function(e){return Payment.fns.validateCardCVC(e,r.cardType)}}(this):"cardNumber"===r?e=function(r){return Payment.fns.validateCardNumber(r)}:"cardHolderName"===r&&(e=function(r){return""!==r}),function(r){return function(t,a,n){var i;return i=e(t),r.toggleValidClass(a,i),r.toggleValidClass(n,i),t}}(this)},r.prototype.toggleValidClass=function(r,e){return n.toggleClass(r,this.options.classes.valid,e),n.toggleClass(r,this.options.classes.invalid,!e)},r.prototype.handlers={setCardType:function(r,e){var t;return t=e.data,n.hasClass(this.$card,t)?void 0:(n.removeClass(this.$card,"jp-card-unknown"),n.removeClass(this.$card,this.cardTypes.join(" ")),n.addClass(this.$card,"jp-card-"+t),n.toggleClass(this.$card,"jp-card-identified","unknown"!==t),this.cardType=t)},flipCard:function(){return n.addClass(this.$card,"jp-card-flipped")},unflipCard:function(){return n.removeClass(this.$card,"jp-card-flipped")}},e=function(r,e,t){var a,i,o;return null==t&&(t={}),t.fill=t.fill||!1,t.filters=t.filters||[],t.filters instanceof Array||(t.filters=[t.filters]),t.join=t.join||"","function"!=typeof t.join&&(a=t.join,t.join=function(){return a}),o=function(){var r,t,a;for(a=[],r=0,t=e.length;t>r;r++)i=e[r],a.push(i.textContent);return a}(),n.on(r,"focus",function(){return n.addClass(e,"jp-card-focused")}),n.on(r,"blur",function(){return n.removeClass(e,"jp-card-focused")}),n.on(r,"keyup change paste",function(a){var i,d,c,p,l,s,f,g,u,b,j,h,m;for(m=function(){var e,t,a;for(a=[],e=0,t=r.length;t>e;e++)i=r[e],a.push(n.val(i));return a}(),l=t.join(m),m=m.join(l),m===l&&(m=""),j=t.filters,p=0,f=j.length;f>p;p++)d=j[p],m=d(m,r,e);for(h=[],c=s=0,g=e.length;g>s;c=++s)u=e[c],b=t.fill?m+o[c].substring(m.length):m||o[c],h.push(u.textContent=b);return h}),r},r}(),e.exports=a,t.Card=a}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"../scss/card.scss":10,"node.extend":1,"payment/src/payment":4,"qj/src/qj.coffee":5}],9:[function(r,e,t){var a,n,i=[].slice;n=r("./card"),a=jQuery,a.card={},a.card.fn={},a.fn.card=function(r){return a.card.fn.construct.apply(this,r)},a.fn.extend({card:function(){var r,e;return e=arguments[0],r=2<=arguments.length?i.call(arguments,1):[],this.each(function(){var t,i;return t=a(this),i=t.data("card"),i||(a.each(e,function(r){return function(r,t){return t instanceof jQuery?e[r]=t[0]:void 0}}(this)),e.form=this,t.data("card",i=new n(e))),"string"==typeof e?i[e].apply(i,r):void 0})}})},{"./card":8}],10:[function(r,e,t){e.exports=r("sassify")('.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before { background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); } .jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped { -webkit-transform: 0deg; -moz-transform: 0deg; -ms-transform: 0deg; -o-transform: 0deg; transform: 0deg; } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after { left: 18%; } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); left: 5%; } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny { left: 84%; } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after { left: -480%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back { display: none; } .jp-card-logo { height: 36px; width: 60px; font-style: italic; } .jp-card-logo, .jp-card-logo:before, .jp-card-logo:after { box-sizing: border-box; } .jp-card-logo.jp-card-amex { text-transform: uppercase; font-size: 4px; font-weight: bold; color: white; background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px); background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px); border: 1px solid #EEE; } .jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after { width: 28px; display: block; position: absolute; left: 16px; } .jp-card-logo.jp-card-amex:before { height: 28px; content: "american"; top: 3px; text-align: left; padding-left: 2px; padding-top: 11px; background: #267AC3; } .jp-card-logo.jp-card-amex:after { content: "express"; bottom: 11px; text-align: right; padding-right: 2px; } .jp-card.jp-card-amex.jp-card-flipped { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before { background-color: #108168; } .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex { opacity: 1; } .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc { visibility: visible; } .jp-card.jp-card-amex.jp-card-identified .jp-card-front:after { opacity: 1; } .jp-card-logo.jp-card-discover { background: #FF6600; color: #111; text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 10px; text-align: center; overflow: hidden; z-index: 1; padding-top: 9px; letter-spacing: .03em; border: 1px solid #EEE; } .jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after { content: " "; display: block; position: absolute; } .jp-card-logo.jp-card-discover:before { background: white; width: 200px; height: 200px; border-radius: 200px; bottom: -5%; right: -80%; z-index: -1; } .jp-card-logo.jp-card-discover:after { width: 8px; height: 8px; border-radius: 4px; top: 10px; left: 27px; background-color: #FF6600; background-image: -webkit-radial-gradient(#FF6600, #fff); background-image: radial-gradient( #FF6600, #fff); content: "network"; font-size: 4px; line-height: 24px; text-indent: -7px; } .jp-card .jp-card-front .jp-card-logo.jp-card-discover { right: 12%; top: 18%; } .jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before { background-color: #86B8CF; } .jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover { opacity: 1; } .jp-card.jp-card-discover.jp-card-identified .jp-card-front:after { -webkit-transition: 400ms; -moz-transition: 400ms; transition: 400ms; content: " "; display: block; background-color: #FF6600; background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600); background-image: linear-gradient(#FF6600, #ffa366, #FF6600); height: 50px; width: 50px; border-radius: 25px; position: absolute; left: 100%; top: 15%; margin-left: -25px; box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5); } .jp-card-logo.jp-card-visa { background: white; text-transform: uppercase; color: #1A1876; text-align: center; font-weight: bold; font-size: 15px; line-height: 18px; } .jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after { content: " "; display: block; width: 100%; height: 25%; } .jp-card-logo.jp-card-visa:before { background: #1A1876; } .jp-card-logo.jp-card-visa:after { background: #E79800; } .jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before { background-color: #191278; } .jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa { opacity: 1; } .jp-card-logo.jp-card-mastercard { color: white; font-weight: bold; text-align: center; font-size: 9px; line-height: 36px; z-index: 1; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after { content: " "; display: block; width: 36px; top: 0; position: absolute; height: 36px; border-radius: 18px; } .jp-card-logo.jp-card-mastercard:before { left: 0; background: #FF0000; z-index: -1; } .jp-card-logo.jp-card-mastercard:after { right: 0; background: #FFAB00; z-index: -2; } .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard { box-shadow: none; } .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before { background-color: #0061A8; } .jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard { opacity: 1; } .jp-card-logo.jp-card-maestro { color: white; font-weight: bold; text-align: center; font-size: 14px; line-height: 36px; z-index: 1; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after { content: " "; display: block; width: 36px; top: 0; position: absolute; height: 36px; border-radius: 18px; } .jp-card-logo.jp-card-maestro:before { left: 0; background: #0064CB; z-index: -1; } .jp-card-logo.jp-card-maestro:after { right: 0; background: #CC0000; z-index: -2; } .jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro { box-shadow: none; } .jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before { background-color: #0B2C5F; } .jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro { opacity: 1; } .jp-card-logo.jp-card-dankort { width: 60px; height: 36px; padding: 3px; border-radius: 8px; border: #000000 1px solid; background-color: #FFFFFF; } .jp-card-logo.jp-card-dankort .dk { position: relative; width: 100%; height: 100%; overflow: hidden; } .jp-card-logo.jp-card-dankort .dk:before { background-color: #ED1C24; content: \'\'; position: absolute; width: 100%; height: 100%; display: block; border-radius: 6px; } .jp-card-logo.jp-card-dankort .dk:after { content: \'\'; position: absolute; top: 50%; margin-top: -7.7px; right: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 10px 0; border-color: transparent #ED1C24 transparent transparent; z-index: 1; } .jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k { position: absolute; top: 50%; width: 50%; display: block; height: 15.4px; margin-top: -7.7px; background: white; } .jp-card-logo.jp-card-dankort .d { left: 0; border-radius: 0 8px 10px 0; } .jp-card-logo.jp-card-dankort .d:before { content: \'\'; position: absolute; top: 50%; left: 50%; display: block; background: #ED1C24; border-radius: 2px 4px 6px 0px; height: 5px; width: 7px; margin: -3px 0 0 -4px; } .jp-card-logo.jp-card-dankort .k { right: 0; } .jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after { content: \'\'; position: absolute; right: 50%; width: 0; height: 0; border-style: solid; margin-right: -1px; } .jp-card-logo.jp-card-dankort .k:before { top: 0; border-width: 8px 5px 0 0; border-color: #ED1C24 transparent transparent transparent; } .jp-card-logo.jp-card-dankort .k:after { bottom: 0; border-width: 0 5px 8px 0; border-color: transparent transparent #ED1C24 transparent; } .jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before { background-color: #0055C7; } .jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort { opacity: 1; } .jp-card-logo.jp-card-elo { height: 50px; width: 50px; border-radius: 100%; background: black; color: white; text-align: center; text-transform: lowercase; font-size: 21px; font-style: normal; letter-spacing: 1px; font-weight: bold; padding-top: 13px; } .jp-card-logo.jp-card-elo .e, .jp-card-logo.jp-card-elo .l, .jp-card-logo.jp-card-elo .o { display: inline-block; position: relative; } .jp-card-logo.jp-card-elo .e { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); } .jp-card-logo.jp-card-elo .o { position: relative; display: inline-block; width: 12px; height: 12px; right: 0; top: 7px; border-radius: 100%; background-image: -webkit-linear-gradient( yellow 50%, red 50%); background-image: linear-gradient( yellow 50%, red 50%); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); text-indent: -9999px; } .jp-card-logo.jp-card-elo .o:before { content: ""; position: absolute; width: 49%; height: 49%; background: black; border-radius: 100%; text-indent: -99999px; top: 25%; left: 25%; } .jp-card.jp-card-elo.jp-card-identified .jp-card-front:before, .jp-card.jp-card-elo.jp-card-identified .jp-card-back:before { background-color: #6F6969; } .jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo { opacity: 1; } .jp-card-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; width: 350px; max-width: 100%; height: 200px; margin: auto; z-index: 1; position: relative; } .jp-card { font-family: "Helvetica Neue"; line-height: 1; position: relative; width: 100%; height: 100%; min-width: 315px; border-radius: 10px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; } .jp-card > *, .jp-card > *:before, .jp-card > *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: inherit; } .jp-card.jp-card-flipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .jp-card .jp-card-front, .jp-card .jp-card-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 10px; background: #DDD; } .jp-card .jp-card-front:before, .jp-card .jp-card-back:before { content: " "; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; border-radius: 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; } .jp-card .jp-card-front:after, .jp-card .jp-card-back:after { content: " "; display: block; } .jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display { color: white; font-weight: normal; opacity: 0.5; -webkit-transition: opacity 400ms linear; -moz-transition: opacity 400ms linear; transition: opacity 400ms linear; } .jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused { opacity: 1; font-weight: 700; } .jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 14px; } .jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny { width: 50px; height: 35px; border-radius: 5px; background: #CCC; position: relative; } .jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before { content: " "; display: block; width: 70%; height: 60%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #d9d9d9; position: absolute; top: 20%; } .jp-card .jp-card-front .jp-card-logo { position: absolute; opacity: 0; right: 5%; top: 8%; -webkit-transition: 400ms; -moz-transition: 400ms; transition: 400ms; } .jp-card .jp-card-front .jp-card-lower { width: 80%; position: absolute; left: 10%; bottom: 30px; } @media only screen and (max-width: 480px) { .jp-card .jp-card-front .jp-card-lower { width: 90%; left: 5%; } } .jp-card .jp-card-front .jp-card-lower .jp-card-cvc { visibility: hidden; float: right; position: relative; bottom: 5px; } .jp-card .jp-card-front .jp-card-lower .jp-card-number { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 24px; clear: both; margin-bottom: 30px; } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; letter-spacing: 0em; position: relative; float: right; width: 25%; } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after { font-family: "Helvetica Neue"; font-weight: bold; font-size: 7px; white-space: pre; display: block; opacity: .5; } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before { content: attr(data-before); margin-bottom: 2px; font-size: 7px; text-transform: uppercase; } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after { position: absolute; content: attr(data-after); text-align: right; right: 100%; margin-right: 5px; margin-top: 2px; bottom: 0; } .jp-card .jp-card-front .jp-card-lower .jp-card-name { text-transform: uppercase; font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 20px; max-height: 45px; position: absolute; bottom: 0; width: 190px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: horizontal; overflow: hidden; text-overflow: ellipsis; } .jp-card .jp-card-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .jp-card .jp-card-back .jp-card-bar { background-color: #444; background-image: -webkit-linear-gradient(#444, #333); background-image: linear-gradient(#444, #333); width: 100%; height: 20%; position: absolute; top: 10%; } .jp-card .jp-card-back:after { content: " "; display: block; background-color: #FFF; background-image: -webkit-linear-gradient(#FFF, #FFF); background-image: linear-gradient(#FFF, #FFF); width: 80%; height: 16%; position: absolute; top: 40%; left: 2%; } .jp-card .jp-card-back .jp-card-cvc { position: absolute; top: 40%; left: 85%; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; transition-delay: 600ms; } .jp-card .jp-card-back .jp-card-shiny { position: absolute; top: 66%; left: 2%; } .jp-card .jp-card-back .jp-card-shiny:after { content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.AIt comes with no warranty.A For support issues, please visit: github.com/jessepollak/card."; position: absolute; left: 120%; top: 5%; color: white; font-size: 7px; width: 230px; opacity: .5; } .jp-card.jp-card-identified { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back { background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); opacity: 1; } .jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); } .jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before { background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); } ');
|
|
},{sassify:6}]},{},[9])(9)}); |