feat(characters): use local character catalog

src/stores/payment/__tests__/payment-machine.test-utils.ts

@@ -20,6 +20,7 @@ export interface CreateOrderInput {
   planId: string;
   payChannel: PayChannel;
   autoRenew: boolean;
+  recipientCharacterId?: string;
 }
 
 export type CreateOrderSpy = (input: CreateOrderInput) => void;

src/stores/payment/__tests__/payment-order-flow.test.ts

@@ -79,6 +79,27 @@ describe("payment order flow", () => {
     actor.stop();
   });
 
+  it("passes the selected tip recipient to order creation", async () => {
+    const createOrderSpy = vi.fn<CreateOrderSpy>();
+    const actor = createActor(
+      createTestPaymentMachine({ createOrderSpy }),
+    ).start();
+    await initialize(actor);
+    actor.send({
+      type: "PaymentCreateOrderSubmitted",
+      recipientCharacterId: "character_maya",
+    });
+    await waitFor(actor, (snapshot) => snapshot.matches("paid"));
+
+    expect(createOrderSpy).toHaveBeenCalledWith({
+      planId: "vip_monthly",
+      payChannel: "stripe",
+      autoRenew: true,
+      recipientCharacterId: "character_maya",
+    });
+    actor.stop();
+  });
+
   it("tracks order creation failures", async () => {
     const createOrderFailed = vi
       .spyOn(behaviorAnalytics, "createOrderFailed")

src/stores/payment/machine/actors/order.ts

@@ -10,12 +10,18 @@ import { Result } from "@/utils/result";
 
 export const createPaymentOrderActor = fromPromise<
   CreatePaymentOrderResponse,
-  { planId: string; payChannel: PayChannel; autoRenew: boolean }
+  {
+    planId: string;
+    payChannel: PayChannel;
+    autoRenew: boolean;
+    recipientCharacterId?: string;
+  }
 >(async ({ input }) => {
   const result = await getPaymentRepository().createOrder(
     input.planId,
     input.payChannel,
     input.autoRenew,
+    input.recipientCharacterId,
   );
   if (Result.isErr(result)) throw result.error;
   return result.data;

src/stores/payment/machine/order-flow.ts

@@ -159,10 +159,14 @@ const creatingOrderState = paymentMachineSetup.createStateConfig({
   entry: "trackCreateOrderStart",
   invoke: {
     src: "createOrder",
-    input: ({ context }) => ({
+    input: ({ context, event }) => ({
       planId: context.selectedPlanId,
       payChannel: context.payChannel,
       autoRenew: context.autoRenew,
+      ...(event.type === "PaymentCreateOrderSubmitted" &&
+      event.recipientCharacterId
+        ? { recipientCharacterId: event.recipientCharacterId }
+        : {}),
     }),
     onDone: {
       target: "pollingOrder",

src/stores/payment/payment-events.ts

@@ -14,7 +14,10 @@ export type PaymentEvent =
   | { type: "PaymentPayChannelChanged"; payChannel: PayChannel }
   | { type: "PaymentAutoRenewChanged"; autoRenew: boolean }
   | { type: "PaymentAgreementChanged"; agreed: boolean }
-  | { type: "PaymentCreateOrderSubmitted" }
+  | {
+      type: "PaymentCreateOrderSubmitted";
+      recipientCharacterId?: string;
+    }
   | { type: "PaymentReturned"; orderId: string; createdAt?: number }
   | { type: "PaymentLaunchFailed"; errorMessage: string }
   | { type: "PaymentFirstRechargeConsumed" }