Api: fetch from GET /subscription_user endpoint (#1466)

* build(deps): bump the prod-deps group with 4 updates

Bumps the prod-deps group with 4 updates: [@storyblok/react](https://github.com/storyblok/storyblok-react), [axios](https://github.com/axios/axios), [firebase](https://github.com/firebase/firebase-js-sdk) and [next-intl](https://github.com/amannn/next-intl).


Updates `@storyblok/react` from 4.6.0 to 4.6.1
- [Release notes](https://github.com/storyblok/storyblok-react/releases)
- [Commits](storyblok/storyblok-react@v4.6.0...v4.6.1)

Updates `axios` from 1.8.4 to 1.9.0
- [Release notes](https://github.com/axios/axios/releases)
- [Changelog](https://github.com/axios/axios/blob/v1.x/CHANGELOG.md)
- [Commits](axios/axios@v1.8.4...v1.9.0)

Updates `firebase` from 11.6.0 to 11.6.1
- [Release notes](https://github.com/firebase/firebase-js-sdk/releases)
- [Changelog](https://github.com/firebase/firebase-js-sdk/blob/main/CHANGELOG.md)
- [Commits](https://github.com/firebase/firebase-js-sdk/compare/firebase@11.6.0...firebase@11.6.1)

Updates `next-intl` from 4.0.2 to 4.1.0
- [Release notes](https://github.com/amannn/next-intl/releases)
- [Changelog](https://github.com/amannn/next-intl/blob/main/CHANGELOG.md)
- [Commits](amannn/next-intl@v4.0.2...v4.1.0)

---
updated-dependencies:
- dependency-name: "@storyblok/react"
  dependency-version: 4.6.1
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: prod-deps
- dependency-name: axios
  dependency-version: 1.9.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: prod-deps
- dependency-name: firebase
  dependency-version: 11.6.1
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: prod-deps
- dependency-name: next-intl
  dependency-version: 4.1.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: prod-deps
...

Signed-off-by: dependabot[bot] <support@github.com>

* Api: Fetch subscription user data from new endpoint

* UI: Fixed Whatsapp signup banner flow

* Fix: resolve build error in whatsapp forms

* Final: Centralized data to Notes page

* Final: Rename subscription user query

* Fix: Remove comments

* Fix: Remove activeSubscription from addUser

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: kyleecodes

components/pages/NotesPage.tsx

@@ -7,6 +7,7 @@ import WhatsappSubscribeForm from '@/components/forms/WhatsappSubscribeForm';
 import WhatsappUnsubscribeForm from '@/components/forms/WhatsappUnsubscribeForm';
 import Header, { HeaderProps } from '@/components/layout/Header';
 import StoryblokPageSection from '@/components/storyblok/StoryblokPageSection';
+import { useGetSubscriptionsUserQuery } from '@/lib/api';
 import { useTypedSelector } from '@/lib/hooks/store';
 import illustrationChange from '@/public/illustration_change.svg';
 import illustrationChooseTherapist from '@/public/illustration_choose_therapist.svg';
@@ -61,6 +62,10 @@ export default function NotesPage({ story }: Props) {
   const userActiveSubscriptions = useTypedSelector((state) => state.user.activeSubscriptions);
   const userId = useTypedSelector((state) => state.user.id);
 
+  const { data: subscriptions } = useGetSubscriptionsUserQuery(undefined, {
+    skip: !userId,
+  });
+
   useEffect(() => {
     setHasActiveWhatsappSub(hasWhatsappSubscription(userActiveSubscriptions));
   }, [userActiveSubscriptions]);

lib/api.ts

@@ -275,6 +275,14 @@ export const api = createApi({
       },
       providesTags: [{ type: 'UserCourses' }],
     }),
+    getSubscriptionsUser: builder.query<Subscriptions, void>({
+      query() {
+        return {
+          url: 'subscription-user',
+          method: 'GET',
+        };
+      },
+    }),
   }),
 });
 
@@ -302,4 +310,5 @@ export const {
   useStartResourceMutation,
   useCompleteResourceMutation,
   useGetUserCoursesQuery,
+  useGetSubscriptionsUserQuery,
 } = api;

lib/store/userSlice.tsx

@@ -1,4 +1,4 @@
-import { api, GetUserResponse } from '@/lib/api';
+import { api } from '@/lib/api';
 import { EMAIL_REMINDERS_FREQUENCY, LANGUAGES } from '@/lib/constants/enums';
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import { PartnerAccesses } from './partnerAccessSlice';
@@ -135,23 +135,18 @@ const slice = createSlice({
 
   extraReducers: (builder) => {
     builder.addMatcher(api.endpoints.addUser.matchFulfilled, (state, { payload }) => {
-      const activeSubscriptions = getActiveSubscriptions(payload);
-
-      return Object.assign({}, state, payload.user, { activeSubscriptions });
+      return Object.assign({}, state, payload.user);
     });
     builder.addMatcher(api.endpoints.updateUser.matchFulfilled, (state, { payload }) => {
       return Object.assign({}, state, payload);
     });
     builder.addMatcher(api.endpoints.getUser.matchFulfilled, (state, { payload }) => {
-      const activeSubscriptions = getActiveSubscriptions(payload);
-
-      return Object.assign({}, state, payload.user, { activeSubscriptions });
+      return Object.assign({}, state, payload.user);
     });
     builder.addMatcher(api.endpoints.subscribeToWhatsapp.matchFulfilled, (state, { payload }) => {
       if (isSubscriptionActive(payload)) {
         state.activeSubscriptions.push(payload);
       }
-
       return state;
     });
     builder.addMatcher(
@@ -163,12 +158,16 @@ const slice = createSlice({
         return state;
       },
     );
+    builder.addMatcher(api.endpoints.getSubscriptionsUser.matchFulfilled, (state, { payload }) => {
+      state.activeSubscriptions = getActiveSubscriptions(payload);
+      return state;
+    });
   },
 });
 
-const getActiveSubscriptions = (payload: GetUserResponse): ActiveSubscription[] => {
-  if (payload.subscriptions && payload.subscriptions.length > 0) {
-    return payload.subscriptions.filter(isSubscriptionActive);
+const getActiveSubscriptions = (subscriptions: Subscriptions): ActiveSubscription[] => {
+  if (subscriptions && subscriptions.length > 0) {
+    return subscriptions.filter(isSubscriptionActive);
   }
   return [];
 };