@easypayment/medusa-paypal-ui 1.1.1 → 1.2.2

package/dist/index.d.cts

@@ -45,8 +45,27 @@ type PayPalSettingsResponse = {
 type HttpOptions = {
     baseUrl: string;
     publishableApiKey?: string;
+    /**
+     * `credentials` mode for every request. Defaults to "include" (the
+     * historical behavior, required when the backend sits behind cookie-based
+     * gateways like Cloudflare Access). Set to "omit" or "same-origin" when the
+     * backend answers with `Access-Control-Allow-Origin: *` — browsers reject
+     * credentialed requests against a wildcard CORS origin outright.
+     */
+    credentials?: RequestCredentials;
 };
 
+/**
+ * Fresh idempotency key per create-order ATTEMPT (i.e. per buyer click).
+ *
+ * The backend derives the PayPal-Request-Id from this header. It must be
+ * unique per attempt: PayPal replays the cached response for a reused request
+ * id, so a key stable across cart changes would hand back the ORIGINAL order —
+ * at the original total — after the buyer edits the cart, charging a stale
+ * amount. Reuse/dedup of an unchanged order is handled server-side by the
+ * stored-order staleness check, not by this key.
+ */
+declare function generateIdempotencyKey(): string;
 declare function markPaymentComplete(baseUrl: string, cartId: string, publishableApiKey?: string): Promise<Record<string, unknown>>;
 declare function createPayPalStoreApi(opts: HttpOptions): {
     getConfig(cartId?: string, signal?: AbortSignal): Promise<PayPalConfig>;
@@ -113,9 +132,18 @@ type MedusaNextPayPalAdapterProps = {
 };
 declare function MedusaNextPayPalAdapter(props: MedusaNextPayPalAdapterProps): React.JSX.Element | null;
 
+/**
+ * Provider ids registered by `@easypayment/medusa-payment-paypal`.
+ *
+ * Single source of truth — `PayPalPaymentSection`, `MedusaNextPayPalAdapter`,
+ * and the server-safe `order` entrypoint all re-export from here so the ids
+ * can never drift between entrypoints.
+ */
 declare const PAYPAL_WALLET_PROVIDER_ID: "pp_paypal_paypal";
 declare const PAYPAL_CARD_PROVIDER_ID: "pp_paypal_card_paypal_card";
-declare function isPayPalProviderId(id?: string | null): boolean;
+/** True when the provider id belongs to this PayPal plugin. */
+declare function isPayPalProviderId(providerId?: string | null): boolean;
+
 type PayPalPaymentSectionProps = {
     cartId: string;
     selectedProviderId: string | null | undefined;
@@ -126,6 +154,14 @@ type PayPalPaymentSectionProps = {
     onError?: (message: string) => void;
     onPaid?: (result: unknown) => void;
 };
+/**
+ * Drop-in PayPal payment section for a Medusa checkout.
+ *
+ * A thin wrapper over {@link MedusaNextPayPalAdapter} (they previously carried
+ * two ~90%-identical render paths that had to be edited in lockstep): this
+ * component pins the default provider ids and adds the `sessionLoading` gate
+ * shown while the storefront is still creating the payment session.
+ */
 declare function PayPalPaymentSection({ cartId, selectedProviderId, baseUrl, publishableApiKey, sessionLoading, onSuccess, onError, onPaid, }: PayPalPaymentSectionProps): React.JSX.Element | null;
 
 type Args = {
@@ -140,10 +176,36 @@ type Result = {
     cardEnabled: boolean;
     cardTitle: string;
     loading: boolean;
+    /**
+     * Non-null when the config fetch failed and the returned flags are the
+     * optimistic defaults rather than the merchant's real settings. Storefronts
+     * can use this to hide or annotate the PayPal options instead of advertising
+     * methods that will fail once selected.
+     */
+    error: string | null;
 };
 declare function usePayPalPaymentMethods({ baseUrl, publishableApiKey, cartId, enabled, }: Args): Result;
 
 declare function showProcessingOverlay(): void;
 declare function hideProcessingOverlay(): void;
 
-export { MedusaNextPayPalAdapter, type MedusaNextPayPalAdapterProps, PAYPAL_CARD_PROVIDER_ID, PAYPAL_WALLET_PROVIDER_ID, PayPalAdvancedCard, type PayPalConfig, PayPalCurrencyNotice, PayPalPaymentSection, type PayPalPaymentSectionProps, PayPalProvider, type PayPalSettingsResponse, PayPalSmartButtons, createPayPalStoreApi, hideProcessingOverlay, isPayPalProviderId, markPaymentComplete, showProcessingOverlay, usePayPalConfig, usePayPalPaymentMethods };
+/**
+ * Per-cart "money was captured" flag, persisted in sessionStorage.
+ *
+ * The in-memory `capturedRef` protects a buyer within one page lifetime, but a
+ * reload/crash between the capture and the order finalization loses it — the
+ * buyer would then see fresh payment buttons for a cart whose money is already
+ * taken. Persisting the flag lets the components restore the finalize-only
+ * Retry path after a reload instead of offering a second payment.
+ *
+ * sessionStorage is deliberately chosen over localStorage: it is scoped to the
+ * tab/session, so an abandoned flag can't leak into a future visit after the
+ * cart id is reused, and it needs no expiry logic. Every access is guarded —
+ * private browsing modes and storage-blocking settings throw on access, and a
+ * storage failure must never break the payment flow.
+ */
+declare function markCartCaptured(cartId: string): void;
+declare function wasCartCaptured(cartId: string): boolean;
+declare function clearCartCaptured(cartId: string): void;
+
+export { MedusaNextPayPalAdapter, type MedusaNextPayPalAdapterProps, PAYPAL_CARD_PROVIDER_ID, PAYPAL_WALLET_PROVIDER_ID, PayPalAdvancedCard, type PayPalConfig, PayPalCurrencyNotice, PayPalPaymentSection, type PayPalPaymentSectionProps, PayPalProvider, type PayPalSettingsResponse, PayPalSmartButtons, clearCartCaptured, createPayPalStoreApi, generateIdempotencyKey, hideProcessingOverlay, isPayPalProviderId, markCartCaptured, markPaymentComplete, showProcessingOverlay, usePayPalConfig, usePayPalPaymentMethods, wasCartCaptured };

package/dist/index.d.ts

@@ -45,8 +45,27 @@ type PayPalSettingsResponse = {
 type HttpOptions = {
     baseUrl: string;
     publishableApiKey?: string;
+    /**
+     * `credentials` mode for every request. Defaults to "include" (the
+     * historical behavior, required when the backend sits behind cookie-based
+     * gateways like Cloudflare Access). Set to "omit" or "same-origin" when the
+     * backend answers with `Access-Control-Allow-Origin: *` — browsers reject
+     * credentialed requests against a wildcard CORS origin outright.
+     */
+    credentials?: RequestCredentials;
 };
 
+/**
+ * Fresh idempotency key per create-order ATTEMPT (i.e. per buyer click).
+ *
+ * The backend derives the PayPal-Request-Id from this header. It must be
+ * unique per attempt: PayPal replays the cached response for a reused request
+ * id, so a key stable across cart changes would hand back the ORIGINAL order —
+ * at the original total — after the buyer edits the cart, charging a stale
+ * amount. Reuse/dedup of an unchanged order is handled server-side by the
+ * stored-order staleness check, not by this key.
+ */
+declare function generateIdempotencyKey(): string;
 declare function markPaymentComplete(baseUrl: string, cartId: string, publishableApiKey?: string): Promise<Record<string, unknown>>;
 declare function createPayPalStoreApi(opts: HttpOptions): {
     getConfig(cartId?: string, signal?: AbortSignal): Promise<PayPalConfig>;
@@ -113,9 +132,18 @@ type MedusaNextPayPalAdapterProps = {
 };
 declare function MedusaNextPayPalAdapter(props: MedusaNextPayPalAdapterProps): React.JSX.Element | null;
 
+/**
+ * Provider ids registered by `@easypayment/medusa-payment-paypal`.
+ *
+ * Single source of truth — `PayPalPaymentSection`, `MedusaNextPayPalAdapter`,
+ * and the server-safe `order` entrypoint all re-export from here so the ids
+ * can never drift between entrypoints.
+ */
 declare const PAYPAL_WALLET_PROVIDER_ID: "pp_paypal_paypal";
 declare const PAYPAL_CARD_PROVIDER_ID: "pp_paypal_card_paypal_card";
-declare function isPayPalProviderId(id?: string | null): boolean;
+/** True when the provider id belongs to this PayPal plugin. */
+declare function isPayPalProviderId(providerId?: string | null): boolean;
+
 type PayPalPaymentSectionProps = {
     cartId: string;
     selectedProviderId: string | null | undefined;
@@ -126,6 +154,14 @@ type PayPalPaymentSectionProps = {
     onError?: (message: string) => void;
     onPaid?: (result: unknown) => void;
 };
+/**
+ * Drop-in PayPal payment section for a Medusa checkout.
+ *
+ * A thin wrapper over {@link MedusaNextPayPalAdapter} (they previously carried
+ * two ~90%-identical render paths that had to be edited in lockstep): this
+ * component pins the default provider ids and adds the `sessionLoading` gate
+ * shown while the storefront is still creating the payment session.
+ */
 declare function PayPalPaymentSection({ cartId, selectedProviderId, baseUrl, publishableApiKey, sessionLoading, onSuccess, onError, onPaid, }: PayPalPaymentSectionProps): React.JSX.Element | null;
 
 type Args = {
@@ -140,10 +176,36 @@ type Result = {
     cardEnabled: boolean;
     cardTitle: string;
     loading: boolean;
+    /**
+     * Non-null when the config fetch failed and the returned flags are the
+     * optimistic defaults rather than the merchant's real settings. Storefronts
+     * can use this to hide or annotate the PayPal options instead of advertising
+     * methods that will fail once selected.
+     */
+    error: string | null;
 };
 declare function usePayPalPaymentMethods({ baseUrl, publishableApiKey, cartId, enabled, }: Args): Result;
 
 declare function showProcessingOverlay(): void;
 declare function hideProcessingOverlay(): void;
 
-export { MedusaNextPayPalAdapter, type MedusaNextPayPalAdapterProps, PAYPAL_CARD_PROVIDER_ID, PAYPAL_WALLET_PROVIDER_ID, PayPalAdvancedCard, type PayPalConfig, PayPalCurrencyNotice, PayPalPaymentSection, type PayPalPaymentSectionProps, PayPalProvider, type PayPalSettingsResponse, PayPalSmartButtons, createPayPalStoreApi, hideProcessingOverlay, isPayPalProviderId, markPaymentComplete, showProcessingOverlay, usePayPalConfig, usePayPalPaymentMethods };
+/**
+ * Per-cart "money was captured" flag, persisted in sessionStorage.
+ *
+ * The in-memory `capturedRef` protects a buyer within one page lifetime, but a
+ * reload/crash between the capture and the order finalization loses it — the
+ * buyer would then see fresh payment buttons for a cart whose money is already
+ * taken. Persisting the flag lets the components restore the finalize-only
+ * Retry path after a reload instead of offering a second payment.
+ *
+ * sessionStorage is deliberately chosen over localStorage: it is scoped to the
+ * tab/session, so an abandoned flag can't leak into a future visit after the
+ * cart id is reused, and it needs no expiry logic. Every access is guarded —
+ * private browsing modes and storage-blocking settings throw on access, and a
+ * storage failure must never break the payment flow.
+ */
+declare function markCartCaptured(cartId: string): void;
+declare function wasCartCaptured(cartId: string): boolean;
+declare function clearCartCaptured(cartId: string): void;
+
+export { MedusaNextPayPalAdapter, type MedusaNextPayPalAdapterProps, PAYPAL_CARD_PROVIDER_ID, PAYPAL_WALLET_PROVIDER_ID, PayPalAdvancedCard, type PayPalConfig, PayPalCurrencyNotice, PayPalPaymentSection, type PayPalPaymentSectionProps, PayPalProvider, type PayPalSettingsResponse, PayPalSmartButtons, clearCartCaptured, createPayPalStoreApi, generateIdempotencyKey, hideProcessingOverlay, isPayPalProviderId, markCartCaptured, markPaymentComplete, showProcessingOverlay, usePayPalConfig, usePayPalPaymentMethods, wasCartCaptured };

package/dist/index.mjs

@@ -66,7 +66,7 @@ function createHttpClient(opts) {
       res = await fetch(url, {
         ...init,
         headers,
-        credentials: "include",
+        credentials: opts.credentials ?? "include",
         signal: controller.signal
       });
       text = await res.text().catch(() => "");
@@ -135,6 +135,14 @@ function createHttpClient(opts) {
 }
 
 // src/client/paypal.ts
+function generateIdempotencyKey() {
+  try {
+    const c = globalThis.crypto;
+    if (c?.randomUUID) return c.randomUUID();
+  } catch {
+  }
+  return `pp-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
+}
 async function markPaymentComplete(baseUrl, cartId, publishableApiKey) {
   const http = createHttpClient({ baseUrl, publishableApiKey });
   return http.request(
@@ -160,7 +168,13 @@ function createPayPalStoreApi(opts) {
     createOrder(cartId, isCardPayment = false) {
       return http.request(`/store/paypal/create-order`, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
+        headers: {
+          "Content-Type": "application/json",
+          // One key per attempt — see generateIdempotencyKey. Deliberately NOT
+          // sent for capture-order: there the server's deterministic
+          // per-order-id fallback is the correct idempotency scope.
+          "Idempotency-Key": generateIdempotencyKey()
+        },
         body: JSON.stringify({ cart_id: cartId, is_card_payment: isCardPayment })
       });
     },
@@ -293,6 +307,31 @@ function PayPalCurrencyNotice({ config }) {
 import { useCallback, useEffect as useEffect2, useMemo as useMemo3, useRef as useRef2, useState as useState2 } from "react";
 import { PayPalButtons, usePayPalScriptReducer } from "@paypal/react-paypal-js";
 
+// src/utils/captured-state.ts
+var KEY_PREFIX = "__pp_captured::";
+function markCartCaptured(cartId) {
+  if (!cartId) return;
+  try {
+    window.sessionStorage.setItem(`${KEY_PREFIX}${cartId}`, String(Date.now()));
+  } catch {
+  }
+}
+function wasCartCaptured(cartId) {
+  if (!cartId) return false;
+  try {
+    return window.sessionStorage.getItem(`${KEY_PREFIX}${cartId}`) !== null;
+  } catch {
+    return false;
+  }
+}
+function clearCartCaptured(cartId) {
+  if (!cartId) return;
+  try {
+    window.sessionStorage.removeItem(`${KEY_PREFIX}${cartId}`);
+  } catch {
+  }
+}
+
 // src/utils/next-errors.ts
 function isNextRouterError(e) {
   if (typeof e !== "object" || e === null || !("digest" in e)) return false;
@@ -416,6 +455,13 @@ function PayPalSmartButtons(props) {
     window.addEventListener("pageshow", onPageShow);
     return () => window.removeEventListener("pageshow", onPageShow);
   }, []);
+  useEffect2(() => {
+    if (capturedRef.current || !wasCartCaptured(cartId)) return;
+    capturedRef.current = {};
+    setCompletionPending(true);
+    const msg = "Your payment was already received for this cart. Please use the button below to finish placing your order \u2014 do not pay again.";
+    setError(msg);
+  }, [cartId]);
   useEffect2(() => {
     if (!isResolved || buttonsReady) {
       return;
@@ -431,6 +477,7 @@ function PayPalSmartButtons(props) {
     setError(null);
     try {
       const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
+      clearCartCaptured(cartId);
       await onPaid?.({ ...captured, ...completeResult });
       setCompletionPending(false);
     } catch (e) {
@@ -701,6 +748,7 @@ function PayPalSmartButtons(props) {
             if (!orderId) throw new Error("PayPal order ID is missing from approval response");
             const result = await api.captureOrder(cartId, orderId);
             capturedRef.current = result || {};
+            markCartCaptured(cartId);
           } catch (e) {
             if (isNextRouterError(e)) return;
             hideProcessingOverlay();
@@ -916,6 +964,14 @@ function PayPalAdvancedCard(props) {
     window.addEventListener("pageshow", onPageShow);
     return () => window.removeEventListener("pageshow", onPageShow);
   }, []);
+  React3.useEffect(() => {
+    if (capturedRef.current || !wasCartCaptured(cartId)) return;
+    capturedRef.current = {};
+    setCompletionPending(true);
+    setError(
+      "Your payment was already received for this cart. Please use the button below to finish placing your order \u2014 do not pay again."
+    );
+  }, [cartId]);
   const finalizeCapturedPayment = React3.useCallback(async () => {
     const captured = capturedRef.current;
     if (!captured) return;
@@ -924,6 +980,7 @@ function PayPalAdvancedCard(props) {
     setError(null);
     try {
       const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
+      clearCartCaptured(cartId);
       await onPaid?.({ ...captured, ...completeResult });
       setCompletionPending(false);
     } catch (e) {
@@ -1145,6 +1202,7 @@ function PayPalAdvancedCard(props) {
             if (!orderId) throw new Error("PayPal order ID is missing from approval response");
             const result = await api.captureOrder(cartId, orderId);
             capturedRef.current = result || {};
+            markCartCaptured(cartId);
           } catch (e) {
             if (isNextRouterError(e)) return;
             resetSubmitState();
@@ -1333,9 +1391,23 @@ function PayPalAdvancedCard(props) {
 
 // src/adapters/MedusaNextPayPalAdapter.tsx
 import { useCallback as useCallback2 } from "react";
+
+// src/constants.ts
+var PAYPAL_WALLET_PROVIDER_ID = "pp_paypal_paypal";
+var PAYPAL_CARD_PROVIDER_ID = "pp_paypal_card_paypal_card";
+var PAYPAL_PROVIDER_IDS = [
+  PAYPAL_WALLET_PROVIDER_ID,
+  PAYPAL_CARD_PROVIDER_ID
+];
+function isPayPalProviderId(providerId) {
+  if (!providerId) return false;
+  return PAYPAL_PROVIDER_IDS.includes(
+    providerId
+  );
+}
+
+// src/adapters/MedusaNextPayPalAdapter.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var DEFAULT_PAYPAL_PROVIDER_ID = "pp_paypal_paypal";
-var DEFAULT_PAYPAL_CARD_PROVIDER_ID = "pp_paypal_card_paypal_card";
 var SPIN_STYLE3 = `@keyframes _pp_spin { to { transform: rotate(360deg) } }`;
 function PayPalLoadingCard() {
   return /* @__PURE__ */ jsxs4(
@@ -1393,6 +1465,26 @@ function PayPalErrorCard({ message }) {
     }
   );
 }
+function PayPalUnavailableCard({ label }) {
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      role: "status",
+      style: {
+        padding: "12px 16px",
+        background: "#f9fafb",
+        border: "1px solid #e5e7eb",
+        borderRadius: 10,
+        fontSize: 13,
+        color: "#6b7280"
+      },
+      children: [
+        label,
+        " is currently unavailable. Please choose a different payment method."
+      ]
+    }
+  );
+}
 function MedusaNextPayPalAdapter(props) {
   const {
     cartId,
@@ -1404,8 +1496,8 @@ function MedusaNextPayPalAdapter(props) {
     onError,
     onPaid
   } = props;
-  const paypalProviderId = providerIds?.paypal || DEFAULT_PAYPAL_PROVIDER_ID;
-  const paypalCardProviderId = providerIds?.paypalCard || DEFAULT_PAYPAL_CARD_PROVIDER_ID;
+  const paypalProviderId = providerIds?.paypal || PAYPAL_WALLET_PROVIDER_ID;
+  const paypalCardProviderId = providerIds?.paypalCard || PAYPAL_CARD_PROVIDER_ID;
   const shouldRender = selectedProviderId === paypalProviderId || selectedProviderId === paypalCardProviderId;
   const { config, loading, error } = usePayPalConfig({
     baseUrl,
@@ -1425,8 +1517,12 @@ function MedusaNextPayPalAdapter(props) {
   if (error) return /* @__PURE__ */ jsx5(PayPalErrorCard, { message: error });
   if (!config) return null;
   const isCardProvider = selectedProviderId === paypalCardProviderId;
-  if (config.paypal_enabled === false && !isCardProvider) return null;
-  if (isCardProvider && config.card_enabled === false) return null;
+  if (config.paypal_enabled === false && !isCardProvider) {
+    return /* @__PURE__ */ jsx5(PayPalUnavailableCard, { label: config.paypal_title || "PayPal" });
+  }
+  if (isCardProvider && config.card_enabled === false) {
+    return /* @__PURE__ */ jsx5(PayPalUnavailableCard, { label: config.card_title || "Card payment" });
+  }
   const disableFunding = Array.isArray(config.disable_buttons) ? config.disable_buttons.join(",") : void 0;
   return /* @__PURE__ */ jsxs4("div", { style: { display: "grid", gap: 12 }, children: [
     /* @__PURE__ */ jsx5(PayPalCurrencyNotice, { config }),
@@ -1463,18 +1559,7 @@ function MedusaNextPayPalAdapter(props) {
 }
 
 // src/components/PayPalPaymentSection.tsx
-import { useCallback as useCallback3 } from "react";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var PAYPAL_WALLET_PROVIDER_ID = "pp_paypal_paypal";
-var PAYPAL_CARD_PROVIDER_ID = "pp_paypal_card_paypal_card";
-var PAYPAL_PROVIDER_IDS = [
-  PAYPAL_WALLET_PROVIDER_ID,
-  PAYPAL_CARD_PROVIDER_ID
-];
-function isPayPalProviderId(id) {
-  if (!id) return false;
-  return PAYPAL_PROVIDER_IDS.includes(id);
-}
 var SPIN_STYLE4 = `@keyframes _pp_section_spin { to { transform: rotate(360deg) } }`;
 function SessionInitCard() {
   return /* @__PURE__ */ jsxs5(
@@ -1513,62 +1598,6 @@ function SessionInitCard() {
     }
   );
 }
-function ConfigLoadingCard() {
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      role: "status",
-      "aria-label": "Connecting to PayPal",
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: 12,
-        padding: "14px 16px",
-        background: "#f9fafb",
-        border: "1px solid #e5e7eb",
-        borderRadius: 10
-      },
-      children: [
-        /* @__PURE__ */ jsx6("style", { children: SPIN_STYLE4 }),
-        /* @__PURE__ */ jsx6(
-          "div",
-          {
-            style: {
-              width: 22,
-              height: 22,
-              borderRadius: "50%",
-              border: "2.5px solid #e5e7eb",
-              borderTopColor: "#0070ba",
-              animation: "_pp_section_spin .7s linear infinite",
-              flexShrink: 0
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx6("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Connecting to PayPal\u2026" }),
-          /* @__PURE__ */ jsx6("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 2 }, children: "Setting up secure payment" })
-        ] })
-      ]
-    }
-  );
-}
-function ErrorCard({ message }) {
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      role: "alert",
-      style: {
-        padding: "12px 16px",
-        background: "#fef2f2",
-        border: "1px solid #fecaca",
-        borderRadius: 10,
-        fontSize: 13,
-        color: "#b91c1c"
-      },
-      children: message
-    }
-  );
-}
 function PayPalPaymentSection({
   cartId,
   selectedProviderId,
@@ -1579,63 +1608,20 @@ function PayPalPaymentSection({
   onError,
   onPaid
 }) {
-  const shouldRender = isPayPalProviderId(selectedProviderId);
-  const { config, loading, error } = usePayPalConfig({
-    baseUrl,
-    publishableApiKey,
-    cartId,
-    enabled: shouldRender
-  });
-  const handlePaid = useCallback3(
-    async (captureResult) => {
-      onPaid?.(captureResult);
-      await onSuccess?.(cartId);
-    },
-    [cartId, onPaid, onSuccess]
-  );
-  if (!shouldRender) return null;
+  if (!isPayPalProviderId(selectedProviderId)) return null;
   if (sessionLoading) return /* @__PURE__ */ jsx6(SessionInitCard, {});
-  if (loading) return /* @__PURE__ */ jsx6(ConfigLoadingCard, {});
-  if (error) return /* @__PURE__ */ jsx6(ErrorCard, { message: error });
-  if (!config) return null;
-  if (config.paypal_enabled === false && selectedProviderId === PAYPAL_WALLET_PROVIDER_ID) {
-    return null;
-  }
-  const isCardProvider = selectedProviderId === PAYPAL_CARD_PROVIDER_ID;
-  if (isCardProvider && config.card_enabled === false) return null;
-  const disableFunding = Array.isArray(config.disable_buttons) ? config.disable_buttons.join(",") : void 0;
-  return /* @__PURE__ */ jsxs5("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ jsx6(PayPalCurrencyNotice, { config }),
-    /* @__PURE__ */ jsx6(
-      PayPalProvider,
-      {
-        config,
-        intent: config.intent === "authorize" ? "authorize" : "capture",
-        disableFunding,
-        children: isCardProvider ? /* @__PURE__ */ jsx6(
-          PayPalAdvancedCard,
-          {
-            baseUrl,
-            publishableApiKey,
-            cartId,
-            config,
-            onPaid: handlePaid,
-            onError
-          }
-        ) : /* @__PURE__ */ jsx6(
-          PayPalSmartButtons,
-          {
-            baseUrl,
-            publishableApiKey,
-            cartId,
-            config,
-            onPaid: handlePaid,
-            onError
-          }
-        )
-      }
-    )
-  ] }, selectedProviderId);
+  return /* @__PURE__ */ jsx6(
+    MedusaNextPayPalAdapter,
+    {
+      cartId,
+      selectedProviderId,
+      baseUrl,
+      publishableApiKey,
+      onSuccess,
+      onError,
+      onPaid
+    }
+  );
 }
 
 // src/hooks/usePayPalPaymentMethods.ts
@@ -1658,7 +1644,8 @@ var DEFAULT_RESULT = {
   paypalTitle: "PayPal",
   cardEnabled: true,
   cardTitle: "Credit or Debit Card",
-  loading: false
+  loading: false,
+  error: null
 };
 function usePayPalPaymentMethods({
   baseUrl,
@@ -1699,7 +1686,8 @@ function usePayPalPaymentMethods({
           paypalTitle: typeof cfg.paypal_title === "string" && cfg.paypal_title ? cfg.paypal_title : "PayPal",
           cardEnabled: cfg.card_enabled !== false,
           cardTitle: typeof cfg.card_title === "string" && cfg.card_title ? cfg.card_title : "Credit or Debit Card",
-          loading: false
+          loading: false,
+          error: null
         };
         cacheSet2(k, { result: next, at: Date.now() });
         setResult(next);
@@ -1712,12 +1700,17 @@ function usePayPalPaymentMethods({
             ...DEFAULT_RESULT,
             paypalEnabled: false,
             cardEnabled: false,
-            loading: false
+            loading: false,
+            error: msg || "PayPal is disabled"
           };
           setResult(disabled);
           return;
         }
-        setResult({ ...DEFAULT_RESULT, loading: false });
+        setResult({
+          ...DEFAULT_RESULT,
+          loading: false,
+          error: msg || "Failed to load PayPal payment methods"
+        });
       }
     })();
     return () => {
@@ -1736,12 +1729,16 @@ export {
   PayPalPaymentSection,
   PayPalProvider,
   PayPalSmartButtons,
+  clearCartCaptured,
   createPayPalStoreApi,
+  generateIdempotencyKey,
   hideProcessingOverlay,
   isPayPalProviderId,
+  markCartCaptured,
   markPaymentComplete,
   showProcessingOverlay,
   usePayPalConfig,
-  usePayPalPaymentMethods
+  usePayPalPaymentMethods,
+  wasCartCaptured
 };
 //# sourceMappingURL=index.mjs.map