@shipfox/client-integrations 4.0.0 → 6.0.1

package/src/components/provider-grid.tsx

@@ -1,21 +1,21 @@
-import type {
-  IntegrationProviderDto,
-  ListIntegrationProvidersResponseDto,
-} from '@shipfox/api-integration-core-dto';
 import {QueryLoadError} from '@shipfox/client-ui';
+import {IntegrationIcon} from '@shipfox/integration-icons';
 import {Card} from '@shipfox/react-ui/card';
 import {EmptyState} from '@shipfox/react-ui/empty-state';
 import {Icon} from '@shipfox/react-ui/icon';
 import {Skeleton} from '@shipfox/react-ui/skeleton';
 import {Text} from '@shipfox/react-ui/typography';
 import {cn} from '@shipfox/react-ui/utils';
-import type {UseQueryResult} from '@tanstack/react-query';
 import {Link} from '@tanstack/react-router';
-import {IntegrationIcon} from '#integration-icon.js';
+import type {IntegrationProvider} from '#core/models.js';
 import {PROVIDER_CATALOG} from '#provider-catalog.js';
 
 export interface ProviderGridProps {
-  providersQuery: UseQueryResult<ListIntegrationProvidersResponseDto, Error>;
+  providers: IntegrationProvider[];
+  isPending: boolean;
+  isFetching?: boolean;
+  error?: Error | null | undefined;
+  onRetry?: () => void;
   workspaceId: string;
   emptyMessage: string;
   loadingLabel?: string;
@@ -29,27 +29,39 @@ export const PROVIDER_SURFACE_CLASS =
   'overflow-hidden rounded-8 border border-border-neutral-base bg-background-neutral-base';
 
 export function ProviderGrid({
-  providersQuery,
+  providers,
+  isPending,
+  isFetching = false,
+  error,
+  onRetry,
   workspaceId,
   emptyMessage,
   loadingLabel = 'Loading providers',
   errorSubject = 'available integrations',
   onOpenProvider,
 }: ProviderGridProps) {
-  const providers = providersQuery.data?.providers ?? [];
   const installableProviders = providers.filter((provider) => PROVIDER_CATALOG[provider.provider]);
 
-  if (providersQuery.isPending) return <ProviderGridSkeleton label={loadingLabel} />;
+  if (isPending) return <ProviderGridSkeleton label={loadingLabel} />;
 
-  if (providersQuery.isError && providersQuery.data === undefined) {
+  if (error) {
     return (
       <div className={cn(PROVIDER_SURFACE_CLASS, 'px-16')}>
-        <QueryLoadError query={providersQuery} subject={errorSubject} />
+        <QueryLoadError
+          query={{
+            isError: true,
+            isFetching,
+            data: undefined,
+            error,
+            refetch: onRetry ?? (() => undefined),
+          }}
+          subject={errorSubject}
+        />
       </div>
     );
   }
 
-  if (providersQuery.data !== undefined && installableProviders.length === 0) {
+  if (installableProviders.length === 0) {
     return (
       <div className={cn(PROVIDER_SURFACE_CLASS, 'px-16')}>
         <EmptyState
@@ -81,7 +93,7 @@ function ProviderCard({
   workspaceId,
   onOpenProvider,
 }: {
-  provider: IntegrationProviderDto;
+  provider: IntegrationProvider;
   workspaceId: string;
   onOpenProvider?: ((provider: string) => void) | undefined;
 }) {
@@ -92,7 +104,7 @@ function ProviderCard({
     return (
       <button
         type="button"
-        aria-label={`Add ${provider.display_name}`}
+        aria-label={`Add ${provider.displayName}`}
         onClick={() => onOpenProvider?.(provider.provider)}
         className="group flex h-full w-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 text-left transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none"
       >
@@ -105,7 +117,7 @@ function ProviderCard({
     <Link
       to={catalog.setupPath}
       params={{wid: workspaceId}}
-      aria-label={`Install ${provider.display_name}`}
+      aria-label={`Install ${provider.displayName}`}
       className="group flex h-full min-w-0 items-center justify-between gap-12 rounded-8 border border-border-neutral-base bg-background-neutral-base p-16 transition-colors hover:bg-background-components-hover focus-visible:shadow-button-neutral-focus focus-visible:outline-none"
     >
       <ProviderCardContent provider={provider} action="Install" />
@@ -117,7 +129,7 @@ function ProviderCardContent({
   provider,
   action,
 }: {
-  provider: IntegrationProviderDto;
+  provider: IntegrationProvider;
   action: 'Add' | 'Install';
 }) {
   return (
@@ -129,7 +141,7 @@ function ProviderCardContent({
           className="size-24 shrink-0 text-foreground-neutral-base"
         />
         <Text as="span" size="md" bold className="truncate">
-          {provider.display_name}
+          {provider.displayName}
         </Text>
       </span>
       <span className="flex shrink-0 items-center gap-4 text-foreground-neutral-muted transition-colors group-hover:text-foreground-highlight-interactive">

package/src/components/redirect-install-page.test.tsx

@@ -26,9 +26,7 @@ function renderInstallPage(
 
 describe('RedirectInstallPage', () => {
   test('requests the install URL and leaves the app', async () => {
-    const installRequest = vi
-      .fn()
-      .mockResolvedValue({install_url: 'https://provider.test/install'});
+    const installRequest = vi.fn().mockResolvedValue({installUrl: 'https://provider.test/install'});
     const assignLocation = vi.fn();
     const beforeRedirect = vi.fn();
 
@@ -68,9 +66,7 @@ describe('RedirectInstallPage', () => {
   });
 
   test('requests the install URL exactly once in Strict Mode', async () => {
-    const installRequest = vi
-      .fn()
-      .mockResolvedValue({install_url: 'https://provider.test/install'});
+    const installRequest = vi.fn().mockResolvedValue({installUrl: 'https://provider.test/install'});
 
     renderInstallPage(
       {

package/src/components/redirect-install-page.tsx

@@ -6,9 +6,10 @@ import {FullPageLoader} from '@shipfox/react-ui/loader';
 import {Text} from '@shipfox/react-ui/typography';
 import {Link} from '@tanstack/react-router';
 import {useEffect, useRef, useState} from 'react';
+import type {InstallRedirect} from '#core/models.js';
 
 interface RedirectInstallPageProps {
-  installRequest: (body: {workspace_id: string}) => Promise<{install_url: string}>;
+  installRequest: (body: {workspace_id: string}) => Promise<InstallRedirect>;
   errorFallbackMessage: string;
   loadingLabel?: string;
   /**
@@ -44,7 +45,7 @@ export function RedirectInstallPage({
     }
     installRequest({workspace_id: workspace.id})
       .then((response) => {
-        assignLocation(response.install_url);
+        assignLocation(response.installUrl);
       })
       .catch((error: unknown) => {
         setErrorMessage(error instanceof ApiError ? error.message : errorFallbackMessage);

package/src/components/repository-picker.tsx

@@ -1,4 +1,3 @@
-import type {RepositoryDto} from '@shipfox/api-integration-core-dto';
 import {Button} from '@shipfox/react-ui/button';
 import {Input} from '@shipfox/react-ui/input';
 import {Label} from '@shipfox/react-ui/label';
@@ -6,6 +5,7 @@ import {RadioGroup, RadioGroupItem} from '@shipfox/react-ui/radio-group';
 import {Skeleton} from '@shipfox/react-ui/skeleton';
 import {Text} from '@shipfox/react-ui/typography';
 import {useId} from 'react';
+import type {Repository} from '#core/models.js';
 
 export function RepositoryPicker({
   repositories,
@@ -20,7 +20,7 @@ export function RepositoryPicker({
   onSearchChange,
   searchDisabled,
 }: {
-  repositories: RepositoryDto[];
+  repositories: Repository[];
   selectedRepositoryId: string | undefined;
   onSelect: (repositoryId: string) => void;
   isLoading: boolean;
@@ -69,16 +69,16 @@ export function RepositoryPicker({
         >
           {repositories.map((repository) => (
             <RadioGroupItem
-              key={repository.external_repository_id}
-              value={repository.external_repository_id}
+              key={repository.externalRepositoryId}
+              value={repository.externalRepositoryId}
               className="p-12"
             >
               <span className="flex min-w-0 items-center justify-between gap-10">
                 <Text as="span" size="sm" bold className="truncate">
-                  {repository.full_name}
+                  {repository.fullName}
                 </Text>
                 <Text as="span" size="xs" className="shrink-0 text-foreground-neutral-muted">
-                  {repository.default_branch}
+                  {repository.defaultBranch}
                 </Text>
               </span>
             </RadioGroupItem>

package/src/components/webhook/webhook-create-modal.tsx

@@ -1,8 +1,6 @@
-import type {IntegrationConnectionDto} from '@shipfox/api-integration-core-dto';
 import {
   createWebhookConnectionBodySchema,
   WEBHOOK_RESERVED_SLUGS,
-  type WebhookConnectionDto,
   webhookSlugSchema,
 } from '@shipfox/api-integration-webhook-dto';
 import {displayNameFieldError} from '@shipfox/client-ui';
@@ -21,6 +19,7 @@ import {toast} from '@shipfox/react-ui/toast';
 import {Code, Text} from '@shipfox/react-ui/typography';
 import {useForm} from '@tanstack/react-form';
 import {useEffect, useRef, useState} from 'react';
+import type {IntegrationConnection, WebhookConnection} from '#core/models.js';
 import {useCreateWebhookConnectionMutation} from '#hooks/api/webhook-connections.js';
 import {webhookCreateErrorToFormError} from './webhook-form-errors.js';
 
@@ -28,7 +27,7 @@ interface WebhookCreateModalProps {
   workspaceId: string;
   open: boolean;
   onOpenChange: (open: boolean) => void;
-  onCreated: (connection: IntegrationConnectionDto) => void;
+  onCreated: (connection: IntegrationConnection) => void;
 }
 
 export function WebhookCreateModal({
@@ -53,7 +52,7 @@ export function WebhookCreateModal({
           slug: value.slug.trim(),
         });
         const connection = await createWebhook.mutateAsync(body);
-        onCreated(toIntegrationConnection(connection));
+        onCreated(webhookConnectionToIntegrationConnection(connection));
         toast.success('Webhook created.');
         onOpenChange(false);
       } catch (error) {
@@ -231,17 +230,19 @@ function suggestWebhookSlug(name: string): string {
   return suffix ? `${prefix}-${suffix}` : prefix;
 }
 
-function toIntegrationConnection(connection: WebhookConnectionDto): IntegrationConnectionDto {
+function webhookConnectionToIntegrationConnection(
+  connection: WebhookConnection,
+): IntegrationConnection {
   return {
     id: connection.id,
-    workspace_id: connection.workspace_id,
+    workspaceId: connection.workspaceId,
     provider: 'webhook',
-    external_account_id: connection.slug,
+    externalAccountId: connection.slug,
     slug: connection.slug,
-    display_name: connection.name,
-    lifecycle_status: connection.lifecycle_status,
+    displayName: connection.name,
+    lifecycleStatus: connection.lifecycleStatus,
     capabilities: [],
-    created_at: connection.created_at,
-    updated_at: connection.updated_at,
+    createdAt: connection.createdAt,
+    updatedAt: connection.updatedAt,
   };
 }

package/src/components/webhook/webhook-modals.stories.tsx

@@ -1,4 +1,3 @@
-import type {IntegrationConnectionDto} from '@shipfox/api-integration-core-dto';
 import type {WebhookConnectionDto} from '@shipfox/api-integration-webhook-dto';
 import {WEBHOOK_RECEIVED_EVENT} from '@shipfox/api-integration-webhook-dto';
 import {configureApiClient} from '@shipfox/client-api';
@@ -14,6 +13,7 @@ import {
   RouterProvider,
 } from '@tanstack/react-router';
 import {useMemo} from 'react';
+import type {IntegrationConnection} from '#core/models.js';
 import {IntegrationDeleteConfirmModal} from '../integration-delete-confirm-modal.js';
 import {IntegrationUsageModal} from '../integration-usage-modal.js';
 import {CopyableValue} from './copyable-value.js';
@@ -52,22 +52,22 @@ const disabledConnection: WebhookConnectionDto = {
   lifecycle_status: 'disabled',
 };
 
-const activeIntegrationConnection: IntegrationConnectionDto = {
+const activeIntegrationConnection: IntegrationConnection = {
   id: CONNECTION_ID,
-  workspace_id: WORKSPACE_ID,
+  workspaceId: WORKSPACE_ID,
   provider: 'webhook',
-  external_account_id: activeConnection.slug,
+  externalAccountId: activeConnection.slug,
   slug: activeConnection.slug,
-  display_name: activeConnection.name,
-  lifecycle_status: activeConnection.lifecycle_status,
+  displayName: activeConnection.name,
+  lifecycleStatus: activeConnection.lifecycle_status,
   capabilities: [],
-  created_at: activeConnection.created_at,
-  updated_at: activeConnection.updated_at,
+  createdAt: activeConnection.created_at,
+  updatedAt: activeConnection.updated_at,
 };
 
-const disabledIntegrationConnection: IntegrationConnectionDto = {
+const disabledIntegrationConnection: IntegrationConnection = {
   ...activeIntegrationConnection,
-  lifecycle_status: 'disabled',
+  lifecycleStatus: 'disabled',
 };
 
 function WebhookModalStory({scenario}: WebhookModalStoryProps) {

package/src/components/webhook/webhook-usage-details.tsx

@@ -12,9 +12,7 @@ interface WebhookUsageDetailsProps {
 
 export function WebhookUsageDetails({workspaceId, connectionId}: WebhookUsageDetailsProps) {
   const connectionsQuery = useWebhookConnectionsQuery(workspaceId);
-  const connection = connectionsQuery.data?.connections.find(
-    (candidate) => candidate.id === connectionId,
-  );
+  const connection = connectionsQuery.data?.find((candidate) => candidate.id === connectionId);
 
   if (connectionsQuery.isPending) {
     return (
@@ -36,7 +34,7 @@ export function WebhookUsageDetails({workspaceId, connectionId}: WebhookUsageDet
         <Text size="sm" bold>
           Inbound URL
         </Text>
-        <CopyableValue label="inbound URL" value={connection.inbound_url} />
+        <CopyableValue label="inbound URL" value={connection.inboundUrl} />
         <WebhookPublicEndpointAlert />
       </div>
     </div>

package/src/connection-status-badge.tsx

@@ -1,19 +1,9 @@
-import type {IntegrationConnectionLifecycleStatusDto} from '@shipfox/api-integration-core-dto';
 import {Badge} from '@shipfox/react-ui/badge';
 import type {IconName} from '@shipfox/react-ui/icon';
-
-const lifecyclePills: Record<
-  IntegrationConnectionLifecycleStatusDto,
-  {variant: 'warning' | 'error'; label: string; iconLeft?: IconName} | undefined
-> = {
-  // `active` is the expected state and carries no badge.
-  active: undefined,
-  disabled: {variant: 'warning', label: 'Disabled', iconLeft: 'errorWarningLine'},
-  error: {variant: 'error', label: 'Error'},
-};
+import {type ConnectionLifecycleStatus, connectionLifecyclePresentation} from '#core/models.js';
 
 export interface ConnectionStatusBadgeProps {
-  status: IntegrationConnectionLifecycleStatusDto;
+  status: ConnectionLifecycleStatus;
   className?: string;
 }
 
@@ -23,8 +13,12 @@ export interface ConnectionStatusBadgeProps {
  * nothing for the expected `active` state.
  */
 export function ConnectionStatusBadge({status, className}: ConnectionStatusBadgeProps) {
-  const pill = lifecyclePills[status];
-  if (!pill) return null;
+  const presentation = connectionLifecyclePresentation(status);
+  if (presentation.kind === 'active') return null;
+  const pill: {variant: 'warning' | 'error'; label: string; iconLeft?: IconName} =
+    presentation.kind === 'disabled'
+      ? {variant: 'warning', label: presentation.label, iconLeft: 'errorWarningLine'}
+      : {variant: 'error', label: presentation.label};
   return (
     <Badge
       variant={pill.variant}

package/src/core/models.ts

@@ -0,0 +1,200 @@
+export type IntegrationCapability = 'source_control' | 'agent_tools';
+export type ConnectionLifecycleStatus = 'active' | 'disabled' | 'error';
+
+export interface IntegrationProvider {
+  provider: string;
+  displayName: string;
+  capabilities: IntegrationCapability[];
+}
+
+export interface IntegrationConnection {
+  id: string;
+  workspaceId: string;
+  provider: string;
+  externalAccountId: string;
+  slug: string;
+  displayName: string;
+  lifecycleStatus: ConnectionLifecycleStatus;
+  capabilities: IntegrationCapability[];
+  externalUrl?: string | undefined;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface Repository {
+  connectionId: string;
+  externalRepositoryId: string;
+  owner: string;
+  name: string;
+  fullName: string;
+  defaultBranch: string;
+  visibility: 'public' | 'private' | 'internal' | 'unknown';
+  cloneUrl: string;
+  htmlUrl: string;
+}
+
+export interface RepositoryPage {
+  repositories: Repository[];
+  nextCursor?: string;
+}
+
+export interface WebhookConnection {
+  id: string;
+  workspaceId: string;
+  name: string;
+  slug: string;
+  lifecycleStatus: ConnectionLifecycleStatus;
+  inboundUrl: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface InstallRedirect {
+  installUrl: string;
+}
+
+export type IntegrationUsageEvent = {
+  value: string;
+  label: string;
+};
+
+export type ConnectionLifecyclePresentation =
+  | {kind: 'active'}
+  | {kind: 'disabled'; label: 'Disabled'}
+  | {kind: 'error'; label: 'Error'};
+
+const githubUsageEvents = [
+  'push',
+  'branch_protection_configuration',
+  'branch_protection_rule',
+  'check_run',
+  'check_suite',
+  'code_scanning_alert',
+  'commit_comment',
+  'create',
+  'custom_property',
+  'custom_property_values',
+  'delete',
+  'dependabot_alert',
+  'deploy_key',
+  'deployment',
+  'deployment_protection_rule',
+  'deployment_review',
+  'deployment_status',
+  'discussion',
+  'discussion_comment',
+  'fork',
+  'github_app_authorization',
+  'gollum',
+  'installation',
+  'installation_repositories',
+  'installation_target',
+  'issue_comment',
+  'issue_dependencies',
+  'issues',
+  'label',
+  'marketplace_purchase',
+  'member',
+  'membership',
+  'merge_group',
+  'meta',
+  'milestone',
+  'org_block',
+  'organization',
+  'package',
+  'page_build',
+  'personal_access_token_request',
+  'ping',
+  'project',
+  'project_card',
+  'project_column',
+  'projects_v2',
+  'projects_v2_item',
+  'projects_v2_status_update',
+  'public',
+  'pull_request',
+  'pull_request_review',
+  'pull_request_review_comment',
+  'pull_request_review_thread',
+  'registry_package',
+  'release',
+  'repository',
+  'repository_advisory',
+  'repository_dispatch',
+  'repository_import',
+  'repository_ruleset',
+  'repository_vulnerability_alert',
+  'secret_scanning_alert',
+  'secret_scanning_alert_location',
+  'secret_scanning_scan',
+  'security_advisory',
+  'security_and_analysis',
+  'sponsorship',
+  'star',
+  'status',
+  'sub_issues',
+  'team',
+  'team_add',
+  'watch',
+  'workflow_dispatch',
+  'workflow_job',
+  'workflow_run',
+] as const;
+
+const linearUsageEvents = [
+  'Issue.create',
+  'Issue.update',
+  'Issue.remove',
+  'Comment.create',
+  'Comment.update',
+  'Comment.remove',
+  'IssueLabel.create',
+  'IssueLabel.update',
+  'IssueLabel.remove',
+  'Project.create',
+  'Project.update',
+  'Project.remove',
+  'Cycle.create',
+  'Cycle.update',
+  'Cycle.remove',
+  'agentSession.created',
+  'agentSession.prompted',
+] as const;
+
+const sentryIssueActions = ['created', 'resolved', 'assigned', 'archived', 'unresolved'] as const;
+
+export function usageEventsForConnection(
+  connection: Pick<IntegrationConnection, 'provider' | 'capabilities'>,
+): IntegrationUsageEvent[] {
+  if (connection.provider === 'webhook') return [{value: 'received', label: 'received'}];
+  if (connection.provider === 'github')
+    return githubUsageEvents.map((value) => ({value, label: value}));
+  if (connection.provider === 'sentry')
+    return sentryIssueActions.map((action) => ({
+      value: `issue.${action}`,
+      label: `issue.${action}`,
+    }));
+  if (connection.provider === 'linear')
+    return linearUsageEvents.map((value) => ({value, label: value}));
+  if (connection.capabilities.includes('source_control')) return [{value: 'push', label: 'push'}];
+  return [{value: 'received', label: 'received'}];
+}
+
+export function connectionLifecyclePresentation(
+  status: ConnectionLifecycleStatus,
+): ConnectionLifecyclePresentation {
+  if (status === 'disabled') return {kind: 'disabled', label: 'Disabled'};
+  if (status === 'error') return {kind: 'error', label: 'Error'};
+  return {kind: 'active'};
+}
+
+export function hasCapability(
+  connection: IntegrationConnection,
+  capability: IntegrationCapability,
+) {
+  return connection.capabilities.includes(capability);
+}
+
+export function isUsableConnection(connection: IntegrationConnection) {
+  return connection.lifecycleStatus === 'active';
+}

package/src/feature.ts

@@ -1,4 +1,14 @@
-import {defineClientFeature} from '@shipfox/client-shell';
+import {defineClientFeature, type SettingsSectionEntry} from '@shipfox/client-shell';
+
+export const integrationsSettingsSections = [
+  {
+    id: 'settings.integrations',
+    pathSegment: 'integrations',
+    label: 'Integrations',
+    icon: 'plugLine',
+    order: 700,
+  },
+] as const satisfies readonly SettingsSectionEntry[];
 
 export const integrationsFeature = defineClientFeature({
   id: 'shipfox.integrations',
@@ -53,5 +63,11 @@ export const integrationsFeature = defineClientFeature({
       parent: 'workspaceLayout',
       impl: '@shipfox/client-integrations/routes/slack',
     },
+    {
+      path: '/workspaces/$wid/settings/integrations',
+      parent: 'workspaceSettings',
+      impl: '@shipfox/client-integrations/routes/integrations-settings',
+    },
   ],
+  settingsSections: integrationsSettingsSections,
 });

package/src/hooks/api/integration-mapper.ts

@@ -0,0 +1,64 @@
+import type {
+  IntegrationConnectionDto,
+  IntegrationProviderDto,
+  RepositoryDto,
+} from '@shipfox/api-integration-core-dto';
+import type {WebhookConnectionDto} from '@shipfox/api-integration-webhook-dto';
+import type {
+  InstallRedirect,
+  IntegrationConnection,
+  IntegrationProvider,
+  Repository,
+  WebhookConnection,
+} from '#core/models.js';
+
+export function toIntegrationProvider(dto: IntegrationProviderDto): IntegrationProvider {
+  return {provider: dto.provider, displayName: dto.display_name, capabilities: dto.capabilities};
+}
+
+export function toInstallRedirect(dto: {install_url: string}): InstallRedirect {
+  return {installUrl: dto.install_url};
+}
+
+export function toIntegrationConnection(dto: IntegrationConnectionDto): IntegrationConnection {
+  return {
+    id: dto.id,
+    workspaceId: dto.workspace_id,
+    provider: dto.provider,
+    externalAccountId: dto.external_account_id,
+    slug: dto.slug,
+    displayName: dto.display_name,
+    lifecycleStatus: dto.lifecycle_status,
+    capabilities: dto.capabilities,
+    externalUrl: dto.external_url,
+    createdAt: dto.created_at,
+    updatedAt: dto.updated_at,
+  };
+}
+
+export function toRepository(dto: RepositoryDto): Repository {
+  return {
+    connectionId: dto.connection_id,
+    externalRepositoryId: dto.external_repository_id,
+    owner: dto.owner,
+    name: dto.name,
+    fullName: dto.full_name,
+    defaultBranch: dto.default_branch,
+    visibility: dto.visibility,
+    cloneUrl: dto.clone_url,
+    htmlUrl: dto.html_url,
+  };
+}
+
+export function toWebhookConnection(dto: WebhookConnectionDto): WebhookConnection {
+  return {
+    id: dto.id,
+    workspaceId: dto.workspace_id,
+    name: dto.name,
+    slug: dto.slug,
+    lifecycleStatus: dto.lifecycle_status,
+    inboundUrl: dto.inbound_url,
+    createdAt: dto.created_at,
+    updatedAt: dto.updated_at,
+  };
+}