@hed-hog/core 0.0.354 → 0.0.356

package/hedhog/frontend/app/integrations-webhooks/page.tsx.ejs

@@ -74,6 +74,7 @@ import {
   BookOpenText,
   ChevronRight,
   Clock3,
+  Copy,
   GripVertical,
   Pencil,
   Plus,
@@ -225,22 +226,32 @@ type MailProfileDetail = {
   id: number;
   slug: string;
   name: string;
-  provider: MailProfileProvider;
-  from_name?: string | null;
-  from_email: string;
-  reply_to_name?: string | null;
-  reply_to_email?: string | null;
-  smtp_host?: string | null;
-  smtp_port?: number | null;
-  smtp_secure?: boolean;
-  smtp_username?: string | null;
-  smtp_password?: string | null;
-  gmail_client_id?: string | null;
-  gmail_client_secret?: string | null;
-  gmail_refresh_token?: string | null;
-  ses_access_key_id?: string | null;
-  ses_secret_access_key?: string | null;
-  ses_region?: string | null;
+  type_id: number;
+  provider_id: number;
+  config?: Record<string, unknown> | null;
+  integration_provider?: {
+    slug?: string | null;
+  };
+};
+
+type IntegrationProvider = {
+  id: number;
+  slug: string;
+  type_id: number;
+};
+
+const EMAIL_TYPE_SLUG = 'email';
+
+const MAIL_PROVIDER_SLUG_BY_LABEL: Record<MailProfileProvider, string> = {
+  SMTP: 'smtp',
+  GMAIL: 'gmail',
+  SES: 'ses',
+};
+
+const MAIL_PROVIDER_LABEL_BY_SLUG: Record<string, MailProfileProvider> = {
+  smtp: 'SMTP',
+  gmail: 'GMAIL',
+  ses: 'SES',
 };
 
 type MailTemplateDetail = {
@@ -274,6 +285,51 @@ const defaultMailProfileEditForm = {
   ses_region: '',
 };
 
+function trimString(value: unknown) {
+  return String(value ?? '').trim();
+}
+
+function buildMailConfigFromForm(
+  providerSlug: string,
+  form: typeof defaultMailProfileEditForm
+) {
+  if (providerSlug === 'smtp') {
+    return {
+      host: trimString(form.smtp_host),
+      port: Number(trimString(form.smtp_port) || 587),
+      username: trimString(form.smtp_username),
+      password: trimString(form.smtp_password),
+      secure: Boolean(form.smtp_secure),
+      from_email: trimString(form.from_email),
+      from_name: trimString(form.from_name),
+      reply_to_email: trimString(form.reply_to_email),
+      reply_to_name: trimString(form.reply_to_name),
+    };
+  }
+
+  if (providerSlug === 'gmail') {
+    return {
+      client_id: trimString(form.gmail_client_id),
+      client_secret: trimString(form.gmail_client_secret),
+      refresh_token: trimString(form.gmail_refresh_token),
+      from_email: trimString(form.from_email),
+      from_name: trimString(form.from_name),
+      reply_to_email: trimString(form.reply_to_email),
+      reply_to_name: trimString(form.reply_to_name),
+    };
+  }
+
+  return {
+    access_key_id: trimString(form.ses_access_key_id),
+    secret_access_key: trimString(form.ses_secret_access_key),
+    region: trimString(form.ses_region),
+    from_email: trimString(form.from_email),
+    from_name: trimString(form.from_name),
+    reply_to_email: trimString(form.reply_to_email),
+    reply_to_name: trimString(form.reply_to_name),
+  };
+}
+
 const defaultMailTemplateEditForm = {
   slug: '',
   locale_code: 'en',
@@ -495,15 +551,44 @@ export default function IntegrationsWebhooksPage() {
   >({
     queryKey: ['webhook-mail-profiles', currentLocaleCode],
     queryFn: async () => {
-      const response = await request<{ data: SelectOption[] }>({
-        url: '/mail-profile?pageSize=100',
+      const response = await request<{
+        data: Array<{
+          id: number;
+          slug: string;
+          name: string;
+          integration_provider?: { slug?: string | null };
+        }>;
+      }>({
+        url: '/integration-profile?pageSize=100&typeSlug=email',
         method: 'GET',
       });
-      return response.data.data || [];
+      return (response.data.data || []).map((item) => ({
+        id: item.id,
+        slug: item.slug,
+        name: item.name,
+        provider: String(item.integration_provider?.slug ?? ''),
+      }));
     },
     placeholderData: (previous) => previous ?? [],
   });
 
+  const resolveEmailProviderMeta = async (providerSlug: string) => {
+    const response = await request<IntegrationProvider[]>({
+      url: `/integration-profile/providers?typeSlug=${EMAIL_TYPE_SLUG}`,
+      method: 'GET',
+    });
+
+    const provider = (response.data ?? []).find(
+      (item) => item.slug === providerSlug
+    );
+
+    if (!provider) {
+      throw new Error(`Integration provider "${providerSlug}" not found.`);
+    }
+
+    return provider;
+  };
+
   const { data: mailTemplates = [], refetch: refetchMailTemplates } = useQuery<
     SelectOption[]
   >({
@@ -797,31 +882,33 @@ export default function IntegrationsWebhooksPage() {
   const openMailProfileEditor = async (id: number) => {
     try {
       const response = await request<MailProfileDetail>({
-        url: `/mail-profile/${id}`,
+        url: `/integration-profile/${id}`,
         method: 'GET',
       });
 
       const data = response.data;
+      const config = (data.config as Record<string, unknown> | null) ?? {};
+      const providerSlug = String(data.integration_provider?.slug ?? 'smtp');
       setMailProfileEditId(data.id);
       setMailProfileEditForm({
         slug: data.slug || '',
         name: data.name || '',
-        provider: data.provider || 'SMTP',
-        from_name: data.from_name || '',
-        from_email: data.from_email || '',
-        reply_to_name: data.reply_to_name || '',
-        reply_to_email: data.reply_to_email || '',
-        smtp_host: data.smtp_host || '',
-        smtp_port: data.smtp_port ? String(data.smtp_port) : '587',
-        smtp_secure: Boolean(data.smtp_secure),
-        smtp_username: data.smtp_username || '',
-        smtp_password: data.smtp_password || '',
-        gmail_client_id: data.gmail_client_id || '',
-        gmail_client_secret: data.gmail_client_secret || '',
-        gmail_refresh_token: data.gmail_refresh_token || '',
-        ses_access_key_id: data.ses_access_key_id || '',
-        ses_secret_access_key: data.ses_secret_access_key || '',
-        ses_region: data.ses_region || '',
+        provider: MAIL_PROVIDER_LABEL_BY_SLUG[providerSlug] || 'SMTP',
+        from_name: String(config.from_name ?? ''),
+        from_email: String(config.from_email ?? ''),
+        reply_to_name: String(config.reply_to_name ?? ''),
+        reply_to_email: String(config.reply_to_email ?? ''),
+        smtp_host: String(config.host ?? ''),
+        smtp_port: String(config.port ?? '587'),
+        smtp_secure: Boolean(config.secure),
+        smtp_username: String(config.username ?? ''),
+        smtp_password: String(config.password ?? ''),
+        gmail_client_id: String(config.client_id ?? ''),
+        gmail_client_secret: String(config.client_secret ?? ''),
+        gmail_refresh_token: String(config.refresh_token ?? ''),
+        ses_access_key_id: String(config.access_key_id ?? ''),
+        ses_secret_access_key: String(config.secret_access_key ?? ''),
+        ses_region: String(config.region ?? ''),
       });
       setMailProfileTestedSignature(null);
       setMailProfileEditorOpen(true);
@@ -830,50 +917,39 @@ export default function IntegrationsWebhooksPage() {
     }
   };
 
-  const createMailProfilePayload = () => ({
-    slug: mailProfileEditForm.slug,
-    name: mailProfileEditForm.name,
-    provider: mailProfileEditForm.provider,
-    from_name: mailProfileEditForm.from_name || undefined,
-    from_email: mailProfileEditForm.from_email,
-    reply_to_name: mailProfileEditForm.reply_to_name || undefined,
-    reply_to_email: mailProfileEditForm.reply_to_email || undefined,
-    smtp_host: mailProfileEditForm.smtp_host || undefined,
-    smtp_port: mailProfileEditForm.smtp_port
-      ? Number(mailProfileEditForm.smtp_port)
-      : undefined,
-    smtp_secure: mailProfileEditForm.smtp_secure,
-    smtp_username: mailProfileEditForm.smtp_username || undefined,
-    smtp_password: mailProfileEditForm.smtp_password || undefined,
-    gmail_client_id: mailProfileEditForm.gmail_client_id || undefined,
-    gmail_client_secret: mailProfileEditForm.gmail_client_secret || undefined,
-    gmail_refresh_token: mailProfileEditForm.gmail_refresh_token || undefined,
-    ses_access_key_id: mailProfileEditForm.ses_access_key_id || undefined,
-    ses_secret_access_key:
-      mailProfileEditForm.ses_secret_access_key || undefined,
-    ses_region: mailProfileEditForm.ses_region || undefined,
-  });
+  const createMailProfilePayload = async () => {
+    const providerSlug =
+      MAIL_PROVIDER_SLUG_BY_LABEL[mailProfileEditForm.provider] ?? 'smtp';
+    const provider = await resolveEmailProviderMeta(providerSlug);
+
+    return {
+      slug: trimString(mailProfileEditForm.slug),
+      name: trimString(mailProfileEditForm.name),
+      type_id: provider.type_id,
+      provider_id: provider.id,
+      config: buildMailConfigFromForm(providerSlug, mailProfileEditForm),
+      is_active: true,
+    };
+  };
 
-  const currentMailProfileSignature = JSON.stringify(
-    createMailProfilePayload()
-  );
+  const currentMailProfileSignature = JSON.stringify(mailProfileEditForm);
   const canSubmitMailProfile =
     mailProfileTestedSignature === currentMailProfileSignature;
 
   const handleTestMailProfile = async () => {
-    const payload = createMailProfilePayload();
+    const payload = await createMailProfilePayload();
 
     try {
       setMailProfileIsTesting(true);
       const { data } = await request<{ success: boolean; destination: string }>(
         {
-          url: '/mail-profile/test',
+          url: '/integration-profile/test',
           method: 'POST',
           data: payload,
         }
       );
 
-      setMailProfileTestedSignature(JSON.stringify(payload));
+      setMailProfileTestedSignature(currentMailProfileSignature);
       toast.success(
         data.destination || payload.from_email
           ? `Perfil testado com sucesso para ${data.destination || payload.from_email}`
@@ -890,36 +966,13 @@ export default function IntegrationsWebhooksPage() {
 
   const saveMailProfileEditor = async () => {
     if (!mailProfileEditId) return;
+    const payload = await createMailProfilePayload();
 
     try {
       await request({
-        url: `/mail-profile/${mailProfileEditId}`,
+        url: `/integration-profile/${mailProfileEditId}`,
         method: 'PATCH',
-        data: {
-          slug: mailProfileEditForm.slug,
-          name: mailProfileEditForm.name,
-          provider: mailProfileEditForm.provider,
-          from_name: mailProfileEditForm.from_name || undefined,
-          from_email: mailProfileEditForm.from_email,
-          reply_to_name: mailProfileEditForm.reply_to_name || undefined,
-          reply_to_email: mailProfileEditForm.reply_to_email || undefined,
-          smtp_host: mailProfileEditForm.smtp_host || undefined,
-          smtp_port: mailProfileEditForm.smtp_port
-            ? Number(mailProfileEditForm.smtp_port)
-            : undefined,
-          smtp_secure: mailProfileEditForm.smtp_secure,
-          smtp_username: mailProfileEditForm.smtp_username || undefined,
-          smtp_password: mailProfileEditForm.smtp_password || undefined,
-          gmail_client_id: mailProfileEditForm.gmail_client_id || undefined,
-          gmail_client_secret:
-            mailProfileEditForm.gmail_client_secret || undefined,
-          gmail_refresh_token:
-            mailProfileEditForm.gmail_refresh_token || undefined,
-          ses_access_key_id: mailProfileEditForm.ses_access_key_id || undefined,
-          ses_secret_access_key:
-            mailProfileEditForm.ses_secret_access_key || undefined,
-          ses_region: mailProfileEditForm.ses_region || undefined,
-        },
+        data: payload,
       });
 
       await refetchMailProfiles();
@@ -1221,6 +1274,16 @@ export default function IntegrationsWebhooksPage() {
     await incoming.refetch();
   };
 
+  const duplicateIncoming = async (item: IncomingIntegration) => {
+    const response = await request<IncomingIntegration>({
+      url: `/webhook-integration/${item.id}/duplicate`,
+      method: 'POST',
+    });
+    toast.success(t('duplicated'));
+    await incoming.refetch();
+    await openIncomingEdit(response.data);
+  };
+
   const openEventWebhookCreate = () => {
     setEventWebhookEdit(null);
     setEventWebhookForm(defaultEventWebhookForm);
@@ -1255,6 +1318,16 @@ export default function IntegrationsWebhooksPage() {
     setEventWebhookOpen(true);
   };
 
+  const duplicateEventWebhook = async (item: EventWebhook) => {
+    const response = await request<EventWebhook>({
+      url: `/event-webhook/${item.id}/duplicate`,
+      method: 'POST',
+    });
+    toast.success(t('duplicated'));
+    await eventWebhooks.refetch();
+    await openEventWebhookEdit(response.data);
+  };
+
   const saveEventWebhook = async () => {
     try {
       const payload = {
@@ -1563,6 +1636,13 @@ export default function IntegrationsWebhooksPage() {
                         >
                           <Pencil className="h-4 w-4" />
                         </Button>
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          onClick={() => duplicateIncoming(item)}
+                        >
+                          <Copy className="h-4 w-4" />
+                        </Button>
                         <Button
                           variant="ghost"
                           size="icon"
@@ -1672,6 +1752,13 @@ export default function IntegrationsWebhooksPage() {
                         >
                           <Pencil className="h-4 w-4" />
                         </Button>
+                        <Button
+                          variant="ghost"
+                          size="icon"
+                          onClick={() => duplicateEventWebhook(item)}
+                        >
+                          <Copy className="h-4 w-4" />
+                        </Button>
                         <Button
                           variant="ghost"
                           size="icon"
@@ -1707,7 +1794,10 @@ export default function IntegrationsWebhooksPage() {
       </Tabs>
 
       <Sheet open={catalogOpen} onOpenChange={setCatalogOpen}>
-        <ResizableSheetContent sheetId="webhooks-catalog-form" defaultWidth={672}>
+        <ResizableSheetContent
+          sheetId="webhooks-catalog-form"
+          defaultWidth={672}
+        >
           <SheetHeader>
             <SheetTitle>
               {catalogEdit ? t('editEvent') : t('newEvent')}
@@ -1782,7 +1872,10 @@ export default function IntegrationsWebhooksPage() {
           }
         }}
       >
-        <ResizableSheetContent sheetId="webhooks-incoming-form" defaultWidth={1024}>
+        <ResizableSheetContent
+          sheetId="webhooks-incoming-form"
+          defaultWidth={1024}
+        >
           <SheetHeader>
             <SheetTitle>
               {incomingEdit ? t('editIncoming') : t('newIncoming')}
@@ -2272,7 +2365,10 @@ export default function IntegrationsWebhooksPage() {
               }
             }}
           >
-            <ResizableSheetContent sheetId="webhooks-action-form" defaultWidth={768}>
+            <ResizableSheetContent
+              sheetId="webhooks-action-form"
+              defaultWidth={768}
+            >
               <SheetHeader>
                 <SheetTitle>
                   {actionEdit ? t('updated') : t('addAction')}
@@ -2337,14 +2433,28 @@ export default function IntegrationsWebhooksPage() {
                           options={mailProfiles}
                           loadOptions={async ({ page, pageSize, search }) => {
                             const response = await request<{
-                              data: SelectOption[];
+                              data: Array<{
+                                id: number;
+                                slug: string;
+                                name: string;
+                                integration_provider?: { slug?: string | null };
+                              }>;
                             }>({
-                              url: `/mail-profile?page=${page}&pageSize=${pageSize}&search=${encodeURIComponent(search)}`,
+                              url: `/integration-profile?page=${page}&pageSize=${pageSize}&typeSlug=email&search=${encodeURIComponent(search)}`,
                               method: 'GET',
                             });
 
                             return {
-                              items: response.data?.data || [],
+                              items: (response.data?.data || []).map(
+                                (item) => ({
+                                  id: item.id,
+                                  slug: item.slug,
+                                  name: item.name,
+                                  provider: String(
+                                    item.integration_provider?.slug ?? ''
+                                  ),
+                                })
+                              ),
                               hasMore: false,
                             };
                           }}
@@ -2399,19 +2509,25 @@ export default function IntegrationsWebhooksPage() {
                           createTitle="Criar perfil de e-mail"
                           createDescription="Crie rapidamente um perfil SMTP para usar nesta ação."
                           onCreate={async (values) => {
+                            const provider =
+                              await resolveEmailProviderMeta('smtp');
                             const response = await request<SelectOption>({
-                              url: '/mail-profile',
+                              url: '/integration-profile',
                               method: 'POST',
                               data: {
                                 slug: values.slug,
                                 name: values.name,
-                                provider: 'SMTP',
-                                from_email: values.from_email,
-                                smtp_host: values.smtp_host,
-                                smtp_port: Number(values.smtp_port || 587),
-                                smtp_secure: false,
-                                smtp_username: values.smtp_username,
-                                smtp_password: values.smtp_password,
+                                type_id: provider.type_id,
+                                provider_id: provider.id,
+                                config: {
+                                  from_email: values.from_email,
+                                  host: values.smtp_host,
+                                  port: Number(values.smtp_port || 587),
+                                  secure: false,
+                                  username: values.smtp_username,
+                                  password: values.smtp_password,
+                                },
+                                is_active: true,
                               },
                             });
 
@@ -2662,7 +2778,10 @@ export default function IntegrationsWebhooksPage() {
       </Sheet>
 
       <Sheet open={eventWebhookOpen} onOpenChange={setEventWebhookOpen}>
-        <ResizableSheetContent sheetId="webhooks-event-webhook-form" defaultWidth={1024}>
+        <ResizableSheetContent
+          sheetId="webhooks-event-webhook-form"
+          defaultWidth={1024}
+        >
           <SheetHeader>
             <SheetTitle>
               {eventWebhookEdit ? t('editEventWebhook') : t('newEventWebhook')}
@@ -2856,7 +2975,10 @@ export default function IntegrationsWebhooksPage() {
           }
         }}
       >
-        <ResizableSheetContent sheetId="webhooks-mail-profile-editor" defaultWidth={896}>
+        <ResizableSheetContent
+          sheetId="webhooks-mail-profile-editor"
+          defaultWidth={896}
+        >
           <SheetHeader>
             <SheetTitle>Editar perfil de e-mail</SheetTitle>
             <SheetDescription>
@@ -3140,7 +3262,10 @@ export default function IntegrationsWebhooksPage() {
           }
         }}
       >
-        <ResizableSheetContent sheetId="webhooks-mail-template-editor" defaultWidth={896}>
+        <ResizableSheetContent
+          sheetId="webhooks-mail-template-editor"
+          defaultWidth={896}
+        >
           <SheetHeader>
             <SheetTitle>Editar template de e-mail</SheetTitle>
             <SheetDescription>