@lookiero/checkout 0.2.31 → 0.2.32

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/views/item/Item.js

@@ -7,7 +7,7 @@ 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";
@@ -20,8 +20,11 @@ import { ReturnQuestionsFeedback } from "./components/returnQuestionsFeedback/Re
 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);
@@ -33,12 +36,13 @@ const Item = ({ customerId }) => {
     const handleOnReplace = useCallback(() => void 0, []);
     const handleOnReturn = useCallback(() => void 0, []);
     const handleOnBannerPress = useCallback(() => void 0, []);
-    if (status === QueryStatus.LOADING)
+    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 customerDecissionMade = checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED;
-    const returnQuestions = returnQuestionsMock;
     const feedback = feedbackMock;
     const sizes = bookedSizeReplaceableProductVariantsMock.productVariants
         .map((productVariant) => productVariant.size)

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.31",
+  "version": "0.2.32",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [