@lookiero/checkout 2.0.1 → 2.2.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,18 +24,17 @@ 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 },
         React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
-        React.createElement(Modal, { footer: React.createElement(Button, { onPress: handleOnSubmit }, submitButtonText), portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, testID: "return-questions-form-modal", visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
+        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(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions }),
+                React.createElement(Button, { style: style.submit, onPress: handleOnSubmit }, submitButtonText)))));
 };
 export { ReturnQuestionsForm };

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

@@ -1,8 +1,10 @@
 declare const style: {
     returnQuestionsContainer: {
-        paddingBottom: number;
         paddingHorizontal: number;
     };
+    submit: {
+        marginTop: number;
+    };
     title: {
         marginBottom: number;
         textAlign: "center";

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

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

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.0.1",
+  "version": "2.2.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [