refactor: to remove query to load menu feature toggles (#3578)

* refactor: to remove query to load menu feature toggles

* chore: add changeset

.changeset/orange-vans-turn.md

@@ -0,0 +1,5 @@
+---
+"@commercetools-frontend/application-shell": patch
+---
+
+Remove usage of query to load menu feature toggles.

@types-extensions/graphql-proxy/index.d.ts

@@ -1,14 +1,6 @@
 /* THIS IS A GENERATED FILE */
 /* eslint-disable import/no-duplicates */
 
-declare module '*/fetch-all-menu-feature-toggles.proxy.graphql' {
-  import { DocumentNode } from 'graphql';
-  const defaultDocument: DocumentNode;
-  export const FetchAllMenuFeatureToggles: DocumentNode;
-
-  export default defaultDocument;
-}
-
 declare module '*/fetch-applications-menu.proxy.graphql' {
   import { DocumentNode } from 'graphql';
   const defaultDocument: DocumentNode;

packages/application-shell/src/components/application-shell/application-shell.spec.js

@@ -191,11 +191,6 @@ const getDefaultMockResolvers = (mocks = {}) => {
           })
         )
       ),
-    graphql
-      .link(`${window.location.origin}/api/graphql`)
-      .query('FetchAllMenuFeatureToggles', (req, res, ctx) =>
-        res(ctx.data({ allFeatureToggles: [] }))
-      ),
   ];
 };
 const mockServer = setupServer(
@@ -1344,11 +1339,6 @@ describe('navbar menu links interactions', () => {
               })
             )
           ),
-        graphql
-          .link(`${window.location.origin}/api/graphql`)
-          .query('FetchAllMenuFeatureToggles', (req, res, ctx) =>
-            res(ctx.data({ allFeatureToggles: [] }))
-          ),
         ...getDefaultMockResolvers()
       );
     });

packages/application-shell/src/components/setup-flop-flip-provider/setup-flop-flip-provider.tsx

@@ -16,7 +16,6 @@ import {
   GRAPHQL_TARGETS,
   featureFlags,
 } from '@commercetools-frontend/constants';
-import useAllMenuFeatureToggles from '../../hooks/use-all-menu-feature-toggles';
 import type {
   TAllFeaturesQuery,
   TFetchLoggedInUserQuery,
@@ -122,7 +121,6 @@ export const SetupFlopFlipProvider = (props: TSetupFlopFlipProviderProps) => {
     TAdditionalEnvironmentProperties['enableLongLivedFeatureFlags'],
     TAdditionalEnvironmentProperties
   >((context) => context.environment.enableLongLivedFeatureFlags);
-  const allMenuFeatureToggles = useAllMenuFeatureToggles();
   const flags = useMemo(
     () => ({
       ...featureFlags.FLAGS,
@@ -141,10 +139,9 @@ export const SetupFlopFlipProvider = (props: TSetupFlopFlipProviderProps) => {
   const defaultFlags = useMemo(
     () => ({
       ...featureFlags.DEFAULT_FLAGS,
-      ...allMenuFeatureToggles.allFeatureToggles,
       ...props.defaultFlags,
     }),
-    [allMenuFeatureToggles.allFeatureToggles, props.defaultFlags]
+    [props.defaultFlags]
   );
 
   const adapterArgs = useMemo(
@@ -222,7 +219,7 @@ export const SetupFlopFlipProvider = (props: TSetupFlopFlipProviderProps) => {
       shouldDeferAdapterConfiguration={
         typeof props.shouldDeferAdapterConfiguration === 'boolean'
           ? props.shouldDeferAdapterConfiguration
-          : !props.user || allMenuFeatureToggles.isLoading
+          : !props.user
       }
     >
       {props.children}