@lookiero/checkout 2.1.0 → 2.2.1

package/README.md

@@ -45,6 +45,7 @@ Once we can replace the build of Jenkins for NPM one, we are going to be able to
   "devDependencies": {
     (...)
     "pino-std-serializers": "^6.0.0",
+    "@types/pino-pretty": "^5.0.0",
     (...)
   }
 }

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.style.js

@@ -1,10 +1,10 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../../theme/theme";
-const { spaceL, spaceXXXL } = theme();
+const { spaceS, spaceM } = theme();
 const style = StyleSheet.create({
     title: {
-        marginBottom: spaceL,
-        marginTop: spaceXXXL,
+        marginBottom: spaceM,
+        marginTop: spaceS,
         textAlign: "center",
     },
 });

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.style.d.ts

@@ -1,7 +1,7 @@
 declare const containerUnderlayColor: string;
 declare const style: {
     container: {
-        marginVertical: number;
+        marginBottom: number;
     };
     modalContent: {
         paddingBottom: number;

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.style.js

@@ -1,13 +1,13 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../../theme/theme";
-const { spaceM, spaceXL, colorGrayscaleS } = theme();
+const { spaceM, spaceL, spaceXL, colorGrayscaleS } = theme();
 const containerUnderlayColor = colorGrayscaleS;
 const style = StyleSheet.create({
     container: {
-        marginVertical: spaceM,
+        marginBottom: spaceM,
     },
     modalContent: {
-        paddingBottom: spaceXL,
+        paddingBottom: spaceL,
         paddingHorizontal: spaceXL,
     },
 });

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/HostStackReturnQuestionItem.style.d.ts

@@ -5,7 +5,7 @@ declare const style: {
         marginVertical: number;
     };
     title: {
-        marginVertical: number;
+        marginBottom: number;
         textAlign: "center";
     };
 };

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/HostStackReturnQuestionItem.style.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../../theme/theme";
-const { colorGrayscaleL, spaceM, spaceL } = theme();
+const { colorGrayscaleL, spaceM } = theme();
 const style = StyleSheet.create({
     feedback: {
         color: colorGrayscaleL,
@@ -8,7 +8,7 @@ const style = StyleSheet.create({
         marginVertical: spaceM,
     },
     title: {
-        marginVertical: spaceL,
+        marginBottom: spaceM,
         textAlign: "center",
     },
 });

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

@@ -104,6 +104,6 @@ const Item = ({ customerId, country }) => {
     }
     return (React.createElement(ReturnQuestionFeedbackProvider, { feedback: checkoutItem.feedbacks || {} },
         checkoutItem.status === CheckoutItemStatus.INITIAL ? (React.createElement(ItemWithoutCustomerDecission, { bookedProductsVariants: bookedProductsVariants, checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, onReturn: showReturnQuestions })) : (React.createElement(ItemWithCustomerDecission, { checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, returnQuestions: returnQuestions, onEditFeedback: showReturnQuestions })),
-        React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, country: country, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions, visible: returnQuestionsVisible, onClose: hideReturnQuestions, onSubmit: returnItem })));
+        React.createElement(ReturnQuestionsForm, { returnQuestions: returnQuestions, visible: returnQuestionsVisible, onClose: hideReturnQuestions, onSubmit: returnItem })));
 };
 export { Item };

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

@@ -1,15 +1,9 @@
 import { FC } from "react";
-import { CheckoutItemProductVariantProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
 import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
-import { Country } from "../../../../../../projection/shared/country";
-import { PriceProjection } from "../../../../../../projection/shared/price";
 interface ReturnQuestionsFormProps {
     readonly visible: boolean;
     readonly returnQuestions: ReturnQuestionProjection[];
-    readonly checkoutItemPrice: PriceProjection;
-    readonly productVariant: CheckoutItemProductVariantProjection;
-    readonly country: Country;
     readonly onSubmit: (feedback: FeedbackProjection) => void;
     readonly onClose: () => void;
 }

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

@@ -14,7 +14,6 @@ import { HostStackReturnQuestionItem } from "../../../../components/organisms/re
 import { OptionReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
 import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
 import { I18nMessages } from "../../../../i18n/i18n";
-import { ProductVariant } from "../../../shared/components/productVariant/ProductVariant";
 import { style } from "./ReturnQuestionsForm.style";
 const RETURN_QUESTION_FORM_PORTAL_HOST_NAME = "return-question-form-portal";
 const returnQuestionItems = {
@@ -25,10 +24,9 @@ const returnQuestionItems = {
     [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
     [ReturnQuestionType.OPTION]: OptionReturnQuestionItem,
 };
-const ReturnQuestionsForm = ({ returnQuestions, checkoutItemPrice, productVariant, visible, country, onSubmit, onClose, }) => {
+const ReturnQuestionsForm = ({ returnQuestions, visible, onSubmit, onClose }) => {
     const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
     const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
-    const { media, brand, name, size, color } = productVariant;
     const feedback = useReturnQuestionFeedback();
     const handleOnSubmit = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
     return (React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
@@ -36,7 +34,6 @@ const ReturnQuestionsForm = ({ returnQuestions, checkoutItemPrice, productVarian
         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.returnQuestionsContainer },
                 React.createElement(Text, { level: 2, style: style.title }, titleText),
-                React.createElement(ProductVariant, { brand: brand, color: color, country: country, media: media, name: name, price: checkoutItemPrice, size: size }),
                 React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions }),
                 React.createElement(Button, { style: style.submit, onPress: handleOnSubmit }, submitButtonText)))));
 };

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

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { spaceXL } = theme();
+const { spaceS, spaceXL } = theme();
 const style = StyleSheet.create({
     returnQuestionsContainer: {
         paddingHorizontal: spaceXL,
@@ -9,7 +9,7 @@ const style = StyleSheet.create({
         marginTop: spaceXL,
     },
     title: {
-        marginBottom: spaceXL,
+        marginBottom: spaceS,
         textAlign: "center",
     },
 });

package/dist/shared/ui/components/layouts/modal/Modal.js

@@ -77,7 +77,9 @@ const Modal = ({ children, visible, header, footer, portalHostName, onClose, sho
                         showCloseButton && (React.createElement(ButtonIcon, { name: "close", style: { button: customStyle?.closeButton }, onPress: onClose })))),
                     React.createElement(ModalContentView, null,
                         React.createElement(View, { style: {
-                                paddingBottom: safeAreaInsetBottom + (Platform.OS === "web" ? spaceXL : footerHeight),
+                                paddingBottom: safeAreaInsetBottom +
+                                    (Platform.OS !== "ios" ? spaceXL : 0) +
+                                    (Platform.OS !== "web" ? footerHeight : 0),
                             } }, children)),
                     footer && (React.createElement(Sticky, { style: style.stickyFooter, onLayout: handleOnFooterLayout }, footer))))))))));
 };

package/dist/shared/ui/components/molecules/selectField/SelectField.style.js

@@ -3,11 +3,11 @@ import { theme } from "../../../../../infrastructure/ui/theme/theme";
 const { borderSize, colorGrayscaleS, spaceM, spaceL, spaceXL } = theme();
 const style = StyleSheet.create({
     modalContent: {
-        paddingBottom: spaceXL,
+        paddingBottom: spaceL,
         paddingHorizontal: spaceXL,
     },
     modalTitle: {
-        marginBottom: spaceL,
+        marginBottom: spaceM,
         textAlign: "center",
     },
     option: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "2.1.0",
+  "version": "2.2.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -80,6 +80,7 @@
     "@testing-library/react-native": "^11.5.0",
     "@trivago/prettier-plugin-sort-imports": "^3.3.0",
     "@types/jest": "^29.2.4",
+    "@types/pino-pretty": "^5.0.0",
     "@types/react": "~18.0.27",
     "@types/react-dom": "~18.0.10",
     "@types/react-native": "^0.70.13",