@lookiero/checkout 3.6.0-beta.6 → 3.6.0-beta.8

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

@@ -31,10 +31,10 @@ const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName
         // deepestReturnQuestionWithFeedback needs to be as a dependency in order to be re-evaluated whenever it changes
     }, [handleOnModalClose, deepestReturnQuestionWithFeedback, isLeaf]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(TouchableHighlight, { style: style.container, testID: "host-select-return-question-item", underlayColor: containerUnderlayColor, onPress: handleOnPress },
+        React.createElement(TouchableHighlight, { style: style.container, testID: returnQuestion.name, underlayColor: containerUnderlayColor, onPress: handleOnPress },
             React.createElement(View, { pointerEvents: "none" },
                 React.createElement(InputField, { editable: false, icon: "arrow-down", label: placeholderText, value: inputValue }))),
-        React.createElement(Modal, { closeButtonTestId: "host-select-return-question-item-close-button", portalHostName: portalHostName, visible: modalVisible, header: deepestReturnQuestionWithFeedback && (React.createElement(ButtonIcon, { name: "arrow-left", testID: "modal-back-button", onPress: handleOnBackButtonPress })), scroll: true, showCloseButton: true, onClose: handleOnModalClose },
+        React.createElement(Modal, { portalHostName: portalHostName, visible: modalVisible, header: deepestReturnQuestionWithFeedback && (React.createElement(ButtonIcon, { name: "arrow-left", testID: "modal-back-button", onPress: handleOnBackButtonPress })), scroll: true, showCloseButton: true, onClose: handleOnModalClose },
             React.createElement(View, { style: style.modalContent }, children))));
 };
 export { HostSelectReturnQuestionItem };

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem.js

@@ -8,7 +8,7 @@ const OptionReturnQuestionItem = ({ returnQuestion, returnQuestionParentId, }) =
     const { onChange } = useReturnQuestionFeedbackForId({ id: returnQuestionParentId });
     const optionText = useI18nMessage({ id: returnQuestion.name });
     const handleOnPress = useCallback(() => onChange({ returnQuestionId: returnQuestionParentId, returnQuestionFeedback: returnQuestion.id }), [onChange, returnQuestion.id, returnQuestionParentId]);
-    return (React.createElement(TouchableHighlight, { style: style.container, testID: "option-return-question-item", underlayColor: containerUnderlayColor, onPress: handleOnPress },
+    return (React.createElement(TouchableHighlight, { style: style.container, testID: returnQuestion.name, underlayColor: containerUnderlayColor, onPress: handleOnPress },
         React.createElement(Text, { level: 3, style: style.text }, optionText)));
 };
 export { OptionReturnQuestionItem };

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

@@ -8,6 +8,6 @@ const TextareaReturnQuestionItem = ({ returnQuestion, returnQuestionParentId, })
     const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
     const { feedback, onChange } = useReturnQuestionFeedbackForId({ id: returnQuestionParentId });
     const handleOnChange = useCallback((value) => onChange({ returnQuestionId: returnQuestionParentId, returnQuestionFeedback: value }), [onChange, returnQuestionParentId]);
-    return (React.createElement(InputField, { label: placeholderText, minHeight: TEXTAREA_MIN_HEIGHT, placeholder: placeholderText, testID: "textarea-return-question-item", value: feedback, multiline: true, onChange: handleOnChange }));
+    return (React.createElement(InputField, { label: placeholderText, minHeight: TEXTAREA_MIN_HEIGHT, placeholder: placeholderText, testID: returnQuestion.name, value: feedback, multiline: true, onChange: handleOnChange }));
 };
 export { TextareaReturnQuestionItem };

package/dist/shared/ui/components/atoms/input/Input.js

@@ -32,6 +32,6 @@ const Input = ({ minHeight = MIN_HEIGHT, maxHeight = MAX_HEIGHT, style: customSt
     }, [maxHeight, minHeight, multiline]);
     useLayoutEffect(handleOnContentSizeChangeWeb, [handleOnContentSizeChangeWeb, value]);
     const textInputRef = useRef(null);
-    return (React.createElement(TextInput, { ...restOfProps, ref: textInputRef, multiline: multiline, numberOfLines: !!multiline ? undefined : 1, placeholderTextColor: placeholderTextColor, style: [style.input, customStyle, { height }], testID: "input", textAlignVertical: "top", value: value, onChange: onChange, onContentSizeChange: handleOnContentSizeChange }));
+    return (React.createElement(TextInput, { ref: textInputRef, multiline: multiline, numberOfLines: !!multiline ? undefined : 1, placeholderTextColor: placeholderTextColor, style: [style.input, customStyle, { height }], testID: "input", textAlignVertical: "top", value: value, onChange: onChange, onContentSizeChange: handleOnContentSizeChange, ...restOfProps }));
 };
 export { Input };

package/dist/shared/ui/components/layouts/modal/Modal.d.ts

@@ -15,7 +15,6 @@ interface ModalProps {
     readonly size?: Partial<Record<ScreenSize, ColumnSize>>;
     readonly style?: Partial<Record<ModalStyle, StyleProp<ViewStyle>>>;
     readonly testID?: string;
-    readonly closeButtonTestId?: string;
 }
 declare const Modal: FC<ModalProps>;
 export type { ColumnSize };

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

@@ -15,7 +15,7 @@ const { spaceXL, spaceXXL } = theme();
 const TRANSITION_MODAL_SCALE = 0.9;
 const DEFAULT_SAFEAREA_INSET_TOP = spaceXXL;
 const MODAL_DESKTOP_VERTICAL_PADDING = spaceXXL;
-const Modal = ({ children, visible, header, footer, portalHostName, onClose, showCloseButton = false, size = { M: "2/3", L: "1/3" }, style: customStyle, scroll = false, testID = "modal", closeButtonTestId = "modal-close-button", }) => {
+const Modal = ({ children, visible, header, footer, portalHostName, onClose, showCloseButton = false, size = { M: "2/3", L: "1/3" }, style: customStyle, scroll = false, testID = "modal", }) => {
     const { height: screenHeight } = Dimensions.get(Platform.OS === "web" ? "window" : "screen");
     const { top: safeAreaInsetTop, bottom: safeAreaInsetBottom } = useSafeAreaInsets();
     const screenSize = useScreenSize();
@@ -74,7 +74,7 @@ const Modal = ({ children, visible, header, footer, portalHostName, onClose, sho
                     ], onLayout: handleOnModalLayout },
                     (header || showCloseButton) && (React.createElement(View, { style: [style.header, customStyle?.header] },
                         React.createElement(View, null, header),
-                        showCloseButton && (React.createElement(ButtonIcon, { name: "close", style: { button: customStyle?.closeButton }, testID: closeButtonTestId, onPress: onClose })))),
+                        showCloseButton && (React.createElement(ButtonIcon, { name: "close", style: { button: customStyle?.closeButton }, onPress: onClose })))),
                     React.createElement(ModalContentView, null,
                         React.createElement(View, { style: {
                                 paddingBottom: safeAreaInsetBottom +

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "3.6.0-beta.6",
+  "version": "3.6.0-beta.8",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [