@lookiero/checkout 6.6.0 → 7.0.0-beta.0

package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.test.tsx

@@ -1,95 +0,0 @@
-import { fireEvent } from "@testing-library/react-native";
-import React from "react";
-import { generatePath } from "react-router-native";
-import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import { Country } from "@lookiero/sty-psp-locale";
-import { Segment } from "@lookiero/sty-psp-segment";
-import { DummyLayout } from "@lookiero/sty-psp-ui";
-import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { useReturnCheckoutItem } from "../../../../../domain/checkoutItem/react/useReturnCheckoutItem";
-import { checkout } from "../../../../../projection/checkout/checkout.mock";
-import { useListReturnQuestionsByCheckoutItemId } from "../../../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
-import { returnQuestions as mockReturnQuestions } from "../../../../../projection/returnQuestion/returnQuestions.mock";
-import { ReturnQuestionFeedbackProvider } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { Routes } from "../../../../routing/routes";
-import { render } from "../../../../test/render";
-import { ReturnQuestionsForm } from "./ReturnQuestionsForm";
-
-const country = Country.ES;
-const segment = Segment.WOMEN;
-const mockCheckout = checkout({
-  items: [
-    { status: CheckoutItemStatus.KEPT },
-    { status: CheckoutItemStatus.RETURNED },
-    { status: CheckoutItemStatus.REPLACED },
-  ],
-});
-const checkoutItem = mockCheckout.items[1] as CheckoutItemProjection;
-
-const mockNavigate = jest.fn();
-jest.mock("react-router-native", () => ({
-  ...jest.requireActual("react-router-native"),
-  useNavigate: () => mockNavigate,
-}));
-
-jest.mock("../../../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId");
-jest.mock("../../../../../domain/checkoutItem/react/useReturnCheckoutItem");
-
-const mockPressNext = jest.fn();
-jest.mock("../../../../../tracking/useTrackPressNext", () => ({
-  useTrackPressNext: () => mockPressNext,
-}));
-
-const mockPressBack = jest.fn();
-jest.mock("../../../../../tracking/useTrackPressBack", () => ({
-  useTrackPressBack: () => mockPressBack,
-}));
-
-const mockReturnItem = jest.fn();
-jest.mock("../../../../../tracking/useTrackReturnItem", () => ({
-  useTrackReturnItem: () => mockReturnItem,
-}));
-
-describe("Return", () => {
-  test("renders correctly", async () => {
-    (useListReturnQuestionsByCheckoutItemId as jest.Mock).mockReturnValue([mockReturnQuestions, QueryStatus.SUCCESS]);
-    const mockReturnCheckoutItem = jest.fn();
-    (useReturnCheckoutItem as jest.Mock).mockReturnValue([mockReturnCheckoutItem, CommandStatus.IDLE]);
-
-    const { findByTestId, getByTestId, getByText } = render(
-      <ReturnQuestionFeedbackProvider feedback={{}}>
-        <ReturnQuestionsForm
-          checkout={mockCheckout}
-          checkoutItem={checkoutItem}
-          country={country}
-          layout={DummyLayout}
-          segment={segment}
-        />
-        ,
-      </ReturnQuestionFeedbackProvider>,
-    );
-
-    expect(await findByTestId("return-questions-form")).toBeTruthy();
-
-    expect(getByTestId("product-variant-preview")).toBeTruthy();
-
-    expect(getByText(I18nMessages.RETURN_QUESTIONS_TITLE)).toBeTruthy();
-    expect(getByText(I18nMessages.RETURN_QUESTIONS_DESCRIPTION)).toBeTruthy();
-
-    expect(getByTestId("item-detail-header")).toBeTruthy();
-
-    fireEvent.press(getByTestId("close-button-icon"));
-    expect(mockPressBack).toHaveBeenCalled();
-    expect(mockNavigate).toHaveBeenLastCalledWith(-1);
-
-    fireEvent.press(getByTestId("return-questions-button"));
-    expect(mockReturnCheckoutItem).toHaveBeenCalled();
-    expect(mockReturnItem).toHaveBeenCalled();
-    expect(mockPressNext).toHaveBeenCalled();
-    expect(mockNavigate).toHaveBeenLastCalledWith(
-      generatePath(`/${Routes.ITEM}`, { id: mockCheckout.items[2]?.id as string }),
-    );
-  });
-});

