chore: git mod - settings modal

app/client/src/ee/git/components/ContinuousDelivery/ContinuousDeliveryEE.tsx

@@ -0,0 +1 @@
+export { default as ContinuousDeliveryEE } from "git/components/DefaultBranch/DefaultBranchCE";

app/client/src/ee/git/components/DefaultBranch/DefaultBranchEE.tsx

@@ -0,0 +1,3 @@
+import { default as DefaultBranchEE } from "git/components/DefaultBranch/DefaultBranchCE";
+
+export default DefaultBranchEE;

app/client/src/ee/git/components/GitModals/GitModalsEE.tsx

@@ -0,0 +1,5 @@
+function GitModalsEE() {
+  return null;
+}
+
+export default GitModalsEE;

app/client/src/ee/git/hooks/useDefaultBranch.ts

@@ -0,0 +1,3 @@
+export default function useDefaultBranchEE() {
+  return {};
+}

app/client/src/ee/git/sagas/index.ts

@@ -0,0 +1,14 @@
+import type { PayloadAction } from "@reduxjs/toolkit";
+
+// ! case: can we rethink the types
+export const gitRequestBlockingActionsEE: Record<
+  string,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (action: PayloadAction<any>) => Generator<any>
+> = {};
+
+export const gitRequestNonBlockingActionsEE: Record<
+  string,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (action: PayloadAction<any>) => Generator<any>
+> = {};

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

@@ -0,0 +1,3 @@
+const gitArtifactCaseReducersEE = {};
+
+export default gitArtifactCaseReducersEE;

app/client/src/ee/git/store/helpers/gitSingleArtifactInitialState.ts

@@ -0,0 +1,10 @@
+import type {
+  GitSingleArtifactAPIResponsesReduxStateEE,
+  GitSingleArtifactUIReduxStateEE,
+} from "../types";
+
+export const gitSingleArtifactInitialUIStateEE: GitSingleArtifactUIReduxStateEE =
+  {};
+
+export const gitSingleArtifactInitialAPIResponsesEE: GitSingleArtifactAPIResponsesReduxStateEE =
+  {};

app/client/src/ee/git/store/types.ts

@@ -0,0 +1,3 @@
+export interface GitSingleArtifactAPIResponsesReduxStateEE {}
+
+export interface GitSingleArtifactUIReduxStateEE {}

app/client/src/git/components/ConflictError/index.tsx

@@ -1,15 +1,15 @@
 import React from "react";
 
-import { useGitContext } from "../GitContextProvider";
 import GitConflictErrorView from "./ConflictErrorView";
+import useMetadata from "git/hooks/useMetadata";
 
 export default function ConflictError() {
-  const { gitMetadata } = useGitContext();
+  const { metadata } = useMetadata();
 
   // ! case: learnMoreUrl comes from pullError
   const learnMoreUrl =
     "https://docs.appsmith.com/advanced-concepts/version-control-with-git";
-  const repoUrl = gitMetadata?.browserSupportedRemoteUrl || "";
+  const repoUrl = metadata?.browserSupportedRemoteUrl || "";
 
   return <GitConflictErrorView learnMoreUrl={learnMoreUrl} repoUrl={repoUrl} />;
 }

app/client/src/git/components/ContinuousDelivery/ContinuousDeliveryCE.tsx

@@ -0,0 +1,58 @@
+import {
+  CONFIGURE_CD_DESC,
+  CONFIGURE_CD_TITLE,
+  TRY_APPSMITH_ENTERPRISE,
+  createMessage,
+} from "ee/constants/messages";
+import { Button, Text } from "@appsmith/ads";
+import { useAppsmithEnterpriseLink } from "pages/Editor/gitSync/GitSettingsModal/TabBranch/hooks";
+import React from "react";
+import styled from "styled-components";
+
+export const Container = styled.div`
+  padding-top: 8px;
+  padding-bottom: 16px;
+  overflow: auto;
+  min-height: calc(360px + 52px);
+`;
+
+export const SectionTitle = styled(Text)`
+  font-weight: 600;
+  margin-bottom: 4px;
+`;
+
+export const SectionDesc = styled(Text)`
+  margin-bottom: 12px;
+`;
+
+export const StyledButton = styled(Button)`
+  display: inline-block;
+`;
+
+function ContinuousDeliveryCE() {
+  const enterprisePricingLink = useAppsmithEnterpriseLink(
+    "git_continuous_delivery",
+  );
+
+  return (
+    <Container>
+      <SectionTitle kind="heading-s" renderAs="h3">
+        {createMessage(CONFIGURE_CD_TITLE)}
+      </SectionTitle>
+      <SectionDesc kind="body-m" renderAs="p">
+        {createMessage(CONFIGURE_CD_DESC)}
+      </SectionDesc>
+      <StyledButton
+        href={enterprisePricingLink}
+        kind="primary"
+        renderAs="a"
+        size="md"
+        target="_blank"
+      >
+        {createMessage(TRY_APPSMITH_ENTERPRISE)}
+      </StyledButton>
+    </Container>
+  );
+}
+
+export default ContinuousDeliveryCE;

