Everyware for WooCommerce
Everyware provides a FREE plugin for eCommerce merchants using Wordpress and WooCommerce for online orders in addition to many other secure payment and text messaging tools in the Everyware portal and rest APIs.
Steps to Set Up Everyware for WooCommerce V1.0.3
Step 1- Create an account in Everyware and setup the payment gateway key
Step 2- Locate API Credentials in portal Settings
Step 3- Download and Install Plugin file from WooCommerce
Step 4- Activate and Configure Plugin in WooCommerce Payment Settings
Step 5- Test and Confirm Transactions, Statuses in Everyware and WooCommerce
👍 Get Started with Everyware
Get Started with Everyware to use Everyware for WooCommerce. With an Everyware account you can:
- Apply for competitive merchant processing
- Offer PCI secure Card payment method with your eCommerce store
- Gain competitive advantage with the many built-in payment and SMS solutions in the Everyware portal
Text now to speak with an Everyware Rep today (561) 404-1462 or email sales@everyware.com
📘 Theme Check
Will the Everyware for WooCommerce plugin work with your Wordpress theme and other plugins? We encourage sandbox testing and 'Test Mode' before publishing your plugin to make sure there are no theme or other plugin disruptions in processing for Versions 1.0.1-1.0.3
📘 Include AVS
Some processors require Address Verification Service information, which is used compare the billing address used in the transaction with the issuing bank's address information on file for that cardholder. Make sure your store checkout form requires a phone number that may be needed to needed for processing.
Everyware Card Payment + Refunds
💳 Inline card payment with integrated refunds and safe Admin-Only Test-Mode.
(Update to V1.0.2 Released Fall 2022)
<?php
/*
* Plugin Name: WooCommerce Everyware Payment Gateway
* Plugin URI: https://everyware.com
* Description: Secure card payment processing for your WooComerce stor with integrated refunds, powered by Everyware.
* Author: Everyware
* Author URI: https://everyware.com
* Version: 1.0.2
*/
if (!in_array("woocommerce/woocommerce.php", apply_filters("active_plugins", get_option("active_plugins")))) return;
add_filter( "woocommerce_payment_gateways", "everyware_add_gateway_class" );
function everyware_add_gateway_class( $gateways ) {
$gateways[] = "WC_Everyware_Gateway";
return $gateways;
}
add_action( "plugins_loaded", "everyware_init_gateway_class" );
function everyware_init_gateway_class() {
class WC_Everyware_Gateway extends WC_Payment_Gateway {
public function __construct() {
$this->id = "everyware";
//$this->icon = plugins_url("assets/logo.png", __FILE__);
$this->has_fields = true;
$this->method_title = "Everyware";
$this->method_description = "Custom solution to Accept credit and debit card payments online via Everyware payment gateway"; // will be displayed on the options page
$this->supports = array(
"products",
"refunds",
"default_credit_card_form"
);
$this->init_form_fields();
$this->init_settings();
$this->title = $this->get_option("title");
$this->description = $this->get_option("description");
$this->enabled = $this->get_option("enabled");
$this->ew_username = $this->get_option("ew_username");
$this->ew_token = $this->get_option("ew_token");
$this->base_url = "https://rest.everyware.com/api/Default/";
if (is_admin()) {
add_action("woocommerce_update_options_payment_gateways_" . $this->id, array(
$this,
"process_admin_options"
));
}
add_action( "wp_enqueue_scripts", array( $this, "payment_gateway_scripts" ) );
add_action( "woocommerce_order_status_changed", array( $this, "order_status_refunded" ), 10, 3 );
}
public function process_refund( $order_id, $amount = null, $reason = '' ) {
$transactionid = get_post_meta( $order_id, 'transactionid', true );
$is_refunded = get_post_meta( $order_id, 'is_refunded', true );
if( $is_refunded != 'yes' && $transactionid ):
$order = wc_get_order($order_id);
$end_point = "CreateRefund";
$arr = array(
"RefundType" => "full",
"Amount" => $amount,
"OrderNumber" => $order_id,
"InvoiceID" => $transactionid
);
$response = $this->call_api( $end_point, $arr );
if ( $response->IsSuccess ) {
update_post_meta($order_id, 'is_refunded', 'yes');
$order->add_order_note( "Order has been refunded.", true );
if(!empty($reason))
$order->add_order_note( "Refund Reason: ".$reason, true );
return true;
} else {
$order->add_order_note( $response->Message, true );
}
endif;
return false;
}
function order_status_refunded($order_id, $old_status, $new_status)
{
$is_refunded = get_post_meta( $order_id, 'is_refunded', true );
if( $new_status == 'refunded' ):
$order = wc_get_order($order_id);
$this->process_refund( $order_id, $order->get_total() );
endif;
}
public function call_api( $end_point, $arr ) {
$url = $this->base_url.$end_point;
$curl = curl_init();
curl_setopt( $curl, CURLOPT_SSL_VERIFYHOST, 0 );
curl_setopt( $curl, CURLOPT_SSL_VERIFYPEER, 0 );
curl_setopt( $curl, CURLOPT_RETURNTRANSFER, 1 );
curl_setopt_array( $curl, array(
CURLOPT_URL => $url,
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 0,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "POST",
CURLOPT_POSTFIELDS => json_encode( $arr ),
CURLOPT_HTTPHEADER => array(
"Authorization: Basic " . base64_encode( $this->ew_username . ":" . $this->ew_token ),
"Content-Type: application/json"
),
) );
$response = json_decode( curl_exec( $curl ) );
curl_close( $curl );
return $response;
}
public function init_form_fields() {
$this->form_fields = array(
"enabled" => array(
"title" => "Enable/Disable",
"label" => "Enable Everyware Gateway",
"type" => "checkbox",
"description" => "",
"default" => "no"
),
"title" => array(
"title" => "Title",
"type" => "text",
"description" => "This controls the title which the user sees during checkout.",
"default" => "Pay with Card",
"desc_tip" => true,
),
"description" => array(
"title" => "Description",
"type" => "textarea",
"description" => "This controls the description which the user sees during checkout.",
"default" => "Secure payment with your credit or debit card powered by Everyware.",
),
"ew_username" => array(
"title" => "Everyware Username",
"type" => "text",
"description" => "Please enter the username received from Everyware.",
"desc_tip" => true,
),
"ew_token" => array(
"title" => "Everyware Token",
"type" => "text",
"description" => "Please enter the token received from Everyware.",
"desc_tip" => true,
),
);
}
public function payment_fields() {
$desc = "Secure Electronic Payment Directly From Your Checking Account.<span class='required'>*</span>";
if ( $this->description ) {
$desc = wpautop( wp_kses_post( $this->description ) );
}
?>
<?php do_action("woocommerce_credit_card_form_start", $this->id); ?>
<fieldset id="wc-<?php echo esc_attr($this->id); ?>-cc-form" class="wc-credit-card-form wc-payment-form" style="background:transparent;">
<div class="form-row">
<label><?php echo $desc; ?></label>
<div id="ew-card-holder" class="card-js">
<input required aria-required="true" class="card-number my-custom-class" name="ew-card-number">
<input required aria-required="true" class="expiry-month" name="ew-expiry-month">
<input required aria-required="true" class="expiry-year" name="ew-expiry-year">
<input required aria-required="true" class="cvc" name="ew-cvc">
</div>
</div>
<div class="clear"></div>
<script>
(function(Card){
Card.CardJs();
Card.on("change","input.expiry",async function(){
let expiry = Card.find("[class=expiry]").val();
if(expiry.length >= 7 && !expiry.match('^[0-9]{2}\s*\/\s*[0-9]{2}$')){
Card.find("[name=ew-expiry-month]").val("").change();
Card.find("[name=ew-expiry-year]").val("").change();
Card.find("[class=expiry]").val("");
/* Card.find("[name=ew-expiry-month]").val(expiry.split("/")[0]);
Card.find("[name=ew-expiry-year]").val(expiry.split("/")[1]); */
}
});
})(jQuery("#ew-card-holder"))
</script>
<style>
fieldset#wc-<?php echo esc_attr($this->id); ?>-cc-form{
padding:0!important;
}
</style>
</fieldset>
<?php do_action("woocommerce_credit_card_form_end", $this->id); ?>
<?php
}
public function payment_gateway_scripts() {
if ("no" === $this->enabled) {
return;
} else if (empty($this->ew_username) || empty($this->ew_token)) {
wc_add_notice("Credentials missing.", "error");
return;
} else if (!is_ssl()) {
wc_add_notice("Page is unsecure. Payment gateway requires SSL to be turned on.", "error");
return;
}
wp_register_style("everyware_cc_styles", plugins_url("assets/card.css", __FILE__));
wp_register_script("everyware_cc_scripts", plugins_url( "assets/card.js", __FILE__ ), array( "jquery" ) );
wp_enqueue_style("everyware_cc_styles");
wp_enqueue_script("everyware_cc_scripts");
/*if (!is_cart() && !is_checkout() && !isset($_GET["pay_for_order"])) {
wc_add_notice("Invalid page.", "error");
return array("result" => "failed");
}
if ("no" === $this->enabled) {
wc_add_notice("Payment mode disabled.", "error");
return array("result" => "failed");
}*/
}
public function validate_fields() {
if ( empty( $_POST["ew-card-number"] ) ) {
wc_add_notice( "Card Number is required!", "error" );
return false;
}
if ( empty( $_POST["ew-expiry-month"] ) ) {
wc_add_notice( "Expiry month is required!", "error" );
return false;
}
if ( empty( $_POST["ew-expiry-year"] ) ) {
wc_add_notice( "Expiry year is required!", "error" );
return false;
}
if ( empty( $_POST["ew-cvc"] ) ) {
wc_add_notice( "CVC/CVV is required!", "error" );
return false;
}
return true;
}
public function process_payment( $order_id ) {
global $woocommerce;
$order = wc_get_order( $order_id );
$end_point = "CreatePayment";
$arr = array(
"FirstName" => $order->billing_first_name,
"LastName" => $order->billing_last_name,
"Address1" => $order->get_billing_address_1(),
"Address2" => $order->get_billing_address_2(),
"City" => $order->get_billing_city(),
"StateCode" => $order->get_billing_state(),
"PostalCode" => $order->get_billing_postcode(),
"CountryCode" => $order->get_billing_country(),
"Email" => $order->get_billing_email(),
"MobilePhone" => "",
"Amount" => $order->get_total(),
"Description" => "",
"IsEmailReceipt" => false,
"IsSMSReceipt" => false,
"CreateToken" => false,
"OrderNumber" => $order_id,
"ChargeType" => "Charge",
"CCNumber" => str_replace(" ","",$_POST["ew-card-number"]),
"ExpirationYear" => $_POST["ew-expiry-month"],
"ExpirationMonth" => $_POST["ew-expiry-year"],
"CVV" => $_POST["ew-cvc"],
);
$response = $this->call_api( $end_point, $arr );
if ( $response->IsSuccess ) {
update_post_meta($order_id, "transactionid", $response->Data->InvoiceID);
wc_reduce_stock_levels( $order_id );
$woocommerce->cart->empty_cart();
$order->payment_complete();
$order->add_order_note( "Hey, your payment has been received! We will process your order soon. Thank you!", true );
return array(
"result" => "success",
"redirect" => $order->get_checkout_order_received_url(),
);
} else {
wc_add_notice( $response->Message, "error" );
$order->add_order_note( $response->Message, true );
return;
}
}
}
}
Everyware Card Payment Plugin for WooCommerce
💳 Inline card payment powered by Everyware. Refunds must be manually issued in Everyware and order statuses must be manually updated in WooCommerce Orders. (V1.0.2 Released Summer 2022)
Install & Test Everyware for WooCommerce Card Payment Plugin V1.0.2
- Go to Plugins --> ‘Add New’
- Click on Upload button and select the plugin zip from your PC
- Install and click ‘Activate Plugin’
- The Installation process is completed, now you need to setup the plugin with Everyware portal credentials,
- Go to Woocommerce >> Settings
- Go to ‘Payments Tab’ & Click on ‘Everyware Secure Payment Gateway’
- Setup Everyware Payment Gateway by pasting in your Everyware API credentials
- Customize the copy displayed on the checkout page. We suggest the following so it is clear to the customer they are being redirecting to the secure page
- Click Complete Order below to complete your order via our secure payment gateway powered by Everyware.
- Order will be processed only after the payment is completed
📘 Admin Email Settings
Admin email must match the email in the User Settings
V1.0.2 Refunds & Failed Transactions
Go to Orders-.>scroll down to refund button
Note: Refunds are handled in the storefront not in Everyware portal
Failed Transactions in Everyware
For orders not complete on the secure page, the order will be displayed pending.
Failed transactions will be logged in Everyware to reference
<?php
/*
* Plugin Name: WooCommerce Everyware Payment Gateway
* Plugin URI: https://everyware.com
* Description: Secure card payment processing for your WooComerce store, powered by Everyware.
* Author: Everyware
* Author URI: https://everyware.com
* Version: 1.0.2
*/
if (!in_array("woocommerce/woocommerce.php", apply_filters("active_plugins", get_option("active_plugins")))) return;
add_filter( "woocommerce_payment_gateways", "everyware_add_gateway_class" );
function everyware_add_gateway_class( $gateways ) {
$gateways[] = "WC_Everyware_Gateway";
return $gateways;
}
add_action( "plugins_loaded", "everyware_init_gateway_class" );
function everyware_init_gateway_class() {
class WC_Everyware_Gateway extends WC_Payment_Gateway {
public function __construct() {
$this->id = "everyware";
//$this->icon = plugins_url("assets/logo.png", __FILE__);
$this->has_fields = true;
$this->method_title = "Everyware";
$this->method_description = "Custom solution to Accept credit and debit card payments online via Everyware payment gateway"; // will be displayed on the options page
$this->supports = array(
"products",
"default_credit_card_form"
);
$this->init_form_fields();
$this->init_settings();
$this->title = $this->get_option("title");
$this->description = $this->get_option("description");
$this->enabled = $this->get_option("enabled");
$this->ew_username = $this->get_option("ew_username");
$this->ew_token = $this->get_option("ew_token");
if (is_admin()) {
add_action("woocommerce_update_options_payment_gateways_" . $this->id, array(
$this,
"process_admin_options"
));
}
add_action( "wp_enqueue_scripts", array( $this, "payment_gateway_scripts" ) );
}
public function init_form_fields() {
$this->form_fields = array(
"enabled" => array(
"title" => "Enable/Disable",
"label" => "Enable Everyware Gateway",
"type" => "checkbox",
"description" => "",
"default" => "no"
),
"title" => array(
"title" => "Title",
"type" => "text",
"description" => "This controls the title which the user sees during checkout.",
"default" => "Pay with Card",
"desc_tip" => true,
),
"description" => array(
"title" => "Description",
"type" => "textarea",
"description" => "This controls the description which the user sees during checkout.",
"default" => "Secure payment with your credit or debit card powered by Everyware.",
),
"ew_username" => array(
"title" => "Everyware Username",
"type" => "text",
"description" => "Please enter the username received from Everyware.",
"desc_tip" => true,
),
"ew_token" => array(
"title" => "Everyware Token",
"type" => "text",
"description" => "Please enter the token received from Everyware.",
"desc_tip" => true,
),
);
}
public function payment_fields() {
$desc = "Secure Electronic Payment Directly From Your Checking Account.<span class='required'>*</span>";
if ( $this->description ) {
$desc = wpautop( wp_kses_post( $this->description ) );
}
?>
<?php do_action("woocommerce_credit_card_form_start", $this->id); ?>
<fieldset id="wc-<?php echo esc_attr($this->id); ?>-cc-form" class="wc-credit-card-form wc-payment-form" style="background:transparent;">
<div class="form-row">
<label><?php echo $desc; ?></label>
<div id="ew-card-holder" class="card-js">
<input required aria-required="true" class="card-number my-custom-class" name="ew-card-number">
<input required aria-required="true" class="expiry-month" name="ew-expiry-month">
<input required aria-required="true" class="expiry-year" name="ew-expiry-year">
<input required aria-required="true" class="cvc" name="ew-cvc">
</div>
</div>
<div class="clear"></div>
<script>
(function(Card){
Card.CardJs();
Card.on("change","input.expiry",async function(){
let expiry = Card.find("[class=expiry]").val();
if(expiry.length >= 7 && !expiry.match('^[0-9]{2}\s*\/\s*[0-9]{2}$')){
Card.find("[name=ew-expiry-month]").val("").change();
Card.find("[name=ew-expiry-year]").val("").change();
Card.find("[class=expiry]").val("");
/* Card.find("[name=ew-expiry-month]").val(expiry.split("/")[0]);
Card.find("[name=ew-expiry-year]").val(expiry.split("/")[1]); */
}
});
})(jQuery("#ew-card-holder"))
</script>
<style>
fieldset#wc-<?php echo esc_attr($this->id); ?>-cc-form{
padding:0!important;
}
</style>
</fieldset>
<?php do_action("woocommerce_credit_card_form_end", $this->id); ?>
<?php
}
public function payment_gateway_scripts() {
wp_register_style("everyware_cc_styles", plugins_url("assets/card.css", __FILE__));
wp_register_script("everyware_cc_scripts", plugins_url( "assets/card.js", __FILE__ ), array( "jquery" ) );
wp_enqueue_style("everyware_cc_styles");
wp_enqueue_script("everyware_cc_scripts");
if (!is_cart() && !is_checkout() && !isset($_GET["pay_for_order"])) {
wc_add_notice("Invalid page.", "error");
return array("result" => "failed");
}
if ("no" === $this->enabled) {
wc_add_notice("Payment mode disabled.", "error");
return array("result" => "failed");
}
if (empty($this->ew_username) || empty($this->ew_token)) {
wc_add_notice("Credentials missing.", "error");
return array("result" => "failed");
}
if (!is_ssl()) {
wc_add_notice("Page is unsecure. Payment gateway requires SSL to be turned on.", "error");
return array("result" => "failed");
}
}
public function validate_fields() {
if ( empty( $_POST["ew-card-number"] ) ) {
wc_add_notice( "Card Number is required!", "error" );
return false;
}
if ( empty( $_POST["ew-expiry-month"] ) ) {
wc_add_notice( "Expiry month is required!", "error" );
return false;
}
if ( empty( $_POST["ew-expiry-year"] ) ) {
wc_add_notice( "Expiry year is required!", "error" );
return false;
}
if ( empty( $_POST["ew-cvc"] ) ) {
wc_add_notice( "CVC/CVV is required!", "error" );
return false;
}
return true;
}
public function process_payment( $order_id ) {
global $woocommerce;
$order = wc_get_order( $order_id );
$arr = array(
"FirstName" => $order->billing_first_name,
"LastName" => $order->billing_last_name,
"Address1" => $order->get_billing_address_1(),
"Address2" => $order->get_billing_address_2(),
"City" => $order->get_billing_city(),
"StateCode" => $order->get_billing_state(),
"PostalCode" => $order->get_billing_postcode(),
"CountryCode" => $order->get_billing_country(),
"Email" => $order->get_billing_email(),
"MobilePhone" => "",
"Amount" => $order->get_total(),
"Description" => "",
"IsEmailReceipt" => false,
"IsSMSReceipt" => false,
"CreateToken" => false,
"OrderNumber" => $order_id,
"ChargeType" => "Charge",
"CCNumber" => str_replace(" ","",$_POST["ew-card-number"]),
"ExpirationYear" => $_POST["ew-expiry-month"],
"ExpirationMonth" => $_POST["ew-expiry-year"],
"CVV" => $_POST["ew-cvc"],
);
$curl = curl_init();
curl_setopt( $curl, CURLOPT_SSL_VERIFYHOST, 0 );
curl_setopt( $curl, CURLOPT_SSL_VERIFYPEER, 0 );
curl_setopt( $curl, CURLOPT_RETURNTRANSFER, 1 );
curl_setopt_array( $curl, array(
CURLOPT_URL => "https://rest.everyware.com/api/Default/CreatePayment",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 0,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "POST",
CURLOPT_POSTFIELDS => json_encode( $arr ),
CURLOPT_HTTPHEADER => array(
"Authorization: Basic " . base64_encode( $this->ew_username . ":" . $this->ew_token ),
"Content-Type: application/json"
),
) );
$response = json_decode( curl_exec( $curl ) );
curl_close( $curl );
if ( $response->IsSuccess ) {
update_post_meta($order_id, "transactionid", $response->Data->InvoiceID);
wc_reduce_stock_levels( $order_id );
$woocommerce->cart->empty_cart();
$order->payment_complete();
$order->add_order_note( "Hey, your payment has been received! We will process your order soon. Thank you!", true );
return array(
"result" => "success",
"redirect" => $order->get_checkout_order_received_url(),
);
} else {
wc_add_notice( $response->Message, "error" );
$order->add_order_note( $response->Message, true );
return;
}
}
}
}
(this.elem = jQuery(elem)),
(this.captureName = this.elem.data("capture-name") ? this.elem.data("capture-name") : !1),
(this.iconColour = this.elem.data("icon-colour") ? this.elem.data("icon-colour") : !1),
(this.stripe = this.elem.data("stripe") ? this.elem.data("stripe") : !1),
this.stripe && (this.captureName = !1),
this.initCardNumberInput(),
this.initNameInput(),
this.initExpiryMonthInput(),
this.initExpiryYearInput(),
this.initCvcInput(),
this.elem.empty(),
this.setupCardNumberInput(),
this.setupNameInput(),
this.setupExpiryInput(),
this.setupCvcInput(),
this.iconColour && this.setIconColour(this.iconColour),
this.refreshCreditCardTypeIcon();
}!(function($) {
var methods = {
init: function() {
return this.data("cardjs", new CardJs(this)), this;
},
cardNumber: function() {
return this.data("cardjs").getCardNumber();
},
cardType: function() {
return this.data("cardjs").getCardType();
},
name: function() {
return this.data("cardjs").getName();
},
expiryMonth: function() {
return this.data("cardjs").getExpiryMonth();
},
expiryYear: function() {
return this.data("cardjs").getExpiryYear();
},
cvc: function() {
return this.data("cardjs").getCvc();
},
};
$.fn.CardJs = function(methodOrOptions) {
return methods[methodOrOptions] ?
methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1)) :
"object" != typeof methodOrOptions && methodOrOptions ?
void $.error("Method " + methodOrOptions + " does not exist on jQuery.CardJs") :
methods.init.apply(this, arguments);
};
})(jQuery),
jQuery(function() {
jQuery(".card-js").each(function(i, obj) {
jQuery(obj).CardJs();
});
}),
(CardJs.prototype.constructor = CardJs),
(CardJs.KEYS = { 0: 48, 9: 57, NUMPAD_0: 96, NUMPAD_9: 105, DELETE: 46, BACKSPACE: 8, ARROW_LEFT: 37, ARROW_RIGHT: 39, ARROW_UP: 38, ARROW_DOWN: 40, HOME: 36, END: 35, TAB: 9, A: 65, X: 88, C: 67, V: 86 }),
(CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK = "XXXX XXXX XXXX XXXX"),
(CardJs.CREDIT_CARD_NUMBER_VISA_MASK = "XXXX XXXX XXXX XXXX"),
(CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK = "XXXX XXXX XXXX XXXX"),
(CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK = "XXXX XXXX XXXX XXXX"),
(CardJs.CREDIT_CARD_NUMBER_JCB_MASK = "XXXX XXXX XXXX XXXX"),
(CardJs.CREDIT_CARD_NUMBER_AMEX_MASK = "XXXX XXXXXX XXXXX"),
(CardJs.CREDIT_CARD_NUMBER_DINERS_MASK = "XXXX XXXX XXXX XX"),
(CardJs.prototype.creditCardNumberMask = CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK),
(CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER = "Card number"),
(CardJs.NAME_PLACEHOLDER = "Name on card"),
(CardJs.EXPIRY_MASK = "XX / XX"),
(CardJs.EXPIRY_PLACEHOLDER = "MM / YY"),
(CardJs.EXPIRY_USE_DROPDOWNS = !1),
(CardJs.EXPIRY_NUMBER_OF_YEARS = 10),
(CardJs.CVC_MASK_3 = "XXX"),
(CardJs.CVC_MASK_4 = "XXXX"),
(CardJs.CVC_PLACEHOLDER = "CVC"),
(CardJs.CREDIT_CARD_SVG =
'<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M182.385,14.258c-2.553-2.553-5.621-3.829-9.205-3.829H42.821c-3.585,0-6.653,1.276-9.207,3.829c-2.553,2.553-3.829,5.621-3.829,9.206v99.071c0,3.585,1.276,6.654,3.829,9.207c2.554,2.553,5.622,3.829,9.207,3.829H173.18c3.584,0,6.652-1.276,9.205-3.829s3.83-5.622,3.83-9.207V23.464C186.215,19.879,184.938,16.811,182.385,14.258z M175.785,122.536c0,0.707-0.258,1.317-0.773,1.834c-0.516,0.515-1.127,0.772-1.832,0.772H42.821c-0.706,0-1.317-0.258-1.833-0.773c-0.516-0.518-0.774-1.127-0.774-1.834V73h135.571V122.536z M175.785,41.713H40.214v-18.25c0-0.706,0.257-1.316,0.774-1.833c0.516-0.515,1.127-0.773,1.833-0.773H173.18c0.705,0,1.316,0.257,1.832,0.773c0.516,0.517,0.773,1.127,0.773,1.833V41.713z"/><rect class="svg" x="50.643" y="104.285" width="20.857" height="10.429"/><rect class="svg" x="81.929" y="104.285" width="31.286" height="10.429"/></g></svg>'),
(CardJs.LOCK_SVG =
'<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="3px" width="24px" height="17px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M152.646,70.067c-1.521-1.521-3.367-2.281-5.541-2.281H144.5V52.142c0-9.994-3.585-18.575-10.754-25.745c-7.17-7.17-15.751-10.755-25.746-10.755s-18.577,3.585-25.746,10.755C75.084,33.567,71.5,42.148,71.5,52.142v15.644h-2.607c-2.172,0-4.019,0.76-5.54,2.281c-1.521,1.52-2.281,3.367-2.281,5.541v46.929c0,2.172,0.76,4.019,2.281,5.54c1.521,1.52,3.368,2.281,5.54,2.281h78.214c2.174,0,4.02-0.76,5.541-2.281c1.52-1.521,2.281-3.368,2.281-5.54V75.607C154.93,73.435,154.168,71.588,152.646,70.067z M128.857,67.786H87.143V52.142c0-5.757,2.037-10.673,6.111-14.746c4.074-4.074,8.989-6.11,14.747-6.11s10.673,2.036,14.746,6.11c4.073,4.073,6.11,8.989,6.11,14.746V67.786z"/></svg>'),
(CardJs.CALENDAR_SVG =
'<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M172.691,23.953c-2.062-2.064-4.508-3.096-7.332-3.096h-10.428v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.554-2.553-5.621-3.83-9.207-3.83h-5.213c-3.586,0-6.654,1.277-9.207,3.83c-2.554,2.553-3.83,5.622-3.83,9.206v7.822H92.359v-7.822c0-3.584-1.277-6.653-3.83-9.206c-2.553-2.553-5.622-3.83-9.207-3.83h-5.214c-3.585,0-6.654,1.277-9.207,3.83c-2.553,2.553-3.83,5.622-3.83,9.206v7.822H50.643c-2.825,0-5.269,1.032-7.333,3.096s-3.096,4.509-3.096,7.333v104.287c0,2.823,1.032,5.267,3.096,7.332c2.064,2.064,4.508,3.096,7.333,3.096h114.714c2.824,0,5.27-1.032,7.332-3.096c2.064-2.064,3.096-4.509,3.096-7.332V31.286C175.785,28.461,174.754,26.017,172.691,23.953z M134.073,13.036c0-0.761,0.243-1.386,0.731-1.874c0.488-0.488,1.113-0.733,1.875-0.733h5.213c0.762,0,1.385,0.244,1.875,0.733c0.488,0.489,0.732,1.114,0.732,1.874V36.5c0,0.761-0.244,1.385-0.732,1.874c-0.49,0.488-1.113,0.733-1.875,0.733h-5.213c-0.762,0-1.387-0.244-1.875-0.733s-0.731-1.113-0.731-1.874V13.036z M71.501,13.036c0-0.761,0.244-1.386,0.733-1.874c0.489-0.488,1.113-0.733,1.874-0.733h5.214c0.761,0,1.386,0.244,1.874,0.733c0.488,0.489,0.733,1.114,0.733,1.874V36.5c0,0.761-0.244,1.386-0.733,1.874c-0.489,0.488-1.113,0.733-1.874,0.733h-5.214c-0.761,0-1.386-0.244-1.874-0.733c-0.488-0.489-0.733-1.113-0.733-1.874V13.036z M165.357,135.572H50.643V52.143h114.714V135.572z"/></svg>'),
(CardJs.USER_SVG =
'<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M107.999,73c8.638,0,16.011-3.056,22.12-9.166c6.111-6.11,9.166-13.483,9.166-22.12c0-8.636-3.055-16.009-9.166-22.12c-6.11-6.11-13.484-9.165-22.12-9.165c-8.636,0-16.01,3.055-22.12,9.165c-6.111,6.111-9.166,13.484-9.166,22.12c0,8.637,3.055,16.01,9.166,22.12C91.99,69.944,99.363,73,107.999,73z"/><path class="svg" d="M165.07,106.037c-0.191-2.743-0.571-5.703-1.141-8.881c-0.57-3.178-1.291-6.124-2.16-8.84c-0.869-2.715-2.037-5.363-3.504-7.943c-1.466-2.58-3.15-4.78-5.052-6.6s-4.223-3.272-6.965-4.358c-2.744-1.086-5.772-1.63-9.085-1.63c-0.489,0-1.63,0.584-3.422,1.752s-3.815,2.472-6.069,3.911c-2.254,1.438-5.188,2.743-8.799,3.909c-3.612,1.168-7.237,1.752-10.877,1.752c-3.639,0-7.264-0.584-10.876-1.752c-3.611-1.166-6.545-2.471-8.799-3.909c-2.254-1.439-4.277-2.743-6.069-3.911c-1.793-1.168-2.933-1.752-3.422-1.752c-3.313,0-6.341,0.544-9.084,1.63s-5.065,2.539-6.966,4.358c-1.901,1.82-3.585,4.02-5.051,6.6s-2.634,5.229-3.503,7.943c-0.869,2.716-1.589,5.662-2.159,8.84c-0.571,3.178-0.951,6.137-1.141,8.881c-0.19,2.744-0.285,5.554-0.285,8.433c0,6.517,1.983,11.664,5.948,15.439c3.965,3.774,9.234,5.661,15.806,5.661h71.208c6.572,0,11.84-1.887,15.806-5.661c3.966-3.775,5.948-8.921,5.948-15.439C165.357,111.591,165.262,108.78,165.07,106.037z"/></g></svg>'),
(CardJs.MAIL_SVG =
'<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><path class="svg" d="M177.171,19.472c-2.553-2.553-5.622-3.829-9.206-3.829H48.036c-3.585,0-6.654,1.276-9.207,3.829C36.276,22.025,35,25.094,35,28.679v88.644c0,3.585,1.276,6.652,3.829,9.205c2.553,2.555,5.622,3.83,9.207,3.83h119.929c3.584,0,6.653-1.275,9.206-3.83c2.554-2.553,3.829-5.621,3.829-9.205V28.679C181,25.094,179.725,22.025,177.171,19.472zM170.57,117.321c0,0.706-0.258,1.317-0.774,1.833s-1.127,0.773-1.832,0.773H48.035c-0.706,0-1.317-0.257-1.833-0.773c-0.516-0.516-0.774-1.127-0.774-1.833V54.75c1.738,1.955,3.612,3.748,5.622,5.377c14.557,11.189,26.126,20.368,34.708,27.538c2.77,2.336,5.024,4.155,6.762,5.459s4.087,2.62,7.047,3.951s5.744,1.995,8.351,1.995H108h0.081c2.606,0,5.392-0.664,8.351-1.995c2.961-1.331,5.311-2.647,7.049-3.951c1.737-1.304,3.992-3.123,6.762-5.459c8.582-7.17,20.15-16.349,34.707-27.538c2.01-1.629,3.885-3.422,5.621-5.377V117.321z M170.57,30.797v0.896c0,3.204-1.262,6.776-3.787,10.713c-2.525,3.938-5.256,7.075-8.188,9.41c-10.484,8.257-21.373,16.865-32.672,25.827c-0.326,0.271-1.277,1.073-2.852,2.403c-1.574,1.331-2.824,2.351-3.748,3.056c-0.924,0.707-2.131,1.562-3.625,2.566s-2.865,1.752-4.114,2.24s-2.417,0.732-3.503,0.732H108h-0.082c-1.086,0-2.253-0.244-3.503-0.732c-1.249-0.488-2.621-1.236-4.114-2.24c-1.493-1.004-2.702-1.859-3.625-2.566c-0.923-0.705-2.173-1.725-3.748-3.056c-1.575-1.33-2.526-2.132-2.852-2.403c-11.297-8.962-22.187-17.57-32.67-25.827c-7.985-6.3-11.977-14.013-11.977-23.138c0-0.706,0.258-1.317,0.774-1.833c0.516-0.516,1.127-0.774,1.833-0.774h119.929c0.434,0.244,0.814,0.312,1.141,0.204c0.326-0.11,0.57,0.094,0.732,0.61c0.163,0.516,0.312,0.76,0.448,0.733c0.136-0.027,0.218,0.312,0.245,1.019c0.025,0.706,0.039,1.061,0.039,1.061V30.797z"/></svg>'),
(CardJs.INFORMATION_SVG =
'<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="24px" height="16px" viewBox="0 0 216 146" enable-background="new 0 0 216 146" xml:space="preserve"><g><path class="svg" d="M97.571,41.714h20.859c1.411,0,2.633-0.516,3.666-1.548c1.031-1.031,1.547-2.254,1.547-3.666V20.857c0-1.412-0.516-2.634-1.549-3.667c-1.031-1.031-2.254-1.548-3.666-1.548H97.571c-1.412,0-2.634,0.517-3.666,1.548c-1.032,1.032-1.548,2.255-1.548,3.667V36.5c0,1.412,0.516,2.635,1.548,3.666C94.937,41.198,96.159,41.714,97.571,41.714z"/><path class="svg" d="M132.523,111.048c-1.031-1.032-2.254-1.548-3.666-1.548h-5.215V62.571c0-1.412-0.516-2.634-1.547-3.666c-1.033-1.032-2.255-1.548-3.666-1.548H87.143c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666V73c0,1.412,0.516,2.635,1.548,3.666c1.032,1.032,2.254,1.548,3.666,1.548h5.215V109.5h-5.215c-1.412,0-2.634,0.516-3.666,1.548c-1.032,1.032-1.548,2.254-1.548,3.666v10.429c0,1.412,0.516,2.635,1.548,3.668c1.032,1.03,2.254,1.547,3.666,1.547h41.714c1.412,0,2.634-0.517,3.666-1.547c1.031-1.033,1.547-2.256,1.547-3.668v-10.429C134.07,113.302,133.557,112.08,132.523,111.048z"/></g></svg>'),
(CardJs.keyCodeFromEvent = function(e) {
return e.which || e.keyCode;
}),
(CardJs.keyIsCommandFromEvent = function(e) {
return e.ctrlKey || e.metaKey;
}),
(CardJs.keyIsNumber = function(e) {
return CardJs.keyIsTopNumber(e) || CardJs.keyIsKeypadNumber(e);
}),
(CardJs.keyIsTopNumber = function(e) {
var keyCode = CardJs.keyCodeFromEvent(e);
return keyCode >= CardJs.KEYS[0] && keyCode <= CardJs.KEYS[9];
}),
(CardJs.keyIsKeypadNumber = function(e) {
var keyCode = CardJs.keyCodeFromEvent(e);
return keyCode >= CardJs.KEYS.NUMPAD_0 && keyCode <= CardJs.KEYS.NUMPAD_9;
}),
(CardJs.keyIsDelete = function(e) {
return CardJs.keyCodeFromEvent(e) == CardJs.KEYS.DELETE;
}),
(CardJs.keyIsBackspace = function(e) {
return CardJs.keyCodeFromEvent(e) == CardJs.KEYS.BACKSPACE;
}),
(CardJs.keyIsDeletion = function(e) {
return CardJs.keyIsDelete(e) || CardJs.keyIsBackspace(e);
}),
(CardJs.keyIsArrow = function(e) {
var keyCode = CardJs.keyCodeFromEvent(e);
return keyCode >= CardJs.KEYS.ARROW_LEFT && keyCode <= CardJs.KEYS.ARROW_DOWN;
}),
(CardJs.keyIsNavigation = function(e) {
var keyCode = CardJs.keyCodeFromEvent(e);
return keyCode == CardJs.KEYS.HOME || keyCode == CardJs.KEYS.END;
}),
(CardJs.keyIsKeyboardCommand = function(e) {
var keyCode = CardJs.keyCodeFromEvent(e);
return CardJs.keyIsCommandFromEvent(e) && (keyCode == CardJs.KEYS.A || keyCode == CardJs.KEYS.X || keyCode == CardJs.KEYS.C || keyCode == CardJs.KEYS.V);
}),
(CardJs.keyIsTab = function(e) {
return CardJs.keyCodeFromEvent(e) == CardJs.KEYS.TAB;
}),
(CardJs.copyAllElementAttributes = function(source, destination) {
jQuery.each(source[0].attributes, function(idx, attr) {
destination.attr(attr.nodeName, attr.nodeValue);
});
}),
(CardJs.numbersOnlyString = function(string) {
for (var numbersOnlyString = "", i = 0; i < string.length; i++) {
var currentChar = string.charAt(i),
isValid = !isNaN(parseInt(currentChar));
isValid && (numbersOnlyString += currentChar);
}
return numbersOnlyString;
}),
(CardJs.applyFormatMask = function(string, mask) {
for (var formattedString = "", numberPos = 0, j = 0; j < mask.length; j++) {
var currentMaskChar = mask[j];
if ("X" == currentMaskChar) {
var digit = string.charAt(numberPos);
if (!digit) break;
(formattedString += string.charAt(numberPos)), numberPos++;
} else formattedString += currentMaskChar;
}
return formattedString;
}),
(CardJs.cardTypeFromNumber = function(number) {
if (((re = new RegExp("^30[0-5]")), null != number.match(re))) return "Diners - Carte Blanche";
if (((re = new RegExp("^(30[6-9]|36|38)")), null != number.match(re))) return "Diners";
if (((re = new RegExp("^35(2[89]|[3-8][0-9])")), null != number.match(re))) return "JCB";
if (((re = new RegExp("^3[47]")), null != number.match(re))) return "AMEX";
if (((re = new RegExp("^(4026|417500|4508|4844|491(3|7))")), null != number.match(re))) return "Visa Electron";
var re = new RegExp("^4");
return null != number.match(re) ?
"Visa" :
((re = new RegExp("^5[1-5]")), null != number.match(re) ? "Mastercard" : ((re = new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)")), null != number.match(re) ? "Discover" : ""));
}),
(CardJs.caretStartPosition = function(element) {
return "number" == typeof element.selectionStart ? element.selectionStart : !1;
}),
(CardJs.caretEndPosition = function(element) {
return "number" == typeof element.selectionEnd ? element.selectionEnd : !1;
}),
(CardJs.setCaretPosition = function(element, caretPos) {
if (null != element)
if (element.createTextRange) {
var range = element.createTextRange();
range.move("character", caretPos), range.select();
} else element.selectionStart ? (element.focus(), element.setSelectionRange(caretPos, caretPos)) : element.focus();
}),
(CardJs.normaliseCaretPosition = function(mask, caretPosition) {
var numberPos = 0;
if (0 > caretPosition || caretPosition > mask.length) return 0;
for (var i = 0; i < mask.length; i++) {
if (i == caretPosition) return numberPos;
"X" == mask[i] && numberPos++;
}
return numberPos;
}),
(CardJs.denormaliseCaretPosition = function(mask, caretPosition) {
var numberPos = 0;
if (0 > caretPosition || caretPosition > mask.length) return 0;
for (var i = 0; i < mask.length; i++) {
if (numberPos == caretPosition) return i;
"X" == mask[i] && numberPos++;
}
return mask.length;
}),
(CardJs.filterNumberOnlyKey = function(e) {
var isNumber = CardJs.keyIsNumber(e),
isDeletion = CardJs.keyIsDeletion(e),
isArrow = CardJs.keyIsArrow(e),
isNavigation = CardJs.keyIsNavigation(e),
isKeyboardCommand = CardJs.keyIsKeyboardCommand(e),
isTab = CardJs.keyIsTab(e);
isNumber || isDeletion || isArrow || isNavigation || isKeyboardCommand || isTab || e.preventDefault();
}),
(CardJs.digitFromKeyCode = function(keyCode) {
return keyCode >= CardJs.KEYS[0] && keyCode <= CardJs.KEYS[9] ? keyCode - CardJs.KEYS[0] : keyCode >= CardJs.KEYS.NUMPAD_0 && keyCode <= CardJs.KEYS.NUMPAD_9 ? keyCode - CardJs.KEYS.NUMPAD_0 : null;
}),
(CardJs.handleMaskedNumberInputKey = function(e, mask) {
CardJs.filterNumberOnlyKey(e);
var keyCode = e.which || e.keyCode,
element = e.target,
caretStart = CardJs.caretStartPosition(element),
caretEnd = CardJs.caretEndPosition(element),
normalisedStartCaretPosition = CardJs.normaliseCaretPosition(mask, caretStart),
normalisedEndCaretPosition = CardJs.normaliseCaretPosition(mask, caretEnd),
newCaretPosition = caretStart,
isNumber = CardJs.keyIsNumber(e),
isDelete = CardJs.keyIsDelete(e),
isBackspace = CardJs.keyIsBackspace(e);
if (isNumber || isDelete || isBackspace) {
e.preventDefault();
var rawText = jQuery(element).val(),
numbersOnly = CardJs.numbersOnlyString(rawText),
digit = CardJs.digitFromKeyCode(keyCode),
rangeHighlighted = normalisedEndCaretPosition > normalisedStartCaretPosition;
rangeHighlighted && (numbersOnly = numbersOnly.slice(0, normalisedStartCaretPosition) + numbersOnly.slice(normalisedEndCaretPosition)),
caretStart != mask.length &&
(isNumber &&
rawText.length <= mask.length &&
((numbersOnly = numbersOnly.slice(0, normalisedStartCaretPosition) + digit + numbersOnly.slice(normalisedStartCaretPosition)),
(newCaretPosition = Math.max(CardJs.denormaliseCaretPosition(mask, normalisedStartCaretPosition + 1), CardJs.denormaliseCaretPosition(mask, normalisedStartCaretPosition + 2) - 1))),
isDelete && (numbersOnly = numbersOnly.slice(0, normalisedStartCaretPosition) + numbersOnly.slice(normalisedStartCaretPosition + 1))),
0 != caretStart &&
isBackspace &&
!rangeHighlighted &&
((numbersOnly = numbersOnly.slice(0, normalisedStartCaretPosition - 1) + numbersOnly.slice(normalisedStartCaretPosition)), (newCaretPosition = CardJs.denormaliseCaretPosition(mask, normalisedStartCaretPosition - 1))),
jQuery(element).val(CardJs.applyFormatMask(numbersOnly, mask)),
CardJs.setCaretPosition(element, newCaretPosition);
}
}),
(CardJs.handleCreditCardNumberKey = function(e, cardMask) {
CardJs.handleMaskedNumberInputKey(e, cardMask);
}),
(CardJs.handleCreditCardNumberChange = function(e) {}),
(CardJs.handleExpiryKey = function(e) {
CardJs.handleMaskedNumberInputKey(e, CardJs.EXPIRY_MASK);
}),
(CardJs.prototype.getCardNumber = function() {
return this.cardNumberInput.val();
}),
(CardJs.prototype.getCardType = function() {
return CardJs.cardTypeFromNumber(this.getCardNumber());
}),
(CardJs.prototype.getName = function() {
return this.nameInput.val();
}),
(CardJs.prototype.getExpiryMonth = function() {
return this.expiryMonthInput.val();
}),
(CardJs.prototype.getExpiryYear = function() {
return this.expiryYearInput.val();
}),
(CardJs.prototype.getCvc = function() {
return this.cvcInput.val();
}),
(CardJs.prototype.setIconColour = function(colour) {
this.elem.find(".icon .svg").css({ fill: colour });
}),
(CardJs.prototype.setIconColour = function(colour) {
this.elem.find(".icon .svg").css({ fill: colour });
}),
(CardJs.prototype.refreshCreditCardTypeIcon = function() {
this.setCardTypeIconFromNumber(CardJs.numbersOnlyString(this.cardNumberInput.val()));
}),
(CardJs.prototype.refreshCreditCardNumberFormat = function() {
var numbersOnly = CardJs.numbersOnlyString(jQuery(this.cardNumberInput).val()),
formattedNumber = CardJs.applyFormatMask(numbersOnly, this.creditCardNumberMask);
jQuery(this.cardNumberInput).val(formattedNumber);
}),
(CardJs.prototype.refreshExpiryMonthYearInput = function() {
var numbersOnly = CardJs.numbersOnlyString(jQuery(this.expiryMonthYearInput).val()),
formattedNumber = CardJs.applyFormatMask(numbersOnly, CardJs.EXPIRY_MASK);
jQuery(this.expiryMonthYearInput).val(formattedNumber);
}),
(CardJs.prototype.refreshCvc = function() {
var numbersOnly = CardJs.numbersOnlyString(jQuery(this.cvcInput).val()),
formattedNumber = CardJs.applyFormatMask(numbersOnly, this.creditCardNumberMask);
jQuery(this.cvcInput).val(formattedNumber);
}),
(CardJs.prototype.setCardTypeIconFromNumber = function(number) {
switch (CardJs.cardTypeFromNumber(number)) {
case "Visa Electron":
case "Visa":
this.setCardTypeAsVisa();
break;
case "Mastercard":
this.setCardTypeAsMasterCard();
break;
case "AMEX":
this.setCardTypeAsAmericanExpress();
break;
case "Discover":
this.setCardTypeAsDiscover();
break;
case "Diners - Carte Blanche":
case "Diners":
this.setCardTypeAsDiners();
break;
case "JCB":
this.setCardTypeAsJcb();
break;
default:
this.clearCardType();
}
}),
(CardJs.prototype.setCardMask = function(cardMask) {
(this.creditCardNumberMask = cardMask), this.cardNumberInput.attr("maxlength", cardMask.length);
}),
(CardJs.prototype.setCvc3 = function() {
this.cvcInput.attr("maxlength", CardJs.CVC_MASK_3.length);
}),
(CardJs.prototype.setCvc4 = function() {
this.cvcInput.attr("maxlength", CardJs.CVC_MASK_4.length);
}),
(CardJs.prototype.clearCardTypeIcon = function() {
this.elem.find(".card-number-wrapper .card-type-icon").removeClass("show");
}),
(CardJs.prototype.setCardTypeIconAsVisa = function() {
this.elem.find(".card-number-wrapper .card-type-icon").attr("class", "card-type-icon show visa");
}),
(CardJs.prototype.setCardTypeIconAsMasterCard = function() {
this.elem.find(".card-number-wrapper .card-type-icon").attr("class", "card-type-icon show master-card");
}),
(CardJs.prototype.setCardTypeIconAsAmericanExpress = function() {
this.elem.find(".card-number-wrapper .card-type-icon").attr("class", "card-type-icon show american-express");
}),
(CardJs.prototype.setCardTypeIconAsDiscover = function() {
this.elem.find(".card-number-wrapper .card-type-icon").attr("class", "card-type-icon show discover");
}),
(CardJs.prototype.setCardTypeIconAsDiners = function() {
this.elem.find(".card-number-wrapper .card-type-icon").attr("class", "card-type-icon show diners");
}),
(CardJs.prototype.setCardTypeIconAsJcb = function() {
this.elem.find(".card-number-wrapper .card-type-icon").attr("class", "card-type-icon show jcb");
}),
(CardJs.prototype.clearCardType = function() {
this.clearCardTypeIcon(), this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DEFAULT_MASK), this.setCvc3();
}),
(CardJs.prototype.setCardTypeAsVisa = function() {
this.setCardTypeIconAsVisa(), this.setCardMask(CardJs.CREDIT_CARD_NUMBER_VISA_MASK), this.setCvc3();
}),
(CardJs.prototype.setCardTypeAsMasterCard = function() {
this.setCardTypeIconAsMasterCard(), this.setCardMask(CardJs.CREDIT_CARD_NUMBER_MASTERCARD_MASK), this.setCvc3();
}),
(CardJs.prototype.setCardTypeAsAmericanExpress = function() {
this.setCardTypeIconAsAmericanExpress(), this.setCardMask(CardJs.CREDIT_CARD_NUMBER_AMEX_MASK), this.setCvc4();
}),
(CardJs.prototype.setCardTypeAsDiscover = function() {
this.setCardTypeIconAsDiscover(), this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DISCOVER_MASK), this.setCvc3();
}),
(CardJs.prototype.setCardTypeAsDiners = function() {
this.setCardTypeIconAsDiners(), this.setCardMask(CardJs.CREDIT_CARD_NUMBER_DINERS_MASK), this.setCvc3();
}),
(CardJs.prototype.setCardTypeAsJcb = function() {
this.setCardTypeIconAsJcb(), this.setCardMask(CardJs.CREDIT_CARD_NUMBER_JCB_MASK), this.setCvc3();
}),
(CardJs.prototype.initCardNumberInput = function() {
(this.cardNumberInput = CardJs.detachOrCreateElement(this.elem, ".card-number", "<input class='card-number' />")),
CardJs.elementHasAttribute(this.cardNumberInput, "name") || this.cardNumberInput.attr("name", "card-number"),
CardJs.elementHasAttribute(this.cardNumberInput, "placeholder") || this.cardNumberInput.attr("placeholder", CardJs.CREDIT_CARD_NUMBER_PLACEHOLDER),
this.cardNumberInput.attr("type", "tel"),
this.cardNumberInput.attr("maxlength", this.creditCardNumberMask.length),
this.cardNumberInput.attr("x-autocompletetype", "cc-number"),
this.cardNumberInput.attr("autocompletetype", "cc-number"),
this.cardNumberInput.attr("autocorrect", "off"),
this.cardNumberInput.attr("spellcheck", "off"),
this.cardNumberInput.attr("autocapitalize", "off");
var $this = this;
this.cardNumberInput.keydown(function(e) {
CardJs.handleCreditCardNumberKey(e, $this.creditCardNumberMask);
}),
this.cardNumberInput.keyup(function() {
$this.refreshCreditCardTypeIcon();
}),
this.cardNumberInput.on("paste", function() {
setTimeout(function() {
$this.refreshCreditCardNumberFormat(), $this.refreshCreditCardTypeIcon();
}, 1);
});
}),
(CardJs.prototype.initNameInput = function() {
(this.captureName = null != this.elem.find(".name")[0]),
(this.nameInput = CardJs.detachOrCreateElement(this.elem, ".name", "<input class='name' />")),
CardJs.elementHasAttribute(this.nameInput, "name") || this.nameInput.attr("name", "card-number"),
CardJs.elementHasAttribute(this.nameInput, "placeholder") || this.nameInput.attr("placeholder", CardJs.NAME_PLACEHOLDER);
}),
(CardJs.prototype.initExpiryMonthInput = function() {
this.expiryMonthInput = CardJs.detachOrCreateElement(this.elem, ".expiry-month", "<input class='expiry-month' />");
}),
(CardJs.prototype.initExpiryYearInput = function() {
this.expiryYearInput = CardJs.detachOrCreateElement(this.elem, ".expiry-year", "<input class='expiry-year' />");
}),
(CardJs.prototype.initCvcInput = function() {
(this.cvcInput = CardJs.detachOrCreateElement(this.elem, ".cvc", "<input class='cvc' />")),
CardJs.elementHasAttribute(this.cvcInput, "placeholder") || this.cvcInput.attr("placeholder", CardJs.CVC_PLACEHOLDER),
this.cvcInput.attr("type", "tel"),
this.cvcInput.attr("maxlength", CardJs.CVC_MASK_3.length),
this.cvcInput.attr("x-autocompletetype", "cc-csc"),
this.cvcInput.attr("autocompletetype", "cc-csc"),
this.cvcInput.attr("autocorrect", "off"),
this.cvcInput.attr("spellcheck", "off"),
this.cvcInput.attr("autocapitalize", "off");
var $this = this;
this.cvcInput.keydown(CardJs.filterNumberOnlyKey),
this.cvcInput.on("paste", function() {
setTimeout(function() {
$this.refreshCvc();
}, 1);
});
}),
(CardJs.prototype.setupCardNumberInput = function() {
this.stripe && this.cardNumberInput.attr("data-stripe", "number"), this.elem.append("<div class='card-number-wrapper'></div>");
var wrapper = this.elem.find(".card-number-wrapper");
wrapper.append(this.cardNumberInput), wrapper.append("<div class='card-type-icon'></div>"), wrapper.append("<div class='icon'></div>"), wrapper.find(".icon").append(CardJs.CREDIT_CARD_SVG);
}),
(CardJs.prototype.setupNameInput = function() {
if (this.captureName) {
this.elem.append("<div class='name-wrapper'></div>");
var wrapper = this.elem.find(".name-wrapper");
wrapper.append(this.nameInput), wrapper.append("<div class='icon'></div>"), wrapper.find(".icon").append(CardJs.USER_SVG);
}
}),
(CardJs.prototype.setupExpiryInput = function() {
this.elem.append("<div class='expiry-container'><div class='expiry-wrapper'></div></div>");
var expiryInput,
wrapper = this.elem.find(".expiry-wrapper");
if (this.EXPIRY_USE_DROPDOWNS) {
expiryInput = jQuery("<div></div>");
var expiryMonthNew = jQuery(
"<select><option value='any' selected='' hidden=''>MM</option><option value='1'>01</option><option value='2'>02</option><option value='3'>03</option><option value='4'>04</option><option value='5'>05</option><option value='6'>06</option><option value='7'>07</option><option value='8'>08</option><option value='9'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>"
),
expiryMonthOld = this.expiryMonthInput;
CardJs.copyAllElementAttributes(expiryMonthOld, expiryMonthNew), this.expiryMonthInput.remove(), (this.expiryMonthInput = expiryMonthNew);
for (var expiryYearNew = jQuery("<select><option value='any' selected='' hidden=''>YY</option></select>"), currentYear = parseInt(new Date().getFullYear().toString().substring(2, 4)), i = 0; i < CardJs.EXPIRY_NUMBER_OF_YEARS; i++)
expiryYearNew.append("<option value='" + currentYear + "'>" + currentYear + "</option>"), (currentYear = (currentYear + 1) % 100);
var expiryYearOld = this.expiryYearInput;
CardJs.copyAllElementAttributes(expiryYearOld, expiryYearNew), this.expiryYearInput.remove(), (this.expiryYearInput = expiryYearNew), expiryInput.append(this.expiryMonthInput), expiryInput.append(this.expiryYearInput);
} else {
(expiryInput = jQuery("<div></div>")),
"hidden" != this.expiryMonthInput.attr("type") && this.expiryMonthInput.attr("type", "hidden"),
"hidden" != this.expiryYearInput.attr("type") && this.expiryYearInput.attr("type", "hidden"),
this.stripe && (this.expiryMonthInput.attr("data-stripe", "exp-month"), this.expiryYearInput.attr("data-stripe", "exp-year")),
(this.expiryMonthYearInput = CardJs.detachOrCreateElement(this.elem, ".expiry", "<input class='expiry' />")),
CardJs.elementHasAttribute(this.expiryMonthYearInput, "placeholder") || this.expiryMonthYearInput.attr("placeholder", CardJs.EXPIRY_PLACEHOLDER),
this.expiryMonthYearInput.attr("type", "tel"),
this.expiryMonthYearInput.attr("maxlength", CardJs.EXPIRY_MASK.length),
this.expiryMonthYearInput.attr("x-autocompletetype", "cc-exp"),
this.expiryMonthYearInput.attr("autocompletetype", "cc-exp"),
this.expiryMonthYearInput.attr("autocorrect", "off"),
this.expiryMonthYearInput.attr("spellcheck", "off"),
this.expiryMonthYearInput.attr("autocapitalize", "off");
var $this = this;
this.expiryMonthYearInput.keydown(function(e) {
CardJs.handleExpiryKey(e);
var val = $this.expiryMonthYearInput.val();
1 == val.length && parseInt(val) > 1 && CardJs.keyIsNumber(e) && $this.expiryMonthYearInput.val(CardJs.applyFormatMask("0" + val, CardJs.EXPIRY_MASK)),
$this.EXPIRY_USE_DROPDOWNS || null == $this.expiryMonthYearInput || ($this.expiryMonthInput.val($this.expiryMonth()), $this.expiryYearInput.val(7 == val.length ? val.substr(5, 2) : null));
}),
this.expiryMonthYearInput.blur(function() {
$this.refreshExpiryMonthValidation();
}),
this.expiryMonthYearInput.on("paste", function() {
setTimeout(function() {
$this.refreshExpiryMonthYearInput();
}, 1);
}),
expiryInput.append(this.expiryMonthYearInput),
expiryInput.append(this.expiryMonthInput),
expiryInput.append(this.expiryYearInput);
}
wrapper.append(expiryInput), wrapper.append("<div class='icon'></div>"), wrapper.find(".icon").append(CardJs.CALENDAR_SVG);
}),
(CardJs.prototype.setupCvcInput = function() {
this.stripe && this.cvcInput.attr("data-stripe", "cvc"), this.elem.append("<div class='cvc-container'><div class='cvc-wrapper'></div></div>");
var wrapper = this.elem.find(".cvc-wrapper");
wrapper.append(this.cvcInput), wrapper.append("<div class='icon'></div>"), wrapper.find(".icon").append(CardJs.LOCK_SVG);
}),
(CardJs.prototype.expiryMonth = function() {
if (!this.EXPIRY_USE_DROPDOWNS && null != this.expiryMonthYearInput) {
var val = this.expiryMonthYearInput.val();
return val.length >= 2 ? parseInt(val.substr(0, 2)) : null;
}
return null;
}),
(CardJs.prototype.refreshExpiryMonthValidation = function() {
CardJs.isExpiryValid(this.getExpiryMonth(), this.getExpiryYear()) ? this.setExpiryMonthAsValid() : this.setExpiryMonthAsInvalid();
}),
(CardJs.prototype.setExpiryMonthAsValid = function() {
this.EXPIRY_USE_DROPDOWNS || this.expiryMonthYearInput.parent().removeClass("has-error");
}),
(CardJs.prototype.setExpiryMonthAsInvalid = function() {
this.EXPIRY_USE_DROPDOWNS || this.expiryMonthYearInput.parent().addClass("has-error");
}),
(CardJs.elementHasAttribute = function(element, attributeName) {
var attr = jQuery(element).attr(attributeName);
return "undefined" != typeof attr && attr !== !1;
}),
(CardJs.detachOrCreateElement = function(parentElement, selector, html) {
var element = parentElement.find(selector);
return element[0] ? element.detach() : (element = jQuery(html)), element;
}),
(CardJs.isValidMonth = function(expiryMonth) {
return expiryMonth >= 1 && 12 >= expiryMonth;
}),
(CardJs.isExpiryValid = function(month, year) {
var today = new Date(),
currentMonth = today.getMonth() + 1,
currentYear = "" + today.getFullYear();
return (
2 == ("" + year).length && (year = currentYear.substring(0, 2) + "" + year),
(currentMonth = parseInt(currentMonth)),
(currentYear = parseInt(currentYear)),
(month = parseInt(month)),
(year = parseInt(year)),
CardJs.isValidMonth(month) && (year > currentYear || (year == currentYear && month >= currentMonth))
);
});
.card-js input.card-number {
padding-right: 48px
}
.card-js .card-number-wrapper .card-type-icon {
height: 23px;
width: 32px;
position: absolute;
display: block;
right: 8px;
top: 7px;
background: url(https://cardjs.co.uk/img/cards.png) 0 23px no-repeat;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity .15s linear;
-moz-transition: opacity .15s linear;
-ms-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.card-js .card-number-wrapper .show {
opacity: 1
}
.card-js .card-number-wrapper .card-type-icon.visa {
background-position: 0 0
}
.card-js .card-number-wrapper .card-type-icon.master-card {
background-position: -32px 0
}
.card-js .card-number-wrapper .card-type-icon.american-express {
background-position: -64px 0
}
.card-js .card-number-wrapper .card-type-icon.discover {
background-position: -96px 0
}
.card-js .card-number-wrapper .card-type-icon.diners {
background-position: -128px 0
}
.card-js .card-number-wrapper .card-type-icon.jcb {
background-position: -160px 0
}
.card-js .cvc-container {
width: 50%;
float: right
}
.card-js .cvc-wrapper {
box-sizing: border-box;
margin-left: 5px
}
.card-js .cvc-wrapper .cvc {
display: block;
width: 100%
}
.card-js .expiry-container {
width: 50%;
float: left
}
.card-js .expiry-wrapper {
box-sizing: border-box;
margin-right: 5px
}
.card-js .expiry-wrapper .expiry {
display: block;
width: 100%
}
.card-js .expiry-wrapper .expiry-month {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-left: 30px
}
.card-js .expiry-wrapper .expiry-year {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0
}
.card-js .expiry-wrapper .expiry-month,
.card-js .expiry-wrapper .expiry-year {
display: inline-block
}
.card-js .expiry-wrapper .expiry {
padding-left: 38px
}
.card-js .icon {
position: absolute;
display: block;
width: 24px;
height: 17px;
left: 8px;
top: 10px;
pointer-events: none
}
.card-js .icon.right {
right: 8px;
left: auto
}
.card-js .icon.popup {
cursor: pointer;
pointer-events: auto
}
.card-js .icon .svg {
fill: #888
}
.card-js .icon.popup .svg {
fill: #aaa !important
}
.card-js .card-number-wrapper,
.card-js .name-wrapper {
margin-bottom: 15px;
width: 100%
}
.card-js .card-number-wrapper,
.card-js .cvc-wrapper,
.card-js .expiry-wrapper,
.card-js .name-wrapper {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .7), inset 0 1px 0 rgba(255, 255, 255, .7);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .7), inset 0 1px 0 rgba(255, 255, 255, .7);
-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, .7), inset 0 1px 0 rgba(255, 255, 255, .7);
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, .7), inset 0 1px 0 rgba(255, 255, 255, .7);
box-shadow: 0 1px 0 rgba(255, 255, 255, .7), inset 0 1px 0 rgba(255, 255, 255, .7);
position: relative
}
.card-js .card-number-wrapper,
.card-js .cvc-container,
.card-js .expiry-container,
.card-js .name-wrapper {
display: inline-block
}
.card-js::after {
content: ' ';
display: table;
clear: both
}
.card-js input,
.card-js select {
color: #676767;
font-size: 15px;
font-weight: 300;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
height: 36px;
border: 1px solid #d9d9d9;
border-radius: 4px;
box-shadow: none;
background-color: #FDFDFD;
box-sizing: border-box;
padding: 0;
-webkit-transition: border-color .15s linear, box-shadow .15s linear;
-moz-transition: border-color .15s linear, box-shadow .15s linear;
-ms-transition: border-color .15s linear, box-shadow .15s linear;
-o-transition: border-color .15s linear, box-shadow .15s linear;
transition: border-color .15s linear, box-shadow .15s linear
}
.card-js select {
-moz-appearance: none;
text-indent: .01px;
text-overflow: ''
}
.card-js input[disabled],
.card-js select[disabled] {
background-color: #eee;
color: #555
}
.card-js select option[hidden] {
color: #ABA9A9
}
.card-js input:focus,
.card-js select:focus {
background-color: #fff;
outline: 0;
border-color: #66afe9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.card-js input[readonly=readonly]:not([disabled]),
.card-js input[readonly]:not([disabled]) {
background-color: #fff;
cursor: pointer
}
.card-js .has-error input,
.card-js .has-error input:focus {
border-color: #F64B2F;
box-shadow: none
}
.card-js input.card-number,
.card-js input.cvc,
.card-js input.name {
padding-left: 38px;
width: 100%
}
.card-js.stripe .icon .svg {
fill: #559A28
}
Everyware ACH Pay by Text Plugin for WooCommerce
🏦 Install the Everyware ACH Pay by Text Plugin for WooCommerce to send a Pay by Text link to customers at checkout, which they can use to complete payments through a verified bank account. Ideal for dispensary retailers that want to break out of accepting cash payments only.