replace drawer object with the name of the component

Author: panteliselef

packages/react/src/components/__tests__/CheckoutButton.test.tsx

@@ -101,7 +101,7 @@ describe('CheckoutButton', () => {
         planPeriod: 'month' as const,
         onSubscriptionComplete: vi.fn(),
         newSubscriptionRedirectUrl: '/success',
-        planDetailsProps: {
+        checkoutProps: {
           appearance: {} as Theme,
           onClose: vi.fn(),
         },
@@ -114,7 +114,7 @@ describe('CheckoutButton', () => {
       await waitFor(() => {
         expect(mockOpenCheckout).toHaveBeenCalledWith(
           expect.objectContaining({
-            ...props.planDetailsProps,
+            ...props.checkoutProps,
             planId: props.planId,
             onSubscriptionComplete: props.onSubscriptionComplete,
             newSubscriptionRedirectUrl: props.newSubscriptionRedirectUrl,
@@ -180,7 +180,7 @@ describe('CheckoutButton', () => {
     it('handles portal configuration correctly', async () => {
       const portalProps = {
         planId: 'test_plan',
-        planDetailsProps: {
+        checkoutProps: {
           portalId: 'custom-portal',
           portalRoot: document.createElement('div'),
         },
@@ -191,7 +191,7 @@ describe('CheckoutButton', () => {
       await userEvent.click(screen.getByText('Checkout'));
       await waitFor(() => {
         expect(mockOpenCheckout).toHaveBeenCalledWith(
-          expect.objectContaining({ ...portalProps.planDetailsProps, planId: portalProps.planId }),
+          expect.objectContaining({ ...portalProps.checkoutProps, planId: portalProps.planId }),
         );
       });
     });

packages/react/src/components/__tests__/SubscriptionDetailsButton.test.tsx

@@ -121,7 +121,7 @@ describe('SubscriptionDetailsButton', () => {
       const props = {
         for: 'user' as const,
         onSubscriptionCancel,
-        planDetailsProps: {
+        subscriptionDetailsProps: {
           appearance: {} as Theme,
         },
       };
@@ -133,7 +133,7 @@ describe('SubscriptionDetailsButton', () => {
       await waitFor(() => {
         expect(mockOpenSubscriptionDetails).toHaveBeenCalledWith(
           expect.objectContaining({
-            ...props.planDetailsProps,
+            ...props.subscriptionDetailsProps,
             for: props.for,
             onSubscriptionCancel: props.onSubscriptionCancel,
           }),
@@ -183,7 +183,7 @@ describe('SubscriptionDetailsButton', () => {
 
     it('handles portal configuration correctly', async () => {
       const portalProps = {
-        planDetailsProps: {
+        subscriptionDetailsProps: {
           portalId: 'custom-portal',
           portalRoot: document.createElement('div'),
         },
@@ -196,7 +196,7 @@ describe('SubscriptionDetailsButton', () => {
       await waitFor(() => {
         expect(mockOpenSubscriptionDetails).toHaveBeenCalledWith(
           expect.objectContaining({
-            ...portalProps.planDetailsProps,
+            ...portalProps.subscriptionDetailsProps,
           }),
         );
       });