app/client/src/git/components/ContinuousDelivery/index.tsx

@@ -0,0 +1,16 @@
+import useGitFeatureFlags from "git/hooks/useGitFeatureFlags";
+import React from "react";
+import ContinuousDeliveryCE from "./ContinuousDeliveryCE";
+import { ContinuousDeliveryEE } from "ee/git/components/ContinuousDelivery/ContinuousDeliveryEE";
+
+function ContinuousDelivery() {
+  const { license_git_continuous_delivery_enabled } = useGitFeatureFlags();
+
+  if (license_git_continuous_delivery_enabled) {
+    return <ContinuousDeliveryEE />;
+  }
+
+  return <ContinuousDeliveryCE />;
+}
+
+export default ContinuousDelivery;

app/client/src/git/components/DangerZone/DangerZoneView.tsx

@@ -0,0 +1,160 @@
+import {
+  AUTOCOMMIT,
+  AUTOCOMMIT_DISABLE,
+  AUTOCOMMIT_ENABLE,
+  AUTOCOMMIT_MESSAGE,
+  DANGER_ZONE,
+  DISCONNECT_GIT,
+  DISCONNECT_GIT_MESSAGE,
+  createMessage,
+} from "ee/constants/messages";
+import { Button, Divider, Text } from "@appsmith/ads";
+import React, { useCallback } from "react";
+import styled from "styled-components";
+import AnalyticsUtil from "ee/utils/AnalyticsUtil";
+import noop from "lodash/noop";
+import type { GitSettingsTab } from "git/constants/enums";
+
+const Container = styled.div`
+  padding-top: 16px;
+  padding-bottom: 16px;
+`;
+
+const HeadContainer = styled.div`
+  margin-bottom: 16px;
+`;
+
+const ZoneContainer = styled.div`
+  border: solid 0.4px var(--ads-v2-color-red-600);
+  padding: 12px;
+  border-radius: 4px;
+`;
+
+const BodyContainer = styled.div`
+  display: flex;
+  align-items: center;
+`;
+
+const BodyInnerContainer = styled.div`
+  flex: 1;
+  margin-right: 32px;
+`;
+
+const SectionTitle = styled(Text)`
+  font-weight: 600;
+`;
+
+const StyledDivider = styled(Divider)`
+  display: block;
+  margin-top: 16px;
+  margin-bottom: 16px;
+`;
+
+interface DangerZoneViewProps {
+  closeDisconnectModal: () => void;
+  isConnectPermitted: boolean;
+  isManageAutocommitPermitted: boolean;
+  isToggleAutocommitLoading: boolean;
+  isAutocommitEnabled: boolean;
+  isFetchMetadataLoading: boolean;
+  openDisconnectModal: () => void;
+  toggleAutocommit: () => void;
+  toggleDisableAutocommitModal: (open: boolean) => void;
+  toggleSettingsModal: (
+    open: boolean,
+    tab?: keyof typeof GitSettingsTab,
+  ) => void;
+}
+
+function DangerZoneView({
+  isAutocommitEnabled = false,
+  isConnectPermitted = false,
+  isFetchMetadataLoading = false,
+  isManageAutocommitPermitted = false,
+  isToggleAutocommitLoading = false,
+  openDisconnectModal = noop,
+  toggleAutocommit = noop,
+  toggleDisableAutocommitModal = noop,
+  toggleSettingsModal = noop,
+}: DangerZoneViewProps) {
+  const handleDisconnect = useCallback(() => {
+    AnalyticsUtil.logEvent("GS_DISCONNECT_GIT_CLICK", {
+      source: "GIT_CONNECTION_MODAL",
+    });
+    toggleSettingsModal(false);
+    openDisconnectModal();
+  }, [openDisconnectModal, toggleSettingsModal]);
+
+  const handleToggleAutocommit = useCallback(() => {
+    if (isAutocommitEnabled) {
+      toggleSettingsModal(false);
+      toggleDisableAutocommitModal(true);
+    } else {
+      toggleAutocommit();
+      AnalyticsUtil.logEvent("GS_AUTO_COMMIT_ENABLED");
+    }
+  }, [
+    isAutocommitEnabled,
+    toggleAutocommit,
+    toggleDisableAutocommitModal,
+    toggleSettingsModal,
+  ]);
+
+  const showAutoCommit = isManageAutocommitPermitted;
+  const showDisconnect = isConnectPermitted;
+  const showDivider = showAutoCommit && showDisconnect;
+
+  return (
+    <Container>
+      <HeadContainer>
+        <SectionTitle kind="heading-s">
+          {createMessage(DANGER_ZONE)}
+        </SectionTitle>
+      </HeadContainer>
+      <ZoneContainer>
+        {showAutoCommit && (
+          <BodyContainer>
+            <BodyInnerContainer>
+              <Text kind="heading-xs" renderAs="p">
+                {createMessage(AUTOCOMMIT)}
+              </Text>
+              <Text renderAs="p">{createMessage(AUTOCOMMIT_MESSAGE)}</Text>
+            </BodyInnerContainer>
+            <Button
+              data-testid="t--git-autocommit-btn"
+              isLoading={isToggleAutocommitLoading || isFetchMetadataLoading}
+              kind={isAutocommitEnabled ? "error" : "secondary"}
+              onClick={handleToggleAutocommit}
+              size="md"
+            >
+              {isAutocommitEnabled
+                ? createMessage(AUTOCOMMIT_DISABLE)
+                : createMessage(AUTOCOMMIT_ENABLE)}
+            </Button>
+          </BodyContainer>
+        )}
+        {showDivider && <StyledDivider />}
+        {showDisconnect && (
+          <BodyContainer>
+            <BodyInnerContainer>
+              <Text kind="heading-xs" renderAs="p">
+                {createMessage(DISCONNECT_GIT)}
+              </Text>
+              <Text renderAs="p">{createMessage(DISCONNECT_GIT_MESSAGE)}</Text>
+            </BodyInnerContainer>
+            <Button
+              data-testid="t--git-disconnect-btn"
+              kind="error"
+              onClick={handleDisconnect}
+              size="md"
+            >
+              {createMessage(DISCONNECT_GIT)}
+            </Button>
+          </BodyContainer>
+        )}
+      </ZoneContainer>
+    </Container>
+  );
+}
+
+export default DangerZoneView;

