@lookiero/checkout 12.3.0 → 12.5.0

package/dist/src/infrastructure/ui/hooks/useSubmitCheckout.js

@@ -0,0 +1,97 @@
+import { useCallback, useMemo, useState } from "react";
+import { CommandStatus } from "@lookiero/messaging-react";
+import { NotificationLevel, useCreateToastNotification } from "@lookiero/sty-psp-notifications";
+import { viewCheckoutBookingById, } from "../../../projection/checkoutBooking/viewCheckoutBookingById";
+import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
+import { useSubmitCheckout as useSubmitCheckoutCommand } from "../../domain/checkout/react/useSubmitCheckout";
+import { useBlockCheckoutBooking } from "../../domain/checkoutBooking/react/useBlockCheckoutBooking";
+import { I18nMessages } from "../i18n/i18n";
+import { useQueryBus } from "./useQueryBus";
+var ChargeStatus;
+(function (ChargeStatus) {
+    ChargeStatus["EXECUTED"] = "EXECUTED";
+    ChargeStatus["REQUIRES_ACTION"] = "REQUIRES_ACTION";
+    ChargeStatus["REQUIRED_ACTION_CANCELLED"] = "REQUIRED_ACTION_CANCELLED";
+    ChargeStatus["REJECTED"] = "REJECTED";
+    ChargeStatus["CANCELLED"] = "CANCELLED";
+    ChargeStatus["TO_CONFIRM"] = "TO_CONFIRM";
+    ChargeStatus["ERROR"] = "ERROR";
+    ChargeStatus["UNKNOWN"] = "UNKNOWN";
+})(ChargeStatus || (ChargeStatus = {}));
+const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onError, onSuccess, logger, }) => {
+    const queryBus = useQueryBus();
+    const [submitCheckoutCommand, submitCheckoutCommandStatus] = useSubmitCheckoutCommand({ checkoutId, logger });
+    const [blockCheckoutBooking, blockCheckoutBookingStatus] = useBlockCheckoutBooking({ checkoutBookingId, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [checkoutBookingExpired, setCheckoutBookingExpired] = useState(false);
+    const [startLegacyBoxCheckoutStatus, setStartLegacyBoxCheckoutStatus] = useState("idle");
+    const submitCheckout = useCallback(async ({ paymentFlowPayload, sizeChangeEnabled }) => {
+        try {
+            sizeChangeEnabled && (await blockCheckoutBooking());
+        }
+        catch (error) {
+            return;
+        }
+        const checkoutBooking = await queryBus(viewCheckoutBookingById({ checkoutBookingId }));
+        if (checkoutBooking?.isExpired) {
+            setCheckoutBookingExpired(true);
+            return;
+        }
+        paymentFlowRef.current?.startLegacyBoxCheckout(
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        paymentFlowPayload, async ({ status, toaster, final }) => {
+            setStartLegacyBoxCheckoutStatus("loading");
+            if (final) {
+                if (status === ChargeStatus.EXECUTED) {
+                    setStartLegacyBoxCheckoutStatus("success");
+                    await submitCheckoutCommand();
+                    onSuccess?.();
+                }
+                else {
+                    createNotification({
+                        level: NotificationLevel.ERROR,
+                        bodyI18nKey: toaster?.id || I18nMessages.CHECKOUT_TOAST_PAYMENT_ERROR,
+                    });
+                    setStartLegacyBoxCheckoutStatus("error");
+                }
+            }
+        });
+    }, [
+        queryBus,
+        checkoutBookingId,
+        paymentFlowRef,
+        blockCheckoutBooking,
+        submitCheckoutCommand,
+        onSuccess,
+        createNotification,
+    ]);
+    const status = useMemo(() => {
+        if (blockCheckoutBookingStatus === CommandStatus.LOADING ||
+            startLegacyBoxCheckoutStatus === "loading" ||
+            submitCheckoutCommandStatus === CommandStatus.LOADING) {
+            return "loading";
+        }
+        if (blockCheckoutBookingStatus === CommandStatus.SUCCESS &&
+            startLegacyBoxCheckoutStatus === "success" &&
+            submitCheckoutCommandStatus === CommandStatus.SUCCESS) {
+            return "success";
+        }
+        if (blockCheckoutBookingStatus === CommandStatus.ERROR ||
+            startLegacyBoxCheckoutStatus === "error" ||
+            submitCheckoutCommandStatus === CommandStatus.ERROR ||
+            checkoutBookingExpired) {
+            onError();
+            return "error";
+        }
+        return "idle";
+    }, [
+        blockCheckoutBookingStatus,
+        startLegacyBoxCheckoutStatus,
+        submitCheckoutCommandStatus,
+        checkoutBookingExpired,
+        onError,
+    ]);
+    return [submitCheckout, status];
+};
+export { useSubmitCheckout };

package/dist/src/infrastructure/ui/routing/useBasePath.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+interface BasePathProviderProps {
+    readonly children: JSX.Element;
+    readonly basePath: string;
+}
+export declare const BasePathProvider: FC<BasePathProviderProps>;
+export declare const useBasePath: () => string;
+export {};

package/dist/src/infrastructure/ui/routing/useBasePath.js

@@ -0,0 +1,9 @@
+import React, { createContext, useContext } from "react";
+import invariant from "tiny-invariant";
+const BasePathContext = createContext(null);
+export const BasePathProvider = ({ basePath, children }) => (React.createElement(BasePathContext.Provider, { value: basePath }, children));
+export const useBasePath = () => {
+    const basePath = useContext(BasePathContext);
+    invariant(basePath !== null, "Your are trying to use the useBasePath hook without wrapping your app with the <BasePathProvider>.");
+    return basePath;
+};

package/dist/src/infrastructure/ui/settings/UISettings.d.ts

@@ -0,0 +1,3 @@
+declare enum UISettings {
+}
+export { UISettings };

package/dist/src/infrastructure/ui/settings/UISettings.js

@@ -0,0 +1,4 @@
+var UISettings;
+(function (UISettings) {
+})(UISettings || (UISettings = {}));
+export { UISettings };

package/dist/src/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { Subscription } from "../../../../../../projection/subscription/subscription";
+interface CheckoutPaymentModalProps {
+    readonly coupon: string | null;
+    readonly orderNumber: number;
+    readonly isFirstOrder: boolean;
+    readonly subscription: Subscription;
+    readonly getAuthToken: () => Promise<string>;
+    readonly onCheckoutSubmitted?: () => void;
+}
+declare const CheckoutPaymentModal: FC<CheckoutPaymentModalProps>;
+export { CheckoutPaymentModal };

package/dist/src/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.js

@@ -0,0 +1,90 @@
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { useNavigate } from "react-router-native";
+import { QueryStatus } from "@lookiero/messaging-react";
+import { PaymentFlow } from "@lookiero/payments-front";
+import { useLogger } from "@lookiero/sty-psp-logging";
+import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
+import { useViewFirstAvailableCheckoutByCustomerId } from "../../../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
+import { useViewIsSizeChangeEnabledByCheckoutId } from "../../../../../projection/checkout/react/useViewIsSizeChangeEnabledByCheckoutId";
+import { useViewPaymentFlowPayloadByCheckoutId } from "../../../../../projection/payment/react/useViewPaymentFlowPayloadByCheckoutId";
+import { useViewPricingByCheckoutId } from "../../../../../projection/pricing/react/useViewPricingByCheckoutId";
+import { TrackingPage } from "../../../../../tracking/tracking";
+import { useTrackCheckout } from "../../../../../tracking/useTrackCheckout";
+import { useStaticInfo } from "../../../../hooks/useStaticInfo";
+import { useSubmitCheckout } from "../../../../hooks/useSubmitCheckout";
+import { Routes } from "../../../../routing/routes";
+import { useBasePath } from "../../../../routing/useBasePath";
+const CheckoutPaymentModal = ({ coupon, isFirstOrder, subscription, orderNumber, getAuthToken, onCheckoutSubmitted, }) => {
+    const paymentFlowRef = useRef(null);
+    const logger = useLogger();
+    const { customer: { customerId, country, segment }, } = useStaticInfo();
+    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
+    const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
+        checkoutId: checkout?.id,
+    });
+    const [sizeChangeEnabled] = useViewIsSizeChangeEnabledByCheckoutId({ checkoutId: checkout?.id });
+    const [pricing] = useViewPricingByCheckoutId({
+        checkoutId: checkout?.id,
+        queryOptions: { refetchOnMount: true },
+    });
+    const [authToken, setAuthToken] = useState();
+    useEffect(() => {
+        const loadAuthToken = async () => setAuthToken(await getAuthToken());
+        loadAuthToken();
+    }, [getAuthToken]);
+    const basePath = useBasePath();
+    const navigate = useNavigate();
+    const trackCheckout = useTrackCheckout({
+        page: TrackingPage.CHECKOUT,
+        checkoutId: checkout?.id,
+        country,
+        segment,
+    });
+    const handleOnSubmitCheckoutError = useCallback(() => navigate(`${basePath}/${Routes.CHECKOUT}`, { replace: true }), [basePath, navigate]);
+    const handleOnSubmitCheckoutSuccess = useCallback(() => {
+        const checkoutItemsKept = checkout?.items.filter((checkoutItem) => checkoutItem.status === CheckoutItemStatus.KEPT || checkoutItem.status === CheckoutItemStatus.REPLACED);
+        const totalReplacedFor = checkoutItemsKept?.filter(({ replacedFor }) => Boolean(replacedFor)).length || 0;
+        trackCheckout({
+            totalCheckoutItemsKept: checkoutItemsKept?.length || 0,
+            pendingToPay: pricing?.pendingToPay.amount / 100,
+            coupon,
+            currencyCode: pricing?.pendingToPay.currency,
+            isFirstOrder,
+            orderNumber,
+            totalReplacedFor,
+            subscription,
+            userId: customerId,
+        });
+        onCheckoutSubmitted?.();
+    }, [
+        checkout?.items,
+        coupon,
+        customerId,
+        isFirstOrder,
+        onCheckoutSubmitted,
+        orderNumber,
+        pricing?.pendingToPay.amount,
+        pricing?.pendingToPay.currency,
+        subscription,
+        trackCheckout,
+    ]);
+    const [submitCheckout] = useSubmitCheckout({
+        checkoutId: checkout?.id,
+        checkoutBookingId: checkout?.checkoutBookingId,
+        paymentFlowRef,
+        onError: handleOnSubmitCheckoutError,
+        onSuccess: handleOnSubmitCheckoutSuccess,
+        logger,
+    });
+    useEffect(() => {
+        if (paymentFlowPayload && sizeChangeEnabled !== undefined && pricing !== undefined) {
+            submitCheckout({ paymentFlowPayload, sizeChangeEnabled });
+        }
+    }, [paymentFlowPayload, pricing, sizeChangeEnabled, submitCheckout]);
+    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
+    const dependenciesLoaded = (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) && authToken;
+    if (!dependenciesLoaded)
+        return null;
+    return React.createElement(PaymentFlow, { ref: paymentFlowRef, token: authToken });
+};
+export { CheckoutPaymentModal };

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/infrastructure/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.js

