npm - @open-mercato/channel-imap - Versions diffs - 0.9.0 → 0.9.1-develop.7459.1.99e3accd30 - Mend

@open-mercato/channel-imap 0.9.0 → 0.9.1-develop.7459.1.99e3accd30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/.turbo/turbo-build.log CHANGED Viewed

@@ -1,2 +1,2 @@
-[build:channel-imap] found 33 entry points
+[build:channel-imap] found 34 entry points
 [build:channel-imap] built successfully

package/dist/modules/channel_imap/__integration__/TC-CHANNEL-EMAIL-001.spec.js CHANGED Viewed

@@ -58,5 +58,21 @@ test.describe("TC-CHANNEL-EMAIL-001: IMAP provider registration", () => {
       expect(body?.fieldErrors ?? body?.error).toBeTruthy();
     }
   });
+  test("POST connect/credentials with an empty display name returns per-field details (#5593)", async ({ request }) => {
+    const token = await getAuthToken(request);
+    const response = await apiRequest(
+      request,
+      "POST",
+      "/api/communication_channels/channels/connect/credentials",
+      {
+        token,
+        data: { providerKey: "imap", displayName: "", credentials: {} }
+      }
+    );
+    expect(response.status()).toBe(422);
+    const body = await readJsonSafe(response);
+    expect(body?.error).toBe("Invalid request body");
+    expect(body?.details?.map((issue) => issue.path?.[0])).toEqual(["displayName"]);
+  });
 });
 //# sourceMappingURL=TC-CHANNEL-EMAIL-001.spec.js.map

