@fractalpay/fractalpay-next-dev 0.0.252 → 0.0.253

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next-dev",
-      version: "0.0.252",
+      version: "0.0.253",
       private: false,
       type: "module",
       scripts: {
@@ -8694,7 +8694,7 @@ function PartialPayment(props) {
 }
 
 // src/app/components/Skysystemz/PayButtonWithForm.tsx
-import { useEffect as useEffect18, useState as useState12, useMemo } from "react";
+import { useEffect as useEffect19, useState as useState12, useMemo } from "react";
 
 // src/app/components/Skysystemz/SkyChargewidgetstyles.tsx
 import { jsx as jsx29 } from "react/jsx-runtime";
@@ -9540,7 +9540,7 @@ padding:0px !important;
 }
 
 // src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
-import { useCallback, useEffect as useEffect17, useRef as useRef12, useState as useState11 } from "react";
+import { useCallback, useEffect as useEffect18, useRef as useRef12, useState as useState11 } from "react";
 import axios9 from "axios";
 import Swal5 from "sweetalert2";
 
@@ -9830,7 +9830,44 @@ var ErrorCardOverlay_default = ErrorCardOverlay;
 
 // src/app/components/Atoms/Googlepay/Googlepay.tsx
 import { useRef as useRef10 } from "react";
