@lookiero/checkout 0.2.30 → 0.2.32-LK-25049

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

@@ -11,6 +11,7 @@ import { FirstAvailableCheckoutByCustomerIdView } from "../../projection/checkou
 import { FiveItemsDiscountByCustomerIdView } from "../../projection/checkout/viewFiveItemsDiscountByCustomerId";
 import { IsCheckoutEnabledByCustomerIdView } from "../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
 import { CheckoutItemByIdView } from "../../projection/checkoutItem/viewCheckoutItemById";
+import { ReturnQuestionsByCheckoutItemIdView } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
 import { UiSettingByKeyView } from "../../projection/uiSetting/viewUiSettingByKey";
 declare const MESSAGING_CONTEXT_ID = "Checkout";
 declare type NeverWhenEmptyRecord<K extends [Record<string, unknown>]> = K extends [Record<string, never>] ? [never?] : K;
@@ -22,6 +23,7 @@ interface BaseBootstrapFunctionArgs<UiSettingGetFunctionArgs extends RepositoryG
     readonly fiveItemsDiscountByCustomerIdView: FiveItemsDiscountByCustomerIdView;
     readonly uiSettingByKeyView: UiSettingByKeyView;
     readonly checkoutItemByIdView: CheckoutItemByIdView;
+    readonly returnQuestionsByCheckoutItemIdView: ReturnQuestionsByCheckoutItemIdView;
     readonly getUiSetting: UiSettingGetFunction<UiSettingGetFunctionArgs>;
     readonly saveUiSetting: UiSettingSaveFunction<UiSettingSaveFunctionArgs>;
     readonly uiSettingsDependencies: NeverWhenEmptyRecord<[

package/dist/infrastructure/delivery/baseBootstrap.js

@@ -11,9 +11,10 @@ import { viewFiveItemsDiscountByCustomerIdHandler, VIEW_FIVE_ITEMS_DISCOUNT_BY_C
 import { viewIsCheckoutAccessibleByCustomerIdHandler, VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, } from "../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 import { viewIsCheckoutEnabledByCustomerIdHandler, VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, } from "../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
 import { viewCheckoutItemByIdHandler, VIEW_CHECKOUT_ITEM_BY_ID, } from "../../projection/checkoutItem/viewCheckoutItemById";
+import { listReturnQuestionsByCheckoutItemIdHandler, LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
 import { viewUiSettingByKeyHandler, VIEW_UI_SETTING_BY_KEY, } from "../../projection/uiSetting/viewUiSettingByKey";
 const MESSAGING_CONTEXT_ID = "Checkout";
-const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, fiveItemsDiscountByCustomerIdView, uiSettingByKeyView, checkoutItemByIdView, getUiSetting, saveUiSetting, uiSettingsDependencies, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, }) => messagingBootstrap({ id: MESSAGING_CONTEXT_ID })
+const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, fiveItemsDiscountByCustomerIdView, uiSettingByKeyView, checkoutItemByIdView, returnQuestionsByCheckoutItemIdView, getUiSetting, saveUiSetting, uiSettingsDependencies, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, }) => messagingBootstrap({ id: MESSAGING_CONTEXT_ID })
     .query(VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerIdHandler, {
     view: fiveItemsDiscountByCustomerIdView,
 })
