misc: added license checks for oidc sso

frontend/src/hooks/api/subscriptions/types.ts

@@ -21,18 +21,19 @@ export type SubscriptionPlan = {
   workspacesUsed: number;
   environmentLimit: number;
   samlSSO: boolean;
+  oidcSSO: boolean;
   scim: boolean;
   ldap: boolean;
   groups: boolean;
   status:
-  | "incomplete"
-  | "incomplete_expired"
-  | "trialing"
-  | "active"
-  | "past_due"
-  | "canceled"
-  | "unpaid"
-  | null;
+    | "incomplete"
+    | "incomplete_expired"
+    | "trialing"
+    | "active"
+    | "past_due"
+    | "canceled"
+    | "unpaid"
+    | null;
   trial_end: number | null;
   has_used_trial: boolean;
 };

frontend/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgOIDCSection.tsx

@@ -1,7 +1,12 @@
 import { createNotification } from "@app/components/notifications";
 import { OrgPermissionCan } from "@app/components/permissions";
-import { Button, Switch } from "@app/components/v2";
-import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@app/context";
+import { Button, Switch, UpgradePlanModal } from "@app/components/v2";
+import {
+  OrgPermissionActions,
+  OrgPermissionSubjects,
+  useOrganization,
+  useSubscription
+} from "@app/context";
 import { useGetOIDCConfig } from "@app/hooks/api";
 import { useUpdateOIDCConfig } from "@app/hooks/api/oidcConfig/mutations";
 import { usePopUp } from "@app/hooks/usePopUp";
@@ -10,17 +15,24 @@ import { OIDCModal } from "./OIDCModal";
 
 export const OrgOIDCSection = (): JSX.Element => {
   const { currentOrg } = useOrganization();
+  const { subscription } = useSubscription();
 
   const { data, isLoading } = useGetOIDCConfig(currentOrg?.slug ?? "");
   const { mutateAsync } = useUpdateOIDCConfig();
   const { popUp, handlePopUpOpen, handlePopUpClose, handlePopUpToggle } = usePopUp([
-    "addOIDC"
+    "addOIDC",
+    "upgradePlan"
   ] as const);
 
   const handleOIDCToggle = async (value: boolean) => {
     try {
       if (!currentOrg?.id) return;
 
+      if (!subscription?.oidcSSO) {
+        handlePopUpOpen("upgradePlan");
+        return;
+      }
+
       await mutateAsync({
         orgSlug: currentOrg?.slug,
         isActive: value
@@ -40,10 +52,10 @@ export const OrgOIDCSection = (): JSX.Element => {
   };
 
   const addOidcButtonClick = async () => {
-    try {
+    if (subscription?.oidcSSO && currentOrg) {
       handlePopUpOpen("addOIDC");
-    } catch (err) {
-      console.error(err);
+    } else {
+      handlePopUpOpen("upgradePlan");
     }
   };
 
@@ -96,6 +108,11 @@ export const OrgOIDCSection = (): JSX.Element => {
         handlePopUpClose={handlePopUpClose}
         handlePopUpToggle={handlePopUpToggle}
       />
+      <UpgradePlanModal
+        isOpen={popUp.upgradePlan.isOpen}
+        onOpenChange={(isOpen) => handlePopUpToggle("upgradePlan", isOpen)}
+        text="You can use OIDC SSO if you switch to Infisical's Pro plan."
+      />
     </>
   );
 };