@easypayment/medusa-paypal 0.4.2 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/.medusa/server/src/admin/index.js +37 -13
  2. package/.medusa/server/src/admin/index.mjs +37 -13
  3. package/package.json +1 -1
  4. package/src/admin/routes/settings/paypal/connection/page.tsx +21 -13
package/.medusa/server/src/admin/index.js CHANGED
@@ -767,13 +767,8 @@ function PayPalConnectionPage() {
767
767
  href: finalUrl || "#",
768
768
  "data-paypal-onboard-complete": "onboardingCallback",
769
769
  onClick: handleConnectClick,
770
- className: "btn-paypal",
770
+ className: "inline-flex items-center justify-center rounded-md bg-ui-button-neutral px-4 py-2 text-sm font-medium text-ui-fg-on-color no-underline shadow-sm hover:opacity-90 disabled:opacity-60",
771
771
  style: {
772
- borderRadius: "50px",
773
- textDecoration: "none",
774
- display: "inline-block",
775
- fontWeight: "bold",
776
- border: "none",
777
772
  cursor: onboardingInProgress ? "not-allowed" : "pointer",
778
773
  opacity: onboardingInProgress ? 0.6 : 1,
779
774
  pointerEvents: onboardingInProgress ? "none" : "auto"
@@ -853,13 +848,42 @@ function PayPalConnectionPage() {
853
848
  }
854
849
  )
855
850
  ] }),
856
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:col-span-2 text-sm text-ui-fg-subtle", children: [
857
- /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Here's how to get your client ID and client secret:" }),
858
- /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Select Log in to Dashboard and log in or sign up." }),
859
- /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Select Apps & Credentials." }),
860
- /* @__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." }),
861
- /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Copy the Client ID and Client Secret for your app." }),
862
- /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Paste them into the fields on this page and click Save Changes." })
851
+ /* @__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: [
852
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-ui-fg-base", children: "Get your Client ID and Client Secret in 3 steps:" }),
853
+ /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "mt-2 list-decimal space-y-2 pl-5", children: [
854
+ /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
855
+ "Open",
856
+ " ",
857
+ /* @__PURE__ */ jsxRuntime.jsx(
858
+ "a",
859
+ {
860
+ href: "https://developer.paypal.com/dashboard/",
861
+ target: "_blank",
862
+ rel: "noreferrer",
863
+ className: "text-ui-fg-interactive underline",
864
+ children: "Log in to Dashboard"
865
+ }
866
+ ),
867
+ " ",
868
+ "and sign in or create an account."
869
+ ] }),
870
+ /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
871
+ "Select ",
872
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Apps & Credentials" }),
873
+ ", then choose ",
874
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Create App" }),
875
+ " if you need a new project."
876
+ ] }),
877
+ /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
878
+ "Copy your app's ",
879
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Client ID" }),
880
+ " and ",
881
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Client Secret" }),
882
+ ", paste them above, then click ",
883
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "Save credentials" }),
884
+ "."
885
+ ] })
886
+ ] })
863
887
  ] }),
864
888
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:col-span-2 flex items-center gap-2 mt-2", children: [
865
889
  /* @__PURE__ */ jsxRuntime.jsx(
package/.medusa/server/src/admin/index.mjs CHANGED
@@ -766,13 +766,8 @@ function PayPalConnectionPage() {
766
766
  href: finalUrl || "#",
767
767
  "data-paypal-onboard-complete": "onboardingCallback",
768
768
  onClick: handleConnectClick,
769
- className: "btn-paypal",
769
+ className: "inline-flex items-center justify-center rounded-md bg-ui-button-neutral px-4 py-2 text-sm font-medium text-ui-fg-on-color no-underline shadow-sm hover:opacity-90 disabled:opacity-60",
770
770
  style: {
771
- borderRadius: "50px",
772
- textDecoration: "none",
773
- display: "inline-block",
774
- fontWeight: "bold",
775
- border: "none",
776
771
  cursor: onboardingInProgress ? "not-allowed" : "pointer",
777
772
  opacity: onboardingInProgress ? 0.6 : 1,
778
773
  pointerEvents: onboardingInProgress ? "none" : "auto"
@@ -852,13 +847,42 @@ function PayPalConnectionPage() {
852
847
  }
853
848
  )
854
849
  ] }),
