@easypayment/medusa-paypal-ui 1.0.39 → 1.0.41

package/src/hooks/usePayPalPaymentMethods.ts

@@ -0,0 +1,129 @@
+"use client"
+
+/**
+ * usePayPalPaymentMethods
+ *
+ * Thin hook that fetches /store/paypal/config and returns the information
+ * storefronts need to filter and label PayPal payment methods in their
+ * RadioGroup — without having to handle the fetch, caching, or error
+ * handling themselves.
+ */
+
+import { useEffect, useMemo, useRef, useState } from "react"
+import { createPayPalStoreApi } from "../client/paypal"
+
+type Args = {
+  baseUrl: string
+  publishableApiKey?: string
+  cartId?: string
+  enabled?: boolean
+}
+
+type Result = {
+  paypalEnabled: boolean
+  paypalTitle: string
+  cardEnabled: boolean
+  cardTitle: string
+  loading: boolean
+}
+
+const _cache = new Map<string, { result: Result; at: number }>()
+const CACHE_TTL = 5 * 60 * 1000
+
+function cacheKey(baseUrl: string, cartId?: string) {
+  return `ppm::${baseUrl}::${cartId ?? ""}`
+}
+
+const DEFAULT_RESULT: Result = {
+  paypalEnabled: true,
+  paypalTitle: "PayPal",
+  cardEnabled: true,
+  cardTitle: "Credit or Debit Card",
+  loading: false,
+}
+
+export function usePayPalPaymentMethods({
+  baseUrl,
+  publishableApiKey,
+  cartId,
+  enabled = true,
+}: Args): Result {
+  const api = useMemo(
+    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
+    [baseUrl, publishableApiKey]
+  )
+
+  const key = cacheKey(baseUrl, cartId)
+  const hit = _cache.get(key)
+  const seed = hit && Date.now() - hit.at < CACHE_TTL ? hit.result : null
+
+  const [result, setResult] = useState<Result>(seed ?? { ...DEFAULT_RESULT, loading: enabled })
+  const fetchIdRef = useRef(0)
+
+  useEffect(() => {
+    if (!enabled) {
+      setResult((prev) => ({ ...prev, loading: false }))
+      return
+    }
+
+    const k = cacheKey(baseUrl, cartId)
+    const cached = _cache.get(k)
+    if (cached && Date.now() - cached.at < CACHE_TTL) {
+      setResult(cached.result)
+      return
+    }
+
+    const id = ++fetchIdRef.current
+    let mounted = true
+    const controller = new AbortController()
+
+    setResult((prev) => ({ ...prev, loading: true }))
+
+    ;(async () => {
+      try {
+        const cfg = await api.getConfig(cartId, controller.signal)
+        if (!mounted || id !== fetchIdRef.current) return
+
+        const next: Result = {
+          paypalEnabled: cfg.paypal_enabled !== false,
+          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,
+        }
+
+        _cache.set(k, { result: next, at: Date.now() })
+        setResult(next)
+      } catch (e: any) {
+        if (e?.name === "AbortError") return
+        if (!mounted || id !== fetchIdRef.current) return
+
+        if (e?.message?.includes("403") || e?.message?.includes("Forbidden")) {
+          const disabled: Result = {
+            ...DEFAULT_RESULT,
+            paypalEnabled: false,
+            cardEnabled: false,
+            loading: false,
+          }
+          setResult(disabled)
+          return
+        }
+
+        setResult({ ...DEFAULT_RESULT, loading: false })
+      }
+    })()
+
+    return () => {
+      mounted = false
+      controller.abort()
+    }
+  }, [api, baseUrl, cartId, enabled])
+
+  return result
+}

package/src/index.ts

@@ -1,8 +1,10 @@
-export * from "./client/types"
-export * from "./client/paypal"
-export * from "./hooks/usePayPalConfig"
-export * from "./components/PayPalProvider"
-export * from "./components/PayPalCurrencyNotice"
-export * from "./components/PayPalSmartButtons"
-export * from "./components/PayPalAdvancedCard"
-export * from "./adapters/MedusaNextPayPalAdapter"
+export * from "./client/types"
+export * from "./client/paypal"
+export * from "./hooks/usePayPalConfig"
+export * from "./components/PayPalProvider"
+export * from "./components/PayPalCurrencyNotice"
+export * from "./components/PayPalSmartButtons"
+export * from "./components/PayPalAdvancedCard"
+export * from "./adapters/MedusaNextPayPalAdapter"
+export * from "./components/PayPalPaymentSection"
+export * from "./hooks/usePayPalPaymentMethods"