@fractalpay/fractalpay-next-test 0.0.39 → 0.0.41
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 +178 -324
- package/dist/index.js.map +1 -1
- package/next-env.d.ts +6 -0
- package/package.json +1 -1
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-test",
|
|
42
|
-
version: "0.0.
|
|
42
|
+
version: "0.0.41",
|
|
43
43
|
private: false,
|
|
44
44
|
type: "module",
|
|
45
45
|
scripts: {
|
|
@@ -8800,7 +8800,7 @@ function PartialPayment(props) {
|
|
|
8800
8800
|
}
|
|
8801
8801
|
|
|
8802
8802
|
// src/app/components/Skysystemz/PayButtonWithForm.tsx
|
|
8803
|
-
import { useEffect as
|
|
8803
|
+
import { useEffect as useEffect18, useState as useState12, useMemo } from "react";
|
|
8804
8804
|
|
|
8805
8805
|
// src/app/components/Skysystemz/SkyChargewidgetstyles.tsx
|
|
8806
8806
|
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
@@ -9646,7 +9646,7 @@ padding:0px !important;
|
|
|
9646
9646
|
}
|
|
9647
9647
|
|
|
9648
9648
|
// src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
|
|
9649
|
-
import { useCallback, useEffect as
|
|
9649
|
+
import { useCallback, useEffect as useEffect17, useRef as useRef11, useState as useState11 } from "react";
|
|
9650
9650
|
import axios9 from "axios";
|
|
9651
9651
|
import Swal5 from "sweetalert2";
|
|
9652
9652
|
|
|
@@ -9893,9 +9893,7 @@ width: fit-content;
|
|
|
9893
9893
|
top: 50%;
|
|
9894
9894
|
left: 50%;
|
|
9895
9895
|
transform: translate(-50%, -50%);
|
|
9896
|
-
background:
|
|
9897
|
-
backdrop-filter: blur(12px);
|
|
9898
|
-
-webkit-backdrop-filter: blur(12px);
|
|
9896
|
+
background: #fff;
|
|
9899
9897
|
border-radius: 12px;
|
|
9900
9898
|
z-index: 11111;
|
|
9901
9899
|
max-width: 240px;
|
|
@@ -10125,155 +10123,17 @@ function GooglePayComponent({
|
|
|
10125
10123
|
] });
|
|
10126
10124
|
}
|
|
10127
10125
|
|
|
10128
|
-
// src/app/components/Atoms/Applepay/ApplePayButton.tsx
|
|
10129
|
-
import { useEffect as useEffect17, useRef as useRef11 } from "react";
|
|
10130
|
-
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
10131
|
-
function ApplePayButton({
|
|
10132
|
-
applePayMerchantId: applePayMerchantId2,
|
|
10133
|
-
applePayAmount,
|
|
10134
|
-
applePayMerchantName,
|
|
10135
|
-
showLoader,
|
|
10136
|
-
completeFractalFlow
|
|
10137
|
-
}) {
|
|
10138
|
-
const applePayRef = useRef11(null);
|
|
10139
|
-
const paymentRequestMethods = [
|
|
10140
|
-
{
|
|
10141
|
-
supportedMethods: "https://apple.com/apple-pay",
|
|
10142
|
-
data: {
|
|
10143
|
-
version: 3,
|
|
10144
|
-
merchantIdentifier: applePayMerchantId2,
|
|
10145
|
-
// ✅ FIXED
|
|
10146
|
-
merchantCapabilities: ["supports3DS"],
|
|
10147
|
-
supportedNetworks: ["amex", "discover", "mastercard", "visa"],
|
|
10148
|
-
// ✅ FIXED
|
|
10149
|
-
countryCode: "US"
|
|
10150
|
-
}
|
|
10151
|
-
}
|
|
10152
|
-
];
|
|
10153
|
-
const paymentRequestOptions = {
|
|
10154
|
-
requestPayerName: false,
|
|
10155
|
-
requestPayerEmail: false,
|
|
10156
|
-
requestPayerPhone: false,
|
|
10157
|
-
requestShipping: false
|
|
10158
|
-
};
|
|
10159
|
-
function buildPaymentDetails() {
|
|
10160
|
-
return {
|
|
10161
|
-
total: {
|
|
10162
|
-
label: applePayMerchantName,
|
|
10163
|
-
amount: {
|
|
10164
|
-
currency: "USD",
|
|
10165
|
-
value: applePayAmount
|
|
10166
|
-
}
|
|
10167
|
-
}
|
|
10168
|
-
};
|
|
10169
|
-
}
|
|
10170
|
-
async function validateMerchant(event) {
|
|
10171
|
-
var _a;
|
|
10172
|
-
console.log("\u{1F7E1} STEP 1: Merchant validation started");
|
|
10173
|
-
try {
|
|
10174
|
-
console.log("Validation URL:", event.validationURL);
|
|
10175
|
-
console.log("Domain:", window.location.hostname);
|
|
10176
|
-
const res = await fetch(
|
|
10177
|
-
`${masterBaseUrl}api/v1/widget/generate-apple-pay-session`,
|
|
10178
|
-
{
|
|
10179
|
-
method: "POST",
|
|
10180
|
-
headers: {
|
|
10181
|
-
"Content-Type": "application/json"
|
|
10182
|
-
},
|
|
10183
|
-
body: JSON.stringify({
|
|
10184
|
-
validationUrl: event.validationURL,
|
|
10185
|
-
applePayMerchantId: applePayMerchantId2,
|
|
10186
|
-
applepayDisplayName: applePayMerchantName,
|
|
10187
|
-
requestDomain: window.location.hostname
|
|
10188
|
-
// ✅ IMPORTANT
|
|
10189
|
-
})
|
|
10190
|
-
}
|
|
10191
|
-
);
|
|
10192
|
-
console.log("\u{1F7E1} STEP 2: Response status:", res.status);
|
|
10193
|
-
const data = await res.json();
|
|
10194
|
-
console.log("RAW session response:", JSON.stringify(data));
|
|
10195
|
-
console.log("\u{1F7E2} STEP 3: Session response: data fetched");
|
|
10196
|
-
const merchantSession = (_a = data == null ? void 0 : data.data) != null ? _a : data;
|
|
10197
|
-
if (!merchantSession || typeof merchantSession !== "object") {
|
|
10198
|
-
console.error("\u274C Bad session shape");
|
|
10199
|
-
event.complete(null);
|
|
10200
|
-
return;
|
|
10201
|
-
}
|
|
10202
|
-
console.log("\u{1F7E2} STEP 4.1: Completing merchant validation");
|
|
10203
|
-
event.complete(merchantSession);
|
|
10204
|
-
console.log("\u{1F7E2} STEP 4.2: Completed merchant validation");
|
|
10205
|
-
} catch (err) {
|
|
10206
|
-
console.log("\u274C Merchant validation failed:", err == null ? void 0 : err.message);
|
|
10207
|
-
event.complete(null);
|
|
10208
|
-
}
|
|
10209
|
-
}
|
|
10210
|
-
async function authorizePayment(paymentResponse) {
|
|
10211
|
-
console.log("\u{1F7E1} STEP 5: Authorizing payment");
|
|
10212
|
-
try {
|
|
10213
|
-
const token = paymentResponse.details.token.paymentData;
|
|
10214
|
-
console.log("\u{1F7E2} STEP 6: Got token");
|
|
10215
|
-
await completeFractalFlow(token, null, "apple_pay");
|
|
10216
|
-
await paymentResponse.complete("success");
|
|
10217
|
-
console.log("\u2705 Payment completed successfully");
|
|
10218
|
-
} catch (err) {
|
|
10219
|
-
console.log("\u274C Authorization failed:", err == null ? void 0 : err.message);
|
|
10220
|
-
await paymentResponse.complete("fail");
|
|
10221
|
-
}
|
|
10222
|
-
}
|
|
10223
|
-
async function handleApplePayClick() {
|
|
10224
|
-
console.log("\u{1F7E1} STEP A: Click detected");
|
|
10225
|
-
try {
|
|
10226
|
-
const request = new PaymentRequest(
|
|
10227
|
-
paymentRequestMethods,
|
|
10228
|
-
buildPaymentDetails(),
|
|
10229
|
-
paymentRequestOptions
|
|
10230
|
-
);
|
|
10231
|
-
request.onmerchantvalidation = validateMerchant;
|
|
10232
|
-
console.log("\u{1F7E1} STEP B: Calling show()");
|
|
10233
|
-
const response = await request.show();
|
|
10234
|
-
console.log("\u{1F7E2} STEP C: Payment sheet opened");
|
|
10235
|
-
await authorizePayment(response);
|
|
10236
|
-
} catch (err) {
|
|
10237
|
-
console.log("\u274C Apple Pay flow failed:", err == null ? void 0 : err.message);
|
|
10238
|
-
}
|
|
10239
|
-
}
|
|
10240
|
-
useEffect17(() => {
|
|
10241
|
-
if (window.ApplePaySession && window.ApplePaySession.canMakePayments()) {
|
|
10242
|
-
console.log("\u2705 Apple Pay is available");
|
|
10243
|
-
} else {
|
|
10244
|
-
console.log("\u274C Apple Pay NOT available");
|
|
10245
|
-
}
|
|
10246
|
-
}, []);
|
|
10247
|
-
useEffect17(() => {
|
|
10248
|
-
const btn = applePayRef.current;
|
|
10249
|
-
if (!btn) return;
|
|
10250
|
-
const handleClick = () => handleApplePayClick();
|
|
10251
|
-
btn.addEventListener("click", handleClick);
|
|
10252
|
-
return () => btn.removeEventListener("click", handleClick);
|
|
10253
|
-
}, [applePayMerchantId2, applePayAmount, applePayMerchantName]);
|
|
10254
|
-
return /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(
|
|
10255
|
-
"apple-pay-button",
|
|
10256
|
-
{
|
|
10257
|
-
ref: applePayRef,
|
|
10258
|
-
buttonstyle: "black",
|
|
10259
|
-
type: "pay",
|
|
10260
|
-
locale: "en-US",
|
|
10261
|
-
style: { width: "100%" }
|
|
10262
|
-
}
|
|
10263
|
-
) });
|
|
10264
|
-
}
|
|
10265
|
-
|
|
10266
10126
|
// src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
|
|
10267
|
-
import { Fragment as Fragment20, jsx as
|
|
10127
|
+
import { Fragment as Fragment20, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
10268
10128
|
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: customCSS2 }) => {
|
|
10269
10129
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
|
|
10270
|
-
const hasRunRef =
|
|
10271
|
-
const cardFormRef =
|
|
10272
|
-
const bankFormRef =
|
|
10273
|
-
const expiryYearRef =
|
|
10274
|
-
const expiryMonthRef =
|
|
10275
|
-
const cardListRunRef =
|
|
10276
|
-
const threeDSContainerRef =
|
|
10130
|
+
const hasRunRef = useRef11(false);
|
|
10131
|
+
const cardFormRef = useRef11(null);
|
|
10132
|
+
const bankFormRef = useRef11(null);
|
|
10133
|
+
const expiryYearRef = useRef11(null);
|
|
10134
|
+
const expiryMonthRef = useRef11(null);
|
|
10135
|
+
const cardListRunRef = useRef11(false);
|
|
10136
|
+
const threeDSContainerRef = useRef11(null);
|
|
10277
10137
|
const [activetab, setActive] = useState11("card");
|
|
10278
10138
|
const [activeList, setActiveList] = useState11("card");
|
|
10279
10139
|
const [cardData, setCardData] = useState11();
|
|
@@ -10340,7 +10200,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10340
10200
|
const bankFeeAmount = Number(bankSurcharge || 0);
|
|
10341
10201
|
const bankSavingsAmount = Math.max(bankFeeAmount > 0 ? cardFeeAmount - bankFeeAmount : cardFeeAmount, 0);
|
|
10342
10202
|
const bankSavingsText = bankSavingsAmount > 0 ? `Save ${formatUSD(bankSavingsAmount.toFixed(2))}` : "";
|
|
10343
|
-
const tokenizerRef =
|
|
10203
|
+
const tokenizerRef = useRef11(null);
|
|
10344
10204
|
const fractalStyles = {
|
|
10345
10205
|
input: {
|
|
10346
10206
|
"font-family": "'Inter', sans-serif",
|
|
@@ -10413,7 +10273,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10413
10273
|
let dataObj = __spreadValues({
|
|
10414
10274
|
Token: data == null ? void 0 : data.Token,
|
|
10415
10275
|
amount,
|
|
10416
|
-
postal_code: data == null ? void 0 : data.postalCode
|
|
10276
|
+
postal_code: data == null ? void 0 : data.postalCode,
|
|
10277
|
+
require3ds
|
|
10417
10278
|
}, saveCardInfo ? {
|
|
10418
10279
|
card: {
|
|
10419
10280
|
postal_code: cardData == null ? void 0 : cardData.zipCode,
|
|
@@ -10422,6 +10283,9 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10422
10283
|
name: cardData == null ? void 0 : cardData.cardName
|
|
10423
10284
|
}
|
|
10424
10285
|
} : null);
|
|
10286
|
+
if (require3ds && (data == null ? void 0 : data.stripe_3ds_auth_id)) {
|
|
10287
|
+
dataObj.stripe_3ds_auth_id = data == null ? void 0 : data.stripe_3ds_auth_id;
|
|
10288
|
+
}
|
|
10425
10289
|
const preAuthResponse = await axios9.post(`${masterBaseUrl}api/v1/gateway/preauth/${session_token}`, dataObj);
|
|
10426
10290
|
if ((_a2 = preAuthResponse == null ? void 0 : preAuthResponse.data) == null ? void 0 : _a2.result) {
|
|
10427
10291
|
let addCard;
|
|
@@ -11202,13 +11066,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11202
11066
|
setOrderLoader(false);
|
|
11203
11067
|
}
|
|
11204
11068
|
};
|
|
11205
|
-
|
|
11069
|
+
useEffect17(() => {
|
|
11206
11070
|
if (!show && !autoTrigger) {
|
|
11207
11071
|
hasRunRef.current = false;
|
|
11208
11072
|
cardListRunRef.current = false;
|
|
11209
11073
|
}
|
|
11210
11074
|
}, [show, autoTrigger]);
|
|
11211
|
-
|
|
11075
|
+
useEffect17(() => {
|
|
11212
11076
|
if (!hasRunRef.current && (show || autoTrigger) && onLoad) {
|
|
11213
11077
|
getPaymentDetails();
|
|
11214
11078
|
if (isPartial && !partialRef) {
|
|
@@ -11216,7 +11080,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11216
11080
|
}
|
|
11217
11081
|
}
|
|
11218
11082
|
}, [show, autoTrigger, isPartial, onLoad]);
|
|
11219
|
-
|
|
11083
|
+
useEffect17(() => {
|
|
11220
11084
|
if ((show || autoTrigger) && pass_fee_amount) {
|
|
11221
11085
|
let cashdisc = Number(amount) - Number(pass_fee_amount);
|
|
11222
11086
|
if (cashdisc && !isNaN(cashdisc)) {
|
|
@@ -11278,7 +11142,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11278
11142
|
console.error("3DS Auth failed \u274C", status);
|
|
11279
11143
|
setError(`3DS Authentication ${status}`);
|
|
11280
11144
|
};
|
|
11281
|
-
|
|
11145
|
+
useEffect17(() => {
|
|
11282
11146
|
if (setHandleCloseRef) {
|
|
11283
11147
|
setHandleCloseRef(() => handleClose);
|
|
11284
11148
|
}
|
|
@@ -11296,18 +11160,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11296
11160
|
setPartialError("");
|
|
11297
11161
|
}
|
|
11298
11162
|
};
|
|
11299
|
-
|
|
11163
|
+
useEffect17(() => {
|
|
11300
11164
|
if (typeof FractalTokenizer === "undefined") return;
|
|
11301
11165
|
const tokenizer = new FractalTokenizer({
|
|
11302
11166
|
styles: {}
|
|
11303
11167
|
});
|
|
11304
11168
|
}, []);
|
|
11305
|
-
const stateRef =
|
|
11169
|
+
const stateRef = useRef11({
|
|
11306
11170
|
activeinBank,
|
|
11307
11171
|
activeinCard,
|
|
11308
11172
|
activetab
|
|
11309
11173
|
});
|
|
11310
|
-
|
|
11174
|
+
useEffect17(() => {
|
|
11311
11175
|
stateRef.current = {
|
|
11312
11176
|
activeinBank,
|
|
11313
11177
|
activeinCard,
|
|
@@ -11331,7 +11195,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11331
11195
|
}
|
|
11332
11196
|
}
|
|
11333
11197
|
}, []);
|
|
11334
|
-
|
|
11198
|
+
useEffect17(() => {
|
|
11335
11199
|
onSubmit == null ? void 0 : onSubmit(submit);
|
|
11336
11200
|
}, [onSubmit, submit]);
|
|
11337
11201
|
function detectCardType(cardinput) {
|
|
@@ -11357,34 +11221,34 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11357
11221
|
const cardType = detectCardType(cardInput);
|
|
11358
11222
|
switch (cardType) {
|
|
11359
11223
|
case "visa":
|
|
11360
|
-
return /* @__PURE__ */
|
|
11224
|
+
return /* @__PURE__ */ jsx35("img", { src: visa2, alt: "visa", width: 33 });
|
|
11361
11225
|
case "mastercard":
|
|
11362
|
-
return /* @__PURE__ */
|
|
11226
|
+
return /* @__PURE__ */ jsx35("img", { src: mastercard2, width: 33, alt: "mastercard" });
|
|
11363
11227
|
case "amex":
|
|
11364
|
-
return /* @__PURE__ */
|
|
11228
|
+
return /* @__PURE__ */ jsx35("img", { src: americanexp2, alt: "amex", width: 33 });
|
|
11365
11229
|
case "discover":
|
|
11366
|
-
return /* @__PURE__ */
|
|
11230
|
+
return /* @__PURE__ */ jsx35("img", { src: discover2, width: 33, alt: "discover" });
|
|
11367
11231
|
case "diners":
|
|
11368
|
-
return /* @__PURE__ */
|
|
11232
|
+
return /* @__PURE__ */ jsx35("img", { src: dinersicon, alt: "Diners Club" });
|
|
11369
11233
|
case "jcb":
|
|
11370
|
-
return /* @__PURE__ */
|
|
11234
|
+
return /* @__PURE__ */ jsx35("img", { src: jcbicon, alt: "JCB" });
|
|
11371
11235
|
case "unionpay":
|
|
11372
|
-
return /* @__PURE__ */
|
|
11236
|
+
return /* @__PURE__ */ jsx35("img", { src: unionicon, alt: "UnionPay" });
|
|
11373
11237
|
default:
|
|
11374
|
-
return /* @__PURE__ */
|
|
11238
|
+
return /* @__PURE__ */ jsx35("img", { src: defualtcardborder, alt: "card" });
|
|
11375
11239
|
}
|
|
11376
11240
|
}
|
|
11377
11241
|
return /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11378
|
-
(initialLoader || !onLoad) && /* @__PURE__ */
|
|
11379
|
-
error && /* @__PURE__ */
|
|
11380
|
-
errorIframe && /* @__PURE__ */
|
|
11242
|
+
(initialLoader || !onLoad) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "dark", loading: initialLoader || !onLoad }),
|
|
11243
|
+
error && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error, onClose: handleClose, autoTrigger }) }),
|
|
11244
|
+
errorIframe && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error: errorIframe, onClose: () => {
|
|
11381
11245
|
setErrorIframe("");
|
|
11382
11246
|
}, autoTrigger: onSubmit ? !onSubmit : autoTrigger }) }),
|
|
11383
11247
|
/* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11384
|
-
(loading || loading2 || loadingIframe) && /* @__PURE__ */
|
|
11248
|
+
(loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "light", loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
|
|
11385
11249
|
/* @__PURE__ */ jsxs21("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
|
|
11386
|
-
/* @__PURE__ */
|
|
11387
|
-
(stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */
|
|
11250
|
+
/* @__PURE__ */ jsx35("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),
|
|
11251
|
+
(stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */ jsx35(
|
|
11388
11252
|
ThreeDSChallenge,
|
|
11389
11253
|
{
|
|
11390
11254
|
containerRef: threeDSContainerRef,
|
|
@@ -11395,32 +11259,32 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11395
11259
|
onError: handleError
|
|
11396
11260
|
}
|
|
11397
11261
|
) : /* @__PURE__ */ jsxs21("div", { className: "parent-pay-container", children: [
|
|
11398
|
-
/* @__PURE__ */
|
|
11399
|
-
/* @__PURE__ */
|
|
11400
|
-
/* @__PURE__ */
|
|
11262
|
+
/* @__PURE__ */ jsx35("span", { style: { display: autoTrigger ? "none" : "block" }, className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs21("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
|
|
11263
|
+
/* @__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" }) }),
|
|
11264
|
+
/* @__PURE__ */ jsx35("defs", { children: /* @__PURE__ */ jsx35("clipPath", { id: "clip0_12425_52336", children: /* @__PURE__ */ jsx35("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
11401
11265
|
] }) }),
|
|
11402
|
-
/* @__PURE__ */
|
|
11266
|
+
/* @__PURE__ */ jsx35("div", { className: "pay-main-logo-res" }),
|
|
11403
11267
|
/* @__PURE__ */ jsxs21("div", { className: onSubmit ? "pay-container frac-pay-container " : "pay-container", children: [
|
|
11404
11268
|
!onSubmit && /* @__PURE__ */ jsxs21("div", { className: "pay-header pay-conatiner-one", children: [
|
|
11405
11269
|
/* @__PURE__ */ jsxs21("div", { className: "pay-conatiner-one-first", children: [
|
|
11406
11270
|
/* @__PURE__ */ jsxs21("div", { className: "pay-logo-container", children: [
|
|
11407
|
-
/* @__PURE__ */
|
|
11408
|
-
/* @__PURE__ */
|
|
11271
|
+
/* @__PURE__ */ jsx35("div", { className: "pay-main-logo" }),
|
|
11272
|
+
/* @__PURE__ */ jsx35("h1", { className: "pay-heading", children: "Pay" }),
|
|
11409
11273
|
(cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs21("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
|
|
11410
11274
|
" ",
|
|
11411
|
-
/* @__PURE__ */
|
|
11275
|
+
/* @__PURE__ */ jsx35(IoArrowBack4, {}),
|
|
11412
11276
|
" Back"
|
|
11413
11277
|
] })
|
|
11414
11278
|
] }),
|
|
11415
|
-
/* @__PURE__ */
|
|
11416
|
-
/* @__PURE__ */
|
|
11279
|
+
/* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs21("div", { className: "pay-amount-conatiner", children: [
|
|
11280
|
+
/* @__PURE__ */ jsx35("small", { className: "pay-payment-amount", children: "Select payment type" }),
|
|
11417
11281
|
/* @__PURE__ */ jsxs21("div", { className: "frac-card-bank-radio-main", children: [
|
|
11418
|
-
/* @__PURE__ */
|
|
11419
|
-
!isPreAuth && isBankActive && !isPartial && /* @__PURE__ */
|
|
11282
|
+
/* @__PURE__ */ jsx35(CardBankRadio, { label: "Card", amount: (_a = Number(amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
11283
|
+
!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 })
|
|
11420
11284
|
] }),
|
|
11421
11285
|
isPartial && /* @__PURE__ */ jsxs21("div", { className: "frac-partial-payment-input", children: [
|
|
11422
|
-
/* @__PURE__ */
|
|
11423
|
-
/* @__PURE__ */
|
|
11286
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
|
|
11287
|
+
/* @__PURE__ */ jsx35(
|
|
11424
11288
|
NumericFormat2,
|
|
11425
11289
|
{
|
|
11426
11290
|
prefix: "$",
|
|
@@ -11444,25 +11308,25 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11444
11308
|
}
|
|
11445
11309
|
}
|
|
11446
11310
|
),
|
|
11447
|
-
partialError && /* @__PURE__ */
|
|
11311
|
+
partialError && /* @__PURE__ */ jsx35("span", { className: "error-span", children: partialError })
|
|
11448
11312
|
] })
|
|
11449
11313
|
] }) })
|
|
11450
11314
|
] }),
|
|
11451
11315
|
/* @__PURE__ */ jsxs21("div", { className: "pay-conatiner-one-last", children: [
|
|
11452
|
-
/* @__PURE__ */
|
|
11453
|
-
/* @__PURE__ */
|
|
11316
|
+
/* @__PURE__ */ jsx35("img", { src: secure2, alt: "" }),
|
|
11317
|
+
/* @__PURE__ */ jsx35("img", { src: pov2, alt: "" }),
|
|
11454
11318
|
"Secure payments powered by Fractal"
|
|
11455
11319
|
] })
|
|
11456
11320
|
] }),
|
|
11457
|
-
/* @__PURE__ */
|
|
11458
|
-
onSubmit && /* @__PURE__ */
|
|
11321
|
+
/* @__PURE__ */ jsx35("div", { className: "pay-tab pay-conatiner-two", children: /* @__PURE__ */ jsx35("div", { className: "col-md-12", children: /* @__PURE__ */ jsxs21("div", { id: "payment-form-div ", className: onSubmit ? "frac-payment-form-div" : "", children: [
|
|
11322
|
+
onSubmit && /* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs21("div", { className: "pay-amount-conatiner", children: [
|
|
11459
11323
|
/* @__PURE__ */ jsxs21("div", { className: "frac-card-bank-radio-main", children: [
|
|
11460
|
-
/* @__PURE__ */
|
|
11461
|
-
!isPreAuth && isBankActive && !isPartial && /* @__PURE__ */
|
|
11324
|
+
/* @__PURE__ */ jsx35(CardBankRadio, { skydesign: true, label: "Card", amount: (_c = Number(amount)) == null ? void 0 : _c.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
11325
|
+
!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 })
|
|
11462
11326
|
] }),
|
|
11463
11327
|
isPartial && /* @__PURE__ */ jsxs21("div", { className: "frac-partial-payment-input", children: [
|
|
11464
|
-
/* @__PURE__ */
|
|
11465
|
-
/* @__PURE__ */
|
|
11328
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
|
|
11329
|
+
/* @__PURE__ */ jsx35(
|
|
11466
11330
|
NumericFormat2,
|
|
11467
11331
|
{
|
|
11468
11332
|
prefix: "$",
|
|
@@ -11479,44 +11343,34 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11479
11343
|
fixedDecimalScale: true
|
|
11480
11344
|
}
|
|
11481
11345
|
),
|
|
11482
|
-
partialError && /* @__PURE__ */
|
|
11346
|
+
partialError && /* @__PURE__ */ jsx35("span", { className: "error-span", children: partialError })
|
|
11483
11347
|
] })
|
|
11484
11348
|
] }) }),
|
|
11485
|
-
is3DSEnable ? clientSecret && /* @__PURE__ */
|
|
11349
|
+
is3DSEnable ? clientSecret && /* @__PURE__ */ jsx35(CheckoutWrapper, { onSuccess, clientSecret, amount, showLoader, hideLoader, callback, session_token, handleClose, setError, isPreAuth }) : /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11486
11350
|
/* @__PURE__ */ jsxs21("div", { id: "ach", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent", children: [
|
|
11487
11351
|
!onSubmit && /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11488
11352
|
/* @__PURE__ */ jsxs21("div", { className: "frac-heading-card-wrap", children: [
|
|
11489
|
-
/* @__PURE__ */
|
|
11353
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-backarrow", children: (cardList == null ? void 0 : cardList.length) > 0 && activeinCard === "form" && /* @__PURE__ */ jsxs21("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinCard("list"), children: [
|
|
11490
11354
|
" ",
|
|
11491
|
-
/* @__PURE__ */
|
|
11355
|
+
/* @__PURE__ */ jsx35(IoArrowBack4, {})
|
|
11492
11356
|
] }) }),
|
|
11493
|
-
/* @__PURE__ */
|
|
11357
|
+
/* @__PURE__ */ jsx35("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
|
|
11494
11358
|
] }),
|
|
11495
11359
|
/* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
|
|
11496
|
-
/* @__PURE__ */
|
|
11497
|
-
/* @__PURE__ */
|
|
11498
|
-
/* @__PURE__ */
|
|
11499
|
-
/* @__PURE__ */
|
|
11360
|
+
/* @__PURE__ */ jsx35("img", { src: visa2, alt: "", width: 33 }),
|
|
11361
|
+
/* @__PURE__ */ jsx35("img", { src: mastercard2, width: 33, alt: "" }),
|
|
11362
|
+
/* @__PURE__ */ jsx35("img", { src: americanexp2, alt: "", width: 33 }),
|
|
11363
|
+
/* @__PURE__ */ jsx35("img", { src: discover2, width: 33, alt: "" })
|
|
11500
11364
|
] })
|
|
11501
11365
|
] }),
|
|
11502
11366
|
activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11503
|
-
/* @__PURE__ */
|
|
11367
|
+
/* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Card", ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
|
|
11504
11368
|
setActiveinCard("form");
|
|
11505
11369
|
} }),
|
|
11506
|
-
/* @__PURE__ */
|
|
11370
|
+
/* @__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)) }) })
|
|
11507
11371
|
] }) : paymentGateway == 32 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11508
11372
|
onSubmit && /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11509
|
-
/* @__PURE__ */
|
|
11510
|
-
ApplePayButton,
|
|
11511
|
-
{
|
|
11512
|
-
applePayAmount: partialAmount ? partialAmount : amount,
|
|
11513
|
-
applePayMerchantId,
|
|
11514
|
-
applePayMerchantName: merchantName,
|
|
11515
|
-
completeFractalFlow,
|
|
11516
|
-
showLoader
|
|
11517
|
-
}
|
|
11518
|
-
),
|
|
11519
|
-
/* @__PURE__ */ jsx36(
|
|
11373
|
+
/* @__PURE__ */ jsx35(
|
|
11520
11374
|
GooglePayComponent,
|
|
11521
11375
|
{
|
|
11522
11376
|
amount: partialAmount ? partialAmount : amount,
|
|
@@ -11528,7 +11382,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11528
11382
|
setLoading
|
|
11529
11383
|
}
|
|
11530
11384
|
),
|
|
11531
|
-
/* @__PURE__ */
|
|
11385
|
+
/* @__PURE__ */ jsx35("div", { id: "digital-wallet-or", className: "frac-or", children: /* @__PURE__ */ jsx35("span", { children: "or" }) })
|
|
11532
11386
|
] }),
|
|
11533
11387
|
/* @__PURE__ */ jsxs21("form", { id: "paymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
|
|
11534
11388
|
if (e.key === "Enter" && loading) {
|
|
@@ -11538,18 +11392,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11538
11392
|
}, children: [
|
|
11539
11393
|
/* @__PURE__ */ jsxs21("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
|
|
11540
11394
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11541
|
-
/* @__PURE__ */
|
|
11542
|
-
/* @__PURE__ */
|
|
11395
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
|
|
11396
|
+
/* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
|
|
11543
11397
|
const value = e.target.value;
|
|
11544
11398
|
if (/^[a-zA-Z\s]*$/.test(value)) {
|
|
11545
11399
|
handleCardChange("cardName", value);
|
|
11546
11400
|
}
|
|
11547
11401
|
} }),
|
|
11548
|
-
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */
|
|
11402
|
+
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
|
|
11549
11403
|
] }),
|
|
11550
11404
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11551
|
-
/* @__PURE__ */
|
|
11552
|
-
/* @__PURE__ */
|
|
11405
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
|
|
11406
|
+
/* @__PURE__ */ jsx35("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx35(
|
|
11553
11407
|
FractalFields_default,
|
|
11554
11408
|
{
|
|
11555
11409
|
fractalStyles,
|
|
@@ -11559,17 +11413,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11559
11413
|
) })
|
|
11560
11414
|
] }),
|
|
11561
11415
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11562
|
-
/* @__PURE__ */
|
|
11563
|
-
/* @__PURE__ */
|
|
11564
|
-
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */
|
|
11416
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
|
|
11417
|
+
/* @__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) }),
|
|
11418
|
+
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11565
11419
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
|
|
11566
11420
|
"Cards include a fee amount of ",
|
|
11567
|
-
/* @__PURE__ */
|
|
11421
|
+
/* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11568
11422
|
"."
|
|
11569
11423
|
] })
|
|
11570
11424
|
] }),
|
|
11571
|
-
customerId && /* @__PURE__ */
|
|
11572
|
-
/* @__PURE__ */
|
|
11425
|
+
customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
|
|
11426
|
+
/* @__PURE__ */ jsx35(
|
|
11573
11427
|
"input",
|
|
11574
11428
|
{
|
|
11575
11429
|
type: "checkbox",
|
|
@@ -11579,10 +11433,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11579
11433
|
onChange: (e) => setSaveCardInfo(e.target.checked)
|
|
11580
11434
|
}
|
|
11581
11435
|
),
|
|
11582
|
-
/* @__PURE__ */
|
|
11583
|
-
/* @__PURE__ */
|
|
11436
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
|
|
11437
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments " }),
|
|
11584
11438
|
/* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-wrapper", children: [
|
|
11585
|
-
/* @__PURE__ */
|
|
11439
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
|
|
11586
11440
|
"svg",
|
|
11587
11441
|
{
|
|
11588
11442
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -11591,8 +11445,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11591
11445
|
viewBox: "0 0 20 20",
|
|
11592
11446
|
fill: "none",
|
|
11593
11447
|
children: [
|
|
11594
|
-
/* @__PURE__ */
|
|
11595
|
-
/* @__PURE__ */
|
|
11448
|
+
/* @__PURE__ */ jsx35("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
|
|
11449
|
+
/* @__PURE__ */ jsx35(
|
|
11596
11450
|
"path",
|
|
11597
11451
|
{
|
|
11598
11452
|
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",
|
|
@@ -11602,15 +11456,15 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11602
11456
|
]
|
|
11603
11457
|
}
|
|
11604
11458
|
) }),
|
|
11605
|
-
/* @__PURE__ */
|
|
11459
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
|
|
11606
11460
|
"If checked, I agree to give the ",
|
|
11607
|
-
/* @__PURE__ */
|
|
11461
|
+
/* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
|
|
11608
11462
|
" permission to charge this credit card for agreed-upon purchases in the future."
|
|
11609
11463
|
] }) })
|
|
11610
11464
|
] })
|
|
11611
11465
|
] }) })
|
|
11612
11466
|
] }),
|
|
11613
|
-
/* @__PURE__ */
|
|
11467
|
+
/* @__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)) }) })
|
|
11614
11468
|
] })
|
|
11615
11469
|
] }) : /* @__PURE__ */ jsxs21("form", { id: "PaymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
|
|
11616
11470
|
if (e.key === "Enter" && loading) {
|
|
@@ -11620,16 +11474,16 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11620
11474
|
}, children: [
|
|
11621
11475
|
/* @__PURE__ */ jsxs21("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
|
|
11622
11476
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11623
|
-
/* @__PURE__ */
|
|
11624
|
-
/* @__PURE__ */
|
|
11477
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
|
|
11478
|
+
/* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
|
|
11625
11479
|
const value = e.target.value;
|
|
11626
11480
|
if (/^[a-zA-Z\s]*$/.test(value)) {
|
|
11627
11481
|
handleCardChange("cardName", value);
|
|
11628
11482
|
}
|
|
11629
11483
|
} }),
|
|
11630
|
-
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */
|
|
11484
|
+
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
|
|
11631
11485
|
] }),
|
|
11632
|
-
/* @__PURE__ */
|
|
11486
|
+
/* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx35(
|
|
11633
11487
|
DataCapFields,
|
|
11634
11488
|
{
|
|
11635
11489
|
isOpen: show || autoTrigger,
|
|
@@ -11640,17 +11494,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11640
11494
|
}
|
|
11641
11495
|
) }),
|
|
11642
11496
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11643
|
-
/* @__PURE__ */
|
|
11644
|
-
/* @__PURE__ */
|
|
11645
|
-
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */
|
|
11497
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
|
|
11498
|
+
/* @__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) }),
|
|
11499
|
+
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11646
11500
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
|
|
11647
11501
|
"Cards include a fee amount of ",
|
|
11648
|
-
/* @__PURE__ */
|
|
11502
|
+
/* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11649
11503
|
"."
|
|
11650
11504
|
] })
|
|
11651
11505
|
] }),
|
|
11652
|
-
customerId && /* @__PURE__ */
|
|
11653
|
-
/* @__PURE__ */
|
|
11506
|
+
customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
|
|
11507
|
+
/* @__PURE__ */ jsx35(
|
|
11654
11508
|
"input",
|
|
11655
11509
|
{
|
|
11656
11510
|
type: "checkbox",
|
|
@@ -11660,10 +11514,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11660
11514
|
onChange: (e) => setSaveCardInfo(e.target.checked)
|
|
11661
11515
|
}
|
|
11662
11516
|
),
|
|
11663
|
-
/* @__PURE__ */
|
|
11664
|
-
/* @__PURE__ */
|
|
11517
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
|
|
11518
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments " }),
|
|
11665
11519
|
/* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-wrapper", children: [
|
|
11666
|
-
/* @__PURE__ */
|
|
11520
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
|
|
11667
11521
|
"svg",
|
|
11668
11522
|
{
|
|
11669
11523
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -11672,8 +11526,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11672
11526
|
viewBox: "0 0 20 20",
|
|
11673
11527
|
fill: "none",
|
|
11674
11528
|
children: [
|
|
11675
|
-
/* @__PURE__ */
|
|
11676
|
-
/* @__PURE__ */
|
|
11529
|
+
/* @__PURE__ */ jsx35("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
|
|
11530
|
+
/* @__PURE__ */ jsx35(
|
|
11677
11531
|
"path",
|
|
11678
11532
|
{
|
|
11679
11533
|
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",
|
|
@@ -11683,30 +11537,30 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11683
11537
|
]
|
|
11684
11538
|
}
|
|
11685
11539
|
) }),
|
|
11686
|
-
/* @__PURE__ */
|
|
11540
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
|
|
11687
11541
|
"If checked, I agree to give the ",
|
|
11688
|
-
/* @__PURE__ */
|
|
11542
|
+
/* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
|
|
11689
11543
|
" permission to charge this credit card for agreed-upon purchases in the future."
|
|
11690
11544
|
] }) })
|
|
11691
11545
|
] })
|
|
11692
11546
|
] }) })
|
|
11693
11547
|
] }),
|
|
11694
|
-
/* @__PURE__ */
|
|
11548
|
+
/* @__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)) }) })
|
|
11695
11549
|
] })
|
|
11696
11550
|
] }),
|
|
11697
|
-
/* @__PURE__ */
|
|
11551
|
+
/* @__PURE__ */ jsx35("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent", children: /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11698
11552
|
!onSubmit && /* @__PURE__ */ jsxs21("div", { className: "frac-heading-card-wrap", children: [
|
|
11699
|
-
/* @__PURE__ */
|
|
11553
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-backarrow", children: (bankList == null ? void 0 : bankList.length) > 0 && activeinBank === "form" && /* @__PURE__ */ jsxs21("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinBank("list"), children: [
|
|
11700
11554
|
" ",
|
|
11701
|
-
/* @__PURE__ */
|
|
11555
|
+
/* @__PURE__ */ jsx35(IoArrowBack4, {})
|
|
11702
11556
|
] }) }),
|
|
11703
|
-
/* @__PURE__ */
|
|
11557
|
+
/* @__PURE__ */ jsx35("h6", { className: "frac-card-payment-heading", children: "Bank Payment" })
|
|
11704
11558
|
] }),
|
|
11705
11559
|
activeinBank === "list" && (bankList == null ? void 0 : bankList.length) > 0 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11706
|
-
/* @__PURE__ */
|
|
11560
|
+
/* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Banks", ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
|
|
11707
11561
|
setActiveinBank("form");
|
|
11708
11562
|
} }),
|
|
11709
|
-
/* @__PURE__ */
|
|
11563
|
+
/* @__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)) }) })
|
|
11710
11564
|
] }) : /* @__PURE__ */ jsxs21("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, ref: bankFormRef, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
|
|
11711
11565
|
if (e.key === "Enter" && loading) {
|
|
11712
11566
|
e.preventDefault();
|
|
@@ -11718,13 +11572,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11718
11572
|
maxHeight: "444px"
|
|
11719
11573
|
}, children: [
|
|
11720
11574
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11721
|
-
/* @__PURE__ */
|
|
11722
|
-
/* @__PURE__ */
|
|
11723
|
-
(achError == null ? void 0 : achError.name) && /* @__PURE__ */
|
|
11575
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "nameonaccount", children: "Name on account" }),
|
|
11576
|
+
/* @__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 }),
|
|
11577
|
+
(achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
|
|
11724
11578
|
] }),
|
|
11725
11579
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11726
|
-
/* @__PURE__ */
|
|
11727
|
-
/* @__PURE__ */
|
|
11580
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "routingnumber", children: "Routing number" }),
|
|
11581
|
+
/* @__PURE__ */ jsx35(
|
|
11728
11582
|
"input",
|
|
11729
11583
|
{
|
|
11730
11584
|
type: "text",
|
|
@@ -11737,11 +11591,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11737
11591
|
onChange: handleChangeAch
|
|
11738
11592
|
}
|
|
11739
11593
|
),
|
|
11740
|
-
(achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */
|
|
11594
|
+
(achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
|
|
11741
11595
|
] }),
|
|
11742
11596
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11743
|
-
/* @__PURE__ */
|
|
11744
|
-
/* @__PURE__ */
|
|
11597
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "accountnumber", children: "Account number" }),
|
|
11598
|
+
/* @__PURE__ */ jsx35(
|
|
11745
11599
|
"input",
|
|
11746
11600
|
{
|
|
11747
11601
|
type: "text",
|
|
@@ -11754,11 +11608,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11754
11608
|
onChange: handleChangeAch
|
|
11755
11609
|
}
|
|
11756
11610
|
),
|
|
11757
|
-
(achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */
|
|
11611
|
+
(achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
|
|
11758
11612
|
] }),
|
|
11759
11613
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11760
|
-
/* @__PURE__ */
|
|
11761
|
-
/* @__PURE__ */
|
|
11614
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
|
|
11615
|
+
/* @__PURE__ */ jsx35(
|
|
11762
11616
|
"input",
|
|
11763
11617
|
{
|
|
11764
11618
|
type: "text",
|
|
@@ -11771,11 +11625,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11771
11625
|
onChange: handleChangeAch
|
|
11772
11626
|
}
|
|
11773
11627
|
),
|
|
11774
|
-
(achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */
|
|
11628
|
+
(achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
|
|
11775
11629
|
] }),
|
|
11776
11630
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11777
|
-
/* @__PURE__ */
|
|
11778
|
-
/* @__PURE__ */
|
|
11631
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "bankname", children: "Bank name" }),
|
|
11632
|
+
/* @__PURE__ */ jsx35(
|
|
11779
11633
|
"input",
|
|
11780
11634
|
{
|
|
11781
11635
|
type: "text",
|
|
@@ -11788,11 +11642,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11788
11642
|
onChange: handleChangeAch
|
|
11789
11643
|
}
|
|
11790
11644
|
),
|
|
11791
|
-
(achError == null ? void 0 : achError.bankName) && /* @__PURE__ */
|
|
11645
|
+
(achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
|
|
11792
11646
|
] }),
|
|
11793
11647
|
((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11794
|
-
/* @__PURE__ */
|
|
11795
|
-
/* @__PURE__ */
|
|
11648
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "companyName", children: "Company name" }),
|
|
11649
|
+
/* @__PURE__ */ jsx35(
|
|
11796
11650
|
"input",
|
|
11797
11651
|
{
|
|
11798
11652
|
type: "text",
|
|
@@ -11805,44 +11659,44 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11805
11659
|
onChange: handleChangeAch
|
|
11806
11660
|
}
|
|
11807
11661
|
),
|
|
11808
|
-
(achError == null ? void 0 : achError.companyName) && /* @__PURE__ */
|
|
11662
|
+
(achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
|
|
11809
11663
|
] }),
|
|
11810
11664
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
|
|
11811
|
-
/* @__PURE__ */
|
|
11665
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "accounttype", children: "Select account type" }),
|
|
11812
11666
|
/* @__PURE__ */ jsxs21("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_t = achData == null ? void 0 : achData.accountType) != null ? _t : "", onChange: handleChangeAch, children: [
|
|
11813
|
-
/* @__PURE__ */
|
|
11814
|
-
accountTypes.map((type) => /* @__PURE__ */
|
|
11667
|
+
/* @__PURE__ */ jsx35("option", { value: "", children: "Select account" }),
|
|
11668
|
+
accountTypes.map((type) => /* @__PURE__ */ jsx35("option", { value: type.value, children: type.label }, type.value))
|
|
11815
11669
|
] }),
|
|
11816
11670
|
bankFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
|
|
11817
11671
|
"There is a processing fee of ",
|
|
11818
|
-
/* @__PURE__ */
|
|
11672
|
+
/* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
|
|
11819
11673
|
"."
|
|
11820
11674
|
] }),
|
|
11821
11675
|
!saveACHinfo && /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11822
11676
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
|
|
11823
|
-
/* @__PURE__ */
|
|
11677
|
+
/* @__PURE__ */ jsx35("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
|
|
11824
11678
|
setIsBankConsentChecked(e.target.checked);
|
|
11825
11679
|
if (e.target.checked) {
|
|
11826
11680
|
setErrorBankConsent("");
|
|
11827
11681
|
}
|
|
11828
11682
|
} }),
|
|
11829
|
-
/* @__PURE__ */
|
|
11683
|
+
/* @__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.` })
|
|
11830
11684
|
] }),
|
|
11831
|
-
errorBankConsent && /* @__PURE__ */
|
|
11685
|
+
errorBankConsent && /* @__PURE__ */ jsx35("span", { className: "error-span", children: errorBankConsent })
|
|
11832
11686
|
] }),
|
|
11833
11687
|
customerId && /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
|
|
11834
|
-
/* @__PURE__ */
|
|
11688
|
+
/* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => {
|
|
11835
11689
|
setSaveACHinfo(e.target.checked);
|
|
11836
11690
|
if (!e.target.checked) {
|
|
11837
11691
|
setSaveACHConsent1(false);
|
|
11838
11692
|
setErrorBankConsentOther("");
|
|
11839
11693
|
}
|
|
11840
11694
|
} }),
|
|
11841
|
-
/* @__PURE__ */
|
|
11695
|
+
/* @__PURE__ */ jsx35("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save for future use" })
|
|
11842
11696
|
] }),
|
|
11843
11697
|
saveACHinfo && /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11844
11698
|
/* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
|
|
11845
|
-
/* @__PURE__ */
|
|
11699
|
+
/* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
|
|
11846
11700
|
setSaveACHConsent1(e.target.checked);
|
|
11847
11701
|
if (e.target.checked) {
|
|
11848
11702
|
setErrorBankConsentOther("");
|
|
@@ -11854,11 +11708,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11854
11708
|
" 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."
|
|
11855
11709
|
] })
|
|
11856
11710
|
] }),
|
|
11857
|
-
errorBankConsentOther && /* @__PURE__ */
|
|
11711
|
+
errorBankConsentOther && /* @__PURE__ */ jsx35("span", { className: "error-span", children: errorBankConsentOther })
|
|
11858
11712
|
] })
|
|
11859
11713
|
] })
|
|
11860
11714
|
] }),
|
|
11861
|
-
/* @__PURE__ */
|
|
11715
|
+
/* @__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)) }) })
|
|
11862
11716
|
] })
|
|
11863
11717
|
] }) })
|
|
11864
11718
|
] })
|
|
@@ -11873,7 +11727,7 @@ var ModelContentSky_default = ModelContentSky;
|
|
|
11873
11727
|
|
|
11874
11728
|
// src/app/components/Skysystemz/PayButtonWithForm.tsx
|
|
11875
11729
|
import axios10 from "axios";
|
|
11876
|
-
import { Fragment as Fragment21, jsx as
|
|
11730
|
+
import { Fragment as Fragment21, jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
11877
11731
|
var PaymentWidget = ({
|
|
11878
11732
|
amount,
|
|
11879
11733
|
bankAmount,
|
|
@@ -11953,7 +11807,7 @@ var PaymentWidget = ({
|
|
|
11953
11807
|
]
|
|
11954
11808
|
);
|
|
11955
11809
|
const [commonProps, setCommonProps] = useState12(initialCommonProps);
|
|
11956
|
-
|
|
11810
|
+
useEffect18(() => {
|
|
11957
11811
|
if (show) {
|
|
11958
11812
|
setCommonProps(initialCommonProps);
|
|
11959
11813
|
}
|
|
@@ -11984,35 +11838,35 @@ var PaymentWidget = ({
|
|
|
11984
11838
|
setLoading(false);
|
|
11985
11839
|
}
|
|
11986
11840
|
};
|
|
11987
|
-
|
|
11841
|
+
useEffect18(() => {
|
|
11988
11842
|
if (show && isPartial && partialRef) {
|
|
11989
11843
|
getskyosOrderDetails();
|
|
11990
11844
|
}
|
|
11991
11845
|
}, [show, isPartial, partialRef]);
|
|
11992
11846
|
return /* @__PURE__ */ jsxs22(Fragment21, { children: [
|
|
11993
|
-
/* @__PURE__ */
|
|
11994
|
-
/* @__PURE__ */
|
|
11995
|
-
/* @__PURE__ */
|
|
11996
|
-
/* @__PURE__ */
|
|
11997
|
-
/* @__PURE__ */
|
|
11998
|
-
/* @__PURE__ */
|
|
11999
|
-
/* @__PURE__ */
|
|
11847
|
+
/* @__PURE__ */ jsx36("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
|
|
11848
|
+
/* @__PURE__ */ jsx36(DataScript, {}),
|
|
11849
|
+
/* @__PURE__ */ jsx36(FractalTokenizerScript, {}),
|
|
11850
|
+
/* @__PURE__ */ jsx36(SkyChargewidgetstyles, {}),
|
|
11851
|
+
/* @__PURE__ */ jsx36(CardBankRadioStyles, {}),
|
|
11852
|
+
/* @__PURE__ */ jsx36(CustomModal2styles_default, {}),
|
|
11853
|
+
/* @__PURE__ */ jsx36(DataCapScriptLoader, {}),
|
|
12000
11854
|
!autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", disabled: disableSubmitBtn, onClick: () => setShow(true), children: [
|
|
12001
11855
|
submitBtnText,
|
|
12002
11856
|
submitBtnIcon
|
|
12003
11857
|
] }),
|
|
12004
|
-
!autoTrigger ? /* @__PURE__ */
|
|
11858
|
+
!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 }))
|
|
12005
11859
|
] });
|
|
12006
11860
|
};
|
|
12007
11861
|
|
|
12008
11862
|
// src/app/components/Skysystemz/EmbeddedCheckout.tsx
|
|
12009
|
-
import { useEffect as
|
|
11863
|
+
import { useEffect as useEffect20, useState as useState13, useMemo as useMemo2 } from "react";
|
|
12010
11864
|
import axios11 from "axios";
|
|
12011
11865
|
|
|
12012
11866
|
// src/app/components/Skysystemz/EmbeddedCheckoutStyles.tsx
|
|
12013
|
-
import { jsx as
|
|
11867
|
+
import { jsx as jsx37 } from "react/jsx-runtime";
|
|
12014
11868
|
function EmbeddedCheckoutStyles({ extraCustomCSS }) {
|
|
12015
|
-
return /* @__PURE__ */
|
|
11869
|
+
return /* @__PURE__ */ jsx37("style", { children: `
|
|
12016
11870
|
|
|
12017
11871
|
.pay-amount-conatiner{
|
|
12018
11872
|
margin-top: 20px !important;
|
|
@@ -12358,10 +12212,10 @@ padding:0px !important;
|
|
|
12358
12212
|
}
|
|
12359
12213
|
|
|
12360
12214
|
// src/app/components/Atoms/Applepay/ApplePayScriptLoader.tsx
|
|
12361
|
-
import { useEffect as
|
|
12215
|
+
import { useEffect as useEffect19 } from "react";
|
|
12362
12216
|
var applePayScriptLoaded = false;
|
|
12363
12217
|
var ApplePayScriptLoader = () => {
|
|
12364
|
-
|
|
12218
|
+
useEffect19(() => {
|
|
12365
12219
|
if (applePayScriptLoaded) return;
|
|
12366
12220
|
const existingScript = document.querySelector(
|
|
12367
12221
|
`script[src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"]`
|
|
@@ -12387,7 +12241,7 @@ var ApplePayScriptLoader = () => {
|
|
|
12387
12241
|
};
|
|
12388
12242
|
|
|
12389
12243
|
// src/app/components/Skysystemz/EmbeddedCheckout.tsx
|
|
12390
|
-
import { Fragment as Fragment22, jsx as
|
|
12244
|
+
import { Fragment as Fragment22, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
12391
12245
|
var EmbeddedCheckout = ({
|
|
12392
12246
|
amount,
|
|
12393
12247
|
bankAmount,
|
|
@@ -12465,7 +12319,7 @@ var EmbeddedCheckout = ({
|
|
|
12465
12319
|
]
|
|
12466
12320
|
);
|
|
12467
12321
|
const [commonProps, setCommonProps] = useState13(initialCommonProps);
|
|
12468
|
-
|
|
12322
|
+
useEffect20(() => {
|
|
12469
12323
|
if (show) {
|
|
12470
12324
|
setCommonProps(initialCommonProps);
|
|
12471
12325
|
}
|
|
@@ -12496,13 +12350,13 @@ var EmbeddedCheckout = ({
|
|
|
12496
12350
|
setLoading(false);
|
|
12497
12351
|
}
|
|
12498
12352
|
};
|
|
12499
|
-
|
|
12353
|
+
useEffect20(() => {
|
|
12500
12354
|
if (show && isPartial && partialRef) {
|
|
12501
12355
|
getskyosOrderDetails();
|
|
12502
12356
|
}
|
|
12503
12357
|
}, [show, isPartial, partialRef]);
|
|
12504
12358
|
console.log(onLoad, "onLoad");
|
|
12505
|
-
|
|
12359
|
+
useEffect20(() => {
|
|
12506
12360
|
const supported = !!window.ApplePaySession;
|
|
12507
12361
|
let canPay = false;
|
|
12508
12362
|
if (supported) {
|
|
@@ -12514,20 +12368,20 @@ var EmbeddedCheckout = ({
|
|
|
12514
12368
|
console.log(`ApplePaySession: ${supported}, canMakePayments: ${canPay}`);
|
|
12515
12369
|
}, []);
|
|
12516
12370
|
return /* @__PURE__ */ jsxs23(Fragment22, { children: [
|
|
12517
|
-
/* @__PURE__ */
|
|
12518
|
-
/* @__PURE__ */
|
|
12519
|
-
/* @__PURE__ */
|
|
12520
|
-
/* @__PURE__ */
|
|
12521
|
-
/* @__PURE__ */
|
|
12522
|
-
/* @__PURE__ */
|
|
12523
|
-
/* @__PURE__ */
|
|
12524
|
-
/* @__PURE__ */
|
|
12525
|
-
/* @__PURE__ */
|
|
12371
|
+
/* @__PURE__ */ jsx38("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
|
|
12372
|
+
/* @__PURE__ */ jsx38(DataScript, {}),
|
|
12373
|
+
/* @__PURE__ */ jsx38(FractalTokenizerScript, {}),
|
|
12374
|
+
/* @__PURE__ */ jsx38(SkyChargewidgetstyles, {}),
|
|
12375
|
+
/* @__PURE__ */ jsx38(CardBankRadioStyles, {}),
|
|
12376
|
+
/* @__PURE__ */ jsx38(CustomModal2styles_default, {}),
|
|
12377
|
+
/* @__PURE__ */ jsx38(DataCapScriptLoader, {}),
|
|
12378
|
+
/* @__PURE__ */ jsx38(ApplePayScriptLoader, {}),
|
|
12379
|
+
/* @__PURE__ */ jsx38(EmbeddedCheckoutStyles, { extraCustomCSS: customCSS2 }),
|
|
12526
12380
|
!autoTrigger && /* @__PURE__ */ jsxs23("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
|
|
12527
12381
|
submitBtnText,
|
|
12528
12382
|
submitBtnIcon
|
|
12529
12383
|
] }),
|
|
12530
|
-
!autoTrigger ? /* @__PURE__ */
|
|
12384
|
+
!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 }))
|
|
12531
12385
|
] });
|
|
12532
12386
|
};
|
|
12533
12387
|
export {
|