@lookiero/checkout 0.2.16 → 0.2.18

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

@@ -1,22 +1,41 @@
-import React from "react";
-import { SafeAreaView, ScrollView, View } from "react-native";
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { QueryStatus } from "@lookiero/messaging-react";
+import React, { useCallback, useState } from "react";
+import { View } from "react-native";
 import { useParams } from "react-router-native";
 import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
+import { returnQuestions as returnQuestionsMock } from "../../../projection/returnQuestion/returnQuestions.mock";
+import { Spinner } from "../../components/atoms/spinner/Spinner";
 import { Body } from "../../components/layouts/body/Body";
+import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
 import { style } from "./Item.style";
 import { ProductVariantDescription } from "./components/productVariantDescription/ProductVariantDescription";
 import { ProductVariantSlider } from "./components/productVariantSlider/ProductVariantSlider";
+import { ReturnQuestionsForm } from "./components/returnQuestionsForm/ReturnQuestionsForm";
+// const feedback: FeedbackProjection = {
+//   ["bb02cedd-09a7-43ed-8e78-ee5b3ad56914"]: "7f336540-4453-4280-9b5f-3bfd4e03ff25",
+// };
+const feedback = {};
 const Item = ({ customerId }) => {
     const { id } = useParams();
-    const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
+    const [checkout, status] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
-    const { media, brand, name, price, size, color } = checkoutItem?.productVariant;
-    return (React.createElement(SafeAreaView, { style: style.container },
-        React.createElement(ScrollView, { contentContainerStyle: style.scrollContainer, showsVerticalScrollIndicator: false },
+    const [returnQuestionsVisible, setReturnQuestionsVisible] = useState(true);
+    const handleOnShowReturnQuestions = useCallback(() => setReturnQuestionsVisible(true), []);
+    const handleOnHideReturnQuestions = useCallback(() => setReturnQuestionsVisible(false), []);
+    if (status === QueryStatus.LOADING)
+        return React.createElement(Spinner, null);
+    const { price } = checkoutItem;
+    const { media, brand, name, size, color } = checkoutItem.productVariant;
+    const returnQuestions = returnQuestionsMock;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SafeAreaScrollView, null,
             React.createElement(Body, null,
                 React.createElement(View, { style: style.sliderContainer },
                     React.createElement(ProductVariantSlider, { producVariantMedia: media })),
-                React.createElement(ProductVariantDescription, { brand: brand, name: name, price: price, size: size, color: color })))));
+                React.createElement(ProductVariantDescription, { brand: brand, name: name, price: price, size: size, color: color }),
+                React.createElement(Button, { onPress: handleOnShowReturnQuestions }, "show return questions"))),
+        React.createElement(ReturnQuestionsForm, { feedback: feedback, returnQuestions: returnQuestions, visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions })));
 };
 export { Item };

package/dist/infrastructure/ui/views/item/Item.style.d.ts

