@lookiero/checkout 9.8.5 → 9.9.0-beta.1

package/dist/src/infrastructure/projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView.pact.d.ts

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

package/dist/src/infrastructure/projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView.pact.js

@@ -0,0 +1,55 @@
+import { MatchersV3, PactV3 } from "@pact-foundation/pact";
+import { fetchHttpPost } from "@lookiero/sty-psp-http";
+import {
+  AUTH_TOKEN,
+  DEFAULT_PACT_OPTIONS,
+  DEFAULT_REQUEST_HEADERS,
+  DEFAULT_RESPONSE_HEADERS,
+  fromMockServerUrlToApiUrl,
+} from "../../../../pact.config";
+import { checkoutQuestions } from "./checkoutQuestions.mock";
+import { httpCheckoutQuestionsByCheckoutIdView } from "./httpCheckoutQuestionsByCheckoutIdView";
+
+const provider = new PactV3({
+  ...DEFAULT_PACT_OPTIONS,
+  consumer: "STY-BOX_CHECKOUT-FRONT",
+  provider: "STY-BOX_CHECKOUT-BACK_ListCheckoutQuestionsByCheckoutId",
+});
+const checkoutId = "52440ae5-7a4c-498b-8b35-08ecfde15776";
+const checkoutQuestionsResponse = {
+  result: checkoutQuestions,
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const EXPECTED_BODY = MatchersV3.like(checkoutQuestionsResponse);
+describe("STY-BOX_CHECKOUT-BACK_ListCheckoutQuestionsByCheckoutId API", () => {
+  it("returns a valid checkout questions for the given checkout id", () => {
+    provider
+      .given("a valid checkout questions for the given checkout id")
+      .uponReceiving("checkout questions projection")
+      .withRequest({
+        method: "POST",
+        path: "/api/list-checkout-questions-by-checkout-id",
+        headers: DEFAULT_REQUEST_HEADERS,
+        body: { checkoutId },
+      })
+      .willRespondWith({
+        status: 200,
+        headers: DEFAULT_RESPONSE_HEADERS,
+        body: EXPECTED_BODY,
+      });
+    return provider.executeTest(async (mockserver) => {
+      const httpPost = fetchHttpPost({
+        apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
+        getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
+      });
+      const response = await httpCheckoutQuestionsByCheckoutIdView({ httpPost })({
+        checkoutId,
+        signal: undefined,
+      });
+      expect(response).toStrictEqual(checkoutQuestionsResponse.result);
+    });
+  });
+});

package/dist/src/infrastructure/projection/payment/httpPaymentFlowPayloadByCheckoutIdView.pact.d.ts

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

package/dist/src/infrastructure/projection/payment/httpPaymentFlowPayloadByCheckoutIdView.pact.js

@@ -0,0 +1,120 @@
+import { MatchersV3, PactV3 } from "@pact-foundation/pact";
+import { fetchHttpPost } from "@lookiero/sty-psp-http";
+import {
+  AUTH_TOKEN,
+  DEFAULT_PACT_OPTIONS,
+  DEFAULT_REQUEST_HEADERS,
+  DEFAULT_RESPONSE_HEADERS,
+  fromMockServerUrlToApiUrl,
+} from "../../../../pact.config";
+import { httpPaymentFlowPayloadByCheckoutIdView } from "./httpPaymentFlowPayloadByCheckoutIdView";
+import {
+  paymentFlowPayloadForKeptItems,
+  paymentFlowPayloadForReturnedItems,
+  paymentFlowPayloadForReplacedItems,
+} from "./paymentFlowPayload.mock";
+
+const provider = new PactV3({
+  ...DEFAULT_PACT_OPTIONS,
+  consumer: "STY-BOX_CHECKOUT-FRONT",
+  provider: "STY-BOX_CHECKOUT-BACK_ViewPaymentFlowPayloadByCheckoutId",
+});
+const checkoutId = "e2490de5-5bd3-43d5-b7c4-526e33f71304";
+const paymentFlowPayloadForKeptItemsResponse = {
+  result: paymentFlowPayloadForKeptItems,
+};
+const paymentFlowPayloadForReturnedItemsResponse = {
+  result: paymentFlowPayloadForReturnedItems,
+};
+const paymentFlowPayloadForReplacedItemsResponse = {
+  result: paymentFlowPayloadForReplacedItems,
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const EXPECTED_BODY_FOR_KEPT_ITEMS = MatchersV3.like(paymentFlowPayloadForKeptItemsResponse);
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const EXPECTED_BODY_FOR_RETURNED_ITEMS = MatchersV3.like(paymentFlowPayloadForReturnedItemsResponse);
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const EXPECTED_BODY_FOR_REPLACED_ITEMS = MatchersV3.like(paymentFlowPayloadForReplacedItemsResponse);
+describe("STY-BOX_CHECKOUT-BACK_ViewPaymentFlowPayloadByCheckoutId API", () => {
+  it("returns a valid payment-flow payload for the given checkout id [KEPT items] ", () => {
+    provider
+      .given("a valid payment-flow payload for the given checkout id [KEPT items] ")
+      .uponReceiving("payment-flow payload projection")
+      .withRequest({
+        method: "POST",
+        path: "/api/view-payment-flow-payload-by-checkout-id",
+        headers: DEFAULT_REQUEST_HEADERS,
+        body: { checkoutId },
+      })
+      .willRespondWith({
+        status: 200,
+        headers: DEFAULT_RESPONSE_HEADERS,
+        body: EXPECTED_BODY_FOR_KEPT_ITEMS,
+      });
+    return provider.executeTest(async (mockserver) => {
+      const httpPost = fetchHttpPost({
+        apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
+        getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
+      });
+      const response = await httpPaymentFlowPayloadByCheckoutIdView({ httpPost })({ checkoutId, signal: undefined });
+      expect(response).toStrictEqual(paymentFlowPayloadForKeptItemsResponse.result);
+    });
+  });
+  it("returns a valid payment-flow payload for the given checkout id [RETURNED items] ", () => {
+    provider
+      .given("a valid payment-flow payload for the given checkout id [RETURNED items] ")
+      .uponReceiving("payment-flow payload projection")
+      .withRequest({
+        method: "POST",
+        path: "/api/view-payment-flow-payload-by-checkout-id",
+        headers: DEFAULT_REQUEST_HEADERS,
+        body: { checkoutId },
+      })
+      .willRespondWith({
+        status: 200,
+        headers: DEFAULT_RESPONSE_HEADERS,
+        body: EXPECTED_BODY_FOR_RETURNED_ITEMS,
+      });
+    return provider.executeTest(async (mockserver) => {
+      const httpPost = fetchHttpPost({
+        apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
+        getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
+      });
+      const response = await httpPaymentFlowPayloadByCheckoutIdView({ httpPost })({ checkoutId, signal: undefined });
+      expect(response).toStrictEqual(paymentFlowPayloadForReturnedItemsResponse.result);
+    });
+  });
+  it("returns a valid payment-flow payload for the given checkout id [REPLACED items] ", () => {
+    provider
+      .given("a valid payment-flow payload for the given checkout id [REPLACED items] ")
+      .uponReceiving("payment-flow payload projection")
+      .withRequest({
+        method: "POST",
+        path: "/api/view-payment-flow-payload-by-checkout-id",
+        headers: DEFAULT_REQUEST_HEADERS,
+        body: { checkoutId },
+      })
+      .willRespondWith({
+        status: 200,
+        headers: DEFAULT_RESPONSE_HEADERS,
+        body: EXPECTED_BODY_FOR_REPLACED_ITEMS,
+      });
+    return provider.executeTest(async (mockserver) => {
+      const httpPost = fetchHttpPost({
+        apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
+        getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
+      });
+      const response = await httpPaymentFlowPayloadByCheckoutIdView({ httpPost })({ checkoutId, signal: undefined });
+      expect(response).toStrictEqual(paymentFlowPayloadForReplacedItemsResponse.result);
+    });
+  });
+});

package/dist/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.pact.d.ts

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

package/dist/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.pact.js

@@ -0,0 +1,55 @@
+import { MatchersV3, PactV3 } from "@pact-foundation/pact";
+import { fetchHttpPost } from "@lookiero/sty-psp-http";
+import {
+  AUTH_TOKEN,
+  DEFAULT_PACT_OPTIONS,
+  DEFAULT_REQUEST_HEADERS,
+  DEFAULT_RESPONSE_HEADERS,
+  fromMockServerUrlToApiUrl,
+} from "../../../../pact.config";
+import { httpPricingByCheckoutIdView } from "./httpPricingByCheckoutIdView";
+import { pricing } from "./pricing.mock";
+
+const provider = new PactV3({
+  ...DEFAULT_PACT_OPTIONS,
+  consumer: "STY-BOX_CHECKOUT-FRONT",
+  provider: "STY-BOX_CHECKOUT-BACK_ViewPricingByCheckoutId",
+});
+const checkoutId = "6f720954-8039-4bed-9596-34fc5a02131b";
+const pricingResponse = {
+  result: pricing(),
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const EXPECTED_BODY = MatchersV3.like(pricingResponse);
+describe("STY-BOX_CHECKOUT-BACK_ViewPricingByCheckoutId API", () => {
+  it("returns a valid pricing for the given checkout", () => {
+    provider
+      .given("a valid pricing for the given checkout")
+      .uponReceiving("pricing projection")
+      .withRequest({
+        method: "POST",
+        path: "/api/view-pricing-by-checkout-id",
+        headers: DEFAULT_REQUEST_HEADERS,
+        body: { checkoutId },
+      })
+      .willRespondWith({
+        status: 200,
+        headers: DEFAULT_RESPONSE_HEADERS,
+        body: EXPECTED_BODY,
+      });
+    return provider.executeTest(async (mockserver) => {
+      const httpPost = fetchHttpPost({
+        apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
+        getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
+      });
+      const response = await httpPricingByCheckoutIdView({ httpPost })({
+        checkoutId,
+        signal: undefined,
+      });
+      expect(response).toStrictEqual(pricingResponse.result);
+    });
+  });
+});

package/dist/src/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.pact.d.ts

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

package/dist/src/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.pact.js

@@ -0,0 +1,55 @@
+import { MatchersV3, PactV3 } from "@pact-foundation/pact";
+import { fetchHttpPost } from "@lookiero/sty-psp-http";
+import {
+  AUTH_TOKEN,
+  DEFAULT_PACT_OPTIONS,
+  DEFAULT_REQUEST_HEADERS,
+  DEFAULT_RESPONSE_HEADERS,
+  fromMockServerUrlToApiUrl,
+} from "../../../../pact.config";
+import { httpReturnQuestionsByCheckoutItemIdView } from "./httpReturnQuestionsByCheckoutItemIdView";
+import { returnQuestions } from "./returnQuestions.mock";
+
+const provider = new PactV3({
+  ...DEFAULT_PACT_OPTIONS,
+  consumer: "STY-BOX_CHECKOUT-FRONT",
+  provider: "STY-BOX_CHECKOUT-BACK_ListReturnQuestionsByCheckoutItemId",
+});
+const checkoutItemId = "52440ae5-7a4c-498b-8b35-08ecfde15776";
+const returnQuestionsResponse = {
+  result: returnQuestions,
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const EXPECTED_BODY = MatchersV3.like(returnQuestionsResponse);
+describe("STY-BOX_CHECKOUT-BACK_ListReturnQuestionsByCheckoutItemId API", () => {
+  it("returns a valid return questions for the given checkout item id", () => {
+    provider
+      .given("a valid return questions for the given checkout item id")
+      .uponReceiving("return questions projection")
+      .withRequest({
+        method: "POST",
+        path: "/api/list-return-questions-by-checkout-item-id",
+        headers: DEFAULT_REQUEST_HEADERS,
+        body: { checkoutItemId },
+      })
+      .willRespondWith({
+        status: 200,
+        headers: DEFAULT_RESPONSE_HEADERS,
+        body: EXPECTED_BODY,
+      });
+    return provider.executeTest(async (mockserver) => {
+      const httpPost = fetchHttpPost({
+        apiUrl: () => fromMockServerUrlToApiUrl(mockserver),
+        getAuthToken: () => Promise.resolve(AUTH_TOKEN),
+        device: "web",
+        version: "1.0.0",
+      });
+      const response = await httpReturnQuestionsByCheckoutItemIdView({ httpPost })({
+        checkoutItemId,
+        signal: undefined,
+      });
+      expect(response).toStrictEqual(returnQuestionsResponse.result);
+    });
+  });
+});

package/dist/src/infrastructure/ui/Root.d.ts

@@ -1,7 +1,6 @@
 import { ComponentType } from "react";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { I18n } from "@lookiero/i18n-react";
-import { QueryBus } from "@lookiero/messaging";
 import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
 import { Locale } from "@lookiero/sty-psp-locale";
 import { SentryEnvironment, SentryLoggerFunctionArgs } from "@lookiero/sty-psp-logging";
@@ -13,7 +12,6 @@ import { KameleoonEnvironment } from "../ab-testing/kameleoonEnvironment";
 interface RootFunctionArgs {
     readonly Messaging: MessagingRoot;
     readonly I18n: I18n;
-    readonly queryBus: QueryBus;
     readonly development?: boolean;
     readonly sentry: () => SentryEnvironment;
     readonly getAuthToken: () => Promise<string>;

package/dist/src/infrastructure/ui/Root.js

@@ -4,17 +4,15 @@ import { Platform } from "react-native";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { Locale } from "@lookiero/sty-psp-locale";
 import { sentryLogger, sentryLoggerHOC } from "@lookiero/sty-psp-logging";
-import { QueryBusProvider } from "./hooks/useQueryBus";
 import { Routing } from "./routing/Routing";
-const root = ({ Messaging, I18n, queryBus, getAuthToken, development, sentry, kameleoon: kameleoonConfig, }) => {
+const root = ({ Messaging, I18n, getAuthToken, development, sentry, kameleoon: kameleoonConfig }) => {
     const logger = sentryLogger(sentry);
     const kameleoon = kameleoonConfig();
     // eslint-disable-next-line react/display-name, react/prop-types
     const Root = ({ basePath, locale = Locale.en_GB, customer, order, subscription, layout, onNotAccessible, onCheckoutSubmitted, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
         const handleOnI18nError = useCallback((error) => logger.captureException(error), []);
         return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
-            React.createElement(QueryBusProvider, { queryBus: queryBus },
-                React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, kameleoon: kameleoon, layout: layout, locale: locale, order: order, subscription: subscription, useRedirect: useRedirect, useRoutes: useRoutes, onCheckoutSubmitted: onCheckoutSubmitted, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
+            React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, kameleoon: kameleoon, layout: layout, locale: locale, order: order, subscription: subscription, useRedirect: useRedirect, useRoutes: useRoutes, onCheckoutSubmitted: onCheckoutSubmitted, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
     };
     const hoc = sentryLoggerHOC({ logger });
     /**

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

@@ -0,0 +1,22 @@
+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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,6 @@
+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

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

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

@@ -0,0 +1,20 @@
+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

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

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

@@ -0,0 +1,43 @@
+/* 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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,14 @@
+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/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.js

@@ -8,7 +8,7 @@ const TextareaCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParent
     const placeholderText = useMemo(() => (checkoutQuestion.placeholder ? formatMessage({ id: checkoutQuestion.placeholder }) : ""), [formatMessage, checkoutQuestion.placeholder]);
     const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
     const handleOnChange = useCallback((value) => onChange({ checkoutQuestionId: checkoutQuestionParentId, checkoutQuestionFeedback: value }), [onChange, checkoutQuestionParentId]);
-    return (React.createElement(InputField, { label: placeholderText, value: feedback, input: ({ onBlur, onFocus, style }) => (React.createElement(TextInput, { placeholder: placeholderText, style: style, testID: testID, textAlignVertical: "top", value: feedback, multiline: true, onBlur: onBlur, onChange: handleOnChange, onFocus: onFocus })), style: {
+    return (React.createElement(InputField, { label: placeholderText, value: feedback, input: ({ onBlur, onFocus, style }) => (React.createElement(TextInput, { placeholder: placeholderText, style: style, testID: testID, value: feedback, multiline: true, onBlur: onBlur, onChange: handleOnChange, onFocus: onFocus })), style: {
             inputField: style.inputField,
             input: { container: style.inputContainer, input: style.input },
         } }));

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.style.d.ts

@@ -1,6 +1,7 @@
 declare const style: {
     input: {
         paddingTop: number;
+        height?: "auto" | undefined;
     };
     inputContainer: {
         alignItems?: "flex-start" | undefined;

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.style.js

@@ -8,6 +8,7 @@ const style = StyleSheet.create({
         ...Platform.select({
             android: {
                 paddingTop: space2,
+                height: "auto",
             },
         }),
     },

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem.js

@@ -11,7 +11,7 @@ const TextareaReturnQuestionItem = ({ returnQuestion, returnQuestionParent, test
     const { feedback, onChange } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion: returnQuestionParent });
     const handleOnChange = useCallback((value) => onChange({ returnQuestionId: returnQuestionParent.id, returnQuestionFeedback: value }), [onChange, returnQuestionParent.id]);
     return (React.createElement(View, { style: style.wrapper, testID: "textarea-return-question-item" },
-        React.createElement(InputField, { label: placeholderText, value: feedback, input: ({ onBlur, onFocus, style }) => (React.createElement(TextInput, { placeholder: placeholderText, style: style, testID: testID, textAlignVertical: "top", value: feedback, multiline: true, onBlur: onBlur, onChange: handleOnChange, onFocus: onFocus })), style: {
+        React.createElement(InputField, { label: placeholderText, value: feedback, input: ({ onBlur, onFocus, style }) => (React.createElement(TextInput, { placeholder: placeholderText, style: style, testID: testID, value: feedback, multiline: true, onBlur: onBlur, onChange: handleOnChange, onFocus: onFocus })), style: {
                 inputField: style.inputField,
                 input: { container: style.inputContainer, input: style.input },
             } })));

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem.style.d.ts

@@ -1,6 +1,7 @@
 declare const style: {
     input: {
         paddingTop: number;
+        height?: "auto" | undefined;
     };
     inputContainer: {
         alignItems?: "flex-start" | undefined;

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem.style.js

@@ -8,6 +8,7 @@ const style = StyleSheet.create({
         ...Platform.select({
             android: {
                 paddingTop: space2,
+                height: "auto",
             },
         }),
     },

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,21 @@
+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

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

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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,12 @@
+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 };