package/dist/modules/channel_imap/__integration__/TC-CHANNEL-EMAIL-001.spec.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/channel_imap/__integration__/TC-CHANNEL-EMAIL-001.spec.ts"],
-  "sourcesContent": ["import { expect, test } from '@playwright/test'\nimport { getAuthToken } from '@open-mercato/core/helpers/integration/authFixtures'\nimport { apiRequest } from '@open-mercato/core/helpers/integration/api'\nimport { readJsonSafe } from '@open-mercato/core/helpers/integration/generalFixtures'\n\n/**\n * TC-CHANNEL-EMAIL-001 \u2014 IMAP provider visible to the hub's per-user channel API.\n *\n * After Slice 3e registers the `imap` adapter inside `@open-mercato/channel-imap`,\n * the per-user channel routes must accept `providerKey: 'imap'` as a known provider.\n * Without a live IMAP test server we exercise the routing-and-validation surface only;\n * actual credential validation against a real IMAP host is covered by the unit tests\n * in `lib/__tests__/validate-credentials.test.ts`.\n *\n * The route should NOT 404 the provider (proves registration), and should NOT 500\n * (proves the request reaches the adapter and rejects cleanly when no live server\n * is reachable).\n */\ntest.describe('TC-CHANNEL-EMAIL-001: IMAP provider registration', () => {\n  test('POST connect/credentials with providerKey=imap reaches the adapter', async ({ request }) => {\n    const token = await getAuthToken(request)\n    const response = await apiRequest(\n      request,\n      'POST',\n      '/api/communication_channels/channels/connect/credentials',\n      {\n        token,\n        data: {\n          providerKey: 'imap',\n          displayName: 'IMAP \u2014 integration test',\n          credentials: {\n            imapHost: 'invalid.test.example',\n            imapPort: 993,\n            imapTls: 'tls',\n            imapUser: 'fake@example.test',\n            imapPassword: 'wrong-password',\n            smtpHost: 'invalid.test.example',\n            smtpPort: 465,\n            smtpTls: 'tls',\n            smtpUser: 'fake@example.test',\n            smtpPassword: 'wrong-password',\n            fromAddress: 'fake@example.test',\n          },\n        },\n      },\n    )\n    expect(response.status(), 'route should not 5xx').toBeLessThan(500)\n    // 401 (no auth seeded) / 422 (validation failure surfaced via createCrudFormError) /\n    // 502 ish \u2014 but never 404, which would indicate the provider isn't registered.\n    expect(response.status(), 'IMAP provider should be registered').not.toBe(404)\n  })\n\n  test('POST connect/credentials with providerKey=imap and malformed credentials returns 422', async ({ request }) => {\n    const token = await getAuthToken(request)\n    const response = await apiRequest(\n      request,\n      'POST',\n      '/api/communication_channels/channels/connect/credentials',\n      {\n        token,\n        data: {\n          providerKey: 'imap',\n          displayName: 'IMAP \u2014 malformed',\n          credentials: {\n            // Missing required imap/smtp fields entirely.\n            fromAddress: 'not-an-email',\n          },\n        },\n      },\n    )\n    expect(response.status()).toBeLessThan(500)\n    expect([401, 422, 400]).toContain(response.status())\n    if (response.status() === 422) {\n      // The route surfaces credential-validation failures as { error, fieldErrors }\n      // (see api/post/channels/connect/credentials/route.ts).\n      const body = await readJsonSafe<{ error?: string; fieldErrors?: Record<string, string> }>(response)\n      expect(body?.fieldErrors ?? body?.error).toBeTruthy()\n    }\n  })\n})\n"],
-  "mappings": "AAAA,SAAS,QAAQ,YAAY;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAe7B,KAAK,SAAS,oDAAoD,MAAM;AACtE,OAAK,sEAAsE,OAAO,EAAE,QAAQ,MAAM;AAChG,UAAM,QAAQ,MAAM,aAAa,OAAO;AACxC,UAAM,WAAW,MAAM;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAAA,QACA,MAAM;AAAA,UACJ,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAa;AAAA,YACX,UAAU;AAAA,YACV,UAAU;AAAA,YACV,SAAS;AAAA,YACT,UAAU;AAAA,YACV,cAAc;AAAA,YACd,UAAU;AAAA,YACV,UAAU;AAAA,YACV,SAAS;AAAA,YACT,UAAU;AAAA,YACV,cAAc;AAAA,YACd,aAAa;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,WAAO,SAAS,OAAO,GAAG,sBAAsB,EAAE,aAAa,GAAG;AAGlE,WAAO,SAAS,OAAO,GAAG,oCAAoC,EAAE,IAAI,KAAK,GAAG;AAAA,EAC9E,CAAC;AAED,OAAK,wFAAwF,OAAO,EAAE,QAAQ,MAAM;AAClH,UAAM,QAAQ,MAAM,aAAa,OAAO;AACxC,UAAM,WAAW,MAAM;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAAA,QACA,MAAM;AAAA,UACJ,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAa;AAAA;AAAA,YAEX,aAAa;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,WAAO,SAAS,OAAO,CAAC,EAAE,aAAa,GAAG;AAC1C,WAAO,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,UAAU,SAAS,OAAO,CAAC;AACnD,QAAI,SAAS,OAAO,MAAM,KAAK;AAG7B,YAAM,OAAO,MAAM,aAAuE,QAAQ;AAClG,aAAO,MAAM,eAAe,MAAM,KAAK,EAAE,WAAW;AAAA,IACtD;AAAA,EACF,CAAC;AACH,CAAC;",
+  "sourcesContent": ["import { expect, test } from '@playwright/test'\nimport { getAuthToken } from '@open-mercato/core/helpers/integration/authFixtures'\nimport { apiRequest } from '@open-mercato/core/helpers/integration/api'\nimport { readJsonSafe } from '@open-mercato/core/helpers/integration/generalFixtures'\n\n/**\n * TC-CHANNEL-EMAIL-001 \u2014 IMAP provider visible to the hub's per-user channel API.\n *\n * After Slice 3e registers the `imap` adapter inside `@open-mercato/channel-imap`,\n * the per-user channel routes must accept `providerKey: 'imap'` as a known provider.\n * Without a live IMAP test server we exercise the routing-and-validation surface only;\n * actual credential validation against a real IMAP host is covered by the unit tests\n * in `lib/__tests__/validate-credentials.test.ts`.\n *\n * The route should NOT 404 the provider (proves registration), and should NOT 500\n * (proves the request reaches the adapter and rejects cleanly when no live server\n * is reachable).\n */\ntest.describe('TC-CHANNEL-EMAIL-001: IMAP provider registration', () => {\n  test('POST connect/credentials with providerKey=imap reaches the adapter', async ({ request }) => {\n    const token = await getAuthToken(request)\n    const response = await apiRequest(\n      request,\n      'POST',\n      '/api/communication_channels/channels/connect/credentials',\n      {\n        token,\n        data: {\n          providerKey: 'imap',\n          displayName: 'IMAP \u2014 integration test',\n          credentials: {\n            imapHost: 'invalid.test.example',\n            imapPort: 993,\n            imapTls: 'tls',\n            imapUser: 'fake@example.test',\n            imapPassword: 'wrong-password',\n            smtpHost: 'invalid.test.example',\n            smtpPort: 465,\n            smtpTls: 'tls',\n            smtpUser: 'fake@example.test',\n            smtpPassword: 'wrong-password',\n            fromAddress: 'fake@example.test',\n          },\n        },\n      },\n    )\n    expect(response.status(), 'route should not 5xx').toBeLessThan(500)\n    // 401 (no auth seeded) / 422 (validation failure surfaced via createCrudFormError) /\n    // 502 ish \u2014 but never 404, which would indicate the provider isn't registered.\n    expect(response.status(), 'IMAP provider should be registered').not.toBe(404)\n  })\n\n  test('POST connect/credentials with providerKey=imap and malformed credentials returns 422', async ({ request }) => {\n    const token = await getAuthToken(request)\n    const response = await apiRequest(\n      request,\n      'POST',\n      '/api/communication_channels/channels/connect/credentials',\n      {\n        token,\n        data: {\n          providerKey: 'imap',\n          displayName: 'IMAP \u2014 malformed',\n          credentials: {\n            // Missing required imap/smtp fields entirely.\n            fromAddress: 'not-an-email',\n          },\n        },\n      },\n    )\n    expect(response.status()).toBeLessThan(500)\n    expect([401, 422, 400]).toContain(response.status())\n    if (response.status() === 422) {\n      // The route surfaces credential-validation failures as { error, fieldErrors }\n      // (see api/post/channels/connect/credentials/route.ts).\n      const body = await readJsonSafe<{ error?: string; fieldErrors?: Record<string, string> }>(response)\n      expect(body?.fieldErrors ?? body?.error).toBeTruthy()\n    }\n  })\n\n  test('POST connect/credentials with an empty display name returns per-field details (#5593)', async ({ request }) => {\n    const token = await getAuthToken(request)\n    const response = await apiRequest(\n      request,\n      'POST',\n      '/api/communication_channels/channels/connect/credentials',\n      {\n        token,\n        data: { providerKey: 'imap', displayName: '', credentials: {} },\n      },\n    )\n    expect(response.status()).toBe(422)\n    const body = await readJsonSafe<{ error?: string; details?: Array<{ path?: unknown[] }> }>(response)\n    expect(body?.error).toBe('Invalid request body')\n    expect(body?.details?.map((issue) => issue.path?.[0])).toEqual(['displayName'])\n  })\n})\n"],
+  "mappings": "AAAA,SAAS,QAAQ,YAAY;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAe7B,KAAK,SAAS,oDAAoD,MAAM;AACtE,OAAK,sEAAsE,OAAO,EAAE,QAAQ,MAAM;AAChG,UAAM,QAAQ,MAAM,aAAa,OAAO;AACxC,UAAM,WAAW,MAAM;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAAA,QACA,MAAM;AAAA,UACJ,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAa;AAAA,YACX,UAAU;AAAA,YACV,UAAU;AAAA,YACV,SAAS;AAAA,YACT,UAAU;AAAA,YACV,cAAc;AAAA,YACd,UAAU;AAAA,YACV,UAAU;AAAA,YACV,SAAS;AAAA,YACT,UAAU;AAAA,YACV,cAAc;AAAA,YACd,aAAa;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,WAAO,SAAS,OAAO,GAAG,sBAAsB,EAAE,aAAa,GAAG;AAGlE,WAAO,SAAS,OAAO,GAAG,oCAAoC,EAAE,IAAI,KAAK,GAAG;AAAA,EAC9E,CAAC;AAED,OAAK,wFAAwF,OAAO,EAAE,QAAQ,MAAM;AAClH,UAAM,QAAQ,MAAM,aAAa,OAAO;AACxC,UAAM,WAAW,MAAM;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAAA,QACA,MAAM;AAAA,UACJ,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAa;AAAA;AAAA,YAEX,aAAa;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,WAAO,SAAS,OAAO,CAAC,EAAE,aAAa,GAAG;AAC1C,WAAO,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,UAAU,SAAS,OAAO,CAAC;AACnD,QAAI,SAAS,OAAO,MAAM,KAAK;AAG7B,YAAM,OAAO,MAAM,aAAuE,QAAQ;AAClG,aAAO,MAAM,eAAe,MAAM,KAAK,EAAE,WAAW;AAAA,IACtD;AAAA,EACF,CAAC;AAED,OAAK,yFAAyF,OAAO,EAAE,QAAQ,MAAM;AACnH,UAAM,QAAQ,MAAM,aAAa,OAAO;AACxC,UAAM,WAAW,MAAM;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAAA,QACA,MAAM,EAAE,aAAa,QAAQ,aAAa,IAAI,aAAa,CAAC,EAAE;AAAA,MAChE;AAAA,IACF;AACA,WAAO,SAAS,OAAO,CAAC,EAAE,KAAK,GAAG;AAClC,UAAM,OAAO,MAAM,aAAwE,QAAQ;AACnG,WAAO,MAAM,KAAK,EAAE,KAAK,sBAAsB;AAC/C,WAAO,MAAM,SAAS,IAAI,CAAC,UAAU,MAAM,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;AAAA,EAChF,CAAC;AACH,CAAC;",
   "names": []
 }

