feat: Product Model Revamp (#4353)

Co-authored-by: Dhruwang <dhruwangjariwala18@gmail.com> Co-authored-by: Matthias Nannt <mail@matthiasnannt.com> Co-authored-by: pandeymangg <anshuman.pandey9999@gmail.com>
2026-05-03 19:40:08 -05:00 · 2024-12-03 10:04:09 +05:30
parent 5dcd32050a
commit 35b2d12e18
315 changed files with 4344 additions and 3587 deletions
@@ -0,0 +1,33 @@
+"use client";
+
+import { SettingsCard } from "@/app/(app)/environments/[environmentId]/settings/components/SettingsCard";
+import { LanguageLabels } from "@/modules/ee/multi-language-surveys/components/language-labels";
+import { ProjectConfigNavigation } from "@/modules/projects/settings/components/project-config-navigation";
+import { PageContentWrapper } from "@/modules/ui/components/page-content-wrapper";
+import { PageHeader } from "@/modules/ui/components/page-header";
+import { useTranslations } from "next-intl";
+
+export const LanguagesLoading = () => {
+  const t = useTranslations();
+  return (
+    <PageContentWrapper>
+      <PageHeader pageTitle={t("common.configuration")}>
+        <ProjectConfigNavigation activeId="languages" loading />
+      </PageHeader>
+      <SettingsCard
+        title={t("environments.project.languages.multi_language_surveys")}
+        description={t("environments.project.languages.multi_language_surveys_description")}>
+        <div className="flex flex-col space-y-4">
+          <LanguageLabels />
+          {[...Array(3)].map((_, idx) => (
+            <div key={idx} className="my-3 grid h-10 grid-cols-4 gap-4">
+              <div className="h-full animate-pulse rounded-md bg-slate-200" />
+              <div className="h-full animate-pulse rounded-md bg-slate-200" />
+              <div className="h-full animate-pulse rounded-md bg-slate-200" />
+            </div>
+          ))}
+        </div>
+      </SettingsCard>
+    </PageContentWrapper>
+  );
+};
@@ -0,0 +1,81 @@
+import { SettingsCard } from "@/app/(app)/environments/[environmentId]/settings/components/SettingsCard";
+import { authOptions } from "@/modules/auth/lib/authOptions";
+import {
+  getMultiLanguagePermission,
+  getRoleManagementPermission,
+} from "@/modules/ee/license-check/lib/utils";
+import { EditLanguage } from "@/modules/ee/multi-language-surveys/components/edit-language";
+import { getProjectPermissionByUserId } from "@/modules/ee/teams/lib/roles";
+import { getTeamPermissionFlags } from "@/modules/ee/teams/utils/teams";
+import { ProjectConfigNavigation } from "@/modules/projects/settings/components/project-config-navigation";
+import { PageContentWrapper } from "@/modules/ui/components/page-content-wrapper";
+import { PageHeader } from "@/modules/ui/components/page-header";
+import { getServerSession } from "next-auth";
+import { getTranslations } from "next-intl/server";
+import { notFound } from "next/navigation";
+import { getMembershipByUserIdOrganizationId } from "@formbricks/lib/membership/service";
+import { getAccessFlags } from "@formbricks/lib/membership/utils";
+import { getOrganization } from "@formbricks/lib/organization/service";
+import { getProjectByEnvironmentId } from "@formbricks/lib/project/service";
+import { getUser } from "@formbricks/lib/user/service";
+
+export const LanguagesPage = async (props: { params: Promise<{ environmentId: string }> }) => {
+  const params = await props.params;
+  const t = await getTranslations();
+  const project = await getProjectByEnvironmentId(params.environmentId);
+
+  if (!project) {
+    throw new Error(t("common.project_not_found"));
+  }
+
+  const organization = await getOrganization(project?.organizationId);
+
+  if (!organization) {
+    throw new Error(t("common.organization_not_found"));
+  }
+
+  const isMultiLanguageAllowed = await getMultiLanguagePermission(organization);
+  if (!isMultiLanguageAllowed) {
+    notFound();
+  }
+
+  const canDoRoleManagement = await getRoleManagementPermission(organization);
+
+  const session = await getServerSession(authOptions);
+
+  if (!session) {
+    throw new Error("Session not found");
+  }
+
+  const user = await getUser(session.user.id);
+
+  if (!user) {
+    throw new Error("User not found");
+  }
+
+  const currentUserMembership = await getMembershipByUserIdOrganizationId(session?.user.id, organization.id);
+  const { isMember } = getAccessFlags(currentUserMembership?.role);
+
+  const projectPermission = await getProjectPermissionByUserId(session.user.id, project.id);
+  const { hasManageAccess } = getTeamPermissionFlags(projectPermission);
+
+  const isReadOnly = isMember && !hasManageAccess;
+
+  return (
+    <PageContentWrapper>
+      <PageHeader pageTitle={t("common.configuration")}>
+        <ProjectConfigNavigation
+          environmentId={params.environmentId}
+          activeId="languages"
+          isMultiLanguageAllowed={isMultiLanguageAllowed}
+          canDoRoleManagement={canDoRoleManagement}
+        />
+      </PageHeader>
+      <SettingsCard
+        title={t("environments.project.languages.multi_language_surveys")}
+        description={t("environments.project.languages.multi_language_surveys_description")}>
+        <EditLanguage project={project} locale={user.locale} isReadOnly={isReadOnly} />
+      </SettingsCard>
+    </PageContentWrapper>
+  );
+};