@lookiero/checkout 12.3.0 → 12.5.0

package/src/ExpoRoot.tsx

@@ -37,7 +37,7 @@ const order: OrderProjection = {
 };
 
 const customer: Customer = {
-  customerId: "5c38e826-3d01-4a4b-a3d1-8a4166dc2a31",
+  customerId: "c7373f39-cae1-4b6d-9711-19eaf007d6a8",
   country: Country.NL,
   segment: Segment.WOMEN,
   email: "email@example.com",
@@ -58,7 +58,7 @@ const apiUrl =
       ? "/local-to-dev"
       : "/checkout/api";
 const authToken =
-  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU3MDEwMTIsImV4cCI6MTc1MDMyMTgwOSwiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjUtMDUtMTkiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiNWMzOGU4MjYtM2QwMS00YTRiLWEzZDEtOGE0MTY2ZGMyYTMxIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NDc2NDM0MDl9.-amqZAXKy9KKeo9a7bOQigWw1flM99OBlddxbMBA_PU";
+  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU5OTQwMTcsImV4cCI6MTc1MjE0NDQ2MywiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjUtMDYtMTAiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiOGZjNTBkZGEtMjZiOC00YTE0LWIyYmYtN2Y0Zjk1NDFmOWJkIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NDk1NTI0NjN9.xFDOdP0an_ki8_JsvTANVDxPXWs0iWpTs1EFMqCrbO8";
 const getAuthToken = () => Promise.resolve(authToken);
 
 const externalTranslationsUrl =

package/src/infrastructure/delivery/baseBootstrap.ts

@@ -85,16 +85,16 @@ import {
   viewCheckoutBookingByIdHandler,
   VIEW_CHECKOUT_BOOKING_BY_ID,
 } from "../../projection/checkoutBooking/viewCheckoutBookingById";
+import {
+  viewCheckoutFeedbackDefinitionByCheckoutIdHandler,
+  VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID,
+  CheckoutFeedbackDefinitionByCheckoutIdView,
+} from "../../projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId";
 import {
   viewCheckoutItemByIdHandler,
   VIEW_CHECKOUT_ITEM_BY_ID,
   CheckoutItemByIdView,
 } from "../../projection/checkoutItem/viewCheckoutItemById";
-import {
-  CheckoutQuestionsByCheckoutIdView,
-  listCheckoutQuestionsByCheckoutIdHandler,
-  LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID,
-} from "../../projection/checkoutQuestion/listCheckoutQuestionsByCheckoutId";
 import {
   PaymentFlowPayloadByCheckoutIdView,
   viewPaymentFlowPayloadByCheckoutIdHandler,
@@ -145,7 +145,7 @@ interface BaseBootstrapFunctionArgs<
   readonly bookedProductsVariantsForCheckoutItemView: BookedProductsVariantsForCheckoutItemView;
   readonly pricingByCheckoutIdView: PricingByCheckoutIdView;
   readonly paymentFlowPayloadByCheckoutIdView: PaymentFlowPayloadByCheckoutIdView;
-  readonly checkoutQuestionsByCheckoutIdView: CheckoutQuestionsByCheckoutIdView;
+  readonly checkoutFeedbackDefinitionByCheckoutIdView: CheckoutFeedbackDefinitionByCheckoutIdView;
   readonly getCheckout: CheckoutsGetFunction<CheckoutGetFunctionArgs>;
   readonly saveCheckout: CheckoutsSaveFunction<CheckoutSaveFunctionArgs>;
   readonly checkoutsDependencies: NeverWhenEmptyRecord<
@@ -204,7 +204,7 @@ const baseBootstrap: BaseBootstrapFunction = ({
   checkoutBookingByIdView,
   pricingByCheckoutIdView,
   paymentFlowPayloadByCheckoutIdView,
-  checkoutQuestionsByCheckoutIdView,
+  checkoutFeedbackDefinitionByCheckoutIdView,
   getCheckout,
   saveCheckout,
   checkoutsDependencies,
@@ -268,8 +268,8 @@ const baseBootstrap: BaseBootstrapFunction = ({
     .query(VIEW_PAYMENT_FLOW_PAYLOAD_BY_CHECKOUT_ID, viewPaymentFlowPayloadByCheckoutIdHandler, {
       view: paymentFlowPayloadByCheckoutIdView,
     })
-    .query(LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, listCheckoutQuestionsByCheckoutIdHandler, {
-      view: checkoutQuestionsByCheckoutIdView,
+    .query(VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID, viewCheckoutFeedbackDefinitionByCheckoutIdHandler, {
+      view: checkoutFeedbackDefinitionByCheckoutIdView,
     })
     .query(VIEW_CHECKOUT_BOOKING_BY_ID, viewCheckoutBookingByIdHandler, {
       view: checkoutBookingByIdView,

package/src/infrastructure/delivery/bootstrap.mock.ts

@@ -7,8 +7,8 @@ import { FiveItemsDiscountByCustomerIdView } from "../../projection/checkout/vie
 import { IsCheckoutEnabledByCustomerIdView } from "../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
 import { IsSizeChangeEnabledByCheckoutIdView } from "../../projection/checkout/viewIsSizeChangeEnabledByCheckoutId";
 import { CheckoutBookingByIdView } from "../../projection/checkoutBooking/viewCheckoutBookingById";
+import { CheckoutFeedbackDefinitionByCheckoutIdView } from "../../projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId";
 import { CheckoutItemByIdView } from "../../projection/checkoutItem/viewCheckoutItemById";
-import { CheckoutQuestionsByCheckoutIdView } from "../../projection/checkoutQuestion/listCheckoutQuestionsByCheckoutId";
 import { PaymentFlowPayloadByCheckoutIdView } from "../../projection/payment/viewPaymentFlowPayloadByCheckoutId";
 import { PricingByCheckoutIdView } from "../../projection/pricing/viewPricingByCheckoutId";
 import { ReturnQuestionsByCheckoutItemIdView } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
@@ -16,7 +16,7 @@ import { bookedProductsVariants } from "../projection/bookedProductsVariants/boo
 import { checkout } from "../projection/checkout/checkout.mock";
 import { checkoutBooking as checkoutBookingMock } from "../projection/checkoutBooking/checkoutBooking.mock";
 import { checkoutFeedback as checkoutFeedbackMock } from "../projection/checkoutFeedback/checkoutFeedback.mock";
-import { checkoutQuestions as checkoutQuestionsMock } from "../projection/checkoutQuestion/checkoutQuestions.mock";
+import { checkoutFeedbackDefinition as checkoutFeedbackDefinitionMock } from "../projection/checkoutFeedback/checkoutFeedbackDefinition.mock";
 import { feedback as feedbackMock } from "../projection/feedback/feedback.mock";
 import { paymentFlowPayload as paymentFlowPayloadMock } from "../projection/payment/paymentFlowPayload.mock";
 import { pricing as pricingMock } from "../projection/pricing/pricing.mock";
@@ -73,7 +73,8 @@ const bookedProductsVariantsForCheckoutItemView: BookedProductsVariantsForChecko
   bookedProductsVariants;
 const pricingByCheckoutIdView: PricingByCheckoutIdView = async () => pricingMock();
 const paymentFlowPayloadByCheckoutIdView: PaymentFlowPayloadByCheckoutIdView = async () => paymentFlowPayloadMock;
-const checkoutQuestionsByCheckoutIdView: CheckoutQuestionsByCheckoutIdView = async () => checkoutQuestionsMock;
+const checkoutFeedbackDefinitionByCheckoutIdView: CheckoutFeedbackDefinitionByCheckoutIdView = async () =>
+  checkoutFeedbackDefinitionMock;
 
 const bootstrap: () => BuildBootstrapFunctionReturn = () =>
   baseBootstrap({
@@ -88,7 +89,7 @@ const bootstrap: () => BuildBootstrapFunctionReturn = () =>
     bookedProductsVariantsForCheckoutItemView,
     pricingByCheckoutIdView,
     paymentFlowPayloadByCheckoutIdView,
-    checkoutQuestionsByCheckoutIdView,
+    checkoutFeedbackDefinitionByCheckoutIdView,
     getCheckout,
     saveCheckout,
     checkoutsDependencies: [{ dataSource }],

package/src/infrastructure/delivery/bootstrap.ts

@@ -13,8 +13,8 @@ import { httpFiveItemsDiscountByCustomerIdView } from "../projection/checkout/ht
 import { httpIsCheckoutEnabledByCustomerIdView } from "../projection/checkout/httpIsCheckoutEnabledByCustomerIdView";
 import { httpIsSizeChangeEnabledByCheckoutIdView } from "../projection/checkout/httpIsSizeChangeEnabledByCheckoutIdView";
 import { httpCheckoutBookingByIdView } from "../projection/checkoutBooking/httpCheckoutBookingByIdView";
+import { httpCheckoutFeedbackDefinitionByCheckoutIdView } from "../projection/checkoutFeedback/httpCheckoutFeedbackDefinitionByCheckoutIdView";
 import { httpCheckoutItemByIdView } from "../projection/checkoutItem/httpCheckoutItemByIdView";
-import { httpCheckoutQuestionsByCheckoutIdView } from "../projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView";
 import { httpPaymentFlowPayloadByCheckoutIdView } from "../projection/payment/httpPaymentFlowPayloadByCheckoutIdView";
 import { httpPricingByCheckoutIdView } from "../projection/pricing/httpPricingByCheckoutIdView";
 import { httpReturnQuestionsByCheckoutItemIdView } from "../projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView";
@@ -55,7 +55,7 @@ const bootstrap: BootstrapFunction = ({ apiUrl, getAuthToken }) => {
     paymentFlowPayloadByCheckoutIdView: httpPaymentFlowPayloadByCheckoutIdView({
       httpPost,
     }),
-    checkoutQuestionsByCheckoutIdView: httpCheckoutQuestionsByCheckoutIdView({
+    checkoutFeedbackDefinitionByCheckoutIdView: httpCheckoutFeedbackDefinitionByCheckoutIdView({
       httpPost,
     }),
     getCheckout,

package/src/infrastructure/projection/checkoutFeedback/checkoutFeedbackDefinition.mock.ts

@@ -0,0 +1,110 @@
+import { CheckoutFeedbackQuestionProjection } from "../../../projection/checkoutFeedback/checkoutFeedback";
+import { CheckoutFeedbackQuestionType } from "../../../projection/checkoutFeedback/checkoutFeedback.constants";
+
+const checkoutFeedbackDefinition: CheckoutFeedbackQuestionProjection[] = [
+  {
+    id: "efe07b97-f6fb-4b6a-ba92-b68519320b2c",
+    translationKey: "checkout_question.selection.question",
+    type: CheckoutFeedbackQuestionType.HOST_SELECT,
+    metadata: {
+      placeholder: "checkout_question.selection.placeholder",
+      showCondition: [],
+    },
+    children: [
+      {
+        id: "68c0bb98-b00a-4b86-af43-528fe903cb69",
+        type: CheckoutFeedbackQuestionType.ICON,
+        metadata: {
+          icon: "checkout_feedback.icon.bad",
+        },
+      },
+      {
+        id: "85e84a77-461c-41e6-8544-95b5294d0b80",
+        type: CheckoutFeedbackQuestionType.ICON,
+        metadata: {
+          icon: "checkout_feedback.icon.regular",
+        },
+      },
+      {
+        id: "29441d25-8d9f-471e-a13e-a03f61c88091",
+        type: CheckoutFeedbackQuestionType.ICON,
+        metadata: {
+          icon: "checkout_feedback.icon.good",
+        },
+      },
+    ],
+  },
+  {
+    id: "6a6d3878-5561-412c-96f3-7ed79ee587bb",
+    translationKey: "checkout_question.experience.question",
+    type: CheckoutFeedbackQuestionType.HOST_SELECT,
+    metadata: {
+      placeholder: "checkout_question.experience.placeholder",
+      showCondition: [],
+    },
+    children: [
+      {
+        id: "a3d937b6-7499-4a3c-86bf-5c0af9ab2e23",
+        type: CheckoutFeedbackQuestionType.ICON,
+        metadata: {
+          icon: "checkout_feedback.icon.bad",
+        },
+      },
+      {
+        id: "7970edd3-fb5c-42d3-afe3-ce31bcbb856c",
+        type: CheckoutFeedbackQuestionType.ICON,
+        metadata: {
+          icon: "checkout_feedback.icon.regular",
+        },
+      },
+      {
+        id: "bab3d4f9-0227-4550-a53f-3c125d68429c",
+        type: CheckoutFeedbackQuestionType.ICON,
+        metadata: {
+          icon: "checkout_feedback.icon.good",
+        },
+      },
+    ],
+  },
+  {
+    id: "a1acdb2d-62c8-467f-b7cc-dc24d967290c",
+    translationKey: "checkout_question.personalshopper.question",
+    type: CheckoutFeedbackQuestionType.HOST_SELECT,
+    metadata: {
+      showCondition: ["68c0bb98-b00a-4b86-af43-528fe903cb69"],
+      placeholder: "checkout_question.personalshopper.placeholder",
+    },
+    children: [
+      {
+        id: "cce7851c-92c7-461b-8dcb-903c5de59ed1",
+        translationKey: "checkout_question.personalshopper.yes",
+        type: CheckoutFeedbackQuestionType.BUTTON,
+      },
+      {
+        id: "4bf8f27d-669b-4d36-8d39-b5599c671816",
+        translationKey: "checkout_question.personalshopper.no",
+        type: CheckoutFeedbackQuestionType.BUTTON,
+      },
+    ],
+  },
+  {
+    id: "ce3e8d57-5eea-4dd3-bef4-2e811a143612",
+    translationKey: "checkout_question.comment.question",
+    type: CheckoutFeedbackQuestionType.HOST_TEXTAREA,
+    metadata: {
+      showCondition: [],
+    },
+    children: [
+      {
+        id: "1123a37d-bc00-43a4-9d28-cee1dfaf356c",
+        translationKey: "checkout_question.comment.question",
+        type: CheckoutFeedbackQuestionType.TEXTAREA,
+        metadata: {
+          placeholder: "checkout_question.comment.placeholder",
+        },
+      },
+    ],
+  },
+];
+
+export { checkoutFeedbackDefinition };

package/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackDefinitionByCheckoutIdView.test.ts

@@ -0,0 +1,52 @@
+import { mock } from "jest-mock-extended";
+import { fetchHttpPost } from "@lookiero/sty-psp-http";
+import { checkoutFeedbackDefinition } from "./checkoutFeedbackDefinition.mock";
+import { httpCheckoutFeedbackDefinitionByCheckoutIdView as sut } from "./httpCheckoutFeedbackDefinitionByCheckoutIdView";
+
+const fetchMock = jest.fn();
+global.fetch = fetchMock;
+const apiUrl = "/api";
+const getAuthToken = () => Promise.resolve("token");
+const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken, device: "web", version: "1.0.0" }) });
+const signal = mock<AbortSignal>();
+
+const checkoutId = "29790d24-b139-4ab8-b618-d796d101e974";
+
+const checkoutFeedbackDefinitionResponseOk: Response = {
+  ok: true,
+  status: 200,
+  text: () => Promise.resolve(JSON.stringify(checkoutFeedbackDefinition)),
+} as Response;
+const checkoutFeedbackDefinitionResponseNotFound: Response = {
+  ok: false,
+  status: 404,
+} as Response;
+const checkoutFeedbackDefinitionResponseError: Response = {
+  ok: false,
+} as Response;
+
+describe("httpCheckoutFeedbackDefinitionByCheckoutIdView", () => {
+  it("returns a checkoutFeedbackDefinition projection for a 200 response", async () => {
+    fetchMock.mockReturnValue(Promise.resolve(checkoutFeedbackDefinitionResponseOk));
+
+    const returnedCheckoutFeedbackDefinition = await view({ checkoutId, signal });
+
+    expect(returnedCheckoutFeedbackDefinition).toStrictEqual(checkoutFeedbackDefinition);
+  });
+
+  it("returns null for a 404 response", async () => {
+    fetchMock.mockReturnValue(Promise.resolve(checkoutFeedbackDefinitionResponseNotFound));
+
+    const returnedCheckoutFeedbackDefinition = await view({ checkoutId, signal });
+
+    expect(returnedCheckoutFeedbackDefinition).toBeNull();
+  });
+
+  it("returns null for a non successfull response", async () => {
+    fetchMock.mockReturnValue(Promise.resolve(checkoutFeedbackDefinitionResponseError));
+
+    const returnedCheckoutFeedbackDefinition = await view({ checkoutId, signal });
+
+    expect(returnedCheckoutFeedbackDefinition).toBeNull();
+  });
+});

package/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackDefinitionByCheckoutIdView.ts

@@ -0,0 +1,30 @@
+import { HttpPostFunction } from "@lookiero/sty-psp-http";
+import {
+  CheckoutFeedbackDefinitionByCheckoutIdView,
+  ViewCheckoutFeedbackDefinitionByCheckoutIdResult,
+} from "../../../projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId";
+
+interface HttpCheckoutFeedbackDefinitionByCheckoutIdView extends CheckoutFeedbackDefinitionByCheckoutIdView {}
+
+interface HttpCheckoutFeedbackDefinitionByCheckoutIdViewFunctionArgs {
+  readonly httpPost: HttpPostFunction;
+}
+
+interface HttpCheckoutFeedbackDefinitionByCheckoutIdViewFunction {
+  (args: HttpCheckoutFeedbackDefinitionByCheckoutIdViewFunctionArgs): HttpCheckoutFeedbackDefinitionByCheckoutIdView;
+}
+
+const httpCheckoutFeedbackDefinitionByCheckoutIdView: HttpCheckoutFeedbackDefinitionByCheckoutIdViewFunction =
+  ({ httpPost }) =>
+  async ({ checkoutId, signal }) =>
+    await httpPost<ViewCheckoutFeedbackDefinitionByCheckoutIdResult>({
+      endpoint: "/view-checkout-feedback-definition-by-checkout-id",
+      body: { checkoutId },
+      signal,
+      result: {
+        error: null,
+        success: (response) => response,
+      },
+    });
+
+export { httpCheckoutFeedbackDefinitionByCheckoutIdView };

package/src/infrastructure/projection/checkoutFeedback/react/useViewCheckoutFeedbackDefinitionByCheckoutId.test.ts

@@ -0,0 +1,58 @@
+import { renderHook, waitFor } from "@testing-library/react-native";
+import { bootstrap, QueryStatus } from "@lookiero/messaging-react";
+import { CheckoutFeedbackQuestionProjection } from "../../../../projection/checkoutFeedback/checkoutFeedback";
+import { CheckoutFeedbackQuestionType } from "../../../../projection/checkoutFeedback/checkoutFeedback.constants";
+import {
+  viewCheckoutFeedbackDefinitionByCheckoutIdHandler,
+  VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID,
+} from "../../../../projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+import { useViewCheckoutFeedbackDefinitionByCheckoutId as sut } from "./useViewCheckoutFeedbackDefinitionByCheckoutId";
+
+const checkoutId = "29790d24-b139-4ab8-b618-d796d101e974";
+const checkoutFeedbackDefinition: CheckoutFeedbackQuestionProjection[] = [
+  {
+    id: "efe07b97-f6fb-4b6a-ba92-b68519320b2c",
+    type: CheckoutFeedbackQuestionType.HOST_DEFAULT,
+    translationKey: "checkout.feedback.question.default",
+    metadata: {
+      showCondition: [],
+    },
+    children: [
+      {
+        id: "01975911-d451-7651-b1ae-3f977928e8a2",
+        type: CheckoutFeedbackQuestionType.HOST_TEXTAREA,
+        metadata: {
+          showCondition: [],
+        },
+        children: [
+          {
+            id: "01975911-ec6b-768e-9b4a-a6f2645b01b2",
+            type: CheckoutFeedbackQuestionType.TEXTAREA,
+            translationKey: "checkout.feedback.question.textarea",
+            metadata: {
+              placeholder: "checkout.feedback.question.textarea.placeholder",
+            },
+          },
+        ],
+      },
+    ],
+  },
+];
+const view = jest.fn().mockReturnValue(checkoutFeedbackDefinition);
+const { Component: Messaging } = bootstrap({ id: MESSAGING_CONTEXT_ID })
+  .query(VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID, viewCheckoutFeedbackDefinitionByCheckoutIdHandler, { view })
+  .build();
+
+describe("useViewCheckoutFeedbackDefinitionByCheckoutId integration hook", () => {
+  it("returns success as the query status and the result itself after rendering the hook", async () => {
+    const { result } = renderHook(() => sut({ checkoutId }), { wrapper: Messaging });
+
+    await waitFor(() => {
+      const [projection, status] = result.current;
+
+      expect(projection).toStrictEqual(checkoutFeedbackDefinition);
+      expect(status).toBe(QueryStatus.SUCCESS);
+    });
+  });
+});

package/src/infrastructure/projection/checkoutFeedback/react/useViewCheckoutFeedbackDefinitionByCheckoutId.ts

@@ -0,0 +1,25 @@
+import { useQuery, UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { CheckoutFeedbackQuestionProjection } from "../../../../projection/checkoutFeedback/checkoutFeedback";
+import { viewCheckoutFeedbackDefinitionByCheckoutId } from "../../../../projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+
+interface UseViewCheckoutFeedbackDefinitionByCheckoutIdFunctionArgs {
+  readonly checkoutId: string;
+}
+
+interface UseViewCheckoutFeedbackDefinitionByCheckoutIdFunction {
+  (
+    args: UseViewCheckoutFeedbackDefinitionByCheckoutIdFunctionArgs,
+  ): UseQueryFunctionResult<CheckoutFeedbackQuestionProjection[]>;
+}
+
+const useViewCheckoutFeedbackDefinitionByCheckoutId: UseViewCheckoutFeedbackDefinitionByCheckoutIdFunction = ({
+  checkoutId,
+}) =>
+  useQuery({
+    query: viewCheckoutFeedbackDefinitionByCheckoutId({ checkoutId }),
+    contextId: MESSAGING_CONTEXT_ID,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+  });
+
+export { useViewCheckoutFeedbackDefinitionByCheckoutId };

package/src/infrastructure/projection/returnQuestion/returnQuestions.mock.ts

@@ -8,76 +8,65 @@ const returnQuestions: ReturnQuestionProjection[] = [
     type: ReturnQuestionType.HOST_DEFAULT,
     children: [
       {
-        id: "ed396b68-1436-48ab-842f-fbfea996fad4",
-        translationKey: "size",
-        type: ReturnQuestionType.HOST_SELECT,
-        metadata: {
-          placeholder: "size_placeholder",
-        },
+        id: "0ad1dba8-b02c-4121-a1e3-981f1c30800d",
+        type: ReturnQuestionType.HOST_RADIO_GROUP,
         children: [
           {
-            id: "0ad1dba8-b02c-4121-a1e3-981f1c30800d",
-            translationKey: "size_title",
-            type: ReturnQuestionType.HOST_STACK,
+            id: "9251dc2c-d76a-484d-9299-346929af932f",
+            translationKey: "size_large",
+            type: ReturnQuestionType.OPTION,
             children: [
               {
-                id: "9251dc2c-d76a-484d-9299-346929af932f",
-                translationKey: "size_large",
-                type: ReturnQuestionType.OPTION,
+                id: "542c4d24-e1da-484f-8c3a-7d89ee135adc",
+                type: ReturnQuestionType.HOST_STACK,
                 children: [
                   {
-                    id: "542c4d24-e1da-484f-8c3a-7d89ee135adc",
-                    type: ReturnQuestionType.HOST_STACK,
-                    children: [
-                      {
-                        id: "68c0bb98-b00a-4b86-af43-528fe903cb69",
-                        translationKey: "size_overall",
-                        type: ReturnQuestionType.OPTION,
-                      },
-                      {
-                        id: "85e84a77-461c-41e6-8544-95b5294d0b80",
-                        translationKey: "size_trousers_too_long",
-                        type: ReturnQuestionType.OPTION,
-                      },
-                      {
-                        id: "29441d25-8d9f-471e-a13e-a03f61c88091",
-                        translationKey: "size_fit_cut_does_not_fit",
-                        type: ReturnQuestionType.OPTION,
-                      },
-                    ],
+                    id: "68c0bb98-b00a-4b86-af43-528fe903cb69",
+                    translationKey: "size_overall",
+                    type: ReturnQuestionType.OPTION,
+                  },
+                  {
+                    id: "85e84a77-461c-41e6-8544-95b5294d0b80",
+                    translationKey: "size_trousers_too_long",
+                    type: ReturnQuestionType.OPTION,
+                  },
+                  {
+                    id: "29441d25-8d9f-471e-a13e-a03f61c88091",
+                    translationKey: "size_fit_cut_does_not_fit",
+                    type: ReturnQuestionType.OPTION,
                   },
                 ],
               },
+            ],
+          },
+          {
+            id: "a081c3e9-1904-4a60-8899-b72c1a3a0291",
+            translationKey: "size_correct",
+            type: ReturnQuestionType.OPTION,
+          },
+          {
+            id: "624cce3d-bd86-463a-b16b-c862ad73d5f3",
+            translationKey: "size_small",
+            type: ReturnQuestionType.OPTION,
+            children: [
               {
-                id: "a081c3e9-1904-4a60-8899-b72c1a3a0291",
-                translationKey: "size_correct",
-                type: ReturnQuestionType.OPTION,
-              },
-              {
-                id: "624cce3d-bd86-463a-b16b-c862ad73d5f3",
-                translationKey: "size_small",
-                type: ReturnQuestionType.OPTION,
+                id: "58e5ae9a-bc0d-4d27-b267-854a51c2a79a",
+                type: ReturnQuestionType.HOST_STACK,
                 children: [
                   {
-                    id: "58e5ae9a-bc0d-4d27-b267-854a51c2a79a",
-                    type: ReturnQuestionType.HOST_STACK,
-                    children: [
-                      {
-                        id: "6a3d11fc-570c-4085-a850-1967228cdd4c",
-                        translationKey: "size_overall",
-                        type: ReturnQuestionType.OPTION,
-                      },
-                      {
-                        id: "c27e1936-deea-4dbe-a8f1-fe4fb8564deb",
-                        translationKey: "size_trousers_too_short",
-                        type: ReturnQuestionType.OPTION,
-                      },
-                      {
-                        id: "e77232ae-eeec-4722-b2d3-f5c0d34fd0ca",
-                        translationKey: "size_fit_cut_does_not_fit",
-                        type: ReturnQuestionType.OPTION,
-                      },
-                    ],
+                    id: "6a3d11fc-570c-4085-a850-1967228cdd4c",
+                    translationKey: "size_overall",
+                    type: ReturnQuestionType.OPTION,
+                  },
+                  {
+                    id: "c27e1936-deea-4dbe-a8f1-fe4fb8564deb",
+                    translationKey: "size_trousers_too_short",
+                    type: ReturnQuestionType.OPTION,
+                  },
+                  {
+                    id: "e77232ae-eeec-4722-b2d3-f5c0d34fd0ca",
+                    translationKey: "size_fit_cut_does_not_fit",
+                    type: ReturnQuestionType.OPTION,
                   },
                 ],
               },

package/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestion.test.tsx

@@ -1,64 +1,59 @@
+/* eslint-disable react/prop-types */
 import { render } from "@testing-library/react-native";
 import React, { ReactNode } from "react";
 import { Text } from "react-native";
-import {
-  CheckoutQuestionProjection,
-  CheckoutQuestionType,
-} from "../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionProjection } from "../../../../../projection/checkoutFeedback/checkoutFeedback";
+import { CheckoutFeedbackQuestionType } from "../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import CheckoutQuestion from "./CheckoutQuestion";
 import { CheckoutQuestionItemProvider, CheckoutQuestionItems } from "./behaviors/useCheckoutQuestionItem";
-import { CheckoutQuestionItem, CheckoutQuestionItemProps } from "./components/CheckoutQuestionItem";
+import { CheckoutQuestionItem } from "./components/CheckoutQuestionItem";
 
 const mockOnChange = jest.fn();
 jest.mock("./behaviors/useCheckoutQuestionFeedback", () => ({
   useCheckoutQuestionFeedbackForId: () => ({ onChange: mockOnChange }),
 }));
 
-const checkoutQuestion: CheckoutQuestionProjection = {
+const checkoutQuestion: CheckoutFeedbackQuestionProjection = {
   id: "efe07b97-f6fb-4b6a-ba92-b68519320b2c",
-  name: "checkout.checkout_question.selection.question",
-  placeholder: "checkout.checkout_question.selection.placeholder",
-  type: CheckoutQuestionType.HOST_SELECT,
-  showCondition: [],
+  translationKey: "checkout.checkout_question.selection.question",
+  type: CheckoutFeedbackQuestionType.HOST_SELECT,
+  metadata: {
+    placeholder: "checkout.checkout_question.selection.placeholder",
+    showCondition: [],
+  },
   children: [
     {
       id: "68c0bb98-b00a-4b86-af43-528fe903cb69",
-      name: "checkout.checkout_question.icon.bad",
-      placeholder: "",
-      type: CheckoutQuestionType.ICON,
-      showCondition: [],
+      translationKey: "checkout.checkout_question.icon.bad",
+      type: CheckoutFeedbackQuestionType.ICON,
     },
     {
       id: "85e84a77-461c-41e6-8544-95b5294d0b80",
-      name: "checkout.checkout_question.icon.regular",
-      placeholder: "",
-      type: CheckoutQuestionType.ICON,
-      showCondition: [],
+      translationKey: "checkout.checkout_question.icon.regular",
+      type: CheckoutFeedbackQuestionType.ICON,
     },
     {
       id: "29441d25-8d9f-471e-a13e-a03f61c88091",
-      name: "checkout.checkout_question.icon.good",
-      placeholder: "",
-      type: CheckoutQuestionType.ICON,
-      showCondition: [],
+      translationKey: "checkout.checkout_question.icon.good",
+      type: CheckoutFeedbackQuestionType.ICON,
     },
   ],
 };
 
-const Item: CheckoutQuestionItem = ({ checkoutQuestion, children }: CheckoutQuestionItemProps) => (
+const Item: CheckoutQuestionItem<CheckoutFeedbackQuestionType> = ({ checkoutQuestion, children }) => (
   <>
-    <Text>{checkoutQuestion.name}</Text>
+    <Text>{checkoutQuestion.translationKey}</Text>
     {children}
   </>
 );
 
 const checkoutQuestionItems: CheckoutQuestionItems = {
-  [CheckoutQuestionType.HOST_DEFAULT]: Item,
-  [CheckoutQuestionType.HOST_TEXTAREA]: Item,
-  [CheckoutQuestionType.HOST_SELECT]: Item,
-  [CheckoutQuestionType.TEXTAREA]: Item,
-  [CheckoutQuestionType.BUTTON]: Item,
-  [CheckoutQuestionType.ICON]: Item,
+  [CheckoutFeedbackQuestionType.HOST_DEFAULT]: Item,
+  [CheckoutFeedbackQuestionType.HOST_TEXTAREA]: Item,
+  [CheckoutFeedbackQuestionType.HOST_SELECT]: Item,
+  [CheckoutFeedbackQuestionType.TEXTAREA]: Item,
+  [CheckoutFeedbackQuestionType.BUTTON]: Item,
+  [CheckoutFeedbackQuestionType.ICON]: Item,
 };
 
 const Wrapper = ({ children }: { children: ReactNode }) => (