package/dist/modules/channel_imap/lib/connect-form.js ADDED Viewed

@@ -0,0 +1,66 @@
+import { z } from "zod";
+const TLS_MODES = ["tls", "starttls", "none"];
+function createImapConnectFormSchema(t) {
+  const required = t("communication_channels.profile.connect.errors.required", "This field is required.");
+  const invalidPort = t(
+    "communication_channels.profile.connect.errors.invalidPort",
+    "Enter a port between 1 and 65535."
+  );
+  const requiredText = z.string().trim().min(1, required);
+  const optionalText = z.string().trim().optional();
+  const port = z.coerce.number(invalidPort).int(invalidPort).min(1, invalidPort).max(65535, invalidPort);
+  return z.object({
+    displayName: optionalText,
+    fromAddress: z.string().trim().min(1, required).email(t("communication_channels.profile.connect.errors.invalidEmail", "Enter a valid email address.")),
+    imapHost: requiredText,
+    imapPort: port,
+    imapTls: z.enum(TLS_MODES),
+    imapUser: requiredText,
+    imapPassword: z.string().min(1, required),
+    smtpHost: requiredText,
+    smtpPort: port,
+    smtpTls: z.enum(TLS_MODES),
+    smtpUser: optionalText,
+    smtpPassword: z.string().optional()
+  });
+}
+const IMAP_CONNECT_INITIAL_VALUES = {
+  displayName: "",
+  fromAddress: "",
+  imapHost: "",
+  imapPort: 993,
+  imapTls: "tls",
+  imapUser: "",
+  imapPassword: "",
+  smtpHost: "",
+  smtpPort: 465,
+  smtpTls: "tls",
+  smtpUser: "",
+  smtpPassword: ""
+};
+function buildImapConnectRequestBody(values) {
+  return {
+    providerKey: "imap",
+    displayName: values.displayName || values.fromAddress,
+    pollIntervalSeconds: 300,
+    credentials: {
+      imapHost: values.imapHost,
+      imapPort: values.imapPort,
+      imapTls: values.imapTls,
+      imapUser: values.imapUser,
+      imapPassword: values.imapPassword,
+      smtpHost: values.smtpHost,
+      smtpPort: values.smtpPort,
+      smtpTls: values.smtpTls,
+      smtpUser: values.smtpUser || values.imapUser,
+      smtpPassword: values.smtpPassword || values.imapPassword,
+      fromAddress: values.fromAddress
+    }
+  };
+}
+export {
+  IMAP_CONNECT_INITIAL_VALUES,
+  buildImapConnectRequestBody,
+  createImapConnectFormSchema
+};
+//# sourceMappingURL=connect-form.js.map

