feat: integrates on page unload behavior with backend for deployed mode of the app

app/client/cypress/support/Pages/AppSettings/AppSettings.ts

@@ -59,7 +59,7 @@ export class AppSettings {
       ".t--app-viewer-navigation-top-inline-more-dropdown-item",
     _scrollArrows: ".scroll-arrows",
     _getActivePage: (pageName: string) =>
-      `//span[contains(text(),"${pageName}")]//ancestor::a[contains(@class,'is-active')]`,
+      `//span[contains(text(),"${pageName}")]//ancestor::div[contains(@class,'is-active')]`,
     _importBtn: "[data-testid='t--app-setting-import-btn']",
   };
 

app/client/src/PluginActionEditor/components/PluginActionResponse/components/Response/Response.tsx

@@ -21,7 +21,7 @@ import {
   PREPARED_STATEMENT_WARNING,
 } from "ee/constants/messages";
 import { ENTITY_TYPE } from "ee/entities/AppsmithConsole/utils";
-import type { SourceEntity } from "entities/AppsmithConsole";
+import type { SourceEntity } from "entities/AppsmithConsole/types";
 
 import BindDataButton from "../BindDataButton";
 import { NoResponse } from "../NoResponse";

app/client/src/PluginActionEditor/components/PluginActionResponse/components/Response/components/ErrorView/ErrorView.tsx

@@ -9,7 +9,7 @@ import { Tooltip } from "@appsmith/ads";
 import LOG_TYPE from "entities/AppsmithConsole/logtype";
 import { type Action } from "entities/Action";
 import type { ActionResponse } from "api/ActionAPI";
-import type { SourceEntity } from "entities/AppsmithConsole";
+import type { SourceEntity } from "entities/AppsmithConsole/types";
 
 import { getErrorMessageFromActionResponse } from "../../utils";
 import { REACT_JSON_PROPS } from "../../constants";

app/client/src/actions/debuggerActions.ts

@@ -1,5 +1,6 @@
 import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
-import type { Log, Message, SourceEntity } from "entities/AppsmithConsole";
+import type { Log, Message } from "entities/AppsmithConsole";
+import type { SourceEntity } from "entities/AppsmithConsole/types";
 import type { ENTITY_TYPE } from "ee/entities/AppsmithConsole/utils";
 import type {
   CanvasDebuggerState,

app/client/src/actions/pageActions.tsx

@@ -30,6 +30,7 @@ import type { PACKAGE_PULL_STATUS } from "ee/constants/ModuleConstants";
 import type { ApiResponse } from "api/ApiResponses";
 import type { EvaluationReduxAction } from "./EvaluationReduxActionTypes";
 import { appsmithTelemetry } from "instrumentation";
+import type { NavigateToAnotherPagePayload } from "sagas/ActionExecution/NavigateActionSaga/types";
 
 export interface FetchPageListPayload {
   applicationId: string;
@@ -696,3 +697,10 @@ export const setupPublishedPage = (
     pageWithMigratedDsl,
   },
 });
+
+export const navigateToAnotherPage = (
+  payload: NavigateToAnotherPagePayload,
+) => ({
+  type: ReduxActionTypes.NAVIGATE_TO_ANOTHER_PAGE,
+  payload,
+});

app/client/src/ce/constants/ReduxActionConstants.tsx

