@easypayment/medusa-paypal-ui 0.0.3

package/LICENSE

@@ -0,0 +1 @@
+MIT License

package/README.md

@@ -0,0 +1,53 @@
+# @easypayment/medusa-paypal-ui (Enterprise Gold) — v1.0.3
+
+Fixes included:
+- Card Fields: uses `cardFieldsForm.submit()` (typed)
+- Card Fields: `PayPalCardFieldsProvider` includes required `onError`
+- Build: ESM outputs `dist/index.mjs` to match `package.json` exports
+
+## Install (local file package)
+
+In your storefront `package.json`:
+
+```json
+{
+  "dependencies": {
+    "@easypayment/medusa-paypal-ui": "file:./packages/medusa-paypal-ui-enterprise-gold",
+    "@paypal/react-paypal-js": "^8.8.0"
+  }
+}
+```
+
+Then:
+
+```bash
+npm i
+```
+
+## Build
+
+```bash
+cd packages/medusa-paypal-ui-enterprise-gold
+npm run build
+```
+
+## Use in Medusa Next checkout (recommended adapter)
+
+```tsx
+import { MedusaNextPayPalAdapter } from "@easypayment/medusa-paypal-ui"
+
+<MedusaNextPayPalAdapter
+  cartId={cart.id}
+  selectedProviderId={selectedProviderId}
+  baseUrl={process.env.NEXT_PUBLIC_MEDUSA_BACKEND_URL!}
+  publishableApiKey={process.env.NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY}
+  providerIds={{ paypal: "paypal", paypalCard: "paypal_card" }}
+  onPaid={() => window.location.reload()}
+/>
+```
+
+## Tests
+
+```bash
+npm test
+```

package/dist/index.cjs

