@lookiero/checkout 12.3.0 → 12.4.0

package/dist/src/infrastructure/ui/views/feedback/Feedback.js

@@ -3,10 +3,10 @@ import { Spinner } from "@lookiero/aurora";
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import { useLogger } from "@lookiero/sty-psp-logging";
 import { useScreenSize } from "@lookiero/sty-psp-ui";
-import { CheckoutQuestionType } from "../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionType } from "../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { useGiveCheckoutFeedback } from "../../../domain/checkoutFeedback/react/useGiveCheckoutFeedback";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useListCheckoutQuestionsByCheckoutId } from "../../../projection/checkoutQuestion/react/useListCheckoutQuestionsByCheckoutId";
+import { useViewCheckoutFeedbackDefinitionByCheckoutId } from "../../../projection/checkoutFeedback/react/useViewCheckoutFeedbackDefinitionByCheckoutId";
 import { TrackingPage } from "../../../tracking/tracking";
 import { useTrackChangeFeedback } from "../../../tracking/useTrackChangeFeedback";
 import { useTrackPageView } from "../../../tracking/useTrackPageView";
@@ -23,7 +23,7 @@ const Feedback = ({ layout: Layout }) => {
     const { customer: { customerId, country, segment }, tradename, } = useStaticInfo();
     const style = useMemo(() => feedbackStyle(), []);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const [checkoutQuestions, checkoutQuestionsStatus] = useListCheckoutQuestionsByCheckoutId({
+    const [checkoutFeedbackDefinition, checkoutFeedbackDefinitionStatus] = useViewCheckoutFeedbackDefinitionByCheckoutId({
         checkoutId: checkout?.id,
     });
     useTrackPageView({
@@ -41,16 +41,16 @@ const Feedback = ({ layout: Layout }) => {
         tradename,
     });
     const handleOnChangedFeedback = useCallback(({ checkoutQuestionId, checkoutQuestionFeedback, hasFeedback }) => {
-        const question = checkoutQuestions?.find((question) => question.id === checkoutQuestionId);
-        if (question?.type === CheckoutQuestionType.HOST_TEXTAREA && hasFeedback) {
+        const question = checkoutFeedbackDefinition?.find((question) => question.id === checkoutQuestionId);
+        if (question?.type === CheckoutFeedbackQuestionType.HOST_TEXTAREA && hasFeedback) {
             return;
         }
         trackChangeFeedback({
             questionId: checkoutQuestionId,
-            questionName: question?.name,
+            questionName: question?.translationKey || "",
             feedback: checkoutQuestionFeedback,
         });
-    }, [checkoutQuestions, trackChangeFeedback]);
+    }, [checkoutFeedbackDefinition, trackChangeFeedback]);
     const [giveCheckoutFeedback, giveCheckoutFeedbackStatus] = useGiveCheckoutFeedback({
         checkoutId: checkout?.id,
         logger,
@@ -81,12 +81,13 @@ const Feedback = ({ layout: Layout }) => {
         }
     }, [giveCheckoutFeedback]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) && dependenciesLoadedStatuses.includes(checkoutQuestionsStatus);
+    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) &&
+        dependenciesLoadedStatuses.includes(checkoutFeedbackDefinitionStatus);
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     return (React.createElement(CheckoutQuestionFeedbackProvider, { onChanged: handleOnChangedFeedback },
         React.createElement(Layout, null,
             React.createElement(Body, { style: { row: [style.container, isDesktop && style.containerDesktop] } },
-                React.createElement(CheckoutQuestionsForm, { checkoutQuestions: checkoutQuestions || [], submitButtonDisabled: giveCheckoutFeedbackStatus === CommandStatus.LOADING, onSubmit: handleOnSubmit })))));
+                React.createElement(CheckoutQuestionsForm, { checkoutQuestions: checkoutFeedbackDefinition || [], submitButtonDisabled: giveCheckoutFeedbackStatus === CommandStatus.LOADING, onSubmit: handleOnSubmit })))));
 };
 export { Feedback };

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.d.ts

@@ -1,8 +1,7 @@
 import { FC } from "react";
-import { CheckoutFeedbackProjection } from "../../../../../../projection/checkoutFeedback/checkoutFeedback";
-import { CheckoutQuestionProjection } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackProjection, CheckoutFeedbackQuestionProjection } from "../../../../../../projection/checkoutFeedback/checkoutFeedback";
 interface CheckoutQuestionsFormProps {
-    readonly checkoutQuestions: CheckoutQuestionProjection[];
+    readonly checkoutQuestions: CheckoutFeedbackQuestionProjection[];
     readonly submitButtonDisabled: boolean;
     readonly onSubmit: (feedback: CheckoutFeedbackProjection) => void;
 }

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.js

