feat: csv, json and, xlsx exporter (#1840)

* feat : csv, jason and, xlxs exporter

* handeling the export fail

* adding expired state to exports

* typo update

* header change

* improvement: added validation for the expired date

---------

Co-authored-by: srinivaspendem <you@example.comsrinivaspendem2612@gmail.com>

apps/app/pages/[workspaceSlug]/settings/exports.tsx

@@ -8,7 +8,7 @@ import workspaceService from "services/workspace.service";
 import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
 import { SettingsHeader } from "components/workspace";
 // components
-import IntegrationGuide from "components/integration/guide";
+import ExportGuide from "components/exporter/guide";
 import { IntegrationAndImportExportBanner } from "components/ui";
 // ui
 import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
@@ -37,14 +37,14 @@ const ImportExport: NextPage = () => {
             link={`/${workspaceSlug}`}
             linkTruncate
           />
-          <BreadcrumbItem title="Import/ Export Settings" unshrinkTitle />
+          <BreadcrumbItem title="Export Settings" unshrinkTitle />
         </Breadcrumbs>
       }
     >
       <div className="p-8 space-y-4">
         <SettingsHeader />
-        <IntegrationAndImportExportBanner bannerName="Import/ Export" />
-        <IntegrationGuide />
+        <IntegrationAndImportExportBanner bannerName="Export" />
+        <ExportGuide />
       </div>
     </WorkspaceAuthorizationLayout>
   );

apps/app/pages/[workspaceSlug]/settings/imports.tsx

@@ -0,0 +1,58 @@
+import { useRouter } from "next/router";
+
+import useSWR from "swr";
+
+// services
+import workspaceService from "services/workspace.service";
+// layouts
+import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
+import { SettingsHeader } from "components/workspace";
+// components
+import IntegrationGuide from "components/integration/guide";
+import { IntegrationAndImportExportBanner } from "components/ui";
+// ui
+import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
+// types
+import type { NextPage } from "next";
+// fetch-keys
+import { WORKSPACE_DETAILS } from "constants/fetch-keys";
+// helper
+import { truncateText } from "helpers/string.helper";
+
+const ImportExport: NextPage = () => {
+  const router = useRouter();
+  const { workspaceSlug } = router.query;
+
+  const { data: activeWorkspace } = useSWR(
+    workspaceSlug ? WORKSPACE_DETAILS(workspaceSlug as string) : null,
+    () => (workspaceSlug ? workspaceService.getWorkspace(workspaceSlug as string) : null)
+  );
+
+  return (
+    <WorkspaceAuthorizationLayout
+      breadcrumbs={
+        <Breadcrumbs>
+          <BreadcrumbItem
+            title={`${truncateText(activeWorkspace?.name ?? "Workspace", 32)}`}
+            link={`/${workspaceSlug}`}
+            linkTruncate
+          />
+          <BreadcrumbItem title="Import/ Export Settings" unshrinkTitle />
+        </Breadcrumbs>
+      }
+    >
+      <div className="p-8 space-y-4">
+        <SettingsHeader />
+        <IntegrationAndImportExportBanner
+          bannerName="Import/ Export"
+          description="Integrations and importers are only available on the cloud version. We plan to open-source
+        our SDKs in the near future so that the community can request or contribute integrations as
+        needed."
+        />
+        <IntegrationGuide />
+      </div>
+    </WorkspaceAuthorizationLayout>
+  );
+};
+
+export default ImportExport;