@lookiero/checkout 12.4.0 → 12.5.0

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostLegacyRadioGroupReturnQuestionItem/HostLegacyRadioGroupReturnQuestionItem.style.d.ts

@@ -0,0 +1,11 @@
+declare const style: () => {
+    title: {
+        marginBottom: number;
+    };
+    wrapper: {
+        backgroundColor: string;
+        marginBottom: number;
+        padding: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostLegacyRadioGroupReturnQuestionItem/HostLegacyRadioGroupReturnQuestionItem.style.js

@@ -0,0 +1,16 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const style = () => {
+    const { colorBgBase, space2, space6 } = theme();
+    return StyleSheet.create({
+        title: {
+            marginBottom: space2,
+        },
+        wrapper: {
+            backgroundColor: colorBgBase,
+            marginBottom: space2,
+            padding: space6,
+        },
+    });
+};
+export { style };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem.d.ts

@@ -1,4 +1,4 @@
 import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const HostRadioGroupReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.HOST_SELECT>;
+declare const HostRadioGroupReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.HOST_RADIO_GROUP>;
 export { HostRadioGroupReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem.js

@@ -7,11 +7,9 @@ import { DOMAIN } from "../../../../../i18n/i18n";
 import { style as hostRadioGroupReturnQuestionItemStyle } from "./HostRadioGroupReturnQuestionItem.style";
 const HostRadioGroupReturnQuestionItem = ({ returnQuestion, children, testID, }) => {
     const { formatMessage } = useI18n({ domain: DOMAIN });
-    const placeholderText = useMemo(() => (returnQuestion.metadata.placeholder ? formatMessage({ id: returnQuestion.metadata.placeholder }) : ""), [formatMessage, returnQuestion.metadata.placeholder]);
     const style = useMemo(() => hostRadioGroupReturnQuestionItemStyle(), []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(View, { style: style.wrapper, testID: testID },
-            React.createElement(Text, { level: 3, style: style.title, action: true }, placeholderText),
-            children)));
+    return (React.createElement(View, { style: style.wrapper, testID: testID },
+        returnQuestion.translationKey && (React.createElement(Text, { level: 3, style: style.title, action: true }, formatMessage({ id: returnQuestion.translationKey }))),
+        children));
 };
 export { HostRadioGroupReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.js

@@ -8,15 +8,14 @@ import { useReturnQuestionFeedback } from "../../behaviors/useReturnQuestionFeed
 import { feedbackForReturnQuestion } from "../../util/returnQuestionFeedback";
 import { style as returnQuestionFeedbackItemStyle } from "./ReturnQuestionFeedbackItem.style";
 const ReturnQuestionFeedbackItem = ({ returnQuestion }) => {
-    const titleText = useI18nMessage({ domain: DOMAIN, id: returnQuestion.translationKey });
+    const { formatMessage } = useI18n({ domain: DOMAIN });
     const unansweredText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.FEEDBACK_UNANSWERED });
     const returnQuestionFeedback = useReturnQuestionFeedback();
-    const { formatMessage } = useI18n({ domain: DOMAIN });
     const translate = useCallback((returnQuestionName) => formatMessage({ id: returnQuestionName, defaultMessage: returnQuestionName }), [formatMessage]);
     const feedback = feedbackForReturnQuestion({ feedback: returnQuestionFeedback, returnQuestion, translate }).join(" / ");
     const style = useMemo(() => returnQuestionFeedbackItemStyle(), []);
     return (React.createElement(View, { style: style.container },
-        React.createElement(Text, { level: 2, style: style.title, detailBold: true }, titleText),
+        returnQuestion.translationKey && (React.createElement(Text, { level: 2, style: style.title, detailBold: true }, formatMessage({ id: returnQuestion.translationKey }))),
         React.createElement(Text, { level: 1, detail: true }, feedback || unansweredText)));
 };
 export { ReturnQuestionFeedbackItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/util/returnQuestionFeedback.js

@@ -1,5 +1,5 @@
 import { isUuid } from "@lookiero/sty-psp-uuid";
-import { returnQuestionHasChildren, returnQuestionWithTranslationKey, } from "../../../../../../projection/returnQuestion/returnQuestion.typeguard";
+import { returnQuestionHasChildren } from "../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 const feedbackForReturnQuestion = ({ feedback, returnQuestion, translate, acc = [], }) => {
     const returnQuestionId = Object.keys(feedback).find((id) => id === returnQuestion.id);
     if (returnQuestionId) {
@@ -10,9 +10,7 @@ const feedbackForReturnQuestion = ({ feedback, returnQuestion, translate, acc =
             if (feebackReturnQuestionChild) {
                 return [
                     ...acc,
-                    ...(returnQuestionWithTranslationKey(feebackReturnQuestionChild)
-                        ? [translate(feebackReturnQuestionChild.translationKey)]
-                        : []),
+                    ...(feebackReturnQuestionChild.translationKey ? [translate(feebackReturnQuestionChild.translationKey)] : []),
                     ...feedbackForReturnQuestion({ feedback, returnQuestion: feebackReturnQuestionChild, translate, acc }),
                 ];
             }

package/dist/src/infrastructure/ui/hooks/useSubmitCheckout.d.ts

@@ -0,0 +1,27 @@
+import { RefObject } from "react";
+import { PaymentFlowRef } from "@lookiero/payments-front";
+import { Logger } from "@lookiero/sty-psp-logging";
+import { PaymentFlowPayloadProjection } from "../../../projection/payment/paymentFlowPayload";
+type Status = "idle" | "loading" | "success" | "error";
+interface SubmitCheckoutFunctionArgs {
+    readonly paymentFlowPayload: PaymentFlowPayloadProjection;
+    readonly sizeChangeEnabled: boolean;
+}
+interface SubmitCheckoutFunction {
+    (args: SubmitCheckoutFunctionArgs): Promise<void>;
+}
+type UseSubmitCheckoutResult = [submitCheckout: SubmitCheckoutFunction, status: Status];
+interface UseSubmitCheckoutFunctionArgs {
+    readonly checkoutId: string;
+    readonly checkoutBookingId: string;
+    readonly paymentFlowRef: RefObject<PaymentFlowRef>;
+    readonly onError: () => void;
+    readonly onSuccess?: () => void;
+    readonly logger: Logger;
+}
+interface UseSubmitCheckoutFunction {
+    (args: UseSubmitCheckoutFunctionArgs): UseSubmitCheckoutResult;
+}
+declare const useSubmitCheckout: UseSubmitCheckoutFunction;
+export type { Status, SubmitCheckoutFunction };
+export { useSubmitCheckout };

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/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/checkoutQuestion/checkoutQuestion.d.ts

@@ -0,0 +1,18 @@
+declare enum CheckoutQuestionType {
+    HOST_DEFAULT = "HOST_DEFAULT",
+    HOST_TEXTAREA = "HOST_TEXTAREA",
+    HOST_SELECT = "HOST_SELECT",
+    TEXTAREA = "TEXTAREA",
+    ICON = "ICON",
+    BUTTON = "BUTTON"
+}
+interface CheckoutQuestionProjection {
+    readonly id: string;
+    readonly name: string;
+    readonly placeholder: string;
+    readonly type: CheckoutQuestionType;
+    readonly children?: CheckoutQuestionProjection[];
+    readonly showCondition: string[];
+}
+export { CheckoutQuestionType };
+export type { CheckoutQuestionProjection };

package/dist/src/projection/checkoutQuestion/checkoutQuestion.js

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

package/dist/src/projection/checkoutQuestion/listCheckoutQuestionsByCheckoutId.d.ts

@@ -0,0 +1,25 @@
+import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { CheckoutQuestionProjection } from "./checkoutQuestion";
+declare const LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID = "list_checkout_questions_by_checkout_id";
+interface ListCheckoutQuestionsByCheckoutIdPayload {
+    readonly checkoutId: string;
+}
+interface ListCheckoutQuestionsByCheckoutId extends Query<typeof LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID>, ListCheckoutQuestionsByCheckoutIdPayload {
+}
+interface ListCheckoutQuestionsByCheckoutIdFunction {
+    (payload: ListCheckoutQuestionsByCheckoutIdPayload): ListCheckoutQuestionsByCheckoutId;
+}
+declare const listCheckoutQuestionsByCheckoutId: ListCheckoutQuestionsByCheckoutIdFunction;
+type ListCheckoutQuestionsByCheckoutIdResult = CheckoutQuestionProjection[] | null;
+interface CheckoutQuestionsByCheckoutIdViewArgs extends CancelableQueryViewArgs {
+    readonly checkoutId: string;
+}
+interface CheckoutQuestionsByCheckoutIdView {
+    (args: CheckoutQuestionsByCheckoutIdViewArgs): Promise<ListCheckoutQuestionsByCheckoutIdResult>;
+}
+interface ListCheckoutQuestionsByCheckoutIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: CheckoutQuestionsByCheckoutIdView;
+}
+declare const listCheckoutQuestionsByCheckoutIdHandler: QueryHandlerFunction<ListCheckoutQuestionsByCheckoutId, ListCheckoutQuestionsByCheckoutIdResult, ListCheckoutQuestionsByCheckoutIdHandlerFunctionArgs>;
+export type { ListCheckoutQuestionsByCheckoutId, CheckoutQuestionsByCheckoutIdView, ListCheckoutQuestionsByCheckoutIdResult, };
+export { LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, listCheckoutQuestionsByCheckoutId, listCheckoutQuestionsByCheckoutIdHandler, };

package/dist/src/projection/checkoutQuestion/listCheckoutQuestionsByCheckoutId.js

@@ -0,0 +1,8 @@
+import { query, } from "@lookiero/messaging";
+const LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID = "list_checkout_questions_by_checkout_id";
+const listCheckoutQuestionsByCheckoutId = (payload) => ({
+    ...query({ name: LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID }),
+    ...payload,
+});
+const listCheckoutQuestionsByCheckoutIdHandler = ({ view, signal }) => async ({ checkoutId }) => view({ checkoutId, signal });
+export { LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, listCheckoutQuestionsByCheckoutId, listCheckoutQuestionsByCheckoutIdHandler, };

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.4.0";
+export declare const VERSION = "12.5.0";

package/dist/src/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "12.4.0",
+  "version": "12.5.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: "8fc50dda-26b8-4a14-b2bf-7f4f9541f9bd",
+  customerId: "c7373f39-cae1-4b6d-9711-19eaf007d6a8",
   country: Country.NL,
   segment: Segment.WOMEN,
   email: "email@example.com",