@@ -1,11 +1,4 @@
 declare const style: {
-    container: {
-        flex: number;
-    };
-    scrollContainer: {
-        flex: number;
-        flexGrow: number;
-    };
     sliderContainer: {
         flex: number;
         marginBottom: number;

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

@@ -2,13 +2,6 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../theme/theme";
 const { spaceXL } = theme();
 const style = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    scrollContainer: {
-        flex: 1,
-        flexGrow: 1,
-    },
     sliderContainer: {
         flex: 1,
         marginBottom: spaceXL,

package/dist/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+interface GetOutOfCheckoutModalProps {
+    readonly visible: boolean;
+    readonly onDismiss: () => void;
+    readonly onConfirm: () => void;
+}
+declare const GetOutOfCheckoutModal: FC<GetOutOfCheckoutModalProps>;
+export { GetOutOfCheckoutModal };

package/dist/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.js

@@ -0,0 +1,32 @@
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { BUTTON_VARIANT } from "@lookiero/aurora-next/build/components/atoms/Button/Button.definition";
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React from "react";
+import { Modal } from "../../../../components/atoms/modal/Modal";
+import { I18nMessages } from "../../../../i18n/i18n";
+import { style } from "./GetOutOfCheckoutModal.style";
+const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
+    const titleText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_TITLE });
+    const descriptionText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DESCRIPTION });
+    const dismissButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DISMISS_BUTTON });
+    const confirmButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON });
+    return (React.createElement(Modal, { visible: visible },
+        React.createElement(Text, { body: true, level: 1, style: style.modalTitle }, titleText),
+        React.createElement(Text, { body: true, level: 3, style: style.modalDescription }, descriptionText),
+        React.createElement(Button
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        , { 
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            style: style.button, onPress: onDismiss }, dismissButtonText),
+        React.createElement(Button
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        , { 
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            style: [style.button, style.confirmButton], variant: BUTTON_VARIANT.SECONDARY, onPress: onConfirm }, confirmButtonText)));
+};
+export { GetOutOfCheckoutModal };

package/dist/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.d.ts

@@ -0,0 +1,16 @@
+declare const style: {
+    modalTitle: {
+        textAlign: "center";
+    };
+    modalDescription: {
+        marginVertical: number;
+        textAlign: "center";
+    };
+    button: {
+        flex: number;
+    };
+    confirmButton: {
+        marginTop: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.js

@@ -0,0 +1,19 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../theme/theme";
+const { spaceXL } = theme();
+const style = StyleSheet.create({
+    modalTitle: {
+        textAlign: "center",
+    },
+    modalDescription: {
+        marginVertical: spaceXL,
+        textAlign: "center",
+    },
+    button: {
+        flex: 0,
+    },
+    confirmButton: {
+        marginTop: spaceXL,
+    },
+});
+export { style };

package/dist/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.js

@@ -3,12 +3,13 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import React from "react";
 import { View } from "react-native";
 import { Price } from "../../../../components/atoms/price/Price";
-import { I18nMessages } from "../../../../i18n/i18n";
+import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./ProductVariantDescription.style";
 const ProductVariantDescription = ({ brand, name, price, size, color }) => {
     const sizeText = useI18nMessage({ id: I18nMessages.ITEM_SIZE });
     const colorText = useI18nMessage({ id: I18nMessages.ITEM_COLOR });
     const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
+    const colorLabel = useI18nMessage({ id: color.label, prefix: COLOR_I18N_PREFIX });
     return (React.createElement(View, { style: style.container },
         React.createElement(Text, { detail: true, level: 3, style: style.brand }, brand),
         React.createElement(Text, { body: true, level: 2, style: style.name }, name),
@@ -20,6 +21,6 @@ const ProductVariantDescription = ({ brand, name, price, size, color }) => {
         React.createElement(Text, { detail: true, level: 2 },
             colorText,
             ": ",
-            React.createElement(Text, { style: style.text }, color.label))));
+            React.createElement(Text, { style: style.text }, colorLabel))));
 };
 export { ProductVariantDescription };

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
+import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
+interface ReturnQuestionsFormProps {
+    readonly visible: boolean;
+    readonly feedback: FeedbackProjection;
+    readonly returnQuestions: ReturnQuestionProjection[];
+    readonly onClose: () => void;
+}
+declare const ReturnQuestionsForm: FC<ReturnQuestionsFormProps>;
+export { ReturnQuestionsForm };

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

