How to use payment - 10 common examples
To help you get started, we’ve selected a few payment examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
CommerceRack / anycommerce / extensions / checkout_passive.js View on Github 
dispatch : function(callback) {
var payObj = {};
_gaq.push(['_trackEvent','Checkout','App Event','Attempting to create order']);
// initially, was serializing the payment panel only. Issues here with safari.
// then, when loading .val(), field was not reliably present.
// cc info is saved in memory so that if payment panel is reloaded, cc# is available. so that reference is used for cc and cv.
// exp alone is less valuable, so it's stored in data.cart obj and referenced there.
payObj['payment.cc'] = myControl.ext.convertSessionToOrder.vars["payment.cc"];
payObj['payment.cv'] = myControl.ext.convertSessionToOrder.vars["payment.cv"];
payObj['payment.yy'] = myControl.ext.convertSessionToOrder.vars["payment.yy"];
payObj['payment.mm'] = myControl.ext.convertSessionToOrder.vars["payment.mm"];
payObj['_cmd'] = 'cartOrderCreate';
payObj['_tag'] = {"callback":callback,"extension":"convertSessionToOrder","datapointer":"cartOrderCreate"}
// myControl.util.dump("PayObj to follow:");
// myControl.util.dump(payObj);
myControl.model.addDispatchToQ(payObj,'immutable');
}
},//cartOrderCreatedispatch : function(callback) {
var payObj = {};
_gaq.push(['_trackEvent','Checkout','App Event','Attempting to create order']);
// initially, was serializing the payment panel only. Issues here with safari.
// then, when loading .val(), field was not reliably present.
// cc info is saved in memory so that if payment panel is reloaded, cc# is available. so that reference is used for cc and cv.
// exp alone is less valuable, so it's stored in data.cart obj and referenced there.
payObj['payment.cc'] = myControl.ext.convertSessionToOrder.vars["payment.cc"];
payObj['payment.cv'] = myControl.ext.convertSessionToOrder.vars["payment.cv"];
payObj['payment.yy'] = myControl.ext.convertSessionToOrder.vars["payment.yy"];
payObj['payment.mm'] = myControl.ext.convertSessionToOrder.vars["payment.mm"];
payObj['_cmd'] = 'cartOrderCreate';
payObj['_tag'] = {"callback":callback,"extension":"convertSessionToOrder","datapointer":"cartOrderCreate"}
myControl.util.dump("PayObj to follow:");
myControl.util.dump(payObj);
myControl.model.addDispatchToQ(payObj,'immutable');
}
},//cartOrderCreatedispatch : function(callback) {
var payObj = {};
_gaq.push(['_trackEvent','Checkout','App Event','Attempting to create order']);
// initially, was serializing the payment panel only. Issues here with safari.
// then, when loading .val(), field was not reliably present.
// cc info is saved in memory so that if payment panel is reloaded, cc# is available. so that reference is used for cc and cv.
// exp alone is less valuable, so it's stored in data.cart obj and referenced there.
payObj['payment.cc'] = myControl.ext.convertSessionToOrder.vars["payment.cc"];
payObj['payment.cv'] = myControl.ext.convertSessionToOrder.vars["payment.cv"];
payObj['payment.yy'] = myControl.ext.convertSessionToOrder.vars["payment.yy"];
payObj['payment.mm'] = myControl.ext.convertSessionToOrder.vars["payment.mm"];
payObj['_cmd'] = 'cartOrderCreate';
payObj['_tag'] = {"callback":callback,"extension":"convertSessionToOrder","datapointer":"cartOrderCreate"}
// myControl.util.dump("PayObj to follow:");
// myControl.util.dump(payObj);
myControl.model.addDispatchToQ(payObj,'immutable');
}
},//cartOrderCreatedispatch : function(callback) {
var payObj = {};
_gaq.push(['_trackEvent','Checkout','App Event','Attempting to create order']);
// initially, was serializing the payment panel only. Issues here with safari.
// then, when loading .val(), field was not reliably present.
// cc info is saved in memory so that if payment panel is reloaded, cc# is available. so that reference is used for cc and cv.
// exp alone is less valuable, so it's stored in data.cart obj and referenced there.
payObj['payment.cc'] = myControl.ext.convertSessionToOrder.vars["payment.cc"];
payObj['payment.cv'] = myControl.ext.convertSessionToOrder.vars["payment.cv"];
payObj['payment.yy'] = myControl.ext.convertSessionToOrder.vars["payment.yy"];
payObj['payment.mm'] = myControl.ext.convertSessionToOrder.vars["payment.mm"];
payObj['_cmd'] = 'cartOrderCreate';
payObj['_tag'] = {"callback":callback,"extension":"convertSessionToOrder","datapointer":"cartOrderCreate"}
myControl.util.dump("PayObj to follow:");
myControl.util.dump(payObj);
myControl.model.addDispatchToQ(payObj,'immutable');
}
},//cartOrderCreatedispatch : function(callback) {
var payObj = {};
_gaq.push(['_trackEvent','Checkout','App Event','Attempting to create order']);
// initially, was serializing the payment panel only. Issues here with safari.
// then, when loading .val(), field was not reliably present.
// cc info is saved in memory so that if payment panel is reloaded, cc# is available. so that reference is used for cc and cv.
// exp alone is less valuable, so it's stored in data.cart obj and referenced there.
payObj['payment.cc'] = myControl.ext.convertSessionToOrder.vars["payment.cc"];
payObj['payment.cv'] = myControl.ext.convertSessionToOrder.vars["payment.cv"];
payObj['payment.yy'] = myControl.ext.convertSessionToOrder.vars["payment.yy"];
payObj['payment.mm'] = myControl.ext.convertSessionToOrder.vars["payment.mm"];
payObj['_cmd'] = 'cartOrderCreate';
payObj['_tag'] = {"callback":callback,"extension":"convertSessionToOrder","datapointer":"cartOrderCreate"}
myControl.util.dump("PayObj to follow:");
myControl.util.dump(payObj);
myControl.model.addDispatchToQ(payObj,'immutable');
}
},//cartOrderCreatedispatch : function(callback) {
var payObj = {};
_gaq.push(['_trackEvent','Checkout','App Event','Attempting to create order']);
// initially, was serializing the payment panel only. Issues here with safari.
// then, when loading .val(), field was not reliably present.
// cc info is saved in memory so that if payment panel is reloaded, cc# is available. so that reference is used for cc and cv.
// exp alone is less valuable, so it's stored in data.cart obj and referenced there.
payObj['payment.cc'] = myControl.ext.convertSessionToOrder.vars["payment.cc"];
payObj['payment.cv'] = myControl.ext.convertSessionToOrder.vars["payment.cv"];
payObj['payment.yy'] = myControl.ext.convertSessionToOrder.vars["payment.yy"];
payObj['payment.mm'] = myControl.ext.convertSessionToOrder.vars["payment.mm"];
payObj['_cmd'] = 'cartOrderCreate';
payObj['_tag'] = {"callback":callback,"extension":"convertSessionToOrder","datapointer":"cartOrderCreate"}
// myControl.util.dump("PayObj to follow:");
// myControl.util.dump(payObj);
myControl.model.addDispatchToQ(payObj,'immutable');
}
},//cartOrderCreatedispatch : function(callback) {
var payObj = {};
_gaq.push(['_trackEvent','Checkout','App Event','Attempting to create order']);
// initially, was serializing the payment panel only. Issues here with safari.
// then, when loading .val(), field was not reliably present.
// cc info is saved in memory so that if payment panel is reloaded, cc# is available. so that reference is used for cc and cv.
// exp alone is less valuable, so it's stored in data.cart obj and referenced there.
payObj['payment.cc'] = myControl.ext.convertSessionToOrder.vars["payment.cc"];
payObj['payment.cv'] = myControl.ext.convertSessionToOrder.vars["payment.cv"];
payObj['payment.yy'] = myControl.ext.convertSessionToOrder.vars["payment.yy"];
payObj['payment.mm'] = myControl.ext.convertSessionToOrder.vars["payment.mm"];
payObj['_cmd'] = 'cartOrderCreate';
payObj['_tag'] = {"callback":callback,"extension":"convertSessionToOrder","datapointer":"cartOrderCreate"}
myControl.util.dump("PayObj to follow:");
myControl.util.dump(payObj);
myControl.model.addDispatchToQ(payObj,'immutable');
}
},//cartOrderCreatedispatch : function(callback) {
var payObj = {};
_gaq.push(['_trackEvent','Checkout','App Event','Attempting to create order']);
// initially, was serializing the payment panel only. Issues here with safari.
// then, when loading .val(), field was not reliably present.
// cc info is saved in memory so that if payment panel is reloaded, cc# is available. so that reference is used for cc and cv.
// exp alone is less valuable, so it's stored in data.cart obj and referenced there.
payObj['payment.cc'] = myControl.ext.convertSessionToOrder.vars["payment.cc"];
payObj['payment.cv'] = myControl.ext.convertSessionToOrder.vars["payment.cv"];
payObj['payment.yy'] = myControl.ext.convertSessionToOrder.vars["payment.yy"];
payObj['payment.mm'] = myControl.ext.convertSessionToOrder.vars["payment.mm"];
payObj['_cmd'] = 'cartOrderCreate';
payObj['_tag'] = {"callback":callback,"extension":"convertSessionToOrder","datapointer":"cartOrderCreate"}
// myControl.util.dump("PayObj to follow:");
// myControl.util.dump(payObj);
myControl.model.addDispatchToQ(payObj,'immutable');
}
},//cartOrderCreateimport * as Payment from "payment";
const input = document.getElementById('input') as HTMLInputElement;
Payment.restrictNumeric(input);
Payment.formatCardNumber(input);
Payment.formatCardExpiry(input);
Payment.formatCardCVC(input);
const card = "1234 5678 9012 3456";
const cardType = Payment.fns.cardType(card);
Payment.fns.validateCardNumber(card);
Payment.fns.validateCardExpiry("1 / 20");
Payment.fns.validateCardExpiry("1", "20");
Payment.fns.validateCardCVC("123", cardType);import * as Payment from "payment";
const input = document.getElementById('input') as HTMLInputElement;
Payment.restrictNumeric(input);
Payment.formatCardNumber(input);
Payment.formatCardExpiry(input);
Payment.formatCardCVC(input);
const card = "1234 5678 9012 3456";
const cardType = Payment.fns.cardType(card);
Payment.fns.validateCardNumber(card);
Payment.fns.validateCardExpiry("1 / 20");
Payment.fns.validateCardExpiry("1", "20");
Payment.fns.validateCardCVC("123", cardType);payment
A general purpose library for building credit card forms, validating inputs and formatting numbers. Base on jquery.payment by @stripe, but without the jQuery.
