Feat: added whatsapp related assets

Author: harshithmullapudi

actions/whatsapp/package.json

@@ -9,7 +9,7 @@
   },
   "packageManager": "pnpm@8.15.6",
   "dependencies": {
-    "@tegonhq/sdk": "file:../../packages/tegon-sdk/dist",
+    "@tegonhq/sdk": "0.1.13",
     "@trigger.dev/sdk": "3.0.0-beta.56",
     "axios": "^1.6.7",
     "form-data": "^4.0.0"

actions/whatsapp/pnpm-lock.yaml

@@ -155,15 +155,15 @@ export class WorkspacesController {
   }
 
   @UseGuards(AuthGuard, AdminGuard)
-  @Post(':workspaceId/invite_users')
+  @Post('invite_users')
   async inviteUsers(
     @SessionDecorator() session: SessionContainer,
-    @Param() workspaceIdRequestBody: WorkspaceRequestParamsDto,
+    @WorkspaceD() workspaceId: string,
     @Body() inviteUsersBody: InviteUsersBody,
   ) {
     return await this.workspacesService.inviteUsers(
       session,
-      workspaceIdRequestBody.workspaceId,
+      workspaceId,
       inviteUsersBody,
     );
   }

apps/server/src/modules/workspaces/workspaces.controller.ts

@@ -1,11 +1,12 @@
 import { RiDiscordFill, RiGithubFill, RiMailFill } from '@remixicon/react';
-import { Actions, SlackIcon, StackLine } from '@tegonhq/ui/icons';
+import { Actions, SlackIcon, StackLine, Whatsapp } from '@tegonhq/ui/icons';
 
 export const ICON_MAPPING = {
   slack: SlackIcon,
   email: RiMailFill,
   discord: RiDiscordFill,
   github: RiGithubFill,
+  whatsapp: Whatsapp,
 
   // Default icon
   integration: StackLine,

apps/webapp/src/common/icon-utils.ts

@@ -34,8 +34,8 @@ export const CommentsActivity = observer(() => {
   const sortedComments = React.useMemo(() => {
     const comments = commentsStore.getComments(issue.id) as IssueCommentType[];
 
-    return sort(comments).desc((comment) =>
-      new Date(comment.updatedAt).getTime(),
+    return sort(comments).asc((comment) =>
+      new Date(comment.createdAt).getTime(),
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [commentsStore.comments.length, issue]);
@@ -46,8 +46,6 @@ export const CommentsActivity = observer(() => {
 
   return (
     <div className="my-2 w-full flex flex-col gap-4">
-      <IssueComment />
-
       <Timeline>
         {sortedComments
           .filter((comment: IssueCommentType) => !comment.parentId)
@@ -64,6 +62,7 @@ export const CommentsActivity = observer(() => {
             />
           ))}
       </Timeline>
+      <IssueComment />
     </div>
   );
 });

apps/webapp/src/modules/issues/single-issue/left-side/activity/comments-activity/comments-activity.tsx

@@ -24,9 +24,7 @@ export const People = observer(({ peopleId }: { peopleId?: string }) => {
       {people && (
         <div className={cn('flex flex-col items-start')}>
           <div className="text-xs text-left">User</div>
-          <div className="text-left mt-0.5">
-            {people.name} ({people.email})
-          </div>
+          <div className="text-left mt-0.5">{people.name}</div>
         </div>
       )}
 

apps/webapp/src/modules/issues/single-issue/right-side/support-properties.tsx

@@ -19,8 +19,8 @@ export function Integration() {
 
   return (
     <>
-      {!isLoading && <Header title={integrationDefinition.name} />}
       <ContentBox>
+        {!isLoading && <Header title={integrationDefinition.name} />}
         <ScrollArea className="flex grow h-full">
           <div className="w-full p-4">
             {!isLoading && (

apps/webapp/src/modules/settings/workspace-settings/integrations/integration.tsx

@@ -89,8 +89,8 @@ Integrations.getLayout = function getLayout(page: React.ReactElement) {
   return (
     <SettingsLayout>
       <div className="h-[100vh] flex flex-col w-full">
-        <Header title="Integrations" />
         <ContentBox>
+          <Header title="Integrations" />
           <ScrollArea className="flex grow h-full">
             <div className="w-full p-4">{page} </div>
           </ScrollArea>

apps/webapp/src/modules/settings/workspace-settings/integrations/integrations.tsx

@@ -1,6 +1,6 @@
 {
   "name": "@tegonhq/sdk",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Tegon Node.JS SDK",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

packages/tegon-sdk/package.json

@@ -69,6 +69,7 @@ export * from './cycle';
 export * from './activity';
 export * from './help-centre';
 export * from './code';
+export * from './whatsapp';
 
 export * from './team-line';
 export * from './issues-fill';