package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx

@@ -1,184 +0,0 @@
-import { PortalHost } from "@gorhom/portal";
-import React, { FC, useCallback, useMemo } from "react";
-import { ScrollView } from "react-native";
-import { generatePath, useNavigate } from "react-router-native";
-import { Box, Button, Layout as AuroraLayout, Spinner, Text, View, useDevice } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { CommandStatus } from "@lookiero/messaging-react";
-import { useLogger } from "@lookiero/sty-psp-logging";
-import { Segment } from "@lookiero/sty-psp-segment";
-import { Layout as UiLayout } from "@lookiero/sty-psp-ui";
-import { CheckoutProjection } from "../../../../../../projection/checkout/checkout";
-import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion";
-import { Country } from "../../../../../../projection/shared/country";
-import { useReturnCheckoutItem } from "../../../../../domain/checkoutItem/react/useReturnCheckoutItem";
-import { useListReturnQuestionsByCheckoutItemId } from "../../../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
-import { TrackingPage } from "../../../../../tracking/tracking";
-import { useTrackPageView } from "../../../../../tracking/useTrackPageView";
-import { useTrackPressBack } from "../../../../../tracking/useTrackPressBack";
-import { useTrackPressNext } from "../../../../../tracking/useTrackPressNext";
-import { useTrackReturnItem } from "../../../../../tracking/useTrackReturnItem";
-import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
-import { useReturnQuestionFeedback } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
-import {
-  ReturnQuestionItemProvider,
-  ReturnQuestionItems,
-} from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
-import { HostDefaultReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem";
-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";
-import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
-import { ItemDetailHeader } from "../../../../components/templates/header/itemDetailHeader/ItemDetailHeader";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { Routes } from "../../../../routing/routes";
-import { useBasePath } from "../../../../routing/useBasePath";
-import { ProductVariantPreview } from "../productVariantPreview/ProductVariantPreview";
-import { style } from "./ReturnQuestionsForm.style";
-
-const RETURN_QUESTION_FORM_PORTAL_HOST_NAME = "return-question-form-portal";
-
-const returnQuestionItems: ReturnQuestionItems = {
-  [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionItem,
-  [ReturnQuestionType.HOST_TEXTAREA]: HostDefaultReturnQuestionItem,
-  [ReturnQuestionType.HOST_SELECT]: HostRadioGroupReturnQuestionItem,
-  [ReturnQuestionType.HOST_STACK]: HostStackReturnQuestionItem,
-  [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
-  [ReturnQuestionType.OPTION]: RadioReturnQuestionItem,
-};
-
-interface ReturnQuestionsFormProps {
-  readonly checkout: CheckoutProjection;
-  readonly checkoutItem: CheckoutItemProjection;
-  readonly country: Country;
-  readonly layout: UiLayout;
-  readonly segment: Segment;
-}
-
-const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
-  checkout,
-  checkoutItem,
-  country,
-  layout: Layout,
-  segment,
-}) => {
-  const navigate = useNavigate();
-  const basePath = useBasePath();
-  const logger = useLogger();
-
-  const { screen } = useDevice();
-
-  const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
-  const descriptionText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_DESCRIPTION });
-  const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
-
-  const feedback = useReturnQuestionFeedback();
-  const [returnQuestions] = useListReturnQuestionsByCheckoutItemId({
-    checkoutItemId: checkoutItem.id,
-  });
-
-  const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
-    checkoutItemId: checkoutItem.id,
-    logger,
-  });
-  const trackReturnItem = useTrackReturnItem({
-    page: TrackingPage.RETURN,
-    country,
-    segment,
-    checkoutId: checkout.id,
-    checkoutItemId: checkoutItem.id,
-  });
-
-  useTrackPageView({ checkoutId: checkout.id, country, segment, page: TrackingPage.RETURN });
-
-  const trackPressBack = useTrackPressBack({
-    page: TrackingPage.ITEM,
-    country,
-    segment,
-    checkoutId: checkout?.id,
-  });
-  const handleOnBack = useCallback(() => {
-    trackPressBack();
-    navigate(-1);
-  }, [navigate, trackPressBack]);
-
-  const trackPressNext = useTrackPressNext({
-    page: TrackingPage.ITEM,
-    country,
-    segment,
-    checkoutId: checkout.id,
-  });
-
-  const handleOnSubmit = useCallback(async () => {
-    returnCheckoutItem({ feedbacks: feedback });
-    trackReturnItem();
-
-    const itemIndex = checkout.items.indexOf(checkoutItem);
-    const nextItemIndex = itemIndex === checkout.items.length - 1 ? 0 : itemIndex + 1;
-    const nextItem = checkout.items[nextItemIndex] as CheckoutItemProjection;
-
-    trackPressNext({ from: checkoutItem.id, to: nextItem.id });
-    navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: nextItem.id }));
-  }, [basePath, checkout.items, checkoutItem, feedback, navigate, returnCheckoutItem, trackPressNext, trackReturnItem]);
-
-  const header = useMemo(
-    () => (
-      <Box style={style.headerWrapper}>
-        <ItemDetailHeader onBack={handleOnBack} />
-      </Box>
-    ),
-    [handleOnBack],
-  );
-
-  const dependenciesLoaded = checkoutItem && returnQuestions && returnCheckoutItemStatus !== CommandStatus.LOADING;
-
-  if (!dependenciesLoaded) {
-    return <Spinner />;
-  }
-
-  return (
-    <ReturnQuestionItemProvider returnQuestionItems={returnQuestionItems}>
-      <PortalHost name={RETURN_QUESTION_FORM_PORTAL_HOST_NAME} />
-
-      <Layout
-        header={header}
-        scrollEnabled={false}
-        style={{
-          safeAreaView: style.safeAreaView,
-          scrollView: style.scrollView,
-        }}
-      >
-        <ProductVariantPreview country={country} item={checkoutItem} />
-
-        <ScrollView showsVerticalScrollIndicator={false} testID="return-questions-form">
-          <AuroraLayout fullWidth={!screen.L} style={[style.layout, screen.L ? style.desktopLayoutSpacing : undefined]}>
-            <Box size={{ L: "2/3" }}>
-              <View style={[style.info, !screen.S && style.desktopInfo]}>
-                <Text level={3} heading>
-                  {titleText}
-                </Text>
-                <Text level={1} style={style.description} detail>
-                  {descriptionText}
-                </Text>
-              </View>
-
-              <ReturnQuestions
-                portalHostName={RETURN_QUESTION_FORM_PORTAL_HOST_NAME}
-                returnQuestions={returnQuestions}
-              />
-
-              <View style={style.submit}>
-                <Button testID="return-questions-button" onPress={handleOnSubmit}>
-                  {submitButtonText}
-                </Button>
-              </View>
-            </Box>
-          </AuroraLayout>
-        </ScrollView>
-      </Layout>
-    </ReturnQuestionItemProvider>
-  );
-};
-
-export { ReturnQuestionsForm };

