@easypayment/medusa-paypal 0.4.2 → 0.4.3

package/.medusa/server/src/admin/index.js

@@ -325,9 +325,6 @@ function AdvancedCardPaymentsTab() {
 function PayPalApplePayPage() {
   return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
 }
-function PayPalGooglePayPage() {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
-}
 const config = adminSdk.defineRouteConfig({
   label: "PayPal Connection",
   hide: true
@@ -767,13 +764,8 @@ function PayPalConnectionPage() {
                 href: finalUrl || "#",
                 "data-paypal-onboard-complete": "onboardingCallback",
                 onClick: handleConnectClick,
-                className: "btn-paypal",
+                className: "btn-paypal inline-flex items-center justify-center rounded-full bg-[#FFC439] px-6 py-2 text-sm font-semibold text-[#111827] no-underline shadow-sm transition hover:bg-[#f7b916]",
                 style: {
-                  borderRadius: "50px",
-                  textDecoration: "none",
-                  display: "inline-block",
-                  fontWeight: "bold",
-                  border: "none",
                   cursor: onboardingInProgress ? "not-allowed" : "pointer",
                   opacity: onboardingInProgress ? 0.6 : 1,
                   pointerEvents: onboardingInProgress ? "none" : "auto"
@@ -853,13 +845,42 @@ function PayPalConnectionPage() {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:col-span-2 text-sm text-ui-fg-subtle", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Here's how to get your client ID and client secret:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Select Log in to Dashboard and log in or sign up." }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Select Apps & Credentials." }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "New accounts come with a Default Application in the REST API apps section. To create a new project, select Create App." }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Copy the Client ID and Client Secret for your app." }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Paste them into the fields on this page and click Save Changes." })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:col-span-2 rounded-md border border-ui-border-base bg-ui-bg-subtle p-4 text-sm text-ui-fg-subtle", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-ui-fg-base", children: "Get your Client ID and Client Secret in 3 steps:" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "mt-2 list-decimal space-y-2 pl-5", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+                "Open",
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "a",
+                  {
+                    href: "https://developer.paypal.com/dashboard/",
+                    target: "_blank",
+                    rel: "noreferrer",
+                    className: "text-ui-fg-interactive underline",
+                    children: "Log in to Dashboard"
+                  }
+                ),
+                " ",
+                "and sign in or create an account."
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+                "Select ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Apps & Credentials" }),
+                ", then choose ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Create App" }),
+                " if you need a new project."
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+                "Copy your app's ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Client ID" }),
+                " and ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Client Secret" }),
+                ", paste them above, then click ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Save credentials" }),
+                "."
+              ] })
+            ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:col-span-2 flex items-center gap-2 mt-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -905,6 +926,9 @@ function PayPalConnectionPage() {
       ` })
   ] });
 }
+function PayPalGooglePayPage() {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
+}
 function PayPalPayLaterMessagingPage() {
   return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
 }
@@ -1222,14 +1246,14 @@ const routeModule = {
       Component: PayPalApplePayPage,
       path: "/settings/paypal/apple-pay"
     },
-    {
-      Component: PayPalGooglePayPage,
-      path: "/settings/paypal/google-pay"
-    },
     {
       Component: PayPalConnectionPage,
       path: "/settings/paypal/connection"
     },
+    {
+      Component: PayPalGooglePayPage,
+      path: "/settings/paypal/google-pay"
+    },
     {
       Component: PayPalPayLaterMessagingPage,
       path: "/settings/paypal/pay-later-messaging"

package/.medusa/server/src/admin/index.mjs

@@ -324,9 +324,6 @@ function AdvancedCardPaymentsTab() {
 function PayPalApplePayPage() {
   return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
 }
-function PayPalGooglePayPage() {
-  return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
-}
 const config = defineRouteConfig({
   label: "PayPal Connection",
   hide: true
@@ -766,13 +763,8 @@ function PayPalConnectionPage() {
                 href: finalUrl || "#",
                 "data-paypal-onboard-complete": "onboardingCallback",
                 onClick: handleConnectClick,
-                className: "btn-paypal",
+                className: "btn-paypal inline-flex items-center justify-center rounded-full bg-[#FFC439] px-6 py-2 text-sm font-semibold text-[#111827] no-underline shadow-sm transition hover:bg-[#f7b916]",
                 style: {
-                  borderRadius: "50px",
-                  textDecoration: "none",
-                  display: "inline-block",
-                  fontWeight: "bold",
-                  border: "none",
                   cursor: onboardingInProgress ? "not-allowed" : "pointer",
                   opacity: onboardingInProgress ? 0.6 : 1,
                   pointerEvents: onboardingInProgress ? "none" : "auto"
@@ -852,13 +844,42 @@ function PayPalConnectionPage() {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 text-sm text-ui-fg-subtle", children: [
-            /* @__PURE__ */ jsx("p", { children: "Here's how to get your client ID and client secret:" }),
-            /* @__PURE__ */ jsx("p", { children: "Select Log in to Dashboard and log in or sign up." }),
-            /* @__PURE__ */ jsx("p", { children: "Select Apps & Credentials." }),
-            /* @__PURE__ */ jsx("p", { children: "New accounts come with a Default Application in the REST API apps section. To create a new project, select Create App." }),
-            /* @__PURE__ */ jsx("p", { children: "Copy the Client ID and Client Secret for your app." }),
-            /* @__PURE__ */ jsx("p", { children: "Paste them into the fields on this page and click Save Changes." })
+          /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 rounded-md border border-ui-border-base bg-ui-bg-subtle p-4 text-sm text-ui-fg-subtle", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium text-ui-fg-base", children: "Get your Client ID and Client Secret in 3 steps:" }),
+            /* @__PURE__ */ jsxs("ol", { className: "mt-2 list-decimal space-y-2 pl-5", children: [
+              /* @__PURE__ */ jsxs("li", { children: [
+                "Open",
+                " ",
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: "https://developer.paypal.com/dashboard/",
+                    target: "_blank",
+                    rel: "noreferrer",
+                    className: "text-ui-fg-interactive underline",
+                    children: "Log in to Dashboard"
+                  }
+                ),
+                " ",
+                "and sign in or create an account."
+              ] }),
+              /* @__PURE__ */ jsxs("li", { children: [
+                "Select ",
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Apps & Credentials" }),
+                ", then choose ",
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Create App" }),
+                " if you need a new project."
+              ] }),
+              /* @__PURE__ */ jsxs("li", { children: [
+                "Copy your app's ",
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Client ID" }),
+                " and ",
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Client Secret" }),
+                ", paste them above, then click ",
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Save credentials" }),
+                "."
+              ] })
+            ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 flex items-center gap-2 mt-2", children: [
             /* @__PURE__ */ jsx(
@@ -904,6 +925,9 @@ function PayPalConnectionPage() {
       ` })
   ] });
 }
