feat(contractor-onboarding) - show eor card when only cm is available (#766)

* feat(contractor-onboarding) - show eor card when only cm is available

* simplify

* format

Author: gabrielseco

src/common/api/fixtures/contractors-subscriptions.ts

@@ -253,3 +253,57 @@ export const mockCOROnlyResponse = {
     },
   ],
 };
+
+export const mockCMOnlyResponse = {
+  data: [
+    {
+      product: {
+        active: true,
+        name: 'Monthly Contractor Subscription',
+        description: 'Engage and pay contractors compliantly',
+        features: [
+          'Localized contract templates',
+          'Only pay for active contractors',
+          'Work with contractors in 200+ countries and jurisdictions',
+          'AI-powered features to reduce misclassification risks',
+        ],
+        identifier:
+          'urn:remotecom:resource:product:contractor:standard:monthly',
+        slug: '8af901a0-25d7-4989-8105-dbd939cc4c82',
+        inserted_at: '2025-06-10',
+        short_name: 'CM',
+        frequency: 'monthly',
+        tier: 'standard',
+        employment_type: 'contractor',
+      },
+      currency: {
+        code: 'USD',
+        name: 'United States Dollar',
+        symbol: '$',
+        slug: '1b2c181d-24c9-44ff-a8e1-2a7025ca491c',
+      },
+      price: {
+        amount: 2900,
+        final_amount: 2900,
+      },
+      total_amount: 0,
+      company_product: {
+        slug: '20278d56-b4cf-43f0-80a4-725b53f9e4ff',
+      },
+      company_product_discount: {
+        percent: '0.000000',
+        expiration_date: null,
+      },
+      free_trial: {
+        status: 'ineligible',
+        start_date: null,
+        end_date: null,
+      },
+      active_contractors_count: 0,
+      billable_contractors: [],
+      billable_contractors_count: 0,
+      next_invoice_date: '2026-04-01',
+      summary_period: '2026-03',
+    },
+  ],
+};

src/flows/ContractorOnboarding/api.ts

@@ -391,9 +391,7 @@ export const useContractorSubscriptionSchemaField = (
 
   const isEmptyContractorSubscriptions = contractorSubscriptions?.length === 0;
 
-  const isOnlyCORSubscription =
-    contractorSubscriptions?.length === 1 &&
-    contractorSubscriptions[0].product.short_name === 'COR';
+  const isSingleSubscription = contractorSubscriptions?.length === 1;
 
   const corSubscription = contractorSubscriptions?.find(
     (subscription) => subscription.product.short_name === 'COR',
@@ -403,7 +401,7 @@ export const useContractorSubscriptionSchemaField = (
     corSubscription?.eligibility_questionnaire?.is_blocking;
 
   const showEorSubscription =
-    (isOnlyCORSubscription ||
+    (isSingleSubscription ||
       isEligibilityQuestionnaireBlocked === true ||
       isEmptyContractorSubscriptions) &&
     selectedCountry?.eor_onboarding;

src/flows/ContractorOnboarding/tests/ContractorOnboarding.test.tsx

@@ -44,6 +44,7 @@ import {
   mockContractorSubscriptionWithBlockedEligibilityResponse,
   mockContractorSubscriptionWithEligibilityResponse,
   mockCOROnlyResponse,
+  mockCMOnlyResponse,
 } from '@/src/common/api/fixtures/contractors-subscriptions';
 import { mockBlockedEligibilityQuestionnaireResponse } from '@/src/common/api/fixtures/eligibility-questionnaire';
 
@@ -2327,6 +2328,45 @@ describe('ContractorOnboardingFlow', () => {
       });
     });
 
+    it('should show Employer of Record option when only CM subscription is available', async () => {
+      server.use(
+        http.get(
+          '*/v1/contractors/employments/*/contractor-subscriptions',
+          () => {
+            return HttpResponse.json(mockCMOnlyResponse);
+          },
+        ),
+      );
+
+      mockRender.mockImplementation(
+        createMockRenderImplementation(MultiStepFormWithoutCountry),
+      );
+
+      render(
+        <ContractorOnboardingFlow
+          {...defaultProps}
+          countryCode='PRT'
+          skipSteps={['select_country']}
+        />,
+        { wrapper: TestProviders },
+      );
+
+      await screen.findByText(/Step: Basic Information/i);
+      await fillBasicInformation();
+
+      const nextButton = screen.getByText(/Next Step/i);
+      nextButton.click();
+
+      await screen.findByText(/Step: Pricing Plan/i);
+
+      await waitFor(() => {
+        const eorOption = screen.getByRole('radio', {
+          name: /Employer of Record/i,
+        });
+        expect(eorOption).toBeInTheDocument();
+      });
+    });
+
     it('should NOT show Employer of Record option when eor_onboarding is false', async () => {
       server.use(
         http.get('*/v1/countries', () => {