@@ -2,7 +2,7 @@ import React, { useCallback, useMemo } from "react";
 import { View } from "react-native";
 import { Button } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { CheckoutQuestionType, } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionType } from "../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestions } from "../../../../components/organisms/checkoutQuestions/CheckoutQuestions";
 import { useCheckoutQuestionFeedback } from "../../../../components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionFeedback";
 import { CheckoutQuestionItemProvider, } from "../../../../components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionItem";
@@ -13,12 +13,12 @@ import { IconCheckoutQuestionItem } from "../../../../components/organisms/check
 import { TextareaCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 const checkoutQuestionItems = {
-    [CheckoutQuestionType.HOST_DEFAULT]: HostDefaultCheckoutQuestionItem,
-    [CheckoutQuestionType.HOST_TEXTAREA]: HostDefaultCheckoutQuestionItem,
-    [CheckoutQuestionType.HOST_SELECT]: HostSelectCheckoutQuestionItem,
-    [CheckoutQuestionType.TEXTAREA]: TextareaCheckoutQuestionItem,
-    [CheckoutQuestionType.ICON]: IconCheckoutQuestionItem,
-    [CheckoutQuestionType.BUTTON]: ButtonCheckoutQuestionItem,
+    [CheckoutFeedbackQuestionType.HOST_DEFAULT]: HostDefaultCheckoutQuestionItem,
+    [CheckoutFeedbackQuestionType.HOST_TEXTAREA]: HostDefaultCheckoutQuestionItem,
+    [CheckoutFeedbackQuestionType.HOST_SELECT]: HostSelectCheckoutQuestionItem,
+    [CheckoutFeedbackQuestionType.TEXTAREA]: TextareaCheckoutQuestionItem,
+    [CheckoutFeedbackQuestionType.ICON]: IconCheckoutQuestionItem,
+    [CheckoutFeedbackQuestionType.BUTTON]: ButtonCheckoutQuestionItem,
 };
 const CheckoutQuestionsForm = ({ checkoutQuestions, submitButtonDisabled, onSubmit, }) => {
     const buttonText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.FEEDBACK_BUTTON });
