feat(subscription): separate selection from payment and add issue feedback

(cherry picked from commit fe9d31146b)

src/data/services/api/__tests__/feedback_api.test.ts

@@ -32,12 +32,17 @@ describe("FeedbackApi", () => {
         viewport: "392x760@2.75",
       },
       images: [image],
+      idempotencyKey: "payment_feedback_123",
     });
 
     expect(response).toEqual({ feedbackId: "feedback-123" });
     expect(httpClientMock).toHaveBeenCalledWith(
       "/api/feedback",
-      expect.objectContaining({ method: "POST", body: expect.any(FormData) }),
+      expect.objectContaining({
+        method: "POST",
+        body: expect.any(FormData),
+        headers: { "Idempotency-Key": "payment_feedback_123" },
+      }),
     );
     const body = httpClientMock.mock.calls[0][1].body as FormData;
     expect(body.get("category")).toBe("problem");

src/data/services/api/feedback_api.ts

@@ -19,6 +19,9 @@ export class FeedbackApi {
     const envelope = await httpClient<ApiEnvelope<unknown>>(ApiPath.feedback, {
       method: "POST",
       body,
+      ...(input.idempotencyKey
+        ? { headers: { "Idempotency-Key": input.idempotencyKey } }
+        : {}),
     });
     return FeedbackSubmitResponseSchema.parse(unwrap(envelope));
   }