@@ -0,0 +1,246 @@
+'use strict';
+
+var react = require('react');
+var reactPaypalJs = require('@paypal/react-paypal-js');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/client/http.ts
+function createHttpClient(opts) {
+  const base = opts.baseUrl.replace(/\/+$/, "");
+  async function request(path, init) {
+    const url = `${base}${path.startsWith("/") ? "" : "/"}${path}`;
+    const headers = {
+      Accept: "application/json",
+      ...init?.headers
+    };
+    if (opts.publishableApiKey) {
+      headers["x-publishable-api-key"] = opts.publishableApiKey;
+    }
+    const res = await fetch(url, { ...init, headers, credentials: "include" });
+    const text = await res.text().catch(() => "");
+    if (!res.ok) {
+      throw new Error(text || `Request failed (${res.status})`);
+    }
+    return text ? JSON.parse(text) : {};
+  }
+  return { request };
+}
+
+// src/client/paypal.ts
+function createPayPalStoreApi(opts) {
+  const http = createHttpClient(opts);
+  return {
+    getConfig(cartId) {
+      const q = cartId ? `?cart_id=${encodeURIComponent(cartId)}` : "";
+      return http.request(`/store/paypal/config${q}`);
+    },
+    getSettings() {
+      return http.request(`/store/paypal/settings`);
+    },
+    createOrder(cartId) {
+      return http.request(`/store/paypal/create-order`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ cart_id: cartId })
+      });
+    },
+    captureOrder(cartId, orderId) {
+      return http.request(`/store/paypal/capture-order`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ cart_id: cartId, order_id: orderId })
+      });
+    }
+  };
+}
+function usePayPalConfig({ baseUrl, publishableApiKey, cartId }) {
+  const api = react.useMemo(
+    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
+    [baseUrl, publishableApiKey]
+  );
+  const [config, setConfig] = react.useState(null);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  react.useEffect(() => {
+    let mounted = true;
+    (async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const cfg = await api.getConfig(cartId);
+        if (mounted) setConfig(cfg);
+      } catch (e) {
+        if (mounted) setError(e?.message || "Failed to load PayPal config");
+      } finally {
+        if (mounted) setLoading(false);
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, [api, cartId]);
+  return { config, loading, error };
+}
+function PayPalProvider(props) {
+  const { config, intent = "capture", children } = props;
+  const options = react.useMemo(() => {
+    return {
+      "client-id": config.client_id,
+      currency: config.currency,
+      intent,
+      components: config.client_token ? "buttons,card-fields" : "buttons",
+      "data-client-token": config.client_token || void 0
+    };
+  }, [config, intent]);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactPaypalJs.PayPalScriptProvider, { options, children });
+}
+function PayPalCurrencyNotice({ config }) {
+  if (config.currency_supported) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: 12, border: "1px solid #ddd", borderRadius: 10 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 600, marginBottom: 6 }, children: "PayPal currency issue" }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18 }, children: (config.currency_errors || []).map((e, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: e }, i)) })
+  ] });
+}
+function PayPalSmartButtons(props) {
+  const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props;
+  const api = react.useMemo(
+    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
+    [baseUrl, publishableApiKey]
+  );
+  const [error, setError] = react.useState(null);
+  if (!config.currency_supported) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactPaypalJs.PayPalButtons,
+      {
+        style: { layout: "vertical" },
+        createOrder: async () => {
+          setError(null);
+          const r = await api.createOrder(cartId);
+          return r.id;
+        },
+        onApprove: async (data) => {
+          setError(null);
+          const orderId = String(data?.orderID || "");
+          const result = await api.captureOrder(cartId, orderId);
+          onPaid?.(result);
+        },
+        onError: (err) => {
+          const msg = err?.message || "PayPal error";
+          setError(msg);
+          onError?.(msg);
+        }
+      }
+    ),
+    error ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 10, color: "crimson" }, children: error }) : null
+  ] });
+}
+function SubmitButton({ disabled, label }) {
+  const { cardFieldsForm } = reactPaypalJs.usePayPalCardFields();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      disabled: disabled || !cardFieldsForm,
+      onClick: () => cardFieldsForm?.submit(),
+      style: { padding: "10px 12px", borderRadius: 10, border: "1px solid #ddd" },
+      children: label
+    }
+  );
+}
+function PayPalAdvancedCard(props) {
+  const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props;
+  const api = react.useMemo(
+    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
+    [baseUrl, publishableApiKey]
+  );
+  const [error, setError] = react.useState(null);
+  const [submitting, setSubmitting] = react.useState(false);
+  if (!config.currency_supported) return null;
+  if (!config.client_token) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 12, border: "1px solid #ddd", borderRadius: 10 }, children: "CardFields unavailable: missing client_token from backend." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactPaypalJs.PayPalCardFieldsProvider,
+    {
+      createOrder: async () => {
+        setError(null);
+        const r = await api.createOrder(cartId);
+        return r.id;
+      },
+      onApprove: async (data) => {
+        try {
+          setSubmitting(true);
+          setError(null);
+          const orderId = String(data?.orderID || "");
+          const result = await api.captureOrder(cartId, orderId);
+          onPaid?.(result);
+        } catch (e) {
+          const msg = e?.message || "Card payment failed";
+          setError(msg);
+          onError?.(msg);
+        } finally {
+          setSubmitting(false);
+        }
+      },
+      onError: (e) => {
+        const msg = e?.message || "CardFields error";
+        setError(msg);
+        onError?.(msg);
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 10 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactPaypalJs.PayPalNameField, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(reactPaypalJs.PayPalNumberField, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactPaypalJs.PayPalExpiryField, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(reactPaypalJs.PayPalCVVField, {})
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, { disabled: submitting, label: submitting ? "Processing..." : "Pay by Card" }),
+        error ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "crimson" }, children: error }) : null
+      ] })
+    }
+  );
+}
+function MedusaNextPayPalAdapter(props) {
+  const { cartId, selectedProviderId, baseUrl, publishableApiKey, providerIds, onPaid } = props;
+  const paypalProviderId = providerIds?.paypal || "paypal";
+  const paypalCardProviderId = providerIds?.paypalCard || "paypal_card";
+  const shouldRender = selectedProviderId === paypalProviderId || selectedProviderId === paypalCardProviderId;
+  const { config, loading, error } = usePayPalConfig({ baseUrl, publishableApiKey, cartId });
+  if (!shouldRender) return null;
+  if (loading) return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading PayPal\u2026" });
+  if (error) return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "crimson" }, children: error });
+  if (!config) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PayPalCurrencyNotice, { config }),
+    /* @__PURE__ */ jsxRuntime.jsx(PayPalProvider, { config, intent: "capture", children: selectedProviderId === paypalCardProviderId ? /* @__PURE__ */ jsxRuntime.jsx(
+      PayPalAdvancedCard,
+      {
+        baseUrl,
+        publishableApiKey,
+        cartId,
+        config,
+        onPaid
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      PayPalSmartButtons,
+      {
+        baseUrl,
+        publishableApiKey,
+        cartId,
+        config,
+        onPaid
+      }
+    ) })
+  ] });
+}
+
+exports.MedusaNextPayPalAdapter = MedusaNextPayPalAdapter;
+exports.PayPalAdvancedCard = PayPalAdvancedCard;
+exports.PayPalCurrencyNotice = PayPalCurrencyNotice;
+exports.PayPalProvider = PayPalProvider;
+exports.PayPalSmartButtons = PayPalSmartButtons;
+exports.createPayPalStoreApi = createPayPalStoreApi;
+exports.usePayPalConfig = usePayPalConfig;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client/http.ts","../src/client/paypal.ts","../src/hooks/usePayPalConfig.ts","../src/components/PayPalProvider.tsx","../src/components/PayPalCurrencyNotice.tsx","../src/components/PayPalSmartButtons.tsx","../src/components/PayPalAdvancedCard.tsx","../src/adapters/MedusaNextPayPalAdapter.tsx"],"names":["useMemo","useState","useEffect","jsx","PayPalScriptProvider","jsxs","PayPalButtons","usePayPalCardFields","PayPalCardFieldsProvider","PayPalNameField","PayPalNumberField","PayPalExpiryField","PayPalCVVField"],"mappings":"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","file":"index.cjs","sourcesContent":["export type HttpOptions = {\n  baseUrl: string\n  publishableApiKey?: string\n}\n\nexport function createHttpClient(opts: HttpOptions) {\n  const base = opts.baseUrl.replace(/\\/+$/, \"\")\n\n  async function request<T>(path: string, init?: RequestInit): Promise<T> {\n    const url = `${base}${path.startsWith(\"/\") ? \"\" : \"/\"}${path}`\n    const headers: Record<string, string> = {\n      Accept: \"application/json\",\n      ...(init?.headers as any),\n    }\n\n    if (opts.publishableApiKey) {\n      headers[\"x-publishable-api-key\"] = opts.publishableApiKey\n    }\n\n    const res = await fetch(url, { ...init, headers, credentials: \"include\" })\n    const text = await res.text().catch(() => \"\")\n\n    if (!res.ok) {\n      throw new Error(text || `Request failed (${res.status})`)\n    }\n\n    return (text ? JSON.parse(text) : {}) as T\n  }\n\n  return { request }\n}\n","import type { PayPalConfig, PayPalSettingsResponse } from \"./types\"\nimport { createHttpClient, type HttpOptions } from \"./http\"\n\nexport function createPayPalStoreApi(opts: HttpOptions) {\n  const http = createHttpClient(opts)\n\n  return {\n    getConfig(cartId?: string) {\n      const q = cartId ? `?cart_id=${encodeURIComponent(cartId)}` : \"\"\n      return http.request<PayPalConfig>(`/store/paypal/config${q}`)\n    },\n\n    getSettings() {\n      return http.request<PayPalSettingsResponse>(`/store/paypal/settings`)\n    },\n\n    createOrder(cartId: string) {\n      return http.request<{ id: string }>(`/store/paypal/create-order`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ cart_id: cartId }),\n      })\n    },\n\n    captureOrder(cartId: string, orderId: string) {\n      return http.request<any>(`/store/paypal/capture-order`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ cart_id: cartId, order_id: orderId }),\n      })\n    },\n  }\n}\n","import { useEffect, useMemo, useState } from \"react\"\nimport { createPayPalStoreApi } from \"../client/paypal\"\nimport type { PayPalConfig } from \"../client/types\"\n\ntype Args = {\n  baseUrl: string\n  publishableApiKey?: string\n  cartId?: string\n}\n\nexport function usePayPalConfig({ baseUrl, publishableApiKey, cartId }: Args) {\n  const api = useMemo(\n    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),\n    [baseUrl, publishableApiKey]\n  )\n\n  const [config, setConfig] = useState<PayPalConfig | null>(null)\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  useEffect(() => {\n    let mounted = true\n    ;(async () => {\n      try {\n        setLoading(true)\n        setError(null)\n        const cfg = await api.getConfig(cartId)\n        if (mounted) setConfig(cfg)\n      } catch (e: any) {\n        if (mounted) setError(e?.message || \"Failed to load PayPal config\")\n      } finally {\n        if (mounted) setLoading(false)\n      }\n    })()\n\n    return () => {\n      mounted = false\n    }\n  }, [api, cartId])\n\n  return { config, loading, error }\n}\n","\"use client\"\n\nimport React, { useMemo } from \"react\"\nimport { PayPalScriptProvider } from \"@paypal/react-paypal-js\"\nimport type { PayPalConfig } from \"../client/types\"\n\nexport function PayPalProvider(props: {\n  config: PayPalConfig\n  intent?: \"capture\" | \"authorize\"\n  children: React.ReactNode\n}) {\n  const { config, intent = \"capture\", children } = props\n\n  const options = useMemo(() => {\n    return {\n      \"client-id\": config.client_id,\n      currency: config.currency,\n      intent,\n      components: config.client_token ? \"buttons,card-fields\" : \"buttons\",\n      \"data-client-token\": config.client_token || undefined,\n    } as any\n  }, [config, intent])\n\n  return <PayPalScriptProvider options={options}>{children}</PayPalScriptProvider>\n}\n","\"use client\"\n\nimport React from \"react\"\nimport type { PayPalConfig } from \"../client/types\"\n\nexport function PayPalCurrencyNotice({ config }: { config: PayPalConfig }) {\n  if (config.currency_supported) return null\n\n  return (\n    <div style={{ padding: 12, border: \"1px solid #ddd\", borderRadius: 10 }}>\n      <div style={{ fontWeight: 600, marginBottom: 6 }}>PayPal currency issue</div>\n      <ul style={{ margin: 0, paddingLeft: 18 }}>\n        {(config.currency_errors || []).map((e, i) => (\n          <li key={i}>{e}</li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n","\"use client\"\n\nimport React, { useMemo, useState } from \"react\"\nimport { PayPalButtons } from \"@paypal/react-paypal-js\"\nimport { createPayPalStoreApi } from \"../client/paypal\"\nimport type { PayPalConfig } from \"../client/types\"\n\nexport function PayPalSmartButtons(props: {\n  baseUrl: string\n  publishableApiKey?: string\n  cartId: string\n  config: PayPalConfig\n  onPaid?: (result: any) => void\n  onError?: (message: string) => void\n}) {\n  const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props\n  const api = useMemo(\n    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),\n    [baseUrl, publishableApiKey]\n  )\n\n  const [error, setError] = useState<string | null>(null)\n\n  if (!config.currency_supported) return null\n\n  return (\n    <div>\n      <PayPalButtons\n        style={{ layout: \"vertical\" }}\n        createOrder={async () => {\n          setError(null)\n          const r = await api.createOrder(cartId)\n          return r.id\n        }}\n        onApprove={async (data: any) => {\n          setError(null)\n          const orderId = String(data?.orderID || \"\")\n          const result = await api.captureOrder(cartId, orderId)\n          onPaid?.(result)\n        }}\n        onError={(err: any) => {\n          const msg = err?.message || \"PayPal error\"\n          setError(msg)\n          onError?.(msg)\n        }}\n      />\n      {error ? <div style={{ marginTop: 10, color: \"crimson\" }}>{error}</div> : null}\n    </div>\n  )\n}\n","\"use client\"\n\nimport React, { useMemo, useState } from \"react\"\nimport {\n  PayPalCardFieldsProvider,\n  PayPalNameField,\n  PayPalNumberField,\n  PayPalExpiryField,\n  PayPalCVVField,\n  usePayPalCardFields,\n} from \"@paypal/react-paypal-js\"\nimport { createPayPalStoreApi } from \"../client/paypal\"\nimport type { PayPalConfig } from \"../client/types\"\n\nfunction SubmitButton({ disabled, label }: { disabled: boolean; label: string }) {\n  const { cardFieldsForm } = usePayPalCardFields()\n\n  return (\n    <button\n      type=\"button\"\n      disabled={disabled || !cardFieldsForm}\n      onClick={() => cardFieldsForm?.submit()}\n      style={{ padding: \"10px 12px\", borderRadius: 10, border: \"1px solid #ddd\" }}\n    >\n      {label}\n    </button>\n  )\n}\n\nexport function PayPalAdvancedCard(props: {\n  baseUrl: string\n  publishableApiKey?: string\n  cartId: string\n  config: PayPalConfig\n  onPaid?: (result: any) => void\n  onError?: (message: string) => void\n}) {\n  const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props\n  const api = useMemo(\n    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),\n    [baseUrl, publishableApiKey]\n  )\n\n  const [error, setError] = useState<string | null>(null)\n  const [submitting, setSubmitting] = useState(false)\n\n  if (!config.currency_supported) return null\n\n  if (!config.client_token) {\n    return (\n      <div style={{ padding: 12, border: \"1px solid #ddd\", borderRadius: 10 }}>\n        CardFields unavailable: missing client_token from backend.\n      </div>\n    )\n  }\n\n  return (\n    <PayPalCardFieldsProvider\n      createOrder={async () => {\n        setError(null)\n        const r = await api.createOrder(cartId)\n        return r.id\n      }}\n      onApprove={async (data: any) => {\n        try {\n          setSubmitting(true)\n          setError(null)\n          const orderId = String(data?.orderID || \"\")\n          const result = await api.captureOrder(cartId, orderId)\n          onPaid?.(result)\n        } catch (e: any) {\n          const msg = e?.message || \"Card payment failed\"\n          setError(msg)\n          onError?.(msg)\n        } finally {\n          setSubmitting(false)\n        }\n      }}\n      onError={(e: any) => {\n        const msg = e?.message || \"CardFields error\"\n        setError(msg)\n        onError?.(msg)\n      }}\n    >\n      <div style={{ display: \"grid\", gap: 10 }}>\n        <PayPalNameField />\n        <PayPalNumberField />\n        <div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 10 }}>\n          <PayPalExpiryField />\n          <PayPalCVVField />\n        </div>\n\n        <SubmitButton disabled={submitting} label={submitting ? \"Processing...\" : \"Pay by Card\"} />\n\n        {error ? <div style={{ color: \"crimson\" }}>{error}</div> : null}\n      </div>\n    </PayPalCardFieldsProvider>\n  )\n}\n","\"use client\"\n\nimport React from \"react\"\nimport type { PayPalConfig } from \"../client/types\"\nimport { usePayPalConfig } from \"../hooks/usePayPalConfig\"\nimport { PayPalProvider } from \"../components/PayPalProvider\"\nimport { PayPalCurrencyNotice } from \"../components/PayPalCurrencyNotice\"\nimport { PayPalSmartButtons } from \"../components/PayPalSmartButtons\"\nimport { PayPalAdvancedCard } from \"../components/PayPalAdvancedCard\"\n\nexport type MedusaNextPayPalAdapterProps = {\n  cartId: string\n  selectedProviderId: string | null | undefined\n  baseUrl: string\n  publishableApiKey?: string\n  providerIds?: {\n    paypal?: string\n    paypalCard?: string\n  }\n  onPaid?: (result: any) => void\n}\n\nexport function MedusaNextPayPalAdapter(props: MedusaNextPayPalAdapterProps) {\n  const { cartId, selectedProviderId, baseUrl, publishableApiKey, providerIds, onPaid } = props\n\n  const paypalProviderId = providerIds?.paypal || \"paypal\"\n  const paypalCardProviderId = providerIds?.paypalCard || \"paypal_card\"\n\n  const shouldRender =\n    selectedProviderId === paypalProviderId || selectedProviderId === paypalCardProviderId\n\n  const { config, loading, error } = usePayPalConfig({ baseUrl, publishableApiKey, cartId })\n\n  if (!shouldRender) return null\n  if (loading) return <div>Loading PayPal…</div>\n  if (error) return <div style={{ color: \"crimson\" }}>{error}</div>\n  if (!config) return null\n\n  return (\n    <div style={{ display: \"grid\", gap: 12 }}>\n      <PayPalCurrencyNotice config={config as PayPalConfig} />\n\n      <PayPalProvider config={config as PayPalConfig} intent=\"capture\">\n        {selectedProviderId === paypalCardProviderId ? (\n          <PayPalAdvancedCard\n            baseUrl={baseUrl}\n            publishableApiKey={publishableApiKey}\n            cartId={cartId}\n            config={config as PayPalConfig}\n            onPaid={onPaid}\n          />\n        ) : (\n          <PayPalSmartButtons\n            baseUrl={baseUrl}\n            publishableApiKey={publishableApiKey}\n            cartId={cartId}\n            config={config as PayPalConfig}\n            onPaid={onPaid}\n          />\n        )}\n      </PayPalProvider>\n    </div>\n  )\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,89 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+type PayPalConfig = {
+    environment: "sandbox" | "live";
+    client_id: string;
+    currency: string;
+    currency_supported: boolean;
+    currency_errors: string[];
+    supported_currencies: string[];
+    client_token?: string;
+};
+type PayPalSettingsResponse = {
+    data?: {
+        api_details?: {
+            currency_code?: string;
+        };
+        paypal_settings?: Record<string, any>;
+        onboarding_config?: Record<string, any>;
+    };
+} | any;
+
+type HttpOptions = {
+    baseUrl: string;
+    publishableApiKey?: string;
+};
+
+declare function createPayPalStoreApi(opts: HttpOptions): {
+    getConfig(cartId?: string): Promise<PayPalConfig>;
+    getSettings(): Promise<any>;
+    createOrder(cartId: string): Promise<{
+        id: string;
+    }>;
+    captureOrder(cartId: string, orderId: string): Promise<any>;
+};
+
+type Args = {
+    baseUrl: string;
+    publishableApiKey?: string;
+    cartId?: string;
+};
+declare function usePayPalConfig({ baseUrl, publishableApiKey, cartId }: Args): {
+    config: PayPalConfig | null;
+    loading: boolean;
+    error: string | null;
+};
+
+declare function PayPalProvider(props: {
+    config: PayPalConfig;
+    intent?: "capture" | "authorize";
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function PayPalCurrencyNotice({ config }: {
+    config: PayPalConfig;
+}): react_jsx_runtime.JSX.Element | null;
+
+declare function PayPalSmartButtons(props: {
+    baseUrl: string;
+    publishableApiKey?: string;
+    cartId: string;
+    config: PayPalConfig;
+    onPaid?: (result: any) => void;
+    onError?: (message: string) => void;
+}): react_jsx_runtime.JSX.Element | null;
+
+declare function PayPalAdvancedCard(props: {
+    baseUrl: string;
+    publishableApiKey?: string;
+    cartId: string;
+    config: PayPalConfig;
+    onPaid?: (result: any) => void;
+    onError?: (message: string) => void;
+}): react_jsx_runtime.JSX.Element | null;
+
+type MedusaNextPayPalAdapterProps = {
+    cartId: string;
+    selectedProviderId: string | null | undefined;
+    baseUrl: string;
+    publishableApiKey?: string;
+    providerIds?: {
+        paypal?: string;
+        paypalCard?: string;
+    };
+    onPaid?: (result: any) => void;
+};
+declare function MedusaNextPayPalAdapter(props: MedusaNextPayPalAdapterProps): react_jsx_runtime.JSX.Element | null;
+
+export { MedusaNextPayPalAdapter, type MedusaNextPayPalAdapterProps, PayPalAdvancedCard, type PayPalConfig, PayPalCurrencyNotice, PayPalProvider, type PayPalSettingsResponse, PayPalSmartButtons, createPayPalStoreApi, usePayPalConfig };

package/dist/index.d.ts

@@ -0,0 +1,89 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+type PayPalConfig = {
+    environment: "sandbox" | "live";
+    client_id: string;
+    currency: string;
+    currency_supported: boolean;
+    currency_errors: string[];
+    supported_currencies: string[];
+    client_token?: string;
+};
+type PayPalSettingsResponse = {
+    data?: {
+        api_details?: {
+            currency_code?: string;
+        };
+        paypal_settings?: Record<string, any>;
+        onboarding_config?: Record<string, any>;
+    };
+} | any;
+
+type HttpOptions = {
+    baseUrl: string;
+    publishableApiKey?: string;
+};
+
+declare function createPayPalStoreApi(opts: HttpOptions): {
+    getConfig(cartId?: string): Promise<PayPalConfig>;
+    getSettings(): Promise<any>;
+    createOrder(cartId: string): Promise<{
+        id: string;
+    }>;
+    captureOrder(cartId: string, orderId: string): Promise<any>;
+};
+
+type Args = {
+    baseUrl: string;
+    publishableApiKey?: string;
+    cartId?: string;
+};
+declare function usePayPalConfig({ baseUrl, publishableApiKey, cartId }: Args): {
+    config: PayPalConfig | null;
+    loading: boolean;
+    error: string | null;
+};
+
+declare function PayPalProvider(props: {
+    config: PayPalConfig;
+    intent?: "capture" | "authorize";
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function PayPalCurrencyNotice({ config }: {
+    config: PayPalConfig;
+}): react_jsx_runtime.JSX.Element | null;
+
+declare function PayPalSmartButtons(props: {
+    baseUrl: string;
+    publishableApiKey?: string;
+    cartId: string;
+    config: PayPalConfig;
+    onPaid?: (result: any) => void;
+    onError?: (message: string) => void;
+}): react_jsx_runtime.JSX.Element | null;
+
+declare function PayPalAdvancedCard(props: {
+    baseUrl: string;
+    publishableApiKey?: string;
+    cartId: string;
+    config: PayPalConfig;
+    onPaid?: (result: any) => void;
+    onError?: (message: string) => void;
+}): react_jsx_runtime.JSX.Element | null;
+
+type MedusaNextPayPalAdapterProps = {
+    cartId: string;
+    selectedProviderId: string | null | undefined;
+    baseUrl: string;
+    publishableApiKey?: string;
+    providerIds?: {
+        paypal?: string;
+        paypalCard?: string;
+    };
+    onPaid?: (result: any) => void;
+};
+declare function MedusaNextPayPalAdapter(props: MedusaNextPayPalAdapterProps): react_jsx_runtime.JSX.Element | null;
+
+export { MedusaNextPayPalAdapter, type MedusaNextPayPalAdapterProps, PayPalAdvancedCard, type PayPalConfig, PayPalCurrencyNotice, PayPalProvider, type PayPalSettingsResponse, PayPalSmartButtons, createPayPalStoreApi, usePayPalConfig };

package/dist/index.mjs

@@ -0,0 +1,238 @@
+import { useMemo, useState, useEffect } from 'react';
+import { PayPalScriptProvider, PayPalButtons, PayPalCardFieldsProvider, PayPalNameField, PayPalNumberField, PayPalExpiryField, PayPalCVVField, usePayPalCardFields } from '@paypal/react-paypal-js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/client/http.ts
+function createHttpClient(opts) {
+  const base = opts.baseUrl.replace(/\/+$/, "");
+  async function request(path, init) {
+    const url = `${base}${path.startsWith("/") ? "" : "/"}${path}`;
+    const headers = {
+      Accept: "application/json",
+      ...init?.headers
+    };
+    if (opts.publishableApiKey) {
+      headers["x-publishable-api-key"] = opts.publishableApiKey;
+    }
+    const res = await fetch(url, { ...init, headers, credentials: "include" });
+    const text = await res.text().catch(() => "");
+    if (!res.ok) {
+      throw new Error(text || `Request failed (${res.status})`);
+    }
+    return text ? JSON.parse(text) : {};
+  }
+  return { request };
+}
+
+// src/client/paypal.ts
+function createPayPalStoreApi(opts) {
+  const http = createHttpClient(opts);
+  return {
+    getConfig(cartId) {
+      const q = cartId ? `?cart_id=${encodeURIComponent(cartId)}` : "";
+      return http.request(`/store/paypal/config${q}`);
+    },
+    getSettings() {
+      return http.request(`/store/paypal/settings`);
+    },
+    createOrder(cartId) {
+      return http.request(`/store/paypal/create-order`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ cart_id: cartId })
+      });
+    },
+    captureOrder(cartId, orderId) {
+      return http.request(`/store/paypal/capture-order`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ cart_id: cartId, order_id: orderId })
+      });
+    }
+  };
+}
+function usePayPalConfig({ baseUrl, publishableApiKey, cartId }) {
+  const api = useMemo(
+    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
+    [baseUrl, publishableApiKey]
+  );
+  const [config, setConfig] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let mounted = true;
+    (async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const cfg = await api.getConfig(cartId);
+        if (mounted) setConfig(cfg);
+      } catch (e) {
+        if (mounted) setError(e?.message || "Failed to load PayPal config");
+      } finally {
+        if (mounted) setLoading(false);
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, [api, cartId]);
+  return { config, loading, error };
+}
+function PayPalProvider(props) {
+  const { config, intent = "capture", children } = props;
+  const options = useMemo(() => {
+    return {
+      "client-id": config.client_id,
+      currency: config.currency,
+      intent,
+      components: config.client_token ? "buttons,card-fields" : "buttons",
+      "data-client-token": config.client_token || void 0
+    };
+  }, [config, intent]);
+  return /* @__PURE__ */ jsx(PayPalScriptProvider, { options, children });
+}
+function PayPalCurrencyNotice({ config }) {
+  if (config.currency_supported) return null;
+  return /* @__PURE__ */ jsxs("div", { style: { padding: 12, border: "1px solid #ddd", borderRadius: 10 }, children: [
+    /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: 6 }, children: "PayPal currency issue" }),
+    /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 18 }, children: (config.currency_errors || []).map((e, i) => /* @__PURE__ */ jsx("li", { children: e }, i)) })
+  ] });
+}
+function PayPalSmartButtons(props) {
+  const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props;
+  const api = useMemo(
+    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
+    [baseUrl, publishableApiKey]
+  );
+  const [error, setError] = useState(null);
+  if (!config.currency_supported) return null;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      PayPalButtons,
+      {
+        style: { layout: "vertical" },
+        createOrder: async () => {
+          setError(null);
+          const r = await api.createOrder(cartId);
+          return r.id;
+        },
+        onApprove: async (data) => {
+          setError(null);
+          const orderId = String(data?.orderID || "");
+          const result = await api.captureOrder(cartId, orderId);
+          onPaid?.(result);
+        },
+        onError: (err) => {
+          const msg = err?.message || "PayPal error";
+          setError(msg);
+          onError?.(msg);
+        }
+      }
+    ),
+    error ? /* @__PURE__ */ jsx("div", { style: { marginTop: 10, color: "crimson" }, children: error }) : null
+  ] });
+}
+function SubmitButton({ disabled, label }) {
+  const { cardFieldsForm } = usePayPalCardFields();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      disabled: disabled || !cardFieldsForm,
+      onClick: () => cardFieldsForm?.submit(),
+      style: { padding: "10px 12px", borderRadius: 10, border: "1px solid #ddd" },
+      children: label
+    }
+  );
+}
+function PayPalAdvancedCard(props) {
+  const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props;
+  const api = useMemo(
+    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
+    [baseUrl, publishableApiKey]
+  );
+  const [error, setError] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  if (!config.currency_supported) return null;
+  if (!config.client_token) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: 12, border: "1px solid #ddd", borderRadius: 10 }, children: "CardFields unavailable: missing client_token from backend." });
+  }
+  return /* @__PURE__ */ jsx(
+    PayPalCardFieldsProvider,
+    {
+      createOrder: async () => {
+        setError(null);
+        const r = await api.createOrder(cartId);
+        return r.id;
+      },
+      onApprove: async (data) => {
+        try {
+          setSubmitting(true);
+          setError(null);
+          const orderId = String(data?.orderID || "");
+          const result = await api.captureOrder(cartId, orderId);
+          onPaid?.(result);
+        } catch (e) {
+          const msg = e?.message || "Card payment failed";
+          setError(msg);
+          onError?.(msg);
+        } finally {
+          setSubmitting(false);
+        }
+      },
+      onError: (e) => {
+        const msg = e?.message || "CardFields error";
+        setError(msg);
+        onError?.(msg);
+      },
+      children: /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 10 }, children: [
+        /* @__PURE__ */ jsx(PayPalNameField, {}),
+        /* @__PURE__ */ jsx(PayPalNumberField, {}),
+        /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10 }, children: [
+          /* @__PURE__ */ jsx(PayPalExpiryField, {}),
+          /* @__PURE__ */ jsx(PayPalCVVField, {})
+        ] }),
+        /* @__PURE__ */ jsx(SubmitButton, { disabled: submitting, label: submitting ? "Processing..." : "Pay by Card" }),
+        error ? /* @__PURE__ */ jsx("div", { style: { color: "crimson" }, children: error }) : null
+      ] })
+    }
+  );
+}
+function MedusaNextPayPalAdapter(props) {
+  const { cartId, selectedProviderId, baseUrl, publishableApiKey, providerIds, onPaid } = props;
+  const paypalProviderId = providerIds?.paypal || "paypal";
+  const paypalCardProviderId = providerIds?.paypalCard || "paypal_card";
+  const shouldRender = selectedProviderId === paypalProviderId || selectedProviderId === paypalCardProviderId;
+  const { config, loading, error } = usePayPalConfig({ baseUrl, publishableApiKey, cartId });
+  if (!shouldRender) return null;
+  if (loading) return /* @__PURE__ */ jsx("div", { children: "Loading PayPal\u2026" });
+  if (error) return /* @__PURE__ */ jsx("div", { style: { color: "crimson" }, children: error });
+  if (!config) return null;
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 12 }, children: [
+    /* @__PURE__ */ jsx(PayPalCurrencyNotice, { config }),
+    /* @__PURE__ */ jsx(PayPalProvider, { config, intent: "capture", children: selectedProviderId === paypalCardProviderId ? /* @__PURE__ */ jsx(
+      PayPalAdvancedCard,
+      {
+        baseUrl,
+        publishableApiKey,
+        cartId,
+        config,
+        onPaid
+      }
+    ) : /* @__PURE__ */ jsx(
+      PayPalSmartButtons,
+      {
+        baseUrl,
+        publishableApiKey,
+        cartId,
+        config,
+        onPaid
+      }
+    ) })
+  ] });
+}
+
+export { MedusaNextPayPalAdapter, PayPalAdvancedCard, PayPalCurrencyNotice, PayPalProvider, PayPalSmartButtons, createPayPalStoreApi, usePayPalConfig };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client/http.ts","../src/client/paypal.ts","../src/hooks/usePayPalConfig.ts","../src/components/PayPalProvider.tsx","../src/components/PayPalCurrencyNotice.tsx","../src/components/PayPalSmartButtons.tsx","../src/components/PayPalAdvancedCard.tsx","../src/adapters/MedusaNextPayPalAdapter.tsx"],"names":["useMemo","jsx","useState","jsxs"],"mappings":"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","file":"index.mjs","sourcesContent":["export type HttpOptions = {\n  baseUrl: string\n  publishableApiKey?: string\n}\n\nexport function createHttpClient(opts: HttpOptions) {\n  const base = opts.baseUrl.replace(/\\/+$/, \"\")\n\n  async function request<T>(path: string, init?: RequestInit): Promise<T> {\n    const url = `${base}${path.startsWith(\"/\") ? \"\" : \"/\"}${path}`\n    const headers: Record<string, string> = {\n      Accept: \"application/json\",\n      ...(init?.headers as any),\n    }\n\n    if (opts.publishableApiKey) {\n      headers[\"x-publishable-api-key\"] = opts.publishableApiKey\n    }\n\n    const res = await fetch(url, { ...init, headers, credentials: \"include\" })\n    const text = await res.text().catch(() => \"\")\n\n    if (!res.ok) {\n      throw new Error(text || `Request failed (${res.status})`)\n    }\n\n    return (text ? JSON.parse(text) : {}) as T\n  }\n\n  return { request }\n}\n","import type { PayPalConfig, PayPalSettingsResponse } from \"./types\"\nimport { createHttpClient, type HttpOptions } from \"./http\"\n\nexport function createPayPalStoreApi(opts: HttpOptions) {\n  const http = createHttpClient(opts)\n\n  return {\n    getConfig(cartId?: string) {\n      const q = cartId ? `?cart_id=${encodeURIComponent(cartId)}` : \"\"\n      return http.request<PayPalConfig>(`/store/paypal/config${q}`)\n    },\n\n    getSettings() {\n      return http.request<PayPalSettingsResponse>(`/store/paypal/settings`)\n    },\n\n    createOrder(cartId: string) {\n      return http.request<{ id: string }>(`/store/paypal/create-order`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ cart_id: cartId }),\n      })\n    },\n\n    captureOrder(cartId: string, orderId: string) {\n      return http.request<any>(`/store/paypal/capture-order`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ cart_id: cartId, order_id: orderId }),\n      })\n    },\n  }\n}\n","import { useEffect, useMemo, useState } from \"react\"\nimport { createPayPalStoreApi } from \"../client/paypal\"\nimport type { PayPalConfig } from \"../client/types\"\n\ntype Args = {\n  baseUrl: string\n  publishableApiKey?: string\n  cartId?: string\n}\n\nexport function usePayPalConfig({ baseUrl, publishableApiKey, cartId }: Args) {\n  const api = useMemo(\n    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),\n    [baseUrl, publishableApiKey]\n  )\n\n  const [config, setConfig] = useState<PayPalConfig | null>(null)\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  useEffect(() => {\n    let mounted = true\n    ;(async () => {\n      try {\n        setLoading(true)\n        setError(null)\n        const cfg = await api.getConfig(cartId)\n        if (mounted) setConfig(cfg)\n      } catch (e: any) {\n        if (mounted) setError(e?.message || \"Failed to load PayPal config\")\n      } finally {\n        if (mounted) setLoading(false)\n      }\n    })()\n\n    return () => {\n      mounted = false\n    }\n  }, [api, cartId])\n\n  return { config, loading, error }\n}\n","\"use client\"\n\nimport React, { useMemo } from \"react\"\nimport { PayPalScriptProvider } from \"@paypal/react-paypal-js\"\nimport type { PayPalConfig } from \"../client/types\"\n\nexport function PayPalProvider(props: {\n  config: PayPalConfig\n  intent?: \"capture\" | \"authorize\"\n  children: React.ReactNode\n}) {\n  const { config, intent = \"capture\", children } = props\n\n  const options = useMemo(() => {\n    return {\n      \"client-id\": config.client_id,\n      currency: config.currency,\n      intent,\n      components: config.client_token ? \"buttons,card-fields\" : \"buttons\",\n      \"data-client-token\": config.client_token || undefined,\n    } as any\n  }, [config, intent])\n\n  return <PayPalScriptProvider options={options}>{children}</PayPalScriptProvider>\n}\n","\"use client\"\n\nimport React from \"react\"\nimport type { PayPalConfig } from \"../client/types\"\n\nexport function PayPalCurrencyNotice({ config }: { config: PayPalConfig }) {\n  if (config.currency_supported) return null\n\n  return (\n    <div style={{ padding: 12, border: \"1px solid #ddd\", borderRadius: 10 }}>\n      <div style={{ fontWeight: 600, marginBottom: 6 }}>PayPal currency issue</div>\n      <ul style={{ margin: 0, paddingLeft: 18 }}>\n        {(config.currency_errors || []).map((e, i) => (\n          <li key={i}>{e}</li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n","\"use client\"\n\nimport React, { useMemo, useState } from \"react\"\nimport { PayPalButtons } from \"@paypal/react-paypal-js\"\nimport { createPayPalStoreApi } from \"../client/paypal\"\nimport type { PayPalConfig } from \"../client/types\"\n\nexport function PayPalSmartButtons(props: {\n  baseUrl: string\n  publishableApiKey?: string\n  cartId: string\n  config: PayPalConfig\n  onPaid?: (result: any) => void\n  onError?: (message: string) => void\n}) {\n  const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props\n  const api = useMemo(\n    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),\n    [baseUrl, publishableApiKey]\n  )\n\n  const [error, setError] = useState<string | null>(null)\n\n  if (!config.currency_supported) return null\n\n  return (\n    <div>\n      <PayPalButtons\n        style={{ layout: \"vertical\" }}\n        createOrder={async () => {\n          setError(null)\n          const r = await api.createOrder(cartId)\n          return r.id\n        }}\n        onApprove={async (data: any) => {\n          setError(null)\n          const orderId = String(data?.orderID || \"\")\n          const result = await api.captureOrder(cartId, orderId)\n          onPaid?.(result)\n        }}\n        onError={(err: any) => {\n          const msg = err?.message || \"PayPal error\"\n          setError(msg)\n          onError?.(msg)\n        }}\n      />\n      {error ? <div style={{ marginTop: 10, color: \"crimson\" }}>{error}</div> : null}\n    </div>\n  )\n}\n","\"use client\"\n\nimport React, { useMemo, useState } from \"react\"\nimport {\n  PayPalCardFieldsProvider,\n  PayPalNameField,\n  PayPalNumberField,\n  PayPalExpiryField,\n  PayPalCVVField,\n  usePayPalCardFields,\n} from \"@paypal/react-paypal-js\"\nimport { createPayPalStoreApi } from \"../client/paypal\"\nimport type { PayPalConfig } from \"../client/types\"\n\nfunction SubmitButton({ disabled, label }: { disabled: boolean; label: string }) {\n  const { cardFieldsForm } = usePayPalCardFields()\n\n  return (\n    <button\n      type=\"button\"\n      disabled={disabled || !cardFieldsForm}\n      onClick={() => cardFieldsForm?.submit()}\n      style={{ padding: \"10px 12px\", borderRadius: 10, border: \"1px solid #ddd\" }}\n    >\n      {label}\n    </button>\n  )\n}\n\nexport function PayPalAdvancedCard(props: {\n  baseUrl: string\n  publishableApiKey?: string\n  cartId: string\n  config: PayPalConfig\n  onPaid?: (result: any) => void\n  onError?: (message: string) => void\n}) {\n  const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props\n  const api = useMemo(\n    () => createPayPalStoreApi({ baseUrl, publishableApiKey }),\n    [baseUrl, publishableApiKey]\n  )\n\n  const [error, setError] = useState<string | null>(null)\n  const [submitting, setSubmitting] = useState(false)\n\n  if (!config.currency_supported) return null\n\n  if (!config.client_token) {\n    return (\n      <div style={{ padding: 12, border: \"1px solid #ddd\", borderRadius: 10 }}>\n        CardFields unavailable: missing client_token from backend.\n      </div>\n    )\n  }\n\n  return (\n    <PayPalCardFieldsProvider\n      createOrder={async () => {\n        setError(null)\n        const r = await api.createOrder(cartId)\n        return r.id\n      }}\n      onApprove={async (data: any) => {\n        try {\n          setSubmitting(true)\n          setError(null)\n          const orderId = String(data?.orderID || \"\")\n          const result = await api.captureOrder(cartId, orderId)\n          onPaid?.(result)\n        } catch (e: any) {\n          const msg = e?.message || \"Card payment failed\"\n          setError(msg)\n          onError?.(msg)\n        } finally {\n          setSubmitting(false)\n        }\n      }}\n      onError={(e: any) => {\n        const msg = e?.message || \"CardFields error\"\n        setError(msg)\n        onError?.(msg)\n      }}\n    >\n      <div style={{ display: \"grid\", gap: 10 }}>\n        <PayPalNameField />\n        <PayPalNumberField />\n        <div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 10 }}>\n          <PayPalExpiryField />\n          <PayPalCVVField />\n        </div>\n\n        <SubmitButton disabled={submitting} label={submitting ? \"Processing...\" : \"Pay by Card\"} />\n\n        {error ? <div style={{ color: \"crimson\" }}>{error}</div> : null}\n      </div>\n    </PayPalCardFieldsProvider>\n  )\n}\n","\"use client\"\n\nimport React from \"react\"\nimport type { PayPalConfig } from \"../client/types\"\nimport { usePayPalConfig } from \"../hooks/usePayPalConfig\"\nimport { PayPalProvider } from \"../components/PayPalProvider\"\nimport { PayPalCurrencyNotice } from \"../components/PayPalCurrencyNotice\"\nimport { PayPalSmartButtons } from \"../components/PayPalSmartButtons\"\nimport { PayPalAdvancedCard } from \"../components/PayPalAdvancedCard\"\n\nexport type MedusaNextPayPalAdapterProps = {\n  cartId: string\n  selectedProviderId: string | null | undefined\n  baseUrl: string\n  publishableApiKey?: string\n  providerIds?: {\n    paypal?: string\n    paypalCard?: string\n  }\n  onPaid?: (result: any) => void\n}\n\nexport function MedusaNextPayPalAdapter(props: MedusaNextPayPalAdapterProps) {\n  const { cartId, selectedProviderId, baseUrl, publishableApiKey, providerIds, onPaid } = props\n\n  const paypalProviderId = providerIds?.paypal || \"paypal\"\n  const paypalCardProviderId = providerIds?.paypalCard || \"paypal_card\"\n\n  const shouldRender =\n    selectedProviderId === paypalProviderId || selectedProviderId === paypalCardProviderId\n\n  const { config, loading, error } = usePayPalConfig({ baseUrl, publishableApiKey, cartId })\n\n  if (!shouldRender) return null\n  if (loading) return <div>Loading PayPal…</div>\n  if (error) return <div style={{ color: \"crimson\" }}>{error}</div>\n  if (!config) return null\n\n  return (\n    <div style={{ display: \"grid\", gap: 12 }}>\n      <PayPalCurrencyNotice config={config as PayPalConfig} />\n\n      <PayPalProvider config={config as PayPalConfig} intent=\"capture\">\n        {selectedProviderId === paypalCardProviderId ? (\n          <PayPalAdvancedCard\n            baseUrl={baseUrl}\n            publishableApiKey={publishableApiKey}\n            cartId={cartId}\n            config={config as PayPalConfig}\n            onPaid={onPaid}\n          />\n        ) : (\n          <PayPalSmartButtons\n            baseUrl={baseUrl}\n            publishableApiKey={publishableApiKey}\n            cartId={cartId}\n            config={config as PayPalConfig}\n            onPaid={onPaid}\n          />\n        )}\n      </PayPalProvider>\n    </div>\n  )\n}\n"]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@easypayment/medusa-paypal-ui",
+  "version": "0.0.3",
+  "description": "Enterprise Gold PayPal UI module for Medusa v2 storefront (Next.js)",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "next": ">=14",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@paypal/react-paypal-js": "^8.8.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "jsdom": "^24.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^2.0.5"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "npm run build"
+  }
+}