@@ -26,8 +26,16 @@ const CheckoutQuestionsForm = ({ checkoutQuestions, submitButtonDisabled, onSubm
     const handlePress = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
     const filteredCheckoutQuestions = useMemo(() => {
         const responses = Object.values(feedback);
-        return checkoutQuestions.filter((checkoutQuestion) => checkoutQuestion.showCondition.length === 0 ||
-            checkoutQuestion.showCondition.some((condition) => responses.includes(condition)));
+        return checkoutQuestions.filter((checkoutQuestion) => 
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        !checkoutQuestion?.metadata?.showCondition ||
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            checkoutQuestion?.metadata?.showCondition.length === 0 ||
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            checkoutQuestion?.metadata?.showCondition.some((condition) => responses.includes(condition)));
     }, [checkoutQuestions, feedback]);
     return (React.createElement(View, { testID: "checkout-questions-form" },
         React.createElement(CheckoutQuestionItemProvider, { checkoutQuestionItems: checkoutQuestionItems },

package/dist/src/projection/checkoutFeedback/checkoutFeedback.constants.d.ts

@@ -0,0 +1,11 @@
+declare enum CheckoutFeedbackQuestionType {
+    HOST_DEFAULT = "HOST_DEFAULT",
+    HOST_TEXTAREA = "HOST_TEXTAREA",
+    HOST_SELECT = "HOST_SELECT",
+    TEXTAREA = "TEXTAREA",
+    ICON = "ICON",
+    BUTTON = "BUTTON"
+}
+type CheckoutFeedbackQuestionIcon = "checkout_feedback.icon.bad" | "checkout_feedback.icon.regular" | "checkout_feedback.icon.good";
+export type { CheckoutFeedbackQuestionIcon };
+export { CheckoutFeedbackQuestionType };

package/dist/src/projection/checkoutFeedback/checkoutFeedback.constants.js

@@ -0,0 +1,10 @@
+var CheckoutFeedbackQuestionType;
+(function (CheckoutFeedbackQuestionType) {
+    CheckoutFeedbackQuestionType["HOST_DEFAULT"] = "HOST_DEFAULT";
+    CheckoutFeedbackQuestionType["HOST_TEXTAREA"] = "HOST_TEXTAREA";
+    CheckoutFeedbackQuestionType["HOST_SELECT"] = "HOST_SELECT";
+    CheckoutFeedbackQuestionType["TEXTAREA"] = "TEXTAREA";
+    CheckoutFeedbackQuestionType["ICON"] = "ICON";
+    CheckoutFeedbackQuestionType["BUTTON"] = "BUTTON";
+})(CheckoutFeedbackQuestionType || (CheckoutFeedbackQuestionType = {}));
+export { CheckoutFeedbackQuestionType };

package/dist/src/projection/checkoutFeedback/checkoutFeedback.d.ts

@@ -1,3 +1,23 @@
+import { EmptyObject, ExcludePropertyIfOptional, NonEmptyArray } from "@lookiero/sty-psp-typescript";
 import { FeedbackProjection } from "../feedback/feedback";
-type CheckoutFeedbackProjection = FeedbackProjection;
-export type { CheckoutFeedbackProjection };
+import { CheckoutFeedbackQuestionType } from "./checkoutFeedback.constants";
+import { Metadata } from "./checkoutFeedback.metadata";
+type CheckoutFeedback = FeedbackProjection;
+type CheckoutFeedbackQuestionTypesWithChildren = CheckoutFeedbackQuestionType.HOST_DEFAULT | CheckoutFeedbackQuestionType.HOST_TEXTAREA | CheckoutFeedbackQuestionType.HOST_SELECT;
+type CheckoutFeedbackQuestionTypesWithOptionalTranslationKeys = CheckoutFeedbackQuestionType.ICON;
+type CheckoutFeedbackQuestionMetadata<CFDT extends CheckoutFeedbackQuestionType> = ExcludePropertyIfOptional<"metadata", {
+    readonly metadata: Metadata<CFDT>;
+}>;
+type CheckoutFeedbackQuestionTypeChildren<QT extends CheckoutFeedbackQuestionType> = QT extends CheckoutFeedbackQuestionTypesWithChildren ? {
+    readonly children: NonEmptyArray<CheckoutFeedbackQuestion>;
+} : EmptyObject;
+type CheckoutFeedbackQuestionTypeTranslationKey<QT extends CheckoutFeedbackQuestionType> = QT extends CheckoutFeedbackQuestionTypesWithOptionalTranslationKeys ? {
+    readonly translationKey?: string;
+} : {
+    readonly translationKey: string;
+};
+type CheckoutFeedbackQuestion<CFDT extends CheckoutFeedbackQuestionType = CheckoutFeedbackQuestionType> = CFDT extends infer K extends CheckoutFeedbackQuestionType ? {
+    readonly id: string;
+    readonly type: K;
+} & CheckoutFeedbackQuestionTypeTranslationKey<K> & CheckoutFeedbackQuestionTypeChildren<K> & CheckoutFeedbackQuestionMetadata<K> : never;
+export type { CheckoutFeedback as CheckoutFeedbackProjection, CheckoutFeedbackQuestion as CheckoutFeedbackQuestionProjection, CheckoutFeedbackQuestionTypesWithChildren, };

package/dist/src/projection/checkoutFeedback/checkoutFeedback.metadata.d.ts

@@ -0,0 +1,21 @@
+import { EmptyObject } from "@lookiero/sty-psp-typescript";
+import { CheckoutFeedbackQuestionIcon, CheckoutFeedbackQuestionType } from "./checkoutFeedback.constants";
+type MetadataDictionary = Record<CheckoutFeedbackQuestionType, EmptyObject>;
+interface ComponentWithPlaceholder {
+    readonly placeholder: string;
+}
+interface ComponentCondition {
+    readonly showCondition: string[];
+}
+interface ComponentIcon {
+    readonly icon: CheckoutFeedbackQuestionIcon;
+}
+type ComponentMetadata = MetadataDictionary & {
+    [CheckoutFeedbackQuestionType.HOST_DEFAULT]: ComponentCondition;
+    [CheckoutFeedbackQuestionType.HOST_TEXTAREA]: ComponentCondition;
+    [CheckoutFeedbackQuestionType.HOST_SELECT]: ComponentCondition & ComponentWithPlaceholder;
+    [CheckoutFeedbackQuestionType.TEXTAREA]: ComponentWithPlaceholder;
+    [CheckoutFeedbackQuestionType.ICON]: ComponentIcon;
+};
+type Metadata<CFDT extends CheckoutFeedbackQuestionType> = ComponentMetadata[CFDT];
+export type { Metadata, ComponentCondition };

package/dist/src/projection/checkoutFeedback/checkoutFeedback.metadata.js

@@ -0,0 +1 @@
+import { CheckoutFeedbackQuestionType } from "./checkoutFeedback.constants";

package/dist/src/projection/checkoutFeedback/checkoutFeedback.typeguards.d.ts

@@ -0,0 +1,3 @@
+import { CheckoutFeedbackQuestionProjection, CheckoutFeedbackQuestionTypesWithChildren } from "./checkoutFeedback";
+declare const checkoutFeedbackQuestionHasChildren: (question: CheckoutFeedbackQuestionProjection) => question is CheckoutFeedbackQuestionProjection<CheckoutFeedbackQuestionTypesWithChildren>;
+export { checkoutFeedbackQuestionHasChildren };

package/dist/src/projection/checkoutFeedback/checkoutFeedback.typeguards.js

@@ -0,0 +1,7 @@
+import { CheckoutFeedbackQuestionType } from "./checkoutFeedback.constants";
+const checkoutFeedbackQuestionHasChildren = (question) => [
+    CheckoutFeedbackQuestionType.HOST_DEFAULT,
+    CheckoutFeedbackQuestionType.HOST_SELECT,
+    CheckoutFeedbackQuestionType.HOST_TEXTAREA,
+].includes(question.type);
+export { checkoutFeedbackQuestionHasChildren };

package/dist/src/projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId.d.ts

@@ -0,0 +1,25 @@
+import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { CheckoutFeedbackQuestionProjection } from "./checkoutFeedback";
+declare const VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID = "view_checkout_feedback_definition_by_checkout_id";
+interface ViewCheckoutFeedbackDefinitionByCheckoutIdPayload {
+    readonly checkoutId: string;
+}
+interface ViewCheckoutFeedbackDefinitionByCheckoutId extends Query<typeof VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID>, ViewCheckoutFeedbackDefinitionByCheckoutIdPayload {
+}
+interface ViewCheckoutFeedbackDefinitionByCheckoutIdFunction {
+    (payload: ViewCheckoutFeedbackDefinitionByCheckoutIdPayload): ViewCheckoutFeedbackDefinitionByCheckoutId;
+}
+declare const viewCheckoutFeedbackDefinitionByCheckoutId: ViewCheckoutFeedbackDefinitionByCheckoutIdFunction;
+type ViewCheckoutFeedbackDefinitionByCheckoutIdResult = CheckoutFeedbackQuestionProjection[] | null;
+interface CheckoutFeedbackDefinitionByCheckoutIdViewArgs extends CancelableQueryViewArgs {
+    readonly checkoutId: string;
+}
+interface CheckoutFeedbackDefinitionByCheckoutIdView {
+    (args: CheckoutFeedbackDefinitionByCheckoutIdViewArgs): Promise<ViewCheckoutFeedbackDefinitionByCheckoutIdResult>;
+}
+interface ViewCheckoutFeedbackDefinitionByCheckoutIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: CheckoutFeedbackDefinitionByCheckoutIdView;
+}
+declare const viewCheckoutFeedbackDefinitionByCheckoutIdHandler: QueryHandlerFunction<ViewCheckoutFeedbackDefinitionByCheckoutId, ViewCheckoutFeedbackDefinitionByCheckoutIdResult, ViewCheckoutFeedbackDefinitionByCheckoutIdHandlerFunctionArgs>;
+export type { ViewCheckoutFeedbackDefinitionByCheckoutId, CheckoutFeedbackDefinitionByCheckoutIdView, ViewCheckoutFeedbackDefinitionByCheckoutIdResult, };
+export { VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID, viewCheckoutFeedbackDefinitionByCheckoutId, viewCheckoutFeedbackDefinitionByCheckoutIdHandler, };

package/dist/src/projection/checkoutFeedback/viewCheckoutFeedbackDefinitionByCheckoutId.js

@@ -0,0 +1,8 @@
+import { query, } from "@lookiero/messaging";
+const VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID = "view_checkout_feedback_definition_by_checkout_id";
+const viewCheckoutFeedbackDefinitionByCheckoutId = (payload) => ({
+    ...query({ name: VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID }),
+    ...payload,
+});
+const viewCheckoutFeedbackDefinitionByCheckoutIdHandler = ({ view, signal }) => async ({ checkoutId }) => view({ checkoutId, signal });
+export { VIEW_CHECKOUT_FEEDBACK_DEFINITION_BY_CHECKOUT_ID, viewCheckoutFeedbackDefinitionByCheckoutId, viewCheckoutFeedbackDefinitionByCheckoutIdHandler, };

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "12.3.0";
+export declare const VERSION = "12.4.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "12.3.0";
+export const VERSION = "12.4.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "12.3.0",
+  "version": "12.4.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/ExpoRoot.tsx

@@ -37,7 +37,7 @@ const order: OrderProjection = {
 };
 
 const customer: Customer = {
-  customerId: "5c38e826-3d01-4a4b-a3d1-8a4166dc2a31",
+  customerId: "8fc50dda-26b8-4a14-b2bf-7f4f9541f9bd",
   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 };