release(cp): fix: Contentful prioritization

Author: mcbridemarci

shared/constants/app-state.ts

@@ -32,4 +32,5 @@ export type CarouselSlide = {
   undismissable?: boolean;
   startDate?: string;
   endDate?: string;
+  priorityPlacement?: boolean;
 };

ui/components/multichain/carousel/carousel.tsx

@@ -74,6 +74,14 @@ export const Carousel = React.forwardRef(
         return !slide.dismissed || slide.undismissable;
       })
       .sort((a, b) => {
+        // Prioritize Contentful Priority slides
+        if (a.priorityPlacement === true && b.priorityPlacement !== true) {
+          return -1;
+        }
+        if (a.priorityPlacement !== true && b.priorityPlacement === true) {
+          return 1;
+        }
+
         if (!useExternalServices) {
           if (a.id === BASIC_FUNCTIONALITY_SLIDE.id) {
             return -1;

ui/hooks/useCarouselManagement/fetchCarouselSlidesFromContentful.ts

@@ -82,6 +82,7 @@ export async function fetchCarouselSlidesFromContentful(): Promise<{
       dismissed: false,
       startDate,
       endDate,
+      priorityPlacement,
     };
 
     if (priorityPlacement) {

ui/hooks/useCarouselManagement/useCarouselManagement.test.ts

@@ -544,6 +544,49 @@ describe('useCarouselManagement', () => {
     });
   });
 
+  describe('priorityPlacement', () => {
+    it('should place priority slides before regular contentful slides', async () => {
+      const PRIORITY_SLIDE: CarouselSlide = {
+        ...FUND_SLIDE,
+        id: 'contentful-priority-slide-id',
+        dismissed: false,
+        priorityPlacement: true,
+        title: 'Priority Slide',
+        description: 'Comes first',
+        image: 'priority.png',
+      };
+
+      const REGULAR_SLIDE: CarouselSlide = {
+        ...CARD_SLIDE,
+        id: 'regular-slide-id',
+        dismissed: false,
+        title: 'Regular Slide',
+        description: 'Comes later',
+        image: 'regular.png',
+      };
+
+      jest.mocked(fetchCarouselSlidesFromContentful).mockResolvedValueOnce({
+        prioritySlides: [PRIORITY_SLIDE],
+        regularSlides: [REGULAR_SLIDE],
+      });
+
+      renderHook(() =>
+        useCarouselManagement({ testDate: new Date().toISOString() }),
+      );
+
+      await waitFor(() => expect(mockUpdateSlides).toHaveBeenCalled());
+
+      const updatedSlides = mockUpdateSlides.mock.calls[0][0];
+      const ids = updatedSlides.map((s) => s.id);
+
+      expect(ids).toContain('contentful-priority-slide-id');
+      expect(ids).toContain('regular-slide-id');
+      expect(ids.indexOf('contentful-priority-slide-id')).toBeLessThan(
+        ids.indexOf('regular-slide-id'),
+      );
+    });
+  });
+
   describe('Smart account upgrade slide', () => {
     beforeEach(() => {
       mockGetUseExternalServices.mockReturnValue(false);