@lookiero/checkout 8.13.2-beta.0 → 8.13.2-beta.1

package/dist/src/infrastructure/ui/views/item/Item.js

@@ -141,7 +141,7 @@ const Item = ({ layout: Layout }) => {
         return React.createElement(Spinner, { testID: "spinner" });
     }
     return (React.createElement(ReturnQuestionFeedbackProvider, { key: checkoutItem.id, feedback: checkoutItem.feedbacks || {} },
-        React.createElement(Layout, { header: header, scrollEnabled: !itemWithoutCustomerDecission, style: {
+        React.createElement(Layout, { footer: null, header: header, scrollEnabled: !itemWithoutCustomerDecission, style: {
                 header: fiveItemsDiscount !== 0 ? style.headerWithDoubleHeight : style.header,
                 scrollView: { height: itemWithoutCustomerDecission ? "100%" : "auto" },
                 safeAreaView: isDesktopScreen ? style.safeAreaView : null,

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

@@ -2,11 +2,10 @@ import { PortalHost } from "@gorhom/portal";
 import React, { 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 } from "@lookiero/aurora";
+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 { useScreenSize } from "@lookiero/sty-psp-ui";
 import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion";
 import { useReturnCheckoutItem } from "../../../../../domain/checkoutItem/react/useReturnCheckoutItem";
 import { useListReturnQuestionsByCheckoutItemId } from "../../../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
@@ -42,8 +41,7 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
     const navigate = useNavigate();
     const basePath = useBasePath();
     const logger = useLogger();
-    const screenSize = useScreenSize();
-    const isDesktopScreen = screenSize !== "S";
+    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 });
@@ -96,16 +94,16 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
     }
     return (React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
         React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
-        React.createElement(Layout, { header: header, scrollEnabled: false, style: {
-                header: style.header,
+        React.createElement(Layout, { footer: null, header: header, scrollEnabled: false, style: {
+                safeAreaView: style.safeAreaView,
                 scrollView: style.scrollView,
-                safeAreaView: isDesktopScreen ? style.safeAreaView : null,
+                header: style.header,
             } },
             React.createElement(ProductVariantPreview, { country: country, item: checkoutItem }),
             React.createElement(ScrollView, { showsVerticalScrollIndicator: false, testID: "return-questions-form" },
-                React.createElement(AuroraLayout, { fullWidth: !isDesktopScreen, style: [style.layout, isDesktopScreen ? style.desktopLayoutSpacing : undefined] },
+                React.createElement(AuroraLayout, { fullWidth: !screen.L, style: [style.layout, screen.L ? style.desktopLayoutSpacing : undefined] },
                     React.createElement(Box, { size: { L: "2/3" } },
-                        React.createElement(View, { style: [style.info, isDesktopScreen && style.desktopInfo] },
+                        React.createElement(View, { style: [style.info, !screen.S && style.desktopInfo] },
                             React.createElement(Text, { level: 3, heading: true }, titleText),
                             React.createElement(Text, { level: 1, style: style.description, detail: true }, descriptionText)),
                         React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions }),

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

@@ -31,7 +31,7 @@ declare const style: {
         flex: number;
     };
     scrollView: {
-        height: "100%";
+        flex: number;
     };
     submit: {
         backgroundColor: string;

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

@@ -35,8 +35,7 @@ const style = StyleSheet.create({
         flex: 1,
     },
     scrollView: {
-        // flex: 1,
-        height: "100%",
+        flex: 1,
     },
     submit: {
         backgroundColor: colorBgBase,

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "8.13.2-beta.0";
+export declare const VERSION = "8.13.2-beta.1";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "8.13.2-beta.0";
+export const VERSION = "8.13.2-beta.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "8.13.2-beta.0",
+  "version": "8.13.2-beta.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/infrastructure/ui/views/item/Item.tsx

@@ -218,6 +218,7 @@ const Item: FC<ItemProps> = ({ layout: Layout }) => {
   return (
     <ReturnQuestionFeedbackProvider key={checkoutItem.id} feedback={checkoutItem.feedbacks || {}}>
       <Layout
+        footer={null}
         header={header}
         scrollEnabled={!itemWithoutCustomerDecission}
         style={{

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

@@ -37,8 +37,7 @@ const style = StyleSheet.create({
     flex: 1,
   },
   scrollView: {
-    // flex: 1,
-    height: "100%",
+    flex: 1,
   },
   submit: {
     backgroundColor: colorBgBase,

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

@@ -2,13 +2,13 @@ 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 } from "@lookiero/aurora";
+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 { Country } from "@lookiero/sty-psp-locale";
 import { useLogger } from "@lookiero/sty-psp-logging";
 import { Segment } from "@lookiero/sty-psp-segment";
-import { Layout as UiLayout, useScreenSize } from "@lookiero/sty-psp-ui";
+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";
@@ -67,8 +67,7 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
   const basePath = useBasePath();
   const logger = useLogger();
 
-  const screenSize = useScreenSize();
-  const isDesktopScreen = screenSize !== "S";
+  const { screen } = useDevice();
 
   const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
   const descriptionText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_DESCRIPTION });
@@ -143,23 +142,21 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
       <PortalHost name={RETURN_QUESTION_FORM_PORTAL_HOST_NAME} />
 
       <Layout
+        footer={null}
         header={header}
         scrollEnabled={false}
         style={{
-          header: style.header,
+          safeAreaView: style.safeAreaView,
           scrollView: style.scrollView,
-          safeAreaView: isDesktopScreen ? style.safeAreaView : null,
+          header: style.header,
         }}
       >
         <ProductVariantPreview country={country} item={checkoutItem} />
 
         <ScrollView showsVerticalScrollIndicator={false} testID="return-questions-form">
-          <AuroraLayout
-            fullWidth={!isDesktopScreen}
-            style={[style.layout, isDesktopScreen ? style.desktopLayoutSpacing : undefined]}
-          >
+          <AuroraLayout fullWidth={!screen.L} style={[style.layout, screen.L ? style.desktopLayoutSpacing : undefined]}>
             <Box size={{ L: "2/3" }}>
-              <View style={[style.info, isDesktopScreen && style.desktopInfo]}>
+              <View style={[style.info, !screen.S && style.desktopInfo]}>
                 <Text level={3} heading>
                   {titleText}
                 </Text>