@lookiero/checkout 0.2.40 → 0.2.41

package/dist/domain/checkoutItem/command/returnCheckoutItem.d.ts

@@ -0,0 +1,15 @@
+import { Command } from "@lookiero/messaging";
+import { Feedbacks } from "../model/feedbacks";
+declare const RETURN_CHECKOUT_ITEM = "return_checkout_item";
+interface ReturnCheckoutItemPayload {
+    readonly aggregateId: string;
+    readonly feedbacks: Feedbacks;
+}
+interface ReturnCheckoutItem extends Command<typeof RETURN_CHECKOUT_ITEM>, ReturnCheckoutItemPayload {
+}
+interface ReturnCheckoutItemFunction {
+    (payload: ReturnCheckoutItemPayload): ReturnCheckoutItem;
+}
+declare const returnCheckoutItem: ReturnCheckoutItemFunction;
+export type { ReturnCheckoutItem };
+export { RETURN_CHECKOUT_ITEM, returnCheckoutItem };

package/dist/domain/checkoutItem/command/returnCheckoutItem.js

@@ -0,0 +1,7 @@
+import { command } from "@lookiero/messaging";
+const RETURN_CHECKOUT_ITEM = "return_checkout_item";
+const returnCheckoutItem = ({ aggregateId, ...payload }) => ({
+    ...command({ aggregateId, name: RETURN_CHECKOUT_ITEM }),
+    ...payload,
+});
+export { RETURN_CHECKOUT_ITEM, returnCheckoutItem };

package/dist/domain/checkoutItem/model/checkoutItem.d.ts

@@ -1,5 +1,7 @@
 import { AggregateRoot, CommandHandlerFunction } from "@lookiero/messaging";
 import { KeepCheckoutItem } from "../command/keepCheckoutItem";