@@ -0,0 +1,29 @@
+import { ButtonIcon } from "@lookiero/aurora-next/build/components/atoms/ButtonIcon/ButtonIcon";
+import { Modal } from "@lookiero/aurora-next/build/components/molecules/Modal/Modal";
+import React from "react";
+import { ScrollView, View } from "react-native";
+import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
+import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
+import { ReturnQuestionFeedbackProvider } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
+import { ReturnQuestionItemProvider, } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
+import { HostDefaultReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem";
+import { HostSelectReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem";
+import { HostStackReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/HostStackReturnQuestionItem";
+import { OptionReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
+import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
+import { style } from "./ReturnQuestionsForm.style";
+const returnQuestionItems = {
+    [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionItem,
+    [ReturnQuestionType.HOST_SELECT]: HostSelectReturnQuestionItem,
+    [ReturnQuestionType.HOST_STACK]: HostStackReturnQuestionItem,
+    [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
+    [ReturnQuestionType.OPTION]: OptionReturnQuestionItem,
+};
+const ReturnQuestionsForm = ({ feedback, returnQuestions, onClose, visible }) => (React.createElement(ReturnQuestionFeedbackProvider, { feedback: feedback },
+    React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
+        React.createElement(Modal, { style: style.modal, fullHeight: true, size: "1/2", isVisible: visible },
+            React.createElement(ButtonIcon, { name: "close", style: style.backButton, onPress: onClose }),
+            React.createElement(ScrollView, { contentContainerStyle: style.scrollContainer, showsVerticalScrollIndicator: false },
+                React.createElement(View, { style: style.returnQuestionsContainer },
+                    React.createElement(ReturnQuestions, { returnQuestions: returnQuestions })))))));
+export { ReturnQuestionsForm };

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

@@ -0,0 +1,19 @@
+declare const style: {
+    scrollContainer: {
+        flex: number;
+        flexGrow: number;
+    };
+    modal: {
+        zIndex: number;
+    };
+    backButton: {
+        top: number;
+        right: number;
+        alignSelf: "flex-end";
+        zIndex: number;
+    };
+    returnQuestionsContainer: {
+        paddingBottom: number;
+    };
+};
+export { style };

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

@@ -0,0 +1,22 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../theme/theme";
+const { spaceM, spaceXL } = theme();
+const style = StyleSheet.create({
+    scrollContainer: {
+        flex: 1,
+        flexGrow: 1,
+    },
+    modal: {
+        zIndex: 1,
+    },
+    backButton: {
+        top: -spaceXL,
+        right: -spaceM,
+        alignSelf: "flex-end",
+        zIndex: 20,
+    },
+    returnQuestionsContainer: {
+        paddingBottom: spaceXL,
+    },
+});
+export { style };

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.js

@@ -12,6 +12,12 @@ const SizeChangeModal = ({ visible, onDismiss }) => {
     return (React.createElement(Modal, { visible: visible },
         React.createElement(Text, { body: true, level: 1, style: style.modalTitle }, titleText),
         React.createElement(Text, { body: true, level: 3, style: style.modalDescription }, descriptionText),
-        React.createElement(Button, { onPress: onDismiss }, buttonText)));
+        React.createElement(Button
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        , { 
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            style: style.button, onPress: onDismiss }, buttonText)));
 };
 export { SizeChangeModal };

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.style.d.ts

@@ -1,11 +1,13 @@
 declare const style: {
     modalTitle: {
-        marginBottom: number;
         textAlign: "center";
     };
     modalDescription: {
-        marginBottom: number;
+        marginVertical: number;
         textAlign: "center";
     };
+    button: {
+        flex: number;
+    };
 };
 export { style };

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.style.js

@@ -1,14 +1,16 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { spaceL, spaceXL } = theme();
+const { spaceXL } = theme();
 const style = StyleSheet.create({
     modalTitle: {
-        marginBottom: spaceXL,
         textAlign: "center",
     },
     modalDescription: {
-        marginBottom: spaceL,
+        marginVertical: spaceXL,
         textAlign: "center",
     },
+    button: {
+        flex: 0,
+    },
 });
 export { style };

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+interface SizeWithoutStockModalProps {
+    readonly visible: boolean;
+    readonly onDismiss: () => void;
+}
+declare const SizeWithoutStockModal: FC<SizeWithoutStockModalProps>;
+export { SizeWithoutStockModal };

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js

@@ -0,0 +1,23 @@
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React from "react";
+import { Modal } from "../../../../components/atoms/modal/Modal";
+import { I18nMessages } from "../../../../i18n/i18n";
+import { style } from "./SizeWithoutStockModal.style";
+const SizeWithoutStockModal = ({ visible, onDismiss }) => {
+    const titleText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_TITLE });
+    const descriptionText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_DESCRIPTION });
+    const buttonText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_BUTTON });
+    return (React.createElement(Modal, { visible: visible },
+        React.createElement(Text, { body: true, level: 1, style: style.modalTitle }, titleText),
+        React.createElement(Text, { body: true, level: 3, style: style.modalDescription }, descriptionText),
+        React.createElement(Button
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        , { 
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            style: style.button, onPress: onDismiss }, buttonText)));
+};
+export { SizeWithoutStockModal };

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.style.d.ts

