@lookiero/checkout 12.3.0 → 12.4.0

package/cypress/integration/checkout.spec.ts

@@ -2,17 +2,17 @@ import { CheckoutStatus } from "../../src/domain/checkout/model/checkout";
 import { CheckoutItemStatus } from "../../src/domain/checkoutItem/model/checkoutItem";
 import { bookedProductsVariants } from "../../src/infrastructure/projection/bookedProductsVariants/bookedProductsVariants.mock";
 import { checkout } from "../../src/infrastructure/projection/checkout/checkout.mock";
+import { checkoutFeedbackDefinition } from "../../src/infrastructure/projection/checkoutFeedback/checkoutFeedbackDefinition.mock";
 import { checkoutItem } from "../../src/infrastructure/projection/checkoutItem/checkoutItem.mock";
-import { checkoutQuestions } from "../../src/infrastructure/projection/checkoutQuestion/checkoutQuestions.mock";
 import { paymentFlowPayload } from "../../src/infrastructure/projection/payment/paymentFlowPayload.mock";
 import { pricing } from "../../src/infrastructure/projection/pricing/pricing.mock";
 import { returnQuestions } from "../../src/infrastructure/projection/returnQuestion/returnQuestions.mock";
 import { Routes } from "../../src/infrastructure/ui/routing/routes";
-import { CheckoutQuestionType } from "../../src/projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionType } from "../../src/projection/checkoutFeedback/checkoutFeedback.constants";
+import { checkoutFeedbackQuestionHasChildren } from "../../src/projection/checkoutFeedback/checkoutFeedback.typeguards";
 import { interceptBlockCheckoutBooking } from "../support/interceptBlockCheckoutBooking";
 import { interceptGiveCheckoutFeedback } from "../support/interceptGiveCheckoutFeedback";
 import { interceptKeepCheckoutItem } from "../support/interceptKeepCheckoutItem";
-import { interceptListCheckoutQuestionsByCheckoutId } from "../support/interceptListCheckoutQuestionsByCheckoutId";
 import { interceptListReturnQuestionsByCheckoutItemId } from "../support/interceptListReturnQuestionsByCheckoutItemId";
 import { interceptPayment } from "../support/interceptPayment";
 import { interceptReplaceCheckoutItem } from "../support/interceptReplaceCheckoutItem";
@@ -20,6 +20,7 @@ import { interceptReturnCheckoutItem } from "../support/interceptReturnCheckoutI
 import { interceptSubmitCheckout } from "../support/interceptSubmitCheckout";
 import { interceptViewBookedProductsVariantsForCheckoutItem } from "../support/interceptViewBookedProductsVariantsForCheckoutItem";
 import { interceptViewCheckoutById } from "../support/interceptViewCheckoutById";
+import { interceptViewCheckoutFeedbackDefinitionByCheckoutId } from "../support/interceptViewCheckoutFeedbackDefinitionByCheckoutId";
 import { interceptViewFirstAvailableCheckoutByCustomerId } from "../support/interceptViewFirstAvailableCheckoutByCustomerId";
 import { interceptViewFiveItemsDiscountByCustomerId } from "../support/interceptViewFiveItemsDiscountByCustomerId";
 import { interceptViewIsSizeChangeEnabledByCheckoutId } from "../support/interceptViewIsSizeChangeEnabledByCheckoutId";