package/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.test.ts

@@ -1,54 +0,0 @@
-import { bootstrap } from "@lookiero/messaging";
-import { CheckoutProjection } from "./checkout";
-import {
-  viewFirstAvailableCheckoutByCustomerIdHandler,
-  VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID,
-} from "./viewFirstAvailableCheckoutByCustomerId";
-import {
-  viewIsCheckoutAccessibleByCustomerId,
-  viewIsCheckoutAccessibleByCustomerIdHandler,
-  VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID,
-} from "./viewIsCheckoutAccessibleByCustomerId";
-import {
-  viewIsCheckoutEnabledByCustomerIdHandler,
-  VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID,
-} from "./viewIsCheckoutEnabledByCustomerId";
-
-const customerId = "29790d24-b139-4ab8-b618-d796d101e974";
-const checkoutProjection: CheckoutProjection = { id: "75574065-5838-42de-9924-c712f7854347" } as CheckoutProjection;
-const firstAvailableCheckoutByCustomerIdViewMock = jest.fn();
-const isCheckoutEnabledByCustomerIdViewMock = jest.fn();
-
-const { queryBus } = bootstrap()
-  .query(VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerIdHandler, {
-    view: firstAvailableCheckoutByCustomerIdViewMock,
-  })
-  .query(VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, viewIsCheckoutEnabledByCustomerIdHandler, {
-    view: isCheckoutEnabledByCustomerIdViewMock,
-  })
-  .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler)
-  .build();
-
-// expectedResult, customerId, CheckoutProjection, isCheckoutEnabled
-type Scenarios = [boolean, string | undefined, CheckoutProjection | undefined, boolean][];
-const scenarios: Scenarios = [
-  [false, undefined, checkoutProjection, true],
-  [false, customerId, undefined, true],
-  [false, customerId, checkoutProjection, false],
-  [true, customerId, checkoutProjection, true],
-];
-
-describe("viewIsCheckoutAccessibleByCustomerId", () => {
-  test.each(scenarios)(
-    "Returns %s when customer is %s, checkout projection is %s and the checkout is enabled: %s",
-    async (expectedResult, customerId, checkout, isEnabled) => {
-      firstAvailableCheckoutByCustomerIdViewMock.mockReturnValue(checkout);
-      isCheckoutEnabledByCustomerIdViewMock.mockReturnValue(isEnabled);
-      const query = viewIsCheckoutAccessibleByCustomerId({ customerId });
-
-      const result = await queryBus(query);
-
-      expect(result).toBe(expectedResult);
-    },
-  );
-});

