@lookiero/checkout 6.5.1 → 6.6.0

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

@@ -0,0 +1,184 @@
+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/infrastructure/ui/views/summary/Summary.tsx

@@ -1,7 +1,7 @@
 import React, { FC, ReactNode, useCallback, useEffect, useMemo, useState } from "react";
 import { LayoutRectangle, Platform, ScrollView, View } from "react-native";
 import { generatePath, useMatch, useNavigate } from "react-router-native";
-import { Box, Text, Layout, useDevice, Spinner } from "@lookiero/aurora";
+import { Box, Text, Layout as AuroraLayout, useDevice, Spinner } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
 import { Layout as UiLayout, Sticky } from "@lookiero/sty-psp-ui";
@@ -27,7 +27,7 @@ interface SummaryProps {
   readonly children: ReactNode;
 }
 
-const Summary: FC<SummaryProps> = ({ layout: UiLayout, children }) => {
+const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
   const {
     customer: { customerId, country, segment },
   } = useStaticInfo();
@@ -110,7 +110,7 @@ const Summary: FC<SummaryProps> = ({ layout: UiLayout, children }) => {
   }
 
   return (
-    <UiLayout
+    <Layout
       scrollEnabled={false}
       style={{
         header: style.header,
@@ -120,7 +120,7 @@ const Summary: FC<SummaryProps> = ({ layout: UiLayout, children }) => {
       <ScrollView showsVerticalScrollIndicator={false}>
         {fiveItemsDiscount !== 0 && <FiveItemsDiscountBanner fiveItemsDiscount={fiveItemsDiscount} />}
 
-        <Layout
+        <AuroraLayout
           fullWidth={!screen.L}
           style={[screen.L && style.desktopLayoutSpacing, !screen.L && { paddingBottom: pricingHeight }]}
         >
@@ -153,7 +153,7 @@ const Summary: FC<SummaryProps> = ({ layout: UiLayout, children }) => {
               </View>
             </Box>
           ) : null}
-        </Layout>
+        </AuroraLayout>
       </ScrollView>
 
       {pricing && !screen.L ? (
@@ -170,7 +170,7 @@ const Summary: FC<SummaryProps> = ({ layout: UiLayout, children }) => {
           </Body>
         </Sticky>
       ) : null}
-    </UiLayout>
+    </Layout>
   );
 };
 

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

@@ -1,11 +0,0 @@
-import { FC, ReactNode } from "react";
-declare enum NewFeedbackExperimentVariation {
-    CONTROL = "control",
-    RETURN_PAGE = "return_page"
-}
-interface NewFeedbackExperimentProviderProps {
-    readonly children: ReactNode;
-}
-declare const NewFeedbackExperimentProvider: FC<NewFeedbackExperimentProviderProps>;
-declare const useNewFeedbackExperiment: () => NewFeedbackExperimentVariation;
-export { useNewFeedbackExperiment, NewFeedbackExperimentProvider, NewFeedbackExperimentVariation };

package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.js

@@ -1,49 +0,0 @@
-import React, { createContext, useContext, useEffect, useMemo, useRef } from "react";
-import invariant from "tiny-invariant";
-import { Spinner } from "@lookiero/aurora";
-import { useAssignedVariationByExperimentId } from "@lookiero/sty-psp-ab-testing";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useTrackAssignedVariationByExperiment } from "../../tracking/useTrackAssignedVariationByExperiment";
-import { useStaticInfo } from "./useStaticInfo";
-var NewFeedbackExperimentVariation;
-(function (NewFeedbackExperimentVariation) {
-    NewFeedbackExperimentVariation["CONTROL"] = "control";
-    NewFeedbackExperimentVariation["RETURN_PAGE"] = "return_page";
-})(NewFeedbackExperimentVariation || (NewFeedbackExperimentVariation = {}));
-const NewFeedbackExperimentContext = createContext(null);
-const NewFeedbackExperimentProvider = ({ children }) => {
-    const { kameleoon: { experiments: { newFeedback: { id: newFeedbackId, variations }, }, }, customer: { customerId, country, segment }, } = useStaticInfo();
-    const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const { assignedVariation: newFeedbackVariation } = useAssignedVariationByExperimentId({
-        experimentId: newFeedbackId,
-    });
-    const trackAssignedVariation = useTrackAssignedVariationByExperiment({
-        checkoutId: checkout?.id,
-        country,
-        segment,
-        experimentId: newFeedbackId,
-    });
-    const value = useMemo(() => ({
-        variation: newFeedbackVariation?.id === Number(variations.v1)
-            ? NewFeedbackExperimentVariation.RETURN_PAGE
-            : NewFeedbackExperimentVariation.CONTROL,
-    }), [newFeedbackVariation?.id, variations.v1]);
-    const assignedVariantTracked = useRef(false);
-    useEffect(() => {
-        if (assignedVariantTracked.current || !newFeedbackVariation || !checkout?.id) {
-            return;
-        }
-        trackAssignedVariation({ assignedVariation: newFeedbackVariation });
-        assignedVariantTracked.current = true;
-    }, [checkout?.id, newFeedbackVariation, trackAssignedVariation]);
-    if (!checkout) {
-        return React.createElement(Spinner, null);
-    }
-    return React.createElement(NewFeedbackExperimentContext.Provider, { value: value }, children);
-};
-const useNewFeedbackExperiment = () => {
-    const newFeedbackExperiment = useContext(NewFeedbackExperimentContext);
-    invariant(newFeedbackExperiment, "Your are trying to use the useNewFeedbackExperiment hook without wrapping your app with the <NewFeedbackExperimentProvider>.");
-    return newFeedbackExperiment.variation;
-};
-export { useNewFeedbackExperiment, NewFeedbackExperimentProvider, NewFeedbackExperimentVariation };

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

@@ -1,11 +0,0 @@
-import { FC } from "react";
-import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
-import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
-interface ReturnQuestionsFormProps {
-    readonly visible: boolean;
-    readonly returnQuestions: ReturnQuestionProjection[];
-    readonly onSubmit: (feedback: FeedbackProjection) => void;
-    readonly onClose: () => void;
-}
-declare const ReturnQuestionsForm: FC<ReturnQuestionsFormProps>;
-export { ReturnQuestionsForm };

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

@@ -1,40 +0,0 @@
-import { PortalHost } from "@gorhom/portal";
-import React, { useCallback } from "react";
-import { View } from "react-native";
-import { Button, Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { Modal } from "@lookiero/sty-psp-ui";
-import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
-import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
-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 { HostSelectReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem";
-import { HostStackReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem";
-import { OptionReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
-import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./ReturnQuestionsForm.style";
-const RETURN_QUESTION_FORM_PORTAL_HOST_NAME = "return-question-form-portal";
-const returnQuestionItems = {
-    [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionItem,
-    [ReturnQuestionType.HOST_TEXTAREA]: HostDefaultReturnQuestionItem,
-    [ReturnQuestionType.HOST_SELECT]: HostSelectReturnQuestionItem,
-    [ReturnQuestionType.HOST_STACK]: HostStackReturnQuestionItem,
-    [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
-    [ReturnQuestionType.OPTION]: OptionReturnQuestionItem,
-};
-const ReturnQuestionsForm = ({ returnQuestions, visible, onSubmit, onClose }) => {
-    const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
-    const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
-    const feedback = useReturnQuestionFeedback();
-    const handleOnSubmit = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
-    return (React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
-        React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
-        React.createElement(Modal, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, testID: "return-questions-form-modal", visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
-            React.createElement(View, { style: style.modalContent },
-                React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
-                React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions }),
-                React.createElement(Button, { style: style.submit, testID: "return-questions-button", onPress: handleOnSubmit }, submitButtonText)))));
-};
-export { ReturnQuestionsForm };

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

@@ -1,12 +0,0 @@
-declare const style: {
-    modalContent: {
-        paddingHorizontal: number;
-    };
-    submit: {
-        marginTop: number;
-    };
-    title: {
-        marginBottom: number;
-    };
-};
-export { style };

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

@@ -1,15 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "@lookiero/sty-psp-ui";
-const { space6, space8 } = theme();
-const style = StyleSheet.create({
-    modalContent: {
-        paddingHorizontal: space6,
-    },
-    submit: {
-        marginTop: space8,
-    },
-    title: {
-        marginBottom: space6,
-    },
-});
-export { style };

package/src/infrastructure/ui/hooks/useNewFeedbackExperiment.test.tsx

@@ -1,84 +0,0 @@
-import { renderHook, waitFor } from "@testing-library/react-native";
-import React, { FC } from "react";
-import { Variation, useAssignedVariationByExperimentId } from "@lookiero/sty-psp-ab-testing";
-import { Segment } from "@lookiero/sty-psp-segment";
-import { CheckoutProjection } from "../../../projection/checkout/checkout";
-import { Country } from "../../../projection/shared/country";
-import { KameleoonEnvironment } from "../../ab-testing/kameleoonEnvironment";
-import {
-  NewFeedbackExperimentProvider,
-  NewFeedbackExperimentVariation,
-  useNewFeedbackExperiment as sut,
-} from "./useNewFeedbackExperiment";
-
-const mockKameleoon: KameleoonEnvironment = {
-  siteCode: "aplm4v3ckn",
-  experiments: {
-    newFeedback: {
-      id: "245000",
-      variations: {
-        v1: "964072",
-      },
-    },
-  },
-};
-
-const country = Country.ES;
-const segment = Segment.WOMEN;
-const customerId = "1f410890-b3e1-49d2-9950-2ff89182cb79";
-const mockTrackAssignedVariation = jest.fn();
-// useStaticInfo
-
-jest.mock("../../tracking/useTrackAssignedVariationByExperiment", () => ({
-  useTrackAssignedVariationByExperiment: () => mockTrackAssignedVariation,
-}));
-
-jest.mock("@lookiero/sty-psp-ab-testing");
-
-jest.mock("./useStaticInfo", () => ({
-  useStaticInfo: () => ({ kameleoon: mockKameleoon, customer: { customerId, country, segment } }),
-}));
-
-jest.mock("../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId", () => ({
-  useViewFirstAvailableCheckoutByCustomerId: () => [
-    { id: "3db6984e-c8d2-4242-a795-ab5babb25e8c" } as CheckoutProjection,
-  ],
-}));
-
-interface WrapperProps {
-  readonly children: JSX.Element;
-}
-
-const Wrapper: FC<WrapperProps> = ({ children }) => (
-  <NewFeedbackExperimentProvider>{children}</NewFeedbackExperimentProvider>
-);
-
-beforeEach(() => {
-  mockTrackAssignedVariation.mockClear();
-});
-
-describe("useNewFeedbackExperiment hook", () => {
-  it("returns 'control' as variation", async () => {
-    const assignedVariation: Variation = { id: 0, name: "Control" };
-    (useAssignedVariationByExperimentId as jest.Mock).mockReturnValue({ assignedVariation });
-
-    const { result } = renderHook(() => sut(), { wrapper: Wrapper });
-
-    await waitFor(() => expect(result.current).toBe(NewFeedbackExperimentVariation.CONTROL));
-    await waitFor(() => {
-      expect(mockTrackAssignedVariation).toHaveBeenCalledWith({ assignedVariation });
-    });
-  });
-
-  it("returns 'return_page' as variation", async () => {
-    const assignedVariation: Variation = { id: 964072, name: "Variation 1" };
-    (useAssignedVariationByExperimentId as jest.Mock).mockReturnValue({ assignedVariation });
-
-    const { result } = renderHook(() => sut(), { wrapper: Wrapper });
-
-    await waitFor(() => expect(result.current).toBe(NewFeedbackExperimentVariation.RETURN_PAGE));
-    await waitFor(() => {
-      expect(mockTrackAssignedVariation).toHaveBeenCalledWith({ assignedVariation });
-    });
-  });
-});

package/src/infrastructure/ui/hooks/useNewFeedbackExperiment.tsx

@@ -1,82 +0,0 @@
-import React, { createContext, FC, ReactNode, useContext, useEffect, useMemo, useRef } from "react";
-import invariant from "tiny-invariant";
-import { Spinner } from "@lookiero/aurora";
-import { useAssignedVariationByExperimentId } from "@lookiero/sty-psp-ab-testing";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useTrackAssignedVariationByExperiment } from "../../tracking/useTrackAssignedVariationByExperiment";
-import { useStaticInfo } from "./useStaticInfo";
-
-enum NewFeedbackExperimentVariation {
-  CONTROL = "control",
-  RETURN_PAGE = "return_page",
-}
-
-interface NewFeedbackExperiment {
-  readonly variation: NewFeedbackExperimentVariation;
-}
-
-const NewFeedbackExperimentContext = createContext<NewFeedbackExperiment>(null as unknown as NewFeedbackExperiment);
-
-interface NewFeedbackExperimentProviderProps {
-  readonly children: ReactNode;
-}
-
-const NewFeedbackExperimentProvider: FC<NewFeedbackExperimentProviderProps> = ({ children }) => {
-  const {
-    kameleoon: {
-      experiments: {
-        newFeedback: { id: newFeedbackId, variations },
-      },
-    },
-    customer: { customerId, country, segment },
-  } = useStaticInfo();
-  const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-  const { assignedVariation: newFeedbackVariation } = useAssignedVariationByExperimentId({
-    experimentId: newFeedbackId,
-  });
-  const trackAssignedVariation = useTrackAssignedVariationByExperiment({
-    checkoutId: checkout?.id,
-    country,
-    segment,
-    experimentId: newFeedbackId,
-  });
-
-  const value = useMemo(
-    () => ({
-      variation:
-        newFeedbackVariation?.id === Number(variations.v1)
-          ? NewFeedbackExperimentVariation.RETURN_PAGE
-          : NewFeedbackExperimentVariation.CONTROL,
-    }),
-    [newFeedbackVariation?.id, variations.v1],
-  );
-
-  const assignedVariantTracked = useRef(false);
-  useEffect(() => {
-    if (assignedVariantTracked.current || !newFeedbackVariation || !checkout?.id) {
-      return;
-    }
-
-    trackAssignedVariation({ assignedVariation: newFeedbackVariation });
-    assignedVariantTracked.current = true;
-  }, [checkout?.id, newFeedbackVariation, trackAssignedVariation]);
-
-  if (!checkout) {
-    return <Spinner />;
-  }
-
-  return <NewFeedbackExperimentContext.Provider value={value}>{children}</NewFeedbackExperimentContext.Provider>;
-};
-
-const useNewFeedbackExperiment = () => {
-  const newFeedbackExperiment = useContext(NewFeedbackExperimentContext);
-
-  invariant(
-    newFeedbackExperiment,
-    "Your are trying to use the useNewFeedbackExperiment hook without wrapping your app with the <NewFeedbackExperimentProvider>.",
-  );
-
-  return newFeedbackExperiment.variation;
-};
-
-export { useNewFeedbackExperiment, NewFeedbackExperimentProvider, NewFeedbackExperimentVariation };

package/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.ts

@@ -1,18 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "@lookiero/sty-psp-ui";
-
-const { space6, space8 } = theme();
-
-const style = StyleSheet.create({
-  modalContent: {
-    paddingHorizontal: space6,
-  },
-  submit: {
-    marginTop: space8,
-  },
-  title: {
-    marginBottom: space6,
-  },
-});
-
-export { style };

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

@@ -1,79 +0,0 @@
-import { PortalHost } from "@gorhom/portal";
-import React, { FC, useCallback } from "react";
-import { View } from "react-native";
-import { Button, Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { Modal } from "@lookiero/sty-psp-ui";
-import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
-import {
-  ReturnQuestionProjection,
-  ReturnQuestionType,
-} from "../../../../../../projection/returnQuestion/returnQuestion";
-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 { HostSelectReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem";
-import { HostStackReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem";
-import { OptionReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
-import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
-import { I18nMessages } from "../../../../i18n/i18n";
-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]: HostSelectReturnQuestionItem,
-  [ReturnQuestionType.HOST_STACK]: HostStackReturnQuestionItem,
-  [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
-  [ReturnQuestionType.OPTION]: OptionReturnQuestionItem,
-};
-
-interface ReturnQuestionsFormProps {
-  readonly visible: boolean;
-  readonly returnQuestions: ReturnQuestionProjection[];
-  readonly onSubmit: (feedback: FeedbackProjection) => void;
-  readonly onClose: () => void;
-}
-
-const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({ returnQuestions, visible, onSubmit, onClose }) => {
-  const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
-  const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
-
-  const feedback = useReturnQuestionFeedback();
-
-  const handleOnSubmit = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
-
-  return (
-    <ReturnQuestionItemProvider returnQuestionItems={returnQuestionItems}>
-      <PortalHost name={RETURN_QUESTION_FORM_PORTAL_HOST_NAME} />
-      <Modal
-        portalHostName={RETURN_QUESTION_FORM_PORTAL_HOST_NAME}
-        testID="return-questions-form-modal"
-        visible={visible}
-        scroll
-        showCloseButton
-        onClose={onClose}
-      >
-        <View style={style.modalContent}>
-          <Text level={3} style={style.title} heading>
-            {titleText}
-          </Text>
-
-          <ReturnQuestions portalHostName={RETURN_QUESTION_FORM_PORTAL_HOST_NAME} returnQuestions={returnQuestions} />
-
-          <Button style={style.submit} testID="return-questions-button" onPress={handleOnSubmit}>
-            {submitButtonText}
-          </Button>
-        </View>
-      </Modal>
-    </ReturnQuestionItemProvider>
-  );
-};
-
-export { ReturnQuestionsForm };