-import Script from "next/script";
+
+// src/app/components/Atoms/Googlepay/GooglePayScriptLoader.tsx
+import { useEffect as useEffect15 } from "react";
+var googlePayScriptLoaded = false;
+var GooglePayScriptLoader = ({
+  onLoad
+}) => {
+  useEffect15(() => {
+    if (googlePayScriptLoaded) {
+      onLoad == null ? void 0 : onLoad();
+      return;
+    }
+    const existingScript = document.querySelector(
+      `script[src="https://pay.google.com/gp/p/js/pay.js"]`
+    );
+    if (!existingScript) {
+      const script2 = document.createElement("script");
+      script2.src = "https://pay.google.com/gp/p/js/pay.js";
+      script2.async = true;
+      script2.onload = () => {
+        console.log("\u2705 Google Pay script loaded");
+        googlePayScriptLoaded = true;
+        console.log("google:", window.google);
+        onLoad == null ? void 0 : onLoad();
+      };
+      script2.onerror = (err) => {
+        console.error("\u274C Google Pay script failed", err);
+      };
+      document.head.appendChild(script2);
+    } else {
+      googlePayScriptLoaded = true;
+      onLoad == null ? void 0 : onLoad();
+    }
+  }, []);
+  return null;
+};
+
+// src/app/components/Atoms/Googlepay/Googlepay.tsx
 import { Fragment as Fragment19, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 function GooglePayComponent({
   amount,
@@ -9929,6 +9966,10 @@ function GooglePayComponent({
   const initializeGooglePay = async () => {
     try {
       const client = getPaymentsClient();
+      if (!client) {
+        console.error("Google Pay client not ready");
+        return;
+      }
       const response = await client.isReadyToPay(
         getIsReadyToPayRequest()
       );
@@ -9940,7 +9981,9 @@ function GooglePayComponent({
           buttonColor: "black",
           buttonRadius: 8
         });
-        containerRef.current.innerHTML = "";
+        if (containerRef.current) {
+          containerRef.current.innerHTML = "";
+        }
         containerRef.current.appendChild(button);
       }
     } catch (err) {
@@ -9949,6 +9992,10 @@ function GooglePayComponent({
   };
   const onGooglePayClick = async () => {
     const client = getPaymentsClient();
+    if (!client) {
+      console.error("Google Pay client not ready");
+      return;
+    }
     try {
       await client.loadPaymentData(getPaymentDataRequest());
     } catch (err) {
@@ -9957,44 +10004,23 @@ function GooglePayComponent({
       }
     }
   };
-  const processPayment = async (paymentData) => {
-    var _a, _b;
-    console.log(paymentData, "paymentData");
-    try {
-      const token = (_b = (_a = paymentData == null ? void 0 : paymentData.paymentMethodData) == null ? void 0 : _a.tokenizationData) == null ? void 0 : _b.token;
-      if (!token) throw new Error("Missing token");
-      const parsed = JSON.parse(token);
-      console.log(parsed, "pararararqr");
-      alert("Payment successful!");
-    } catch (err) {
-      console.error("Processing error:", err);
-      alert("Payment processing failed");
-    } finally {
-      setLoading(false);
-    }
-  };
   const onScriptLoad = () => {
     if (!googlePayEnvironment2 || !googlePayGatewayMerchantId2 || !amount || !googlePayMerchantId2) {
       console.error("Missing Google Pay config");
       return;
     }
-    initializeGooglePay();
+    setTimeout(() => {
+      initializeGooglePay();
+    }, 0);
   };
   return /* @__PURE__ */ jsxs20(Fragment19, { children: [
     /* @__PURE__ */ jsx34("div", { ref: containerRef, className: "text-center" }),
-    /* @__PURE__ */ jsx34(
-      Script,
-      {
-        src: "https://pay.google.com/gp/p/js/pay.js",
-        strategy: "afterInteractive",
-        onLoad: onScriptLoad
-      }
-    )
+    /* @__PURE__ */ jsx34(GooglePayScriptLoader, { onLoad: onScriptLoad })
   ] });
 }
 
 // src/app/components/Atoms/Applepay/ApplePayButton.tsx
-import { useEffect as useEffect16, useRef as useRef11 } from "react";
+import { useEffect as useEffect17, useRef as useRef11 } from "react";
 import { jsx as jsx35 } from "react/jsx-runtime";
 function ApplePayButton({
   applePayMerchantId: applePayMerchantId2,
@@ -10101,14 +10127,14 @@ function ApplePayButton({
       console.log("\u274C Apple Pay flow failed:", err == null ? void 0 : err.message);
     }
   }
-  useEffect16(() => {
+  useEffect17(() => {
     if (window.ApplePaySession && window.ApplePaySession.canMakePayments()) {
       console.log("\u2705 Apple Pay is available");
     } else {
       console.log("\u274C Apple Pay NOT available");
     }
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     const btn = applePayRef.current;
     if (!btn) return;
     const handleClick = () => handleApplePayClick();
@@ -11055,13 +11081,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       setOrderLoader(false);
     }
   };
-  useEffect17(() => {
+  useEffect18(() => {
     if (!show && !autoTrigger) {
       hasRunRef.current = false;
       cardListRunRef.current = false;
     }
   }, [show, autoTrigger]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!hasRunRef.current && (show || autoTrigger) && onLoad) {
       getPaymentDetails();
       if (isPartial && !partialRef) {
@@ -11069,7 +11095,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
     }
   }, [show, autoTrigger, isPartial, onLoad]);
-  useEffect17(() => {
+  useEffect18(() => {
     if ((show || autoTrigger) && pass_fee_amount) {
       let cashdisc = Number(amount) - Number(pass_fee_amount);
       if (cashdisc && !isNaN(cashdisc)) {
@@ -11131,7 +11157,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     console.error("3DS Auth failed \u274C", status);
     setError(`3DS Authentication ${status}`);
   };
-  useEffect17(() => {
+  useEffect18(() => {
     if (setHandleCloseRef) {
       setHandleCloseRef(() => handleClose);
     }
@@ -11149,7 +11175,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       setPartialError("");
     }
   };
-  useEffect17(() => {
+  useEffect18(() => {
     if (typeof FractalTokenizer === "undefined") return;
     const tokenizer = new FractalTokenizer({
       styles: {}
@@ -11160,7 +11186,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     activeinCard,
     activetab
   });
-  useEffect17(() => {
+  useEffect18(() => {
     stateRef.current = {
       activeinBank,
       activeinCard,
@@ -11184,7 +11210,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
     }
   }, []);
-  useEffect17(() => {
+  useEffect18(() => {
     onSubmit == null ? void 0 : onSubmit(submit);
   }, [onSubmit, submit]);
   function detectCardType(cardinput) {
@@ -11779,7 +11805,7 @@ var PaymentWidget = ({
     ]
   );
   const [commonProps, setCommonProps] = useState12(initialCommonProps);
-  useEffect18(() => {
+  useEffect19(() => {
     if (show) {
       setCommonProps(initialCommonProps);
     }
@@ -11810,7 +11836,7 @@ var PaymentWidget = ({
       setLoading(false);
     }
   };
-  useEffect18(() => {
+  useEffect19(() => {
     if (show && isPartial && partialRef) {
       getskyosOrderDetails();
     }
@@ -11832,7 +11858,7 @@ var PaymentWidget = ({
 };
 
 // src/app/components/Skysystemz/EmbeddedCheckout.tsx
-import { useEffect as useEffect20, useState as useState13, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect21, useState as useState13, useMemo as useMemo2 } from "react";
 import axios11 from "axios";
 
 // src/app/components/Skysystemz/EmbeddedCheckoutStyles.tsx
@@ -12184,10 +12210,10 @@ padding:0px !important;
 }
 
 // src/app/components/Atoms/Applepay/ApplePayScriptLoader.tsx
-import { useEffect as useEffect19 } from "react";
+import { useEffect as useEffect20 } from "react";
 var applePayScriptLoaded = false;
 var ApplePayScriptLoader = () => {
-  useEffect19(() => {
+  useEffect20(() => {
     if (applePayScriptLoaded) return;
     const existingScript = document.querySelector(
       `script[src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"]`
@@ -12291,7 +12317,7 @@ var EmbeddedCheckout = ({
     ]
   );
   const [commonProps, setCommonProps] = useState13(initialCommonProps);
-  useEffect20(() => {
+  useEffect21(() => {
     if (show) {
       setCommonProps(initialCommonProps);
     }
@@ -12322,13 +12348,13 @@ var EmbeddedCheckout = ({
       setLoading(false);
     }
   };
-  useEffect20(() => {
+  useEffect21(() => {
     if (show && isPartial && partialRef) {
       getskyosOrderDetails();
     }
   }, [show, isPartial, partialRef]);
   console.log(onLoad, "onLoad");
-  useEffect20(() => {
+  useEffect21(() => {
     const supported = !!window.ApplePaySession;
     let canPay = false;
     if (supported) {