@@ -79,17 +80,21 @@ const checkoutFeedback = () => {
   cy.shouldIncludePathInUrl(`${BASEPATH}/${Routes.FEEDBACK}`);
 
   const answers = [];
-  checkoutQuestions.map((checkoutQuestion) => {
-    if (checkoutQuestion.children) {
+  checkoutFeedbackDefinition.map((checkoutQuestion) => {
+    if (checkoutFeedbackQuestionHasChildren(checkoutQuestion)) {
       const index = randomIndex(checkoutQuestion.children.length);
       const randomCheckoutQuestionItem = checkoutQuestion.children[index];
       answers.push(randomCheckoutQuestionItem.id);
 
       if (
-        checkoutQuestion.showCondition.length === 0 ||
-        checkoutQuestion.showCondition.some((condition) => answers.includes(condition))
+        // @ts-ignore
+        !checkoutQuestion?.metadata?.showCondition ||
+        // @ts-ignore
+        checkoutQuestion?.metadata?.showCondition.length === 0 ||
+        // @ts-ignore
+        checkoutQuestion?.metadata?.showCondition.some((condition) => answers.includes(condition))
       ) {
-        if (checkoutQuestion.type === CheckoutQuestionType.HOST_TEXTAREA) {
+        if (checkoutQuestion.type === CheckoutFeedbackQuestionType.HOST_TEXTAREA) {
           cy.getByTestId(randomCheckoutQuestionItem.id).type("Cypress E2E test");
         } else {
           cy.getByTestId(randomCheckoutQuestionItem.id).click();
@@ -125,7 +130,7 @@ describe("Checkout", () => {
     interceptListReturnQuestionsByCheckoutItemId(returnQuestions);
     interceptViewPricingByCheckoutId(pricing());
     interceptViewPaymentFlowPayloadByCheckoutId(paymentFlowPayload);
-    interceptListCheckoutQuestionsByCheckoutId(checkoutQuestions);
+    interceptViewCheckoutFeedbackDefinitionByCheckoutId(checkoutFeedbackDefinition);
 
     interceptKeepCheckoutItem();
     interceptReplaceCheckoutItem();

package/cypress/support/interceptViewCheckoutFeedbackDefinitionByCheckoutId.ts

@@ -0,0 +1,6 @@
+import { CheckoutFeedbackQuestionProjection } from "../../src/projection/checkoutFeedback/checkoutFeedback";
+
+const interceptViewCheckoutFeedbackDefinitionByCheckoutId = (response: CheckoutFeedbackQuestionProjection[]) =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/view-checkout-feedback-definition-by-checkout-id" }, response);
+
+export { interceptViewCheckoutFeedbackDefinitionByCheckoutId };

package/dist/src/ExpoRoot.js

@@ -28,7 +28,7 @@ const order = {
     coupon: "MYLOOKIERO",
 };
 const customer = {
-    customerId: "5c38e826-3d01-4a4b-a3d1-8a4166dc2a31",
+    customerId: "8fc50dda-26b8-4a14-b2bf-7f4f9541f9bd",
     country: Country.NL,
     segment: Segment.WOMEN,
     email: "email@example.com",
@@ -45,7 +45,7 @@ const apiUrl = Platform.OS !== "web"
     : __DEV__
         ? "/local-to-dev"
         : "/checkout/api";
-const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU3MDEwMTIsImV4cCI6MTc1MDMyMTgwOSwiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjUtMDUtMTkiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiNWMzOGU4MjYtM2QwMS00YTRiLWEzZDEtOGE0MTY2ZGMyYTMxIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NDc2NDM0MDl9.-amqZAXKy9KKeo9a7bOQigWw1flM99OBlddxbMBA_PU";
+const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU5OTQwMTcsImV4cCI6MTc1MjE0NDQ2MywiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjUtMDYtMTAiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiOGZjNTBkZGEtMjZiOC00YTE0LWIyYmYtN2Y0Zjk1NDFmOWJkIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NDk1NTI0NjN9.xFDOdP0an_ki8_JsvTANVDxPXWs0iWpTs1EFMqCrbO8";
 const getAuthToken = () => Promise.resolve(authToken);
 const externalTranslationsUrl = Platform.OS !== "web"
     ? "https://backend-for-user.dev.envs.lookiero.tech/api/v2/translations"

package/dist/src/infrastructure/delivery/baseBootstrap.d.ts

@@ -15,8 +15,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";
@@ -35,7 +35,7 @@ interface BaseBootstrapFunctionArgs<CheckoutGetFunctionArgs extends RepositoryGe
     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<[

package/dist/src/infrastructure/delivery/baseBootstrap.js

@@ -27,13 +27,13 @@ import { viewFiveItemsDiscountByCustomerIdHandler, VIEW_FIVE_ITEMS_DISCOUNT_BY_C
 import { viewIsCheckoutEnabledByCustomerIdHandler, VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, } from "../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
 import { viewIsSizeChangeEnabledByCheckoutIdHandler, VIEW_IS_SIZE_CHANGE_ENABLED_BY_CHECKOUT_ID, } from "../../projection/checkout/viewIsSizeChangeEnabledByCheckoutId";
 import { viewCheckoutBookingByIdHandler, VIEW_CHECKOUT_BOOKING_BY_ID, } from "../../projection/checkoutBooking/viewCheckoutBookingById";
+import { viewCheckoutFeedbackDefinitionByCheckoutIdHandler, VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID, } from "../../projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId";
 import { viewCheckoutItemByIdHandler, VIEW_CHECKOUT_ITEM_BY_ID, } from "../../projection/checkoutItem/viewCheckoutItemById";
-import { listCheckoutQuestionsByCheckoutIdHandler, LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, } from "../../projection/checkoutQuestion/listCheckoutQuestionsByCheckoutId";
 import { viewPaymentFlowPayloadByCheckoutIdHandler, VIEW_PAYMENT_FLOW_PAYLOAD_BY_CHECKOUT_ID, } from "../../projection/payment/viewPaymentFlowPayloadByCheckoutId";
 import { viewPricingByCheckoutIdHandler, VIEW_PRICING_BY_CHECKOUT_ID, } from "../../projection/pricing/viewPricingByCheckoutId";
 import { listReturnQuestionsByCheckoutItemIdHandler, LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
 const MESSAGING_CONTEXT_ID = "Checkout";
-const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, isSizeChangeEnabledByCheckoutIdView, fiveItemsDiscountByCustomerIdView, checkoutItemByIdView, returnQuestionsByCheckoutItemIdView, bookedProductsVariantsForCheckoutItemView, checkoutBookingByIdView, pricingByCheckoutIdView, paymentFlowPayloadByCheckoutIdView, checkoutQuestionsByCheckoutIdView, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, getCheckoutBooking, saveCheckoutBooking, checkoutBookingsDependencies, getCheckoutFeedback, saveCheckoutFeedback, checkoutFeedbacksDependencies, }) => {
+const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, isSizeChangeEnabledByCheckoutIdView, fiveItemsDiscountByCustomerIdView, checkoutItemByIdView, returnQuestionsByCheckoutItemIdView, bookedProductsVariantsForCheckoutItemView, checkoutBookingByIdView, pricingByCheckoutIdView, paymentFlowPayloadByCheckoutIdView, checkoutFeedbackDefinitionByCheckoutIdView, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, getCheckoutBooking, saveCheckoutBooking, checkoutBookingsDependencies, getCheckoutFeedback, saveCheckoutFeedback, checkoutFeedbacksDependencies, }) => {
     let messaging = messagingBootstrap({ id: MESSAGING_CONTEXT_ID })
         .query(VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerIdHandler, {
         view: fiveItemsDiscountByCustomerIdView,
@@ -68,8 +68,8 @@ const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdVie
         .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/dist/src/infrastructure/delivery/bootstrap.js

@@ -12,8 +12,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";
@@ -40,7 +40,7 @@ const bootstrap = ({ apiUrl, getAuthToken }) => {
         paymentFlowPayloadByCheckoutIdView: httpPaymentFlowPayloadByCheckoutIdView({
             httpPost,
         }),
-        checkoutQuestionsByCheckoutIdView: httpCheckoutQuestionsByCheckoutIdView({
+        checkoutFeedbackDefinitionByCheckoutIdView: httpCheckoutFeedbackDefinitionByCheckoutIdView({
             httpPost,
         }),
         getCheckout,

package/dist/src/infrastructure/delivery/bootstrap.mock.js

@@ -3,7 +3,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";
@@ -54,7 +54,7 @@ const checkoutBookingByIdView = async () => checkoutBookingMock;
 const bookedProductsVariantsForCheckoutItemView = async () => bookedProductsVariants;
 const pricingByCheckoutIdView = async () => pricingMock();
 const paymentFlowPayloadByCheckoutIdView = async () => paymentFlowPayloadMock;
-const checkoutQuestionsByCheckoutIdView = async () => checkoutQuestionsMock;
+const checkoutFeedbackDefinitionByCheckoutIdView = async () => checkoutFeedbackDefinitionMock;
 const bootstrap = () => baseBootstrap({
     checkoutByIdView,
     firstAvailableCheckoutByCustomerIdView,
@@ -67,7 +67,7 @@ const bootstrap = () => baseBootstrap({
     bookedProductsVariantsForCheckoutItemView,
     pricingByCheckoutIdView,
     paymentFlowPayloadByCheckoutIdView,
-    checkoutQuestionsByCheckoutIdView,
+    checkoutFeedbackDefinitionByCheckoutIdView,
     getCheckout,
     saveCheckout,
     checkoutsDependencies: [{ dataSource }],

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

@@ -0,0 +1,3 @@
+import { CheckoutFeedbackQuestionProjection } from "../../../projection/checkoutFeedback/checkoutFeedback";
+declare const checkoutFeedbackDefinition: CheckoutFeedbackQuestionProjection[];
+export { checkoutFeedbackDefinition };

package/dist/src/infrastructure/projection/checkoutFeedback/checkoutFeedbackDefinition.mock.js

@@ -0,0 +1,107 @@
+import { CheckoutFeedbackQuestionType } from "../../../projection/checkoutFeedback/checkoutFeedback.constants";
+const checkoutFeedbackDefinition = [
+    {
+        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/dist/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackDefinitionByCheckoutIdView.d.ts

@@ -0,0 +1,12 @@
+import { HttpPostFunction } from "@lookiero/sty-psp-http";
+import { CheckoutFeedbackDefinitionByCheckoutIdView } from "../../../projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId";
+interface HttpCheckoutFeedbackDefinitionByCheckoutIdView extends CheckoutFeedbackDefinitionByCheckoutIdView {
+}
+interface HttpCheckoutFeedbackDefinitionByCheckoutIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpCheckoutFeedbackDefinitionByCheckoutIdViewFunction {
+    (args: HttpCheckoutFeedbackDefinitionByCheckoutIdViewFunctionArgs): HttpCheckoutFeedbackDefinitionByCheckoutIdView;
+}
+declare const httpCheckoutFeedbackDefinitionByCheckoutIdView: HttpCheckoutFeedbackDefinitionByCheckoutIdViewFunction;
+export { httpCheckoutFeedbackDefinitionByCheckoutIdView };

package/dist/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackDefinitionByCheckoutIdView.js

@@ -0,0 +1,10 @@
+const httpCheckoutFeedbackDefinitionByCheckoutIdView = ({ httpPost }) => async ({ checkoutId, signal }) => await httpPost({
+    endpoint: "/view-checkout-feedback-definition-by-checkout-id",
+    body: { checkoutId },
+    signal,
+    result: {
+        error: null,
+        success: (response) => response,
+    },
+});
+export { httpCheckoutFeedbackDefinitionByCheckoutIdView };

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

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { CheckoutFeedbackQuestionProjection } from "../../../../projection/checkoutFeedback/checkoutFeedback";
+interface UseViewCheckoutFeedbackDefinitionByCheckoutIdFunctionArgs {
+    readonly checkoutId: string;
+}
+interface UseViewCheckoutFeedbackDefinitionByCheckoutIdFunction {
+    (args: UseViewCheckoutFeedbackDefinitionByCheckoutIdFunctionArgs): UseQueryFunctionResult<CheckoutFeedbackQuestionProjection[]>;
+}
+declare const useViewCheckoutFeedbackDefinitionByCheckoutId: UseViewCheckoutFeedbackDefinitionByCheckoutIdFunction;
+export { useViewCheckoutFeedbackDefinitionByCheckoutId };

package/dist/src/infrastructure/projection/checkoutFeedback/react/useViewCheckoutFeedbackDefinitionByCheckoutId.js

@@ -0,0 +1,9 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { viewCheckoutFeedbackDefinitionByCheckoutId } from "../../../../projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useViewCheckoutFeedbackDefinitionByCheckoutId = ({ checkoutId, }) => useQuery({
+    query: viewCheckoutFeedbackDefinitionByCheckoutId({ checkoutId }),
+    contextId: MESSAGING_CONTEXT_ID,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+});
+export { useViewCheckoutFeedbackDefinitionByCheckoutId };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestion.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { CheckoutQuestionProjection } from "../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionProjection } from "../../../../../projection/checkoutFeedback/checkoutFeedback";
 interface CheckoutQuestionProps {
     readonly checkoutQuestionParentId: string;
-    readonly checkoutQuestion: CheckoutQuestionProjection;
+    readonly checkoutQuestion: CheckoutFeedbackQuestionProjection;
 }
 declare const _default: React.NamedExoticComponent<CheckoutQuestionProps>;
 export default _default;

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestion.js

@@ -1,7 +1,9 @@
 import React, { memo } from "react";
+import { checkoutFeedbackQuestionHasChildren } from "../../../../../projection/checkoutFeedback/checkoutFeedback.typeguards";
 import { useCheckoutQuestionItem } from "./behaviors/useCheckoutQuestionItem";
-const CheckoutQuestion = ({ checkoutQuestion, checkoutQuestionParentId, }) => {
+const CheckoutQuestion = ({ checkoutQuestion, checkoutQuestionParentId }) => {
     const Item = useCheckoutQuestionItem({ type: checkoutQuestion.type });
-    return (React.createElement(Item, { checkoutQuestion: checkoutQuestion, checkoutQuestionParentId: checkoutQuestionParentId, testID: checkoutQuestion.id }, checkoutQuestion.children?.map((childCheckoutQuestion) => (React.createElement(CheckoutQuestion, { key: childCheckoutQuestion.id, checkoutQuestion: childCheckoutQuestion, checkoutQuestionParentId: checkoutQuestion.id })))));
+    return (React.createElement(Item, { checkoutQuestion: checkoutQuestion, checkoutQuestionParentId: checkoutQuestionParentId, testID: checkoutQuestion.id }, checkoutFeedbackQuestionHasChildren(checkoutQuestion) &&
+        checkoutQuestion.children.map((childCheckoutQuestion) => (React.createElement(CheckoutQuestion, { key: childCheckoutQuestion.id, checkoutQuestion: childCheckoutQuestion, checkoutQuestionParentId: checkoutQuestion.id })))));
 };
 export default memo(CheckoutQuestion);

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestions.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
-import { CheckoutQuestionProjection } from "../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionProjection } from "../../../../../projection/checkoutFeedback/checkoutFeedback";
 interface CheckoutQuestionsProps {
-    readonly checkoutQuestions: CheckoutQuestionProjection[];
+    readonly checkoutQuestions: CheckoutFeedbackQuestionProjection[];
 }
 declare const CheckoutQuestions: FC<CheckoutQuestionsProps>;
 export { CheckoutQuestions };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionItem.d.ts

@@ -1,17 +1,17 @@
 import { FC, ReactNode } from "react";
-import { CheckoutQuestionType } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionType } from "../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../components/CheckoutQuestionItem";
-type CheckoutQuestionItems = Record<CheckoutQuestionType, CheckoutQuestionItem>;
+type CheckoutQuestionItems = Record<CheckoutFeedbackQuestionType, CheckoutQuestionItem<CheckoutFeedbackQuestionType>>;
 interface CheckoutQuestionItemContextProviderProps {
     readonly checkoutQuestionItems: CheckoutQuestionItems;
     readonly children: ReactNode;
 }
 declare const CheckoutQuestionItemProvider: FC<CheckoutQuestionItemContextProviderProps>;
-interface UseCheckoutQuestionItemFunctionArgs {
-    readonly type: CheckoutQuestionType;
+interface UseCheckoutQuestionItemFunctionArgs<QT extends CheckoutFeedbackQuestionType> {
+    readonly type: QT;
 }
 interface UseCheckoutQuestionItemFunction {
-    (args: UseCheckoutQuestionItemFunctionArgs): CheckoutQuestionItem;
+    <QT extends CheckoutFeedbackQuestionType>(args: UseCheckoutQuestionItemFunctionArgs<QT>): CheckoutQuestionItem<QT>;
 }
 declare const useCheckoutQuestionItem: UseCheckoutQuestionItemFunction;
 export type { CheckoutQuestionItems };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionItem.js

@@ -6,7 +6,7 @@ const useCheckoutQuestionItem = ({ type }) => {
     const items = useContext(CheckoutQuestionItemContext);
     const item = useMemo(() => items[type], [items, type]);
     invariant(items, "Your are trying to use the useCheckoutQuestionItem hook without wrapping your app with the <CheckoutQuestionItemProvider>.");
-    invariant(item, `The provided CheckoutQuestionType (${type}) is NOT SUPPORTED`);
+    invariant(item, `The provided CheckoutFeedbackQuestionType (${type}) is NOT SUPPORTED`);
     return item;
 };
 export { useCheckoutQuestionItem, CheckoutQuestionItemProvider };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/CheckoutQuestionItem.d.ts

@@ -1,11 +1,12 @@
 import { FC, ReactNode } from "react";
-import { CheckoutQuestionProjection } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
-interface CheckoutQuestionItemProps {
-    readonly checkoutQuestion: CheckoutQuestionProjection;
+import { CheckoutFeedbackQuestionProjection } from "../../../../../../projection/checkoutFeedback/checkoutFeedback";
+import { CheckoutFeedbackQuestionType } from "../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
+interface CheckoutQuestionItemProps<CFQT extends CheckoutFeedbackQuestionType> {
+    readonly checkoutQuestion: CheckoutFeedbackQuestionProjection<CFQT>;
     readonly checkoutQuestionParentId: string;
     readonly children?: ReactNode;
     readonly portalHostName?: string;
     readonly testID?: string;
 }
-type CheckoutQuestionItem = FC<CheckoutQuestionItemProps>;
+type CheckoutQuestionItem<CFQT extends CheckoutFeedbackQuestionType> = FC<CheckoutQuestionItemProps<CFQT>>;
 export type { CheckoutQuestionItem, CheckoutQuestionItemProps };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-declare const ButtonCheckoutQuestionItem: CheckoutQuestionItem;
+declare const ButtonCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.BUTTON>;
 export { ButtonCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { TouchableOpacity } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -8,7 +9,7 @@ import { style as buttonCheckoutQuestionItemStyle } from "./ButtonCheckoutQuesti
 const ACTIVE_OPACITY = 0.6;
 const ButtonCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParentId, testID, }) => {
     const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
-    const optionText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.name });
+    const optionText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.translationKey });
     const handleOnPress = useCallback(() => onChange({ checkoutQuestionId: checkoutQuestionParentId, checkoutQuestionFeedback: checkoutQuestion.id }), [onChange, checkoutQuestion.id, checkoutQuestionParentId]);
     const style = useMemo(() => buttonCheckoutQuestionItemStyle(), []);
     const checked = feedback === checkoutQuestion.id;

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-declare const HostDefaultCheckoutQuestionItem: CheckoutQuestionItem;
+declare const HostDefaultCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.HOST_DEFAULT>;
 export { HostDefaultCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useMemo } from "react";
 import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -5,7 +6,7 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { style as hostDefaultCheckoutQuestionItemStyle } from "./HostDefaultCheckoutQuestionItem.style";
 const HostDefaultCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
-    const titleText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.name });
+    const titleText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.translationKey });
     const style = useMemo(() => hostDefaultCheckoutQuestionItemStyle(), []);
     return (React.createElement(React.Fragment, null,
         React.createElement(Text, { level: 3, style: style.title }, titleText),

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-declare const HostSelectCheckoutQuestionItem: CheckoutQuestionItem;
+declare const HostSelectCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.HOST_SELECT>;
 export { HostSelectCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useMemo } from "react";
 import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -5,7 +6,7 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { style as hostSelectCheckoutQuestionItemStyle } from "./HostSelectCheckoutQuestionItem.style";
 const HostSelectCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
-    const titleText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.name });
+    const titleText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.translationKey });
     const style = useMemo(() => hostSelectCheckoutQuestionItemStyle(), []);
     return (React.createElement(React.Fragment, null,
         React.createElement(Text, { level: 3, style: style.title }, titleText),

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem.d.ts

@@ -1,5 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-type IconName = "checkout_question.icon.bad" | "checkout_question.icon.regular" | "checkout_question.icon.good";
-declare const IconCheckoutQuestionItem: CheckoutQuestionItem;
-export type { IconName };
+declare const IconCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.ICON>;
 export { IconCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { Pressable } from "react-native";
 import invariant from "tiny-invariant";
@@ -7,15 +8,12 @@ import { Happy } from "./icons/Happy";
 import { Normal } from "./icons/Normal";
 import { Sad } from "./icons/Sad";
 const ICON = {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    "checkout_question.icon.bad": Sad,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    "checkout_question.icon.regular": Normal,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    "checkout_question.icon.good": Happy,
+    ["checkout_feedback.icon.bad"]: Sad,
+    ["checkout_feedback.icon.regular"]: Normal,
+    ["checkout_feedback.icon.good"]: Happy,
 };
 const IconCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParentId, testID, }) => {
-    const Icon = ICON[checkoutQuestion.name];
+    const Icon = ICON[checkoutQuestion.metadata.icon];
     const style = useMemo(() => iconCheckoutQuestionItemStyle(), []);
     const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
     const isSelected = feedback === checkoutQuestion.id;

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-declare const TextareaCheckoutQuestionItem: CheckoutQuestionItem;
+declare const TextareaCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.TEXTAREA>;
 export { TextareaCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { useI18n } from "@lookiero/i18n-react";
 import { InputField, TextInput } from "@lookiero/sty-psp-ui";
@@ -6,7 +7,7 @@ import { useCheckoutQuestionFeedbackForId } from "../../behaviors/useCheckoutQue
 import { style as textareaCheckoutQuestionItemStyle } from "./TextareaCheckoutQuestionItem.style";
 const TextareaCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParentId, testID, }) => {
     const { formatMessage } = useI18n({ domain: DOMAIN });
-    const placeholderText = useMemo(() => (checkoutQuestion.placeholder ? formatMessage({ id: checkoutQuestion.placeholder }) : ""), [formatMessage, checkoutQuestion.placeholder]);
+    const placeholderText = useMemo(() => (checkoutQuestion.metadata.placeholder ? formatMessage({ id: checkoutQuestion.metadata.placeholder }) : ""), [formatMessage, checkoutQuestion.metadata.placeholder]);
     const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
     const handleOnChange = useCallback((value) => onChange({ checkoutQuestionId: checkoutQuestionParentId, checkoutQuestionFeedback: value }), [onChange, checkoutQuestionParentId]);
     const style = useMemo(() => textareaCheckoutQuestionItemStyle(), []);