855
- /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 text-sm text-ui-fg-subtle", children: [
856
- /* @__PURE__ */ jsx("p", { children: "Here's how to get your client ID and client secret:" }),
857
- /* @__PURE__ */ jsx("p", { children: "Select Log in to Dashboard and log in or sign up." }),
858
- /* @__PURE__ */ jsx("p", { children: "Select Apps & Credentials." }),
859
- /* @__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." }),
860
- /* @__PURE__ */ jsx("p", { children: "Copy the Client ID and Client Secret for your app." }),
861
- /* @__PURE__ */ jsx("p", { children: "Paste them into the fields on this page and click Save Changes." })
850
+ /* @__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: [
851
+ /* @__PURE__ */ jsx("p", { className: "font-medium text-ui-fg-base", children: "Get your Client ID and Client Secret in 3 steps:" }),
852
+ /* @__PURE__ */ jsxs("ol", { className: "mt-2 list-decimal space-y-2 pl-5", children: [
853
+ /* @__PURE__ */ jsxs("li", { children: [
854
+ "Open",
855
+ " ",
856
+ /* @__PURE__ */ jsx(
857
+ "a",
858
+ {
859
+ href: "https://developer.paypal.com/dashboard/",
860
+ target: "_blank",
861
+ rel: "noreferrer",
862
+ className: "text-ui-fg-interactive underline",
863
+ children: "Log in to Dashboard"
864
+ }
865
+ ),
866
+ " ",
867
+ "and sign in or create an account."
868
+ ] }),
869
+ /* @__PURE__ */ jsxs("li", { children: [
870
+ "Select ",
871
+ /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Apps & Credentials" }),
872
+ ", then choose ",
873
+ /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Create App" }),
874
+ " if you need a new project."
875
+ ] }),
876
+ /* @__PURE__ */ jsxs("li", { children: [
877
+ "Copy your app's ",
878
+ /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Client ID" }),
879
+ " and ",
880
+ /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Client Secret" }),
881
+ ", paste them above, then click ",
882
+ /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Save credentials" }),
883
+ "."
884
+ ] })
885
+ ] })
862
886
  ] }),
863
887
  /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 flex items-center gap-2 mt-2", children: [
864
888
  /* @__PURE__ */ jsx(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@easypayment/medusa-paypal",
3
- "version": "0.4.2",
3
+ "version": "0.4.4",
4
4
  "description": "Industry-standard PayPal integration for Medusa v2",
5
5
  "license": "MIT",
6
6
  "main": "./.medusa/server/src/index.js",
package/src/admin/routes/settings/paypal/connection/page.tsx CHANGED
@@ -588,13 +588,8 @@ export default function PayPalConnectionPage() {
588
588
  href={finalUrl || "#"}
589
589
  data-paypal-onboard-complete="onboardingCallback"
590
590
  onClick={handleConnectClick}
591
- className="btn-paypal"
591
+ className="inline-flex items-center justify-center rounded-md bg-ui-button-neutral px-4 py-2 text-sm font-medium text-ui-fg-on-color no-underline shadow-sm hover:opacity-90 disabled:opacity-60"
592
592
  style={{
593
- borderRadius: "50px",
594
- textDecoration: "none",
595
- display: "inline-block",
596
- fontWeight: "bold",
597
- border: "none",
598
593
  cursor: onboardingInProgress ? "not-allowed" : "pointer",
599
594
  opacity: onboardingInProgress ? 0.6 : 1,
600
595
  pointerEvents: onboardingInProgress ? "none" : "auto",
@@ -688,13 +683,26 @@ export default function PayPalConnectionPage() {
688
683
  />
689
684
  </div>
690
685
 
691
- <div className="md:col-span-2 text-sm text-ui-fg-subtle">
692
- <p>Here's how to get your client ID and client secret:</p>
693
- <p>Select Log in to Dashboard and log in or sign up.</p>
694
- <p>Select Apps & Credentials.</p>
695
- <p>New accounts come with a Default Application in the REST API apps section. To create a new project, select Create App.</p>
696
- <p>Copy the Client ID and Client Secret for your app.</p>
697
- <p>Paste them into the fields on this page and click Save Changes.</p>
686
+ <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">
687
+ <p className="font-medium text-ui-fg-base">
688
+ Get your Client ID and Client Secret in 3 steps:
689
+ </p>
690
+ <ol className="mt-2 list-decimal space-y-2 pl-5">
691
+ <li>
692
+ Open{" "}
693
+ <a
694
+ href="https://developer.paypal.com/dashboard/"
695
+ target="_blank"
696
+ rel="noreferrer"
697
+ className="text-ui-fg-interactive underline"
698
+ >
699
+ Log in to Dashboard
700
+ </a>{" "}
701
+ and sign in or create an account.
702
+ </li>
703
+ <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>
704
+ <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>
705
+ </ol>
698
706
  </div>
699
707
 
700
708
  <div className="md:col-span-2 flex items-center gap-2 mt-2">