mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-07-09 03:14:30 -04:00
PCI compliance issue solved.
This commit is contained in:
Kishan Patel
parent
b8527698b4
commit
77513a6bcc
@ -56,113 +56,20 @@ class ACH
|
||||
|
||||
public function authorizeResponse(Request $request)
|
||||
{
|
||||
$customer_token = null;
|
||||
$request->validate([
|
||||
'account_number'=>'required|numeric',
|
||||
'account_holder_name'=>'required|string',
|
||||
'routing_number'=>'required|numeric',
|
||||
]);
|
||||
if ($this->forte->client->gateway_tokens->count() == 0) {
|
||||
try {
|
||||
$curl = curl_init();
|
||||
|
||||
curl_setopt_array($curl, array(
|
||||
CURLOPT_URL => $this->forte_base_uri.'organizations/'.$this->forte_organization_id.'/locations/'.$this->forte_location_id.'/customers/',
|
||||
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 =>'{
|
||||
"first_name": "'.$this->forte->client->present()->name().'",
|
||||
"last_name": "'.$this->forte->client->present()->name().'",
|
||||
"company_name": "'.$this->forte->client->present()->name().'",
|
||||
"customer_id": "'.$this->forte->client->number.'"
|
||||
}',
|
||||
CURLOPT_HTTPHEADER => array(
|
||||
'X-Forte-Auth-Organization-Id: '.$this->forte_organization_id,
|
||||
'Content-Type: application/json',
|
||||
'Authorization: Basic '.base64_encode($this->forte_api_access_id.':'.$this->forte_secure_key),
|
||||
'Cookie: visid_incap_621087=QJCccwHeTHinK5DnAeQIuXPk5mAAAAAAQUIPAAAAAAATABmm7IZkHhUi85sN+UaS; nlbi_621087=eeFJXPvhGXW3XVl0R1efXgAAAAC5hY2Arn4aSDDQA+R2vZZu; incap_ses_713_621087=IuVrdOb1HwK0pTS8ExblCT8B6GAAAAAAWyswWx7wzWve4j23+Nsp4w=='
|
||||
),
|
||||
));
|
||||
|
||||
$response = curl_exec($curl);
|
||||
$httpcode = curl_getinfo($curl, CURLINFO_HTTP_CODE);
|
||||
|
||||
curl_close($curl);
|
||||
|
||||
$response=json_decode($response);
|
||||
|
||||
if ($httpcode>299) {
|
||||
$error = Validator::make([], []);
|
||||
$error->getMessageBag()->add('gateway_error', $response->response->response_desc);
|
||||
return redirect()->back()->withErrors($error);
|
||||
}
|
||||
|
||||
$customer_token=$response->customer_token;
|
||||
} catch (\Throwable $th) {
|
||||
throw $th;
|
||||
}
|
||||
}else{
|
||||
$customer_token = $this->forte->client->gateway_tokens[0]->gateway_customer_reference;
|
||||
}
|
||||
|
||||
$curl = curl_init();
|
||||
|
||||
curl_setopt_array($curl, array(
|
||||
CURLOPT_URL => $this->forte_base_uri.'organizations/'.$this->forte_organization_id.'/locations/'.$this->forte_location_id.'/customers/'.$customer_token.'/paymethods',
|
||||
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 =>'{
|
||||
"notes":"'.$request->account_holder_name.' echeck",
|
||||
"echeck": {
|
||||
"account_holder": "'.$request->account_holder_name.'",
|
||||
"account_number":"'.$request->account_number.'",
|
||||
"routing_number":"'.$request->routing_number.'",
|
||||
"account_type":"checking"
|
||||
}
|
||||
}',
|
||||
CURLOPT_HTTPHEADER => array(
|
||||
'X-Forte-Auth-Organization-Id: '.$this->forte_organization_id,
|
||||
'Content-Type: application/json',
|
||||
'Authorization: Basic '.base64_encode($this->forte_api_access_id.':'.$this->forte_secure_key),
|
||||
'Cookie: visid_incap_621087=QJCccwHeTHinK5DnAeQIuXPk5mAAAAAAQUIPAAAAAAATABmm7IZkHhUi85sN+UaS; nlbi_621087=tVVcSY5O+xzIMhyvR1efXgAAAABn4GsrsejFXewG9LEvz7cm; incap_ses_9153_621087=wAileyRCBU3lBWqsNP0Ff80/6GAAAAAASCPsRmBm9ygyrCA0iBX3kg==; incap_ses_9210_621087=OHvJaqfG9Cc+r/0GZX7Qf10a6WAAAAAA1CWMfnTjC/4Y/4bz/HTgBg==; incap_ses_713_621087=Lu/yR4IM2iokOlO8ExblCSWB6WAAAAAANBLUy0jRk/4YatHkXIajvA=='
|
||||
),
|
||||
));
|
||||
|
||||
$response = curl_exec($curl);
|
||||
$httpcode = curl_getinfo($curl, CURLINFO_HTTP_CODE);
|
||||
curl_close($curl);
|
||||
$response=json_decode($response);
|
||||
|
||||
if ($httpcode>299) {
|
||||
$error = Validator::make([], []);
|
||||
$error->getMessageBag()->add('gateway_error', $response->response->response_desc);
|
||||
return redirect()->back()->withErrors($error);
|
||||
}
|
||||
|
||||
$payment_meta = new \stdClass;
|
||||
// $payment_meta->brand = (string)sprintf('%s (%s)', $request->bank_name, ctrans('texts.ach'));
|
||||
$payment_meta->brand = (string)ctrans('texts.ach');
|
||||
$payment_meta->last4 = (string)$response->echeck->last_4_account_number;
|
||||
$payment_meta->last4 = (string) $request->last_4;
|
||||
$payment_meta->exp_year = '-';
|
||||
$payment_meta->type = GatewayType::BANK_TRANSFER;
|
||||
|
||||
$data = [
|
||||
'payment_meta' => $payment_meta,
|
||||
'token' => $response->paymethod_token,
|
||||
'token' => $request->one_time_token,
|
||||
'payment_method_id' => $request->gateway_type_id,
|
||||
];
|
||||
|
||||
$this->forte->storeGatewayToken($data, ['gateway_customer_reference' => $customer_token]);
|
||||
$this->forte->storeGatewayToken($data);
|
||||
|
||||
return redirect()->route('client.payment_methods.index')->withSuccess('Payment Method added.');
|
||||
}
|
||||
@ -194,13 +101,15 @@ class ACH
|
||||
CURLOPT_POSTFIELDS =>'{
|
||||
"action":"sale",
|
||||
"authorization_amount": '.$payment_hash->data->total->amount_with_fee.',
|
||||
"paymethod_token": "'.$request->payment_token.'",
|
||||
"echeck":{
|
||||
"sec_code":"PPD",
|
||||
},
|
||||
"billing_address":{
|
||||
"first_name": "'.auth()->user()->client->name.'",
|
||||
"last_name": "'.auth()->user()->client->name.'"
|
||||
},
|
||||
"echeck":{
|
||||
"one_time_token":"'.$request->payment_token.'"
|
||||
}
|
||||
}',
|
||||
CURLOPT_HTTPHEADER => array(
|
||||
|
||||
@ -57,117 +57,20 @@ class CreditCard
|
||||
|
||||
public function authorizeResponse($request)
|
||||
{
|
||||
$customer_token = null;
|
||||
$request->validate([
|
||||
'card_number'=>'required',
|
||||
'card_holders_name'=>'required|string',
|
||||
'expiry_month'=>'required',
|
||||
'expiry_year'=>'required',
|
||||
'cvc'=>'required',
|
||||
]);
|
||||
if ($this->forte->client->gateway_tokens->count() == 0) {
|
||||
try {
|
||||
$curl = curl_init();
|
||||
|
||||
curl_setopt_array($curl, array(
|
||||
CURLOPT_URL => $this->forte_base_uri.'organizations/'.$this->forte_organization_id.'/locations/'.$this->forte_location_id.'/customers/',
|
||||
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 =>'{
|
||||
"first_name": "'.$this->forte->client->present()->name().'",
|
||||
"last_name": "'.$this->forte->client->present()->name().'",
|
||||
"company_name": "'.$this->forte->client->present()->name().'",
|
||||
"customer_id": "'.$this->forte->client->number.'"
|
||||
}',
|
||||
CURLOPT_HTTPHEADER => array(
|
||||
'X-Forte-Auth-Organization-Id: '.$this->forte_organization_id,
|
||||
'Content-Type: application/json',
|
||||
'Authorization: Basic '.base64_encode($this->forte_api_access_id.':'.$this->forte_secure_key),
|
||||
'Cookie: visid_incap_621087=QJCccwHeTHinK5DnAeQIuXPk5mAAAAAAQUIPAAAAAAATABmm7IZkHhUi85sN+UaS; nlbi_621087=eeFJXPvhGXW3XVl0R1efXgAAAAC5hY2Arn4aSDDQA+R2vZZu; incap_ses_713_621087=IuVrdOb1HwK0pTS8ExblCT8B6GAAAAAAWyswWx7wzWve4j23+Nsp4w=='
|
||||
),
|
||||
));
|
||||
|
||||
$response = curl_exec($curl);
|
||||
$httpcode = curl_getinfo($curl, CURLINFO_HTTP_CODE);
|
||||
|
||||
curl_close($curl);
|
||||
|
||||
$response=json_decode($response);
|
||||
|
||||
if ($httpcode>299) {
|
||||
$error = Validator::make([], []);
|
||||
$error->getMessageBag()->add('gateway_error', $response->response->response_desc);
|
||||
return redirect()->back()->withErrors($error);
|
||||
}
|
||||
|
||||
$customer_token=$response->customer_token;
|
||||
} catch (\Throwable $th) {
|
||||
throw $th;
|
||||
}
|
||||
}else{
|
||||
$customer_token = $this->forte->client->gateway_tokens[0]->gateway_customer_reference;
|
||||
}
|
||||
|
||||
$curl = curl_init();
|
||||
|
||||
curl_setopt_array($curl, array(
|
||||
CURLOPT_URL => $this->forte_base_uri.'organizations/'.$this->forte_organization_id.'/locations/'.$this->forte_location_id.'/customers/'.$customer_token.'/paymethods',
|
||||
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 =>'{
|
||||
"notes":"'.$request->card_holders_name.' Card",
|
||||
"card": {
|
||||
"name_on_card":"'.$request->card_holders_name.'",
|
||||
"card_type":"'.$request->card_type.'",
|
||||
"account_number":"'.str_replace(' ', '', $request->card_number).'",
|
||||
"expire_month":'.$request->expiry_month.',
|
||||
"expire_year":20'.$request->expiry_year.',
|
||||
"card_verification_value": "'.$request->cvc.'"
|
||||
}
|
||||
}',
|
||||
CURLOPT_HTTPHEADER => array(
|
||||
'X-Forte-Auth-Organization-Id: '.$this->forte_organization_id,
|
||||
'Content-Type: application/json',
|
||||
'Authorization: Basic '.base64_encode($this->forte_api_access_id.':'.$this->forte_secure_key),
|
||||
'Cookie: visid_incap_621087=QJCccwHeTHinK5DnAeQIuXPk5mAAAAAAQUIPAAAAAAATABmm7IZkHhUi85sN+UaS'
|
||||
),
|
||||
));
|
||||
|
||||
$response = curl_exec($curl);
|
||||
$httpcode = curl_getinfo($curl, CURLINFO_HTTP_CODE);
|
||||
curl_close($curl);
|
||||
$response=json_decode($response);
|
||||
|
||||
if ($httpcode>299) {
|
||||
$error = Validator::make([], []);
|
||||
$error->getMessageBag()->add('gateway_error', $response->response->response_desc);
|
||||
return redirect()->back()->withErrors($error);
|
||||
}
|
||||
|
||||
$payment_meta = new \stdClass;
|
||||
$payment_meta->exp_month = (string) $response->card->expire_month;
|
||||
$payment_meta->exp_year = (string) $response->card->expire_year;
|
||||
$payment_meta->brand = (string) $response->card->card_type;
|
||||
$payment_meta->last4 = (string) $response->card->last_4_account_number;
|
||||
$payment_meta->exp_month = (string) $request->expire_month;
|
||||
$payment_meta->exp_year = (string) $request->expire_year;
|
||||
$payment_meta->brand = (string) $request->card_type;
|
||||
$payment_meta->last4 = (string) $request->last_4;
|
||||
$payment_meta->type = GatewayType::CREDIT_CARD;
|
||||
|
||||
$data = [
|
||||
'payment_meta' => $payment_meta,
|
||||
'token' => $response->paymethod_token,
|
||||
'token' => $request->one_time_token,
|
||||
'payment_method_id' => $request->payment_method_id,
|
||||
];
|
||||
|
||||
$this->forte->storeGatewayToken($data, ['gateway_customer_reference' => $customer_token]);
|
||||
$this->forte->storeGatewayToken($data);
|
||||
|
||||
return redirect()->route('client.payment_methods.index')->withSuccess('Payment Method added.');
|
||||
}
|
||||
@ -187,32 +90,34 @@ class CreditCard
|
||||
|
||||
try {
|
||||
$curl = curl_init();
|
||||
|
||||
curl_setopt_array($curl, array(
|
||||
CURLOPT_URL => $this->forte_base_uri.'organizations/'.$this->forte_organization_id.'/locations/'.$this->forte_location_id.'/transactions',
|
||||
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 =>'{
|
||||
"action":"sale",
|
||||
"authorization_amount": '.$payment_hash->data->total->amount_with_fee.',
|
||||
"service_fee_amount": '.$payment_hash->data->total->fee_total.',
|
||||
"paymethod_token": "'.$request->payment_token.'",
|
||||
"billing_address":{
|
||||
"first_name": "'.auth()->user()->client->name.'",
|
||||
"last_name": "'.auth()->user()->client->name.'"
|
||||
}
|
||||
}',
|
||||
CURLOPT_HTTPHEADER => array(
|
||||
'X-Forte-Auth-Organization-Id: '.$this->forte_organization_id,
|
||||
'Content-Type: application/json',
|
||||
'Authorization: Basic '.base64_encode($this->forte_api_access_id.':'.$this->forte_secure_key),
|
||||
'Cookie: visid_incap_621087=u18+3REYR/iISgzZxOF5s2ODW2IAAAAAQUIPAAAAAADuGqKgECQLS81FcSDrmhGe; nlbi_621087=YHngadhJ2VU+yr7/R1efXgAAAAD3mQyhqmnLls8PRu4iN58G; incap_ses_1136_621087=CVdrXUdhIlm9WJNDieLDD4QVXGIAAAAAvBwvkUcwhM0+OwvdPm2stg=='
|
||||
),
|
||||
));
|
||||
CURLOPT_URL => $this->forte_base_uri.'organizations/'.$this->forte_organization_id.'/locations/'.$this->forte_location_id.'/transactions',
|
||||
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 =>'{
|
||||
"action":"sale",
|
||||
"authorization_amount":'.$payment_hash->data->total->amount_with_fee.',
|
||||
"service_fee_amount":'.$payment_hash->data->total->fee_total.',
|
||||
"billing_address":{
|
||||
"first_name":"'.auth()->user()->client->name.'",
|
||||
"last_name":"'.auth()->user()->client->name.'"
|
||||
},
|
||||
"card":{
|
||||
"one_time_token":"'.$request->payment_token.'"
|
||||
}
|
||||
}',
|
||||
CURLOPT_HTTPHEADER => array(
|
||||
'Content-Type: application/json',
|
||||
'X-Forte-Auth-Organization-Id: '.$this->forte_organization_id,
|
||||
'Authorization: Basic '.base64_encode($this->forte_api_access_id.':'.$this->forte_secure_key)
|
||||
),
|
||||
));
|
||||
|
||||
$response = curl_exec($curl);
|
||||
$httpcode = curl_getinfo($curl, CURLINFO_HTTP_CODE);
|
||||
|
||||
669
public/js/clients/payments/forte-card-js.min.js
vendored
Normal file
669
public/js/clients/payments/forte-card-js.min.js
vendored
Normal file
@ -0,0 +1,669 @@
|
||||
(() => {
|
||||
function t(t) {
|
||||
(this.elem = jQuery(t)),
|
||||
(this.captureName =
|
||||
!!this.elem.data('capture-name') &&
|
||||
this.elem.data('capture-name')),
|
||||
(this.iconColour =
|
||||
!!this.elem.data('icon-colour') &&
|
||||
this.elem.data('icon-colour')),
|
||||
(this.stripe =
|
||||
!!this.elem.data('stripe') && this.elem.data('stripe')),
|
||||
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 (e) {
|
||||
var r = {
|
||||
init: function () {
|
||||
return this.data('cardjs', new t(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();
|
||||
},
|
||||
};
|
||||
e.fn.CardJs = function (t) {
|
||||
return r[t]
|
||||
? r[t].apply(this, Array.prototype.slice.call(arguments, 1))
|
||||
: 'object' != typeof t && t
|
||||
? void e.error(
|
||||
'Method ' + t + ' does not exist on jQuery.CardJs'
|
||||
)
|
||||
: r.init.apply(this, arguments);
|
||||
};
|
||||
})(jQuery),
|
||||
$(function () {
|
||||
$('.card-js').each(function (t, e) {
|
||||
$(e).CardJs();
|
||||
});
|
||||
}),
|
||||
(t.prototype.constructor = t),
|
||||
(t.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,
|
||||
}),
|
||||
(t.CREDIT_CARD_NUMBER_DEFAULT_MASK = 'XXXX XXXX XXXX XXXX'),
|
||||
(t.CREDIT_CARD_NUMBER_VISA_MASK = 'XXXX XXXX XXXX XXXX'),
|
||||
(t.CREDIT_CARD_NUMBER_MASTERCARD_MASK = 'XXXX XXXX XXXX XXXX'),
|
||||
(t.CREDIT_CARD_NUMBER_DISCOVER_MASK = 'XXXX XXXX XXXX XXXX'),
|
||||
(t.CREDIT_CARD_NUMBER_JCB_MASK = 'XXXX XXXX XXXX XXXX'),
|
||||
(t.CREDIT_CARD_NUMBER_AMEX_MASK = 'XXXX XXXXXX XXXXX'),
|
||||
(t.CREDIT_CARD_NUMBER_DINERS_MASK = 'XXXX XXXX XXXX XX'),
|
||||
(t.prototype.creditCardNumberMask = t.CREDIT_CARD_NUMBER_DEFAULT_MASK),
|
||||
(t.CREDIT_CARD_NUMBER_PLACEHOLDER = 'Card number'),
|
||||
(t.NAME_PLACEHOLDER = 'Name on card'),
|
||||
(t.EXPIRY_MASK = 'XX / XXXX'),
|
||||
(t.EXPIRY_PLACEHOLDER = 'MM / YYYY'),
|
||||
(t.EXPIRY_USE_DROPDOWNS = !1),
|
||||
(t.EXPIRY_NUMBER_OF_YEARS = 10),
|
||||
(t.CVC_MASK_3 = 'XXX'),
|
||||
(t.CVC_MASK_4 = 'XXXX'),
|
||||
(t.CVC_PLACEHOLDER = 'CVC'),
|
||||
(t.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>'),
|
||||
(t.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>'),
|
||||
(t.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>'),
|
||||
(t.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>'),
|
||||
(t.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>'),
|
||||
(t.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>'),
|
||||
(t.keyCodeFromEvent = function (t) {
|
||||
return t.which || t.keyCode;
|
||||
}),
|
||||
(t.keyIsCommandFromEvent = function (t) {
|
||||
return t.ctrlKey || t.metaKey;
|
||||
}),
|
||||
(t.keyIsNumber = function (e) {
|
||||
return t.keyIsTopNumber(e) || t.keyIsKeypadNumber(e);
|
||||
}),
|
||||
(t.keyIsTopNumber = function (e) {
|
||||
var r = t.keyCodeFromEvent(e);
|
||||
return r >= t.KEYS[0] && r <= t.KEYS[9];
|
||||
}),
|
||||
(t.keyIsKeypadNumber = function (e) {
|
||||
var r = t.keyCodeFromEvent(e);
|
||||
return r >= t.KEYS.NUMPAD_0 && r <= t.KEYS.NUMPAD_9;
|
||||
}),
|
||||
(t.keyIsDelete = function (e) {
|
||||
return t.keyCodeFromEvent(e) == t.KEYS.DELETE;
|
||||
}),
|
||||
(t.keyIsBackspace = function (e) {
|
||||
return t.keyCodeFromEvent(e) == t.KEYS.BACKSPACE;
|
||||
}),
|
||||
(t.keyIsDeletion = function (e) {
|
||||
return t.keyIsDelete(e) || t.keyIsBackspace(e);
|
||||
}),
|
||||
(t.keyIsArrow = function (e) {
|
||||
var r = t.keyCodeFromEvent(e);
|
||||
return r >= t.KEYS.ARROW_LEFT && r <= t.KEYS.ARROW_DOWN;
|
||||
}),
|
||||
(t.keyIsNavigation = function (e) {
|
||||
var r = t.keyCodeFromEvent(e);
|
||||
return r == t.KEYS.HOME || r == t.KEYS.END;
|
||||
}),
|
||||
(t.keyIsKeyboardCommand = function (e) {
|
||||
var r = t.keyCodeFromEvent(e);
|
||||
return (
|
||||
t.keyIsCommandFromEvent(e) &&
|
||||
(r == t.KEYS.A ||
|
||||
r == t.KEYS.X ||
|
||||
r == t.KEYS.C ||
|
||||
r == t.KEYS.V)
|
||||
);
|
||||
}),
|
||||
(t.keyIsTab = function (e) {
|
||||
return t.keyCodeFromEvent(e) == t.KEYS.TAB;
|
||||
}),
|
||||
(t.copyAllElementAttributes = function (t, e) {
|
||||
$.each(t[0].attributes, function (t, r) {
|
||||
e.attr(r.nodeName, r.nodeValue);
|
||||
});
|
||||
}),
|
||||
(t.numbersOnlyString = function (t) {
|
||||
for (var e = '', r = 0; r < t.length; r++) {
|
||||
var n = t.charAt(r);
|
||||
!isNaN(parseInt(n)) && (e += n);
|
||||
}
|
||||
return e;
|
||||
}),
|
||||
(t.applyFormatMask = function (t, e) {
|
||||
for (var r = '', n = 0, i = 0; i < e.length; i++) {
|
||||
var a = e[i];
|
||||
if ('X' == a) {
|
||||
if (!t.charAt(n)) break;
|
||||
(r += t.charAt(n)), n++;
|
||||
} else r += a;
|
||||
}
|
||||
return r;
|
||||
}),
|
||||
(t.cardTypeFromNumber = function (t) {
|
||||
if (((e = new RegExp('^30[0-5]')), null != t.match(e)))
|
||||
return 'Diners - Carte Blanche';
|
||||
if (((e = new RegExp('^(30[6-9]|36|38)')), null != t.match(e)))
|
||||
return 'Diners';
|
||||
if (((e = new RegExp('^35(2[89]|[3-8][0-9])')), null != t.match(e)))
|
||||
return 'JCB';
|
||||
if (((e = new RegExp('^3[47]')), null != t.match(e))) return 'AMEX';
|
||||
if (
|
||||
((e = new RegExp('^(4026|417500|4508|4844|491(3|7))')),
|
||||
null != t.match(e))
|
||||
)
|
||||
return 'Visa Electron';
|
||||
var e = new RegExp('^4');
|
||||
return null != t.match(e)
|
||||
? 'Visa'
|
||||
: ((e = new RegExp('^5[1-5]')),
|
||||
null != t.match(e)
|
||||
? 'Mastercard'
|
||||
: ((e = 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 != t.match(e) ? 'Discover' : ''));
|
||||
}),
|
||||
(t.caretStartPosition = function (t) {
|
||||
return 'number' == typeof t.selectionStart && t.selectionStart;
|
||||
}),
|
||||
(t.caretEndPosition = function (t) {
|
||||
return 'number' == typeof t.selectionEnd && t.selectionEnd;
|
||||
}),
|
||||
(t.setCaretPosition = function (t, e) {
|
||||
if (null != t)
|
||||
if (t.createTextRange) {
|
||||
var r = t.createTextRange();
|
||||
r.move('character', e), r.select();
|
||||
} else
|
||||
t.selectionStart
|
||||
? (t.focus(), t.setSelectionRange(e, e))
|
||||
: t.focus();
|
||||
}),
|
||||
(t.normaliseCaretPosition = function (t, e) {
|
||||
var r = 0;
|
||||
if (0 > e || e > t.length) return 0;
|
||||
for (var n = 0; n < t.length; n++) {
|
||||
if (n == e) return r;
|
||||
'X' == t[n] && r++;
|
||||
}
|
||||
return r;
|
||||
}),
|
||||
(t.denormaliseCaretPosition = function (t, e) {
|
||||
var r = 0;
|
||||
if (0 > e || e > t.length) return 0;
|
||||
for (var n = 0; n < t.length; n++) {
|
||||
if (r == e) return n;
|
||||
'X' == t[n] && r++;
|
||||
}
|
||||
return t.length;
|
||||
}),
|
||||
(t.filterNumberOnlyKey = function (e) {
|
||||
var r = t.keyIsNumber(e),
|
||||
n = t.keyIsDeletion(e),
|
||||
i = t.keyIsArrow(e),
|
||||
a = t.keyIsNavigation(e),
|
||||
s = t.keyIsKeyboardCommand(e),
|
||||
p = t.keyIsTab(e);
|
||||
r || n || i || a || s || p || e.preventDefault();
|
||||
}),
|
||||
(t.digitFromKeyCode = function (e) {
|
||||
return e >= t.KEYS[0] && e <= t.KEYS[9]
|
||||
? e - t.KEYS[0]
|
||||
: e >= t.KEYS.NUMPAD_0 && e <= t.KEYS.NUMPAD_9
|
||||
? e - t.KEYS.NUMPAD_0
|
||||
: null;
|
||||
}),
|
||||
(t.handleMaskedNumberInputKey = function (e, r) {
|
||||
t.filterNumberOnlyKey(e);
|
||||
var n = e.which || e.keyCode,
|
||||
i = e.target,
|
||||
a = t.caretStartPosition(i),
|
||||
s = t.caretEndPosition(i),
|
||||
p = t.normaliseCaretPosition(r, a),
|
||||
c = t.normaliseCaretPosition(r, s),
|
||||
o = a,
|
||||
u = t.keyIsNumber(e),
|
||||
h = t.keyIsDelete(e),
|
||||
d = t.keyIsBackspace(e);
|
||||
if (u || h || d) {
|
||||
e.preventDefault();
|
||||
var l = $(i).val(),
|
||||
y = t.numbersOnlyString(l),
|
||||
m = t.digitFromKeyCode(n),
|
||||
C = c > p;
|
||||
C && (y = y.slice(0, p) + y.slice(c)),
|
||||
a != r.length &&
|
||||
(u &&
|
||||
l.length <= r.length &&
|
||||
((y = y.slice(0, p) + m + y.slice(p)),
|
||||
(o = Math.max(
|
||||
t.denormaliseCaretPosition(r, p + 1),
|
||||
t.denormaliseCaretPosition(r, p + 2) - 1
|
||||
))),
|
||||
h && (y = y.slice(0, p) + y.slice(p + 1))),
|
||||
0 != a &&
|
||||
d &&
|
||||
!C &&
|
||||
((y = y.slice(0, p - 1) + y.slice(p)),
|
||||
(o = t.denormaliseCaretPosition(r, p - 1))),
|
||||
$(i).val(t.applyFormatMask(y, r)),
|
||||
t.setCaretPosition(i, o);
|
||||
}
|
||||
}),
|
||||
(t.handleCreditCardNumberKey = function (e, r) {
|
||||
t.handleMaskedNumberInputKey(e, r);
|
||||
}),
|
||||
(t.handleCreditCardNumberChange = function (t) {}),
|
||||
(t.handleExpiryKey = function (e) {
|
||||
t.handleMaskedNumberInputKey(e, t.EXPIRY_MASK);
|
||||
}),
|
||||
(t.prototype.getCardNumber = function () {
|
||||
return this.cardNumberInput.val();
|
||||
}),
|
||||
(t.prototype.getCardType = function () {
|
||||
return t.cardTypeFromNumber(this.getCardNumber());
|
||||
}),
|
||||
(t.prototype.getName = function () {
|
||||
return this.nameInput.val();
|
||||
}),
|
||||
(t.prototype.getExpiryMonth = function () {
|
||||
return this.expiryMonthInput.val();
|
||||
}),
|
||||
(t.prototype.getExpiryYear = function () {
|
||||
return this.expiryYearInput.val();
|
||||
}),
|
||||
(t.prototype.getCvc = function () {
|
||||
return this.cvcInput.val();
|
||||
}),
|
||||
(t.prototype.setIconColour = function (t) {
|
||||
this.elem.find('.icon .svg').css({ fill: t });
|
||||
}),
|
||||
(t.prototype.setIconColour = function (t) {
|
||||
this.elem.find('.icon .svg').css({ fill: t });
|
||||
}),
|
||||
(t.prototype.refreshCreditCardTypeIcon = function () {
|
||||
this.setCardTypeIconFromNumber(
|
||||
t.numbersOnlyString(this.cardNumberInput.val())
|
||||
);
|
||||
}),
|
||||
(t.prototype.clearCardTypeIcon = function () {
|
||||
this.elem
|
||||
.find('.card-number-wrapper .card-type-icon')
|
||||
.removeClass('show');
|
||||
}),
|
||||
(t.prototype.setCardTypeIconAsVisa = function () {
|
||||
this.elem
|
||||
.find('.card-number-wrapper .card-type-icon')
|
||||
.attr('class', 'card-type-icon show visa');
|
||||
}),
|
||||
(t.prototype.setCardTypeIconAsMasterCard = function () {
|
||||
this.elem
|
||||
.find('.card-number-wrapper .card-type-icon')
|
||||
.attr('class', 'card-type-icon show master-card');
|
||||
}),
|
||||
(t.prototype.setCardTypeIconAsAmericanExpress = function () {
|
||||
this.elem
|
||||
.find('.card-number-wrapper .card-type-icon')
|
||||
.attr('class', 'card-type-icon show american-express');
|
||||
}),
|
||||
(t.prototype.setCardTypeIconAsDiscover = function () {
|
||||
this.elem
|
||||
.find('.card-number-wrapper .card-type-icon')
|
||||
.attr('class', 'card-type-icon show discover');
|
||||
}),
|
||||
(t.prototype.setCardTypeIconAsDiners = function () {
|
||||
this.elem
|
||||
.find('.card-number-wrapper .card-type-icon')
|
||||
.attr('class', 'card-type-icon show diners');
|
||||
}),
|
||||
(t.prototype.setCardTypeIconAsJcb = function () {
|
||||
this.elem
|
||||
.find('.card-number-wrapper .card-type-icon')
|
||||
.attr('class', 'card-type-icon show jcb');
|
||||
}),
|
||||
(t.prototype.setCardTypeIconFromNumber = function (e) {
|
||||
switch (t.cardTypeFromNumber(e)) {
|
||||
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();
|
||||
}
|
||||
}),
|
||||
(t.prototype.setCardMask = function (t) {
|
||||
(this.creditCardNumberMask = t),
|
||||
this.cardNumberInput.attr('maxlength', t.length);
|
||||
}),
|
||||
(t.prototype.setCvc3 = function () {
|
||||
this.cvcInput.attr('maxlength', t.CVC_MASK_3.length);
|
||||
}),
|
||||
(t.prototype.setCvc4 = function () {
|
||||
this.cvcInput.attr('maxlength', t.CVC_MASK_4.length);
|
||||
}),
|
||||
(t.prototype.clearCardType = function () {
|
||||
this.clearCardTypeIcon(),
|
||||
this.setCardMask(t.CREDIT_CARD_NUMBER_DEFAULT_MASK),
|
||||
this.setCvc3();
|
||||
}),
|
||||
(t.prototype.setCardTypeAsVisa = function () {
|
||||
this.setCardTypeIconAsVisa(),
|
||||
this.setCardMask(t.CREDIT_CARD_NUMBER_VISA_MASK),
|
||||
this.setCvc3();
|
||||
}),
|
||||
(t.prototype.setCardTypeAsMasterCard = function () {
|
||||
this.setCardTypeIconAsMasterCard(),
|
||||
this.setCardMask(t.CREDIT_CARD_NUMBER_MASTERCARD_MASK),
|
||||
this.setCvc3();
|
||||
}),
|
||||
(t.prototype.setCardTypeAsAmericanExpress = function () {
|
||||
this.setCardTypeIconAsAmericanExpress(),
|
||||
this.setCardMask(t.CREDIT_CARD_NUMBER_AMEX_MASK),
|
||||
this.setCvc4();
|
||||
}),
|
||||
(t.prototype.setCardTypeAsDiscover = function () {
|
||||
this.setCardTypeIconAsDiscover(),
|
||||
this.setCardMask(t.CREDIT_CARD_NUMBER_DISCOVER_MASK),
|
||||
this.setCvc3();
|
||||
}),
|
||||
(t.prototype.setCardTypeAsDiners = function () {
|
||||
this.setCardTypeIconAsDiners(),
|
||||
this.setCardMask(t.CREDIT_CARD_NUMBER_DINERS_MASK),
|
||||
this.setCvc3();
|
||||
}),
|
||||
(t.prototype.setCardTypeAsJcb = function () {
|
||||
this.setCardTypeIconAsJcb(),
|
||||
this.setCardMask(t.CREDIT_CARD_NUMBER_JCB_MASK),
|
||||
this.setCvc3();
|
||||
}),
|
||||
(t.prototype.initCardNumberInput = function () {
|
||||
var e = this;
|
||||
(this.cardNumberInput = this.elem.find('.card-number')),
|
||||
this.cardNumberInput[0]
|
||||
? this.cardNumberInput.detach()
|
||||
: (this.cardNumberInput = $(
|
||||
"<input class='card-number' />"
|
||||
)),
|
||||
this.cardNumberInput.attr('type', 'tel'),
|
||||
this.cardNumberInput.attr('placeholder') ||
|
||||
this.cardNumberInput.attr(
|
||||
'placeholder',
|
||||
t.CREDIT_CARD_NUMBER_PLACEHOLDER
|
||||
),
|
||||
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'),
|
||||
this.cardNumberInput.keydown(function (r) {
|
||||
t.handleCreditCardNumberKey(r, e.creditCardNumberMask);
|
||||
}),
|
||||
this.cardNumberInput.keyup(function (t) {
|
||||
e.refreshCreditCardTypeIcon();
|
||||
}),
|
||||
this.cardNumberInput.change(t.handleCreditCardNumberChange);
|
||||
}),
|
||||
(t.prototype.initNameInput = function () {
|
||||
(this.nameInput = this.elem.find('.name')),
|
||||
this.nameInput[0]
|
||||
? ((this.captureName = !0), this.nameInput.detach())
|
||||
: (this.nameInput = $("<input class='name' />")),
|
||||
this.nameInput.attr('placeholder') ||
|
||||
this.nameInput.attr('placeholder', t.NAME_PLACEHOLDER);
|
||||
}),
|
||||
(t.prototype.initExpiryMonthInput = function () {
|
||||
(this.expiryMonthInput = this.elem.find('.expiry-month')),
|
||||
this.expiryMonthInput[0]
|
||||
? this.expiryMonthInput.detach()
|
||||
: (this.expiryMonthInput = $(
|
||||
"<input class='expiry-month' />"
|
||||
));
|
||||
}),
|
||||
(t.prototype.initExpiryYearInput = function () {
|
||||
(this.expiryYearInput = this.elem.find('.expiry-year')),
|
||||
this.expiryYearInput[0]
|
||||
? this.expiryYearInput.detach()
|
||||
: (this.expiryYearInput = $(
|
||||
"<input class='expiry-year' name='expiry-year' />"
|
||||
));
|
||||
}),
|
||||
(t.prototype.initCvcInput = function () {
|
||||
(this.cvcInput = this.elem.find('.cvc')),
|
||||
this.cvcInput[0]
|
||||
? this.cvcInput.detach()
|
||||
: (this.cvcInput = $("<input class='cvc' />")),
|
||||
this.cvcInput.attr('type', 'tel'),
|
||||
this.cvcInput.attr('placeholder') ||
|
||||
this.cvcInput.attr('placeholder', t.CVC_PLACEHOLDER),
|
||||
this.cvcInput.attr('maxlength', t.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'),
|
||||
this.cvcInput.keydown(t.filterNumberOnlyKey);
|
||||
}),
|
||||
(t.prototype.setupCardNumberInput = function () {
|
||||
this.stripe && this.cardNumberInput.attr('data-stripe', 'number'),
|
||||
this.elem.append("<div class='card-number-wrapper'></div>");
|
||||
var e = this.elem.find('.card-number-wrapper');
|
||||
e.append(this.cardNumberInput),
|
||||
e.append("<div class='card-type-icon'></div>"),
|
||||
e.append("<div class='icon'></div>"),
|
||||
e.find('.icon').append(t.CREDIT_CARD_SVG);
|
||||
}),
|
||||
(t.prototype.setupNameInput = function () {
|
||||
if (this.captureName) {
|
||||
this.elem.append("<div class='name-wrapper'></div>");
|
||||
var e = this.elem.find('.name-wrapper');
|
||||
e.append(this.nameInput),
|
||||
e.append("<div class='icon'></div>"),
|
||||
e.find('.icon').append(t.USER_SVG);
|
||||
}
|
||||
}),
|
||||
(t.prototype.setupExpiryInput = function () {
|
||||
this.elem.append(
|
||||
"<div class='expiry-container'><div class='expiry-wrapper'></div></div>"
|
||||
);
|
||||
var e,
|
||||
r = this.elem.find('.expiry-wrapper');
|
||||
if (this.EXPIRY_USE_DROPDOWNS) {
|
||||
e = $('<div></div>');
|
||||
var n = $(
|
||||
"<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>"
|
||||
),
|
||||
i = this.expiryMonthInput;
|
||||
t.copyAllElementAttributes(i, n),
|
||||
this.expiryMonthInput.remove(),
|
||||
(this.expiryMonthInput = n);
|
||||
for (
|
||||
var a = $(
|
||||
"<select><option value='any' selected='' hidden=''>YY</option></select>"
|
||||
),
|
||||
s = parseInt(
|
||||
new Date().getFullYear().toString().substring(2, 4)
|
||||
),
|
||||
p = 0;
|
||||
p < t.EXPIRY_NUMBER_OF_YEARS;
|
||||
p++
|
||||
)
|
||||
a.append("<option value='" + s + "'>" + s + '</option>'),
|
||||
(s = (s + 1) % 100);
|
||||
var c = this.expiryYearInput;
|
||||
t.copyAllElementAttributes(c, a),
|
||||
this.expiryYearInput.remove(),
|
||||
(this.expiryYearInput = a),
|
||||
e.append(this.expiryMonthInput),
|
||||
e.append(this.expiryYearInput);
|
||||
} else {
|
||||
(e = $('<div></div>')),
|
||||
(this.expiryMonthInput = $(
|
||||
"<input type='hidden' name='expiry-month' />"
|
||||
)),
|
||||
(this.expiryYearInput = $(
|
||||
"<input type='hidden' name='expiry-year' />"
|
||||
)),
|
||||
this.stripe &&
|
||||
(this.expiryMonthInput.attr('data-stripe', 'exp-month'),
|
||||
this.expiryYearInput.attr('data-stripe', 'exp-year')),
|
||||
(this.expiryMonthYearInput = $("<input class='expiry' />")),
|
||||
this.expiryMonthYearInput.attr('type', 'tel'),
|
||||
this.expiryMonthYearInput.attr('placeholder') ||
|
||||
this.expiryMonthYearInput.attr(
|
||||
'placeholder',
|
||||
t.EXPIRY_PLACEHOLDER
|
||||
),
|
||||
this.expiryMonthYearInput.attr(
|
||||
'maxlength',
|
||||
t.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 o = this;
|
||||
this.expiryMonthYearInput.keydown(function (e) {
|
||||
t.handleExpiryKey(e);
|
||||
var r = o.expiryMonthYearInput.val();
|
||||
1 == r.length &&
|
||||
parseInt(r) > 1 &&
|
||||
t.keyIsNumber(e) &&
|
||||
o.expiryMonthYearInput.val(
|
||||
t.applyFormatMask('0' + r, t.EXPIRY_MASK)
|
||||
),
|
||||
o.EXPIRY_USE_DROPDOWNS ||
|
||||
null == o.expiryMonthYearInput ||
|
||||
(o.expiryMonthInput.val(o.expiryMonth()),
|
||||
o.expiryYearInput.val(
|
||||
9 == r.length ? r.substr(5, 4) : null
|
||||
));
|
||||
}),
|
||||
this.expiryMonthYearInput.blur(function (t) {
|
||||
o.refreshExpiryMonthValidation();
|
||||
}),
|
||||
e.append(this.expiryMonthYearInput),
|
||||
e.append(this.expiryMonthInput),
|
||||
e.append(this.expiryYearInput);
|
||||
}
|
||||
r.append(e),
|
||||
r.append("<div class='icon'></div>"),
|
||||
r.find('.icon').append(t.CALENDAR_SVG);
|
||||
}),
|
||||
(t.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 e = this.elem.find('.cvc-wrapper');
|
||||
e.append(this.cvcInput),
|
||||
e.append("<div class='icon'></div>"),
|
||||
e.find('.icon').append(t.LOCK_SVG);
|
||||
}),
|
||||
(t.prototype.expiryMonth = function () {
|
||||
if (
|
||||
!this.EXPIRY_USE_DROPDOWNS &&
|
||||
null != this.expiryMonthYearInput
|
||||
) {
|
||||
var t = this.expiryMonthYearInput.val();
|
||||
return t.length >= 2 ? parseInt(t.substr(0, 2)) : null;
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
(t.isValidMonth = function (t) {
|
||||
return t >= 1 && 12 >= t;
|
||||
}),
|
||||
(t.isExpiryValid = function (e, r) {
|
||||
var n = new Date(),
|
||||
i = n.getMonth() + 1,
|
||||
a = '' + n.getFullYear();
|
||||
return (
|
||||
2 == ('' + r).length && (r = a.substring(0, 2) + '' + r),
|
||||
(i = parseInt(i)),
|
||||
(a = parseInt(a)),
|
||||
(e = parseInt(e)),
|
||||
(r = parseInt(r)),
|
||||
t.isValidMonth(e) && (r > a || (r == a && e >= i))
|
||||
);
|
||||
}),
|
||||
(t.prototype.refreshExpiryMonthValidation = function () {
|
||||
t.isExpiryValid(this.getExpiryMonth(), this.getExpiryYear())
|
||||
? this.setExpiryMonthAsValid()
|
||||
: this.setExpiryMonthAsInvalid();
|
||||
}),
|
||||
(t.prototype.setExpiryMonthAsValid = function () {
|
||||
this.EXPIRY_USE_DROPDOWNS ||
|
||||
this.expiryMonthYearInput.parent().removeClass('has-error');
|
||||
}),
|
||||
(t.prototype.setExpiryMonthAsInvalid = function () {
|
||||
this.EXPIRY_USE_DROPDOWNS ||
|
||||
this.expiryMonthYearInput.parent().addClass('has-error');
|
||||
});
|
||||
})();
|
||||
@ -1,12 +1,11 @@
|
||||
@extends('portal.ninja2020.layout.payments', ['gateway_title' => 'Bank Details', 'card_title' => 'Bank Details'])
|
||||
|
||||
@section('gateway_head')
|
||||
{{-- @if($gateway->company_gateway->getConfigField('account_id'))
|
||||
<meta name="stripe-account-id" content="{{ $gateway->company_gateway->getConfigField('account_id') }}">
|
||||
<meta name="stripe-publishable-key" content="{{ config('ninja.ninja_stripe_publishable_key') }}">
|
||||
@else --}}
|
||||
{{-- <meta name="stripe-publishable-key" content="{{ $gateway->company_gateway->getPublishableKey() }}"> --}}
|
||||
{{-- @endif --}}
|
||||
@if($gateway->getConfigField('testMode'))
|
||||
<script type="text/javascript" src="https://sandbox.forte.net/api/js/v1"></script>
|
||||
@else
|
||||
<script type="text/javascript" src="https://api.forte.net/js/v1"></script>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('gateway_content')
|
||||
@ -18,6 +17,7 @@
|
||||
@if(Session::has('error'))
|
||||
<div class="alert alert-failure mb-4" id="errors">{{ Session::get('error') }}</div>
|
||||
@endif
|
||||
<div id="forte_errors"></div>
|
||||
@if ($errors->any())
|
||||
<div class="alert alert-failure mb-4">
|
||||
<ul>
|
||||
@ -31,10 +31,11 @@
|
||||
<form action="{{ route('client.payment_methods.store', ['method' => App\Models\GatewayType::BANK_TRANSFER]) }}" method="post" id="server_response">
|
||||
@csrf
|
||||
|
||||
{{-- <input type="hidden" name="company_gateway_id" value="{{ $gateway->company_gateway->id }}"> --}}
|
||||
<input type="hidden" name="gateway_type_id" value="2">
|
||||
<input type="hidden" name="gateway_response" id="gateway_response">
|
||||
<input type="hidden" name="is_default" id="is_default">
|
||||
<input type="hidden" name="last_4" id="last_4">
|
||||
<input type="hidden" name="one_time_token" id="one_time_token">
|
||||
|
||||
<div class="alert alert-failure mb-4" hidden id="errors"></div>
|
||||
|
||||
@ -70,11 +71,11 @@
|
||||
@endcomponent
|
||||
|
||||
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.routing_number')])
|
||||
<input class="input w-full" id="routing-number" name="routing_number" type="text" required>
|
||||
<input class="input w-full" id="routing-number" type="text" required>
|
||||
@endcomponent
|
||||
|
||||
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.account_number')])
|
||||
<input class="input w-full" id="account-number" name="account_number" type="text" required>
|
||||
<input class="input w-full" id="account-number" type="text" required>
|
||||
@endcomponent
|
||||
|
||||
@component('portal.ninja2020.components.general.card-element-single')
|
||||
@ -100,9 +101,32 @@
|
||||
|
||||
@section('gateway_footer')
|
||||
<script>
|
||||
function submitACH(){
|
||||
function onTokenCreated(params) {
|
||||
console.log(params);
|
||||
document.getElementById('one_time_token').value=params.onetime_token;
|
||||
document.getElementById('last_4').value=params.last_4;
|
||||
let button = document.querySelector("#form_btn");
|
||||
button.click();
|
||||
}
|
||||
function onTokenFailed(params) {
|
||||
var errors = '<div class="alert alert-failure mb-4"><ul><li>'+ params.response_description +'</li></ul></div>';
|
||||
document.getElementById("forte_errors").innerHTML = errors;
|
||||
}
|
||||
function submitACH(){
|
||||
var account_number=document.getElementById('account-number').value;
|
||||
var routing_number=document.getElementById('routing-number').value;
|
||||
|
||||
var data = {
|
||||
api_login_id: 'D4A18FE6DC',
|
||||
account_number: account_number,
|
||||
routing_number: routing_number,
|
||||
account_type: "checking",
|
||||
}
|
||||
|
||||
forte.createToken(data)
|
||||
.success(onTokenCreated)
|
||||
.error(onTokenFailed);
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
@ -1,16 +1,19 @@
|
||||
@extends('portal.ninja2020.layout.payments', ['gateway_title' => ctrans('texts.credit_card'), 'card_title' => ctrans('texts.credit_card')])
|
||||
|
||||
@section('gateway_head')
|
||||
{{-- <meta name="authorize-public-key" content="{{ $public_client_id }}">
|
||||
<meta name="authorize-login-id" content="{{ $api_login_id }}"> --}}
|
||||
<meta name="year-invalid" content="{{ ctrans('texts.year_invalid') }}">
|
||||
<meta name="month-invalid" content="{{ ctrans('texts.month_invalid') }}">
|
||||
<meta name="credit-card-invalid" content="{{ ctrans('texts.credit_card_invalid') }}">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
|
||||
<script src="{{ asset('js/clients/payments/card-js.min.js') }}"></script>
|
||||
<script src="{{ asset('js/clients/payments/forte-card-js.min.js') }}"></script>
|
||||
|
||||
<link href="{{ asset('css/card-js.min.css') }}" rel="stylesheet" type="text/css">
|
||||
@if($gateway->getConfigField('testMode'))
|
||||
<script type="text/javascript" src="https://sandbox.forte.net/api/js/v1"></script>
|
||||
@else
|
||||
<script type="text/javascript" src="https://api.forte.net/js/v1"></script>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('gateway_content')
|
||||
@ -20,13 +23,11 @@
|
||||
|
||||
{{-- <input type="hidden" name="company_gateway_id" value="{{ $gateway->company_gateway->id }}"> --}}
|
||||
<input type="hidden" name="payment_method_id" value="1">
|
||||
<input type="hidden" name="gateway_response" id="gateway_response">
|
||||
<input type="hidden" name="is_default" id="is_default">
|
||||
<input type="hidden" name="dataValue" id="dataValue"/>
|
||||
<input type="hidden" name="dataDescriptor" id="dataDescriptor"/>
|
||||
<input type="hidden" name="expiry_month" id="expiration_month">
|
||||
<input type="hidden" name="expiry_year" id="expiration_year">
|
||||
<input type="hidden" name="one_time_token" id="one_time_token">
|
||||
<input type="hidden" name="card_type" id="card_type">
|
||||
<input type="hidden" name="expire_year" id="expire_year">
|
||||
<input type="hidden" name="expire_month" id="expire_month">
|
||||
<input type="hidden" name="last_4" id="last_4">
|
||||
|
||||
@if(!Request::isSecure())
|
||||
<p class="alert alert-failure">{{ ctrans('texts.https_required') }}</p>
|
||||
@ -36,6 +37,7 @@
|
||||
@if(Session::has('error'))
|
||||
<div class="alert alert-failure mb-4" id="errors">{{ Session::get('error') }}</div>
|
||||
@endif
|
||||
<div id="forte_errors"></div>
|
||||
@if ($errors->any())
|
||||
<div class="alert alert-failure mb-4">
|
||||
<ul>
|
||||
@ -66,21 +68,21 @@
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
{{-- @component('portal.ninja2020.gateways.includes.pay_now', ['id' => 'card_button'])
|
||||
{{ ctrans('texts.add_payment_method') }}
|
||||
@endcomponent --}}
|
||||
@endsection
|
||||
|
||||
@section('gateway_footer')
|
||||
{{-- @if($gateway->company_gateway->getConfigField('testMode'))
|
||||
<script src="https://jstest.authorize.net/v1/Accept.js" charset="utf-8"></script>
|
||||
@else
|
||||
<script src="https://js.authorize.net/v1/Accept.js" charset="utf-8"></script>
|
||||
@endif
|
||||
|
||||
<script src="{{ asset('js/clients/payment_methods/authorize-authorize-card.js') }}"></script> --}}
|
||||
<script>
|
||||
function onTokenCreated(params) {
|
||||
console.log(params);
|
||||
document.getElementById('one_time_token').value=params.onetime_token;
|
||||
document.getElementById('last_4').value=params.last_4;
|
||||
let button = document.querySelector("#form_btn");
|
||||
button.click();
|
||||
}
|
||||
function onTokenFailed(params) {
|
||||
var errors = '<div class="alert alert-failure mb-4"><ul><li>'+ params.response_description +'</li></ul></div>';
|
||||
document.getElementById("forte_errors").innerHTML = errors;
|
||||
}
|
||||
function submitCard(){
|
||||
var doc = document.getElementsByClassName("card-number-wrapper");
|
||||
var cardType=doc[0].childNodes[1].classList[2];
|
||||
@ -99,10 +101,24 @@
|
||||
}
|
||||
var month=document.querySelector('input[name=expiry-month]').value;
|
||||
var year=document.querySelector('input[name=expiry-year]').value;
|
||||
document.getElementById('expiration_month').value=month;
|
||||
document.getElementById('expiration_year').value=year;
|
||||
let button = document.querySelector("#form_btn");
|
||||
button.click();
|
||||
var cc=document.getElementById('card_number').value.replaceAll(' ','');
|
||||
var cvv=document.getElementById('cvv').value;
|
||||
|
||||
document.getElementById('expire_year').value=year;
|
||||
document.getElementById('expire_month').value=month;
|
||||
|
||||
var data = {
|
||||
api_login_id: 'D4A18FE6DC',
|
||||
card_number: cc,
|
||||
expire_year: year,
|
||||
expire_month: month,
|
||||
cvv: cvv,
|
||||
}
|
||||
|
||||
forte.createToken(data)
|
||||
.success(onTokenCreated)
|
||||
.error(onTokenFailed);
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
@endsection
|
||||
@ -2,7 +2,7 @@
|
||||
style="display: flex!important; justify-content: center!important;" id="authorize--credit-card-container">
|
||||
<div class="card-js" id="my-card" data-capture-name="true">
|
||||
<input class="name" id="cardholder_name" name="card_holders_name" placeholder="{{ ctrans('texts.name')}}">
|
||||
<input class="card-number my-custom-class" id="card_number" name="card_number">
|
||||
<input class="card-number my-custom-class" id="card_number">
|
||||
<input type="hidden" name="expiry_month" id="expiration_month">
|
||||
<input type="hidden" name="expiry_year" id="expiration_year">
|
||||
<input class="cvc" name="cvc" id="cvv">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user