@oneuptime/common 8.0.5177 → 8.0.5181

package/Server/API/SlackAPI.ts

@@ -38,6 +38,10 @@ import SlackOnCallDutyActions from "../Utils/Workspace/Slack/Actions/OnCallDutyP
 import WorkspaceProjectAuthToken, {
   SlackMiscData,
 } from "../../Models/DatabaseModels/WorkspaceProjectAuthToken";
+import UserMiddleware from "../Middleware/UserAuthorization";
+import CommonAPI from "./CommonAPI";
+import SlackUtil from "../Utils/Workspace/Slack/Slack";
+import DatabaseCommonInteractionProps from "../../Types/BaseDatabase/DatabaseCommonInteractionProps";
 
 export default class SlackAPI {
   public getRouter(): ExpressRouter {
@@ -656,6 +660,71 @@ export default class SlackAPI {
       },
     );
 
+    // Fetch and cache all Slack channels for current tenant's project
+    router.get(
+      "/slack/get-all-channels",
+      UserMiddleware.getUserMiddleware,
+      async (req: ExpressRequest, res: ExpressResponse) => {
+        const props: DatabaseCommonInteractionProps =
+          await CommonAPI.getDatabaseCommonInteractionProps(req);
+
+        if (!props.tenantId) {
+          return Response.sendErrorResponse(
+            req,
+            res,
+            new BadRequestException("ProjectId (tenant) not found in request"),
+          );
+        }
+
+        // Get Slack project auth
+        const projectAuth: WorkspaceProjectAuthToken | null =
+          await WorkspaceProjectAuthTokenService.getProjectAuth({
+            projectId: props.tenantId,
+            workspaceType: WorkspaceType.Slack,
+          });
+
+        if (!projectAuth || !projectAuth.authToken) {
+          return Response.sendErrorResponse(
+            req,
+            res,
+            new BadRequestException(
+              "Slack is not connected for this project. Please connect Slack first.",
+            ),
+          );
+        }
+
+        // Fetch all channels (also updates cache under miscData.channelCache)
+
+        let updatedProjectAuth: WorkspaceProjectAuthToken | null = projectAuth;
+
+        if (!(projectAuth.miscData as SlackMiscData)?.channelCache) {
+          await SlackUtil.getAllWorkspaceChannels({
+            authToken: projectAuth.authToken,
+            projectId: props.tenantId,
+          });
+
+          // Re-fetch to return the latest cached object
+          updatedProjectAuth =
+            await WorkspaceProjectAuthTokenService.getProjectAuth({
+              projectId: props.tenantId,
+              workspaceType: WorkspaceType.Slack,
+            });
+        }
+
+        const channelCache: {
+          [channelName: string]: {
+            id: string;
+            name: string;
+            lastUpdated: string;
+          };
+        } =
+          ((updatedProjectAuth?.miscData as SlackMiscData | undefined) || {})
+            ?.channelCache || {};
+
+        return Response.sendJsonObjectResponse(req, res, channelCache as any);
+      },
+    );
+
     // options load endpoint.
 
     router.post(

package/UI/Components/CopyTextButton/CopyTextButton.tsx

@@ -4,10 +4,18 @@ import React, {
   MouseEventHandler,
   ReactElement,
 } from "react";
+import Icon from "../Icon/Icon";
+import IconProp from "../../../Types/Icon/IconProp";
 
 export interface ComponentProps {
   textToBeCopied: string;
   className?: string | undefined;
+  size?: "xs" | "sm" | "md"; // visual size
+  variant?: "ghost" | "soft" | "solid"; // visual style
+  iconOnly?: boolean; // render only icon without label
+  label?: string; // default: "Copy"
+  copiedLabel?: string; // default: "Copied!"
+  title?: string; // tooltip
 }
 
 const CopyTextButton: FunctionComponent<ComponentProps> = (
@@ -15,8 +23,13 @@ const CopyTextButton: FunctionComponent<ComponentProps> = (
 ): ReactElement => {
   const [copied, setCopied] = React.useState(false);
 
-  const handleCopy: MouseEventHandler<HTMLDivElement> = async (
-    event: React.MouseEvent<HTMLDivElement, MouseEvent>,
+  const size: "xs" | "sm" | "md" = props.size || "xs";
+  const variant: "ghost" | "soft" | "solid" = props.variant || "ghost";
+  const label: string = props.label || "Copy";
+  const copiedLabel: string = props.copiedLabel || "Copied!";
+
+  const handleCopy: MouseEventHandler<HTMLButtonElement> = async (
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
   ) => {
     event.preventDefault();
     event.stopPropagation();
@@ -27,10 +40,58 @@ const CopyTextButton: FunctionComponent<ComponentProps> = (
     }, 1000);
   };
 
+  const sizeClasses: Record<typeof size, string> = {
+    xs: "text-[10px] px-1.5 py-0.5 rounded",
+    sm: "text-xs px-2 py-1 rounded-md",
+    md: "text-sm px-2.5 py-1.5 rounded-md",
+  } as const;
+
+  const iconSizes: Record<typeof size, string> = {
+    xs: "w-3.5 h-3.5",
+    sm: "w-4 h-4",
+    md: "w-4.5 h-4.5",
+  } as const;
+
+  const variantClasses: Record<typeof variant, string> = {
+    ghost:
+      "bg-transparent border border-slate-600 text-slate-300 hover:bg-slate-700/40",
+    soft: "bg-slate-700 text-white border border-slate-600 hover:bg-slate-600",
+    solid:
+      "bg-indigo-600 text-white border border-indigo-600 hover:bg-indigo-500",
+  } as const;
+
+  const copiedClasses: string =
+    "bg-emerald-600/20 border border-emerald-500 text-emerald-300";
+
   return (
-    <div className={`cursor-pointer ${props.className}`} onClick={handleCopy}>
-      <div>{copied ? "Copied!" : "Copy"}</div>
-    </div>
+    <button
+      type="button"
+      className={`inline-flex items-center justify-center gap-1 transition-colors duration-150 cursor-pointer select-none ${
+        copied ? copiedClasses : variantClasses[variant]
+      } ${sizeClasses[size]} ${props.className || ""}`}
+      onClick={handleCopy}
+      onKeyDown={(e: React.KeyboardEvent<HTMLButtonElement>) => {
+        if (e.key === "Enter" || e.key === " ") {
+          handleCopy(e as unknown as React.MouseEvent<HTMLButtonElement>);
+        }
+      }}
+      title={props.title || label}
+      aria-label={props.title || label}
+    >
+      {/* Icon */}
+      <span aria-hidden="true" className="flex items-center justify-center">
+        {copied ? (
+          <Icon
+            icon={IconProp.Check}
+            className={`${iconSizes[size]} text-emerald-400`}
+          />
+        ) : (
+          <Icon icon={IconProp.Copy} className={`${iconSizes[size]}`} />
+        )}
+      </span>
+      {/* Label (optional) */}
+      {!props.iconOnly && <span>{copied ? copiedLabel : label}</span>}
+    </button>
   );
 };