@fractalpay/fractalpay-next 0.0.42 → 0.0.43
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 +321 -171
- package/dist/index.js.map +1 -1
- 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",
|
|
42
|
-
version: "0.0.
|
|
42
|
+
version: "0.0.43",
|
|
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 useEffect17, useState as useState11, 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 useEffect16, useRef as useRef11, useState as useState10 } from "react";
|
|
9650
9650
|
import axios9 from "axios";
|
|
9651
9651
|
import Swal5 from "sweetalert2";
|
|
9652
9652
|
|
|
@@ -9932,17 +9932,155 @@ var ErrorCardOverlay = ({ onClose, error, autoTrigger = false }) => {
|
|
|
9932
9932
|
};
|
|
9933
9933
|
var ErrorCardOverlay_default = ErrorCardOverlay;
|
|
9934
9934
|
|
|
9935
|
+
// src/app/components/Atoms/Applepay/ApplePayButton.tsx
|
|
9936
|
+
import { useEffect as useEffect15, useRef as useRef10 } from "react";
|
|
9937
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
9938
|
+
function ApplePayButton({
|
|
9939
|
+
applePayMerchantId: applePayMerchantId2,
|
|
9940
|
+
applePayAmount,
|
|
9941
|
+
applePayMerchantName,
|
|
9942
|
+
showLoader,
|
|
9943
|
+
completeFractalFlow
|
|
9944
|
+
}) {
|
|
9945
|
+
const applePayRef = useRef10(null);
|
|
9946
|
+
const paymentRequestMethods = [
|
|
9947
|
+
{
|
|
9948
|
+
supportedMethods: "https://apple.com/apple-pay",
|
|
9949
|
+
data: {
|
|
9950
|
+
version: 3,
|
|
9951
|
+
merchantIdentifier: applePayMerchantId2,
|
|
9952
|
+
// ✅ FIXED
|
|
9953
|
+
merchantCapabilities: ["supports3DS"],
|
|
9954
|
+
supportedNetworks: ["amex", "discover", "mastercard", "visa"],
|
|
9955
|
+
// ✅ FIXED
|
|
9956
|
+
countryCode: "US"
|
|
9957
|
+
}
|
|
9958
|
+
}
|
|
9959
|
+
];
|
|
9960
|
+
const paymentRequestOptions = {
|
|
9961
|
+
requestPayerName: false,
|
|
9962
|
+
requestPayerEmail: false,
|
|
9963
|
+
requestPayerPhone: false,
|
|
9964
|
+
requestShipping: false
|
|
9965
|
+
};
|
|
9966
|
+
function buildPaymentDetails() {
|
|
9967
|
+
return {
|
|
9968
|
+
total: {
|
|
9969
|
+
label: applePayMerchantName,
|
|
9970
|
+
amount: {
|
|
9971
|
+
currency: "USD",
|
|
9972
|
+
value: applePayAmount
|
|
9973
|
+
}
|
|
9974
|
+
}
|
|
9975
|
+
};
|
|
9976
|
+
}
|
|
9977
|
+
async function validateMerchant(event) {
|
|
9978
|
+
var _a;
|
|
9979
|
+
console.log("\u{1F7E1} STEP 1: Merchant validation started");
|
|
9980
|
+
try {
|
|
9981
|
+
console.log("Validation URL:", event.validationURL);
|
|
9982
|
+
console.log("Domain:", window.location.hostname);
|
|
9983
|
+
const res = await fetch(
|
|
9984
|
+
`${masterBaseUrl}api/v1/widget/generate-apple-pay-session`,
|
|
9985
|
+
{
|
|
9986
|
+
method: "POST",
|
|
9987
|
+
headers: {
|
|
9988
|
+
"Content-Type": "application/json"
|
|
9989
|
+
},
|
|
9990
|
+
body: JSON.stringify({
|
|
9991
|
+
validationUrl: event.validationURL,
|
|
9992
|
+
applePayMerchantId: applePayMerchantId2,
|
|
9993
|
+
applepayDisplayName: applePayMerchantName,
|
|
9994
|
+
requestDomain: window.location.hostname
|
|
9995
|
+
// ✅ IMPORTANT
|
|
9996
|
+
})
|
|
9997
|
+
}
|
|
9998
|
+
);
|
|
9999
|
+
console.log("\u{1F7E1} STEP 2: Response status:", res.status);
|
|
10000
|
+
const data = await res.json();
|
|
10001
|
+
console.log("RAW session response:", JSON.stringify(data));
|
|
10002
|
+
console.log("\u{1F7E2} STEP 3: Session response: data fetched");
|
|
10003
|
+
const merchantSession = (_a = data == null ? void 0 : data.data) != null ? _a : data;
|
|
10004
|
+
if (!merchantSession || typeof merchantSession !== "object") {
|
|
10005
|
+
console.error("\u274C Bad session shape");
|
|
10006
|
+
event.complete(null);
|
|
10007
|
+
return;
|
|
10008
|
+
}
|
|
10009
|
+
console.log("\u{1F7E2} STEP 4.1: Completing merchant validation");
|
|
10010
|
+
event.complete(merchantSession);
|
|
10011
|
+
console.log("\u{1F7E2} STEP 4.2: Completed merchant validation");
|
|
10012
|
+
} catch (err) {
|
|
10013
|
+
console.log("\u274C Merchant validation failed:", err == null ? void 0 : err.message);
|
|
10014
|
+
event.complete(null);
|
|
10015
|
+
}
|
|
10016
|
+
}
|
|
10017
|
+
async function authorizePayment(paymentResponse) {
|
|
10018
|
+
console.log("\u{1F7E1} STEP 5: Authorizing payment");
|
|
10019
|
+
try {
|
|
10020
|
+
const token = paymentResponse.details.token.paymentData;
|
|
10021
|
+
console.log("\u{1F7E2} STEP 6: Got token");
|
|
10022
|
+
await completeFractalFlow(token, null, "apple_pay");
|
|
10023
|
+
await paymentResponse.complete("success");
|
|
10024
|
+
console.log("\u2705 Payment completed successfully");
|
|
10025
|
+
} catch (err) {
|
|
10026
|
+
console.log("\u274C Authorization failed:", err == null ? void 0 : err.message);
|
|
10027
|
+
await paymentResponse.complete("fail");
|
|
10028
|
+
}
|
|
10029
|
+
}
|
|
10030
|
+
async function handleApplePayClick() {
|
|
10031
|
+
console.log("\u{1F7E1} STEP A: Click detected");
|
|
10032
|
+
try {
|
|
10033
|
+
const request = new PaymentRequest(
|
|
10034
|
+
paymentRequestMethods,
|
|
10035
|
+
buildPaymentDetails(),
|
|
10036
|
+
paymentRequestOptions
|
|
10037
|
+
);
|
|
10038
|
+
request.onmerchantvalidation = validateMerchant;
|
|
10039
|
+
console.log("\u{1F7E1} STEP B: Calling show()");
|
|
10040
|
+
const response = await request.show();
|
|
10041
|
+
console.log("\u{1F7E2} STEP C: Payment sheet opened");
|
|
10042
|
+
await authorizePayment(response);
|
|
10043
|
+
} catch (err) {
|
|
10044
|
+
console.log("\u274C Apple Pay flow failed:", err == null ? void 0 : err.message);
|
|
10045
|
+
}
|
|
10046
|
+
}
|
|
10047
|
+
useEffect15(() => {
|
|
10048
|
+
if (window.ApplePaySession && window.ApplePaySession.canMakePayments()) {
|
|
10049
|
+
console.log("\u2705 Apple Pay is available");
|
|
10050
|
+
} else {
|
|
10051
|
+
console.log("\u274C Apple Pay NOT available");
|
|
10052
|
+
}
|
|
10053
|
+
}, []);
|
|
10054
|
+
useEffect15(() => {
|
|
10055
|
+
const btn = applePayRef.current;
|
|
10056
|
+
if (!btn) return;
|
|
10057
|
+
const handleClick = () => handleApplePayClick();
|
|
10058
|
+
btn.addEventListener("click", handleClick);
|
|
10059
|
+
return () => btn.removeEventListener("click", handleClick);
|
|
10060
|
+
}, [applePayMerchantId2, applePayAmount, applePayMerchantName]);
|
|
10061
|
+
return /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
|
|
10062
|
+
"apple-pay-button",
|
|
10063
|
+
{
|
|
10064
|
+
ref: applePayRef,
|
|
10065
|
+
buttonstyle: "black",
|
|
10066
|
+
type: "pay",
|
|
10067
|
+
locale: "en-US",
|
|
10068
|
+
style: { width: "100%" }
|
|
10069
|
+
}
|
|
10070
|
+
) });
|
|
10071
|
+
}
|
|
10072
|
+
|
|
9935
10073
|
// src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
|
|
9936
|
-
import { Fragment as Fragment19, jsx as
|
|
10074
|
+
import { Fragment as Fragment19, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
9937
10075
|
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 }) => {
|
|
9938
10076
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
|
|
9939
|
-
const hasRunRef =
|
|
9940
|
-
const cardFormRef =
|
|
9941
|
-
const bankFormRef =
|
|
9942
|
-
const expiryYearRef =
|
|
9943
|
-
const expiryMonthRef =
|
|
9944
|
-
const cardListRunRef =
|
|
9945
|
-
const threeDSContainerRef =
|
|
10077
|
+
const hasRunRef = useRef11(false);
|
|
10078
|
+
const cardFormRef = useRef11(null);
|
|
10079
|
+
const bankFormRef = useRef11(null);
|
|
10080
|
+
const expiryYearRef = useRef11(null);
|
|
10081
|
+
const expiryMonthRef = useRef11(null);
|
|
10082
|
+
const cardListRunRef = useRef11(false);
|
|
10083
|
+
const threeDSContainerRef = useRef11(null);
|
|
9946
10084
|
const [activetab, setActive] = useState10("card");
|
|
9947
10085
|
const [activeList, setActiveList] = useState10("card");
|
|
9948
10086
|
const [cardData, setCardData] = useState10();
|
|
@@ -10009,7 +10147,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10009
10147
|
const bankFeeAmount = Number(bankSurcharge || 0);
|
|
10010
10148
|
const bankSavingsAmount = Math.max(bankFeeAmount > 0 ? cardFeeAmount - bankFeeAmount : cardFeeAmount, 0);
|
|
10011
10149
|
const bankSavingsText = bankSavingsAmount > 0 ? `Save ${formatUSD(bankSavingsAmount.toFixed(2))}` : "";
|
|
10012
|
-
const tokenizerRef =
|
|
10150
|
+
const tokenizerRef = useRef11(null);
|
|
10013
10151
|
const fractalStyles = {
|
|
10014
10152
|
input: {
|
|
10015
10153
|
"font-family": "'Inter', sans-serif",
|
|
@@ -10875,13 +11013,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10875
11013
|
setOrderLoader(false);
|
|
10876
11014
|
}
|
|
10877
11015
|
};
|
|
10878
|
-
|
|
11016
|
+
useEffect16(() => {
|
|
10879
11017
|
if (!show && !autoTrigger) {
|
|
10880
11018
|
hasRunRef.current = false;
|
|
10881
11019
|
cardListRunRef.current = false;
|
|
10882
11020
|
}
|
|
10883
11021
|
}, [show, autoTrigger]);
|
|
10884
|
-
|
|
11022
|
+
useEffect16(() => {
|
|
10885
11023
|
if (!hasRunRef.current && (show || autoTrigger) && onLoad) {
|
|
10886
11024
|
getPaymentDetails();
|
|
10887
11025
|
if (isPartial && !partialRef) {
|
|
@@ -10889,7 +11027,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10889
11027
|
}
|
|
10890
11028
|
}
|
|
10891
11029
|
}, [show, autoTrigger, isPartial, onLoad]);
|
|
10892
|
-
|
|
11030
|
+
useEffect16(() => {
|
|
10893
11031
|
if ((show || autoTrigger) && pass_fee_amount) {
|
|
10894
11032
|
let cashdisc = Number(amount) - Number(pass_fee_amount);
|
|
10895
11033
|
if (cashdisc && !isNaN(cashdisc)) {
|
|
@@ -10951,7 +11089,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10951
11089
|
console.error("3DS Auth failed \u274C", status);
|
|
10952
11090
|
setError(`3DS Authentication ${status}`);
|
|
10953
11091
|
};
|
|
10954
|
-
|
|
11092
|
+
useEffect16(() => {
|
|
10955
11093
|
if (setHandleCloseRef) {
|
|
10956
11094
|
setHandleCloseRef(() => handleClose);
|
|
10957
11095
|
}
|
|
@@ -10969,18 +11107,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10969
11107
|
setPartialError("");
|
|
10970
11108
|
}
|
|
10971
11109
|
};
|
|
10972
|
-
|
|
11110
|
+
useEffect16(() => {
|
|
10973
11111
|
if (typeof FractalTokenizer === "undefined") return;
|
|
10974
11112
|
const tokenizer = new FractalTokenizer({
|
|
10975
11113
|
styles: {}
|
|
10976
11114
|
});
|
|
10977
11115
|
}, []);
|
|
10978
|
-
const stateRef =
|
|
11116
|
+
const stateRef = useRef11({
|
|
10979
11117
|
activeinBank,
|
|
10980
11118
|
activeinCard,
|
|
10981
11119
|
activetab
|
|
10982
11120
|
});
|
|
10983
|
-
|
|
11121
|
+
useEffect16(() => {
|
|
10984
11122
|
stateRef.current = {
|
|
10985
11123
|
activeinBank,
|
|
10986
11124
|
activeinCard,
|
|
@@ -11004,7 +11142,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11004
11142
|
}
|
|
11005
11143
|
}
|
|
11006
11144
|
}, []);
|
|
11007
|
-
|
|
11145
|
+
useEffect16(() => {
|
|
11008
11146
|
onSubmit == null ? void 0 : onSubmit(submit);
|
|
11009
11147
|
}, [onSubmit, submit]);
|
|
11010
11148
|
function detectCardType(cardinput) {
|
|
@@ -11030,34 +11168,34 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11030
11168
|
const cardType = detectCardType(cardInput);
|
|
11031
11169
|
switch (cardType) {
|
|
11032
11170
|
case "visa":
|
|
11033
|
-
return /* @__PURE__ */
|
|
11171
|
+
return /* @__PURE__ */ jsx35("img", { src: visa2, alt: "visa", width: 33 });
|
|
11034
11172
|
case "mastercard":
|
|
11035
|
-
return /* @__PURE__ */
|
|
11173
|
+
return /* @__PURE__ */ jsx35("img", { src: mastercard2, width: 33, alt: "mastercard" });
|
|
11036
11174
|
case "amex":
|
|
11037
|
-
return /* @__PURE__ */
|
|
11175
|
+
return /* @__PURE__ */ jsx35("img", { src: americanexp2, alt: "amex", width: 33 });
|
|
11038
11176
|
case "discover":
|
|
11039
|
-
return /* @__PURE__ */
|
|
11177
|
+
return /* @__PURE__ */ jsx35("img", { src: discover2, width: 33, alt: "discover" });
|
|
11040
11178
|
case "diners":
|
|
11041
|
-
return /* @__PURE__ */
|
|
11179
|
+
return /* @__PURE__ */ jsx35("img", { src: dinersicon, alt: "Diners Club" });
|
|
11042
11180
|
case "jcb":
|
|
11043
|
-
return /* @__PURE__ */
|
|
11181
|
+
return /* @__PURE__ */ jsx35("img", { src: jcbicon, alt: "JCB" });
|
|
11044
11182
|
case "unionpay":
|
|
11045
|
-
return /* @__PURE__ */
|
|
11183
|
+
return /* @__PURE__ */ jsx35("img", { src: unionicon, alt: "UnionPay" });
|
|
11046
11184
|
default:
|
|
11047
|
-
return /* @__PURE__ */
|
|
11185
|
+
return /* @__PURE__ */ jsx35("img", { src: defualtcardborder, alt: "card" });
|
|
11048
11186
|
}
|
|
11049
11187
|
}
|
|
11050
11188
|
return /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11051
|
-
(initialLoader || !onLoad) && /* @__PURE__ */
|
|
11052
|
-
error && /* @__PURE__ */
|
|
11053
|
-
errorIframe && /* @__PURE__ */
|
|
11189
|
+
(initialLoader || !onLoad) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "dark", loading: initialLoader || !onLoad }),
|
|
11190
|
+
error && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error, onClose: handleClose, autoTrigger }) }),
|
|
11191
|
+
errorIframe && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error: errorIframe, onClose: () => {
|
|
11054
11192
|
setErrorIframe("");
|
|
11055
11193
|
}, autoTrigger: onSubmit ? !onSubmit : autoTrigger }) }),
|
|
11056
11194
|
/* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11057
|
-
(loading || loading2 || loadingIframe) && /* @__PURE__ */
|
|
11195
|
+
(loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "light", loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
|
|
11058
11196
|
/* @__PURE__ */ jsxs20("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
|
|
11059
|
-
/* @__PURE__ */
|
|
11060
|
-
(stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */
|
|
11197
|
+
/* @__PURE__ */ jsx35("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),
|
|
11198
|
+
(stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */ jsx35(
|
|
11061
11199
|
ThreeDSChallenge,
|
|
11062
11200
|
{
|
|
11063
11201
|
containerRef: threeDSContainerRef,
|
|
@@ -11068,32 +11206,32 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11068
11206
|
onError: handleError
|
|
11069
11207
|
}
|
|
11070
11208
|
) : /* @__PURE__ */ jsxs20("div", { className: "parent-pay-container", children: [
|
|
11071
|
-
/* @__PURE__ */
|
|
11072
|
-
/* @__PURE__ */
|
|
11073
|
-
/* @__PURE__ */
|
|
11209
|
+
/* @__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: [
|
|
11210
|
+
/* @__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" }) }),
|
|
11211
|
+
/* @__PURE__ */ jsx35("defs", { children: /* @__PURE__ */ jsx35("clipPath", { id: "clip0_12425_52336", children: /* @__PURE__ */ jsx35("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
11074
11212
|
] }) }),
|
|
11075
|
-
/* @__PURE__ */
|
|
11213
|
+
/* @__PURE__ */ jsx35("div", { className: "pay-main-logo-res" }),
|
|
11076
11214
|
/* @__PURE__ */ jsxs20("div", { className: onSubmit ? "pay-container frac-pay-container " : "pay-container", children: [
|
|
11077
11215
|
!onSubmit && /* @__PURE__ */ jsxs20("div", { className: "pay-header pay-conatiner-one", children: [
|
|
11078
11216
|
/* @__PURE__ */ jsxs20("div", { className: "pay-conatiner-one-first", children: [
|
|
11079
11217
|
/* @__PURE__ */ jsxs20("div", { className: "pay-logo-container", children: [
|
|
11080
|
-
/* @__PURE__ */
|
|
11081
|
-
/* @__PURE__ */
|
|
11218
|
+
/* @__PURE__ */ jsx35("div", { className: "pay-main-logo" }),
|
|
11219
|
+
/* @__PURE__ */ jsx35("h1", { className: "pay-heading", children: "Pay" }),
|
|
11082
11220
|
(cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs20("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
|
|
11083
11221
|
" ",
|
|
11084
|
-
/* @__PURE__ */
|
|
11222
|
+
/* @__PURE__ */ jsx35(IoArrowBack4, {}),
|
|
11085
11223
|
" Back"
|
|
11086
11224
|
] })
|
|
11087
11225
|
] }),
|
|
11088
|
-
/* @__PURE__ */
|
|
11089
|
-
/* @__PURE__ */
|
|
11226
|
+
/* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs20("div", { className: "pay-amount-conatiner", children: [
|
|
11227
|
+
/* @__PURE__ */ jsx35("small", { className: "pay-payment-amount", children: "Select payment type" }),
|
|
11090
11228
|
/* @__PURE__ */ jsxs20("div", { className: "frac-card-bank-radio-main", children: [
|
|
11091
|
-
/* @__PURE__ */
|
|
11092
|
-
!isPreAuth && isBankActive && !isPartial && /* @__PURE__ */
|
|
11229
|
+
/* @__PURE__ */ jsx35(CardBankRadio, { label: "Card", amount: (_a = Number(amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
11230
|
+
!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 })
|
|
11093
11231
|
] }),
|
|
11094
11232
|
isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
|
|
11095
|
-
/* @__PURE__ */
|
|
11096
|
-
/* @__PURE__ */
|
|
11233
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
|
|
11234
|
+
/* @__PURE__ */ jsx35(
|
|
11097
11235
|
NumericFormat2,
|
|
11098
11236
|
{
|
|
11099
11237
|
prefix: "$",
|
|
@@ -11117,25 +11255,25 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11117
11255
|
}
|
|
11118
11256
|
}
|
|
11119
11257
|
),
|
|
11120
|
-
partialError && /* @__PURE__ */
|
|
11258
|
+
partialError && /* @__PURE__ */ jsx35("span", { className: "error-span", children: partialError })
|
|
11121
11259
|
] })
|
|
11122
11260
|
] }) })
|
|
11123
11261
|
] }),
|
|
11124
11262
|
/* @__PURE__ */ jsxs20("div", { className: "pay-conatiner-one-last", children: [
|
|
11125
|
-
/* @__PURE__ */
|
|
11126
|
-
/* @__PURE__ */
|
|
11263
|
+
/* @__PURE__ */ jsx35("img", { src: secure2, alt: "" }),
|
|
11264
|
+
/* @__PURE__ */ jsx35("img", { src: pov2, alt: "" }),
|
|
11127
11265
|
"Secure payments powered by Fractal"
|
|
11128
11266
|
] })
|
|
11129
11267
|
] }),
|
|
11130
|
-
/* @__PURE__ */
|
|
11131
|
-
onSubmit && /* @__PURE__ */
|
|
11268
|
+
/* @__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: [
|
|
11269
|
+
onSubmit && /* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs20("div", { className: "pay-amount-conatiner", children: [
|
|
11132
11270
|
/* @__PURE__ */ jsxs20("div", { className: "frac-card-bank-radio-main", children: [
|
|
11133
|
-
/* @__PURE__ */
|
|
11134
|
-
!isPreAuth && isBankActive && !isPartial && /* @__PURE__ */
|
|
11271
|
+
/* @__PURE__ */ jsx35(CardBankRadio, { skydesign: true, label: "Card", amount: (_c = Number(amount)) == null ? void 0 : _c.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
11272
|
+
!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 })
|
|
11135
11273
|
] }),
|
|
11136
11274
|
isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
|
|
11137
|
-
/* @__PURE__ */
|
|
11138
|
-
/* @__PURE__ */
|
|
11275
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
|
|
11276
|
+
/* @__PURE__ */ jsx35(
|
|
11139
11277
|
NumericFormat2,
|
|
11140
11278
|
{
|
|
11141
11279
|
prefix: "$",
|
|
@@ -11152,33 +11290,45 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11152
11290
|
fixedDecimalScale: true
|
|
11153
11291
|
}
|
|
11154
11292
|
),
|
|
11155
|
-
partialError && /* @__PURE__ */
|
|
11293
|
+
partialError && /* @__PURE__ */ jsx35("span", { className: "error-span", children: partialError })
|
|
11156
11294
|
] })
|
|
11157
11295
|
] }) }),
|
|
11158
|
-
is3DSEnable ? clientSecret && /* @__PURE__ */
|
|
11296
|
+
is3DSEnable ? clientSecret && /* @__PURE__ */ jsx35(CheckoutWrapper, { onSuccess, clientSecret, amount, showLoader, hideLoader, callback, session_token, handleClose, setError, isPreAuth }) : /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11159
11297
|
/* @__PURE__ */ jsxs20("div", { id: "ach", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent", children: [
|
|
11160
11298
|
!onSubmit && /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11161
11299
|
/* @__PURE__ */ jsxs20("div", { className: "frac-heading-card-wrap", children: [
|
|
11162
|
-
/* @__PURE__ */
|
|
11300
|
+
/* @__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: [
|
|
11163
11301
|
" ",
|
|
11164
|
-
/* @__PURE__ */
|
|
11302
|
+
/* @__PURE__ */ jsx35(IoArrowBack4, {})
|
|
11165
11303
|
] }) }),
|
|
11166
|
-
/* @__PURE__ */
|
|
11304
|
+
/* @__PURE__ */ jsx35("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
|
|
11167
11305
|
] }),
|
|
11168
11306
|
/* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
|
|
11169
|
-
/* @__PURE__ */
|
|
11170
|
-
/* @__PURE__ */
|
|
11171
|
-
/* @__PURE__ */
|
|
11172
|
-
/* @__PURE__ */
|
|
11307
|
+
/* @__PURE__ */ jsx35("img", { src: visa2, alt: "", width: 33 }),
|
|
11308
|
+
/* @__PURE__ */ jsx35("img", { src: mastercard2, width: 33, alt: "" }),
|
|
11309
|
+
/* @__PURE__ */ jsx35("img", { src: americanexp2, alt: "", width: 33 }),
|
|
11310
|
+
/* @__PURE__ */ jsx35("img", { src: discover2, width: 33, alt: "" })
|
|
11173
11311
|
] })
|
|
11174
11312
|
] }),
|
|
11175
11313
|
activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11176
|
-
/* @__PURE__ */
|
|
11314
|
+
/* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Card", ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
|
|
11177
11315
|
setActiveinCard("form");
|
|
11178
11316
|
} }),
|
|
11179
|
-
/* @__PURE__ */
|
|
11317
|
+
/* @__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)) }) })
|
|
11180
11318
|
] }) : paymentGateway == 32 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11181
|
-
onSubmit && /* @__PURE__ */
|
|
11319
|
+
onSubmit && /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11320
|
+
/* @__PURE__ */ jsx35(
|
|
11321
|
+
ApplePayButton,
|
|
11322
|
+
{
|
|
11323
|
+
applePayAmount: partialAmount ? partialAmount : amount,
|
|
11324
|
+
applePayMerchantId,
|
|
11325
|
+
applePayMerchantName: merchantName,
|
|
11326
|
+
completeFractalFlow,
|
|
11327
|
+
showLoader
|
|
11328
|
+
}
|
|
11329
|
+
),
|
|
11330
|
+
/* @__PURE__ */ jsx35("div", { id: "digital-wallet-or", className: "frac-or", children: /* @__PURE__ */ jsx35("span", { children: "or" }) })
|
|
11331
|
+
] }),
|
|
11182
11332
|
/* @__PURE__ */ jsxs20("form", { id: "paymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
|
|
11183
11333
|
if (e.key === "Enter" && loading) {
|
|
11184
11334
|
e.preventDefault();
|
|
@@ -11187,18 +11337,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11187
11337
|
}, children: [
|
|
11188
11338
|
/* @__PURE__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
|
|
11189
11339
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11190
|
-
/* @__PURE__ */
|
|
11191
|
-
/* @__PURE__ */
|
|
11340
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
|
|
11341
|
+
/* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
|
|
11192
11342
|
const value = e.target.value;
|
|
11193
11343
|
if (/^[a-zA-Z\s]*$/.test(value)) {
|
|
11194
11344
|
handleCardChange("cardName", value);
|
|
11195
11345
|
}
|
|
11196
11346
|
} }),
|
|
11197
|
-
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */
|
|
11347
|
+
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
|
|
11198
11348
|
] }),
|
|
11199
11349
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11200
|
-
/* @__PURE__ */
|
|
11201
|
-
/* @__PURE__ */
|
|
11350
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
|
|
11351
|
+
/* @__PURE__ */ jsx35("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx35(
|
|
11202
11352
|
FractalFields_default,
|
|
11203
11353
|
{
|
|
11204
11354
|
fractalStyles,
|
|
@@ -11208,17 +11358,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11208
11358
|
) })
|
|
11209
11359
|
] }),
|
|
11210
11360
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11211
|
-
/* @__PURE__ */
|
|
11212
|
-
/* @__PURE__ */
|
|
11213
|
-
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */
|
|
11361
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
|
|
11362
|
+
/* @__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) }),
|
|
11363
|
+
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11214
11364
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
|
|
11215
11365
|
"Cards include a fee amount of ",
|
|
11216
|
-
/* @__PURE__ */
|
|
11366
|
+
/* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11217
11367
|
"."
|
|
11218
11368
|
] })
|
|
11219
11369
|
] }),
|
|
11220
|
-
customerId && /* @__PURE__ */
|
|
11221
|
-
/* @__PURE__ */
|
|
11370
|
+
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: [
|
|
11371
|
+
/* @__PURE__ */ jsx35(
|
|
11222
11372
|
"input",
|
|
11223
11373
|
{
|
|
11224
11374
|
type: "checkbox",
|
|
@@ -11228,10 +11378,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11228
11378
|
onChange: (e) => setSaveCardInfo(e.target.checked)
|
|
11229
11379
|
}
|
|
11230
11380
|
),
|
|
11231
|
-
/* @__PURE__ */
|
|
11232
|
-
/* @__PURE__ */
|
|
11381
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
|
|
11382
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments " }),
|
|
11233
11383
|
/* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
|
|
11234
|
-
/* @__PURE__ */
|
|
11384
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
|
|
11235
11385
|
"svg",
|
|
11236
11386
|
{
|
|
11237
11387
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -11240,8 +11390,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11240
11390
|
viewBox: "0 0 20 20",
|
|
11241
11391
|
fill: "none",
|
|
11242
11392
|
children: [
|
|
11243
|
-
/* @__PURE__ */
|
|
11244
|
-
/* @__PURE__ */
|
|
11393
|
+
/* @__PURE__ */ jsx35("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
|
|
11394
|
+
/* @__PURE__ */ jsx35(
|
|
11245
11395
|
"path",
|
|
11246
11396
|
{
|
|
11247
11397
|
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",
|
|
@@ -11251,15 +11401,15 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11251
11401
|
]
|
|
11252
11402
|
}
|
|
11253
11403
|
) }),
|
|
11254
|
-
/* @__PURE__ */
|
|
11404
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
|
|
11255
11405
|
"If checked, I agree to give the ",
|
|
11256
|
-
/* @__PURE__ */
|
|
11406
|
+
/* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
|
|
11257
11407
|
" permission to charge this credit card for agreed-upon purchases in the future."
|
|
11258
11408
|
] }) })
|
|
11259
11409
|
] })
|
|
11260
11410
|
] }) })
|
|
11261
11411
|
] }),
|
|
11262
|
-
/* @__PURE__ */
|
|
11412
|
+
/* @__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)) }) })
|
|
11263
11413
|
] })
|
|
11264
11414
|
] }) : /* @__PURE__ */ jsxs20("form", { id: "PaymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
|
|
11265
11415
|
if (e.key === "Enter" && loading) {
|
|
@@ -11269,16 +11419,16 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11269
11419
|
}, children: [
|
|
11270
11420
|
/* @__PURE__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
|
|
11271
11421
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11272
|
-
/* @__PURE__ */
|
|
11273
|
-
/* @__PURE__ */
|
|
11422
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
|
|
11423
|
+
/* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
|
|
11274
11424
|
const value = e.target.value;
|
|
11275
11425
|
if (/^[a-zA-Z\s]*$/.test(value)) {
|
|
11276
11426
|
handleCardChange("cardName", value);
|
|
11277
11427
|
}
|
|
11278
11428
|
} }),
|
|
11279
|
-
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */
|
|
11429
|
+
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
|
|
11280
11430
|
] }),
|
|
11281
|
-
/* @__PURE__ */
|
|
11431
|
+
/* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx35(
|
|
11282
11432
|
DataCapFields,
|
|
11283
11433
|
{
|
|
11284
11434
|
isOpen: show || autoTrigger,
|
|
@@ -11289,17 +11439,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11289
11439
|
}
|
|
11290
11440
|
) }),
|
|
11291
11441
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11292
|
-
/* @__PURE__ */
|
|
11293
|
-
/* @__PURE__ */
|
|
11294
|
-
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */
|
|
11442
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
|
|
11443
|
+
/* @__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) }),
|
|
11444
|
+
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11295
11445
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
|
|
11296
11446
|
"Cards include a fee amount of ",
|
|
11297
|
-
/* @__PURE__ */
|
|
11447
|
+
/* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11298
11448
|
"."
|
|
11299
11449
|
] })
|
|
11300
11450
|
] }),
|
|
11301
|
-
customerId && /* @__PURE__ */
|
|
11302
|
-
/* @__PURE__ */
|
|
11451
|
+
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: [
|
|
11452
|
+
/* @__PURE__ */ jsx35(
|
|
11303
11453
|
"input",
|
|
11304
11454
|
{
|
|
11305
11455
|
type: "checkbox",
|
|
@@ -11309,10 +11459,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11309
11459
|
onChange: (e) => setSaveCardInfo(e.target.checked)
|
|
11310
11460
|
}
|
|
11311
11461
|
),
|
|
11312
|
-
/* @__PURE__ */
|
|
11313
|
-
/* @__PURE__ */
|
|
11462
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
|
|
11463
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments " }),
|
|
11314
11464
|
/* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
|
|
11315
|
-
/* @__PURE__ */
|
|
11465
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
|
|
11316
11466
|
"svg",
|
|
11317
11467
|
{
|
|
11318
11468
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -11321,8 +11471,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11321
11471
|
viewBox: "0 0 20 20",
|
|
11322
11472
|
fill: "none",
|
|
11323
11473
|
children: [
|
|
11324
|
-
/* @__PURE__ */
|
|
11325
|
-
/* @__PURE__ */
|
|
11474
|
+
/* @__PURE__ */ jsx35("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
|
|
11475
|
+
/* @__PURE__ */ jsx35(
|
|
11326
11476
|
"path",
|
|
11327
11477
|
{
|
|
11328
11478
|
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",
|
|
@@ -11332,30 +11482,30 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11332
11482
|
]
|
|
11333
11483
|
}
|
|
11334
11484
|
) }),
|
|
11335
|
-
/* @__PURE__ */
|
|
11485
|
+
/* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
|
|
11336
11486
|
"If checked, I agree to give the ",
|
|
11337
|
-
/* @__PURE__ */
|
|
11487
|
+
/* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
|
|
11338
11488
|
" permission to charge this credit card for agreed-upon purchases in the future."
|
|
11339
11489
|
] }) })
|
|
11340
11490
|
] })
|
|
11341
11491
|
] }) })
|
|
11342
11492
|
] }),
|
|
11343
|
-
/* @__PURE__ */
|
|
11493
|
+
/* @__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)) }) })
|
|
11344
11494
|
] })
|
|
11345
11495
|
] }),
|
|
11346
|
-
/* @__PURE__ */
|
|
11496
|
+
/* @__PURE__ */ jsx35("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent", children: /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11347
11497
|
!onSubmit && /* @__PURE__ */ jsxs20("div", { className: "frac-heading-card-wrap", children: [
|
|
11348
|
-
/* @__PURE__ */
|
|
11498
|
+
/* @__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: [
|
|
11349
11499
|
" ",
|
|
11350
|
-
/* @__PURE__ */
|
|
11500
|
+
/* @__PURE__ */ jsx35(IoArrowBack4, {})
|
|
11351
11501
|
] }) }),
|
|
11352
|
-
/* @__PURE__ */
|
|
11502
|
+
/* @__PURE__ */ jsx35("h6", { className: "frac-card-payment-heading", children: "Bank Payment" })
|
|
11353
11503
|
] }),
|
|
11354
11504
|
activeinBank === "list" && (bankList == null ? void 0 : bankList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11355
|
-
/* @__PURE__ */
|
|
11505
|
+
/* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Banks", ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
|
|
11356
11506
|
setActiveinBank("form");
|
|
11357
11507
|
} }),
|
|
11358
|
-
/* @__PURE__ */
|
|
11508
|
+
/* @__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)) }) })
|
|
11359
11509
|
] }) : /* @__PURE__ */ jsxs20("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, ref: bankFormRef, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
|
|
11360
11510
|
if (e.key === "Enter" && loading) {
|
|
11361
11511
|
e.preventDefault();
|
|
@@ -11367,13 +11517,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11367
11517
|
maxHeight: "444px"
|
|
11368
11518
|
}, children: [
|
|
11369
11519
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11370
|
-
/* @__PURE__ */
|
|
11371
|
-
/* @__PURE__ */
|
|
11372
|
-
(achError == null ? void 0 : achError.name) && /* @__PURE__ */
|
|
11520
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "nameonaccount", children: "Name on account" }),
|
|
11521
|
+
/* @__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 }),
|
|
11522
|
+
(achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
|
|
11373
11523
|
] }),
|
|
11374
11524
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11375
|
-
/* @__PURE__ */
|
|
11376
|
-
/* @__PURE__ */
|
|
11525
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "routingnumber", children: "Routing number" }),
|
|
11526
|
+
/* @__PURE__ */ jsx35(
|
|
11377
11527
|
"input",
|
|
11378
11528
|
{
|
|
11379
11529
|
type: "text",
|
|
@@ -11386,11 +11536,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11386
11536
|
onChange: handleChangeAch
|
|
11387
11537
|
}
|
|
11388
11538
|
),
|
|
11389
|
-
(achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */
|
|
11539
|
+
(achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
|
|
11390
11540
|
] }),
|
|
11391
11541
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11392
|
-
/* @__PURE__ */
|
|
11393
|
-
/* @__PURE__ */
|
|
11542
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "accountnumber", children: "Account number" }),
|
|
11543
|
+
/* @__PURE__ */ jsx35(
|
|
11394
11544
|
"input",
|
|
11395
11545
|
{
|
|
11396
11546
|
type: "text",
|
|
@@ -11403,11 +11553,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11403
11553
|
onChange: handleChangeAch
|
|
11404
11554
|
}
|
|
11405
11555
|
),
|
|
11406
|
-
(achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */
|
|
11556
|
+
(achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
|
|
11407
11557
|
] }),
|
|
11408
11558
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11409
|
-
/* @__PURE__ */
|
|
11410
|
-
/* @__PURE__ */
|
|
11559
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
|
|
11560
|
+
/* @__PURE__ */ jsx35(
|
|
11411
11561
|
"input",
|
|
11412
11562
|
{
|
|
11413
11563
|
type: "text",
|
|
@@ -11420,11 +11570,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11420
11570
|
onChange: handleChangeAch
|
|
11421
11571
|
}
|
|
11422
11572
|
),
|
|
11423
|
-
(achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */
|
|
11573
|
+
(achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
|
|
11424
11574
|
] }),
|
|
11425
11575
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11426
|
-
/* @__PURE__ */
|
|
11427
|
-
/* @__PURE__ */
|
|
11576
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "bankname", children: "Bank name" }),
|
|
11577
|
+
/* @__PURE__ */ jsx35(
|
|
11428
11578
|
"input",
|
|
11429
11579
|
{
|
|
11430
11580
|
type: "text",
|
|
@@ -11437,11 +11587,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11437
11587
|
onChange: handleChangeAch
|
|
11438
11588
|
}
|
|
11439
11589
|
),
|
|
11440
|
-
(achError == null ? void 0 : achError.bankName) && /* @__PURE__ */
|
|
11590
|
+
(achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
|
|
11441
11591
|
] }),
|
|
11442
11592
|
((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11443
|
-
/* @__PURE__ */
|
|
11444
|
-
/* @__PURE__ */
|
|
11593
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "companyName", children: "Company name" }),
|
|
11594
|
+
/* @__PURE__ */ jsx35(
|
|
11445
11595
|
"input",
|
|
11446
11596
|
{
|
|
11447
11597
|
type: "text",
|
|
@@ -11454,44 +11604,44 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11454
11604
|
onChange: handleChangeAch
|
|
11455
11605
|
}
|
|
11456
11606
|
),
|
|
11457
|
-
(achError == null ? void 0 : achError.companyName) && /* @__PURE__ */
|
|
11607
|
+
(achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
|
|
11458
11608
|
] }),
|
|
11459
11609
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
|
|
11460
|
-
/* @__PURE__ */
|
|
11610
|
+
/* @__PURE__ */ jsx35("label", { htmlFor: "accounttype", children: "Select account type" }),
|
|
11461
11611
|
/* @__PURE__ */ jsxs20("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_t = achData == null ? void 0 : achData.accountType) != null ? _t : "", onChange: handleChangeAch, children: [
|
|
11462
|
-
/* @__PURE__ */
|
|
11463
|
-
accountTypes.map((type) => /* @__PURE__ */
|
|
11612
|
+
/* @__PURE__ */ jsx35("option", { value: "", children: "Select account" }),
|
|
11613
|
+
accountTypes.map((type) => /* @__PURE__ */ jsx35("option", { value: type.value, children: type.label }, type.value))
|
|
11464
11614
|
] }),
|
|
11465
11615
|
bankFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
|
|
11466
11616
|
"There is a processing fee of ",
|
|
11467
|
-
/* @__PURE__ */
|
|
11617
|
+
/* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
|
|
11468
11618
|
"."
|
|
11469
11619
|
] }),
|
|
11470
11620
|
!saveACHinfo && /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11471
11621
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
|
|
11472
|
-
/* @__PURE__ */
|
|
11622
|
+
/* @__PURE__ */ jsx35("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
|
|
11473
11623
|
setIsBankConsentChecked(e.target.checked);
|
|
11474
11624
|
if (e.target.checked) {
|
|
11475
11625
|
setErrorBankConsent("");
|
|
11476
11626
|
}
|
|
11477
11627
|
} }),
|
|
11478
|
-
/* @__PURE__ */
|
|
11628
|
+
/* @__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.` })
|
|
11479
11629
|
] }),
|
|
11480
|
-
errorBankConsent && /* @__PURE__ */
|
|
11630
|
+
errorBankConsent && /* @__PURE__ */ jsx35("span", { className: "error-span", children: errorBankConsent })
|
|
11481
11631
|
] }),
|
|
11482
11632
|
customerId && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
|
|
11483
|
-
/* @__PURE__ */
|
|
11633
|
+
/* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => {
|
|
11484
11634
|
setSaveACHinfo(e.target.checked);
|
|
11485
11635
|
if (!e.target.checked) {
|
|
11486
11636
|
setSaveACHConsent1(false);
|
|
11487
11637
|
setErrorBankConsentOther("");
|
|
11488
11638
|
}
|
|
11489
11639
|
} }),
|
|
11490
|
-
/* @__PURE__ */
|
|
11640
|
+
/* @__PURE__ */ jsx35("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save for future use" })
|
|
11491
11641
|
] }),
|
|
11492
11642
|
saveACHinfo && /* @__PURE__ */ jsxs20(Fragment19, { children: [
|
|
11493
11643
|
/* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
|
|
11494
|
-
/* @__PURE__ */
|
|
11644
|
+
/* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
|
|
11495
11645
|
setSaveACHConsent1(e.target.checked);
|
|
11496
11646
|
if (e.target.checked) {
|
|
11497
11647
|
setErrorBankConsentOther("");
|
|
@@ -11503,11 +11653,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11503
11653
|
" 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."
|
|
11504
11654
|
] })
|
|
11505
11655
|
] }),
|
|
11506
|
-
errorBankConsentOther && /* @__PURE__ */
|
|
11656
|
+
errorBankConsentOther && /* @__PURE__ */ jsx35("span", { className: "error-span", children: errorBankConsentOther })
|
|
11507
11657
|
] })
|
|
11508
11658
|
] })
|
|
11509
11659
|
] }),
|
|
11510
|
-
/* @__PURE__ */
|
|
11660
|
+
/* @__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)) }) })
|
|
11511
11661
|
] })
|
|
11512
11662
|
] }) })
|
|
11513
11663
|
] })
|
|
@@ -11522,7 +11672,7 @@ var ModelContentSky_default = ModelContentSky;
|
|
|
11522
11672
|
|
|
11523
11673
|
// src/app/components/Skysystemz/PayButtonWithForm.tsx
|
|
11524
11674
|
import axios10 from "axios";
|
|
11525
|
-
import { Fragment as Fragment20, jsx as
|
|
11675
|
+
import { Fragment as Fragment20, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
11526
11676
|
var PaymentWidget = ({
|
|
11527
11677
|
amount,
|
|
11528
11678
|
bankAmount,
|
|
@@ -11602,7 +11752,7 @@ var PaymentWidget = ({
|
|
|
11602
11752
|
]
|
|
11603
11753
|
);
|
|
11604
11754
|
const [commonProps, setCommonProps] = useState11(initialCommonProps);
|
|
11605
|
-
|
|
11755
|
+
useEffect17(() => {
|
|
11606
11756
|
if (show) {
|
|
11607
11757
|
setCommonProps(initialCommonProps);
|
|
11608
11758
|
}
|
|
@@ -11633,35 +11783,35 @@ var PaymentWidget = ({
|
|
|
11633
11783
|
setLoading(false);
|
|
11634
11784
|
}
|
|
11635
11785
|
};
|
|
11636
|
-
|
|
11786
|
+
useEffect17(() => {
|
|
11637
11787
|
if (show && isPartial && partialRef) {
|
|
11638
11788
|
getskyosOrderDetails();
|
|
11639
11789
|
}
|
|
11640
11790
|
}, [show, isPartial, partialRef]);
|
|
11641
11791
|
return /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
11642
|
-
/* @__PURE__ */
|
|
11643
|
-
/* @__PURE__ */
|
|
11644
|
-
/* @__PURE__ */
|
|
11645
|
-
/* @__PURE__ */
|
|
11646
|
-
/* @__PURE__ */
|
|
11647
|
-
/* @__PURE__ */
|
|
11648
|
-
/* @__PURE__ */
|
|
11792
|
+
/* @__PURE__ */ jsx36("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
|
|
11793
|
+
/* @__PURE__ */ jsx36(DataScript, {}),
|
|
11794
|
+
/* @__PURE__ */ jsx36(FractalTokenizerScript, {}),
|
|
11795
|
+
/* @__PURE__ */ jsx36(SkyChargewidgetstyles, {}),
|
|
11796
|
+
/* @__PURE__ */ jsx36(CardBankRadioStyles, {}),
|
|
11797
|
+
/* @__PURE__ */ jsx36(CustomModal2styles_default, {}),
|
|
11798
|
+
/* @__PURE__ */ jsx36(DataCapScriptLoader, {}),
|
|
11649
11799
|
!autoTrigger && /* @__PURE__ */ jsxs21("button", { className: submitBtnClass || "paymentBtn", disabled: disableSubmitBtn, onClick: () => setShow(true), children: [
|
|
11650
11800
|
submitBtnText,
|
|
11651
11801
|
submitBtnIcon
|
|
11652
11802
|
] }),
|
|
11653
|
-
!autoTrigger ? /* @__PURE__ */
|
|
11803
|
+
!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 }))
|
|
11654
11804
|
] });
|
|
11655
11805
|
};
|
|
11656
11806
|
|
|
11657
11807
|
// src/app/components/Skysystemz/EmbeddedCheckout.tsx
|
|
11658
|
-
import { useEffect as
|
|
11808
|
+
import { useEffect as useEffect19, useState as useState12, useMemo as useMemo2 } from "react";
|
|
11659
11809
|
import axios11 from "axios";
|
|
11660
11810
|
|
|
11661
11811
|
// src/app/components/Skysystemz/EmbeddedCheckoutStyles.tsx
|
|
11662
|
-
import { jsx as
|
|
11812
|
+
import { jsx as jsx37 } from "react/jsx-runtime";
|
|
11663
11813
|
function EmbeddedCheckoutStyles({ extraCustomCSS }) {
|
|
11664
|
-
return /* @__PURE__ */
|
|
11814
|
+
return /* @__PURE__ */ jsx37("style", { children: `
|
|
11665
11815
|
|
|
11666
11816
|
.pay-amount-conatiner{
|
|
11667
11817
|
margin-top: 20px !important;
|
|
@@ -12007,10 +12157,10 @@ padding:0px !important;
|
|
|
12007
12157
|
}
|
|
12008
12158
|
|
|
12009
12159
|
// src/app/components/Atoms/Applepay/ApplePayScriptLoader.tsx
|
|
12010
|
-
import { useEffect as
|
|
12160
|
+
import { useEffect as useEffect18 } from "react";
|
|
12011
12161
|
var applePayScriptLoaded = false;
|
|
12012
12162
|
var ApplePayScriptLoader = () => {
|
|
12013
|
-
|
|
12163
|
+
useEffect18(() => {
|
|
12014
12164
|
if (applePayScriptLoaded) return;
|
|
12015
12165
|
const existingScript = document.querySelector(
|
|
12016
12166
|
`script[src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"]`
|
|
@@ -12036,7 +12186,7 @@ var ApplePayScriptLoader = () => {
|
|
|
12036
12186
|
};
|
|
12037
12187
|
|
|
12038
12188
|
// src/app/components/Skysystemz/EmbeddedCheckout.tsx
|
|
12039
|
-
import { Fragment as Fragment21, jsx as
|
|
12189
|
+
import { Fragment as Fragment21, jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
12040
12190
|
var EmbeddedCheckout = ({
|
|
12041
12191
|
amount,
|
|
12042
12192
|
bankAmount,
|
|
@@ -12114,7 +12264,7 @@ var EmbeddedCheckout = ({
|
|
|
12114
12264
|
]
|
|
12115
12265
|
);
|
|
12116
12266
|
const [commonProps, setCommonProps] = useState12(initialCommonProps);
|
|
12117
|
-
|
|
12267
|
+
useEffect19(() => {
|
|
12118
12268
|
if (show) {
|
|
12119
12269
|
setCommonProps(initialCommonProps);
|
|
12120
12270
|
}
|
|
@@ -12145,13 +12295,13 @@ var EmbeddedCheckout = ({
|
|
|
12145
12295
|
setLoading(false);
|
|
12146
12296
|
}
|
|
12147
12297
|
};
|
|
12148
|
-
|
|
12298
|
+
useEffect19(() => {
|
|
12149
12299
|
if (show && isPartial && partialRef) {
|
|
12150
12300
|
getskyosOrderDetails();
|
|
12151
12301
|
}
|
|
12152
12302
|
}, [show, isPartial, partialRef]);
|
|
12153
12303
|
console.log(onLoad, "onLoad");
|
|
12154
|
-
|
|
12304
|
+
useEffect19(() => {
|
|
12155
12305
|
const supported = !!window.ApplePaySession;
|
|
12156
12306
|
let canPay = false;
|
|
12157
12307
|
if (supported) {
|
|
@@ -12163,20 +12313,20 @@ var EmbeddedCheckout = ({
|
|
|
12163
12313
|
console.log(`ApplePaySession: ${supported}, canMakePayments: ${canPay}`);
|
|
12164
12314
|
}, []);
|
|
12165
12315
|
return /* @__PURE__ */ jsxs22(Fragment21, { children: [
|
|
12166
|
-
/* @__PURE__ */
|
|
12167
|
-
/* @__PURE__ */
|
|
12168
|
-
/* @__PURE__ */
|
|
12169
|
-
/* @__PURE__ */
|
|
12170
|
-
/* @__PURE__ */
|
|
12171
|
-
/* @__PURE__ */
|
|
12172
|
-
/* @__PURE__ */
|
|
12173
|
-
/* @__PURE__ */
|
|
12174
|
-
/* @__PURE__ */
|
|
12316
|
+
/* @__PURE__ */ jsx38("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
|
|
12317
|
+
/* @__PURE__ */ jsx38(DataScript, {}),
|
|
12318
|
+
/* @__PURE__ */ jsx38(FractalTokenizerScript, {}),
|
|
12319
|
+
/* @__PURE__ */ jsx38(SkyChargewidgetstyles, {}),
|
|
12320
|
+
/* @__PURE__ */ jsx38(CardBankRadioStyles, {}),
|
|
12321
|
+
/* @__PURE__ */ jsx38(CustomModal2styles_default, {}),
|
|
12322
|
+
/* @__PURE__ */ jsx38(DataCapScriptLoader, {}),
|
|
12323
|
+
/* @__PURE__ */ jsx38(ApplePayScriptLoader, {}),
|
|
12324
|
+
/* @__PURE__ */ jsx38(EmbeddedCheckoutStyles, { extraCustomCSS: customCSS2 }),
|
|
12175
12325
|
!autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
|
|
12176
12326
|
submitBtnText,
|
|
12177
12327
|
submitBtnIcon
|
|
12178
12328
|
] }),
|
|
12179
|
-
!autoTrigger ? /* @__PURE__ */
|
|
12329
|
+
!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 }))
|
|
12180
12330
|
] });
|
|
12181
12331
|
};
|
|
12182
12332
|
export {
|