@databiosphere/findable-ui 34.1.0 → 35.0.2

package/src/services/beforePopState/popStateBus.ts

@@ -0,0 +1,64 @@
+import Router from "next/router";
+import { BeforePopStateCallback, NextHistoryState } from "./types";
+
+/**
+ * Pop‐State Event Bus
+ *
+ * Provides a centralized mechanism for components to intercept
+ * and optionally prevent Back/Forward navigation (Next.js beforePopState).
+ */
+
+/**
+ * A set of callback functions that will run before Next.js performs a pop.
+ * Each callback returns `true` to allow navigation or `false` to block.
+ */
+const beforePopCallbacks = new Set<BeforePopStateCallback>();
+
+/**
+ * Register a callback to be invoked immediately before any Next.js pop navigation.
+ * Return `false` from your callback to prevent the pop; otherwise return `true`.
+ * @param cb - The callback function to register.
+ */
+export function registerBeforePopCallback(cb: BeforePopStateCallback): void {
+  beforePopCallbacks.add(cb);
+}
+
+/**
+ * Unregister a previously registered “before pop” callback.
+ * @param cb - The callback function to unregister.
+ */
+export function unregisterBeforePopCallback(cb: BeforePopStateCallback): void {
+  beforePopCallbacks.delete(cb);
+}
+
+/**
+ * Ensures that we only hook into Next.js once. After install, any pop event
+ * will first invoke all registered callbacks and only proceed if all return true.
+ */
+let hasInstalledInterceptor = false;
+
+/**
+ * Install the global “before pop” interceptor into Next.js’s router.
+ * Subsequent calls to this function will be no‐ops.
+ *
+ * This method must be called once (e.g. in your app’s top‐level code)
+ * to enable the pop‐state bus.
+ */
+export function registerPopStateHandler(): void {
+  if (hasInstalledInterceptor) return;
+  hasInstalledInterceptor = true;
+
+  Router.beforePopState((state: NextHistoryState) => {
+    // Iteratively call every callback. If any returns false, block navigation.
+    let allAllow = true;
+    beforePopCallbacks.forEach((cb) => {
+      try {
+        if (cb(state) === false) allAllow = false;
+      } catch (e: unknown) {
+        console.error("Pop listener failed:", e);
+      }
+    });
+
+    return allAllow;
+  });
+}

package/src/services/beforePopState/types.ts

@@ -0,0 +1,15 @@
+import Router from "next/router";
+
+/**
+ * Type representing the callback function passed to beforePopState.
+ * Extracted from the Next.js Router.beforePopState API.
+ */
+export type BeforePopStateCallback = Parameters<
+  typeof Router.beforePopState
+>[0];
+
+/**
+ * Type representing the state passed to beforePopState.
+ * Extracted from the Next.js Router.beforePopState API.
+ */
+export type NextHistoryState = Parameters<BeforePopStateCallback>[0];

package/src/services/beforePopState/useOnPopState.ts

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+import {
+  registerBeforePopCallback,
+  unregisterBeforePopCallback,
+} from "./popStateBus";
+import { BeforePopStateCallback } from "./types";
+
+export const useOnPopState = (cb: BeforePopStateCallback): void => {
+  useEffect(() => {
+    registerBeforePopCallback(cb);
+    return (): void => {
+      unregisterBeforePopCallback(cb);
+    };
+  }, [cb]);
+};

package/src/services/beforePopState/usePopStateBus.ts

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { registerPopStateHandler } from "./popStateBus";
+
+/**
+ * Registers the single global `router.beforePopState` handler that
+ * fans out to all feature listeners.
+ * Safe to call multiple times - only the first invocation does the real install.
+ */
+
+export const usePopStateBus = (): void => {
+  useEffect(() => {
+    registerPopStateHandler();
+  }, []);
+};

package/src/views/ExploreView/exploreView.tsx

