plugin: gate deadline option on premium status

Author: jamiebrynes7

plugin/src/api/domain/user.ts

@@ -0,0 +1,3 @@
+export type UserInfo = {
+  isPremium: boolean;
+};

plugin/src/api/index.ts

@@ -5,6 +5,7 @@ import type { Label } from "@/api/domain/label";
 import type { Project } from "@/api/domain/project";
 import type { Section } from "@/api/domain/section";
 import type { CreateTaskParams, Task, TaskId } from "@/api/domain/task";
+import type { UserInfo } from "@/api/domain/user";
 import type { RequestParams, WebFetcher, WebResponse } from "@/api/fetcher";
 import debug from "@/log";
 
@@ -54,6 +55,11 @@ export class TodoistApiClient {
     return await this.doPaginated<Label>("/labels");
   }
 
+  public async getUser(): Promise<UserInfo> {
+    const response = await this.do("/user", "GET");
+    return camelize(JSON.parse(response.body)) as UserInfo;
+  }
+
   private async doPaginated<T>(path: string, params?: Record<string, string>): Promise<T[]> {
     const allResults: T[] = [];
     let cursor: string | null = null;

plugin/src/data/index.ts

@@ -3,6 +3,7 @@ import type { Label, LabelId } from "@/api/domain/label";
 import type { Project, ProjectId } from "@/api/domain/project";
 import type { Section, SectionId } from "@/api/domain/section";
 import type { Task as ApiTask, CreateTaskParams, TaskId } from "@/api/domain/task";
+import type { UserInfo } from "@/api/domain/user";
 import { Repository, type RepositoryReader } from "@/data/repository";
 import { SubscriptionManager, type UnsubscribeCallback } from "@/data/subscriptions";
 import type { Task } from "@/data/task";
@@ -49,6 +50,7 @@ export class TodoistAdapter {
   private readonly subscriptions: SubscriptionManager<Subscription>;
 
   private readonly tasksPendingClose: TaskId[];
+  private userInfo: UserInfo | undefined;
 
   private hasSynced = false;
 
@@ -64,6 +66,10 @@ export class TodoistAdapter {
     return this.api.hasValue() && this.hasSynced;
   }
 
+  public isPremium(): boolean {
+    return this.userInfo?.isPremium ?? true;
+  }
+
   public async initialize(api: TodoistApiClient) {
     this.api.insert(api);
     await this.sync();
@@ -74,9 +80,12 @@ export class TodoistAdapter {
       return;
     }
 
-    await this.projects.sync();
-    await this.sections.sync();
-    await this.labels.sync();
+    await Promise.all([
+      this.syncUserInfo(),
+      this.projects.sync(),
+      this.sections.sync(),
+      this.labels.sync(),
+    ]);
 
     for (const subscription of this.subscriptions.list()) {
       await subscription.update();
@@ -85,6 +94,17 @@ export class TodoistAdapter {
     this.hasSynced = true;
   }
 
+  private async syncUserInfo(): Promise<void> {
+    try {
+      if (!this.api.hasValue()) {
+        return;
+      }
+      this.userInfo = await this.api.withInner((api) => api.getUser());
+    } catch (error) {
+      console.error("Failed to fetch user info:", error);
+    }
+  }
+
   public data(): DataAccessor {
     return {
       projects: this.projects,

plugin/src/ui/createTaskModal/index.tsx

@@ -173,6 +173,7 @@ const CreateTaskModalContent: React.FC<CreateTaskProps> = ({
 
   const [options, setOptions] = useState<TaskCreationOptions>(initialOptions);
 
+  const isPremium = plugin.services.todoist.isPremium();
   const isSubmitButtonDisabled = content === "" && options.appendLinkTo !== "content";
 
   const i18n = t().createTaskModal;
@@ -258,7 +259,7 @@ const CreateTaskModalContent: React.FC<CreateTaskProps> = ({
           <DueDateSelector selected={dueDate} setSelected={setDueDate} />
           <PrioritySelector selected={priority} setSelected={setPriority} />
           <LabelSelector selected={labels} setSelected={setLabels} />
-          <DeadlineSelector selected={deadline} setSelected={setDeadline} />
+          {isPremium && <DeadlineSelector selected={deadline} setSelected={setDeadline} />}
         </div>
         <div className="task-creation-selectors-group">
           <OptionsSelector selected={options} setSelected={setOptions} />