app/client/src/git/components/DangerZone/index.tsx

@@ -0,0 +1,38 @@
+import useAutocommit from "git/hooks/useAutocommit";
+import useDisconnect from "git/hooks/useDisconnect";
+import useGitPermissions from "git/hooks/useGitPermissions";
+import useSettings from "git/hooks/useSettings";
+import React from "react";
+import DangerZoneView from "./DangerZoneView";
+import useMetadata from "git/hooks/useMetadata";
+
+function DangerZone() {
+  const { closeDisconnectModal, openDisconnectModal } = useDisconnect();
+  const { isConnectPermitted, isManageAutocommitPermitted } =
+    useGitPermissions();
+  const {
+    isAutocommitEnabled,
+    isToggleAutocommitLoading,
+    toggleAutocommit,
+    toggleAutocommitDisableModal,
+  } = useAutocommit();
+  const { toggleSettingsModal } = useSettings();
+  const { isFetchMetadataLoading } = useMetadata();
+
+  return (
+    <DangerZoneView
+      closeDisconnectModal={closeDisconnectModal}
+      isAutocommitEnabled={isAutocommitEnabled}
+      isConnectPermitted={isConnectPermitted}
+      isFetchMetadataLoading={isFetchMetadataLoading}
+      isManageAutocommitPermitted={isManageAutocommitPermitted}
+      isToggleAutocommitLoading={isToggleAutocommitLoading}
+      openDisconnectModal={openDisconnectModal}
+      toggleAutocommit={toggleAutocommit}
+      toggleDisableAutocommitModal={toggleAutocommitDisableModal}
+      toggleSettingsModal={toggleSettingsModal}
+    />
+  );
+}
+
+export default DangerZone;

app/client/src/git/components/DefaultBranch/DefaultBranchCE.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import DefaultBranchView from "./DefaultBranchView";
+import { useGitContext } from "../GitContextProvider";
+
+export default function DefaultBranchCE() {
+  const { branches } = useGitContext();
+
+  return (
+    <DefaultBranchView
+      branches={branches}
+      isGitProtectedFeatureLicensed={false}
+    />
+  );
+}