+function PayPalGooglePayPage() {
+  return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
+}
 function PayPalPayLaterMessagingPage() {
   return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
 }
@@ -1221,14 +1245,14 @@ const routeModule = {
       Component: PayPalApplePayPage,
       path: "/settings/paypal/apple-pay"
     },
-    {
-      Component: PayPalGooglePayPage,
-      path: "/settings/paypal/google-pay"
-    },
     {
       Component: PayPalConnectionPage,
       path: "/settings/paypal/connection"
     },
+    {
+      Component: PayPalGooglePayPage,
+      path: "/settings/paypal/google-pay"
+    },
     {
       Component: PayPalPayLaterMessagingPage,
       path: "/settings/paypal/pay-later-messaging"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easypayment/medusa-paypal",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Industry-standard PayPal integration for Medusa v2",
   "license": "MIT",
   "main": "./.medusa/server/src/index.js",

package/src/admin/routes/settings/paypal/connection/page.tsx

@@ -588,13 +588,8 @@ export default function PayPalConnectionPage() {
                       href={finalUrl || "#"}
                       data-paypal-onboard-complete="onboardingCallback"
                       onClick={handleConnectClick}
-                      className="btn-paypal"
+                      className="btn-paypal inline-flex items-center justify-center rounded-full bg-[#FFC439] px-6 py-2 text-sm font-semibold text-[#111827] no-underline shadow-sm transition hover:bg-[#f7b916]"
                       style={{
-                        borderRadius: "50px",
-                        textDecoration: "none",
-                        display: "inline-block",
-                        fontWeight: "bold",
-                        border: "none",
                         cursor: onboardingInProgress ? "not-allowed" : "pointer",
                         opacity: onboardingInProgress ? 0.6 : 1,
                         pointerEvents: onboardingInProgress ? "none" : "auto",
@@ -688,13 +683,26 @@ export default function PayPalConnectionPage() {
                     />
                   </div>
 
-                  <div className="md:col-span-2 text-sm text-ui-fg-subtle">
-                    <p>Here's how to get your client ID and client secret:</p>
-                    <p>Select Log in to Dashboard and log in or sign up.</p>
-                    <p>Select Apps & Credentials.</p>
-                    <p>New accounts come with a Default Application in the REST API apps section. To create a new project, select Create App.</p>
-                    <p>Copy the Client ID and Client Secret for your app.</p>
-                    <p>Paste them into the fields on this page and click Save Changes.</p>
+                  <div className="md:col-span-2 rounded-md border border-ui-border-base bg-ui-bg-subtle p-4 text-sm text-ui-fg-subtle">
+                    <p className="font-medium text-ui-fg-base">
+                      Get your Client ID and Client Secret in 3 steps:
+                    </p>
+                    <ol className="mt-2 list-decimal space-y-2 pl-5">
+                      <li>
+                        Open{" "}
+                        <a
+                          href="https://developer.paypal.com/dashboard/"
+                          target="_blank"
+                          rel="noreferrer"
+                          className="text-ui-fg-interactive underline"
+                        >
+                          Log in to Dashboard
+                        </a>{" "}
+                        and sign in or create an account.
+                      </li>
+                      <li>Select <span className="font-medium text-ui-fg-base">Apps & Credentials</span>, then choose <span className="font-medium text-ui-fg-base">Create App</span> if you need a new project.</li>
+                      <li>Copy your app's <span className="font-medium text-ui-fg-base">Client ID</span> and <span className="font-medium text-ui-fg-base">Client Secret</span>, paste them above, then click <span className="font-medium text-ui-fg-base">Save credentials</span>.</li>
+                    </ol>
                   </div>
 
                   <div className="md:col-span-2 flex items-center gap-2 mt-2">