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

(cherry picked from commit fe9d31146b)

src/data/schemas/feedback/feedback_submission.ts

@@ -12,6 +12,14 @@ export interface FeedbackContext {
   platform: string;
   browser: string;
   viewport: string;
+  sourcePage?: string;
+  paymentIssueReason?: string;
+  subscriptionType?: string;
+  planId?: string;
+  orderId?: string;
+  payChannel?: string;
+  countryCode?: string;
+  characterId?: string;
 }
 
 export interface SubmitFeedbackInput {
@@ -19,4 +27,5 @@ export interface SubmitFeedbackInput {
   content: string;
   context: FeedbackContext;
   images: readonly File[];
+  idempotencyKey?: string;
 }

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));
   }