package/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.ts

@@ -1,46 +0,0 @@
-import { query, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
-import { viewFirstAvailableCheckoutByCustomerId } from "./viewFirstAvailableCheckoutByCustomerId";
-import { viewIsCheckoutEnabledByCustomerId } from "./viewIsCheckoutEnabledByCustomerId";
-
-type IsCheckoutAccessibleByCustomerIdProjection = boolean;
-
-const VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID = "view_is_checkout_accessible_by_customer_id";
-
-interface ViewIsCheckoutAccessibleByCustomerIdPayload {
-  readonly customerId: string | undefined;
-}
-
-interface ViewIsCheckoutAccessibleByCustomerId
-  extends Query<typeof VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID>,
-    ViewIsCheckoutAccessibleByCustomerIdPayload {}
-
-interface ViewIsCheckoutAccessibleByCustomerIdFunction {
-  (payload: ViewIsCheckoutAccessibleByCustomerIdPayload): ViewIsCheckoutAccessibleByCustomerId;
-}
-
-const viewIsCheckoutAccessibleByCustomerId: ViewIsCheckoutAccessibleByCustomerIdFunction = (payload) => ({
-  ...query({ name: VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID }),
-  ...payload,
-});
-
-interface ViewIsCheckoutAccessibleByCustomerIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {}
-
-const isNonEmptyCustomerId = (customerId: string | undefined): customerId is string => Boolean(customerId);
-
-const viewIsCheckoutAccessibleByCustomerIdHandler: QueryHandlerFunction<
-  ViewIsCheckoutAccessibleByCustomerId,
-  IsCheckoutAccessibleByCustomerIdProjection,
-  ViewIsCheckoutAccessibleByCustomerIdHandlerFunctionArgs
-> =
-  ({ queryBus }) =>
-  async ({ customerId }) =>
-    isNonEmptyCustomerId(customerId) &&
-    Boolean(await queryBus(viewFirstAvailableCheckoutByCustomerId({ customerId }))) &&
-    Boolean(await queryBus(viewIsCheckoutEnabledByCustomerId({ customerId })));
-
-export type { IsCheckoutAccessibleByCustomerIdProjection };
-export {
-  VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID,
-  viewIsCheckoutAccessibleByCustomerId,
-  viewIsCheckoutAccessibleByCustomerIdHandler,
-};