first commit

2024-08-09 00:39:27 +02:00
commit 79688abe2e
5698 changed files with 497838 additions and 0 deletions
--- a/calcom/packages/features/ee/sso/components/SSOConfiguration.tsx
+++ b/calcom/packages/features/ee/sso/components/SSOConfiguration.tsx
@@ -0,0 +1,68 @@
+import ConnectionInfo from "@calcom/ee/sso/components/ConnectionInfo";
+import LicenseRequired from "@calcom/features/ee/common/components/LicenseRequired";
+import OIDCConnection from "@calcom/features/ee/sso/components/OIDCConnection";
+import SAMLConnection from "@calcom/features/ee/sso/components/SAMLConnection";
+import { useLocale } from "@calcom/lib/hooks/useLocale";
+import { trpc } from "@calcom/trpc/react";
+import { Meta, Alert, SkeletonContainer, SkeletonText } from "@calcom/ui";
+
+const SkeletonLoader = ({ title, description }: { title: string; description: string }) => {
+  return (
+    <SkeletonContainer>
+      <Meta title={title} description={description} borderInShellHeader={true} />
+      <div className="divide-subtle border-subtle space-y-6 rounded-b-xl border border-t-0 px-6 py-4">
+        <SkeletonText className="h-8 w-full" />
+        <SkeletonText className="h-8 w-full" />
+        <SkeletonText className="h-8 w-full" />
+      </div>
+    </SkeletonContainer>
+  );
+};
+
+export default function SSOConfiguration({ teamId }: { teamId: number | null }) {
+  const { t } = useLocale();
+
+  const { data: connection, isPending, error } = trpc.viewer.saml.get.useQuery({ teamId });
+
+  if (isPending) {
+    return <SkeletonLoader title={t("sso_configuration")} description={t("sso_configuration_description")} />;
+  }
+
+  if (error) {
+    return (
+      <>
+        <Meta
+          title={t("sso_configuration")}
+          description={t("sso_configuration_description")}
+          borderInShellHeader={true}
+        />
+        <Alert severity="warning" message={t(error.message)} className="mt-4" />
+      </>
+    );
+  }
+
+  // No connection found
+  if (!connection) {
+    return (
+      <LicenseRequired>
+        <div className="[&>*]:border-subtle flex flex-col [&>*:last-child]:rounded-b-xl [&>*]:border [&>*]:border-t-0 [&>*]:px-4 [&>*]:py-6 [&>*]:sm:px-6">
+          <SAMLConnection teamId={teamId} connection={null} />
+          <OIDCConnection teamId={teamId} connection={null} />
+        </div>
+      </LicenseRequired>
+    );
+  }
+
+  return (
+    <LicenseRequired>
+      <div className="[&>*]:border-subtle flex flex-col [&>*:last-child]:rounded-b-xl [&>*]:border [&>*]:border-t-0 [&>*]:px-4 [&>*]:py-6 [&>*]:sm:px-6">
+        {connection.type === "saml" ? (
+          <SAMLConnection teamId={teamId} connection={connection} />
+        ) : (
+          <OIDCConnection teamId={teamId} connection={connection} />
+        )}
+        <ConnectionInfo teamId={teamId} connection={connection} />
+      </div>
+    </LicenseRequired>
+  );
+}