@flopay/react 0.4.0 → 0.4.1

package/dist/index.mjs

@@ -93,7 +93,7 @@ function FloPayProvider({
 // src/flopay-checkout.tsx
 import React5, { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
 import { loadFloPay, PaymentAPI } from "@flopay/js";
-import { FloPayError as FloPayError3, resolveBillingApiUrl as resolveBillingApiUrl3, buildCheckoutDisplayData, resolveButtonsLayoutTheme as resolveButtonsLayoutTheme2 } from "@flopay/shared";
+import { SDK_VERSION, FloPayError as FloPayError3, resolveBillingApiUrl as resolveBillingApiUrl3, buildCheckoutDisplayData, resolveButtonsLayoutTheme as resolveButtonsLayoutTheme2 } from "@flopay/shared";
 
 // src/card-button-content.tsx
 import "react";
@@ -1852,6 +1852,8 @@ function FloPayCheckout({
   onSessionCompleted
 }) {
   const resolvedBillingUrl = resolveBillingApiUrl3(billingApiUrl);
+  const checkoutType = createSessionParams ? "embedded_checkout" : "standard_checkout";
+  const checkoutLayout = children ? "custom_layout" : layout === "buttons" ? "buttons_layout" : "default_layout";
   const [unified, setUnified] = useState3(null);
   const [flopay, setFloPay] = useState3(null);
   const flopayRef = useRef3(null);
@@ -1876,6 +1878,14 @@ function FloPayCheckout({
   onDeclineRef.current = onDecline;
   const onSessionCompletedRef = useRef3(onSessionCompleted);
   onSessionCompletedRef.current = onSessionCompleted;
+  useEffect4(() => {
+    console.info("[FloPay] Checkout initialized", {
+      sdk_version: SDK_VERSION,
+      checkout_type: checkoutType,
+      checkout_layout: checkoutLayout,
+      billing_api_url: resolvedBillingUrl
+    });
+  }, [checkoutLayout, checkoutType, resolvedBillingUrl]);
   const baseCreateSessionHash = useMemo3(
     () => createSessionParams ? hashCreateParams(createSessionParams) : "",
     [createSessionParams]