@@ -30,6 +31,9 @@ const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdVie
     .command(START_CHECKOUT, startCheckoutHandler)(getCheckout, saveCheckout, ...checkoutsDependencies)
     .query(VIEW_CHECKOUT_ITEM_BY_ID, viewCheckoutItemByIdHandler, {
     view: checkoutItemByIdView,
+})
+    .query(LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, listReturnQuestionsByCheckoutItemIdHandler, {
+    view: returnQuestionsByCheckoutItemIdView,
 })
     .command(KEEP_CHECKOUT_ITEM, keepCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
     .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {

package/dist/infrastructure/delivery/bootstrap.js

@@ -7,6 +7,7 @@ import { httpFirstAvailableCheckoutByCustomerIdView } from "../projection/checko
 import { httpFiveItemsDiscountByCustomerIdView } from "../projection/checkout/httpFiveItemsDiscountByCustomerIdView";
 import { httpIsCheckoutEnabledByCustomerIdView } from "../projection/checkout/httpIsCheckoutEnabledByCustomerIdView";
 import { httpCheckoutItemByIdView } from "../projection/checkoutItem/httpCheckoutItemByIdView";
+import { httpReturnQuestionsByCheckoutItemIdView } from "../projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView";
 import { storageUiSettingByKeyView } from "../projection/uiSetting/storageUiSettingByKeyView";
 import { baseBootstrap } from "./baseBootstrap";
 import { fetchHttpGet, fetchHttpPost } from "./http/fetchHttpClient";
@@ -20,6 +21,7 @@ const bootstrap = ({ apiUrl, getAuthToken }) => {
         fiveItemsDiscountByCustomerIdView: httpFiveItemsDiscountByCustomerIdView({ httpGet }),
         uiSettingByKeyView: storageUiSettingByKeyView({ read }),
         checkoutItemByIdView: httpCheckoutItemByIdView({ httpPost }),
+        returnQuestionsByCheckoutItemIdView: httpReturnQuestionsByCheckoutItemIdView({ httpPost }),
         getUiSetting,
         saveUiSetting,
         uiSettingsDependencies: [{ read, write }],

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

@@ -2,6 +2,7 @@ import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem
 import { getUiSetting, saveUiSetting } from "../domain/uiSetting/model/storageUiSettings";
 import { read, write } from "../persistence/asyncStorageStorage";
 import { startedCheckoutWithStatusProjection } from "../projection/checkout/checkout.mock";
+import { returnQuestions as returnQuestionsMock } from "../projection/returnQuestion/returnQuestions.mock";
 import { storageUiSettingByKeyView } from "../projection/uiSetting/storageUiSettingByKeyView";
 import { baseBootstrap } from "./baseBootstrap";
 import { checkoutDataSource } from "./mock/checkoutDataSource";
@@ -25,6 +26,7 @@ const firstAvailableCheckoutByCustomerIdView = async () => dataSource.getCheckou
 const isCheckoutEnabledByCustomerIdView = async () => IS_CHECKOUT_ENABLED;
 const fiveItemsDiscountByCustomerIdView = async () => FIVE_ITEMS_DISCOUNT;
 const checkoutItemByIdView = async ({ checkoutItemId }) => dataSource.getCheckoutItem(checkoutItemId);
+const returnQuestionsByCheckoutItemIdView = async () => returnQuestionsMock;
 const bootstrap = () => baseBootstrap({
     checkoutByIdView,
     firstAvailableCheckoutByCustomerIdView,
@@ -32,6 +34,7 @@ const bootstrap = () => baseBootstrap({
     fiveItemsDiscountByCustomerIdView,
     uiSettingByKeyView: storageUiSettingByKeyView({ read }),
     checkoutItemByIdView,
+    returnQuestionsByCheckoutItemIdView,
     getUiSetting,
     saveUiSetting,
     uiSettingsDependencies: [{ read, write }],

package/dist/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.d.ts

@@ -0,0 +1,12 @@
+import { ReturnQuestionsByCheckoutItemIdView } from "../../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpReturnQuestionsByCheckoutItemIdView extends ReturnQuestionsByCheckoutItemIdView {
+}
+interface HttpReturnQuestionsByCheckoutItemIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpReturnQuestionsByCheckoutItemIdViewFunction {
+    (args: HttpReturnQuestionsByCheckoutItemIdViewFunctionArgs): HttpReturnQuestionsByCheckoutItemIdView;
+}
+declare const httpReturnQuestionsByCheckoutItemIdView: HttpReturnQuestionsByCheckoutItemIdViewFunction;
+export { httpReturnQuestionsByCheckoutItemIdView };

package/dist/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.js

@@ -0,0 +1,12 @@
+import { toReturnQuestionsProjection } from "./returnQuestion";
+const httpReturnQuestionsByCheckoutItemIdView = ({ httpPost }) => async ({ checkoutItemId, signal }) => {
+    const response = await httpPost({
+        endpoint: "/list-return-questions-by-checkout-item-id",
+        body: { checkout_item_id: checkoutItemId },
+        signal,
+    });
+    return !response.ok || response.status === 404
+        ? undefined
+        : toReturnQuestionsProjection((await response.json()).result);
+};
+export { httpReturnQuestionsByCheckoutItemIdView };

package/dist/infrastructure/projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { ReturnQuestionProjection } from "../../../../projection/returnQuestion/returnQuestion";
+interface UseListReturnQuestionsByCheckoutItemIdFunctionArgs {
+    readonly checkoutItemId: string;
+}
+interface UseListReturnQuestionsByCheckoutItemIdFunction {
+    (args: UseListReturnQuestionsByCheckoutItemIdFunctionArgs): UseQueryFunctionResult<ReturnQuestionProjection[]>;
+}
+declare const useListReturnQuestionsByCheckoutItemId: UseListReturnQuestionsByCheckoutItemIdFunction;
+export { useListReturnQuestionsByCheckoutItemId };

package/dist/infrastructure/projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId.js

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

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

@@ -0,0 +1,14 @@
+import { ReturnQuestionProjection, ReturnQuestionType } from "../../../projection/returnQuestion/returnQuestion";
+interface ReturnQuestionDto {
+    readonly id: string;
+    readonly name: string;
+    readonly placeholder?: string;
+    readonly type: ReturnQuestionType;
+    readonly children?: ReturnQuestionDto[];
+}
+interface ToReturnQuestionsProjectionFunction {
+    (returnQuestionsDto: ReturnQuestionDto[]): ReturnQuestionProjection[];
+}
+declare const toReturnQuestionsProjection: ToReturnQuestionsProjectionFunction;
+export type { ReturnQuestionDto };
+export { toReturnQuestionsProjection };

package/dist/infrastructure/projection/returnQuestion/returnQuestion.js

@@ -0,0 +1,9 @@
+const toReturnQuestionProjection = (returnQuestionDto) => ({
+    id: returnQuestionDto.id,
+    name: returnQuestionDto.name,
+    placeholder: returnQuestionDto.placeholder,
+    type: returnQuestionDto.type,
+    children: returnQuestionDto.children ? toReturnQuestionsProjection(returnQuestionDto.children) : undefined,
+});
+const toReturnQuestionsProjection = (returnQuestionsDto) => returnQuestionsDto.map(toReturnQuestionProjection);
+export { toReturnQuestionsProjection };

package/dist/infrastructure/ui/components/layouts/body/Body.d.ts

@@ -1,6 +1,9 @@
 import { FC, ReactNode } from "react";
+import { StyleProp, ViewStyle } from "react-native";
+declare type BodyStyle = "row" | "column";
 interface BodyProps {
     readonly children: ReactNode;
+    readonly style?: Partial<Record<BodyStyle, StyleProp<ViewStyle>>>;
 }
 declare const Body: FC<BodyProps>;
 export { Body };

package/dist/infrastructure/ui/components/layouts/body/Body.js

@@ -2,6 +2,6 @@ import React from "react";
 import { Column } from "../../../shared/components/layouts/column/Column";
 import { Row } from "../../../shared/components/layouts/row/Row";
 import { style } from "./Body.style";
-const Body = ({ children }) => (React.createElement(Row, { style: style.row },
-    React.createElement(Column, { style: style.column }, children)));
+const Body = ({ children, style: customStyle }) => (React.createElement(Row, { style: [style.row, customStyle?.row] },
+    React.createElement(Column, { style: customStyle?.column }, children)));
 export { Body };

package/dist/infrastructure/ui/components/layouts/body/Body.style.d.ts

@@ -1,7 +1,4 @@
 declare const style: {
-    column: {
-        paddingHorizontal: number;
-    };
     row: {
         flex: number;
         justifyContent: "center";

package/dist/infrastructure/ui/components/layouts/body/Body.style.js

@@ -1,10 +1,5 @@
 import { StyleSheet } from "react-native";
-import { theme } from "../../../theme/theme";
-const { spaceXL } = theme();
 const style = StyleSheet.create({
-    column: {
-        paddingHorizontal: spaceXL,
-    },
     row: {
         flex: 1,
         justifyContent: "center",

package/dist/infrastructure/ui/shared/hooks/useScreenSize.js

@@ -1,4 +1,4 @@
-import { useDevice } from "@lookiero/aurora-next/build/contexts/Device/Device";
+import { useDevice } from "@lookiero/aurora-next/build/hooks/useDevice/useDevice";
 const useScreenSize = () => {
     const { screen } = useDevice();
     const screenSize = Object.entries(screen)

package/dist/infrastructure/ui/views/item/Item.js

@@ -2,25 +2,29 @@ import { QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback, useState } from "react";
 import { Text, TouchableHighlight, View } from "react-native";
 import { useParams } from "react-router-native";
+import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { bookedSizeReplaceableProductVariants as bookedSizeReplaceableProductVariantsMock } from "../../../projection/bookedSizeReplaceableProductVariants/bookedSizeReplaceableProductVariants.mock";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { feedback as feedbackMock } from "../../../projection/feedback/feedback.mock";
-import { returnQuestions as returnQuestionsMock } from "../../../projection/returnQuestion/returnQuestions.mock";
+import { useListReturnQuestionsByCheckoutItemId } from "../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
 import { Body } from "../../components/layouts/body/Body";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
 import { Spinner } from "../../shared/components/atoms/spinner/Spinner";
-import { Sticky } from "../../shared/components/layouts/sticky/Sticky";
 import { style } from "./Item.style";
-import { ProductVariantActions } from "./components/productVariantActions/ProductVariantActions";
+import { CustomerDecissionBanner } from "./components/banner/CustomerDecissionBanner";
+import { ItemActions } from "./components/itemActions/ItemActions";
 import { ProductVariantDescription } from "./components/productVariantDescription/ProductVariantDescription";
 import { ProductVariantSlider } from "./components/productVariantSlider/ProductVariantSlider";
 import { ReturnQuestionsFeedback } from "./components/returnQuestionsFeedback/ReturnQuestionsFeedback";
 import { ReturnQuestionsForm } from "./components/returnQuestionsForm/ReturnQuestionsForm";
 const Item = ({ customerId }) => {
     const { id } = useParams();
-    const [checkout, status] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
+    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
+    const [returnQuestions = [], returnQuestionsStatus] = useListReturnQuestionsByCheckoutItemId({
+        checkoutItemId: checkoutItem.id,
+    });
     const [stickyHeight, setStickyHeight] = useState(0);
     const handleOnStickyLayout = useCallback(({ height }) => setStickyHeight(height), []);
     const [returnQuestionsVisible, setReturnQuestionsVisible] = useState(false);
@@ -31,11 +35,14 @@ const Item = ({ customerId }) => {
     const handleOnKeep = useCallback(() => void 0, []);
     const handleOnReplace = useCallback(() => void 0, []);
     const handleOnReturn = useCallback(() => void 0, []);
-    if (status === QueryStatus.LOADING)
+    const handleOnBannerPress = useCallback(() => void 0, []);
+    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
+    const dependenciesLoaded = dependenciesLoadedStatuses.includes(returnQuestionsStatus) && dependenciesLoadedStatuses.includes(checkoutStatus);
+    if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     const { price } = checkoutItem;
     const { media, brand, name, size, color } = checkoutItem.productVariant;
-    const returnQuestions = returnQuestionsMock;
+    const customerDecissionMade = checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED;
     const feedback = feedbackMock;
     const sizes = bookedSizeReplaceableProductVariantsMock.productVariants
         .map((productVariant) => productVariant.size)
@@ -43,7 +50,8 @@ const Item = ({ customerId }) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(SafeAreaScrollView, null,
             React.createElement(Body, null,
-                React.createElement(View, { style: { paddingBottom: stickyHeight } },
+                !customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
+                React.createElement(View, { style: [style.container, { paddingBottom: stickyHeight }] },
                     React.createElement(View, { style: style.sliderContainer },
                         React.createElement(ProductVariantSlider, { producVariantMedia: media })),
                     React.createElement(ProductVariantDescription, { brand: brand, color: color, name: name, price: price, size: size }),
@@ -52,9 +60,7 @@ const Item = ({ customerId }) => {
                     React.createElement(View, { style: { flexDirection: "row", justifyContent: "center" } },
                         React.createElement(TouchableHighlight, { onPress: handleOnShowReturnQuestions },
                             React.createElement(Text, { style: { padding: 16 } }, "show return questions")))))),
-        React.createElement(Sticky, { onLayout: handleOnStickyLayout },
-            React.createElement(Body, null,
-                React.createElement(ProductVariantActions, { size: checkoutItem.productVariant.size, sizes: sizes, onKeep: handleOnKeep, onReplace: handleOnReplace, onReturn: handleOnReturn }))),
+        customerDecissionMade && (React.createElement(ItemActions, { size: checkoutItem.productVariant.size, sizes: sizes, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn })),
         React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, feedback: feedback, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions, visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit })));
 };
 export { Item };

package/dist/infrastructure/ui/views/item/Item.style.d.ts

@@ -1,4 +1,7 @@
 declare const style: {
+    container: {
+        paddingHorizontal: number;
+    };
     feedbackContainer: {
         borderTopColor: string;
         borderTopWidth: number;

package/dist/infrastructure/ui/views/item/Item.style.js

@@ -2,6 +2,9 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../theme/theme";
 const { borderSize, colorGrayscaleM, spaceXL } = theme();
 const style = StyleSheet.create({
+    container: {
+        paddingHorizontal: spaceXL,
+    },
     feedbackContainer: {
         borderTopColor: colorGrayscaleM,
         borderTopWidth: borderSize,

package/dist/infrastructure/ui/views/item/components/{productVariantActions/ProductVariantActions.d.ts → itemActions/ItemActions.d.ts}

@@ -1,11 +1,13 @@
 import { FC } from "react";
 import { SizeProjection } from "../../../../../../projection/shared/size";
-interface ProductVariantActionsProps {
+import { Layout } from "../../../../shared/components/layouts/sticky/Sticky";
+interface ItemActionsProps {
     readonly sizes: SizeProjection[];
     readonly size: SizeProjection;
     readonly onKeep: (value: string) => void;
     readonly onReturn: () => void;
     readonly onReplace: () => void;
+    readonly onLayout?: ({ width, height }: Layout) => void;
 }
-declare const ProductVariantActions: FC<ProductVariantActionsProps>;
-export { ProductVariantActions };
+declare const ItemActions: FC<ItemActionsProps>;
+export { ItemActions };

package/dist/infrastructure/ui/views/item/components/itemActions/ItemActions.js

@@ -0,0 +1,25 @@
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { BUTTON_VARIANT } from "@lookiero/aurora-next/build/components/atoms/Button/Button.definition";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useMemo } from "react";
+import { View } from "react-native";
+import { Body } from "../../../../components/layouts/body/Body";
+import { I18nMessages } from "../../../../i18n/i18n";
+import { Sticky } from "../../../../shared/components/layouts/sticky/Sticky";
+import { SelectField } from "../../../../shared/components/molecules/selectField/SelectField";
+import { style } from "./ItemActions.style";
+const ItemActions = ({ sizes, size, onKeep, onReplace, onReturn, onLayout }) => {
+    const sizeSelectorLabelText = useI18nMessage({ id: I18nMessages.ITEM_SIZES_LABEL });
+    const keepButtonText = useI18nMessage({ id: I18nMessages.ITEM_KEEP_BUTTON });
+    const returnButtonText = useI18nMessage({ id: I18nMessages.ITEM_RETURN_BUTTON });
+    const sizeSelectorOptions = useMemo(() => sizes.map((size) => ({ label: size.lookiero, value: size.id })), [sizes]);
+    const disabledSizeSelector = useMemo(() => sizeSelectorOptions.length === 1 && sizeSelectorOptions[0]?.value === size.id, [sizeSelectorOptions, size.id]);
+    return (React.createElement(Sticky, { onLayout: onLayout },
+        React.createElement(Body, { style: { column: style.container } },
+            React.createElement(Button, { onPress: onKeep }, keepButtonText),
+            React.createElement(View, { style: style.row },
+                !size.unique && (React.createElement(SelectField, { disabled: disabledSizeSelector, options: sizeSelectorOptions, placeholder: sizeSelectorLabelText || "", style: { selectField: style.sizeSelector }, testID: "size-selector", value: size.id, onChange: onReplace })),
+                React.createElement(View, { style: style.returnButtonContainer },
+                    React.createElement(Button, { variant: BUTTON_VARIANT.SECONDARY, onPress: onReturn }, returnButtonText))))));
+};
+export { ItemActions };

package/dist/infrastructure/ui/views/item/components/{productVariantActions/ProductVariantActions.style.d.ts → itemActions/ItemActions.style.d.ts}

@@ -1,6 +1,6 @@
 declare const style: {
     container: {
-        width: string;
+        paddingHorizontal: number;
     };
     returnButtonContainer: {
         flex: number;

package/dist/infrastructure/ui/views/item/components/{productVariantActions/ProductVariantActions.style.js → itemActions/ItemActions.style.js}

@@ -1,9 +1,9 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { spaceL } = theme();
+const { spaceL, spaceXL } = theme();
 const style = StyleSheet.create({
     container: {
-        width: "100%",
+        paddingHorizontal: spaceXL,
     },
     returnButtonContainer: {
         flex: 1,

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

@@ -0,0 +1,25 @@
+import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { ReturnQuestionProjection } from "./returnQuestion";
+declare const LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID = "list_return_questions_by_checkout_item_id";
+interface ListReturnQuestionsByCheckoutItemIdPayload {
+    readonly checkoutItemId: string;
+}
+interface ListReturnQuestionsByCheckoutItemId extends Query<typeof LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID>, ListReturnQuestionsByCheckoutItemIdPayload {
+}
+interface ListReturnQuestionsByCheckoutItemIdFunction {
+    (payload: ListReturnQuestionsByCheckoutItemIdPayload): ListReturnQuestionsByCheckoutItemId;
+}
+declare const listReturnQuestionsByCheckoutItemId: ListReturnQuestionsByCheckoutItemIdFunction;
+declare type ListReturnQuestionsByCheckoutItemIdResult = ReturnQuestionProjection[] | undefined;
+interface ReturnQuestionsByCheckoutItemIdViewArgs extends CancelableQueryViewArgs {
+    readonly checkoutItemId: string;
+}
+interface ReturnQuestionsByCheckoutItemIdView {
+    (args: ReturnQuestionsByCheckoutItemIdViewArgs): Promise<ListReturnQuestionsByCheckoutItemIdResult>;
+}
+interface ListReturnQuestionsByCheckoutItemIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: ReturnQuestionsByCheckoutItemIdView;
+}
+declare const listReturnQuestionsByCheckoutItemIdHandler: QueryHandlerFunction<ListReturnQuestionsByCheckoutItemId, ListReturnQuestionsByCheckoutItemIdResult, ListReturnQuestionsByCheckoutItemIdHandlerFunctionArgs>;
+export type { ListReturnQuestionsByCheckoutItemId, ReturnQuestionsByCheckoutItemIdView, ListReturnQuestionsByCheckoutItemIdResult, };
+export { LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, listReturnQuestionsByCheckoutItemId, listReturnQuestionsByCheckoutItemIdHandler, };

package/dist/projection/returnQuestion/listReturnQuestionsByCheckoutItemId.js

@@ -0,0 +1,8 @@
+import { query, } from "@lookiero/messaging";
+const LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID = "list_return_questions_by_checkout_item_id";
+const listReturnQuestionsByCheckoutItemId = (payload) => ({
+    ...query({ name: LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID }),
+    ...payload,
+});
+const listReturnQuestionsByCheckoutItemIdHandler = ({ view, signal }) => async ({ checkoutItemId }) => view({ checkoutItemId, signal });
+export { LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, listReturnQuestionsByCheckoutItemId, listReturnQuestionsByCheckoutItemIdHandler, };

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

@@ -7,11 +7,11 @@ declare enum ReturnQuestionType {
     OPTION = "OPTION"
 }
 interface ReturnQuestionProjection {
-    id: string;
-    name: string;
-    placeholder?: string;
-    type: ReturnQuestionType;
-    children?: ReturnQuestionProjection[];
+    readonly id: string;
+    readonly name: string;
+    readonly placeholder?: string;
+    readonly type: ReturnQuestionType;
+    readonly children?: ReturnQuestionProjection[];
 }
 export { ReturnQuestionType };
 export type { ReturnQuestionProjection };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.2.30",
+  "version": "0.2.32-LK-25049",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -37,7 +37,7 @@
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "@lookiero/aurora-next": "^3.0.181",
+    "@lookiero/aurora-next": "3.0.184-LK-25049-2022.10.24.094214",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-native": "^0.70.1",
@@ -48,7 +48,7 @@
     "@expo/webpack-config": "^0.17.2",
     "@lookiero/aurora-fonts": "^1.0.6",
     "@lookiero/aurora-iconfont": "^2.0.37",
-    "@lookiero/aurora-next": "^3.0.181",
+    "@lookiero/aurora-next": "3.0.184-LK-25049-2022.10.24.094214",
     "@testing-library/react": "^13.4.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/react-native": "^11.0.0",

package/dist/infrastructure/ui/views/item/components/productVariantActions/ProductVariantActions.js

@@ -1,22 +0,0 @@
-import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
-import { BUTTON_VARIANT } from "@lookiero/aurora-next/build/components/atoms/Button/Button.definition";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useMemo } from "react";
-import { View } from "react-native";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { SelectField } from "../../../../shared/components/molecules/selectField/SelectField";
-import { style } from "./ProductVariantActions.style";
-const ProductVariantActions = ({ sizes, size, onKeep, onReplace, onReturn }) => {
-    const sizeSelectorLabelText = useI18nMessage({ id: I18nMessages.ITEM_SIZES_LABEL });
-    const keepButtonText = useI18nMessage({ id: I18nMessages.ITEM_KEEP_BUTTON });
-    const returnButtonText = useI18nMessage({ id: I18nMessages.ITEM_RETURN_BUTTON });
-    const sizeSelectorOptions = useMemo(() => sizes.map((size) => ({ label: size.lookiero, value: size.id })), [sizes]);
-    const disabledSizeSelector = useMemo(() => sizeSelectorOptions.length === 1 && sizeSelectorOptions[0]?.value === size.id, [sizeSelectorOptions, size.id]);
-    return (React.createElement(View, { style: style.container },
-        React.createElement(Button, { onPress: onKeep }, keepButtonText),
-        React.createElement(View, { style: style.row },
-            !size.unique && (React.createElement(SelectField, { disabled: disabledSizeSelector, options: sizeSelectorOptions, placeholder: sizeSelectorLabelText || "", style: { selectField: style.sizeSelector }, testID: "size-selector", value: size.id, onChange: onReplace })),
-            React.createElement(View, { style: style.returnButtonContainer },
-                React.createElement(Button, { variant: BUTTON_VARIANT.SECONDARY, onPress: onReturn }, returnButtonText)))));
-};
-export { ProductVariantActions };