@fractalpay/fractalpay-next-dev 0.0.293 → 0.0.295
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.js +326 -172
- package/dist/index.js.map +1 -1
- package/package.json +8 -3
package/dist/index.js
CHANGED
|
@@ -39,7 +39,7 @@ var require_package = __commonJS({
|
|
|
39
39
|
"package.json"(exports, module) {
|
|
40
40
|
module.exports = {
|
|
41
41
|
name: "@fractalpay/fractalpay-next-dev",
|
|
42
|
-
version: "0.0.
|
|
42
|
+
version: "0.0.295",
|
|
43
43
|
private: false,
|
|
44
44
|
type: "module",
|
|
45
45
|
scripts: {
|
|
@@ -97,7 +97,12 @@ var require_package = __commonJS({
|
|
|
97
97
|
},
|
|
98
98
|
author: "Mukul",
|
|
99
99
|
license: "MIT",
|
|
100
|
-
keywords: [
|
|
100
|
+
keywords: [
|
|
101
|
+
"nextjs",
|
|
102
|
+
"next",
|
|
103
|
+
"typescript",
|
|
104
|
+
"tailwindcss"
|
|
105
|
+
],
|
|
101
106
|
publishConfig: {
|
|
102
107
|
access: "public"
|
|
103
108
|
}
|
|
@@ -237,8 +242,7 @@ var { name } = require_package();
|
|
|
237
242
|
var S3Url = "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";
|
|
238
243
|
if (name === "@fractalpay/fractalpay-next-dev") {
|
|
239
244
|
baseUrl = "https://widget.dev.fractalpay.com/";
|
|
240
|
-
|
|
241
|
-
masterBaseUrl = "http://192.168.1.64:8082/";
|
|
245
|
+
masterBaseUrl = "http://localhost:50501/";
|
|
242
246
|
fractalGatewayUrl = "https://api-dev.merchant-trends.com/";
|
|
243
247
|
datacapUrl = "https://token-cert.dcap.com/v1/client";
|
|
244
248
|
threedsSecurePublicKey = "pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw";
|
|
@@ -8979,7 +8983,7 @@ function PartialPayment(props) {
|
|
|
8979
8983
|
}
|
|
8980
8984
|
|
|
8981
8985
|
// src/app/components/Skysystemz/PayButtonWithForm.tsx
|
|
8982
|
-
import { useEffect as
|
|
8986
|
+
import { useEffect as useEffect17, useState as useState11, useMemo } from "react";
|
|
8983
8987
|
|
|
8984
8988
|
// src/app/components/Skysystemz/SkyChargewidgetstyles.tsx
|
|
8985
8989
|
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
@@ -9825,7 +9829,7 @@ padding:0px !important;
|
|
|
9825
9829
|
}
|
|
9826
9830
|
|
|
9827
9831
|
// src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
|
|
9828
|
-
import { useCallback, useEffect as
|
|
9832
|
+
import { useCallback, useEffect as useEffect16, useRef as useRef11, useState as useState10 } from "react";
|
|
9829
9833
|
import axios9 from "axios";
|
|
9830
9834
|
import Swal5 from "sweetalert2";
|
|
9831
9835
|
|
|
@@ -10111,17 +10115,155 @@ var ErrorCardOverlay = ({ onClose, error, autoTrigger = false }) => {
|
|
|
10111
10115
|
};
|
|
10112
10116
|
var ErrorCardOverlay_default = ErrorCardOverlay;
|
|
10113
10117
|
|
|
10118
|
+
// src/app/components/Atoms/Applepay/ApplePayButton.tsx
|
|
10119
|
+
import { useEffect as useEffect15, useRef as useRef10 } from "react";
|
|
10120
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
10121
|
+
function ApplePayButton({
|
|
10122
|
+
applePayMerchantId: applePayMerchantId2,
|
|
10123
|
+
applePayAmount,
|
|
10124
|
+
applePayMerchantName,
|
|
10125
|
+
showLoader,
|
|
10126
|
+
completeFractalFlow
|
|
10127
|
+
}) {
|
|
10128
|
+
const applePayRef = useRef10(null);
|
|
10129
|
+
const paymentRequestMethods = [
|
|
10130
|
+
{
|
|
10131
|
+
supportedMethods: "https://apple.com/apple-pay",
|
|
10132
|
+
data: {
|
|
10133
|
+
version: 3,
|
|
10134
|
+
merchantIdentifier: applePayMerchantId2,
|
|
10135
|
+
// ✅ FIXED
|
|
10136
|
+
merchantCapabilities: ["supports3DS"],
|
|
10137
|
+
supportedNetworks: ["amex", "discover", "mastercard", "visa"],
|
|
10138
|
+
// ✅ FIXED
|
|
10139
|
+
countryCode: "US"
|
|
10140
|
+
}
|
|
10141
|
+
}
|
|
10142
|
+
];
|
|
10143
|
+
const paymentRequestOptions = {
|
|
10144
|
+
requestPayerName: false,
|
|
10145
|
+
requestPayerEmail: false,
|
|
10146
|
+
requestPayerPhone: false,
|
|
10147
|
+
requestShipping: false
|
|
10148
|
+
};
|
|
10149
|
+
function buildPaymentDetails() {
|
|
10150
|
+
return {
|
|
10151
|
+
total: {
|
|
10152
|
+
label: applePayMerchantName,
|
|
10153
|
+
amount: {
|
|
10154
|
+
currency: "USD",
|
|
10155
|
+
value: applePayAmount
|
|
10156
|
+
}
|
|
10157
|
+
}
|
|
10158
|
+
};
|
|
10159
|
+
}
|
|
10160
|
+
async function validateMerchant(event) {
|
|
10161
|
+
var _a;
|
|
10162
|
+
console.log("\u{1F7E1} STEP 1: Merchant validation started");
|
|
10163
|
+
try {
|
|
10164
|
+
console.log("Validation URL:", event.validationURL);
|
|
10165
|
+
console.log("Domain:", window.location.hostname);
|
|
10166
|
+
const res = await fetch(
|
|
10167
|
+
`${masterBaseUrl}api/v1/widget/generate-apple-pay-session`,
|
|
10168
|
+
{
|
|
10169
|
+
method: "POST",
|
|
10170
|
+
headers: {
|
|
10171
|
+
"Content-Type": "application/json"
|
|
10172
|
+
},
|
|
10173
|
+
body: JSON.stringify({
|
|
10174
|
+
validationUrl: event.validationURL,
|
|
10175
|
+
applePayMerchantId: applePayMerchantId2,
|
|
10176
|
+
applepayDisplayName: applePayMerchantName,
|
|
10177
|
+
requestDomain: window.location.hostname
|
|
10178
|
+
// ✅ IMPORTANT
|
|
10179
|
+
})
|
|
10180
|
+
}
|
|
10181
|
+
);
|
|
10182
|
+
console.log("\u{1F7E1} STEP 2: Response status:", res.status);
|
|
10183
|
+
const data = await res.json();
|
|
10184
|
+
console.log("RAW session response:", JSON.stringify(data));
|
|
10185
|
+
console.log("\u{1F7E2} STEP 3: Session response: data fetched");
|
|
10186
|
+
const merchantSession = (_a = data == null ? void 0 : data.data) != null ? _a : data;
|
|
10187
|
+
if (!merchantSession || typeof merchantSession !== "object") {
|
|
10188
|
+
console.error("\u274C Bad session shape");
|
|
10189
|
+
event.complete(null);
|
|
10190
|
+
return;
|
|
10191
|
+
}
|
|
10192
|
+
console.log("\u{1F7E2} STEP 4.1: Completing merchant validation");
|
|
10193
|
+
event.complete(merchantSession);
|
|
10194
|
+
console.log("\u{1F7E2} STEP 4.2: Completed merchant validation");
|
|
10195
|
+
} catch (err) {
|
|
10196
|
+
console.log("\u274C Merchant validation failed:", err == null ? void 0 : err.message);
|
|
10197
|
+
event.complete(null);
|
|
10198
|
+
}
|
|
10199
|
+
}
|
|
10200
|
+
async function authorizePayment(paymentResponse) {
|
|
10201
|
+
console.log("\u{1F7E1} STEP 5: Authorizing payment");
|
|
10202
|
+
try {
|
|
10203
|
+
const token = paymentResponse.details.token.paymentData;
|
|
10204
|
+
console.log("\u{1F7E2} STEP 6: Got token");
|
|
10205
|
+
await completeFractalFlow(token, null, "apple_pay");
|
|
10206
|
+
await paymentResponse.complete("success");
|
|
10207
|
+
console.log("\u2705 Payment completed successfully");
|
|
10208
|
+
} catch (err) {
|
|
10209
|
+
console.log("\u274C Authorization failed:", err == null ? void 0 : err.message);
|
|
10210
|
+
await paymentResponse.complete("fail");
|
|
10211
|
+
}
|
|
10212
|
+
}
|
|
10213
|
+
async function handleApplePayClick() {
|
|
10214
|
+
console.log("\u{1F7E1} STEP A: Click detected");
|
|
10215
|
+
try {
|
|
10216
|
+
const request = new PaymentRequest(
|
|
10217
|
+
paymentRequestMethods,
|
|
10218
|
+
buildPaymentDetails(),
|
|
10219
|
+
paymentRequestOptions
|
|
10220
|
+
);
|
|
10221
|
+
request.onmerchantvalidation = validateMerchant;
|
|
10222
|
+
console.log("\u{1F7E1} STEP B: Calling show()");
|
|
10223
|
+
const response = await request.show();
|
|
10224
|
+
console.log("\u{1F7E2} STEP C: Payment sheet opened");
|
|
10225
|
+
await authorizePayment(response);
|
|
10226
|
+
} catch (err) {
|
|
10227
|
+
console.log("\u274C Apple Pay flow failed:", err == null ? void 0 : err.message);
|
|
10228
|
+
}
|
|
10229
|
+
}
|
|
10230
|
+
useEffect15(() => {
|
|
10231
|
+
if (window.ApplePaySession && window.ApplePaySession.canMakePayments()) {
|
|
10232
|
+
console.log("\u2705 Apple Pay is available");
|
|
10233
|
+
} else {
|
|
10234
|
+
console.log("\u274C Apple Pay NOT available");
|
|
10235
|
+
}
|
|
10236
|
+
}, []);
|
|
10237
|
+
useEffect15(() => {
|
|
10238
|
+
const btn = applePayRef.current;
|
|
10239
|
+
if (!btn) return;
|
|
10240
|
+
const handleClick = () => handleApplePayClick();
|
|
10241
|
+
btn.addEventListener("click", handleClick);
|
|
10242
|
+
return () => btn.removeEventListener("click", handleClick);
|
|
10243
|
+
}, [applePayMerchantId2, applePayAmount, applePayMerchantName]);
|
|
10244
|
+
return /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
|
|
10245
|
+
"apple-pay-button",
|
|
10246
|
+
{
|
|
10247
|
+
ref: applePayRef,
|
|
10248
|
+
buttonstyle: "black",
|
|
10249
|
+
type: "pay",
|
|
10250
|
+
locale: "en-US",
|
|
10251
|
+
style: { width: "100%" }
|
|
10252
|
+
}
|
|
10253
|
+
) });
|
|
10254
|
+
}
|
|
10255
|
+
|
|
10114
10256
|
// src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
|
|
10115
|
-
import { Fragment as Fragment19, jsx as
|
|
10257
|
+
import { Fragment as Fragment19, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
10116
10258
|
var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_token, customerId, callback, merchantName = "merchant", isPreAuth, surcharge = "0", submitBtnClass, submitBtnIcon, isRequest, pass_fee, pass_fee_amount, require3ds = false, autoTrigger = false, show, setShow, setHandleCloseRef, isPartial, bankSurcharge, partialRef, loadingPrev = false, orderGuid: ordGuid, remainingAmount: remAmount, onSubmit, onLoad = true, customCSS }) => {
|
|
10117
10259
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
|
|
10118
|
-
const hasRunRef =
|
|
10119
|
-
const cardFormRef =
|
|
10120
|
-
const bankFormRef =
|
|
10121
|
-
const expiryYearRef =
|
|
10122
|
-
const expiryMonthRef =
|
|
10123
|
-
const cardListRunRef =
|
|
10124
|
-
const threeDSContainerRef =
|
|
10260
|
+
const hasRunRef = useRef11(false);
|
|
10261
|
+
const cardFormRef = useRef11(null);
|
|
10262
|
+
const bankFormRef = useRef11(null);
|
|
10263
|
+
const expiryYearRef = useRef11(null);
|
|
10264
|
+
const expiryMonthRef = useRef11(null);
|
|
10265
|
+
const cardListRunRef = useRef11(false);
|
|
10266
|
+
const threeDSContainerRef = useRef11(null);
|
|
10125
10267
|
const [activetab, setActive] = useState10("card");
|
|
10126
10268
|
const [activeList, setActiveList] = useState10("card");
|
|
10127
10269
|
const [cardData, setCardData] = useState10();
|
|
@@ -10189,7 +10331,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10189
10331
|
const bankFeeAmount = Number(bankSurcharge || 0);
|
|
10190
10332
|
const bankSavingsAmount = Math.max(bankFeeAmount > 0 ? cardFeeAmount - bankFeeAmount : cardFeeAmount, 0);
|
|
10191
10333
|
const bankSavingsText = bankSavingsAmount > 0 ? `Save ${formatUSD(bankSavingsAmount.toFixed(2))}` : "";
|
|
10192
|
-
const tokenizerRef =
|
|
10334
|
+
const tokenizerRef = useRef11(null);
|
|
10193
10335
|
const fractalStyles = {
|
|
10194
10336
|
input: {
|
|
10195
10337
|
"font-family": "'Inter', sans-serif",
|
|
@@ -11049,13 +11191,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11049
11191
|
setOrderLoader(false);
|
|
11050
11192
|
}
|
|
11051
11193
|
};
|
|
11052
|
-
|
|
11194
|
+
useEffect16(() => {
|
|
11053
11195
|
if (!show && !autoTrigger) {
|
|
11054
11196
|
hasRunRef.current = false;
|
|
11055
11197
|
cardListRunRef.current = false;
|
|
11056
11198
|
}
|
|
11057
11199
|
}, [show, autoTrigger]);
|
|
11058
|
-
|
|
11200
|
+
useEffect16(() => {
|
|
11059
11201
|
if (!hasRunRef.current && (show || autoTrigger) && onLoad) {
|
|
11060
11202
|
getPaymentDetails();
|
|
11061
11203
|
if (isPartial && !partialRef) {
|
|
@@ -11063,7 +11205,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11063
11205
|
}
|
|
11064
11206
|
}
|
|
11065
11207
|
}, [show, autoTrigger, isPartial, onLoad]);
|
|
11066
|
-
|
|
11208
|
+
useEffect16(() => {
|
|
11067
11209
|
if ((show || autoTrigger) && pass_fee_amount) {
|
|
11068
11210
|
let cashdisc = Number(amount) - Number(pass_fee_amount);
|
|
11069
11211
|
if (cashdisc && !isNaN(cashdisc)) {
|
|
@@ -11125,7 +11267,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11125
11267
|
console.error("3DS Auth failed \u274C", status);
|
|
11126
11268
|
setError(`3DS Authentication ${status}`);
|
|
11127
11269
|
};
|
|
11128
|
-
|
|
11270
|
+
useEffect16(() => {
|
|
11129
11271
|
if (setHandleCloseRef) {
|
|
11130
11272
|
setHandleCloseRef(() => handleClose);
|
|
11131
11273
|
}
|
|
@@ -11143,18 +11285,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11143
11285
|
setPartialError("");
|
|
11144
11286
|
}
|
|
11145
11287
|
};
|
|
11146
|
-
|
|
11288
|
+
useEffect16(() => {
|
|
11147
11289
|
if (typeof FractalTokenizer === "undefined") return;
|
|
11148
11290
|
const tokenizer = new FractalTokenizer({
|
|
11149
11291
|
styles: {}
|
|
11150
11292
|
});
|
|
11151
11293
|
}, []);
|
|
11152
|
-
const stateRef =
|
|
11294
|
+
const stateRef = useRef11({
|
|
11153
11295
|
activeinBank,
|
|
11154
11296
|
activeinCard,
|
|
11155
11297
|
activetab
|
|
11156
11298
|
});
|
|
11157
|
-
|
|
11299
|
+
useEffect16(() => {
|
|
11158
11300
|
stateRef.current = {
|
|
11159
11301
|
activeinBank,
|
|
11160
11302
|
activeinCard,
|
|
@@ -11178,7 +11320,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11178
11320
|
}
|
|
11179
11321
|
}
|
|
11180
11322
|
}, []);
|
|
11181
|
-
|
|
11323
|
+
useEffect16(() => {
|
|
11182
11324
|
onSubmit == null ? void 0 : onSubmit(submit);
|
|
11183
11325
|
}, [onSubmit, submit]);
|
|
11184
11326
|
function detectCardType(cardinput) {
|
|
@@ -11204,27 +11346,27 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11204
11346
|
const cardType = detectCardType(cardInput);
|
|
11205
11347
|
switch (cardType) {
|
|
11206
11348
|
case "visa":
|
|
11207
|
-
return /* @__PURE__ */
|
|
11349
|
+
return /* @__PURE__ */ jsx35("img", { src: visa2, alt: "visa", width: 33 });
|
|
11208
11350
|
case "mastercard":
|
|
11209
|
-
return /* @__PURE__ */
|
|
11351
|
+
return /* @__PURE__ */ jsx35("img", { src: mastercard2, width: 33, alt: "mastercard" });
|
|
11210
11352
|
case "amex":
|
|
11211
|
-
return /* @__PURE__ */
|
|
11353
|
+
return /* @__PURE__ */ jsx35("img", { src: americanexp2, alt: "amex", width: 33 });
|
|
11212
11354
|
case "discover":
|
|
11213
|
-
return /* @__PURE__ */
|
|
11355
|
+
return /* @__PURE__ */ jsx35("img", { src: discover2, width: 33, alt: "discover" });
|
|
11214
11356
|
case "diners":
|
|
11215
|
-
return /* @__PURE__ */
|
|
11357
|
+
return /* @__PURE__ */ jsx35("img", { src: dinersicon, alt: "Diners Club" });
|
|
11216
11358
|
case "jcb":
|
|
11217
|
-
return /* @__PURE__ */
|
|
11359
|
+
return /* @__PURE__ */ jsx35("img", { src: jcbicon, alt: "JCB" });
|
|
11218
11360
|
case "unionpay":
|
|
11219
|
-
return /* @__PURE__ */
|
|
11361
|
+
return /* @__PURE__ */ jsx35("img", { src: unionicon, alt: "UnionPay" });
|
|
11220
11362
|
default:
|
|
11221
|
-
return /* @__PURE__ */
|
|
11363
|
+
return /* @__PURE__ */ jsx35("img", { src: defualtcardborder, alt: "card" });
|
|
11222
11364
|
}
|
|
11223
11365
|
}
|
|
11224
11366
|
return /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11225
|
-
(initialLoader || !onLoad) && /* @__PURE__ */
|
|
11226
|
-
paymentGateway == 32 && /* @__PURE__ */
|
|
11227
|
-
paymentGateway == 31 && /* @__PURE__ */
|
|
11367
|
+
(initialLoader || !onLoad) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "dark", loading: initialLoader || !onLoad }),
|
|
11368
|
+
paymentGateway == 32 && /* @__PURE__ */ jsx35(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
|
|
11369
|
+
paymentGateway == 31 && /* @__PURE__ */ jsx35(
|
|
11228
11370
|
DataCapScriptLoader,
|
|
11229
11371
|
{
|
|
11230
11372
|
onReady: () => {
|
|
@@ -11237,15 +11379,15 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11237
11379
|
}
|
|
11238
11380
|
}
|
|
11239
11381
|
),
|
|
11240
|
-
error && /* @__PURE__ */
|
|
11241
|
-
errorIframe && /* @__PURE__ */
|
|
11382
|
+
error && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error, onClose: handleClose, autoTrigger }) }),
|
|
11383
|
+
errorIframe && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error: errorIframe, onClose: () => {
|
|
11242
11384
|
setErrorIframe("");
|
|
11243
11385
|
}, autoTrigger: onSubmit ? !onSubmit : autoTrigger }) }),
|
|
11244
11386
|
/* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11245
|
-
(loading || loading2 || loadingIframe) && /* @__PURE__ */
|
|
11387
|
+
(loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "light", loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
|
|
11246
11388
|
/* @__PURE__ */ jsxs20("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
|
|
11247
|
-
/* @__PURE__ */
|
|
11248
|
-
(stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */
|
|
11389
|
+
/* @__PURE__ */ jsx35("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),
|
|
11390
|
+
(stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */ jsx35(
|
|
11249
11391
|
ThreeDSChallenge,
|
|
11250
11392
|
{
|
|
11251
11393
|
containerRef: threeDSContainerRef,
|
|
@@ -11256,32 +11398,32 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11256
11398
|
onError: handleError
|
|
11257
11399
|
}
|
|
11258
11400
|
) : /* @__PURE__ */ jsxs20("div", { className: "parent-pay-container", children: [
|
|
11259
|
-
/* @__PURE__ */
|
|
11260
|
-
/* @__PURE__ */
|
|
11261
|
-
/* @__PURE__ */
|
|
11401
|
+
/* @__PURE__ */ jsx35("span", { style: { display: autoTrigger ? "none" : "block" }, className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs20("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
|
|
11402
|
+
/* @__PURE__ */ jsx35("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx35("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" }) }),
|
|
11403
|
+
/* @__PURE__ */ jsx35("defs", { children: /* @__PURE__ */ jsx35("clipPath", { id: "clip0_12425_52336", children: /* @__PURE__ */ jsx35("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
11262
11404
|
] }) }),
|
|
11263
|
-
/* @__PURE__ */
|
|
11405
|
+
/* @__PURE__ */ jsx35("div", { className: "pay-main-logo-res" }),
|
|
11264
11406
|
/* @__PURE__ */ jsxs20("div", { className: onSubmit ? "pay-container frac-pay-container " : "pay-container", children: [
|
|
11265
11407
|
!onSubmit && /* @__PURE__ */ jsxs20("div", { className: "pay-header pay-conatiner-one", children: [
|
|
11266
11408
|
/* @__PURE__ */ jsxs20("div", { className: "pay-conatiner-one-first", children: [
|
|
11267
11409
|
/* @__PURE__ */ jsxs20("div", { className: "pay-logo-container", children: [
|
|
11268
|
-
/* @__PURE__ */
|
|
11269
|
-
/* @__PURE__ */
|
|
11410
|
+
/* @__PURE__ */ jsx35("div", { className: "pay-main-logo" }),
|
|
11411
|
+
/* @__PURE__ */ jsx35("h1", { className: "pay-heading", children: "Pay" }),
|
|
11270
11412
|
(cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs20("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
|
|
11271
11413
|
" ",
|
|
11272
|
-
/* @__PURE__ */
|
|
11414
|
+
/* @__PURE__ */ jsx35(IoArrowBack4, {}),
|
|
11273
11415
|
" Back"
|
|
11274
11416
|
] })
|
|
11275
11417
|
] }),
|
|
11276
|
-
/* @__PURE__ */
|
|
11277
|
-
/* @__PURE__ */
|
|
11418
|
+
/* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs20("div", { className: "pay-amount-conatiner", children: [
|
|
11419
|
+
/* @__PURE__ */ jsx35("small", { className: "pay-payment-amount", children: "Select payment type" }),
|
|
11278
11420
|
/* @__PURE__ */ jsxs20("div", { className: "frac-card-bank-radio-main", children: [
|
|
11279
|
-
/* @__PURE__ */
|
|
11280
|
-
!isPreAuth && isBankActive && !isPartial && /* @__PURE__ */
|
|
11421
|
+
/* @__PURE__ */ jsx35(CardBankRadio, { label: "Card", amount: (_a = Number(amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
11422
|
+
!isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx35(CardBankRadio, { label: "Bank", amount: (_b = Number(bankAmount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab, savingsText: bankSavingsText })
|
|
11281
11423
|
] }),
|
|
11282
11424
|
isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
|
|
11283
|
-
/* @__PURE__ */
|
|
11284
|
-
/* @__PURE__ */
|
|
11425
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
|
|
11426
|
+
/* @__PURE__ */ jsx35(
|
|
11285
11427
|
NumericFormat2,
|
|
11286
11428
|
{
|
|
11287
11429
|
prefix: "$",
|
|
@@ -11305,25 +11447,25 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11305
11447
|
}
|
|
11306
11448
|
}
|
|
11307
11449
|
),
|
|
11308
|
-
partialError && /* @__PURE__ */
|
|
11450
|
+
partialError && /* @__PURE__ */ jsx35("span", { className: "error-span", children: partialError })
|
|
11309
11451
|
] })
|
|
11310
11452
|
] }) })
|
|
11311
11453
|
] }),
|
|
11312
11454
|
/* @__PURE__ */ jsxs20("div", { className: "pay-conatiner-one-last", children: [
|
|
11313
|
-
/* @__PURE__ */
|
|
11314
|
-
/* @__PURE__ */
|
|
11455
|
+
/* @__PURE__ */ jsx35("img", { src: secure2, alt: "" }),
|
|
11456
|
+
/* @__PURE__ */ jsx35("img", { src: pov2, alt: "" }),
|
|
11315
11457
|
"Secure payments powered by Fractal"
|
|
11316
11458
|
] })
|
|
11317
11459
|
] }),
|
|
11318
|
-
/* @__PURE__ */
|
|
11319
|
-
onSubmit && /* @__PURE__ */
|
|
11460
|
+
/* @__PURE__ */ jsx35("div", { className: "pay-tab pay-conatiner-two", children: /* @__PURE__ */ jsx35("div", { className: "col-md-12", children: /* @__PURE__ */ jsxs20("div", { id: "payment-form-div ", className: onSubmit ? "frac-payment-form-div" : "", children: [
|
|
11461
|
+
onSubmit && /* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs20("div", { className: "pay-amount-conatiner", children: [
|
|
11320
11462
|
/* @__PURE__ */ jsxs20("div", { className: "frac-card-bank-radio-main", children: [
|
|
11321
|
-
/* @__PURE__ */
|
|
11322
|
-
!isPreAuth && isBankActive && !isPartial && /* @__PURE__ */
|
|
11463
|
+
/* @__PURE__ */ jsx35(CardBankRadio, { skydesign: true, label: "Card", amount: (_c = Number(amount)) == null ? void 0 : _c.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
11464
|
+
!isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx35(CardBankRadio, { skydesign: true, label: "Bank", amount: (_d = Number(bankAmount)) == null ? void 0 : _d.toFixed(2), value: "ach", onChange: handletabchange, activetab, savingsText: bankSavingsText })
|
|
11323
11465
|
] }),
|
|
11324
11466
|
isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
|
|
11325
|
-
/* @__PURE__ */
|
|
11326
|
-
/* @__PURE__ */
|
|
11467
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
|
|
11468
|
+
/* @__PURE__ */ jsx35(
|
|
11327
11469
|
NumericFormat2,
|
|
11328
11470
|
{
|
|
11329
11471
|
prefix: "$",
|
|
@@ -11340,33 +11482,45 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11340
11482
|
fixedDecimalScale: true
|
|
11341
11483
|
}
|
|
11342
11484
|
),
|
|
11343
|
-
partialError && /* @__PURE__ */
|
|
11485
|
+
partialError && /* @__PURE__ */ jsx35("span", { className: "error-span", children: partialError })
|
|
11344
11486
|
] })
|
|
11345
11487
|
] }) }),
|
|
11346
|
-
is3DSEnable ? clientSecret && /* @__PURE__ */
|
|
11488
|
+
is3DSEnable ? clientSecret && /* @__PURE__ */ jsx35(CheckoutWrapper, { onSuccess, clientSecret, amount, showLoader, hideLoader, callback, session_token, handleClose, setError, isPreAuth }) : /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11347
11489
|
/* @__PURE__ */ jsxs20("div", { id: "ach", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent", children: [
|
|
11348
11490
|
!onSubmit && /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11349
11491
|
/* @__PURE__ */ jsxs20("div", { className: "frac-heading-card-wrap", children: [
|
|
11350
|
-
/* @__PURE__ */
|
|
11492
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-backarrow", children: (cardList == null ? void 0 : cardList.length) > 0 && activeinCard === "form" && /* @__PURE__ */ jsxs20("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinCard("list"), children: [
|
|
11351
11493
|
" ",
|
|
11352
|
-
/* @__PURE__ */
|
|
11494
|
+
/* @__PURE__ */ jsx35(IoArrowBack4, {})
|
|
11353
11495
|
] }) }),
|
|
11354
|
-
/* @__PURE__ */
|
|
11496
|
+
/* @__PURE__ */ jsx35("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
|
|
11355
11497
|
] }),
|
|
11356
11498
|
/* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
|
|
11357
|
-
/* @__PURE__ */
|
|
11358
|
-
/* @__PURE__ */
|
|
11359
|
-
/* @__PURE__ */
|
|
11360
|
-
/* @__PURE__ */
|
|
11499
|
+
/* @__PURE__ */ jsx35("img", { src: visa2, alt: "", width: 33 }),
|
|
11500
|
+
/* @__PURE__ */ jsx35("img", { src: mastercard2, width: 33, alt: "" }),
|
|
11501
|
+
/* @__PURE__ */ jsx35("img", { src: americanexp2, alt: "", width: 33 }),
|
|
11502
|
+
/* @__PURE__ */ jsx35("img", { src: discover2, width: 33, alt: "" })
|
|
11361
11503
|
] })
|
|
11362
11504
|
] }),
|
|
11363
11505
|
activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11364
|
-
/* @__PURE__ */
|
|
11506
|
+
/* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Card", ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
|
|
11365
11507
|
setActiveinCard("form");
|
|
11366
11508
|
} }),
|
|
11367
|
-
/* @__PURE__ */
|
|
11509
|
+
/* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx35("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: partialAmount ? formatUSD((_e = Number(partialAmount)) == null ? void 0 : _e.toFixed(2)) : formatUSD((_f = Number(amount)) == null ? void 0 : _f.toFixed(2)) }) })
|
|
11368
11510
|
] }) : paymentGateway == 32 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11369
|
-
onSubmit && /* @__PURE__ */
|
|
11511
|
+
onSubmit && /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11512
|
+
/* @__PURE__ */ jsx35(
|
|
11513
|
+
ApplePayButton,
|
|
11514
|
+
{
|
|
11515
|
+
applePayAmount: partialAmount ? partialAmount : amount,
|
|
11516
|
+
applePayMerchantId,
|
|
11517
|
+
applePayMerchantName: merchantName,
|
|
11518
|
+
completeFractalFlow,
|
|
11519
|
+
showLoader
|
|
11520
|
+
}
|
|
11521
|
+
),
|
|
11522
|
+
/* @__PURE__ */ jsx35("div", { id: "digital-wallet-or", className: "frac-or", children: /* @__PURE__ */ jsx35("span", { children: "or" }) })
|
|
11523
|
+
] }),
|
|
11370
11524
|
/* @__PURE__ */ jsxs20("form", { id: "paymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
|
|
11371
11525
|
if (e.key === "Enter" && loading) {
|
|
11372
11526
|
e.preventDefault();
|
|
@@ -11375,18 +11529,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11375
11529
|
}, children: [
|
|
11376
11530
|
/* @__PURE__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
|
|
11377
11531
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11378
|
-
/* @__PURE__ */
|
|
11379
|
-
/* @__PURE__ */
|
|
11532
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
|
|
11533
|
+
/* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
|
|
11380
11534
|
const value = e.target.value;
|
|
11381
11535
|
if (/^[a-zA-Z\s]*$/.test(value)) {
|
|
11382
11536
|
handleCardChange("cardName", value);
|
|
11383
11537
|
}
|
|
11384
11538
|
} }),
|
|
11385
|
-
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */
|
|
11539
|
+
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
|
|
11386
11540
|
] }),
|
|
11387
11541
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11388
|
-
/* @__PURE__ */
|
|
11389
|
-
/* @__PURE__ */
|
|
11542
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
|
|
11543
|
+
/* @__PURE__ */ jsx35("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && isTokenizerReady && /* @__PURE__ */ jsx35(
|
|
11390
11544
|
FractalFields_default,
|
|
11391
11545
|
{
|
|
11392
11546
|
fractalStyles,
|
|
@@ -11396,17 +11550,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11396
11550
|
) })
|
|
11397
11551
|
] }),
|
|
11398
11552
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11399
|
-
/* @__PURE__ */
|
|
11400
|
-
/* @__PURE__ */
|
|
11401
|
-
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */
|
|
11553
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
|
|
11554
|
+
/* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_g = cardData == null ? void 0 : cardData.zipCode) != null ? _g : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
|
|
11555
|
+
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11402
11556
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
|
|
11403
11557
|
"Cards include a fee amount of ",
|
|
11404
|
-
/* @__PURE__ */
|
|
11558
|
+
/* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11405
11559
|
"."
|
|
11406
11560
|
] })
|
|
11407
11561
|
] }),
|
|
11408
|
-
customerId && /* @__PURE__ */
|
|
11409
|
-
/* @__PURE__ */
|
|
11562
|
+
customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
|
|
11563
|
+
/* @__PURE__ */ jsx35(
|
|
11410
11564
|
"input",
|
|
11411
11565
|
{
|
|
11412
11566
|
type: "checkbox",
|
|
@@ -11416,10 +11570,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11416
11570
|
onChange: (e) => setSaveCardInfo(e.target.checked)
|
|
11417
11571
|
}
|
|
11418
11572
|
),
|
|
11419
|
-
/* @__PURE__ */
|
|
11420
|
-
/* @__PURE__ */
|
|
11573
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
|
|
11574
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments " }),
|
|
11421
11575
|
/* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
|
|
11422
|
-
/* @__PURE__ */
|
|
11576
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
|
|
11423
11577
|
"svg",
|
|
11424
11578
|
{
|
|
11425
11579
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -11428,8 +11582,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11428
11582
|
viewBox: "0 0 20 20",
|
|
11429
11583
|
fill: "none",
|
|
11430
11584
|
children: [
|
|
11431
|
-
/* @__PURE__ */
|
|
11432
|
-
/* @__PURE__ */
|
|
11585
|
+
/* @__PURE__ */ jsx35("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
|
|
11586
|
+
/* @__PURE__ */ jsx35(
|
|
11433
11587
|
"path",
|
|
11434
11588
|
{
|
|
11435
11589
|
d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",
|
|
@@ -11439,15 +11593,15 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11439
11593
|
]
|
|
11440
11594
|
}
|
|
11441
11595
|
) }),
|
|
11442
|
-
/* @__PURE__ */
|
|
11596
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
|
|
11443
11597
|
"If checked, I agree to give the ",
|
|
11444
|
-
/* @__PURE__ */
|
|
11598
|
+
/* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
|
|
11445
11599
|
" permission to charge this credit card for agreed-upon purchases in the future."
|
|
11446
11600
|
] }) })
|
|
11447
11601
|
] })
|
|
11448
11602
|
] }) })
|
|
11449
11603
|
] }),
|
|
11450
|
-
/* @__PURE__ */
|
|
11604
|
+
/* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx35("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_h = Number(partialAmount)) == null ? void 0 : _h.toFixed(2)) : formatUSD((_i = Number(amount)) == null ? void 0 : _i.toFixed(2)) }) })
|
|
11451
11605
|
] })
|
|
11452
11606
|
] }) : /* @__PURE__ */ jsxs20("form", { id: "PaymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
|
|
11453
11607
|
if (e.key === "Enter" && loading) {
|
|
@@ -11457,16 +11611,16 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11457
11611
|
}, children: [
|
|
11458
11612
|
/* @__PURE__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
|
|
11459
11613
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11460
|
-
/* @__PURE__ */
|
|
11461
|
-
/* @__PURE__ */
|
|
11614
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
|
|
11615
|
+
/* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
|
|
11462
11616
|
const value = e.target.value;
|
|
11463
11617
|
if (/^[a-zA-Z\s]*$/.test(value)) {
|
|
11464
11618
|
handleCardChange("cardName", value);
|
|
11465
11619
|
}
|
|
11466
11620
|
} }),
|
|
11467
|
-
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */
|
|
11621
|
+
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
|
|
11468
11622
|
] }),
|
|
11469
|
-
/* @__PURE__ */
|
|
11623
|
+
/* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx35(
|
|
11470
11624
|
DataCapFields,
|
|
11471
11625
|
{
|
|
11472
11626
|
isOpen: show || autoTrigger,
|
|
@@ -11477,17 +11631,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11477
11631
|
}
|
|
11478
11632
|
) }),
|
|
11479
11633
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11480
|
-
/* @__PURE__ */
|
|
11481
|
-
/* @__PURE__ */
|
|
11482
|
-
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */
|
|
11634
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
|
|
11635
|
+
/* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_j = cardData == null ? void 0 : cardData.zipCode) != null ? _j : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
|
|
11636
|
+
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11483
11637
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
|
|
11484
11638
|
"Cards include a fee amount of ",
|
|
11485
|
-
/* @__PURE__ */
|
|
11639
|
+
/* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11486
11640
|
"."
|
|
11487
11641
|
] })
|
|
11488
11642
|
] }),
|
|
11489
|
-
customerId && /* @__PURE__ */
|
|
11490
|
-
/* @__PURE__ */
|
|
11643
|
+
customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
|
|
11644
|
+
/* @__PURE__ */ jsx35(
|
|
11491
11645
|
"input",
|
|
11492
11646
|
{
|
|
11493
11647
|
type: "checkbox",
|
|
@@ -11497,10 +11651,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11497
11651
|
onChange: (e) => setSaveCardInfo(e.target.checked)
|
|
11498
11652
|
}
|
|
11499
11653
|
),
|
|
11500
|
-
/* @__PURE__ */
|
|
11501
|
-
/* @__PURE__ */
|
|
11654
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
|
|
11655
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments " }),
|
|
11502
11656
|
/* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
|
|
11503
|
-
/* @__PURE__ */
|
|
11657
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
|
|
11504
11658
|
"svg",
|
|
11505
11659
|
{
|
|
11506
11660
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -11509,8 +11663,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11509
11663
|
viewBox: "0 0 20 20",
|
|
11510
11664
|
fill: "none",
|
|
11511
11665
|
children: [
|
|
11512
|
-
/* @__PURE__ */
|
|
11513
|
-
/* @__PURE__ */
|
|
11666
|
+
/* @__PURE__ */ jsx35("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
|
|
11667
|
+
/* @__PURE__ */ jsx35(
|
|
11514
11668
|
"path",
|
|
11515
11669
|
{
|
|
11516
11670
|
d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",
|
|
@@ -11520,30 +11674,30 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11520
11674
|
]
|
|
11521
11675
|
}
|
|
11522
11676
|
) }),
|
|
11523
|
-
/* @__PURE__ */
|
|
11677
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
|
|
11524
11678
|
"If checked, I agree to give the ",
|
|
11525
|
-
/* @__PURE__ */
|
|
11679
|
+
/* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
|
|
11526
11680
|
" permission to charge this credit card for agreed-upon purchases in the future."
|
|
11527
11681
|
] }) })
|
|
11528
11682
|
] })
|
|
11529
11683
|
] }) })
|
|
11530
11684
|
] }),
|
|
11531
|
-
/* @__PURE__ */
|
|
11685
|
+
/* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx35("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_k = Number(partialAmount)) == null ? void 0 : _k.toFixed(2)) : formatUSD((_l = Number(amount)) == null ? void 0 : _l.toFixed(2)) }) })
|
|
11532
11686
|
] })
|
|
11533
11687
|
] }),
|
|
11534
|
-
/* @__PURE__ */
|
|
11688
|
+
/* @__PURE__ */ jsx35("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent", children: /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11535
11689
|
!onSubmit && /* @__PURE__ */ jsxs20("div", { className: "frac-heading-card-wrap", children: [
|
|
11536
|
-
/* @__PURE__ */
|
|
11690
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-backarrow", children: (bankList == null ? void 0 : bankList.length) > 0 && activeinBank === "form" && /* @__PURE__ */ jsxs20("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinBank("list"), children: [
|
|
11537
11691
|
" ",
|
|
11538
|
-
/* @__PURE__ */
|
|
11692
|
+
/* @__PURE__ */ jsx35(IoArrowBack4, {})
|
|
11539
11693
|
] }) }),
|
|
11540
|
-
/* @__PURE__ */
|
|
11694
|
+
/* @__PURE__ */ jsx35("h6", { className: "frac-card-payment-heading", children: "Bank Payment" })
|
|
11541
11695
|
] }),
|
|
11542
11696
|
activeinBank === "list" && (bankList == null ? void 0 : bankList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11543
|
-
/* @__PURE__ */
|
|
11697
|
+
/* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Banks", ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
|
|
11544
11698
|
setActiveinBank("form");
|
|
11545
11699
|
} }),
|
|
11546
|
-
/* @__PURE__ */
|
|
11700
|
+
/* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx35("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: formatUSD((_m = Number(bankAmount)) == null ? void 0 : _m.toFixed(2)) }) })
|
|
11547
11701
|
] }) : /* @__PURE__ */ jsxs20("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, ref: bankFormRef, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
|
|
11548
11702
|
if (e.key === "Enter" && loading) {
|
|
11549
11703
|
e.preventDefault();
|
|
@@ -11555,13 +11709,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11555
11709
|
maxHeight: "444px"
|
|
11556
11710
|
}, children: [
|
|
11557
11711
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11558
|
-
/* @__PURE__ */
|
|
11559
|
-
/* @__PURE__ */
|
|
11560
|
-
(achError == null ? void 0 : achError.name) && /* @__PURE__ */
|
|
11712
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "nameonaccount", children: "Name on account" }),
|
|
11713
|
+
/* @__PURE__ */ jsx35("input", { type: "text", id: "nameonaccount", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", name: "name", value: (_n = achData == null ? void 0 : achData.name) != null ? _n : "", onChange: handleChangeAch }),
|
|
11714
|
+
(achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
|
|
11561
11715
|
] }),
|
|
11562
11716
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11563
|
-
/* @__PURE__ */
|
|
11564
|
-
/* @__PURE__ */
|
|
11717
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "routingnumber", children: "Routing number" }),
|
|
11718
|
+
/* @__PURE__ */ jsx35(
|
|
11565
11719
|
"input",
|
|
11566
11720
|
{
|
|
11567
11721
|
type: "text",
|
|
@@ -11574,11 +11728,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11574
11728
|
onChange: handleChangeAch
|
|
11575
11729
|
}
|
|
11576
11730
|
),
|
|
11577
|
-
(achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */
|
|
11731
|
+
(achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
|
|
11578
11732
|
] }),
|
|
11579
11733
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11580
|
-
/* @__PURE__ */
|
|
11581
|
-
/* @__PURE__ */
|
|
11734
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "accountnumber", children: "Account number" }),
|
|
11735
|
+
/* @__PURE__ */ jsx35(
|
|
11582
11736
|
"input",
|
|
11583
11737
|
{
|
|
11584
11738
|
type: "text",
|
|
@@ -11591,11 +11745,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11591
11745
|
onChange: handleChangeAch
|
|
11592
11746
|
}
|
|
11593
11747
|
),
|
|
11594
|
-
(achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */
|
|
11748
|
+
(achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
|
|
11595
11749
|
] }),
|
|
11596
11750
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11597
|
-
/* @__PURE__ */
|
|
11598
|
-
/* @__PURE__ */
|
|
11751
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
|
|
11752
|
+
/* @__PURE__ */ jsx35(
|
|
11599
11753
|
"input",
|
|
11600
11754
|
{
|
|
11601
11755
|
type: "text",
|
|
@@ -11608,11 +11762,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11608
11762
|
onChange: handleChangeAch
|
|
11609
11763
|
}
|
|
11610
11764
|
),
|
|
11611
|
-
(achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */
|
|
11765
|
+
(achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
|
|
11612
11766
|
] }),
|
|
11613
11767
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11614
|
-
/* @__PURE__ */
|
|
11615
|
-
/* @__PURE__ */
|
|
11768
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "bankname", children: "Bank name" }),
|
|
11769
|
+
/* @__PURE__ */ jsx35(
|
|
11616
11770
|
"input",
|
|
11617
11771
|
{
|
|
11618
11772
|
type: "text",
|
|
@@ -11625,11 +11779,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11625
11779
|
onChange: handleChangeAch
|
|
11626
11780
|
}
|
|
11627
11781
|
),
|
|
11628
|
-
(achError == null ? void 0 : achError.bankName) && /* @__PURE__ */
|
|
11782
|
+
(achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
|
|
11629
11783
|
] }),
|
|
11630
11784
|
((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11631
|
-
/* @__PURE__ */
|
|
11632
|
-
/* @__PURE__ */
|
|
11785
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "companyName", children: "Company name" }),
|
|
11786
|
+
/* @__PURE__ */ jsx35(
|
|
11633
11787
|
"input",
|
|
11634
11788
|
{
|
|
11635
11789
|
type: "text",
|
|
@@ -11642,44 +11796,44 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11642
11796
|
onChange: handleChangeAch
|
|
11643
11797
|
}
|
|
11644
11798
|
),
|
|
11645
|
-
(achError == null ? void 0 : achError.companyName) && /* @__PURE__ */
|
|
11799
|
+
(achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
|
|
11646
11800
|
] }),
|
|
11647
11801
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11648
|
-
/* @__PURE__ */
|
|
11802
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "accounttype", children: "Select account type" }),
|
|
11649
11803
|
/* @__PURE__ */ jsxs20("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_t = achData == null ? void 0 : achData.accountType) != null ? _t : "", onChange: handleChangeAch, children: [
|
|
11650
|
-
/* @__PURE__ */
|
|
11651
|
-
accountTypes.map((type) => /* @__PURE__ */
|
|
11804
|
+
/* @__PURE__ */ jsx35("option", { value: "", children: "Select account" }),
|
|
11805
|
+
accountTypes.map((type) => /* @__PURE__ */ jsx35("option", { value: type.value, children: type.label }, type.value))
|
|
11652
11806
|
] }),
|
|
11653
11807
|
bankFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
|
|
11654
11808
|
"There is a processing fee of ",
|
|
11655
|
-
/* @__PURE__ */
|
|
11809
|
+
/* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
|
|
11656
11810
|
"."
|
|
11657
11811
|
] }),
|
|
11658
11812
|
!saveACHinfo && /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11659
11813
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
|
|
11660
|
-
/* @__PURE__ */
|
|
11814
|
+
/* @__PURE__ */ jsx35("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
|
|
11661
11815
|
setIsBankConsentChecked(e.target.checked);
|
|
11662
11816
|
if (e.target.checked) {
|
|
11663
11817
|
setErrorBankConsent("");
|
|
11664
11818
|
}
|
|
11665
11819
|
} }),
|
|
11666
|
-
/* @__PURE__ */
|
|
11820
|
+
/* @__PURE__ */ jsx35("label", { className: "saveachlabel", htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${merchantName || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
|
|
11667
11821
|
] }),
|
|
11668
|
-
errorBankConsent && /* @__PURE__ */
|
|
11822
|
+
errorBankConsent && /* @__PURE__ */ jsx35("span", { className: "error-span", children: errorBankConsent })
|
|
11669
11823
|
] }),
|
|
11670
11824
|
customerId && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
|
|
11671
|
-
/* @__PURE__ */
|
|
11825
|
+
/* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => {
|
|
11672
11826
|
setSaveACHinfo(e.target.checked);
|
|
11673
11827
|
if (!e.target.checked) {
|
|
11674
11828
|
setSaveACHConsent1(false);
|
|
11675
11829
|
setErrorBankConsentOther("");
|
|
11676
11830
|
}
|
|
11677
11831
|
} }),
|
|
11678
|
-
/* @__PURE__ */
|
|
11832
|
+
/* @__PURE__ */ jsx35("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save for future use" })
|
|
11679
11833
|
] }),
|
|
11680
11834
|
saveACHinfo && /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11681
11835
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
|
|
11682
|
-
/* @__PURE__ */
|
|
11836
|
+
/* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
|
|
11683
11837
|
setSaveACHConsent1(e.target.checked);
|
|
11684
11838
|
if (e.target.checked) {
|
|
11685
11839
|
setErrorBankConsentOther("");
|
|
@@ -11691,11 +11845,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11691
11845
|
" to store my bank account details for future ACH payments. I understand that future payments may be initiated using this saved account in accordance with my instructions. I confirm I am authorized to use this bank account."
|
|
11692
11846
|
] })
|
|
11693
11847
|
] }),
|
|
11694
|
-
errorBankConsentOther && /* @__PURE__ */
|
|
11848
|
+
errorBankConsentOther && /* @__PURE__ */ jsx35("span", { className: "error-span", children: errorBankConsentOther })
|
|
11695
11849
|
] })
|
|
11696
11850
|
] })
|
|
11697
11851
|
] }),
|
|
11698
|
-
/* @__PURE__ */
|
|
11852
|
+
/* @__PURE__ */ jsx35("div", { className: "form-group-frac ", children: /* @__PURE__ */ jsx35("button", { className: "pay-button", style: { margin: "20px 0 0", display: onSubmit ? "none" : "block" }, type: "submit", children: formatUSD((_u = Number(bankAmount)) == null ? void 0 : _u.toFixed(2)) }) })
|
|
11699
11853
|
] })
|
|
11700
11854
|
] }) })
|
|
11701
11855
|
] })
|
|
@@ -11710,7 +11864,7 @@ var ModelContentSky_default = ModelContentSky;
|
|
|
11710
11864
|
|
|
11711
11865
|
// src/app/components/Skysystemz/PayButtonWithForm.tsx
|
|
11712
11866
|
import axios10 from "axios";
|
|
11713
|
-
import { Fragment as Fragment20, jsx as
|
|
11867
|
+
import { Fragment as Fragment20, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
11714
11868
|
var PaymentWidget = ({
|
|
11715
11869
|
amount,
|
|
11716
11870
|
bankAmount,
|
|
@@ -11790,7 +11944,7 @@ var PaymentWidget = ({
|
|
|
11790
11944
|
]
|
|
11791
11945
|
);
|
|
11792
11946
|
const [commonProps, setCommonProps] = useState11(initialCommonProps);
|
|
11793
|
-
|
|
11947
|
+
useEffect17(() => {
|
|
11794
11948
|
if (show) {
|
|
11795
11949
|
setCommonProps(initialCommonProps);
|
|
11796
11950
|
}
|
|
@@ -11821,33 +11975,33 @@ var PaymentWidget = ({
|
|
|
11821
11975
|
setLoading(false);
|
|
11822
11976
|
}
|
|
11823
11977
|
};
|
|
11824
|
-
|
|
11978
|
+
useEffect17(() => {
|
|
11825
11979
|
if (show && isPartial && partialRef) {
|
|
11826
11980
|
getskyosOrderDetails();
|
|
11827
11981
|
}
|
|
11828
11982
|
}, [show, isPartial, partialRef]);
|
|
11829
11983
|
return /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11830
|
-
/* @__PURE__ */
|
|
11831
|
-
/* @__PURE__ */
|
|
11832
|
-
/* @__PURE__ */
|
|
11833
|
-
/* @__PURE__ */
|
|
11834
|
-
/* @__PURE__ */
|
|
11984
|
+
/* @__PURE__ */ jsx36("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
|
|
11985
|
+
/* @__PURE__ */ jsx36(DataScript, {}),
|
|
11986
|
+
/* @__PURE__ */ jsx36(SkyChargewidgetstyles, {}),
|
|
11987
|
+
/* @__PURE__ */ jsx36(CardBankRadioStyles, {}),
|
|
11988
|
+
/* @__PURE__ */ jsx36(CustomModal2styles_default, {}),
|
|
11835
11989
|
!autoTrigger && /* @__PURE__ */ jsxs21("button", { className: submitBtnClass || "paymentBtn", disabled: disableSubmitBtn, onClick: () => setShow(true), children: [
|
|
11836
11990
|
submitBtnText,
|
|
11837
11991
|
submitBtnIcon
|
|
11838
11992
|
] }),
|
|
11839
|
-
!autoTrigger ? /* @__PURE__ */
|
|
11993
|
+
!autoTrigger ? /* @__PURE__ */ jsx36(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx36(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx36(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
|
|
11840
11994
|
] });
|
|
11841
11995
|
};
|
|
11842
11996
|
|
|
11843
11997
|
// src/app/components/Skysystemz/EmbeddedCheckout.tsx
|
|
11844
|
-
import { useEffect as
|
|
11998
|
+
import { useEffect as useEffect19, useState as useState12, useMemo as useMemo2 } from "react";
|
|
11845
11999
|
import axios11 from "axios";
|
|
11846
12000
|
|
|
11847
12001
|
// src/app/components/Skysystemz/EmbeddedCheckoutStyles.tsx
|
|
11848
|
-
import { jsx as
|
|
12002
|
+
import { jsx as jsx37 } from "react/jsx-runtime";
|
|
11849
12003
|
function EmbeddedCheckoutStyles({ extraCustomCSS }) {
|
|
11850
|
-
return /* @__PURE__ */
|
|
12004
|
+
return /* @__PURE__ */ jsx37("style", { children: `
|
|
11851
12005
|
|
|
11852
12006
|
.pay-amount-conatiner{
|
|
11853
12007
|
margin-top: 20px !important;
|
|
@@ -12193,10 +12347,10 @@ padding:0px !important;
|
|
|
12193
12347
|
}
|
|
12194
12348
|
|
|
12195
12349
|
// src/app/components/Atoms/Applepay/ApplePayScriptLoader.tsx
|
|
12196
|
-
import { useEffect as
|
|
12350
|
+
import { useEffect as useEffect18 } from "react";
|
|
12197
12351
|
var applePayScriptLoaded = false;
|
|
12198
12352
|
var ApplePayScriptLoader = () => {
|
|
12199
|
-
|
|
12353
|
+
useEffect18(() => {
|
|
12200
12354
|
if (applePayScriptLoaded) return;
|
|
12201
12355
|
const existingScript = document.querySelector(
|
|
12202
12356
|
`script[src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"]`
|
|
@@ -12222,7 +12376,7 @@ var ApplePayScriptLoader = () => {
|
|
|
12222
12376
|
};
|
|
12223
12377
|
|
|
12224
12378
|
// src/app/components/Skysystemz/EmbeddedCheckout.tsx
|
|
12225
|
-
import { Fragment as Fragment21, jsx as
|
|
12379
|
+
import { Fragment as Fragment21, jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
12226
12380
|
var EmbeddedCheckout = ({
|
|
12227
12381
|
amount,
|
|
12228
12382
|
bankAmount,
|
|
@@ -12301,7 +12455,7 @@ var EmbeddedCheckout = ({
|
|
|
12301
12455
|
]
|
|
12302
12456
|
);
|
|
12303
12457
|
const [commonProps, setCommonProps] = useState12(initialCommonProps);
|
|
12304
|
-
|
|
12458
|
+
useEffect19(() => {
|
|
12305
12459
|
if (show) {
|
|
12306
12460
|
setCommonProps(initialCommonProps);
|
|
12307
12461
|
}
|
|
@@ -12332,13 +12486,13 @@ var EmbeddedCheckout = ({
|
|
|
12332
12486
|
setLoading(false);
|
|
12333
12487
|
}
|
|
12334
12488
|
};
|
|
12335
|
-
|
|
12489
|
+
useEffect19(() => {
|
|
12336
12490
|
if (autoTrigger && isPartial && partialRef) {
|
|
12337
12491
|
getskyosOrderDetails();
|
|
12338
12492
|
}
|
|
12339
12493
|
}, [autoTrigger, isPartial, partialRef]);
|
|
12340
12494
|
console.log(onLoad, "onLoad");
|
|
12341
|
-
|
|
12495
|
+
useEffect19(() => {
|
|
12342
12496
|
const supported = !!window.ApplePaySession;
|
|
12343
12497
|
let canPay = false;
|
|
12344
12498
|
if (supported) {
|
|
@@ -12350,18 +12504,18 @@ var EmbeddedCheckout = ({
|
|
|
12350
12504
|
console.log(`ApplePaySession: ${supported}, canMakePayments: ${canPay}`);
|
|
12351
12505
|
}, []);
|
|
12352
12506
|
return /* @__PURE__ */ jsxs22(Fragment21, { children: [
|
|
12353
|
-
/* @__PURE__ */
|
|
12354
|
-
/* @__PURE__ */
|
|
12355
|
-
/* @__PURE__ */
|
|
12356
|
-
/* @__PURE__ */
|
|
12357
|
-
/* @__PURE__ */
|
|
12358
|
-
/* @__PURE__ */
|
|
12359
|
-
/* @__PURE__ */
|
|
12507
|
+
/* @__PURE__ */ jsx38("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
|
|
12508
|
+
/* @__PURE__ */ jsx38(DataScript, {}),
|
|
12509
|
+
/* @__PURE__ */ jsx38(SkyChargewidgetstyles, {}),
|
|
12510
|
+
/* @__PURE__ */ jsx38(CardBankRadioStyles, {}),
|
|
12511
|
+
/* @__PURE__ */ jsx38(CustomModal2styles_default, {}),
|
|
12512
|
+
/* @__PURE__ */ jsx38(ApplePayScriptLoader, {}),
|
|
12513
|
+
/* @__PURE__ */ jsx38(EmbeddedCheckoutStyles, { extraCustomCSS: customCSS }),
|
|
12360
12514
|
!autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
|
|
12361
12515
|
submitBtnText,
|
|
12362
12516
|
submitBtnIcon
|
|
12363
12517
|
] }),
|
|
12364
|
-
!autoTrigger ? /* @__PURE__ */
|
|
12518
|
+
!autoTrigger ? /* @__PURE__ */ jsx38(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx38(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx38(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
|
|
12365
12519
|
] });
|
|
12366
12520
|
};
|
|
12367
12521
|
export {
|