@@ -25,6 +25,7 @@ import {
   ComponentsConfig,
   SummaryConfig,
 } from "../../config/entities";
+import { useStateSyncManager } from "../../hooks/stateSyncManager/hook";
 import {
   BREAKPOINT_FN_NAME,
   useBreakpointHelper,
@@ -34,10 +35,13 @@ import { useEntityList } from "../../hooks/useEntityList";
 import { useExploreState } from "../../hooks/useExploreState";
 import { useSummary } from "../../hooks/useSummary";
 import { ExploreActionKind } from "../../providers/exploreState";
+import { clearMeta } from "../../providers/exploreState/actions/clearMeta/dispatch";
+import { stateToUrl } from "../../providers/exploreState/actions/stateToUrl/dispatch";
+import { urlToState } from "../../providers/exploreState/actions/urlToState/dispatch";
 import { SELECT_CATEGORY_KEY } from "../../providers/exploreState/constants";
-import { ExploreStateSyncProvider } from "../../providers/exploreStateSync/provider";
 import { TEST_IDS } from "../../tests/testIds";
 import { DESKTOP_SM } from "../../theme/common/breakpoints";
+import { buildStateSyncManagerContext } from "./utils";
 
 export interface ExploreViewProps extends AzulEntitiesStaticResponse {
   className?: string;
@@ -60,6 +64,16 @@ export const ExploreView = (props: ExploreViewProps): JSX.Element => {
     [categoryGroups, categoryViews]
   );
 
+  /**
+   * State sync manager.
+   * Handles state synchronization between the explore state and the URL.
+   */
+  useStateSyncManager({
+    actions: { clearMeta, stateToUrl, urlToState },
+    dispatch: exploreDispatch,
+    state: buildStateSyncManagerContext(exploreState, props),
+  });
+
   /**
    * Closes filter drawer.
    */
@@ -142,7 +156,7 @@ export const ExploreView = (props: ExploreViewProps): JSX.Element => {
   }, [entityListType, exploreDispatch]);
 
   return (
-    <ExploreStateSyncProvider>
+    <>
       {categoryViews && !!categoryViews.length && (
         <Sidebar drawerOpen={isDrawerOpen} onDrawerClose={onCloseDrawer}>
           <SidebarTools data-testid={TEST_IDS.FILTER_CONTROLS}>
@@ -183,7 +197,7 @@ export const ExploreView = (props: ExploreViewProps): JSX.Element => {
         Tabs={<Tabs />}
         title={entityConfig.explorerTitle || explorerTitle}
       />
-    </ExploreStateSyncProvider>
+    </>
   );
 };
 

package/src/views/ExploreView/utils.ts

@@ -0,0 +1,25 @@
+import { ComponentProps } from "react";
+import { StateSyncManagerContext } from "../../hooks/stateSyncManager/types";
+import { ExploreState } from "../../providers/exploreState";
+import { EXPLORE_URL_PARAMS } from "../../providers/exploreState/constants";
+import { ExploreView } from "./exploreView";
+
+/**
+ *Builds the state sync manager context object for URL-state synchronization.
+ * - Command: The meta command that signals a URL update operation is needed e.g. "STATE_TO_URL_PUSH" or "STATE_TO_URL_REPLACE".
+ * - ParamKeys: Expected list of URL parameter keys that should be synchronized with state e.g. "filter", "catalog".
+ * - Query: Entity related query object from state that should be synchronized with the URL.
+ * @param exploreState - Explore state.
+ * @param pageProps - Page props.
+ * @returns The state sync manager context.
+ */
+export function buildStateSyncManagerContext(
+  exploreState: ExploreState,
+  pageProps: ComponentProps<typeof ExploreView>
+): StateSyncManagerContext {
+  return {
+    command: exploreState.meta?.command,
+    paramKeys: Object.values(EXPLORE_URL_PARAMS),
+    query: exploreState.entities[pageProps.entityListType].query,
+  };
+}

package/lib/providers/exploreState/actions/syncStateFromUrl/action.d.ts

@@ -1,10 +0,0 @@
-import { ExploreState } from "../../../exploreState";
-import { SyncStateFromUrlPayload } from "./types";
-/**
- * Reducer function to handle the "sync state from URL" action.
- * Updates the catalog state, feature flag state, and the payload entity's filter state.
- * @param state - Explore State.
- * @param payload - Payload.
- * @returns explore state.
- */
-export declare function syncStateFromUrlAction(state: ExploreState, payload: SyncStateFromUrlPayload): ExploreState;

package/lib/providers/exploreState/actions/syncStateFromUrl/action.js

@@ -1,25 +0,0 @@
-import { getEntityCategoryGroupConfigKey, updateEntityStateByCategoryGroupConfigKey, } from "../../utils";
-import { buildNextState } from "./utils";
-/**
- * Reducer function to handle the "sync state from URL" action.
- * Updates the catalog state, feature flag state, and the payload entity's filter state.
- * @param state - Explore State.
- * @param payload - Payload.
- * @returns explore state.
- */
-export function syncStateFromUrlAction(state, payload) {
-    // Build the next state.
-    const nextState = buildNextState(state, payload);
-    // Grab the category group config key for the payload entityListType.
-    const categoryGroupConfigKey = getEntityCategoryGroupConfigKey(payload.entityListType, state.entityPageState);
-    // Update the entity state by category group config key.
-    updateEntityStateByCategoryGroupConfigKey(state, {
-        filterState: payload.filterState,
-        savedFilterState: [],
-    }, categoryGroupConfigKey);
-    // Return the updated state.
-    return {
-        ...state,
-        ...nextState,
-    };
-}

package/lib/providers/exploreState/actions/syncStateFromUrl/dispatch.d.ts

@@ -1,7 +0,0 @@
-import { SyncStateFromUrlAction, SyncStateFromUrlPayload } from "./types";
-/**
- * Action creator for syncing state from URL.
- * @param payload - Payload.
- * @returns Action with payload and action type.
- */
-export declare function syncStateFromUrl(payload: SyncStateFromUrlPayload): SyncStateFromUrlAction;

package/lib/providers/exploreState/actions/syncStateFromUrl/types.d.ts

@@ -1,8 +0,0 @@
-import { ExploreActionKind, ExploreState } from "../../../exploreState";
-export type SyncStateFromUrlAction = {
-    payload: SyncStateFromUrlPayload;
-    type: ExploreActionKind.SyncStateFromUrl;
-};
-export type SyncStateFromUrlPayload = Pick<ExploreState, "catalogState" | "featureFlagState" | "filterState"> & {
-    entityListType: string;
-};

package/lib/providers/exploreState/actions/syncStateFromUrl/utils.d.ts

@@ -1,9 +0,0 @@
-import { ExploreState } from "../../../exploreState";
-import { SyncStateFromUrlPayload } from "./types";
-/**
- * Builds the next state, syncing the catalog state, feature flag state, and filter state.
- * @param state - Explore state.
- * @param payload - Payload.
- * @returns state.
- */
-export declare function buildNextState(state: ExploreState, payload: SyncStateFromUrlPayload): Partial<ExploreState>;

package/lib/providers/exploreState/actions/syncStateFromUrl/utils.js

@@ -1,23 +0,0 @@
-import { getFilterCount } from "../../../exploreState/utils";
-/**
- * Builds the next state, syncing the catalog state, feature flag state, and filter state.
- * @param state - Explore state.
- * @param payload - Payload.
- * @returns state.
- */
-export function buildNextState(state, payload) {
-    // Initialize filter count and filter state from current state.
-    let filterCount = state.filterCount;
-    let filterState = state.filterState;
-    // Only update filter count and filter state if the payload entityListType matches the current tab value.
-    if (payload.entityListType === state.tabValue) {
-        filterCount = getFilterCount(payload.filterState);
-        filterState = payload.filterState;
-    }
-    return {
-        catalogState: payload.catalogState,
-        featureFlagState: payload.featureFlagState,
-        filterCount,
-        filterState,
-    };
-}

package/lib/providers/exploreState/hooks/UseBeforePopState/useBeforePopState.d.ts

@@ -1,18 +0,0 @@
-import { ExploreStateContextProps } from "../../../exploreState";
-/**
- * useBeforePopState
- *
- * Keeps ExploreState, URL, and page props aligned when the user clicks
- * the browser Back / Forward buttons.
- *
- * This hook runs inside `ExploreStateProvider` (mounted once in `_app`).
- * It adds a single `router.beforePopState` handler that:
- * - Parses the destination URL.
- * - Dispatches `syncStateFromUrl` so filters, catalogue, and feature-flags in context match the URL.
- * - Calls `router.replace(...{ shallow: false })` to trigger a full page transition, ensuring Next.js
- *   re-executes data-fetching methods that shallow routing would otherwise skip.
- *
- * The provider never unmounts, and a second call to `router.beforePopState` simply overwrites the handler.
- * Cleaning up here would wipe out any handler registered later by other code.
- */
-export declare const useBeforePopState: ({ exploreDispatch, }: ExploreStateContextProps) => void;

package/lib/providers/exploreState/hooks/UseBeforePopState/useBeforePopState.js

@@ -1,41 +0,0 @@
-import { useRouter } from "next/router";
-import { useEffect } from "react";
-import { syncStateFromUrl } from "../../../exploreState/actions/syncStateFromUrl/dispatch";
-import { getSyncStateFromUrl } from "./utils";
-/**
- * useBeforePopState
- *
- * Keeps ExploreState, URL, and page props aligned when the user clicks
- * the browser Back / Forward buttons.
- *
- * This hook runs inside `ExploreStateProvider` (mounted once in `_app`).
- * It adds a single `router.beforePopState` handler that:
- * - Parses the destination URL.
- * - Dispatches `syncStateFromUrl` so filters, catalogue, and feature-flags in context match the URL.
- * - Calls `router.replace(...{ shallow: false })` to trigger a full page transition, ensuring Next.js
- *   re-executes data-fetching methods that shallow routing would otherwise skip.
- *
- * The provider never unmounts, and a second call to `router.beforePopState` simply overwrites the handler.
- * Cleaning up here would wipe out any handler registered later by other code.
- */
-export const useBeforePopState = ({ exploreDispatch, }) => {
-    const router = useRouter();
-    useEffect(() => {
-        router.beforePopState(({ as, options, url }) => {
-            // Grab the expected state from URL.
-            const payload = getSyncStateFromUrl(url, as);
-            // Only dispatch if the url contains the dynamic segment `[entityListType]`.
-            if (payload.entityListType) {
-                // Sync state from URL.
-                exploreDispatch(syncStateFromUrl(payload));
-                // Force a full route transition to ensure page props are refreshed.
-                router.replace(url, as, { ...options, shallow: false });
-                return false;
-            }
-            // Return true to allow the popstate event to continue.
-            return true;
-        });
-        // No cleanup handler: see the JSDoc above for why we do not reset beforePopState here.
-        // Resetting would remove any handler registered by other parts of the app after this hook mounted.
-    }, [exploreDispatch, router]);
-};

package/lib/providers/exploreState/hooks/UseBeforePopState/utils.d.ts

@@ -1,23 +0,0 @@
-import { SelectedFilter } from "../../../../common/entities";
-import { SyncStateFromUrlPayload } from "../../../exploreState/actions/syncStateFromUrl/types";
-/**
- * Returns the filters from the resolved URL.
- * @param paramValue - The filter parameter value.
- * @returns The filters or an empty array.
- */
-export declare function decodeFiltersParamValue(paramValue: string | undefined): SelectedFilter[];
-/**
- * Returns a parameter from the resolved URL.
- * @param resolved - The resolved URL.
- * @param param - The parameter to extract.
- * @returns The parameter value or undefined.
- */
-export declare function getParamValue(resolved: string, param: string): string | undefined;
-/**
- * Returns the entity list type, filters, and feature flag state from the URL.
- * A dynamic segment that is not exactly `[entityListType]` is not supported will return entityListType as an empty string.
- * @param url - The URL to extract from.
- * @param as - The resolved URL.
- * @returns An object containing the entity list type, filters, and feature flag state.
- */
-export declare function getSyncStateFromUrl(url: string, as: string): SyncStateFromUrlPayload;

package/lib/providers/exploreState/hooks/UseBeforePopState/utils.js

@@ -1,68 +0,0 @@
-import { EXPLORE_URL_PARAMS } from "../../../exploreState/constants";
-/**
- * Returns the filters from the resolved URL.
- * @param paramValue - The filter parameter value.
- * @returns The filters or an empty array.
- */
-export function decodeFiltersParamValue(paramValue) {
-    return JSON.parse(decodeURIComponent(paramValue || "[]"));
-}
-/**
- * Returns the dynamic segment from the resolved URL.
- * @param pattern - The pattern URL.
- * @param resolved - The resolved URL.
- * @param dynamicSegment - The dynamic segment to extract.
- * @returns The dynamic segment or an empty string.
- */
-function getDynamicSegment(pattern, resolved, dynamicSegment = "[entityListType]") {
-    // Remove query strings.
-    const patternPath = pattern.split("?")[0];
-    const resolvedPath = resolved.split("?")[0];
-    // Check if the pattern ends with the dynamic segment e.g. /data/[entityListType].
-    // We are not interested in a pattern the suggests we are on an entity page e.g. /data/[entityListType]/[entityId].
-    if (!patternPath.endsWith(`/${dynamicSegment}`))
-        return "";
-    // Split into segments.
-    const patternSegments = patternPath.split("/");
-    const resolvedSegments = resolvedPath.split("/");
-    // Find the dynamic segment.
-    const idx = patternSegments.findIndex((seg) => seg === dynamicSegment);
-    if (idx === -1)
-        return "";
-    return resolvedSegments[idx] || "";
-}
-/**
- * Returns a parameter from the resolved URL.
- * @param resolved - The resolved URL.
- * @param param - The parameter to extract.
- * @returns The parameter value or undefined.
- */
-export function getParamValue(resolved, param) {
-    // Grab the params from the resolved URL.
-    const params = new URLSearchParams(resolved.split("?")[1]);
-    const paramValue = params.get(param);
-    // Return the parameter value or undefined.
-    if (!paramValue)
-        return;
-    return paramValue;
-}
-/**
- * Returns the entity list type, filters, and feature flag state from the URL.
- * A dynamic segment that is not exactly `[entityListType]` is not supported will return entityListType as an empty string.
- * @param url - The URL to extract from.
- * @param as - The resolved URL.
- * @returns An object containing the entity list type, filters, and feature flag state.
- */
-export function getSyncStateFromUrl(url, as) {
-    // Get the entity list type from the url.
-    const entityListType = getDynamicSegment(url, as);
-    // Get the param values for each param.
-    const [catalogState, featureFlagState, filter] = [
-        EXPLORE_URL_PARAMS.CATALOG,
-        EXPLORE_URL_PARAMS.FEATURE_FLAG,
-        EXPLORE_URL_PARAMS.FILTER,
-    ].map((param) => getParamValue(as, param));
-    // Decode the filter param value to selected filters.
-    const filterState = decodeFiltersParamValue(filter);
-    return { catalogState, entityListType, featureFlagState, filterState };
-}

package/lib/providers/exploreStateSync/hooks/UseMetaCommands/handlers.d.ts

@@ -1,10 +0,0 @@
-import { NextRouter } from "next/router";
-import { ExploreQueryState } from "./types";
-/**
- * Updates the URL query parameters based on state.
- * Pushes or replaces the query to the router.
- * @param state - State -- partial explore state.
- * @param currentQuery - Query -- current.
- * @param method - "push" or "replace".
- */
-export declare function updateUrlFromState(state: ExploreQueryState, currentQuery: NextRouter["query"], method?: "push" | "replace"): void;

package/lib/providers/exploreStateSync/hooks/UseMetaCommands/handlers.js

@@ -1,18 +0,0 @@
-import Router from "next/router";
-import { buildQuery, stringifyQuery } from "./utils";
-/**
- * Updates the URL query parameters based on state.
- * Pushes or replaces the query to the router.
- * @param state - State -- partial explore state.
- * @param currentQuery - Query -- current.
- * @param method - "push" or "replace".
- */
-export function updateUrlFromState(state, currentQuery, method = "push") {
-    // Build the next query.
-    const query = buildQuery(state);
-    // Do nothing if the next query is the same as the current query.
-    if (stringifyQuery(query) === stringifyQuery(currentQuery))
-        return;
-    // Push or replace the query to the router.
-    Router[method]({ query }, undefined, { shallow: true });
-}

package/lib/providers/exploreStateSync/hooks/UseMetaCommands/hook.d.ts

@@ -1 +0,0 @@
-export declare const useMetaCommands: () => void;

package/lib/providers/exploreStateSync/hooks/UseMetaCommands/hook.js

@@ -1,33 +0,0 @@
-import { useRouter } from "next/router";
-import { useEffect, useMemo } from "react";
-import { useExploreState } from "../../../../hooks/useExploreState";
-import { clearMeta } from "../../../exploreState/actions/clearMeta/dispatch";
-import { updateUrlFromState } from "./handlers";
-import { META_COMMAND } from "./types";
-import { getQueryState } from "./utils";
-export const useMetaCommands = () => {
-    const { exploreDispatch, exploreState } = useExploreState();
-    // Router must be ready before executing any meta-command side effects.
-    const { isReady, query } = useRouter();
-    // Command.
-    const command = exploreState.meta?.command;
-    // Extract relevant state to update URL.
-    const state = useMemo(() => getQueryState(exploreState), [exploreState]);
-    useEffect(() => {
-        // Do nothing if the router is not ready.
-        if (!isReady)
-            return;
-        switch (command) {
-            case META_COMMAND.STATE_TO_URL_PUSH:
-                updateUrlFromState(state, query);
-                exploreDispatch(clearMeta());
-                break;
-            case META_COMMAND.STATE_TO_URL_REPLACE:
-                updateUrlFromState(state, query, "replace");
-                exploreDispatch(clearMeta());
-                break;
-            default:
-                break;
-        }
-    }, [command, exploreDispatch, isReady, query, state]);
-};

package/lib/providers/exploreStateSync/hooks/UseMetaCommands/types.d.ts

@@ -1,11 +0,0 @@
-import { ExploreState } from "../../../exploreState";
-export interface ExploreQueryState {
-    catalog: ExploreState["catalogState"];
-    entityListType: ExploreState["tabValue"];
-    ff: ExploreState["featureFlagState"];
-    filter: ExploreState["filterState"];
-}
-export declare enum META_COMMAND {
-    STATE_TO_URL_PUSH = "STATE_TO_URL_PUSH",
-    STATE_TO_URL_REPLACE = "STATE_TO_URL_REPLACE"
-}

package/lib/providers/exploreStateSync/provider.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from "react";
-/**
- * Synchronizes the ExploreView component's state with the Next.js URL.
- *
- * Listens for reducer meta-commands (`STATE_TO_URL_PUSH`/`STATE_TO_URL_REPLACE`)
- * and updates the URL accordingly using router methods.
- *
- * Usage:
- * ```tsx
- * <ExploreStateProvider>
- *   <ExploreStateSyncProvider>
- *     <ExploreView />
- *   </ExploreStateSyncProvider>
- * </ExploreStateProvider>
- * ```
- */
-export declare function ExploreStateSyncProvider({ children, }: {
-    children: ReactNode;
-}): JSX.Element;

package/lib/providers/exploreStateSync/provider.js

@@ -1,22 +0,0 @@
-import React from "react";
-import { useMetaCommands } from "./hooks/UseMetaCommands/hook";
-/**
- * Synchronizes the ExploreView component's state with the Next.js URL.
- *
- * Listens for reducer meta-commands (`STATE_TO_URL_PUSH`/`STATE_TO_URL_REPLACE`)
- * and updates the URL accordingly using router methods.
- *
- * Usage:
- * ```tsx
- * <ExploreStateProvider>
- *   <ExploreStateSyncProvider>
- *     <ExploreView />
- *   </ExploreStateSyncProvider>
- * </ExploreStateProvider>
- * ```
- */
-export function ExploreStateSyncProvider({ children, }) {
-    // Meta-command related side effects.
-    useMetaCommands();
-    return React.createElement(React.Fragment, null, children);
-}

package/src/providers/exploreState/actions/syncStateFromUrl/action.ts

@@ -1,44 +0,0 @@
-import { ExploreState } from "../../../exploreState";
-import {
-  getEntityCategoryGroupConfigKey,
-  updateEntityStateByCategoryGroupConfigKey,
-} from "../../utils";
-import { SyncStateFromUrlPayload } from "./types";
-import { buildNextState } from "./utils";
-
-/**
- * Reducer function to handle the "sync state from URL" action.
- * Updates the catalog state, feature flag state, and the payload entity's filter state.
- * @param state - Explore State.
- * @param payload - Payload.
- * @returns explore state.
- */
-export function syncStateFromUrlAction(
-  state: ExploreState,
-  payload: SyncStateFromUrlPayload
-): ExploreState {
-  // Build the next state.
-  const nextState = buildNextState(state, payload);
-
-  // Grab the category group config key for the payload entityListType.
-  const categoryGroupConfigKey = getEntityCategoryGroupConfigKey(
-    payload.entityListType,
-    state.entityPageState
-  );
-
-  // Update the entity state by category group config key.
-  updateEntityStateByCategoryGroupConfigKey(
-    state,
-    {
-      filterState: payload.filterState,
-      savedFilterState: [],
-    },
-    categoryGroupConfigKey
-  );
-
-  // Return the updated state.
-  return {
-    ...state,
-    ...nextState,
-  };
-}

package/src/providers/exploreState/actions/syncStateFromUrl/dispatch.ts

@@ -1,16 +0,0 @@
-import { ExploreActionKind } from "../../../exploreState";
-import { SyncStateFromUrlAction, SyncStateFromUrlPayload } from "./types";
-
-/**
- * Action creator for syncing state from URL.
- * @param payload - Payload.
- * @returns Action with payload and action type.
- */
-export function syncStateFromUrl(
-  payload: SyncStateFromUrlPayload
-): SyncStateFromUrlAction {
-  return {
-    payload,
-    type: ExploreActionKind.SyncStateFromUrl,
-  };
-}

package/src/providers/exploreState/actions/syncStateFromUrl/types.ts

@@ -1,13 +0,0 @@
-import { ExploreActionKind, ExploreState } from "../../../exploreState";
-
-export type SyncStateFromUrlAction = {
-  payload: SyncStateFromUrlPayload;
-  type: ExploreActionKind.SyncStateFromUrl;
-};
-
-export type SyncStateFromUrlPayload = Pick<
-  ExploreState,
-  "catalogState" | "featureFlagState" | "filterState"
-> & {
-  entityListType: string;
-};