@lookiero/checkout 7.0.0-beta.0 → 7.0.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/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.d.ts

@@ -1,10 +0,0 @@
-import { UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { IsCheckoutAccessibleByCustomerIdProjection } from "../../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
-interface UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs {
-    readonly customerId: string | undefined;
-}
-interface UseViewIsCheckoutAccessibleByCustomerIdFunction {
-    (args: UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs): UseQueryFunctionResult<IsCheckoutAccessibleByCustomerIdProjection>;
-}
-declare const useViewIsCheckoutAccessibleByCustomerId: UseViewIsCheckoutAccessibleByCustomerIdFunction;
-export { useViewIsCheckoutAccessibleByCustomerId };

package/dist/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.js

@@ -1,17 +0,0 @@
-import { useQuery } from "@lookiero/messaging-react";
-import { isCheckoutFeedbackGiven } from "../../../../domain/checkoutFeedback/model/checkoutFeedbackGiven";
-import { viewIsCheckoutAccessibleByCustomerId, } from "../../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
-import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useViewIsCheckoutAccessibleByCustomerId = ({ customerId }) => useQuery({
-    query: viewIsCheckoutAccessibleByCustomerId({ customerId }),
-    contextId: MESSAGING_CONTEXT_ID,
-    invalidation: isCheckoutFeedbackGiven,
-    options: {
-        refetchOnMount: "always",
-        staleTime: Infinity,
-        retry: false,
-        refetchOnWindowFocus: false,
-        cacheTime: 0,
-    },
-});
-export { useViewIsCheckoutAccessibleByCustomerId };

package/dist/src/infrastructure/ui/components/layouts/layout/Layout.d.ts

@@ -1,21 +0,0 @@
-import { FC, ReactNode, RefObject } from "react";
-import { LayoutChangeEvent, ScrollView, StyleProp, ViewStyle } from "react-native";
-interface LayoutStyle {
-    readonly safeAreaView: StyleProp<ViewStyle>;
-    readonly scrollView: StyleProp<ViewStyle>;
-    readonly header: StyleProp<ViewStyle>;
-}
-interface LayoutProps {
-    readonly children: ReactNode;
-    readonly header?: JSX.Element | null;
-    readonly footer?: JSX.Element | null;
-    readonly panel?: JSX.Element | null;
-    readonly stickyHeader?: boolean;
-    readonly stickyHeaderHiddenOnScroll?: boolean;
-    readonly scrollRef?: RefObject<ScrollView>;
-    readonly scrollEnabled?: boolean;
-    readonly style?: Partial<LayoutStyle>;
-    readonly onLayout?: (event: LayoutChangeEvent) => void;
-}
-type Layout = FC<LayoutProps>;
-export type { Layout };

package/dist/src/infrastructure/ui/components/layouts/layout/Layout.js

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

package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.d.ts

@@ -1,6 +0,0 @@
-import { FC, ReactNode } from "react";
-interface FooterProps {
-    readonly children: ReactNode;
-}
-declare const Footer: FC<FooterProps>;
-export { Footer };

package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.js

@@ -1,4 +0,0 @@
-import React from "react";
-import { Platform } from "react-native";
-const Footer = ({ children }) => (Platform.OS !== "web" ? React.createElement(React.Fragment, null, children) : null);
-export { Footer };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.d.ts

@@ -1,6 +0,0 @@
-import { FC, ReactNode } from "react";
-interface HeaderProps {
-    readonly children: ReactNode;
-}
-declare const Header: FC<HeaderProps>;
-export { Header };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.js

@@ -1,5 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { style } from "./Header.style";
-const Header = ({ children }) => React.createElement(View, { style: style.header }, children);
-export { Header };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.d.ts

@@ -1,4 +0,0 @@
-declare const style: {
-    header: {};
-};
-export { style };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.js

@@ -1,19 +0,0 @@
-import { Platform, StyleSheet } from "react-native";
-import { HEADER_HEIGHT } from "../../../../templates/header/Header.style";
-const style = StyleSheet.create({
-    header: {
-        ...Platform.select({
-            web: {
-                position: "sticky",
-                top: 0,
-                zIndex: 10,
-                height: HEADER_HEIGHT,
-            },
-            native: {
-                position: "relative",
-                height: HEADER_HEIGHT,
-            },
-        }),
-    },
-});
-export { style };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.d.ts

@@ -1,3 +0,0 @@
-import { Layout } from "../Layout";
-declare const DummyLayout: Layout;
-export { DummyLayout };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.js

@@ -1,18 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from "react";
-import { View } from "react-native";
-import { GestureHandlerRootView, ScrollView as RNGHScrollView } from "react-native-gesture-handler";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { Footer as DefaultFooter } from "../../../templates/footer/Footer";
-import { DefaultHeader } from "../../../templates/header/defaultHeader/DefaultHeader";
-import { Footer } from "../components/footer/Footer";
-import { Header } from "../components/header/Header";
-import { style } from "./DummyLayout.style";
-const DummyLayout = ({ children, header = React.createElement(DefaultHeader, null), footer = React.createElement(DefaultFooter, null), panel, style: customStyle, scrollEnabled, onLayout, }) => (React.createElement(SafeAreaView, { style: [style.safeAreaView, customStyle?.safeAreaView] },
-    React.createElement(GestureHandlerRootView, { style: { flex: 1 } },
-        React.createElement(RNGHScrollView, { contentContainerStyle: [style.scrollView, customStyle?.scrollView], scrollEnabled: scrollEnabled, scrollEventThrottle: 16, showsVerticalScrollIndicator: false, stickyHeaderIndices: [0] },
-            React.createElement(Header, null, header),
-            panel,
-            React.createElement(View, { style: style.children, onLayout: onLayout }, children))),
-    React.createElement(Footer, null, footer)));
-export { DummyLayout };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.d.ts

@@ -1,12 +0,0 @@
-declare const style: {
-    children: {
-        flex: number;
-    };
-    safeAreaView: {
-        flex: number;
-    };
-    scrollView: {
-        flexGrow: number;
-    };
-};
-export { style };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.js

@@ -1,13 +0,0 @@
-import { StyleSheet } from "react-native";
-const style = StyleSheet.create({
-    children: {
-        flex: 1,
-    },
-    safeAreaView: {
-        flex: 1,
-    },
-    scrollView: {
-        flexGrow: 1,
-    },
-});
-export { style };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-interface DefaultHeaderProps {
-    readonly onPressMenu?: () => void;
-}
-declare const DefaultHeader: FC<DefaultHeaderProps>;
-export { DefaultHeader };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { ButtonIcon } from "@lookiero/aurora";
-import { Header } from "../Header";
-import { ButtonIconPlaceholder } from "../buttonIconPlaceholder/ButtonIconPlaceholder";
-import { Logo } from "../logo/Logo";
-import { style } from "./DefaultHeader.style";
-const DefaultHeader = ({ onPressMenu }) => (React.createElement(Header, { testID: "default-header" },
-    React.createElement(Logo, null),
-    React.createElement(ButtonIconPlaceholder, null),
-    React.createElement(ButtonIcon, { name: "menu", style: style.button, testID: "menu-button-icon", onPress: onPressMenu })));
-export { DefaultHeader };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.d.ts

@@ -1,8 +0,0 @@
-declare const style: {
-    button: {
-        alignSelf: "auto";
-        height: number;
-        width: number;
-    };
-};
-export { style };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.js

@@ -1,11 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "@lookiero/sty-psp-ui";
-const { space10 } = theme();
-const style = StyleSheet.create({
-    button: {
-        alignSelf: "auto",
-        height: space10,
-        width: space10,
-    },
-});
-export { style };

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/routing/CheckoutAccessibilityMiddleware.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-interface CheckoutAccessibilityMiddlewareProps {
-    readonly customerId: string | undefined;
-    readonly onNotAccessible: () => void;
-    readonly loader?: JSX.Element;
-    readonly children: JSX.Element;
-}
-declare const CheckoutAccessibilityMiddleware: FC<CheckoutAccessibilityMiddlewareProps>;
-export { CheckoutAccessibilityMiddleware };

package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.js

@@ -1,21 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import { Spinner } from "@lookiero/aurora";
-import { QueryStatus } from "@lookiero/messaging-react";
-import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId";
-const CheckoutAccessibilityMiddleware = ({ customerId, onNotAccessible, loader = React.createElement(Spinner, null), children, }) => {
-    const [accessible, status] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
-    const onNotAccessibleRef = useRef(onNotAccessible);
-    onNotAccessibleRef.current = onNotAccessible;
-    const notAccessible = accessible === false || status === QueryStatus.ERROR;
-    useEffect(() => {
-        if (notAccessible) {
-            onNotAccessibleRef.current();
-        }
-    }, [notAccessible]);
-    return accessible === undefined && [QueryStatus.IDLE, QueryStatus.LOADING].includes(status)
-        ? loader
-        : accessible
-            ? children
-            : null;
-};
-export { CheckoutAccessibilityMiddleware };

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.d.ts

@@ -1,7 +0,0 @@
-declare const style: {
-    buttonContainer: {
-        paddingHorizontal: number;
-        paddingVertical: number;
-    };
-};
-export { style };

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.js

@@ -1,10 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "@lookiero/sty-psp-ui";
-const { space6, space8 } = theme();
-const style = StyleSheet.create({
-    buttonContainer: {
-        paddingHorizontal: space6,
-        paddingVertical: space8,
-    },
-});
-export { style };

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 };