+import { ReturnCheckoutItem } from "../command/returnCheckoutItem";
+import { Feedbacks } from "./feedbacks";
 import { Price } from "./price";
 declare enum CheckoutItemStatus {
     INITIAL = "INITIAL",
@@ -11,7 +13,9 @@ declare enum CheckoutItemStatus {
 interface CheckoutItem extends AggregateRoot {
     readonly status: CheckoutItemStatus;
     readonly price: Price;
+    readonly feedbacks: Feedbacks;
 }
 declare const keepCheckoutItemHandler: CommandHandlerFunction<KeepCheckoutItem, CheckoutItem>;
+declare const returnCheckoutItemHandler: CommandHandlerFunction<ReturnCheckoutItem, CheckoutItem>;
 export type { CheckoutItem };
-export { CheckoutItemStatus, keepCheckoutItemHandler };
+export { CheckoutItemStatus, keepCheckoutItemHandler, returnCheckoutItemHandler };

package/dist/domain/checkoutItem/model/checkoutItem.js

@@ -1,5 +1,6 @@
 import invariant from "tiny-invariant";
 import { checkoutItemKept } from "./checkoutItemKept";
+import { checkoutItemReturned } from "./checkoutItemReturned";
 var CheckoutItemStatus;
 (function (CheckoutItemStatus) {
     CheckoutItemStatus["INITIAL"] = "INITIAL";
@@ -17,4 +18,13 @@ const keepCheckoutItemHandler = () => async ({ aggregateRoot, command }) => {
         domainEvents: [checkoutItemKept({ aggregateId })],
     };
 };
-export { CheckoutItemStatus, keepCheckoutItemHandler };
+const returnCheckoutItemHandler = () => async ({ aggregateRoot, command }) => {
+    const { aggregateId } = command;
+    invariant(aggregateRoot.status !== CheckoutItemStatus.RETURNED, "CheckoutItem is already returned");
+    return {
+        ...aggregateRoot,
+        status: CheckoutItemStatus.RETURNED,
+        domainEvents: [checkoutItemReturned({ aggregateId })],
+    };
+};
+export { CheckoutItemStatus, keepCheckoutItemHandler, returnCheckoutItemHandler };

package/dist/domain/checkoutItem/model/checkoutItemReturned.d.ts

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const CHECKOUT_ITEM_RETURNED = "checkout_item_returned";
+interface CheckoutItemReturnedPayload {
+    readonly aggregateId: string;
+}
+interface CheckoutItemReturned extends DomainEvent<typeof CHECKOUT_ITEM_RETURNED>, CheckoutItemReturnedPayload {
+}
+interface CheckoutItemReturnedFunction {
+    (payload: CheckoutItemReturnedPayload): CheckoutItemReturned;
+}
+declare const checkoutItemReturned: CheckoutItemReturnedFunction;
+export type { CheckoutItemReturned };
+export { CHECKOUT_ITEM_RETURNED, checkoutItemReturned };

package/dist/domain/checkoutItem/model/checkoutItemReturned.js

@@ -0,0 +1,4 @@
+import { domainEvent } from "@lookiero/messaging";
+const CHECKOUT_ITEM_RETURNED = "checkout_item_returned";
+const checkoutItemReturned = ({ aggregateId }) => domainEvent({ aggregateId, name: CHECKOUT_ITEM_RETURNED });
+export { CHECKOUT_ITEM_RETURNED, checkoutItemReturned };

package/dist/domain/checkoutItem/model/feedbacks.d.ts

@@ -0,0 +1,3 @@
+declare type ReturnQuestionId = string;
+declare type Feedbacks = Record<ReturnQuestionId, ReturnQuestionId | string>;
+export type { Feedbacks };

package/dist/domain/checkoutItem/model/feedbacks.js

@@ -0,0 +1 @@
+export {};

package/dist/infrastructure/delivery/baseBootstrap.js

@@ -4,7 +4,8 @@ import { startCheckoutHandler } from "../../domain/checkout/model/checkout";
 import { BOOK_CHECKOUT_BOOKING_FOR_CHECKOUT_ITEM } from "../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
 import { bookCheckoutBookingForCheckoutItemHandler, } from "../../domain/checkoutBooking/model/checkoutBooking";
 import { KEEP_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/keepCheckoutItem";
-import { keepCheckoutItemHandler } from "../../domain/checkoutItem/model/checkoutItem";
+import { RETURN_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/returnCheckoutItem";
+import { keepCheckoutItemHandler, returnCheckoutItemHandler, } from "../../domain/checkoutItem/model/checkoutItem";
 import { UPDATE_UI_SETTING } from "../../domain/uiSetting/command/updateUiSetting";
 import { updateUiSettingHandler } from "../../domain/uiSetting/model/uiSetting";
 import { viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, } from "../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
@@ -39,6 +40,7 @@ const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdVie
     view: returnQuestionsByCheckoutItemIdView,
 })
     .command(KEEP_CHECKOUT_ITEM, keepCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
+    .command(RETURN_CHECKOUT_ITEM, returnCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
     .query(VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, {
     view: bookedSizeChangeProductsVariantsForCheckoutItemView,
 })

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

@@ -10,10 +10,11 @@ const toCheckoutItemProjection = (checkoutItem) => ({
 const toCheckoutItemDomain = (checkoutItem) => {
     invariant(checkoutItem, "No checkoutItem found!");
     return {
+        aggregateId: checkoutItem.id,
         id: checkoutItem.id,
         status: checkoutItem.status,
-        aggregateId: checkoutItem.id,
         price: checkoutItem.price,
+        feedbacks: checkoutItem.feedback,
         domainEvents: [],
     };
 };

package/dist/infrastructure/domain/checkoutBooking/model/httpCheckoutBookingsBook.js

@@ -7,7 +7,7 @@ const httpCheckoutBookingsBook = ({ httpPost }) => async ({ aggregateId, checkou
     }
     const { checkoutItemId } = checkoutBookingBooked;
     httpPost({
-        endpoint: "/book-size-replaceable-product-variants-for-checkout-item",
+        endpoint: "/book-size-change-product-variants-for-checkout-item",
         body: {
             checkoutId,
             checkoutItemId,

package/dist/infrastructure/domain/checkoutItem/model/httpCheckoutItems.js

@@ -1,18 +1,23 @@
 import invariant from "tiny-invariant";
 import { viewCheckoutItemById, } from "../../../../projection/checkoutItem/viewCheckoutItemById";
 import { httpCheckoutItemsKeep } from "./httpCheckoutItemsKeep";
+import { httpCheckoutItemsReturn } from "./httpCheckoutItemsReturn";
 const toDomain = (checkoutItem) => {
     invariant(checkoutItem, "No checkoutItem found!");
     return {
         id: checkoutItem.id,
         status: checkoutItem.status,
         price: checkoutItem.price,
+        feedbacks: checkoutItem.feedback,
         aggregateId: checkoutItem.id,
         domainEvents: [],
     };
 };
 const getCheckoutItem = ({ queryBus }) => async (aggregateId) => toDomain(await queryBus(viewCheckoutItemById({ checkoutItemId: aggregateId })));
 const saveCheckoutItem = ({ httpPost }) => async (aggregateRoot) => {
-    await httpCheckoutItemsKeep({ httpPost })(aggregateRoot);
+    await Promise.all([
+        httpCheckoutItemsKeep({ httpPost })(aggregateRoot),
+        httpCheckoutItemsReturn({ httpPost })(aggregateRoot),
+    ]);
 };
 export { getCheckoutItem, saveCheckoutItem };

package/dist/infrastructure/domain/checkoutItem/model/httpCheckoutItemsReturn.d.ts

@@ -0,0 +1,5 @@
+import { HttpCheckoutItemsSaveFunction } from "./httpCheckoutItems";
+interface HttpCheckoutItemsReturnFunction extends HttpCheckoutItemsSaveFunction {
+}
+declare const httpCheckoutItemsReturn: HttpCheckoutItemsReturnFunction;
+export { httpCheckoutItemsReturn };

package/dist/infrastructure/domain/checkoutItem/model/httpCheckoutItemsReturn.js

@@ -0,0 +1,13 @@
+import { CHECKOUT_ITEM_RETURNED, } from "../../../../domain/checkoutItem/model/checkoutItemReturned";
+const isCheckoutItemReturned = (event) => event.name === CHECKOUT_ITEM_RETURNED;
+const httpCheckoutItemsReturn = ({ httpPost }) => async ({ aggregateId, feedbacks, domainEvents }) => {
+    const checkoutItemReturned = domainEvents.find(isCheckoutItemReturned);
+    if (!checkoutItemReturned) {
+        return;
+    }
+    httpPost({
+        endpoint: "/return-checkout-item",
+        body: { checkoutItemId: aggregateId, feedbacks },
+    });
+};
+export { httpCheckoutItemsReturn };

package/dist/infrastructure/domain/checkoutItem/react/useReturnCheckoutItem.d.ts

@@ -0,0 +1,17 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+import { Feedbacks } from "../../../../domain/checkoutItem/model/feedbacks";
+interface ReturnCheckoutItemFunctionArgs {
+    readonly feedbacks: Feedbacks;
+}
+interface ReturnCheckoutItemFunction {
+    (args: ReturnCheckoutItemFunctionArgs): Promise<void>;
+}
+interface UseReturnCheckoutItemFunctionArgs {
+    readonly checkoutItemId: string;
+}
+declare type UseReturnCheckoutItemResult = [returnCheckoutItem: ReturnCheckoutItemFunction, status: CommandStatus];
+interface UseReturnCheckoutItemFunction {
+    (args: UseReturnCheckoutItemFunctionArgs): UseReturnCheckoutItemResult;
+}
+declare const useReturnCheckoutItem: UseReturnCheckoutItemFunction;
+export { useReturnCheckoutItem };

package/dist/infrastructure/domain/checkoutItem/react/useReturnCheckoutItem.js

@@ -0,0 +1,13 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { returnCheckoutItem as returnCheckoutItemCommand } from "../../../../domain/checkoutItem/command/returnCheckoutItem";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useReturnCheckoutItem = ({ checkoutItemId }) => {
+    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
+    const returnCheckoutItem = useCallback(async ({ feedbacks }) => await commandBus(returnCheckoutItemCommand({
+        aggregateId: checkoutItemId,
+        feedbacks,
+    })), [checkoutItemId, commandBus]);
+    return [returnCheckoutItem, status];
+};
+export { useReturnCheckoutItem };

package/dist/infrastructure/projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId.js

@@ -1,9 +1,14 @@
 import { useQuery } from "@lookiero/messaging-react";
+import { CHECKOUT_ITEM_KEPT } from "../../../../domain/checkoutItem/model/checkoutItemKept";
+import { CHECKOUT_ITEM_RETURNED, } from "../../../../domain/checkoutItem/model/checkoutItemReturned";
 import { viewFirstAvailableCheckoutByCustomerId } from "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const isCheckoutItemKept = (event) => event.name === CHECKOUT_ITEM_KEPT;
+const isCheckoutItemReturned = (event) => event.name === CHECKOUT_ITEM_RETURNED;
 const useViewFirstAvailableCheckoutByCustomerId = ({ customerId }) => useQuery({
     query: viewFirstAvailableCheckoutByCustomerId({ customerId }),
     contextId: MESSAGING_CONTEXT_ID,
+    invalidation: isCheckoutItemKept || isCheckoutItemReturned,
     options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });
 export { useViewFirstAvailableCheckoutByCustomerId };

package/dist/infrastructure/ui/shared/components/molecules/inputField/InputField.style.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { spaceXS, spaceM, spaceL } = theme();
+const { spaceXS, spaceS, spaceM, spaceL } = theme();
 const style = StyleSheet.create({
     error: {
         marginLeft: spaceL,
@@ -12,7 +12,7 @@ const style = StyleSheet.create({
     },
     icon: {
         position: "absolute",
-        right: spaceM,
+        right: spaceS,
         top: spaceM,
         zIndex: 4,
     },

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

@@ -23,6 +23,7 @@ const Item = ({ customerId }) => {
     const { id } = useParams();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
+    const [customerDecissionMade, setCustomerDecissionMade] = useState(() => checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED);
     const [bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariantsStatus] = useViewBookedSizeChangeProductsVariantsForCheckoutItem({
         checkoutItemId: checkoutItem.id,
     });
@@ -43,11 +44,11 @@ const Item = ({ customerId }) => {
     const [returnQuestionsVisible, setReturnQuestionsVisible] = useState(false);
     const handleOnShowReturnQuestions = useCallback(() => setReturnQuestionsVisible(true), []);
     const handleOnHideReturnQuestions = useCallback(() => setReturnQuestionsVisible(false), []);
-    const handleOnEditFeedback = useCallback(() => void 0, []);
+    const handleOnEditFeedback = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
     const handleOnSubmit = useCallback(() => handleOnHideReturnQuestions(), [handleOnHideReturnQuestions]);
     const handleOnReplace = useCallback(() => void 0, []);
     const handleOnReturn = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
-    const handleOnBannerPress = useCallback(() => void 0, []);
+    const handleOnBannerPress = useCallback(() => setCustomerDecissionMade(!customerDecissionMade), [customerDecissionMade]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(returnQuestionsStatus) &&
         dependenciesLoadedStatuses.includes(checkoutStatus) &&
@@ -56,7 +57,6 @@ const Item = ({ customerId }) => {
         return React.createElement(Spinner, null);
     const { price } = checkoutItem;
     const { media, brand, name, size, color } = checkoutItem.productVariant;
-    const customerDecissionMade = checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED;
     const sizes = bookedSizeChangeProductsVariants?.productVariants
         .map((productVariant) => productVariant.size)
         .concat(checkoutItem.productVariant.size) || [];
@@ -69,7 +69,7 @@ const Item = ({ customerId }) => {
                         React.createElement(ProductVariantSlider, { producVariantMedia: media })),
                     React.createElement(ProductVariantDescription, { brand: brand, color: color, name: name, price: price, size: size }),
                     checkoutItem.feedback && (React.createElement(View, { style: style.feedbackContainer },
-                        React.createElement(ReturnQuestionsFeedback, { feedback: checkoutItem.feedback, returnQuestions: returnQuestions || [], onEditFeedback: handleOnEditFeedback })))))),
+                        React.createElement(ReturnQuestionsFeedback, { feedback: checkoutItem.feedback || {}, returnQuestions: returnQuestions || [], onEditFeedback: handleOnEditFeedback })))))),
         customerDecissionMade && (React.createElement(ItemActions, { size: checkoutItem.productVariant.size, sizes: sizes, onKeep: keepCheckoutItem, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn })),
         React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, feedback: checkoutItem.feedback || {}, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions || [], visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit })));
 };

package/dist/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.d.ts

@@ -1,9 +1,10 @@
 import { FC } from "react";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-declare type Status = Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL | CheckoutItemStatus.EXPIRED>;
+declare type CustomerDecissionBannerStatus = Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL | CheckoutItemStatus.EXPIRED>;
 interface CustomerDecissionBannerProps {
-    readonly checkoutItemStatus: Status;
+    readonly checkoutItemStatus: CustomerDecissionBannerStatus;
     readonly onPress: () => void;
 }
 declare const CustomerDecissionBanner: FC<CustomerDecissionBannerProps>;
+export type { CustomerDecissionBannerStatus };
 export { CustomerDecissionBanner };

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.d.ts

@@ -8,7 +8,7 @@ interface ReturnQuestionsFormProps {
     readonly returnQuestions: ReturnQuestionProjection[];
     readonly checkoutItemPrice: PriceProjection;
     readonly productVariant: CheckoutItemProductVariantProjection;
-    readonly onSubmit: () => void;
+    readonly onSubmit: (feedback: FeedbackProjection) => void;
     readonly onClose: () => void;
 }
 declare const ReturnQuestionsForm: FC<ReturnQuestionsFormProps>;

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -2,7 +2,7 @@ import { PortalHost } from "@gorhom/portal";
 import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
+import React, { useCallback } from "react";
 import { View } from "react-native";
 import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
 import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
@@ -33,10 +33,11 @@ const ReturnQuestionsForm = ({ feedback, returnQuestions, checkoutItemPrice, pro
         prefix: RETURN_QUESTIONS_PREFIX,
     });
     const { media, brand, name, size, color } = productVariant;
+    const handleOnSubmit = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
     return (React.createElement(ReturnQuestionFeedbackProvider, { feedback: feedback },
         React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
             React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
-            React.createElement(Modal, { footer: React.createElement(Button, { onPress: onSubmit }, submitButtonText), portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
+            React.createElement(Modal, { footer: React.createElement(Button, { onPress: handleOnSubmit }, submitButtonText), portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
                 React.createElement(View, { style: style.returnQuestionsContainer },
                     React.createElement(Text, { level: 2, style: style.title }, titleText),
                     React.createElement(ProductVariant, { brand: brand, color: color, media: media, name: name, price: checkoutItemPrice, size: size }),

package/dist/projection/checkoutItem/checkoutItem.d.ts

@@ -47,7 +47,7 @@ interface CheckoutItemProjection {
     readonly price: PriceProjection;
     readonly replacedFor?: string;
     readonly productVariant: CheckoutItemProductVariantProjection;
-    readonly feedback: FeedbackProjection | null;
+    readonly feedback: FeedbackProjection;
 }
 export type { CheckoutItemProjection, CheckoutItemProductVariantProjection, ColorProjection, MediaProjection, PriceProjection, };
 export { Currency, MediaPerspective };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.2.40",
+  "version": "0.2.41",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [