From 188b4a126d1399e5e94d572937ec760f051ba35a Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Thu, 13 Mar 2025 16:49:33 -0400
Subject: [PATCH 1/3] feat(clerk-js): PlanCard redirect to sign in when not
 signed in

---
 packages/clerk-js/sandbox/template.html                |  1 +
 .../src/ui/components/PricingTable/PlanCard.tsx        | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/clerk-js/sandbox/template.html b/packages/clerk-js/sandbox/template.html
index 5fa762e57d8..aa9e5c0fc2b 100644
--- a/packages/clerk-js/sandbox/template.html
+++ b/packages/clerk-js/sandbox/template.html
@@ -291,6 +291,7 @@
       type="text/javascript"
       src="/<%= htmlRspackPlugin.files.js[0] %>"
       data-clerk-publishable-key="pk_test_dG91Y2hlZC1sYWR5YmlyZC0yMy5jbGVyay5hY2NvdW50cy5kZXYk"
+      data-clerk-publishable-key="pk_test_cmlnaHQta2luZ2Zpc2gtNTEuY2xlcmsuYWNjb3VudHMubGNsY2xlcmsuY29tJA"
     ></script>
     <script
       type="text/javascript"
diff --git a/packages/clerk-js/src/ui/components/PricingTable/PlanCard.tsx b/packages/clerk-js/src/ui/components/PricingTable/PlanCard.tsx
index 8cfae45beea..226ca15e2d3 100644
--- a/packages/clerk-js/src/ui/components/PricingTable/PlanCard.tsx
+++ b/packages/clerk-js/src/ui/components/PricingTable/PlanCard.tsx
@@ -1,3 +1,4 @@
+import { useClerk } from '@clerk/shared/react';
 import type { __experimental_CommercePlanResource, __experimental_PricingTableProps } from '@clerk/types';
 import * as React from 'react';
 
@@ -32,6 +33,7 @@ interface PlanCardProps {
 }
 
 export function PlanCard(props: PlanCardProps) {
+  const clerk = useClerk();
   const { plan, period, setPeriod, onSelect, props: pricingTableProps, isCompact = false } = props;
   const { ctaPosition = 'top', collapseFeatures = false } = pricingTableProps;
   const [showAllFeatures, setShowAllFeatures] = React.useState(false);
@@ -309,7 +311,13 @@ export function PlanCard(props: PlanCardProps) {
                 ? localizationKeys('__experimental_commerce.manageMembership')
                 : localizationKeys('__experimental_commerce.getStarted')
             }
-            onClick={() => onSelect(plan)}
+            onClick={() => {
+              if (clerk.isSignedIn) {
+                onSelect(plan);
+              } else {
+                void clerk.redirectToSignIn();
+              }
+            }}
           />
         </Box>
       </ReversibleContainer>

From 08240bf18ac7fcae46654f68ac085167d41a46b8 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Thu, 13 Mar 2025 16:51:29 -0400
Subject: [PATCH 2/3] add changeset

---
 .changeset/serious-badgers-lie.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/serious-badgers-lie.md

diff --git a/.changeset/serious-badgers-lie.md b/.changeset/serious-badgers-lie.md
new file mode 100644
index 00000000000..f41ae0cb6cf
--- /dev/null
+++ b/.changeset/serious-badgers-lie.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+When a C2 is not signed-in, redirect them to sign-in from the `<PlanCard />`.

From e410b3ad1869076fd92d0f51bd5d928b57f371f2 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Thu, 13 Mar 2025 17:13:42 -0400
Subject: [PATCH 3/3] fix

---
 packages/clerk-js/sandbox/template.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/clerk-js/sandbox/template.html b/packages/clerk-js/sandbox/template.html
index aa9e5c0fc2b..5fa762e57d8 100644
--- a/packages/clerk-js/sandbox/template.html
+++ b/packages/clerk-js/sandbox/template.html
@@ -291,7 +291,6 @@
       type="text/javascript"
       src="/<%= htmlRspackPlugin.files.js[0] %>"
       data-clerk-publishable-key="pk_test_dG91Y2hlZC1sYWR5YmlyZC0yMy5jbGVyay5hY2NvdW50cy5kZXYk"
-      data-clerk-publishable-key="pk_test_cmlnaHQta2luZ2Zpc2gtNTEuY2xlcmsuYWNjb3VudHMubGNsY2xlcmsuY29tJA"
     ></script>
     <script
       type="text/javascript"