@@ -17,6 +17,7 @@ const returnQuestionItems = {
     [ReturnQuestionType.HOST_STACK]: ReturnQuestionFeedbackItem,
     [ReturnQuestionType.TEXTAREA]: ReturnQuestionFeedbackItem,
     [ReturnQuestionType.OPTION]: ReturnQuestionFeedbackItem,
+    [ReturnQuestionType.HOST_RADIO_GROUP]: ReturnQuestionFeedbackItem,
 };
 const ReturnQuestionsFeedback = ({ returnQuestions, onEditFeedback }) => {
     const titleText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.FEEDBACK_TITLE });

package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -20,6 +20,7 @@ import { ReturnQuestions } from "../../../../components/organisms/returnQuestion
 import { useReturnQuestionFeedback } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { ReturnQuestionItemProvider, } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
 import { HostDefaultReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem";
+import { HostLegacyRadioGroupReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostLegacyRadioGroupReturnQuestionItem/HostLegacyRadioGroupReturnQuestionItem";
 import { HostRadioGroupReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem";
 import { HostStackReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/form/HostStackReturnQuestionItem";
 import { RadioReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem";
@@ -34,7 +35,8 @@ const RETURN_QUESTION_FORM_PORTAL_HOST_NAME = "return-question-form-portal";
 const returnQuestionItems = {
     [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionItem,
     [ReturnQuestionType.HOST_TEXTAREA]: HostDefaultReturnQuestionItem,
-    [ReturnQuestionType.HOST_SELECT]: HostRadioGroupReturnQuestionItem,
+    [ReturnQuestionType.HOST_SELECT]: HostLegacyRadioGroupReturnQuestionItem,
+    [ReturnQuestionType.HOST_RADIO_GROUP]: HostRadioGroupReturnQuestionItem,
     [ReturnQuestionType.HOST_STACK]: HostStackReturnQuestionItem,
     [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
     [ReturnQuestionType.OPTION]: RadioReturnQuestionItem,

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/projection/returnQuestion/returnQuestion.constants.d.ts

@@ -3,6 +3,7 @@ declare enum ReturnQuestionType {
     HOST_TEXTAREA = "HOST_TEXTAREA",
     HOST_SELECT = "HOST_SELECT",
     HOST_STACK = "HOST_STACK",
+    HOST_RADIO_GROUP = "HOST_RADIO_GROUP",
     TEXTAREA = "TEXTAREA",
     OPTION = "OPTION"
 }

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

@@ -4,6 +4,7 @@ var ReturnQuestionType;
     ReturnQuestionType["HOST_TEXTAREA"] = "HOST_TEXTAREA";
     ReturnQuestionType["HOST_SELECT"] = "HOST_SELECT";
     ReturnQuestionType["HOST_STACK"] = "HOST_STACK";
+    ReturnQuestionType["HOST_RADIO_GROUP"] = "HOST_RADIO_GROUP";
     ReturnQuestionType["TEXTAREA"] = "TEXTAREA";
     ReturnQuestionType["OPTION"] = "OPTION";
 })(ReturnQuestionType || (ReturnQuestionType = {}));

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

@@ -1,9 +1,9 @@
 import { EmptyObject, ExcludePropertyIfOptional, NonEmptyArray } from "@lookiero/sty-psp-typescript";
 import { ReturnQuestionType } from "./returnQuestion.constants";
 import { Metadata } from "./returnQuestion.metadata";
-type ReturnQuestionTypesWithChildren = ReturnQuestionType.HOST_DEFAULT | ReturnQuestionType.HOST_SELECT | ReturnQuestionType.HOST_STACK | ReturnQuestionType.HOST_TEXTAREA;
+type ReturnQuestionTypesWithChildren = ReturnQuestionType.HOST_DEFAULT | ReturnQuestionType.HOST_SELECT | ReturnQuestionType.HOST_STACK | ReturnQuestionType.HOST_TEXTAREA | ReturnQuestionType.HOST_RADIO_GROUP;
 type ReturnQuestionTypesWithOptionalChildren = ReturnQuestionType.OPTION;
-type ReturnQuestionTypesWithOptionalTranslationKeys = ReturnQuestionType.HOST_STACK;
+type ReturnQuestionTypesWithOptionalTranslationKeys = ReturnQuestionType.HOST_DEFAULT | ReturnQuestionType.HOST_STACK | ReturnQuestionType.HOST_RADIO_GROUP;
 type ReturnQuestionMetadata<RQT extends ReturnQuestionType> = ExcludePropertyIfOptional<"metadata", {
     readonly metadata: Metadata<RQT>;
 }>;

package/dist/src/projection/returnQuestion/returnQuestion.typeguard.d.ts

@@ -1,5 +1,3 @@
-import { ReturnQuestionProjection, ReturnQuestionTypesWithChildren, ReturnQuestionTypesWithOptionalTranslationKeys } from "./returnQuestion";
-import { ReturnQuestionType } from "./returnQuestion.constants";
-declare const returnQuestionWithTranslationKey: (question: ReturnQuestionProjection) => question is ReturnQuestionProjection<Exclude<ReturnQuestionType, ReturnQuestionTypesWithOptionalTranslationKeys>>;
+import { ReturnQuestionProjection, ReturnQuestionTypesWithChildren } from "./returnQuestion";
 declare const returnQuestionHasChildren: (question: ReturnQuestionProjection) => question is ReturnQuestionProjection<ReturnQuestionTypesWithChildren>;
-export { returnQuestionWithTranslationKey, returnQuestionHasChildren };
+export { returnQuestionHasChildren };

package/dist/src/projection/returnQuestion/returnQuestion.typeguard.js

@@ -1,10 +1,10 @@
 import { ReturnQuestionType } from "./returnQuestion.constants";
-const returnQuestionWithTranslationKey = (question) => Boolean(question.translationKey);
 const returnQuestionHasChildren = (question) => [
     ReturnQuestionType.HOST_DEFAULT,
     ReturnQuestionType.HOST_SELECT,
     ReturnQuestionType.HOST_STACK,
     ReturnQuestionType.HOST_TEXTAREA,
+    ReturnQuestionType.HOST_RADIO_GROUP,
     ReturnQuestionType.OPTION,
 ].includes(question.type);
-export { returnQuestionWithTranslationKey, returnQuestionHasChildren };
+export { returnQuestionHasChildren };

package/dist/src/projection/uiSetting/viewUiSettingByKey.d.ts

@@ -0,0 +1,29 @@
+import { Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+interface UiSettingProjection {
+    readonly id: string;
+    readonly key: string;
+    readonly value: unknown;
+}
+declare const VIEW_UI_SETTING_BY_KEY = "view_ui_setting_by_key";
+interface ViewUiSettingByKeyPayload {
+    readonly key: string;
+}
+interface ViewUiSettingByKey extends Query<typeof VIEW_UI_SETTING_BY_KEY>, ViewUiSettingByKeyPayload {
+}
+interface ViewUiSettingByKeyFunction {
+    (payload: ViewUiSettingByKeyPayload): ViewUiSettingByKey;
+}
+declare const viewUiSettingByKey: ViewUiSettingByKeyFunction;
+type ViewUiSettingByKeyResult = UiSettingProjection | null;
+interface UiSettingByKeyViewArgs {
+    readonly key: string;
+}
+interface UiSettingByKeyView {
+    (args: UiSettingByKeyViewArgs): Promise<ViewUiSettingByKeyResult>;
+}
+interface ViewUiSettingByKeyHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: UiSettingByKeyView;
+}
+declare const viewUiSettingByKeyHandler: QueryHandlerFunction<ViewUiSettingByKey, ViewUiSettingByKeyResult, ViewUiSettingByKeyHandlerFunctionArgs>;
+export type { UiSettingProjection, UiSettingByKeyView };
+export { VIEW_UI_SETTING_BY_KEY, viewUiSettingByKey, viewUiSettingByKeyHandler };

package/dist/src/projection/uiSetting/viewUiSettingByKey.js

@@ -0,0 +1,8 @@
+import { query } from "@lookiero/messaging";
+const VIEW_UI_SETTING_BY_KEY = "view_ui_setting_by_key";
+const viewUiSettingByKey = (payload) => ({
+    ...query({ name: VIEW_UI_SETTING_BY_KEY }),
+    ...payload,
+});
+const viewUiSettingByKeyHandler = ({ view }) => async ({ key }) => view({ key });
+export { VIEW_UI_SETTING_BY_KEY, viewUiSettingByKey, viewUiSettingByKeyHandler };

package/dist/src/version.d.ts

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

package/dist/src/version.js

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

package/package.json

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