1
0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-08 12:12:48 +01:00

New payment flow: Various fixes (#89)

* assets builds

* authorize: use simple-card from asset

* forte: use simple-card from asset

* remove @invoiceninja/simple-card from package

* update usages

* stripe: ach fix

* stripe: alipay fix

* stripe: bacs fix

* stripe: acss fix

* stripe: giropay fix

* assets build
This commit is contained in:
Benjamin Beganović 2024-08-28 03:17:03 +02:00
parent 65491a6e5e
commit 414cfca1af
22 changed files with 42 additions and 895 deletions

View File

@ -200,7 +200,7 @@ class ACH implements LivewireMethodInterface
*/
public function paymentView(array $data)
{
$this->paymentData($data);
$data = $this->paymentData($data);
return render('gateways.stripe.ach.pay', $data);
}

View File

@ -162,7 +162,7 @@ class ACSS implements LivewireMethodInterface
return $intent;
}
public function paymentData(array $data)
public function paymentData(array $data): array
{
if(count($data['tokens']) == 0) {
$hash = Str::random(32);

View File

@ -153,6 +153,6 @@ class GIROPAY implements LivewireMethodInterface
public function livewirePaymentView(array $data): string
{
return 'gateways.giropay.pay_livewire';
return 'gateways.stripe.giropay.pay_livewire';
}
}

45
package-lock.json generated
View File

@ -1,11 +1,10 @@
{
"name": "invoiceninja",
"name": "@invoiceninja/invoiceninja",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"dependencies": {
"@invoiceninja/simple-card": "^0.0.2",
"axios": "^0.25",
"card-js": "^1.0.13",
"card-validator": "^8.1.1",
@ -2026,15 +2025,6 @@
"purgecss": "^3.1.3"
}
},
"node_modules/@invoiceninja/simple-card": {
"version": "0.0.2",
"resolved": "https://registry.npmjs.org/@invoiceninja/simple-card/-/simple-card-0.0.2.tgz",
"integrity": "sha512-xDZvfrumnE7Qkp5e4N8EFfEIOcQfMJXSI+o/xeVlTb1WvibulSBgWkIg7J0zZW0eIDvGKCpEv3k+NBpASlaJUw==",
"dependencies": {
"@maskito/core": "^3.0.0",
"@maskito/kit": "^3.0.0"
}
},
"node_modules/@isaacs/cliui": {
"version": "8.0.2",
"resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@ -2200,19 +2190,6 @@
"resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
"integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A=="
},
"node_modules/@maskito/core": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/@maskito/core/-/core-3.0.0.tgz",
"integrity": "sha512-g7zeYPMlpMczrq4Huf+Bpdm3Emy/GO0NUXXnQnUiCjlAoKQl+86cLyP5Hbf4HGcNl/J9SoEGEA4uoW6uUc/yLw=="
},
"node_modules/@maskito/kit": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/@maskito/kit/-/kit-3.0.0.tgz",
"integrity": "sha512-aXRlDBjeNox/+D7hbXtnM9INGml1QUIXhrnScrCsbqgg7550mt/ivh4PrxL7oazq/BH7HhvS4olJCF5TPEti1g==",
"peerDependencies": {
"@maskito/core": "^3.0.0"
}
},
"node_modules/@nodelib/fs.scandir": {
"version": "2.1.5",
"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@ -12735,15 +12712,6 @@
"purgecss": "^3.1.3"
}
},
"@invoiceninja/simple-card": {
"version": "0.0.2",
"resolved": "https://registry.npmjs.org/@invoiceninja/simple-card/-/simple-card-0.0.2.tgz",
"integrity": "sha512-xDZvfrumnE7Qkp5e4N8EFfEIOcQfMJXSI+o/xeVlTb1WvibulSBgWkIg7J0zZW0eIDvGKCpEv3k+NBpASlaJUw==",
"requires": {
"@maskito/core": "^3.0.0",
"@maskito/kit": "^3.0.0"
}
},
"@isaacs/cliui": {
"version": "8.0.2",
"resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@ -12868,17 +12836,6 @@
"resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
"integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A=="
},
"@maskito/core": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/@maskito/core/-/core-3.0.0.tgz",
"integrity": "sha512-g7zeYPMlpMczrq4Huf+Bpdm3Emy/GO0NUXXnQnUiCjlAoKQl+86cLyP5Hbf4HGcNl/J9SoEGEA4uoW6uUc/yLw=="
},
"@maskito/kit": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/@maskito/kit/-/kit-3.0.0.tgz",
"integrity": "sha512-aXRlDBjeNox/+D7hbXtnM9INGml1QUIXhrnScrCsbqgg7550mt/ivh4PrxL7oazq/BH7HhvS4olJCF5TPEti1g==",
"requires": {}
},
"@nodelib/fs.scandir": {
"version": "2.1.5",
"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",

View File

@ -23,7 +23,6 @@
"vue-template-compiler": "^2.6.14"
},
"dependencies": {
"@invoiceninja/simple-card": "^0.0.2",
"axios": "^0.25",
"card-js": "^1.0.13",
"card-validator": "^8.1.1",

File diff suppressed because one or more lines are too long

1
public/build/assets/app-4e969b65.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,4 +1,4 @@
var m=Object.defineProperty;var y=(n,e,t)=>e in n?m(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var o=(n,e,t)=>(y(n,typeof e!="symbol"?e+"":e,t),t);import{$ as h}from"./simple-card-4314d842.js";import{i as g,w as p}from"./wait-8f4ae121.js";/**
var m=Object.defineProperty;var y=(n,e,t)=>e in n?m(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var o=(n,e,t)=>(y(n,typeof e!="symbol"?e+"":e,t),t);import{i as h,w as g}from"./wait-8f4ae121.js";/**
* Invoice Ninja (https://invoiceninja.com)
*
* @link https://github.com/invoiceninja/invoiceninja source repository
@ -6,4 +6,4 @@ var m=Object.defineProperty;var y=(n,e,t)=>e in n?m(n,e,{enumerable:!0,configura
* @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
*
* @license https://www.elastic.co/licensing/elastic-license
*/class v{constructor(e,t){o(this,"handleAuthorization",()=>{var c,l,s,i;if(this.cvvRequired=="1"&&document.getElementById("cvv").value.length<3){const r=document.getElementById("errors");r&&(r.innerText="CVV is required",r.style.display="block"),document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden");return}var e={};e.clientKey=this.publicKey,e.apiLoginID=this.loginId;var t={};t.cardNumber=(c=this.sc.value("number"))==null?void 0:c.replace(/[^\d]/g,""),t.month=(l=this.sc.value("month"))==null?void 0:l.replace(/[^\d]/g,""),t.year=`20${(s=this.sc.value("year"))==null?void 0:s.replace(/[^\d]/g,"")}`,t.cardCode=(i=this.sc.value("cvv"))==null?void 0:i.replace(/[^\d]/g,"");var a={};return a.authData=e,a.cardData=t,document.getElementById("pay-now")&&(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden")),Accept.dispatchData(a,this.responseHandler),!1});o(this,"responseHandler",e=>{if(e.messages.resultCode==="Error"){var t=0;const a=document.getElementById("errors");a&&(a.innerText=`${e.messages.message[t].code}: ${e.messages.message[t].text}`,a.style.display="block"),document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}else if(e.messages.resultCode==="Ok"){document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue;let a=document.querySelector("input[name=token-billing-checkbox]:checked");a&&(document.getElementById("store_card").value=a.value),document.getElementById("server_response").submit()}return!1});o(this,"handle",()=>{Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach(a=>a.addEventListener("click",d=>{document.getElementById("save-card--container").style.display="none",document.getElementById("authorize--credit-card-container").style.display="none",document.getElementById("token").value=d.target.dataset.token}));let e=document.getElementById("toggle-payment-with-credit-card");e&&e.addEventListener("click",()=>{document.getElementById("save-card--container").style.display="grid",document.getElementById("authorize--credit-card-container").style.display="flex",document.getElementById("token").value=null});let t=document.getElementById("pay-now");return t&&t.addEventListener("click",a=>{let d=document.getElementById("token");d.value?this.handlePayNowAction(d.value):this.handleAuthorization()}),this});this.publicKey=e,this.loginId=t,this.cardHolderName=document.getElementById("cardholder_name"),this.sc=new h({fields:{card:{number:"#number",date:"#date",cvv:"#cvv"}}}),this.sc.mount(),this.cvvRequired=document.querySelector('meta[name="authnet-require-cvv"]').content}handlePayNowAction(e){document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),document.getElementById("token").value=e,document.getElementById("server_response").submit()}}function u(){const n=document.querySelector('meta[name="authorize-public-key"]').content,e=document.querySelector('meta[name="authorize-login-id"]').content;new v(n,e).handle()}g()?u():p("#authorize-net-credit-card-payment").then(()=>u());
*/class p{constructor(e,t){o(this,"handleAuthorization",()=>{var c,l,s,i;if(this.cvvRequired=="1"&&document.getElementById("cvv").value.length<3){const r=document.getElementById("errors");r&&(r.innerText="CVV is required",r.style.display="block"),document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden");return}var e={};e.clientKey=this.publicKey,e.apiLoginID=this.loginId;var t={};t.cardNumber=(c=this.sc.value("number"))==null?void 0:c.replace(/[^\d]/g,""),t.month=(l=this.sc.value("month"))==null?void 0:l.replace(/[^\d]/g,""),t.year=`20${(s=this.sc.value("year"))==null?void 0:s.replace(/[^\d]/g,"")}`,t.cardCode=(i=this.sc.value("cvv"))==null?void 0:i.replace(/[^\d]/g,"");var a={};return a.authData=e,a.cardData=t,document.getElementById("pay-now")&&(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden")),Accept.dispatchData(a,this.responseHandler),!1});o(this,"responseHandler",e=>{if(e.messages.resultCode==="Error"){var t=0;const a=document.getElementById("errors");a&&(a.innerText=`${e.messages.message[t].code}: ${e.messages.message[t].text}`,a.style.display="block"),document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden")}else if(e.messages.resultCode==="Ok"){document.getElementById("dataDescriptor").value=e.opaqueData.dataDescriptor,document.getElementById("dataValue").value=e.opaqueData.dataValue;let a=document.querySelector("input[name=token-billing-checkbox]:checked");a&&(document.getElementById("store_card").value=a.value),document.getElementById("server_response").submit()}return!1});o(this,"handle",()=>{Array.from(document.getElementsByClassName("toggle-payment-with-token")).forEach(a=>a.addEventListener("click",d=>{document.getElementById("save-card--container").style.display="none",document.getElementById("authorize--credit-card-container").style.display="none",document.getElementById("token").value=d.target.dataset.token}));let e=document.getElementById("toggle-payment-with-credit-card");e&&e.addEventListener("click",()=>{document.getElementById("save-card--container").style.display="grid",document.getElementById("authorize--credit-card-container").style.display="flex",document.getElementById("token").value=null});let t=document.getElementById("pay-now");return t&&t.addEventListener("click",a=>{let d=document.getElementById("token");d.value?this.handlePayNowAction(d.value):this.handleAuthorization()}),this});this.publicKey=e,this.loginId=t,this.cardHolderName=document.getElementById("cardholder_name"),this.sc=createSimpleCard({fields:{card:{number:"#number",date:"#date",cvv:"#cvv"}}}),this.sc.mount(),this.cvvRequired=document.querySelector('meta[name="authnet-require-cvv"]').content}handlePayNowAction(e){document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden"),document.getElementById("token").value=e,document.getElementById("server_response").submit()}}function u(){const n=document.querySelector('meta[name="authorize-public-key"]').content,e=document.querySelector('meta[name="authorize-login-id"]').content;new p(n,e).handle()}h()?u():g("#authorize-net-credit-card-payment").then(()=>u());

View File

@ -1,4 +1,4 @@
var c=Object.defineProperty;var l=(n,e,t)=>e in n?c(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var a=(n,e,t)=>(l(n,typeof e!="symbol"?e+"":e,t),t);import{i as u,w as m}from"./wait-8f4ae121.js";import{$ as p}from"./simple-card-4314d842.js";/**
var c=Object.defineProperty;var l=(n,e,t)=>e in n?c(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var a=(n,e,t)=>(l(n,typeof e!="symbol"?e+"":e,t),t);import{i as u,w as m}from"./wait-8f4ae121.js";/**
* Invoice Ninja (https://invoiceninja.com)
*
* @link https://github.com/invoiceninja/invoiceninja source repository
@ -6,4 +6,4 @@ var c=Object.defineProperty;var l=(n,e,t)=>e in n?c(n,e,{enumerable:!0,configura
* @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
*
* @license https://opensource.org/licenses/AAL
*/class y{constructor(e){a(this,"handleAuthorization",()=>{var r,o,d,s;const e={api_login_id:this.apiLoginId,card_number:(r=this.sc.value("number"))==null?void 0:r.replace(/[^\d]/g,""),expire_year:`20${(o=this.sc.value("year"))==null?void 0:o.replace(/[^\d]/g,"")}`,expire_month:(d=this.sc.value("month"))==null?void 0:d.replace(/[^\d]/g,""),cvv:(s=this.sc.value("cvv"))==null?void 0:s.replace(/[^\d]/g,"")};return document.getElementById("pay-now")&&(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden")),forte.createToken(e).success(this.successResponseHandler).error(this.failedResponseHandler),!1});a(this,"successResponseHandler",e=>(document.getElementById("payment_token").value=e.onetime_token,document.getElementById("card_brand").value=e.card_type,document.getElementById("server_response").submit(),!1));a(this,"failedResponseHandler",e=>{var t='<div class="alert alert-failure mb-4"><ul><li>'+e.response_description+"</li></ul></div>";return document.getElementById("forte_errors").innerHTML=t,document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden"),!1});a(this,"handle",()=>{let e=document.getElementById("pay-now");return e&&e.addEventListener("click",t=>{this.handleAuthorization()}),this});this.apiLoginId=e,this.cardHolderName=document.getElementById("cardholder_name"),this.sc=new p({fields:{card:{number:"#number",date:"#date",cvv:"#cvv"}}}),this.sc.mount()}}function i(){const n=document.querySelector('meta[name="forte-api-login-id"]').content;new y(n).handle()}u()?i():m("#forte-credit-card-payment").then(()=>i());
*/class p{constructor(e){a(this,"handleAuthorization",()=>{var r,d,o,s;const e={api_login_id:this.apiLoginId,card_number:(r=this.sc.value("number"))==null?void 0:r.replace(/[^\d]/g,""),expire_year:`20${(d=this.sc.value("year"))==null?void 0:d.replace(/[^\d]/g,"")}`,expire_month:(o=this.sc.value("month"))==null?void 0:o.replace(/[^\d]/g,""),cvv:(s=this.sc.value("cvv"))==null?void 0:s.replace(/[^\d]/g,"")};return document.getElementById("pay-now")&&(document.getElementById("pay-now").disabled=!0,document.querySelector("#pay-now > svg").classList.remove("hidden"),document.querySelector("#pay-now > span").classList.add("hidden")),forte.createToken(e).success(this.successResponseHandler).error(this.failedResponseHandler),!1});a(this,"successResponseHandler",e=>(document.getElementById("payment_token").value=e.onetime_token,document.getElementById("card_brand").value=e.card_type,document.getElementById("server_response").submit(),!1));a(this,"failedResponseHandler",e=>{var t='<div class="alert alert-failure mb-4"><ul><li>'+e.response_description+"</li></ul></div>";return document.getElementById("forte_errors").innerHTML=t,document.getElementById("pay-now").disabled=!1,document.querySelector("#pay-now > svg").classList.add("hidden"),document.querySelector("#pay-now > span").classList.remove("hidden"),!1});a(this,"handle",()=>{let e=document.getElementById("pay-now");return e&&e.addEventListener("click",t=>{this.handleAuthorization()}),this});this.apiLoginId=e,this.cardHolderName=document.getElementById("cardholder_name"),this.sc=createSimpleCard({fields:{card:{number:"#number",date:"#date",cvv:"#cvv"}}}),this.sc.mount()}}function i(){const n=document.querySelector('meta[name="forte-api-login-id"]').content;new p(n).handle()}u()?i():m("#forte-credit-card-payment").then(()=>i());

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,9 @@
var c=Object.defineProperty;var d=(n,e,t)=>e in n?c(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var o=(n,e,t)=>(d(n,typeof e!="symbol"?e+"":e,t),t);import{i as u,w as l}from"./wait-8f4ae121.js";/**
* Invoice Ninja (https://invoiceninja.com)
*
* @link https://github.com/invoiceninja/invoiceninja source repository
*
* @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
*
* @license https://www.elastic.co/licensing/elastic-license
*/class h{constructor(e,t,s){o(this,"setupStripe",()=>(this.stripeConnect?this.stripe=Stripe(this.key,{stripeAccount:this.stripeConnect}):this.stripe=Stripe(this.key),this));o(this,"payment_data");o(this,"handle",()=>{this.onlyAuthorization?document.getElementById("authorize-bacs").addEventListener("click",e=>{document.getElementById("authorize-bacs").disabled=!0,document.querySelector("#authorize-bacs > svg").classList.remove("hidden"),document.querySelector("#authorize-bacs > span").classList.add("hidden"),location.href=document.querySelector("meta[name=stripe-redirect-url]").content}):(this.payNowButton=document.getElementById("pay-now"),document.getElementById("pay-now").addEventListener("click",e=>{this.payNowButton.disabled=!0,this.payNowButton.querySelector("svg").classList.remove("hidden"),this.payNowButton.querySelector("span").classList.add("hidden"),document.getElementById("server-response").submit()}),this.payment_data=Array.from(document.getElementsByClassName("toggle-payment-with-token")),this.payment_data.length>0?this.payment_data.forEach(e=>e.addEventListener("click",t=>{document.querySelector("input[name=token]").value=t.target.dataset.token})):(this.errors.textContent=document.querySelector("meta[name=translation-payment-method-required]").content,this.errors.hidden=!1,this.payNowButton.disabled=!0,this.payNowButton.querySelector("span").classList.remove("hidden"),this.payNowButton.querySelector("svg").classList.add("hidden")))});this.key=e,this.errors=document.getElementById("errors"),this.stripeConnect=t,this.onlyAuthorization=s}}function a(){var s,i,r;const n=((s=document.querySelector('meta[name="stripe-publishable-key"]'))==null?void 0:s.content)??"",e=((i=document.querySelector('meta[name="stripe-account-id"]'))==null?void 0:i.content)??"",t=((r=document.querySelector('meta[name="only-authorization"]'))==null?void 0:r.content)??"";new h(n,e,t).setupStripe().handle()}u()?a():l("#stripe-bacs-payment").then(()=>a());

View File

@ -1,9 +0,0 @@
var a=Object.defineProperty;var c=(n,e,t)=>e in n?a(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var s=(n,e,t)=>(c(n,typeof e!="symbol"?e+"":e,t),t);import{i as d,w as u}from"./wait-8f4ae121.js";/**
* Invoice Ninja (https://invoiceninja.com)
*
* @link https://github.com/invoiceninja/invoiceninja source repository
*
* @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
*
* @license https://www.elastic.co/licensing/elastic-license
*/class l{constructor(e,t){s(this,"setupStripe",()=>(this.stripeConnect?this.stripe=Stripe(this.key,{stripeAccount:this.stripeConnect}):this.stripe=Stripe(this.key),this));s(this,"payment_data");s(this,"handle",()=>{this.onlyAuthorization?document.getElementById("authorize-bacs").addEventListener("click",e=>{document.getElementById("authorize-bacs").disabled=!0,document.querySelector("#authorize-bacs > svg").classList.remove("hidden"),document.querySelector("#authorize-bacs > span").classList.add("hidden"),location.href=document.querySelector("meta[name=stripe-redirect-url]").content}):(this.payNowButton=document.getElementById("pay-now"),document.getElementById("pay-now").addEventListener("click",e=>{this.payNowButton.disabled=!0,this.payNowButton.querySelector("svg").classList.remove("hidden"),this.payNowButton.querySelector("span").classList.add("hidden"),document.getElementById("server-response").submit()}),this.payment_data=Array.from(document.getElementsByClassName("toggle-payment-with-token")),this.payment_data.length>0?this.payment_data.forEach(e=>e.addEventListener("click",t=>{document.querySelector("input[name=token]").value=t.target.dataset.token})):(this.errors.textContent=document.querySelector("meta[name=translation-payment-method-required]").content,this.errors.hidden=!1,this.payNowButton.disabled=!0,this.payNowButton.querySelector("span").classList.remove("hidden"),this.payNowButton.querySelector("svg").classList.add("hidden")))});this.key=e,this.errors=document.getElementById("errors"),this.stripeConnect=t,this.onlyAuthorization=onlyAuthorization}}function r(){var t,o,i;const n=((t=document.querySelector('meta[name="stripe-publishable-key"]'))==null?void 0:t.content)??"",e=((o=document.querySelector('meta[name="stripe-account-id"]'))==null?void 0:o.content)??"";(i=document.querySelector('meta[name="only-authorization"]'))==null||i.content,new l(n,e).setupStripe().handle()}d()?r():u("#stripe-bacs-payment").then(()=>r());

View File

@ -8,9 +8,6 @@
"__commonjsHelpers-725317a4.js"
]
},
"_simple-card-4314d842.js": {
"file": "assets/simple-card-4314d842.js"
},
"_wait-8f4ae121.js": {
"file": "assets/wait-8f4ae121.js"
},
@ -70,9 +67,8 @@
"src": "resources/js/clients/payment_methods/wepay-bank-account.js"
},
"resources/js/clients/payments/authorize-credit-card-payment.js": {
"file": "assets/authorize-credit-card-payment-f92567bc.js",
"file": "assets/authorize-credit-card-payment-222655bd.js",
"imports": [
"_simple-card-4314d842.js",
"_wait-8f4ae121.js"
],
"isEntry": true,
@ -121,6 +117,7 @@
"resources/js/clients/payments/forte-credit-card-payment.js": {
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
"file": "assets/forte-credit-card-payment-7bb15431.js",
=======
@ -131,9 +128,11 @@
=======
"file": "assets/forte-credit-card-payment-3ff75b59.js",
>>>>>>> 3d69a0b88c (Apply Livewire patch to load assets async (#85))
=======
"file": "assets/forte-credit-card-payment-ea7d8632.js",
>>>>>>> 48fdf6a85c (New payment flow: Various fixes (#89))
"imports": [
"_wait-8f4ae121.js",
"_simple-card-4314d842.js"
"_wait-8f4ae121.js"
],
>>>>>>> fb57d4d9de (Improve new flow)
"isEntry": true,
@ -201,7 +200,7 @@
"src": "resources/js/clients/payments/stripe-alipay.js"
},
"resources/js/clients/payments/stripe-bacs.js": {
"file": "assets/stripe-bacs-c9a61b93.js",
"file": "assets/stripe-bacs-425cb13e.js",
"imports": [
"_wait-8f4ae121.js"
],
@ -368,6 +367,7 @@
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
"file": "assets/app-fee1da41.css",
=======
@ -391,6 +391,9 @@
=======
"file": "assets/app-15411b02.css",
>>>>>>> fba29de459 (New payment flow: Various fixes (#88))
=======
"file": "assets/app-4e969b65.css",
>>>>>>> 48fdf6a85c (New payment flow: Various fixes (#89))
"isEntry": true,
"src": "resources/sass/app.scss"
}

File diff suppressed because one or more lines are too long

View File

@ -1,79 +0,0 @@
export declare const masks: {
visa: {
final: RegExp;
start: RegExp;
length: RegExp;
};
mastercard: {
final: RegExp;
start: RegExp;
length: RegExp;
};
amex: {
final: RegExp;
start: RegExp;
length: RegExp;
};
discover: {
final: RegExp;
start: RegExp;
length: RegExp;
};
diners: {
final: RegExp;
start: RegExp;
length: RegExp;
};
jcb: {
final: RegExp;
start: RegExp;
length: RegExp;
};
};
export declare const numbers: RegExp;
export declare type Options = {
fields: {
card: {
number: string | HTMLInputElement;
date: string | HTMLInputElement;
cvv: string | HTMLInputElement;
name?: string | HTMLInputElement;
};
};
};
export declare class SimpleCard {
#private;
options: Options;
number: HTMLInputElement;
date: HTMLInputElement;
cvv: HTMLInputElement;
constructor(options: Options);
mount(): this;
check(): {
valid: boolean;
number: {
valid: boolean;
value: string;
};
date: {
valid: boolean;
value: string;
};
cvv: {
valid: boolean;
value: string;
};
};
type(): "visa" | "mastercard" | "amex" | "discover" | "diners" | "jcb" | "unknown";
}
export declare type TypeChangeOptions = {
type: string;
value: string;
valid: boolean;
};
export { }

View File

@ -1,734 +0,0 @@
var F = (n) => {
throw TypeError(n);
};
var J = (n, e, s) => e.has(n) || F("Cannot " + s);
var _ = (n, e, s) => e.has(n) ? F("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, s);
var $ = (n, e, s) => (J(n, e, "access private method"), s);
const I = {
mask: /^.*$/,
preprocessors: [],
postprocessors: [],
plugins: [],
overwriteMode: "shift"
};
class Q {
constructor() {
this.now = null, this.past = [], this.future = [];
}
undo() {
const e = this.past.pop();
e && this.now && (this.future.push(this.now), this.updateElement(e, "historyUndo"));
}
redo() {
const e = this.future.pop();
e && this.now && (this.past.push(this.now), this.updateElement(e, "historyRedo"));
}
updateHistory(e) {
if (!this.now) {
this.now = e;
return;
}
const s = this.now.value !== e.value, t = this.now.selection.some((i, r) => i !== e.selection[r]);
!s && !t || (s && (this.past.push(this.now), this.future = []), this.now = e);
}
updateElement(e, s) {
this.now = e, this.updateElementState(e, { inputType: s, data: null });
}
}
function ee(n, ...e) {
return e.every(({ value: s }) => s === n.value);
}
function te(n, ...e) {
return e.every(({ value: s, selection: t }) => s === n.value && t[0] === n.selection[0] && t[1] === n.selection[1]);
}
function ne({ value: n, selection: e }, s, t) {
const [i, r] = e, l = typeof t == "function" ? t({ value: n, selection: e }) : t;
return {
value: n,
selection: l === "replace" ? [i, i + s.length] : [i, r]
};
}
function T(n) {
return typeof n == "string";
}
function j(n, e, s, t) {
let i = "";
for (let r = e.length; r < n.length; r++) {
const l = n[r], a = (t == null ? void 0 : t.value[r]) === l;
if (!T(l) || l === s && !a)
return i;
i += l;
}
return i;
}
function P(n, e) {
return Array.isArray(e) ? n.length === e.length && Array.from(n).every((s, t) => {
const i = e[t];
return T(i) ? s === i : s.match(i);
}) : e.test(n);
}
function se(n, e, s) {
let t = null, i = null;
const r = Array.from(n.value).reduce((a, o, c) => {
const u = j(e, a, o, s), d = a + u, h = e[d.length];
return T(h) ? d + h : o.match(h) ? (t === null && c >= n.selection[0] && (t = d.length), i === null && c >= n.selection[1] && (i = d.length), d + o) : d;
}, ""), l = j(e, r, "", s);
return {
value: P(r + l, e) ? r + l : r,
selection: [t ?? r.length, i ?? r.length]
};
}
function ie({ value: n, selection: e }, s) {
const [t, i] = e;
let r = t, l = i;
return { value: Array.from(n).reduce((o, c, u) => {
const d = o + c;
return t === u && (r = o.length), i === u && (l = o.length), d.match(s) ? d : o;
}, ""), selection: [r, l] };
}
function D(n, e, s = null) {
if (P(n.value, e))
return n;
const { value: t, selection: i } = Array.isArray(e) ? se(n, e, s) : ie(n, e);
return {
selection: i,
value: Array.isArray(e) ? t.slice(0, e.length) : t
};
}
function H(n, e) {
if (!Array.isArray(e))
return n;
const [s, t] = n.selection, i = [], r = Array.from(n.value).reduce((l, a, o) => {
const c = e[o];
return o === s && i.push(l.length), o === t && i.push(l.length), T(c) && c === a ? l : l + a;
}, "");
return i.length < 2 && i.push(...new Array(2 - i.length).fill(r.length)), {
value: r,
selection: [i[0], i[1]]
};
}
class L {
constructor(e, s) {
this.initialElementState = e, this.maskOptions = s, this.value = "", this.selection = [0, 0];
const { value: t, selection: i } = D(this.initialElementState, this.getMaskExpression(this.initialElementState));
this.value = t, this.selection = i;
}
addCharacters([e, s], t) {
const { value: i } = this, r = this.getMaskExpression({
value: i.slice(0, e) + t + i.slice(s),
selection: [e + t.length, e + t.length]
}), l = { value: i, selection: [e, s] }, a = H(l, r), [o, c] = ne(a, t, this.maskOptions.overwriteMode).selection, u = a.value.slice(0, o) + t, d = u.length, h = D({
value: u + a.value.slice(c),
selection: [d, d]
}, r, l);
if (// eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
i.slice(0, o) === D({
value: u,
selection: [d, d]
}, r, l).value || te(this, h))
throw new Error("Invalid mask value");
this.value = h.value, this.selection = h.selection;
}
deleteCharacters([e, s]) {
if (e === s || !s)
return;
const { value: t } = this, i = this.getMaskExpression({
value: t.slice(0, e) + t.slice(s),
selection: [e, e]
}), r = { value: t, selection: [e, s] }, l = H(r, i), [a, o] = l.selection, c = l.value.slice(0, a) + l.value.slice(o), u = D({ value: c, selection: [a, a] }, i, r);
this.value = u.value, this.selection = u.selection;
}
getMaskExpression(e) {
const { mask: s } = this.maskOptions;
return typeof s == "function" ? s(e) : s;
}
}
class re {
constructor(e) {
this.element = e, this.listeners = [];
}
listen(e, s, t) {
const i = s;
this.element.addEventListener(e, i, t), this.listeners.push(() => this.element.removeEventListener(e, i));
}
destroy() {
this.listeners.forEach((e) => e());
}
}
const g = {
CTRL: 1,
ALT: 2,
SHIFT: 4,
META: 8
}, y = {
Y: 89,
Z: 90
};
function b(n, e, s) {
return n.ctrlKey === !!(e & g.CTRL) && n.altKey === !!(e & g.ALT) && n.shiftKey === !!(e & g.SHIFT) && n.metaKey === !!(e & g.META) && /**
* We intentionally use legacy {@link KeyboardEvent#keyCode `keyCode`} property. It is more
* "keyboard-layout"-independent than {@link KeyboardEvent#key `key`} or {@link KeyboardEvent#code `code`} properties.
* @see {@link https://github.com/taiga-family/maskito/issues/315 `KeyboardEvent#code` issue}
*/
n.keyCode === s;
}
function le(n) {
return b(n, g.CTRL, y.Y) || // Windows
b(n, g.CTRL | g.SHIFT, y.Z) || // Windows & Android
b(n, g.META | g.SHIFT, y.Z);
}
function oe(n) {
return b(n, g.CTRL, y.Z) || // Windows & Android
b(n, g.META, y.Z);
}
function ae({ value: n, selection: e }, s) {
const [t, i] = e;
if (t !== i)
return [t, i];
const r = s ? n.slice(t).indexOf(`
`) + 1 || n.length : n.slice(0, i).lastIndexOf(`
`) + 1;
return [s ? t : r, s ? r : i];
}
function ce({ value: n, selection: e }, s) {
const [t, i] = e;
return t !== i ? [t, i] : (s ? [t, i + 1] : [t - 1, i]).map((l) => Math.min(Math.max(l, 0), n.length));
}
const ue = /\s+$/g, de = /^\s+/g, V = /\s/;
function he({ value: n, selection: e }, s) {
const [t, i] = e;
if (t !== i)
return [t, i];
if (s) {
const o = n.slice(t), [c] = o.match(de) || [
""
], u = o.trimStart().search(V);
return [
t,
u !== -1 ? t + c.length + u : n.length
];
}
const r = n.slice(0, i), [l] = r.match(ue) || [""], a = r.trimEnd().split("").reverse().findIndex((o) => o.match(V));
return [
a !== -1 ? i - l.length - a : 0,
i
];
}
function A(n = []) {
return (e, ...s) => n.reduce((t, i) => Object.assign(Object.assign({}, t), i(t, ...s)), e);
}
function pe(n, e) {
const s = Object.assign(Object.assign({}, I), e), t = A(s.preprocessors), i = A(s.postprocessors), r = typeof n == "string" ? { value: n, selection: [0, 0] } : n, { elementState: l } = t({ elementState: r, data: "" }, "validation"), a = new L(l, s), { value: o, selection: c } = i(a, r);
return typeof n == "string" ? o : { value: o, selection: c };
}
class C extends Q {
constructor(e, s) {
super(), this.element = e, this.maskitoOptions = s, this.isTextArea = this.element.nodeName === "TEXTAREA", this.eventListener = new re(this.element), this.options = Object.assign(Object.assign({}, I), this.maskitoOptions), this.preprocessor = A(this.options.preprocessors), this.postprocessor = A(this.options.postprocessors), this.teardowns = this.options.plugins.map((t) => t(this.element, this.options)), this.updateHistory(this.elementState), this.eventListener.listen("keydown", (t) => {
if (le(t))
return t.preventDefault(), this.redo();
if (oe(t))
return t.preventDefault(), this.undo();
}), this.eventListener.listen("beforeinput", (t) => {
var i;
const r = t.inputType.includes("Forward");
switch (this.updateHistory(this.elementState), t.inputType) {
case "historyUndo":
return t.preventDefault(), this.undo();
case "historyRedo":
return t.preventDefault(), this.redo();
case "deleteByCut":
case "deleteContentBackward":
case "deleteContentForward":
return this.handleDelete({
event: t,
isForward: r,
selection: ce(this.elementState, r)
});
case "deleteWordForward":
case "deleteWordBackward":
return this.handleDelete({
event: t,
isForward: r,
selection: he(this.elementState, r),
force: !0
});
case "deleteSoftLineBackward":
case "deleteSoftLineForward":
case "deleteHardLineBackward":
case "deleteHardLineForward":
return this.handleDelete({
event: t,
isForward: r,
selection: ae(this.elementState, r),
force: !0
});
case "insertCompositionText":
return;
case "insertReplacementText":
return;
case "insertLineBreak":
case "insertParagraph":
return this.handleEnter(t);
case "insertFromPaste":
case "insertText":
case "insertFromDrop":
default:
return this.handleInsert(t, t.data || // `event.data` for `contentEditable` is always `null` for paste/drop events
((i = t.dataTransfer) === null || i === void 0 ? void 0 : i.getData("text/plain")) || "");
}
}), this.eventListener.listen("input", ({ inputType: t }) => {
t !== "insertCompositionText" && (this.ensureValueFitsMask(), this.updateHistory(this.elementState));
}), this.eventListener.listen("compositionend", () => {
this.ensureValueFitsMask(), this.updateHistory(this.elementState);
});
}
get elementState() {
const { value: e, selectionStart: s, selectionEnd: t } = this.element;
return {
value: e,
selection: [s || 0, t || 0]
};
}
get maxLength() {
const { maxLength: e } = this.element;
return e === -1 ? 1 / 0 : e;
}
destroy() {
this.eventListener.destroy(), this.teardowns.forEach((e) => e == null ? void 0 : e());
}
updateElementState({ value: e, selection: s }, t = {
inputType: "insertText",
data: null
}) {
const i = this.elementState.value;
this.updateValue(e), this.updateSelectionRange(s), i !== e && this.dispatchInputEvent(t);
}
updateSelectionRange([e, s]) {
var t;
const { element: i } = this;
i.matches(":focus") && (i.selectionStart !== e || i.selectionEnd !== s) && ((t = i.setSelectionRange) === null || t === void 0 || t.call(i, e, s));
}
updateValue(e) {
this.element.value = e;
}
ensureValueFitsMask() {
this.updateElementState(pe(this.elementState, this.options));
}
dispatchInputEvent(e = {
inputType: "insertText",
data: null
}) {
globalThis.InputEvent && this.element.dispatchEvent(new InputEvent("input", Object.assign(Object.assign({}, e), { bubbles: !0, cancelable: !1 })));
}
handleDelete({ event: e, selection: s, isForward: t, force: i = !1 }) {
const r = {
value: this.elementState.value,
selection: s
}, [l, a] = r.selection, { elementState: o } = this.preprocessor({
elementState: r,
data: ""
}, t ? "deleteForward" : "deleteBackward"), c = new L(o, this.options), [u, d] = o.selection;
c.deleteCharacters([u, d]);
const h = this.postprocessor(c, r);
if (!(r.value.slice(0, l) + r.value.slice(a) === h.value && !i && !this.element.isContentEditable)) {
if (e.preventDefault(), ee(r, o, c, h))
return this.updateSelectionRange(t ? [d, d] : [u, u]);
this.updateElementState(h, {
inputType: e.inputType,
data: null
}), this.updateHistory(h);
}
}
handleInsert(e, s) {
const t = this.elementState, { elementState: i, data: r = s } = this.preprocessor({
data: s,
elementState: t
}, "insert"), l = new L(i, this.options);
try {
l.addCharacters(i.selection, r);
} catch {
return e.preventDefault();
}
const [a, o] = i.selection, c = t.value.slice(0, a) + s + t.value.slice(o), u = this.postprocessor(l, t);
if (u.value.length > this.maxLength)
return e.preventDefault();
(c !== u.value || this.element.isContentEditable) && (e.preventDefault(), this.updateElementState(u, {
data: s,
inputType: e.inputType
}), this.updateHistory(u));
}
handleEnter(e) {
(this.isTextArea || this.element.isContentEditable) && this.handleInsert(e, `
`);
}
}
function fe(n, e, s) {
const t = Math.min(Number(s), Math.max(Number(e), Number(n)));
return n instanceof Date ? new Date(t) : t;
}
function ge(n) {
return n.replaceAll(/\W/g, "").length;
}
const B = (n) => {
var e, s, t;
return {
day: ((e = n.match(/d/g)) === null || e === void 0 ? void 0 : e.length) || 0,
month: ((s = n.match(/m/g)) === null || s === void 0 ? void 0 : s.length) || 0,
year: ((t = n.match(/y/g)) === null || t === void 0 ? void 0 : t.length) || 0
};
};
function me(n) {
return {
day: String(n.getDate()).padStart(2, "0"),
month: String(n.getMonth() + 1).padStart(2, "0"),
year: String(n.getFullYear()).padStart(4, "0"),
hours: String(n.getHours()).padStart(2, "0"),
minutes: String(n.getMinutes()).padStart(2, "0"),
seconds: String(n.getSeconds()).padStart(2, "0"),
milliseconds: String(n.getMilliseconds()).padStart(3, "0")
};
}
function ve(n, e) {
return n.length < e.length ? !1 : n.split(/\D/).every((s) => !s.match(/^0+$/));
}
function W(n, e, s) {
const t = ge(e);
return n.replace(s, "").match(new RegExp(`(\\D*\\d[^\\d\\s]*){1,${t}}`, "g")) || [];
}
function M(n, e) {
const s = e.replaceAll(/[^dmy]/g, ""), t = n.replaceAll(/\D+/g, ""), i = {
day: t.slice(s.indexOf("d"), s.lastIndexOf("d") + 1),
month: t.slice(s.indexOf("m"), s.lastIndexOf("m") + 1),
year: t.slice(s.indexOf("y"), s.lastIndexOf("y") + 1)
};
return Object.fromEntries(Object.entries(i).filter(([r, l]) => !!l).sort(([r], [l]) => e.toLowerCase().indexOf(r[0]) > e.toLowerCase().indexOf(l[0]) ? 1 : -1));
}
function Ee(n, e) {
var s, t, i, r, l, a, o;
const c = ((s = n.year) === null || s === void 0 ? void 0 : s.length) === 2 ? `20${n.year}` : n.year, u = new Date(Number(c ?? "0"), Number((t = n.month) !== null && t !== void 0 ? t : "1") - 1, Number((i = n.day) !== null && i !== void 0 ? i : "1"), Number((r = void 0) !== null && r !== void 0 ? r : "0"), Number((l = void 0) !== null && l !== void 0 ? l : "0"), Number((a = void 0) !== null && a !== void 0 ? a : "0"), Number((o = void 0) !== null && o !== void 0 ? o : "0"));
return u.setFullYear(Number(c ?? "0")), u;
}
const U = ", ";
function w({ day: n, month: e, year: s, hours: t, minutes: i, seconds: r, milliseconds: l }, { dateMode: a, dateTimeSeparator: o = U, timeMode: c }) {
var u;
const d = ((u = a.match(/y/g)) === null || u === void 0 ? void 0 : u.length) === 2 ? s == null ? void 0 : s.slice(-2) : s;
return (a + (c ? o + c : "")).replaceAll(/d+/g, n ?? "").replaceAll(/m+/g, e ?? "").replaceAll(/y+/g, d ?? "").replaceAll(/H+/g, t ?? "").replaceAll("MSS", l ?? "").replaceAll(/M+/g, i ?? "").replaceAll(/S+/g, r ?? "").replaceAll(/^\D+/g, "").replaceAll(/\D+$/g, "");
}
const G = {
day: 31,
month: 12,
year: 9999
}, Se = /* @__PURE__ */ new Date("0001-01-01"), ye = /* @__PURE__ */ new Date("9999-12-31"), be = [":", "."];
function we({ dateString: n, dateModeTemplate: e, dateSegmentsSeparator: s, offset: t, selection: [i, r] }) {
const l = M(n, e), a = Object.entries(l), o = {};
for (const [d, h] of a) {
const f = w(o, {
dateMode: e
}), S = G[d], v = f.length && s.length, m = t + f.length + v + B(e)[d], E = m >= i && m === r;
if (E && Number(h) > Number(S))
return { validatedDateString: "", updatedSelection: [i, r] };
if (E && Number(h) < 1)
return { validatedDateString: "", updatedSelection: [i, r] };
o[d] = h;
}
const c = w(o, {
dateMode: e
}), u = c.length - n.length;
return {
validatedDateString: c,
updatedSelection: [
i + u,
r + u
]
};
}
const Z = /[\\^$.*+?()[\]{}|]/g, De = new RegExp(Z.source);
function q(n) {
return n && De.test(n) ? n.replaceAll(Z, "\\$&") : n;
}
function R(n, e, s = 0) {
return Number(n.padEnd(e.length, "0")) <= Number(e) ? { validatedSegmentValue: n, prefixedZeroesCount: s } : n.endsWith("0") ? R(`0${n.slice(0, e.length - 1)}`, e, s + 1) : R(`${n.slice(0, e.length - 1)}0`, e, s);
}
function N(n) {
return n.replaceAll(/[-]/g, (e) => String.fromCharCode(e.charCodeAt(0) - 65248));
}
function Ae({ dateModeTemplate: n, dateSegmentSeparator: e, splitFn: s, uniteFn: t }) {
return ({ value: i, selection: r }) => {
var l;
const [a, o] = r, { dateStrings: c, restPart: u = "" } = s(i), d = [];
let h = 0;
c.forEach((S) => {
const v = M(S, n), E = Object.entries(v).reduce((k, [O, K]) => {
const { validatedSegmentValue: Y, prefixedZeroesCount: X } = R(K, `${G[O]}`);
return h += X, Object.assign(Object.assign({}, k), { [O]: Y });
}, {});
d.push(w(E, { dateMode: n }));
});
const f = t(d, i) + (!((l = c[c.length - 1]) === null || l === void 0) && l.endsWith(e) ? e : "") + u;
return h && f.slice(o + h, o + h + e.length) === e && (h += e.length), {
selection: [a + h, o + h],
value: f
};
};
}
function xe() {
return ({ elementState: n, data: e }) => {
const { value: s, selection: t } = n;
return {
elementState: {
selection: t,
value: N(s)
},
data: N(e)
};
};
}
function Te(n, e) {
const s = B(e);
return Object.fromEntries(Object.entries(n).map(([t, i]) => {
const r = s[t];
return [
t,
i.length === r && i.match(/^0+$/) ? "1".padStart(r, "0") : i
];
}));
}
function ke({ dateModeTemplate: n, min: e = Se, max: s = ye, rangeSeparator: t = "", dateSegmentSeparator: i = "." }) {
return ({ value: r, selection: l }) => {
const a = t && r.endsWith(t), o = W(r, n, t);
let c = "";
for (const u of o) {
c += c ? t : "";
const d = M(u, n);
if (!ve(u, n)) {
const S = Te(d, n), v = w(S, { dateMode: n }), m = u.endsWith(i) ? i : "";
c += v + m;
continue;
}
const h = Ee(d), f = fe(h, e, s);
c += w(me(f), {
dateMode: n
});
}
return {
selection: l,
value: c + (a ? t : "")
};
};
}
function Ce({ dateModeTemplate: n, dateSegmentsSeparator: e, rangeSeparator: s = "", dateTimeSeparator: t = U }) {
return ({ elementState: i, data: r }) => {
const l = s ? new RegExp(`${s}|-`) : t, a = r.split(l), o = r.includes(t) ? [a[0]] : a;
if (o.every((c) => c.trim().split(/\D/).filter(Boolean).length === n.split(e).length)) {
const c = o.map((u) => Le(u, n, e)).join(s);
return {
elementState: i,
data: `${c}${r.includes(t) && t + a[1] || ""}`
};
}
return { elementState: i, data: r };
};
}
function Le(n, e, s) {
const t = n.split(/\D/).filter(Boolean), i = e.split(s);
return t.map((l, a) => a === i.length - 1 ? l : l.padStart(i[a].length, "0")).join(s);
}
function Re({ dateModeTemplate: n, dateSegmentsSeparator: e, rangeSeparator: s = "" }) {
return ({ elementState: t, data: i }) => {
const { value: r, selection: l } = t;
if (i === e)
return {
elementState: t,
data: l[0] === r.length ? i : ""
};
const a = i.replaceAll(new RegExp(`[^\\d${q(e)}${s}]`, "g"), "");
if (!a)
return { elementState: t, data: "" };
const [o, c] = l;
let u = c + i.length;
const d = r.slice(0, o) + a + r.slice(u), h = W(d, n, s);
let f = "";
const S = !!s && d.includes(s);
for (const m of h) {
const { validatedDateString: E, updatedSelection: k } = we({
dateString: m,
dateModeTemplate: n,
dateSegmentsSeparator: e,
offset: f.length,
selection: [o, u]
});
if (m && !E)
return { elementState: t, data: "" };
u = k[1], f += S && !f ? E + s : E;
}
const v = f.slice(o, u);
return {
elementState: {
selection: l,
value: f.slice(0, o) + v.split(e).map((m) => "0".repeat(m.length)).join(e) + f.slice(u)
},
data: v
};
};
}
function Ie() {
return ({ elementState: n }, e) => {
const { value: s, selection: t } = n;
if (!s || Me(s, t))
return { elementState: n };
const [i, r] = t, l = s.slice(i, r).replaceAll(/\d/g, "0"), a = s.slice(0, i) + l + s.slice(r);
return e === "validation" || e === "insert" && i === r ? {
elementState: { selection: t, value: a }
} : {
elementState: {
selection: e === "deleteBackward" || e === "insert" ? [i, i] : [r, r],
value: a
}
};
};
}
function Me(n, [e, s]) {
return s === n.length;
}
function Oe({ mode: n, separator: e = ".", max: s, min: t }) {
const i = n.split("/").join(e);
return Object.assign(Object.assign({}, I), { mask: Array.from(i).map((r) => e.includes(r) ? r : /\d/), overwriteMode: "replace", preprocessors: [
xe(),
Ie(),
Ce({
dateModeTemplate: i,
dateSegmentsSeparator: e
}),
Re({
dateModeTemplate: i,
dateSegmentsSeparator: e
})
], postprocessors: [
Ae({
dateModeTemplate: i,
dateSegmentSeparator: e,
splitFn: (r) => ({ dateStrings: [r] }),
uniteFn: ([r]) => r
}),
ke({
min: t,
max: s,
dateModeTemplate: i,
dateSegmentSeparator: e
})
] });
}
new RegExp(`[${be.map(q).join("")}]$`);
const Fe = /^(?:\d{4}[ -]?){0,3}\d{0,4}$/, p = {
// Visa: Starts with 4, 13 or 16 digits
visa: {
final: /^4(?:\d{3}[- ]?){3}\d{3,4}$/,
// Exactly 13 or 16 digits
start: /^4/,
// Checks if the input starts with 4
length: /^4\d{0,15}$/
// Strictly matches 1 to 16 digits after the initial 4, no spaces or dashes
},
// MasterCard: Starts with 51-55, 16 digits
mastercard: {
final: /^5[1-5]\d{3}[- ]?\d{4}[- ]?\d{4}[- ]?\d{4}$/,
// Exactly 16 digits
start: /^5[1-5]/,
// Checks if the input starts with 51-55
length: /^5[1-5]\d{0,15}$/
// Strictly matches 2 to 16 digits after the initial 51-55, no spaces or dashes
},
// American Express: Starts with 34 or 37, 15 digits
amex: {
final: /^3[47]\d{2}[- ]?\d{6}[- ]?\d{5}$/,
// Exactly 15 digits
start: /^3[47]/,
// Checks if the input starts with 34 or 37
length: /^3[47]\d{0,15}$/
// Strictly matches 2 to 15 digits after the initial 34 or 37, no spaces or dashes
},
// Discover: Starts with 6011 or 65 or 64[4-9], 16 digits
discover: {
final: /^(6011|65|64[4-9])\d{4}[- ]?\d{4}[- ]?\d{4}$/,
// Exactly 16 digits
start: /^(6011|65|64[4-9])/,
// Checks if the input starts with 6011, 65, or 64 followed by 4-9
length: /^(6011|65|64[4-9])\d{0,15}$/
// Strictly matches 4 to 16 digits after the initial prefix, no spaces or dashes
},
// Diners Club: Starts with 30[0-5], 36, 38, or 39, 14 digits
diners: {
final: /^(30[0-5]|36|38|39)\d{4}[- ]?\d{4}[- ]?\d{4}$/,
// Exactly 14 digits
start: /^(30[0-5]|36|38|39)/,
// Checks if the input starts with 30-35, 36, 38, or 39
length: /^(30[0-5]|36|38|39)\d{0,14}$/
// Strictly matches 2 to 14 digits after the initial prefix, no spaces or dashes
},
// JCB: Starts with 2131, 1800, or 35[0-9]{3}, 15 or 16 digits
jcb: {
final: /^(2131|1800|35[0-9]{3})\d{4}[- ]?\d{4}[- ]?\d{4}$/,
// Exactly 15 or 16 digits
start: /^(2131|1800|35[0-9]{3})/,
// Checks if the input starts with 2131, 1800, or 35 followed by 3 digits
length: /^(2131|1800|35[0-9]{3})\d{0,15}$/
// Strictly matches 4 to 16 digits after the initial prefix, no spaces or dashes
}
};
var x, z;
class $e {
constructor(e) {
_(this, x);
this.options = e;
}
mount() {
return this.number = this.options.fields.card.number instanceof HTMLInputElement ? this.options.fields.card.number : document.querySelector(
this.options.fields.card.number
), this.date = this.options.fields.card.date instanceof HTMLInputElement ? this.options.fields.card.date : document.querySelector(
this.options.fields.card.date
), this.cvv = this.options.fields.card.cvv instanceof HTMLInputElement ? this.options.fields.card.cvv : document.querySelector(
this.options.fields.card.cvv
), $(this, x, z).call(this), this;
}
check() {
const e = p.visa.final.test(this.number.value) || p.mastercard.final.test(this.number.value) || p.amex.final.test(this.number.value) || p.discover.final.test(this.number.value) || p.diners.final.test(this.number.value) || p.jcb.final.test(this.number.value), s = new RegExp("^(0[1-9]|1[0-2])/(?:\\d{2})$").test(
this.date.value
), t = new RegExp("^\\d{3}$").test(this.cvv.value);
return {
valid: e && s && t,
number: {
valid: e,
value: this.number.value
},
date: {
valid: s,
value: this.date.value
},
cvv: {
valid: t,
value: this.cvv.value
}
};
}
type() {
return p.visa.start.test(this.number.value) ? "visa" : p.mastercard.start.test(this.number.value) ? "mastercard" : p.amex.start.test(this.number.value) ? "amex" : p.discover.start.test(this.number.value) ? "discover" : p.diners.start.test(this.number.value) ? "diners" : p.jcb.start.test(this.number.value) ? "jcb" : "unknown";
}
}
x = new WeakSet(), z = function() {
new C(this.number, {
mask: (e) => p.visa.start.test(e.value) ? new RegExp(p.visa.length) : p.mastercard.start.test(e.value) ? new RegExp(p.mastercard.length) : p.amex.start.test(e.value) ? new RegExp(p.amex.length) : p.discover.start.test(e.value) ? new RegExp(p.discover.length) : p.diners.start.test(e.value) ? new RegExp(p.diners.length) : p.jcb.start.test(e.value) ? new RegExp(p.jcb.length) : new RegExp(Fe)
}), new C(
this.date,
Oe({
mode: "mm/yy",
separator: "/"
})
), new C(this.cvv, {
mask: [/\d/, /\d/, /\d/]
});
};
export {
$e as SimpleCard,
p as masks,
Fe as numbers
};

View File

@ -8,7 +8,6 @@
* @license https://www.elastic.co/licensing/elastic-license
*/
import { SimpleCard } from '@invoiceninja/simple-card';
import { wait, instant } from '../wait';
class AuthorizeAuthorizeCard {
@ -17,7 +16,7 @@ class AuthorizeAuthorizeCard {
this.loginId = loginId;
this.cardHolderName = document.getElementById('cardholder_name');
this.sc = new SimpleCard({
this.sc = createSimpleCard({
fields: {
card: {
number: '#number',

View File

@ -9,14 +9,13 @@
*/
import { wait, instant } from '../wait';
import { SimpleCard } from '@invoiceninja/simple-card';
class ForteAuthorizeCard {
constructor(apiLoginId) {
this.apiLoginId = apiLoginId;
this.cardHolderName = document.getElementById('cardholder_name');
this.sc = new SimpleCard({
this.sc = createSimpleCard({
fields: {
card: {
number: '#number',

View File

@ -11,7 +11,7 @@
import { instant, wait } from '../wait';
class ProcessBACS {
constructor(key, stripeConnect) {
constructor(key, stripeConnect, onlyAuthorization) {
this.key = key;
this.errors = document.getElementById('errors');
this.stripeConnect = stripeConnect;
@ -87,7 +87,7 @@ function boot() {
const onlyAuthorization =
document.querySelector('meta[name="only-authorization"]')?.content ?? '';
new ProcessBACS(publishableKey, stripeConnect).setupStripe().handle();
new ProcessBACS(publishableKey, stripeConnect, onlyAuthorization).setupStripe().handle();
}
instant() ? boot() : wait('#stripe-bacs-payment').then(() => boot());

View File

@ -69,6 +69,7 @@
<script src="https://js.authorize.net/v1/Accept.js" charset="utf-8"></script>
@endif
<script src="{{ asset('vendor/simple-card@0.0.3/simple-card.js') }}"></script>
@vite('resources/js/clients/payments/authorize-credit-card-payment.js')
@endsection

View File

@ -63,5 +63,6 @@
<script src="https://js.authorize.net/v1/Accept.js" charset="utf-8"></script>
@endif
<script src="{{ asset('vendor/simple-card@0.0.3/simple-card.js') }}"></script>
@vite('resources/js/clients/payments/authorize-credit-card-payment.js')
@endassets

View File

@ -10,14 +10,15 @@
<meta name="return_url" content="{{ $return_url }}">
<meta name="ci_intent" content="{{ $ci_intent }}">
@section('gateway_content')
<div class="alert alert-failure mb-4" hidden id="errors"></div>
@include('portal.ninja2020.gateways.includes.payment_details')
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.payment_type')])
{{ ctrans('texts.alipay') }}
{{ ctrans('texts.alipay') }}
@endcomponent
@include('portal.ninja2020.gateways.includes.pay_now')
</div>
@assets