@@ -620,6 +620,7 @@ const PageActionTypes = {
   RESET_PAGE_LIST: "RESET_PAGE_LIST",
   SET_ONLOAD_ACTION_EXECUTED: "SET_ONLOAD_ACTION_EXECUTED",
   EXECUTE_REACTIVE_QUERIES: "EXECUTE_REACTIVE_QUERIES",
+  NAVIGATE_TO_ANOTHER_PAGE: "NAVIGATE_TO_ANOTHER_PAGE",
 };
 
 const PageActionErrorTypes = {
@@ -731,6 +732,9 @@ const ActionExecutionTypes = {
   CANCEL_ACTION_MODAL: "CANCEL_ACTION_MODAL",
   CONFIRM_ACTION_MODAL: "CONFIRM_ACTION_MODAL",
   EXECUTE_PAGE_LOAD_ACTIONS: "EXECUTE_PAGE_LOAD_ACTIONS",
+  EXECUTE_PAGE_UNLOAD_ACTIONS: "EXECUTE_PAGE_UNLOAD_ACTIONS",
+  EXECUTE_PAGE_UNLOAD_ACTIONS_SUCCESS: "EXECUTE_PAGE_UNLOAD_ACTIONS_SUCCESS",
+  EXECUTE_PAGE_UNLOAD_ACTIONS_ERROR: "EXECUTE_PAGE_UNLOAD_ACTIONS_ERROR",
   EXECUTE_PLUGIN_ACTION_REQUEST: "EXECUTE_PLUGIN_ACTION_REQUEST",
   EXECUTE_PLUGIN_ACTION_SUCCESS: "EXECUTE_PLUGIN_ACTION_SUCCESS",
   SET_ACTION_RESPONSE_DISPLAY_FORMAT: "SET_ACTION_RESPONSE_DISPLAY_FORMAT",

app/client/src/ce/entities/AppsmithConsole/utils.ts

@@ -1,7 +1,7 @@
 import type { DataTreeEntity } from "entities/DataTree/dataTreeTypes";
 import type { DataTreeEntityConfig } from "../DataTree/types";
-import type { TriggerMeta } from "ee/sagas/ActionExecution/ActionExecutionSagas";
-import type { SourceEntity } from "entities/AppsmithConsole";
+import type { SourceEntity } from "entities/AppsmithConsole/types";
+import type { TriggerMeta } from "ee/sagas/ActionExecution/types";
 
 export enum ENTITY_TYPE {
   ACTION = "ACTION",

app/client/src/ce/sagas/ActionExecution/ActionExecutionSagas.ts

@@ -3,7 +3,6 @@ import { ReduxActionTypes } from "ee/constants/ReduxActionConstants";
 import type {
   EventType,
   ExecuteTriggerPayload,
-  TriggerSource,
 } from "constants/AppsmithActionConstants/ActionConstants";
 import { TriggerKind } from "constants/AppsmithActionConstants/ActionConstants";
 import log from "loglevel";
@@ -46,13 +45,7 @@ import type { DefaultRootState } from "react-redux";
 import { getAction } from "ee/selectors/entitiesSelector";
 import { getSourceFromTriggerMeta } from "ee/entities/AppsmithConsole/utils";
 import { globalFunctionLogoutUser } from "../userSagas";
-
-export interface TriggerMeta {
-  source?: TriggerSource;
-  triggerPropertyName?: string;
-  triggerKind?: TriggerKind;
-  onPageLoad: boolean;
-}
+import type { TriggerMeta } from "./types";
 
 /**
  * The controller saga that routes different trigger effects to its executor sagas

app/client/src/ce/sagas/ActionExecution/types.ts

@@ -0,0 +1,11 @@
+import type {
+  TriggerKind,
+  TriggerSource,
+} from "constants/AppsmithActionConstants/ActionConstants";
+
+export interface TriggerMeta {
+  source?: TriggerSource;
+  triggerPropertyName?: string;
+  triggerKind?: TriggerKind;
+  onPageLoad: boolean;
+}

app/client/src/ce/sagas/analyticsSaga.ts

@@ -2,7 +2,7 @@ import { getInstanceId } from "ee/selectors/organizationSelectors";
 import { call, select } from "redux-saga/effects";
 import type { APP_MODE } from "entities/App";
 import { getCurrentPageId } from "selectors/editorSelectors";
-import type { TriggerMeta } from "ee/sagas/ActionExecution/ActionExecutionSagas";
+import type { TriggerMeta } from "ee/sagas/ActionExecution/types";
 import { TriggerKind } from "constants/AppsmithActionConstants/ActionConstants";
 import { isArray } from "lodash";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";

app/client/src/components/editorComponents/Debugger/ContextualMenu.tsx

@@ -2,7 +2,8 @@ import React from "react";
 import { Classes as BPClasses } from "@blueprintjs/core";
 import type { Dispatch } from "redux";
 import { useDispatch } from "react-redux";
-import type { Message, SourceEntity } from "entities/AppsmithConsole";
+import type { Message } from "entities/AppsmithConsole";
+import type { SourceEntity } from "entities/AppsmithConsole/types";
 import { PropertyEvaluationErrorType } from "utils/DynamicBindingUtils";
 import AnalyticsUtil from "ee/utils/AnalyticsUtil";
 import { getAppsmithConfigs } from "ee/configs";

app/client/src/components/editorComponents/Debugger/DebuggerEntityLink.tsx

@@ -1,5 +1,6 @@
 import React from "react";
-import type { Message, SourceEntity } from "entities/AppsmithConsole";
+import type { Message } from "entities/AppsmithConsole";
+import type { SourceEntity } from "entities/AppsmithConsole/types";
 import type LOG_TYPE from "entities/AppsmithConsole/logtype";
 import type { Plugin } from "entities/Plugin";
 import { Link } from "@appsmith/ads";

app/client/src/components/editorComponents/Debugger/ErrorLogs/ErrorLogItem.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { useDispatch } from "react-redux";
-import type { Log, Message, SourceEntity } from "entities/AppsmithConsole";
+import type { Log, Message } from "entities/AppsmithConsole";
+import type { SourceEntity } from "entities/AppsmithConsole/types";
 import { LOG_CATEGORY, Severity } from "entities/AppsmithConsole";
 import styled from "styled-components";
 import { Classes, getTypographyByKey } from "@appsmith/ads-old";

app/client/src/components/editorComponents/Debugger/ErrorLogs/components/LogHelper.tsx

@@ -1,6 +1,6 @@
 import type { PluginErrorDetails } from "api/ActionAPI";
 import { Button } from "@appsmith/ads";
-import type { SourceEntity } from "entities/AppsmithConsole";
+import type { SourceEntity } from "entities/AppsmithConsole/types";
 import type LOG_TYPE from "entities/AppsmithConsole/logtype";
 import React, { useCallback, useMemo } from "react";
 import styled from "styled-components";

app/client/src/components/editorComponents/Debugger/LogItem/LogItem.tsx

@@ -1,7 +1,8 @@
 import React from "react";
 import { Collapse } from "@blueprintjs/core";
 import { isString } from "lodash";
-import type { Message, SourceEntity } from "entities/AppsmithConsole";
+import type { Message } from "entities/AppsmithConsole";
+import type { SourceEntity } from "entities/AppsmithConsole/types";
 import { LOG_CATEGORY, Severity } from "entities/AppsmithConsole";
 import type { PropsWithChildren } from "react";
 import ReactJson from "react-json-view";

app/client/src/ee/sagas/ActionExecution/types.ts

@@ -0,0 +1 @@
+export * from "ce/sagas/ActionExecution/types";

app/client/src/entities/Action/index.ts

@@ -39,6 +39,7 @@ export enum ActionExecutionContext {
   PAGE_LOAD = "PAGE_LOAD",
   EVALUATION_ACTION_TRIGGER = "EVALUATION_ACTION_TRIGGER",
   REFRESH_ACTIONS_ON_ENV_CHANGE = "REFRESH_ACTIONS_ON_ENV_CHANGE",
+  PAGE_UNLOAD = "PAGE_UNLOAD",
 }
 
 export interface KeyValuePair {

app/client/src/entities/AppsmithConsole/index.ts

@@ -1,12 +1,8 @@
 import type { ReduxAction } from "actions/ReduxActionTypes";
-import type LOG_TYPE from "./logtype";
+import type { PLATFORM_ERROR } from "ee/entities/AppsmithConsole/utils";
 import type { PropertyEvaluationErrorType } from "utils/DynamicBindingUtils";
-import type { PluginType } from "entities/Plugin";
-import type { HTTP_METHOD } from "PluginActionEditor/constants/CommonApiConstants";
-import type {
-  ENTITY_TYPE,
-  PLATFORM_ERROR,
-} from "ee/entities/AppsmithConsole/utils";
+import type LOG_TYPE from "./logtype";
+import type { SourceEntity } from "./types";
 
 export type Methods =
   | "log"
@@ -57,20 +53,6 @@ export interface UserAction {
   reduxAction: ReduxAction<unknown>;
 }
 
-export interface SourceEntity {
-  type: ENTITY_TYPE;
-  // Widget or action name
-  name: string;
-  // Id of the widget or action
-  id: string;
-  // property path of the child
-  propertyPath?: string;
-  // plugin type of the action or type of widget
-  pluginType?: PluginType | string;
-  // http method of the api. (Only for api actions)
-  httpMethod?: HTTP_METHOD;
-}
-
 export enum LOG_CATEGORY {
   USER_GENERATED = "USER_GENERATED",
   PLATFORM_GENERATED = "PLATFORM_GENERATED",

app/client/src/entities/AppsmithConsole/types.ts

@@ -0,0 +1,17 @@
+import type { ENTITY_TYPE } from "ee/entities/AppsmithConsole/utils";
+import type { PluginType } from "entities/Plugin";
+import type { HTTP_METHOD } from "PluginActionEditor/constants/CommonApiConstants";
+
+export interface SourceEntity {
+  type: ENTITY_TYPE;
+  // Widget or action name
+  name: string;
+  // Id of the widget or action
+  id: string;
+  // property path of the child
+  propertyPath?: string;
+  // plugin type of the action or type of widget
+  pluginType?: PluginType | string;
+  // http method of the api. (Only for api actions)
+  httpMethod?: HTTP_METHOD;
+}

app/client/src/pages/AppViewer/Navigation/components/MenuItem.styled.tsx

@@ -5,10 +5,9 @@ import {
   getMenuItemBackgroundColorWhenActive,
   getMenuItemTextColor,
 } from "pages/AppViewer/utils";
-import { NavLink } from "react-router-dom";
 import styled from "styled-components";
 
-export const StyledMenuItem = styled(NavLink)<{
+export const StyledMenuItem = styled.div<{
   borderRadius: string;
   primaryColor: string;
   navColorStyle: NavigationSetting["colorStyle"];