@easypayment/medusa-paypal-ui 1.2.2 → 1.2.7

package/src/components/PayPalCurrencyNotice.tsx

@@ -1,19 +1,24 @@
-"use client"
-
-import React from "react"
-import type { PayPalConfig } from "../client/types"
-
-export function PayPalCurrencyNotice({ config }: { config: PayPalConfig }) {
-  if (config.currency_supported) return null
-
-  return (
-    <div role="alert" style={{ padding: 12, border: "1px solid #ddd", borderRadius: 10 }}>
-      <div style={{ fontWeight: 600, marginBottom: 6 }}>PayPal currency issue</div>
-      <ul style={{ margin: 0, paddingLeft: 18 }}>
-        {(config.currency_errors || []).map((e) => (
-          <li key={e}>{e}</li>
-        ))}
-      </ul>
-    </div>
-  )
-}
+"use client"
+
+import React from "react"
+import type { PayPalConfig } from "../client/types"
+
+export function PayPalCurrencyNotice({ config }: { config: PayPalConfig }) {
+  if (config.currency_supported) return null
+
+  return (
+    <div
+      role="alert"
+      style={{ padding: 12, border: "1px solid #ddd", borderRadius: 10 }}
+    >
+      <div style={{ fontWeight: 600, marginBottom: 6 }}>
+        PayPal currency issue
+      </div>
+      <ul style={{ margin: 0, paddingLeft: 18 }}>
+        {(config.currency_errors || []).map((e) => (
+          <li key={e}>{e}</li>
+        ))}
+      </ul>
+    </div>
+  )
+}

package/src/components/PayPalPaymentSection.tsx

@@ -10,7 +10,11 @@ import {
 
 // Re-exported for backward compatibility — these have always been part of this
 // module's public API. The canonical definitions live in ../constants.
-export { PAYPAL_WALLET_PROVIDER_ID, PAYPAL_CARD_PROVIDER_ID, isPayPalProviderId }
+export {
+  PAYPAL_WALLET_PROVIDER_ID,
+  PAYPAL_CARD_PROVIDER_ID,
+  isPayPalProviderId,
+}
 
 const SPIN_STYLE = `@keyframes _pp_section_spin { to { transform: rotate(360deg) } }`
 

package/src/components/PayPalProvider.tsx

@@ -1,38 +1,44 @@
-"use client"
-
-import React, { useMemo } from "react"
-import { PayPalScriptProvider } from "@paypal/react-paypal-js"
-import type { ReactPayPalScriptOptions } from "@paypal/react-paypal-js"
-import type { PayPalConfig } from "../client/types"
-
-const BN_CODE = "MBJTechnolabs_SI_SPB"
-
-export function PayPalProvider(props: {
-  config: PayPalConfig
-  intent?: "capture" | "authorize"
-  disableFunding?: string
-  children: React.ReactNode
-}) {
-  const { config, intent = "capture", disableFunding, children } = props
-
-  const options = useMemo((): ReactPayPalScriptOptions => {
-    return {
-      clientId: config.client_id,
-      currency: config.currency,
-      intent,
-      components: config.client_token ? "buttons,card-fields" : "buttons",
-      "data-client-token": config.client_token || undefined,
-      "disable-funding": disableFunding,
-      "data-partner-attribution-id": BN_CODE,
-    }
-  }, [config.client_id, config.currency, config.client_token, intent, disableFunding])
-
-  return (
-    <PayPalScriptProvider
-      key={`${options.clientId}-${options["data-client-token"] ?? "no-token"}`}
-      options={options}
-    >
-      {children}
-    </PayPalScriptProvider>
-  )
-}
+"use client"
+
+import React, { useMemo } from "react"
+import { PayPalScriptProvider } from "@paypal/react-paypal-js"
+import type { ReactPayPalScriptOptions } from "@paypal/react-paypal-js"
+import type { PayPalConfig } from "../client/types"
+
+const BN_CODE = "MBJTechnolabs_SI_SPB"
+
+export function PayPalProvider(props: {
+  config: PayPalConfig
+  intent?: "capture" | "authorize"
+  disableFunding?: string
+  children: React.ReactNode
+}) {
+  const { config, intent = "capture", disableFunding, children } = props
+
+  const options = useMemo((): ReactPayPalScriptOptions => {
+    return {
+      clientId: config.client_id,
+      currency: config.currency,
+      intent,
+      components: config.client_token ? "buttons,card-fields" : "buttons",
+      "data-client-token": config.client_token || undefined,
+      "disable-funding": disableFunding,
+      "data-partner-attribution-id": BN_CODE,
+    }
+  }, [
+    config.client_id,
+    config.currency,
+    config.client_token,
+    intent,
+    disableFunding,
+  ])
+
+  return (
+    <PayPalScriptProvider
+      key={`${options.clientId}-${options["data-client-token"] ?? "no-token"}`}
+      options={options}
+    >
+      {children}
+    </PayPalScriptProvider>
+  )
+}