package/dist/modules/channel_imap/lib/connect-form.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/channel_imap/lib/connect-form.ts"],
+  "sourcesContent": ["import { z } from 'zod'\n\ntype Translate = (key: string, fallback: string) => string\n\nconst TLS_MODES = ['tls', 'starttls', 'none'] as const\n\nexport type ImapConnectTlsMode = (typeof TLS_MODES)[number]\n\nexport function createImapConnectFormSchema(t: Translate) {\n  const required = t('communication_channels.profile.connect.errors.required', 'This field is required.')\n  const invalidPort = t(\n    'communication_channels.profile.connect.errors.invalidPort',\n    'Enter a port between 1 and 65535.',\n  )\n  const requiredText = z.string().trim().min(1, required)\n  const optionalText = z.string().trim().optional()\n  const port = z.coerce.number(invalidPort).int(invalidPort).min(1, invalidPort).max(65535, invalidPort)\n\n  return z.object({\n    displayName: optionalText,\n    fromAddress: z\n      .string()\n      .trim()\n      .min(1, required)\n      .email(t('communication_channels.profile.connect.errors.invalidEmail', 'Enter a valid email address.')),\n    imapHost: requiredText,\n    imapPort: port,\n    imapTls: z.enum(TLS_MODES),\n    imapUser: requiredText,\n    imapPassword: z.string().min(1, required),\n    smtpHost: requiredText,\n    smtpPort: port,\n    smtpTls: z.enum(TLS_MODES),\n    smtpUser: optionalText,\n    smtpPassword: z.string().optional(),\n  })\n}\n\nexport type ImapConnectFormValues = z.infer<ReturnType<typeof createImapConnectFormSchema>>\n\nexport const IMAP_CONNECT_INITIAL_VALUES: Partial<ImapConnectFormValues> = {\n  displayName: '',\n  fromAddress: '',\n  imapHost: '',\n  imapPort: 993,\n  imapTls: 'tls',\n  imapUser: '',\n  imapPassword: '',\n  smtpHost: '',\n  smtpPort: 465,\n  smtpTls: 'tls',\n  smtpUser: '',\n  smtpPassword: '',\n}\n\nexport function buildImapConnectRequestBody(values: ImapConnectFormValues) {\n  return {\n    providerKey: 'imap',\n    displayName: values.displayName || values.fromAddress,\n    pollIntervalSeconds: 300,\n    credentials: {\n      imapHost: values.imapHost,\n      imapPort: values.imapPort,\n      imapTls: values.imapTls,\n      imapUser: values.imapUser,\n      imapPassword: values.imapPassword,\n      smtpHost: values.smtpHost,\n      smtpPort: values.smtpPort,\n      smtpTls: values.smtpTls,\n      smtpUser: values.smtpUser || values.imapUser,\n      smtpPassword: values.smtpPassword || values.imapPassword,\n      fromAddress: values.fromAddress,\n    },\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,SAAS;AAIlB,MAAM,YAAY,CAAC,OAAO,YAAY,MAAM;AAIrC,SAAS,4BAA4B,GAAc;AACxD,QAAM,WAAW,EAAE,0DAA0D,yBAAyB;AACtG,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,EACF;AACA,QAAM,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,QAAQ;AACtD,QAAM,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS;AAChD,QAAM,OAAO,EAAE,OAAO,OAAO,WAAW,EAAE,IAAI,WAAW,EAAE,IAAI,GAAG,WAAW,EAAE,IAAI,OAAO,WAAW;AAErG,SAAO,EAAE,OAAO;AAAA,IACd,aAAa;AAAA,IACb,aAAa,EACV,OAAO,EACP,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,MAAM,EAAE,8DAA8D,8BAA8B,CAAC;AAAA,IACxG,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS,EAAE,KAAK,SAAS;AAAA,IACzB,UAAU;AAAA,IACV,cAAc,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ;AAAA,IACxC,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS,EAAE,KAAK,SAAS;AAAA,IACzB,UAAU;AAAA,IACV,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EACpC,CAAC;AACH;AAIO,MAAM,8BAA8D;AAAA,EACzE,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAChB;AAEO,SAAS,4BAA4B,QAA+B;AACzE,SAAO;AAAA,IACL,aAAa;AAAA,IACb,aAAa,OAAO,eAAe,OAAO;AAAA,IAC1C,qBAAqB;AAAA,IACrB,aAAa;AAAA,MACX,UAAU,OAAO;AAAA,MACjB,UAAU,OAAO;AAAA,MACjB,SAAS,OAAO;AAAA,MAChB,UAAU,OAAO;AAAA,MACjB,cAAc,OAAO;AAAA,MACrB,UAAU,OAAO;AAAA,MACjB,UAAU,OAAO;AAAA,MACjB,SAAS,OAAO;AAAA,MAChB,UAAU,OAAO,YAAY,OAAO;AAAA,MACpC,cAAc,OAAO,gBAAgB,OAAO;AAAA,MAC5C,aAAa,OAAO;AAAA,IACtB;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/modules/channel_imap/widgets/injection/connect/widget.client.js CHANGED Viewed

@@ -2,50 +2,30 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { raiseCrudError } from "@open-mercato/ui/backend/utils/serverErrors";
 import { Button } from "@open-mercato/ui/primitives/button";
 import {
   Dialog,
   DialogContent,
-  DialogFooter,
   DialogHeader,
   DialogTitle
 } from "@open-mercato/ui/primitives/dialog";
-import { Input } from "@open-mercato/ui/primitives/input";
-import { Label } from "@open-mercato/ui/primitives/label";
-import { PasswordInput } from "@open-mercato/ui/primitives/password-input";
 import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@open-mercato/ui/primitives/select";
-const INITIAL_FORM = {
-  displayName: "",
-  fromAddress: "",
-  imapHost: "",
-  imapPort: "993",
-  imapTls: "tls",
-  imapUser: "",
-  imapPassword: "",
-  smtpHost: "",
-  smtpPort: "465",
-  smtpTls: "tls",
-  smtpUser: "",
-  smtpPassword: ""
-};
+  IMAP_CONNECT_INITIAL_VALUES,
+  buildImapConnectRequestBody,
+  createImapConnectFormSchema
+} from "../../../lib/connect-form.js";
+const FORM_ID = "channel-imap-connect-form";
 function ConnectImapWidget({
   context
 }) {
   const t = useT();
   const widgetContext = context;
   const [open, setOpen] = React.useState(false);
-  const [pending, setPending] = React.useState(false);
-  const [form, setForm] = React.useState(INITIAL_FORM);
-  const [fieldErrors, setFieldErrors] = React.useState({});
   const { runMutation, retryLastMutation } = useGuardedMutation({
     contextId: "channel-imap-connect",
     blockedMessage: t("communication_channels.profile.connect.blocked", "Connection blocked by validation")
@@ -54,283 +34,147 @@ function ConnectImapWidget({
     () => ({ providerKey: "imap", retryLastMutation }),
     [retryLastMutation]
   );
-  const update = React.useCallback(
-    (key, value) => {
-      setForm((current) => ({ ...current, [key]: value }));
-      setFieldErrors((current) => {
-        if (!current[key]) return current;
-        const next = { ...current };
-        delete next[key];
-        return next;
-      });
-    },
-    []
-  );
-  const submit = React.useCallback(async () => {
-    if (pending) return;
-    setPending(true);
-    setFieldErrors({});
-    try {
-      const response = await runMutation({
+  const schema = React.useMemo(() => createImapConnectFormSchema(t), [t]);
+  const fields = React.useMemo(() => {
+    const tlsOptions = [
+      { value: "tls", label: t("communication_channels.profile.connect.tls.tls", "TLS") },
+      { value: "starttls", label: t("communication_channels.profile.connect.tls.starttls", "STARTTLS") },
+      { value: "none", label: t("communication_channels.profile.connect.tls.none", "None") }
+    ];
+    return [
+      {
+        id: "displayName",
+        type: "text",
+        label: t("communication_channels.profile.connect.fields.displayName", "Display name")
+      },
+      {
+        id: "fromAddress",
+        type: "text",
+        label: t("communication_channels.profile.connect.fields.fromAddress", "From address"),
+        required: true
+      },
+      {
+        id: "imapHost",
+        type: "text",
+        label: t("communication_channels.profile.connect.fields.imapHost", "IMAP host"),
+        required: true,
+        layout: "half"
+      },
+      {
+        id: "imapPort",
+        type: "number",
+        label: t("communication_channels.profile.connect.fields.imapPort", "IMAP port"),
+        required: true,
+        layout: "half"
+      },
+      {
+        id: "imapTls",
+        type: "select",
+        label: t("communication_channels.profile.connect.fields.imapTls", "IMAP security"),
+        options: tlsOptions,
+        required: true,
+        layout: "half"
+      },
+      {
+        id: "imapUser",
+        type: "text",
+        label: t("communication_channels.profile.connect.fields.imapUser", "IMAP username"),
+        required: true,
+        layout: "half"
+      },
+      {
+        id: "imapPassword",
+        type: "password",
+        label: t("communication_channels.profile.connect.fields.imapPassword", "IMAP password"),
+        required: true
+      },
+      {
+        id: "smtpHost",
+        type: "text",
+        label: t("communication_channels.profile.connect.fields.smtpHost", "SMTP host"),
+        required: true,
+        layout: "half"
+      },
+      {
+        id: "smtpPort",
+        type: "number",
+        label: t("communication_channels.profile.connect.fields.smtpPort", "SMTP port"),
+        required: true,
+        layout: "half"
+      },
+      {
+        id: "smtpTls",
+        type: "select",
+        label: t("communication_channels.profile.connect.fields.smtpTls", "SMTP security"),
+        options: tlsOptions,
+        required: true,
+        layout: "half"
+      },
+      {
+        id: "smtpUser",
+        type: "text",
+        label: t("communication_channels.profile.connect.fields.smtpUser", "SMTP username"),
+        layout: "half"
+      },
+      {
+        id: "smtpPassword",
+        type: "password",
+        label: t("communication_channels.profile.connect.fields.smtpPassword", "SMTP password")
+      }
+    ];
+  }, [t]);
+  const handleSubmit = React.useCallback(
+    async (values) => {
+      const body = buildImapConnectRequestBody(values);
+      await runMutation({
         context: mutationContext,
-        mutationPayload: { providerKey: "imap", displayName: form.displayName },
-        operation: () => apiCall("/api/communication_channels/channels/connect/credentials", {
-          method: "POST",
-          headers: { "content-type": "application/json" },
-          body: JSON.stringify({
-            providerKey: "imap",
-            displayName: form.displayName.trim() || form.fromAddress.trim(),
-            pollIntervalSeconds: 300,
-            credentials: {
-              imapHost: form.imapHost.trim(),
-              imapPort: Number(form.imapPort),
-              imapTls: form.imapTls,
-              imapUser: form.imapUser.trim(),
-              imapPassword: form.imapPassword,
-              smtpHost: form.smtpHost.trim(),
-              smtpPort: Number(form.smtpPort),
-              smtpTls: form.smtpTls,
-              smtpUser: form.smtpUser.trim() || form.imapUser.trim(),
-              smtpPassword: form.smtpPassword || form.imapPassword,
-              fromAddress: form.fromAddress.trim()
-            }
-          })
-        })
+        mutationPayload: { providerKey: body.providerKey, displayName: body.displayName },
+        operation: async () => {
+          const call = await apiCall("/api/communication_channels/channels/connect/credentials", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify(body)
+          });
+          if (!call.ok) {
+            await raiseCrudError(
+              call.response,
+              t("communication_channels.profile.connect.credentialsFailed", "Could not connect mailbox.")
+            );
+          }
+          return call;
+        }
       });
-      const body = response.result;
-      if (!response.ok) {
-        setFieldErrors(body?.fieldErrors ?? {});
-        flash(
-          body?.error ?? t("communication_channels.profile.connect.credentialsFailed", "Could not connect mailbox."),
-          "error"
-        );
-        return;
-      }
       flash(t("communication_channels.profile.connect.connected", "Channel connected."), "success");
       setOpen(false);
-      setForm(INITIAL_FORM);
       widgetContext?.reload?.();
-    } finally {
-      setPending(false);
-    }
-  }, [form, mutationContext, pending, runMutation, t, widgetContext]);
-  const onDialogKeyDown = React.useCallback(
-    (event) => {
-      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
-        event.preventDefault();
-        void submit();
-      }
     },
-    [submit]
+    [mutationContext, runMutation, t, widgetContext]
   );
+  const onDialogKeyDown = React.useCallback((event) => {
+    if (event.defaultPrevented || !(event.metaKey || event.ctrlKey) || event.key !== "Enter") return;
+    event.preventDefault();
+    const form = document.getElementById(FORM_ID);
+    if (form instanceof HTMLFormElement) form.requestSubmit();
+  }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setOpen(true), children: t("communication_channels.profile.connect.imap", "Connect IMAP") }),
     /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown: onDialogKeyDown, children: [
       /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("communication_channels.profile.connect.imapTitle", "Connect IMAP mailbox") }) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 py-2", children: [
-        /* @__PURE__ */ jsx(
-          Field,
-          {
-            label: t("communication_channels.profile.connect.fields.displayName", "Display name"),
-            error: fieldErrors.displayName,
-            children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: form.displayName,
-                onChange: (event) => update("displayName", event.target.value),
-                "aria-invalid": Boolean(fieldErrors.displayName)
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Field,
-          {
-            label: t("communication_channels.profile.connect.fields.fromAddress", "From address"),
-            error: fieldErrors.fromAddress,
-            children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                type: "email",
-                value: form.fromAddress,
-                onChange: (event) => update("fromAddress", event.target.value),
-                "aria-invalid": Boolean(fieldErrors.fromAddress)
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              label: t("communication_channels.profile.connect.fields.imapHost", "IMAP host"),
-              error: fieldErrors.imapHost,
-              children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  value: form.imapHost,
-                  onChange: (event) => update("imapHost", event.target.value),
-                  "aria-invalid": Boolean(fieldErrors.imapHost)
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              label: t("communication_channels.profile.connect.fields.imapPort", "IMAP port"),
-              error: fieldErrors.imapPort,
-              children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  inputMode: "numeric",
-                  value: form.imapPort,
-                  onChange: (event) => update("imapPort", event.target.value),
-                  "aria-invalid": Boolean(fieldErrors.imapPort)
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              label: t("communication_channels.profile.connect.fields.imapTls", "IMAP security"),
-              error: fieldErrors.imapTls,
-              children: /* @__PURE__ */ jsx(TlsSelect, { value: form.imapTls, onChange: (value) => update("imapTls", value) })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              label: t("communication_channels.profile.connect.fields.imapUser", "IMAP username"),
-              error: fieldErrors.imapUser,
-              children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  value: form.imapUser,
-                  onChange: (event) => update("imapUser", event.target.value),
-                  "aria-invalid": Boolean(fieldErrors.imapUser)
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          Field,
-          {
-            label: t("communication_channels.profile.connect.fields.imapPassword", "IMAP password"),
-            error: fieldErrors.imapPassword,
-            children: /* @__PURE__ */ jsx(
-              PasswordInput,
-              {
-                value: form.imapPassword,
-                onChange: (event) => update("imapPassword", event.target.value),
-                "aria-invalid": Boolean(fieldErrors.imapPassword)
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              label: t("communication_channels.profile.connect.fields.smtpHost", "SMTP host"),
-              error: fieldErrors.smtpHost,
-              children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  value: form.smtpHost,
-                  onChange: (event) => update("smtpHost", event.target.value),
-                  "aria-invalid": Boolean(fieldErrors.smtpHost)
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              label: t("communication_channels.profile.connect.fields.smtpPort", "SMTP port"),
-              error: fieldErrors.smtpPort,
-              children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  inputMode: "numeric",
-                  value: form.smtpPort,
-                  onChange: (event) => update("smtpPort", event.target.value),
-                  "aria-invalid": Boolean(fieldErrors.smtpPort)
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              label: t("communication_channels.profile.connect.fields.smtpTls", "SMTP security"),
-              error: fieldErrors.smtpTls,
-              children: /* @__PURE__ */ jsx(TlsSelect, { value: form.smtpTls, onChange: (value) => update("smtpTls", value) })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Field,
-            {
-              label: t("communication_channels.profile.connect.fields.smtpUser", "SMTP username"),
-              error: fieldErrors.smtpUser,
-              children: /* @__PURE__ */ jsx(
-                Input,
-                {
-                  value: form.smtpUser,
-                  onChange: (event) => update("smtpUser", event.target.value),
-                  "aria-invalid": Boolean(fieldErrors.smtpUser)
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          Field,
-          {
-            label: t("communication_channels.profile.connect.fields.smtpPassword", "SMTP password"),
-            error: fieldErrors.smtpPassword,
-            children: /* @__PURE__ */ jsx(
-              PasswordInput,
-              {
-                value: form.smtpPassword,
-                onChange: (event) => update("smtpPassword", event.target.value),
-                "aria-invalid": Boolean(fieldErrors.smtpPassword)
-              }
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(DialogFooter, { children: [
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), disabled: pending, children: t("communication_channels.profile.connect.cancel", "Cancel") }),
-        /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => void submit(), disabled: pending, children: pending ? t("communication_channels.profile.connect.connecting", "Connecting...") : t("communication_channels.profile.connect.save", "Connect") })
-      ] })
+      open ? /* @__PURE__ */ jsx(
+        CrudForm,
+        {
+          formId: FORM_ID,
+          schema,
+          fields,
+          initialValues: IMAP_CONNECT_INITIAL_VALUES,
+          submitLabel: t("communication_channels.profile.connect.save", "Connect"),
+          onSubmit: handleSubmit,
+          embedded: true
+        }
+      ) : null
     ] }) })
   ] });
 }
-function Field(props) {
-  return /* @__PURE__ */ jsxs("label", { className: "grid gap-1.5", children: [
-    /* @__PURE__ */ jsx(Label, { asChild: true, children: /* @__PURE__ */ jsx("span", { children: props.label }) }),
-    props.children,
-    props.error ? /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive", children: props.error }) : null
-  ] });
-}
-function TlsSelect(props) {
-  const t = useT();
-  return /* @__PURE__ */ jsxs(Select, { value: props.value, onValueChange: (value) => props.onChange(value), children: [
-    /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-    /* @__PURE__ */ jsxs(SelectContent, { children: [
-      /* @__PURE__ */ jsx(SelectItem, { value: "tls", children: t("communication_channels.profile.connect.tls.tls", "TLS") }),
-      /* @__PURE__ */ jsx(SelectItem, { value: "starttls", children: t("communication_channels.profile.connect.tls.starttls", "STARTTLS") }),
-      /* @__PURE__ */ jsx(SelectItem, { value: "none", children: t("communication_channels.profile.connect.tls.none", "None") })
-    ] })
-  ] });
-}
 export {
   ConnectImapWidget as default
 };