chore: git pkg - package integration with git (#39342)

## Description
- integrating packages with git

Fixes #38505

## Automation

/ok-to-test tags="@tag.Git"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/13409662643>
> Commit: 820025a
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=13409662643&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Git`
> Spec:
> <hr>Wed, 19 Feb 2025 10:39:11 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [ ] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Enhanced the Git import process to better distinguish between complete
and partial imports, triggering appropriate UI prompts and navigation.
  - Introduced a new action for handling successful Git imports.

- **Refactor**
- Streamlined the underlying logic for Git import handling to deliver
clearer user feedback and a more efficient experience.

- **Chores**
- Updated type definitions and action payloads for improved type safety
and maintainability.
- Added `.lens` to the `.gitignore` file to exclude it from version
control.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

.gitignore

@@ -35,6 +35,7 @@ app/client/yalc.lock
 .idea
 .fleet/*
 app/client/.fleet/*
+.lens
 
 # Observability related local storage
 utils/observability/tempo-data/*

app/client/src/git-artifact-helpers/application/sagas/applicationImportFromGitSaga.ts

@@ -0,0 +1,54 @@
+import { toast } from "@appsmith/ads";
+import { createMessage, IMPORT_APP_SUCCESSFUL } from "ee/constants/messages";
+import { builderURL } from "ee/RouteBuilder";
+import { showReconnectDatasourceModal } from "ee/actions/applicationActions";
+import type { ApplicationResponsePayload } from "ee/api/ApplicationApi";
+import type { GitImportSuccessPayload } from "git/store/actions/gitImportActions";
+import type { GitArtifactPayloadAction } from "git/store/types";
+import { put } from "redux-saga/effects";
+import history from "utils/history";
+
+export default function* applicationImportFromGitSaga(
+  action: GitArtifactPayloadAction<GitImportSuccessPayload>,
+) {
+  const { responseData } = action.payload;
+  const { isPartialImport, unConfiguredDatasourceList } = responseData;
+
+  const application =
+    (responseData.application as ApplicationResponsePayload) ?? null;
+
+  if (!application) return;
+
+  // there is configuration-missing datasources
+  if (isPartialImport) {
+    yield put(
+      showReconnectDatasourceModal({
+        application: application as ApplicationResponsePayload,
+        unConfiguredDatasourceList: unConfiguredDatasourceList ?? [],
+        workspaceId: application?.workspaceId ?? "",
+      }),
+    );
+  } else {
+    let basePageId = "";
+
+    if (application.pages && application.pages.length > 0) {
+      const defaultPage = application.pages.find(
+        (eachPage) => !!eachPage.isDefault,
+      );
+
+      basePageId = defaultPage ? defaultPage.baseId : "";
+    }
+
+    const branch = application?.gitApplicationMetadata?.branchName;
+
+    const pageURL = builderURL({
+      basePageId,
+      branch,
+    });
+
+    history.push(pageURL);
+    toast.show(createMessage(IMPORT_APP_SUCCESSFUL), {
+      kind: "success",
+    });
+  }
+}

app/client/src/git-artifact-helpers/application/sagas/index.ts

@@ -5,12 +5,15 @@ import {
   gitCheckoutBranchSuccess,
   gitConnectSuccess,
   gitDiscardSuccess,
+  gitImportSuccess,
   gitPullSuccess,
 } from "git/store";
+import applicationImportFromGitSaga from "./applicationImportFromGitSaga";
 
 export default function* gitApplicationSagas() {
   yield all([
     takeLatest(gitConnectSuccess.type, applicationConnectToGitSaga),
+    takeLatest(gitImportSuccess.type, applicationImportFromGitSaga),
     takeLatest(gitDiscardSuccess.type, applicationRedirectToClosestEntitySaga),
     takeLatest(
       gitCheckoutBranchSuccess.type,

app/client/src/git/requests/gitImportRequest.types.ts

@@ -1,6 +1,6 @@
 import type { ApiResponse } from "api/types";
-import type { ApplicationResponsePayload } from "ee/api/ApplicationApi";
 import type { Datasource } from "entities/Datasource";
+import type { GitApplicationArtifact, GitPackageArtifact } from "git/types";
 
 export interface GitImportRequestParams {
   remoteUrl: string;
@@ -12,7 +12,8 @@ export interface GitImportRequestParams {
 }
 
 export interface GitImportResponseData {
-  application: ApplicationResponsePayload;
+  application?: GitApplicationArtifact;
+  package?: GitPackageArtifact;
   isPartialImport: boolean;
   unConfiguredDatasourceList?: Datasource[];
 }

app/client/src/git/sagas/gitImportSaga.ts

@@ -1,18 +1,11 @@
 import { call, put, select } from "redux-saga/effects";
 import { validateResponse } from "sagas/ErrorSagas";
-import history from "utils/history";
-import { toast } from "@appsmith/ads";
 import type { PayloadAction } from "@reduxjs/toolkit";
 import gitImportRequest from "git/requests/gitImportRequest";
 import type { GitImportResponse } from "git/requests/gitImportRequest.types";
 import type { GitImportInitPayload } from "git/store/actions/gitImportActions";
 import { gitGlobalActions } from "git/store/gitGlobalSlice";
-import { createMessage, IMPORT_APP_SUCCESSFUL } from "ee/constants/messages";
-import { builderURL } from "ee/RouteBuilder";
 import { getWorkspaceIdForImport } from "ee/selectors/applicationSelectors";
-import { showReconnectDatasourceModal } from "ee/actions/applicationActions";
-import type { Workspace } from "ee/constants/workspaceConstants";
-import { getFetchedWorkspaces } from "ee/selectors/workspaceSelectors";
 import { GitErrorCodes } from "git/constants/enums";
 import { selectGitApiContractsEnabled } from "git/store/selectors/gitFeatureFlagSelectors";
 import handleApiErrors from "./helpers/handleApiErrors";
@@ -39,52 +32,10 @@ export default function* gitImportSaga(
     const isValidResponse: boolean = yield validateResponse(response);
 
     if (response && isValidResponse) {
-      const allWorkspaces: Workspace[] = yield select(getFetchedWorkspaces);
-      const currentWorkspace = allWorkspaces.filter(
-        (el: Workspace) => el.id === workspaceId,
+      yield put(
+        gitGlobalActions.gitImportSuccess({ responseData: response.data }),
       );
-
-      if (currentWorkspace.length > 0) {
-        const { application, isPartialImport, unConfiguredDatasourceList } =
-          response.data;
-
-        yield put(gitGlobalActions.gitImportSuccess());
-        yield put(gitGlobalActions.toggleImportModal({ open: false }));
-
-        // there is configuration-missing datasources
-        if (isPartialImport) {
-          yield put(
-            showReconnectDatasourceModal({
-              application: application,
-              unConfiguredDatasourceList: unConfiguredDatasourceList ?? [],
-              workspaceId,
-            }),
-          );
-        } else {
-          let basePageId = "";
-
-          if (application.pages && application.pages.length > 0) {
-            const defaultPage = application.pages.find(
-              (eachPage) => !!eachPage.isDefault,
-            );
-
-            basePageId = defaultPage ? defaultPage.baseId : "";
-          }
-
-          const branch =
-            response.data?.application?.gitApplicationMetadata?.branchName;
-
-          const pageURL = builderURL({
-            basePageId,
-            branch,
-          });
-
-          history.push(pageURL);
-          toast.show(createMessage(IMPORT_APP_SUCCESSFUL), {
-            kind: "success",
-          });
-        }
-      }
+      yield put(gitGlobalActions.toggleImportModal({ open: false }));
     }
   } catch (e) {
     const error = handleApiErrors(e as Error, response);

app/client/src/git/store/actions/gitImportActions.ts

@@ -1,12 +1,19 @@
 import type { PayloadAction } from "@reduxjs/toolkit";
-import type { GitAsyncErrorPayload, GitGlobalReduxState } from "../types";
-import type { GitImportRequestParams } from "git/requests/gitImportRequest.types";
+import type {
+  GitAsyncErrorPayload,
+  GitAsyncSuccessPayload,
+  GitGlobalReduxState,
+} from "../types";
+import type {
+  GitImportRequestParams,
+  GitImportResponseData,
+} from "git/requests/gitImportRequest.types";
 
 export interface GitImportInitPayload extends GitImportRequestParams {}
 
 export const gitImportInitAction = (
   state: GitGlobalReduxState,
-  // need type for better import
+  // need this here to preserve interface
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   action: PayloadAction<GitImportInitPayload>,
 ) => {
@@ -16,7 +23,15 @@ export const gitImportInitAction = (
   return state;
 };
 
-export const gitImportSuccessAction = (state: GitGlobalReduxState) => {
+export type GitImportSuccessPayload =
+  GitAsyncSuccessPayload<GitImportResponseData>;
+
+export const gitImportSuccessAction = (
+  state: GitGlobalReduxState,
+  // need this here to preserve interface
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  action: PayloadAction<GitImportSuccessPayload>,
+) => {
   state.gitImport.loading = false;
 
   return state;

app/client/src/git/store/index.ts

@@ -17,3 +17,4 @@ export const gitDiscardSuccess = gitArtifactActions.discardSuccess;
 export const gitCheckoutBranchSuccess =
   gitArtifactActions.checkoutBranchSuccess;
 export const gitPullSuccess = gitArtifactActions.pullSuccess;
+export const gitImportSuccess = gitGlobalActions.gitImportSuccess;