@pelcro/react-pelcro-js 3.10.1-beta.20 → 3.10.1-beta.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +68 -149
- package/dist/index.esm.js +68 -149
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -15417,148 +15417,6 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
15417
15417
|
const isRenewingGift = (_props$isRenewingGift = props.isRenewingGift) !== null && _props$isRenewingGift !== void 0 ? _props$isRenewingGift : pelcroStore.isRenewingGift;
|
|
15418
15418
|
const invoice = (_props$invoice = props.invoice) !== null && _props$invoice !== void 0 ? _props$invoice : pelcroStore.invoice;
|
|
15419
15419
|
const cardProcessor = getSiteCardProcessor();
|
|
15420
|
-
React.useState(Boolean(window.Tapjsli));
|
|
15421
|
-
React.useEffect(() => {
|
|
15422
|
-
whenUserReady(() => {
|
|
15423
|
-
if (cardProcessor === "tap" && !window.Tapjsli) {
|
|
15424
|
-
window.Pelcro.helpers.loadSDK("https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js", "tap-bluebird");
|
|
15425
|
-
window.Pelcro.helpers.loadSDK("https://secure.gosell.io/js/sdk/tap.min.js", "tap-sdk");
|
|
15426
|
-
document.querySelector('script[src="https://secure.gosell.io/js/sdk/tap.min.js"]').addEventListener("load", () => {
|
|
15427
|
-
var _window$Pelcro$site$r;
|
|
15428
|
-
|
|
15429
|
-
console.log("From event listener: Tap script is loaded");
|
|
15430
|
-
const tapKey = window.Tapjsli((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings.publishable_key);
|
|
15431
|
-
let elements = tapKey.elements({});
|
|
15432
|
-
let style = {
|
|
15433
|
-
base: {
|
|
15434
|
-
color: "#535353",
|
|
15435
|
-
lineHeight: "18px",
|
|
15436
|
-
fontFamily: "sans-serif",
|
|
15437
|
-
fontSmoothing: "antialiased",
|
|
15438
|
-
fontSize: "16px",
|
|
15439
|
-
"::placeholder": {
|
|
15440
|
-
color: "rgba(0, 0, 0, 0.26)",
|
|
15441
|
-
fontSize: "15px"
|
|
15442
|
-
}
|
|
15443
|
-
},
|
|
15444
|
-
invalid: {
|
|
15445
|
-
color: "red"
|
|
15446
|
-
}
|
|
15447
|
-
}; // input labels/placeholders
|
|
15448
|
-
|
|
15449
|
-
let labels = {
|
|
15450
|
-
cardNumber: "Card Number",
|
|
15451
|
-
expirationDate: "MM/YY",
|
|
15452
|
-
cvv: "CVV",
|
|
15453
|
-
cardHolder: "Card Holder Name"
|
|
15454
|
-
}; //payment options
|
|
15455
|
-
|
|
15456
|
-
let paymentOptions = {
|
|
15457
|
-
labels: labels,
|
|
15458
|
-
TextDirection: "ltr"
|
|
15459
|
-
}; //create element, pass style and payment options
|
|
15460
|
-
|
|
15461
|
-
let card = elements.create("card", {
|
|
15462
|
-
style: style
|
|
15463
|
-
}, paymentOptions); //mount element
|
|
15464
|
-
|
|
15465
|
-
card.mount("#tapPaymentIframe"); //card change event listener
|
|
15466
|
-
|
|
15467
|
-
card.addEventListener("change", function (event) {// if (event.error_interactive) {
|
|
15468
|
-
// onFailure(event.error_interactive);
|
|
15469
|
-
// return dispatch({
|
|
15470
|
-
// type: SHOW_ALERT,
|
|
15471
|
-
// payload: {
|
|
15472
|
-
// type: "error",
|
|
15473
|
-
// content: getErrorMessages(event.error_interactive)
|
|
15474
|
-
// }
|
|
15475
|
-
// });
|
|
15476
|
-
// } else {
|
|
15477
|
-
// dispatch({
|
|
15478
|
-
// type: SHOW_ALERT,
|
|
15479
|
-
// payload: { type: "error", content: "" }
|
|
15480
|
-
// });
|
|
15481
|
-
// }
|
|
15482
|
-
// let displayError = document.getElementById("error-handler");
|
|
15483
|
-
// if (event.error) {
|
|
15484
|
-
// displayError.textContent = event.error.message;
|
|
15485
|
-
// } else {
|
|
15486
|
-
// displayError.textContent = "";
|
|
15487
|
-
// }
|
|
15488
|
-
});
|
|
15489
|
-
tapInstanceRef.current = tapKey;
|
|
15490
|
-
tapInstanceCard.current = card;
|
|
15491
|
-
});
|
|
15492
|
-
}
|
|
15493
|
-
|
|
15494
|
-
if (cardProcessor === "tap" && !selectedPaymentMethodId && window.Tapjsli) {
|
|
15495
|
-
var _window$Pelcro$site$r2;
|
|
15496
|
-
|
|
15497
|
-
console.log("window.Tapjsli script is loaded");
|
|
15498
|
-
const tapKey = window.Tapjsli((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.tap_gateway_settings.publishable_key);
|
|
15499
|
-
let elements = tapKey.elements({});
|
|
15500
|
-
let style = {
|
|
15501
|
-
base: {
|
|
15502
|
-
color: "#535353",
|
|
15503
|
-
lineHeight: "18px",
|
|
15504
|
-
fontFamily: "sans-serif",
|
|
15505
|
-
fontSmoothing: "antialiased",
|
|
15506
|
-
fontSize: "16px",
|
|
15507
|
-
"::placeholder": {
|
|
15508
|
-
color: "rgba(0, 0, 0, 0.26)",
|
|
15509
|
-
fontSize: "15px"
|
|
15510
|
-
}
|
|
15511
|
-
},
|
|
15512
|
-
invalid: {
|
|
15513
|
-
color: "red"
|
|
15514
|
-
}
|
|
15515
|
-
}; // input labels/placeholders
|
|
15516
|
-
|
|
15517
|
-
let labels = {
|
|
15518
|
-
cardNumber: "Card Number",
|
|
15519
|
-
expirationDate: "MM/YY",
|
|
15520
|
-
cvv: "CVV",
|
|
15521
|
-
cardHolder: "Card Holder Name"
|
|
15522
|
-
}; //payment options
|
|
15523
|
-
|
|
15524
|
-
let paymentOptions = {
|
|
15525
|
-
labels: labels,
|
|
15526
|
-
TextDirection: "ltr"
|
|
15527
|
-
}; //create element, pass style and payment options
|
|
15528
|
-
|
|
15529
|
-
let card = elements.create("card", {
|
|
15530
|
-
style: style
|
|
15531
|
-
}, paymentOptions); //mount element
|
|
15532
|
-
|
|
15533
|
-
card.mount("#tapPaymentIframe"); //card change event listener
|
|
15534
|
-
|
|
15535
|
-
card.addEventListener("change", function (event) {// if (event.error_interactive) {
|
|
15536
|
-
// onFailure(event.error_interactive);
|
|
15537
|
-
// return dispatch({
|
|
15538
|
-
// type: SHOW_ALERT,
|
|
15539
|
-
// payload: {
|
|
15540
|
-
// type: "error",
|
|
15541
|
-
// content: getErrorMessages(event.error_interactive)
|
|
15542
|
-
// }
|
|
15543
|
-
// });
|
|
15544
|
-
// } else {
|
|
15545
|
-
// dispatch({
|
|
15546
|
-
// type: SHOW_ALERT,
|
|
15547
|
-
// payload: { type: "error", content: "" }
|
|
15548
|
-
// });
|
|
15549
|
-
// }
|
|
15550
|
-
// let displayError = document.getElementById("error-handler");
|
|
15551
|
-
// if (event.error) {
|
|
15552
|
-
// displayError.textContent = event.error.message;
|
|
15553
|
-
// } else {
|
|
15554
|
-
// displayError.textContent = "";
|
|
15555
|
-
// }
|
|
15556
|
-
});
|
|
15557
|
-
tapInstanceRef.current = tapKey;
|
|
15558
|
-
tapInstanceCard.current = card;
|
|
15559
|
-
}
|
|
15560
|
-
});
|
|
15561
|
-
}, [selectedPaymentMethodId]);
|
|
15562
15420
|
React.useEffect(() => {
|
|
15563
15421
|
if (window.Pelcro.coupon.getFromUrl()) {
|
|
15564
15422
|
dispatch({
|
|
@@ -15832,6 +15690,52 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
15832
15690
|
}
|
|
15833
15691
|
}
|
|
15834
15692
|
}
|
|
15693
|
+
|
|
15694
|
+
const initTapScript = () => {
|
|
15695
|
+
var _window$Pelcro$site$r;
|
|
15696
|
+
|
|
15697
|
+
const tapKey = window.Tapjsli((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings.publishable_key);
|
|
15698
|
+
let elements = tapKey.elements({});
|
|
15699
|
+
let style = {
|
|
15700
|
+
base: {
|
|
15701
|
+
color: "#535353",
|
|
15702
|
+
lineHeight: "18px",
|
|
15703
|
+
fontFamily: "sans-serif",
|
|
15704
|
+
fontSmoothing: "antialiased",
|
|
15705
|
+
fontSize: "16px",
|
|
15706
|
+
"::placeholder": {
|
|
15707
|
+
color: "rgba(0, 0, 0, 0.26)",
|
|
15708
|
+
fontSize: "15px"
|
|
15709
|
+
}
|
|
15710
|
+
},
|
|
15711
|
+
invalid: {
|
|
15712
|
+
color: "red"
|
|
15713
|
+
}
|
|
15714
|
+
}; // input labels/placeholders
|
|
15715
|
+
|
|
15716
|
+
let labels = {
|
|
15717
|
+
cardNumber: "Card Number",
|
|
15718
|
+
expirationDate: "MM/YY",
|
|
15719
|
+
cvv: "CVV",
|
|
15720
|
+
cardHolder: "Card Holder Name"
|
|
15721
|
+
}; //payment options
|
|
15722
|
+
|
|
15723
|
+
let paymentOptions = {
|
|
15724
|
+
labels: labels,
|
|
15725
|
+
TextDirection: "ltr"
|
|
15726
|
+
}; //create element, pass style and payment options
|
|
15727
|
+
|
|
15728
|
+
let card = elements.create("card", {
|
|
15729
|
+
style: style
|
|
15730
|
+
}, paymentOptions); //mount element
|
|
15731
|
+
|
|
15732
|
+
card.mount("#tapPaymentIframe"); //card change event listener
|
|
15733
|
+
|
|
15734
|
+
card.addEventListener("change", function (event) {//If needed
|
|
15735
|
+
});
|
|
15736
|
+
tapInstanceRef.current = tapKey;
|
|
15737
|
+
tapInstanceCard.current = card;
|
|
15738
|
+
};
|
|
15835
15739
|
/*====== End Tap integration ========*/
|
|
15836
15740
|
|
|
15837
15741
|
|
|
@@ -16015,10 +15919,10 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
16015
15919
|
const tapInstanceCard = React__default['default'].useRef(null);
|
|
16016
15920
|
React.useEffect(() => {
|
|
16017
15921
|
if (cardProcessor === "vantiv" && !selectedPaymentMethodId) {
|
|
16018
|
-
var _window$Pelcro$site$
|
|
15922
|
+
var _window$Pelcro$site$r2, _window$Pelcro$site$r3;
|
|
16019
15923
|
|
|
16020
|
-
const payPageId = (_window$Pelcro$site$
|
|
16021
|
-
const reportGroup = (_window$Pelcro$site$
|
|
15924
|
+
const payPageId = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.vantiv_gateway_settings.pay_page_id;
|
|
15925
|
+
const reportGroup = (_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.vantiv_gateway_settings.report_group;
|
|
16022
15926
|
vantivInstanceRef.current = new window.EprotectIframeClient({
|
|
16023
15927
|
paypageId: payPageId,
|
|
16024
15928
|
reportGroup: reportGroup,
|
|
@@ -16041,6 +15945,21 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
16041
15945
|
});
|
|
16042
15946
|
}
|
|
16043
15947
|
}, [selectedPaymentMethodId]);
|
|
15948
|
+
React.useEffect(() => {
|
|
15949
|
+
whenUserReady(() => {
|
|
15950
|
+
if (cardProcessor === "tap" && !window.Tapjsli) {
|
|
15951
|
+
window.Pelcro.helpers.loadSDK("https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js", "tap-bluebird");
|
|
15952
|
+
window.Pelcro.helpers.loadSDK("https://secure.gosell.io/js/sdk/tap.min.js", "tap-sdk");
|
|
15953
|
+
document.querySelector('script[src="https://secure.gosell.io/js/sdk/tap.min.js"]').addEventListener("load", () => {
|
|
15954
|
+
initTapScript();
|
|
15955
|
+
});
|
|
15956
|
+
}
|
|
15957
|
+
|
|
15958
|
+
if (cardProcessor === "tap" && !selectedPaymentMethodId && window.Tapjsli) {
|
|
15959
|
+
initTapScript();
|
|
15960
|
+
}
|
|
15961
|
+
});
|
|
15962
|
+
}, [selectedPaymentMethodId]);
|
|
16044
15963
|
|
|
16045
15964
|
const initPaymentRequest = (state, dispatch) => {
|
|
16046
15965
|
try {
|
|
@@ -16112,9 +16031,9 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
16112
16031
|
|
|
16113
16032
|
|
|
16114
16033
|
const updateTotalAmountWithTax = () => {
|
|
16115
|
-
var _window$Pelcro$site$
|
|
16034
|
+
var _window$Pelcro$site$r4;
|
|
16116
16035
|
|
|
16117
|
-
const taxesEnabled = (_window$Pelcro$site$
|
|
16036
|
+
const taxesEnabled = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.taxes_enabled;
|
|
16118
16037
|
|
|
16119
16038
|
if (taxesEnabled && type === "createPayment") {
|
|
16120
16039
|
dispatch({
|
|
@@ -16797,13 +16716,13 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
16797
16716
|
|
|
16798
16717
|
|
|
16799
16718
|
const resolveTaxCalculation = () => {
|
|
16800
|
-
var _window$Pelcro$site$
|
|
16719
|
+
var _window$Pelcro$site$r5;
|
|
16801
16720
|
|
|
16802
16721
|
if (type === "invoicePayment") {
|
|
16803
16722
|
return new Promise(resolve => resolve());
|
|
16804
16723
|
}
|
|
16805
16724
|
|
|
16806
|
-
const taxesEnabled = (_window$Pelcro$site$
|
|
16725
|
+
const taxesEnabled = (_window$Pelcro$site$r5 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r5 === void 0 ? void 0 : _window$Pelcro$site$r5.taxes_enabled;
|
|
16807
16726
|
return new Promise((resolve, reject) => {
|
|
16808
16727
|
// resolve early if taxes isn't enabled
|
|
16809
16728
|
if (!taxesEnabled) {
|
package/dist/index.esm.js
CHANGED
|
@@ -15387,148 +15387,6 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
15387
15387
|
const isRenewingGift = (_props$isRenewingGift = props.isRenewingGift) !== null && _props$isRenewingGift !== void 0 ? _props$isRenewingGift : pelcroStore.isRenewingGift;
|
|
15388
15388
|
const invoice = (_props$invoice = props.invoice) !== null && _props$invoice !== void 0 ? _props$invoice : pelcroStore.invoice;
|
|
15389
15389
|
const cardProcessor = getSiteCardProcessor();
|
|
15390
|
-
useState(Boolean(window.Tapjsli));
|
|
15391
|
-
useEffect(() => {
|
|
15392
|
-
whenUserReady(() => {
|
|
15393
|
-
if (cardProcessor === "tap" && !window.Tapjsli) {
|
|
15394
|
-
window.Pelcro.helpers.loadSDK("https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js", "tap-bluebird");
|
|
15395
|
-
window.Pelcro.helpers.loadSDK("https://secure.gosell.io/js/sdk/tap.min.js", "tap-sdk");
|
|
15396
|
-
document.querySelector('script[src="https://secure.gosell.io/js/sdk/tap.min.js"]').addEventListener("load", () => {
|
|
15397
|
-
var _window$Pelcro$site$r;
|
|
15398
|
-
|
|
15399
|
-
console.log("From event listener: Tap script is loaded");
|
|
15400
|
-
const tapKey = window.Tapjsli((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings.publishable_key);
|
|
15401
|
-
let elements = tapKey.elements({});
|
|
15402
|
-
let style = {
|
|
15403
|
-
base: {
|
|
15404
|
-
color: "#535353",
|
|
15405
|
-
lineHeight: "18px",
|
|
15406
|
-
fontFamily: "sans-serif",
|
|
15407
|
-
fontSmoothing: "antialiased",
|
|
15408
|
-
fontSize: "16px",
|
|
15409
|
-
"::placeholder": {
|
|
15410
|
-
color: "rgba(0, 0, 0, 0.26)",
|
|
15411
|
-
fontSize: "15px"
|
|
15412
|
-
}
|
|
15413
|
-
},
|
|
15414
|
-
invalid: {
|
|
15415
|
-
color: "red"
|
|
15416
|
-
}
|
|
15417
|
-
}; // input labels/placeholders
|
|
15418
|
-
|
|
15419
|
-
let labels = {
|
|
15420
|
-
cardNumber: "Card Number",
|
|
15421
|
-
expirationDate: "MM/YY",
|
|
15422
|
-
cvv: "CVV",
|
|
15423
|
-
cardHolder: "Card Holder Name"
|
|
15424
|
-
}; //payment options
|
|
15425
|
-
|
|
15426
|
-
let paymentOptions = {
|
|
15427
|
-
labels: labels,
|
|
15428
|
-
TextDirection: "ltr"
|
|
15429
|
-
}; //create element, pass style and payment options
|
|
15430
|
-
|
|
15431
|
-
let card = elements.create("card", {
|
|
15432
|
-
style: style
|
|
15433
|
-
}, paymentOptions); //mount element
|
|
15434
|
-
|
|
15435
|
-
card.mount("#tapPaymentIframe"); //card change event listener
|
|
15436
|
-
|
|
15437
|
-
card.addEventListener("change", function (event) {// if (event.error_interactive) {
|
|
15438
|
-
// onFailure(event.error_interactive);
|
|
15439
|
-
// return dispatch({
|
|
15440
|
-
// type: SHOW_ALERT,
|
|
15441
|
-
// payload: {
|
|
15442
|
-
// type: "error",
|
|
15443
|
-
// content: getErrorMessages(event.error_interactive)
|
|
15444
|
-
// }
|
|
15445
|
-
// });
|
|
15446
|
-
// } else {
|
|
15447
|
-
// dispatch({
|
|
15448
|
-
// type: SHOW_ALERT,
|
|
15449
|
-
// payload: { type: "error", content: "" }
|
|
15450
|
-
// });
|
|
15451
|
-
// }
|
|
15452
|
-
// let displayError = document.getElementById("error-handler");
|
|
15453
|
-
// if (event.error) {
|
|
15454
|
-
// displayError.textContent = event.error.message;
|
|
15455
|
-
// } else {
|
|
15456
|
-
// displayError.textContent = "";
|
|
15457
|
-
// }
|
|
15458
|
-
});
|
|
15459
|
-
tapInstanceRef.current = tapKey;
|
|
15460
|
-
tapInstanceCard.current = card;
|
|
15461
|
-
});
|
|
15462
|
-
}
|
|
15463
|
-
|
|
15464
|
-
if (cardProcessor === "tap" && !selectedPaymentMethodId && window.Tapjsli) {
|
|
15465
|
-
var _window$Pelcro$site$r2;
|
|
15466
|
-
|
|
15467
|
-
console.log("window.Tapjsli script is loaded");
|
|
15468
|
-
const tapKey = window.Tapjsli((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.tap_gateway_settings.publishable_key);
|
|
15469
|
-
let elements = tapKey.elements({});
|
|
15470
|
-
let style = {
|
|
15471
|
-
base: {
|
|
15472
|
-
color: "#535353",
|
|
15473
|
-
lineHeight: "18px",
|
|
15474
|
-
fontFamily: "sans-serif",
|
|
15475
|
-
fontSmoothing: "antialiased",
|
|
15476
|
-
fontSize: "16px",
|
|
15477
|
-
"::placeholder": {
|
|
15478
|
-
color: "rgba(0, 0, 0, 0.26)",
|
|
15479
|
-
fontSize: "15px"
|
|
15480
|
-
}
|
|
15481
|
-
},
|
|
15482
|
-
invalid: {
|
|
15483
|
-
color: "red"
|
|
15484
|
-
}
|
|
15485
|
-
}; // input labels/placeholders
|
|
15486
|
-
|
|
15487
|
-
let labels = {
|
|
15488
|
-
cardNumber: "Card Number",
|
|
15489
|
-
expirationDate: "MM/YY",
|
|
15490
|
-
cvv: "CVV",
|
|
15491
|
-
cardHolder: "Card Holder Name"
|
|
15492
|
-
}; //payment options
|
|
15493
|
-
|
|
15494
|
-
let paymentOptions = {
|
|
15495
|
-
labels: labels,
|
|
15496
|
-
TextDirection: "ltr"
|
|
15497
|
-
}; //create element, pass style and payment options
|
|
15498
|
-
|
|
15499
|
-
let card = elements.create("card", {
|
|
15500
|
-
style: style
|
|
15501
|
-
}, paymentOptions); //mount element
|
|
15502
|
-
|
|
15503
|
-
card.mount("#tapPaymentIframe"); //card change event listener
|
|
15504
|
-
|
|
15505
|
-
card.addEventListener("change", function (event) {// if (event.error_interactive) {
|
|
15506
|
-
// onFailure(event.error_interactive);
|
|
15507
|
-
// return dispatch({
|
|
15508
|
-
// type: SHOW_ALERT,
|
|
15509
|
-
// payload: {
|
|
15510
|
-
// type: "error",
|
|
15511
|
-
// content: getErrorMessages(event.error_interactive)
|
|
15512
|
-
// }
|
|
15513
|
-
// });
|
|
15514
|
-
// } else {
|
|
15515
|
-
// dispatch({
|
|
15516
|
-
// type: SHOW_ALERT,
|
|
15517
|
-
// payload: { type: "error", content: "" }
|
|
15518
|
-
// });
|
|
15519
|
-
// }
|
|
15520
|
-
// let displayError = document.getElementById("error-handler");
|
|
15521
|
-
// if (event.error) {
|
|
15522
|
-
// displayError.textContent = event.error.message;
|
|
15523
|
-
// } else {
|
|
15524
|
-
// displayError.textContent = "";
|
|
15525
|
-
// }
|
|
15526
|
-
});
|
|
15527
|
-
tapInstanceRef.current = tapKey;
|
|
15528
|
-
tapInstanceCard.current = card;
|
|
15529
|
-
}
|
|
15530
|
-
});
|
|
15531
|
-
}, [selectedPaymentMethodId]);
|
|
15532
15390
|
useEffect(() => {
|
|
15533
15391
|
if (window.Pelcro.coupon.getFromUrl()) {
|
|
15534
15392
|
dispatch({
|
|
@@ -15802,6 +15660,52 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
15802
15660
|
}
|
|
15803
15661
|
}
|
|
15804
15662
|
}
|
|
15663
|
+
|
|
15664
|
+
const initTapScript = () => {
|
|
15665
|
+
var _window$Pelcro$site$r;
|
|
15666
|
+
|
|
15667
|
+
const tapKey = window.Tapjsli((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings.publishable_key);
|
|
15668
|
+
let elements = tapKey.elements({});
|
|
15669
|
+
let style = {
|
|
15670
|
+
base: {
|
|
15671
|
+
color: "#535353",
|
|
15672
|
+
lineHeight: "18px",
|
|
15673
|
+
fontFamily: "sans-serif",
|
|
15674
|
+
fontSmoothing: "antialiased",
|
|
15675
|
+
fontSize: "16px",
|
|
15676
|
+
"::placeholder": {
|
|
15677
|
+
color: "rgba(0, 0, 0, 0.26)",
|
|
15678
|
+
fontSize: "15px"
|
|
15679
|
+
}
|
|
15680
|
+
},
|
|
15681
|
+
invalid: {
|
|
15682
|
+
color: "red"
|
|
15683
|
+
}
|
|
15684
|
+
}; // input labels/placeholders
|
|
15685
|
+
|
|
15686
|
+
let labels = {
|
|
15687
|
+
cardNumber: "Card Number",
|
|
15688
|
+
expirationDate: "MM/YY",
|
|
15689
|
+
cvv: "CVV",
|
|
15690
|
+
cardHolder: "Card Holder Name"
|
|
15691
|
+
}; //payment options
|
|
15692
|
+
|
|
15693
|
+
let paymentOptions = {
|
|
15694
|
+
labels: labels,
|
|
15695
|
+
TextDirection: "ltr"
|
|
15696
|
+
}; //create element, pass style and payment options
|
|
15697
|
+
|
|
15698
|
+
let card = elements.create("card", {
|
|
15699
|
+
style: style
|
|
15700
|
+
}, paymentOptions); //mount element
|
|
15701
|
+
|
|
15702
|
+
card.mount("#tapPaymentIframe"); //card change event listener
|
|
15703
|
+
|
|
15704
|
+
card.addEventListener("change", function (event) {//If needed
|
|
15705
|
+
});
|
|
15706
|
+
tapInstanceRef.current = tapKey;
|
|
15707
|
+
tapInstanceCard.current = card;
|
|
15708
|
+
};
|
|
15805
15709
|
/*====== End Tap integration ========*/
|
|
15806
15710
|
|
|
15807
15711
|
|
|
@@ -15985,10 +15889,10 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
15985
15889
|
const tapInstanceCard = React__default.useRef(null);
|
|
15986
15890
|
useEffect(() => {
|
|
15987
15891
|
if (cardProcessor === "vantiv" && !selectedPaymentMethodId) {
|
|
15988
|
-
var _window$Pelcro$site$
|
|
15892
|
+
var _window$Pelcro$site$r2, _window$Pelcro$site$r3;
|
|
15989
15893
|
|
|
15990
|
-
const payPageId = (_window$Pelcro$site$
|
|
15991
|
-
const reportGroup = (_window$Pelcro$site$
|
|
15894
|
+
const payPageId = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.vantiv_gateway_settings.pay_page_id;
|
|
15895
|
+
const reportGroup = (_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.vantiv_gateway_settings.report_group;
|
|
15992
15896
|
vantivInstanceRef.current = new window.EprotectIframeClient({
|
|
15993
15897
|
paypageId: payPageId,
|
|
15994
15898
|
reportGroup: reportGroup,
|
|
@@ -16011,6 +15915,21 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
16011
15915
|
});
|
|
16012
15916
|
}
|
|
16013
15917
|
}, [selectedPaymentMethodId]);
|
|
15918
|
+
useEffect(() => {
|
|
15919
|
+
whenUserReady(() => {
|
|
15920
|
+
if (cardProcessor === "tap" && !window.Tapjsli) {
|
|
15921
|
+
window.Pelcro.helpers.loadSDK("https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js", "tap-bluebird");
|
|
15922
|
+
window.Pelcro.helpers.loadSDK("https://secure.gosell.io/js/sdk/tap.min.js", "tap-sdk");
|
|
15923
|
+
document.querySelector('script[src="https://secure.gosell.io/js/sdk/tap.min.js"]').addEventListener("load", () => {
|
|
15924
|
+
initTapScript();
|
|
15925
|
+
});
|
|
15926
|
+
}
|
|
15927
|
+
|
|
15928
|
+
if (cardProcessor === "tap" && !selectedPaymentMethodId && window.Tapjsli) {
|
|
15929
|
+
initTapScript();
|
|
15930
|
+
}
|
|
15931
|
+
});
|
|
15932
|
+
}, [selectedPaymentMethodId]);
|
|
16014
15933
|
|
|
16015
15934
|
const initPaymentRequest = (state, dispatch) => {
|
|
16016
15935
|
try {
|
|
@@ -16082,9 +16001,9 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
16082
16001
|
|
|
16083
16002
|
|
|
16084
16003
|
const updateTotalAmountWithTax = () => {
|
|
16085
|
-
var _window$Pelcro$site$
|
|
16004
|
+
var _window$Pelcro$site$r4;
|
|
16086
16005
|
|
|
16087
|
-
const taxesEnabled = (_window$Pelcro$site$
|
|
16006
|
+
const taxesEnabled = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.taxes_enabled;
|
|
16088
16007
|
|
|
16089
16008
|
if (taxesEnabled && type === "createPayment") {
|
|
16090
16009
|
dispatch({
|
|
@@ -16767,13 +16686,13 @@ const PaymentMethodContainerWithoutStripe = ({
|
|
|
16767
16686
|
|
|
16768
16687
|
|
|
16769
16688
|
const resolveTaxCalculation = () => {
|
|
16770
|
-
var _window$Pelcro$site$
|
|
16689
|
+
var _window$Pelcro$site$r5;
|
|
16771
16690
|
|
|
16772
16691
|
if (type === "invoicePayment") {
|
|
16773
16692
|
return new Promise(resolve => resolve());
|
|
16774
16693
|
}
|
|
16775
16694
|
|
|
16776
|
-
const taxesEnabled = (_window$Pelcro$site$
|
|
16695
|
+
const taxesEnabled = (_window$Pelcro$site$r5 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r5 === void 0 ? void 0 : _window$Pelcro$site$r5.taxes_enabled;
|
|
16777
16696
|
return new Promise((resolve, reject) => {
|
|
16778
16697
|
// resolve early if taxes isn't enabled
|
|
16779
16698
|
if (!taxesEnabled) {
|