@@ -0,0 +1,13 @@
+declare const style: {
+    modalTitle: {
+        textAlign: "center";
+    };
+    modalDescription: {
+        marginVertical: number;
+        textAlign: "center";
+    };
+    button: {
+        flex: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.style.js

@@ -0,0 +1,16 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../theme/theme";
+const { spaceXL } = theme();
+const style = StyleSheet.create({
+    modalTitle: {
+        textAlign: "center",
+    },
+    modalDescription: {
+        marginVertical: spaceXL,
+        textAlign: "center",
+    },
+    button: {
+        flex: 0,
+    },
+});
+export { style };

package/dist/infrastructure/ui/views/summary/Summary.js

@@ -2,10 +2,12 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React from "react";
 import { StyleSheet, View } from "react-native";
+import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
 const Summary = () => {
     const summaryText = useI18nMessage({ id: "summary" });
-    return (React.createElement(View, { style: styles.container },
-        React.createElement(Text, { heading: true, level: 3 }, summaryText)));
+    return (React.createElement(SafeAreaScrollView, null,
+        React.createElement(View, { style: styles.container },
+            React.createElement(Text, { heading: true, level: 3 }, summaryText))));
 };
 const styles = StyleSheet.create({
     container: {

package/dist/projection/checkoutItem/checkoutItem.d.ts

@@ -1,4 +1,6 @@
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
+import { Currency } from "../../domain/checkoutItem/model/currency";
+import { FeedbackProjection } from "../feedback/feedback";
 declare enum MediaPerspective {
     BACK = "BACK",
     BOTTOM_UP = "BOTTOM_UP",
@@ -18,10 +20,6 @@ interface MediaProjection {
     readonly url: string;
     readonly perspective: MediaPerspective;
 }
-declare enum Currency {
-    EUR = "EUR",
-    GBP = "GBP"
-}
 interface PriceProjection {
     readonly amount: number;
     readonly currency: Currency;
@@ -48,15 +46,16 @@ interface CheckoutItemProductVariantProjection {
     readonly media: MediaProjection[];
     readonly brand: string;
     readonly name: string;
-    readonly price: PriceProjection;
     readonly size: SizeProjection;
     readonly color: ColorProjection;
 }
 interface CheckoutItemProjection {
     readonly id: string;
     readonly status: CheckoutItemStatus;
+    readonly price: PriceProjection;
     readonly replacedFor?: string;
     readonly productVariant: CheckoutItemProductVariantProjection;
+    readonly feedback: FeedbackProjection | undefined;
 }
 export type { CheckoutItemProjection, CheckoutItemProductVariantProjection, ColorProjection, MediaProjection, PriceProjection, SizeProjection, };
 export { Currency, MediaPerspective };

package/dist/projection/checkoutItem/checkoutItem.js

@@ -1,3 +1,4 @@
+import { Currency } from "../../domain/checkoutItem/model/currency";
 var MediaPerspective;
 (function (MediaPerspective) {
     MediaPerspective["BACK"] = "BACK";
@@ -13,9 +14,4 @@ var MediaPerspective;
     MediaPerspective["OTHER"] = "OTHER";
     MediaPerspective["SIDE"] = "SIDE";
 })(MediaPerspective || (MediaPerspective = {}));
-var Currency;
-(function (Currency) {
-    Currency["EUR"] = "EUR";
-    Currency["GBP"] = "GBP";
-})(Currency || (Currency = {}));
 export { Currency, MediaPerspective };

package/dist/projection/feedback/feedback.d.ts

@@ -0,0 +1,3 @@
+declare type ReturnQuestionId = string;
+declare type FeedbackProjection = Record<ReturnQuestionId, ReturnQuestionId | string>;
+export type { FeedbackProjection };

package/dist/projection/feedback/feedback.js

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

package/dist/projection/returnQuestion/returnQuestion.d.ts

@@ -0,0 +1,16 @@
+declare enum ReturnQuestionType {
+    HOST_DEFAULT = "HOST_DEFAULT",
+    HOST_SELECT = "HOST_SELECT",
+    HOST_STACK = "HOST_STACK",
+    TEXTAREA = "TEXTAREA",
+    OPTION = "OPTION"
+}
+interface ReturnQuestionProjection {
+    id: string;
+    name: string;
+    placeholder?: string;
+    type: ReturnQuestionType;
+    children?: ReturnQuestionProjection[];
+}
+export { ReturnQuestionType };
+export type { ReturnQuestionProjection };

package/dist/projection/returnQuestion/returnQuestion.js

@@ -0,0 +1,10 @@
+var ReturnQuestionType;
+(function (ReturnQuestionType) {
+    ReturnQuestionType["HOST_DEFAULT"] = "HOST_DEFAULT";
+    ReturnQuestionType["HOST_SELECT"] = "HOST_SELECT";
+    ReturnQuestionType["HOST_STACK"] = "HOST_STACK";
+    ReturnQuestionType["TEXTAREA"] = "TEXTAREA";
+    ReturnQuestionType["OPTION"] = "OPTION";
+    // ICON = "ICON",
+})(ReturnQuestionType || (ReturnQuestionType = {}));
+export { ReturnQuestionType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.2.16",
+  "version": "0.2.18",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -27,7 +27,6 @@
     "@lookiero/i18n-react": "^0.8.0",
     "@lookiero/messaging": "^8.0.0",
     "@lookiero/messaging-react": "^8.0.0",
-    "react-native-get-random-values": "^1.8.0",
     "react-router-dom": "^6.4.1",
     "react-router-native": "^6.3.0",
     "tiny-invariant": "^1.2.0",
@@ -37,7 +36,7 @@
     "@lookiero/aurora-next": "^3.0.181",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-native": "^0.69.4",
+    "react-native": "^0.70.1",
     "react-native-web": "^0.18.9"
   },
   "devDependencies": {
@@ -50,7 +49,7 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/react-native": "^11.0.0",
     "@trivago/prettier-plugin-sort-imports": "^3.3.0",
-    "@types/jest": "^28.1.7",
+    "@types/jest": "^29.1.0",
     "@types/react": "~18.0.0",
     "@types/react-dom": "~18.0.0",
     "@types/react-native": "~0.69.1",
@@ -67,14 +66,15 @@
     "expo": "~46.0.8",
     "expo-status-bar": "~1.4.0",
     "husky": "^8.0.1",
-    "jest": "^26.6.3",
+    "jest": "^29.1.1",
     "jest-expo": "^46.0.1",
     "jest-mock-extended": "^2.0.7",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-native": "^0.69.4",
+    "react-native": "^0.70.1",
+    "react-native-get-random-values": "^1.8.0",
     "react-native-web": "^0.18.9",
     "react-test-renderer": "^18.0.0",
     "typescript": "^4.6.3",