@lookiero/checkout 0.6.0-beta.3 → 0.6.0-beta.31

package/dist/infrastructure/ui/Root.d.ts

@@ -1,6 +1,7 @@
 import { I18n } from "@lookiero/i18n-react";
 import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
 import { ComponentType } from "react";
+import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { Customer } from "../../projection/shared/customer";
 import { SentryLoggerFunctionArgs } from "../../shared/logging/SentryLogger";
 import { Menu, TabBar } from "./views/navigation/Navigation";
@@ -8,7 +9,7 @@ interface RootFunctionArgs {
     readonly Messaging: MessagingRoot;
     readonly I18n: I18n;
     readonly development?: boolean;
-    readonly sentry?: SentryLoggerFunctionArgs;
+    readonly sentry: SentryLoggerFunctionArgs;
     readonly getAuthToken: () => Promise<string>;
 }
 interface RootFunction {
@@ -22,6 +23,7 @@ interface RootProps {
     readonly tabBar: TabBar;
     readonly onNotAccessible: () => void;
     readonly useRedirect: () => Record<string, string>;
+    readonly useRoutes: typeof reactRouterUseRoutes;
 }
 declare const root: RootFunction;
 export type { RootProps };

package/dist/infrastructure/ui/Root.js

@@ -1,21 +1,17 @@
 import React, { useCallback } from "react";
 import { Platform } from "react-native";
+import { 
+//Routes as ReactRouterRoutes
+useRoutes as reactRouterUseRoutes, } from "react-router-native";
 import { sentryLogger } from "../../shared/logging/SentryLogger";
 import { Routing } from "./routing/Routing";
 const root = ({ Messaging, I18n, getAuthToken, development, sentry }) => {
     // eslint-disable-next-line react/display-name, react/prop-types
-    const Root = ({ basePath, locale = "en", customer, menu, tabBar, onNotAccessible, useRedirect }) => {
+    const Root = ({ basePath, locale = "en", customer, menu, tabBar, onNotAccessible, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
         const handleOnI18nError = useCallback(() => void 0, []);
         return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
-            React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, locale: locale, menu: menu, tabBar: tabBar, useRedirect: useRedirect, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
+            React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, locale: locale, menu: menu, tabBar: tabBar, useRedirect: useRedirect, useRoutes: useRoutes, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
     };
-    return sentry
-        ? sentryLogger({
-            publicKey: sentry.publicKey,
-            environment: sentry.environment,
-            release: sentry.release,
-            project: sentry.project,
-        })(Root)
-        : Root;
+    return sentryLogger(sentry)(Root);
 };
 export { root };

package/dist/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.js

@@ -11,7 +11,7 @@ const CheckoutAccessibilityMiddleware = ({ customerId, onNotAccessible, loader =
         if (notAccessible) {
             onNotAccessibleRef.current();
         }
-    }, [notAccessible, onNotAccessible]);
+    }, [notAccessible]);
     return accessible === undefined && [QueryStatus.IDLE, QueryStatus.LOADING].includes(status)
         ? loader
         : accessible

package/dist/infrastructure/ui/routing/Routing.d.ts

@@ -1,5 +1,6 @@
 import { I18n } from "@lookiero/i18n-react";
 import { FC } from "react";
+import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { Customer } from "../../../projection/shared/customer";
 import { Menu, TabBar } from "../views/navigation/Navigation";
 interface RoutingProps {
@@ -13,6 +14,13 @@ interface RoutingProps {
     readonly onNotAccessible: () => void;
     readonly onI18nError?: (err: Error) => void;
     readonly useRedirect: () => Record<string, string>;
+    readonly useRoutes: typeof reactRouterUseRoutes;
 }
 declare const Routing: FC<RoutingProps>;
+/**
+ * Provided useRoutes is not stable (when integrated with Sentry) as it's rendering a different component tree.
+ *
+ * https://github.com/getsentry/sentry-javascript/blob/master/packages/react/src/reactrouterv6.tsx#L221
+ * (SentryRoutes is a new component after each re-render)
+ */
 export { Routing };

package/dist/infrastructure/ui/routing/Routing.js

@@ -1,5 +1,8 @@
 import React, { lazy, Suspense } from "react";
-import { Navigate, Outlet, useRoutes } from "react-router-native";
+import { 
+// Routes as ReactRouterRoutes,
+// Route,
+Navigate, Outlet, useRoutes as reactRouterUseRoutes, } from "react-router-native";
 import { Spinner } from "../../../shared/ui/components/atoms/spinner/Spinner";
 import { App } from "../views/App";
 import { CheckoutPaymentModal } from "../views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal";
@@ -12,8 +15,91 @@ const Item = lazy(() => import("../views/item/Item").then((module) => ({ default
 const Summary = lazy(() => import("../views/summary/Summary").then((module) => ({ default: module.Summary })));
 const Checkout = lazy(() => import("../views/checkout/Checkout").then((module) => ({ default: module.Checkout })));
 const Feedback = lazy(() => import("../views/feedback/Feedback").then((module) => ({ default: module.Feedback })));
-const Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthToken, onI18nError, onNotAccessible, useRedirect, }) => {
-    const routes = useRoutes([
+const Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthToken, onI18nError, onNotAccessible, useRedirect, useRoutes = reactRouterUseRoutes,
+// rootRoutes: RootRoutes,
+ }) => {
+    // return (
+    //   <RootRoutes>
+    //     <Route
+    //       path=""
+    //       element={
+    //         <BasePathProvider basePath={basePath}>
+    //           <CheckoutAccessibilityMiddleware customerId={customer?.customerId} onNotAccessible={onNotAccessible}>
+    //             <I18n loader={<Spinner />} locale={locale} onError={onI18nError}>
+    //               <CheckoutMiddleware customerId={customer?.customerId as string}>
+    //                 <App customerId={customer?.customerId as string} menu={menu} tabBar={tabBar}>
+    //                   <Outlet />
+    //                 </App>
+    //               </CheckoutMiddleware>
+    //             </I18n>
+    //           </CheckoutAccessibilityMiddleware>
+    //         </BasePathProvider>
+    //       }
+    //     >
+    //       <Route
+    //         path={Routes.INTRO}
+    //         element={
+    //           <Suspense fallback={<Spinner />}>
+    //             <Intro customerId={customer?.customerId as string} />
+    //           </Suspense>
+    //         }
+    //       />
+    //       <Route
+    //         path={Routes.ITEM}
+    //         element={
+    //           <Suspense fallback={<Spinner />}>
+    //             <Item country={customer?.country as Country} customerId={customer?.customerId as string} />
+    //           </Suspense>
+    //         }
+    //       />
+    //       <Route
+    //         path={Routes.ITEM_DETAIL}
+    //         element={
+    //           <Suspense fallback={<Spinner />}>
+    //             <Item country={customer?.country as Country} customerId={customer?.customerId as string} />
+    //           </Suspense>
+    //         }
+    //       />
+    //       <Route
+    //         path={Routes.SUMMARY}
+    //         element={
+    //           <Suspense fallback={<Spinner />}>
+    //             <Summary country={customer?.country as Country} customerId={customer?.customerId as string} />
+    //           </Suspense>
+    //         }
+    //       />
+    //       <Route
+    //         path={Routes.CHECKOUT}
+    //         element={
+    //           <Suspense fallback={<Spinner />}>
+    //             <Checkout
+    //               country={customer?.country as Country}
+    //               customerId={customer?.customerId as string}
+    //               useRedirect={useRedirect}
+    //             >
+    //               <Outlet />
+    //             </Checkout>
+    //           </Suspense>
+    //         }
+    //       >
+    //         <Route
+    //           element={<CheckoutPaymentModal customerId={customer?.customerId as string} getAuthToken={getAuthToken} />}
+    //           path={Routes.CHECKOUT_PAYMENT}
+    //         />
+    //       </Route>
+    //       <Route
+    //         path={Routes.FEEDBACK}
+    //         element={
+    //           <Suspense fallback={<Spinner />}>
+    //             <Feedback customerId={customer?.customerId as string} />
+    //           </Suspense>
+    //         }
+    //       />
+    //       <Route element={<Navigate to={`${Routes.HOME}`} replace />} path="*" />
+    //     </Route>
+    //   </RootRoutes>
+    // );
+    return useRoutes([
         {
             path: "",
             element: (React.createElement(BasePathProvider, { basePath: basePath },
@@ -67,6 +153,13 @@ const Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthT
             ],
         },
     ]);
-    return routes;
 };
+/**
+ * Provided useRoutes is not stable (when integrated with Sentry) as it's rendering a different component tree.
+ *
+ * https://github.com/getsentry/sentry-javascript/blob/master/packages/react/src/reactrouterv6.tsx#L221
+ * (SentryRoutes is a new component after each re-render)
+ */
+// const MemoizedRouting = memo(Routing);
+// export { MemoizedRouting as Routing };
 export { Routing };

package/dist/infrastructure/ui/views/App.js

@@ -4,14 +4,8 @@ import { SafeAreaProvider } from "react-native-safe-area-context";
 import { Notifications } from "../../../shared/notifications/infrastructure/ui/views/Notifications";
 import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { Navigation } from "./navigation/Navigation";
-const a = true;
-const App = ({ customerId, menu, tabBar, children }) => {
-    if (a) {
-        throw new Error("This is my first Sentry error");
-    }
-    return (React.createElement(SafeAreaProvider, null,
-        React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
-        React.createElement(Navigation, { customerId: customerId, menu: menu, tabBar: tabBar },
-            React.createElement(PortalProvider, null, children))));
-};
+const App = ({ customerId, menu, tabBar, children }) => (React.createElement(SafeAreaProvider, null,
+    React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
+    React.createElement(Navigation, { customerId: customerId, menu: menu, tabBar: tabBar },
+        React.createElement(PortalProvider, null, children))));
 export { App };

package/dist/shared/logging/SentryDependencies.d.ts

@@ -0,0 +1,9 @@
+import { BrowserClient, Hub } from "@sentry/browser";
+import { ErrorBoundary } from "@sentry/react";
+import { ReactNativeTransportOptions } from "@sentry/react-native/dist/js/options";
+import { Transport, Integration } from "@sentry/types";
+import { ComponentType } from "react";
+declare const transport: (options: ReactNativeTransportOptions) => Transport;
+declare const integrations: Integration[];
+declare const wrap: <P>(Component: ComponentType<P>) => ComponentType<P>;
+export { BrowserClient as Client, Hub, ErrorBoundary, transport, integrations, wrap };

package/dist/shared/logging/SentryDependencies.js

@@ -0,0 +1,16 @@
+import { BrowserClient, Hub, makeFetchTransport, defaultIntegrations } from "@sentry/browser";
+import { ErrorBoundary } from "@sentry/react";
+import { reactRouterV6Instrumentation } from "@sentry/react";
+import { BrowserTracing } from "@sentry/tracing";
+import { useEffect } from "react";
+import { createRoutesFromChildren, useLocation, useNavigationType } from "react-router-native";
+import { matchRoutes } from "./matchRoutes";
+const transport = (options, nativeFetch) => makeFetchTransport(options, nativeFetch);
+const integrations = [
+    ...defaultIntegrations,
+    new BrowserTracing({
+        routingInstrumentation: reactRouterV6Instrumentation(useEffect, useLocation, useNavigationType, createRoutesFromChildren, matchRoutes),
+    }),
+];
+const wrap = (Component) => Component;
+export { BrowserClient as Client, Hub, ErrorBoundary, transport, integrations, wrap };

package/dist/shared/logging/SentryDependencies.native.d.ts

@@ -0,0 +1,8 @@
+import { ReactNativeClient, Hub, ErrorBoundary } from "@sentry/react-native";
+import { ReactNativeTransportOptions } from "@sentry/react-native/dist/js/options";
+import { Transport, Integration } from "@sentry/types";
+import { ComponentType } from "react";
+declare const transport: (options: ReactNativeTransportOptions) => Transport;
+declare const integrations: Integration[];
+declare const wrap: <P>(Component: ComponentType<P>) => ComponentType<P>;
+export { ReactNativeClient as Client, Hub, ErrorBoundary, transport, integrations, wrap };

package/dist/shared/logging/SentryDependencies.native.js

@@ -0,0 +1,13 @@
+import { makeFetchTransport } from "@sentry/browser";
+import { ReactNativeClient, Hub, ErrorBoundary, wrap as sentryWrap, ReactNativeTracing } from "@sentry/react-native";
+import { makeReactNativeTransport } from "@sentry/react-native/dist/js/transports/native";
+import { NATIVE } from "@sentry/react-native/dist/js/wrapper";
+import { ReactRouterV6Instrumentation } from "./reactRouterV6Instrumentation.native";
+const transport = (options, nativeFetch) => NATIVE.isNativeTransportAvailable() ? makeReactNativeTransport(options) : makeFetchTransport(options, nativeFetch);
+const integrations = [
+    new ReactNativeTracing({
+        routingInstrumentation: new ReactRouterV6Instrumentation(),
+    }),
+];
+const wrap = (Component) => sentryWrap(Component);
+export { ReactNativeClient as Client, Hub, ErrorBoundary, transport, integrations, wrap };

package/dist/shared/logging/SentryLogger.d.ts

@@ -1,4 +1,3 @@
-import "@sentry/tracing";
 import { ComponentType } from "react";
 import { Platform } from "react-native";
 interface SentryLoggerFunctionArgs {
@@ -7,9 +6,14 @@ interface SentryLoggerFunctionArgs {
     readonly release: string;
     readonly project: string;
 }
+interface SentryLoggerHOCProps {
+    readonly customer: {
+        readonly customerId: string;
+    } | undefined;
+}
 interface SentryLoggerFunction {
-    (args: SentryLoggerFunctionArgs): <P>(Component: ComponentType<P>) => ComponentType<P & JSX.IntrinsicAttributes>;
+    (args: SentryLoggerFunctionArgs): <P extends SentryLoggerHOCProps>(Component: ComponentType<P>) => ComponentType<P & JSX.IntrinsicAttributes>;
 }
 declare const sentryLogger: SentryLoggerFunction;
-export type { SentryLoggerFunctionArgs };
+export type { SentryLoggerFunctionArgs, SentryLoggerHOCProps };
 export { sentryLogger };

package/dist/shared/logging/SentryLogger.js

@@ -1,41 +1,108 @@
+import { defaultStackParser } from "@sentry/browser";
 import { makeMain } from "@sentry/core";
-import * as Sentry from "@sentry/react-native";
-import "@sentry/tracing";
+import { 
+// withSentryReactRouterV6Routing,
+wrapUseRoutes, } from "@sentry/react";
 import React, { useEffect } from "react";
 import { Platform } from "react-native";
+import { 
+// Routes as ReactRouterRoutes,
+useRoutes as reactRouterUseRoutes, } from "react-router-native";
+import { Client, Hub, ErrorBoundary, transport, integrations, wrap } from "./SentryDependencies";
 const sentryLogger = ({ publicKey, environment, release, project }) => {
     let mainHub;
-    /**
-     * TS complains about not providing 'transport' and 'stackParser' implementations
-     * although 'ReactNativeClient' defaults to its own implementation for those options.
-     */
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    const client = new Sentry.ReactNativeClient({
+    const client = new Client({
         environment,
         release,
         dsn: `https://${publicKey}@o179049.ingest.sentry.io/${project}`,
-        integrations: [new Sentry.ReactNativeTracing()],
+        integrations,
         tracesSampleRate: 1.0,
         debug: true,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         enableNative: Platform.OS !== "web",
+        autoInitializeNativeSdk: Platform.OS !== "web",
+        stackParser: defaultStackParser,
+        transport,
+        // This configuration is obtained from
+        // https://docs.sentry.io/clients/javascript/tips/#decluttering-sentry
+        ignoreErrors: [
+            // Random plugins/extensions
+            "top.GLOBALS",
+            // See: http://blog.errorception.com/2012/03/tale-of-unfindable-js-error.html
+            "originalCreateNotification",
+            "canvas.contentDocument",
+            "MyApp_RemoveAllHighlights",
+            "http://tt.epicplay.com",
+            "Can't find variable: ZiteReader",
+            "jigsaw is not defined",
+            "ComboSearch is not defined",
+            "http://loading.retry.widdit.com/",
+            "atomicFindClose",
+            // Facebook borked
+            "fb_xd_fragment",
+            // ISP "optimizing" proxy - `Cache-Control: no-transform` seems to reduce this. (thanks @acdha)
+            // See http://stackoverflow.com/questions/4113268/how-to-stop-javascript-injection-from-vodafone-proxy
+            "bmi_SafeAddOnload",
+            "EBCallBackMessageReceived",
+            // See http://toolbar.conduit.com/Developer/HtmlAndGadget/Methods/JSInjection.aspx
+            "conduitPage",
+            // Generic error code from errors outside the security sandbox
+            // You can delete this if using raven.js > 1.0, which ignores these automatically.
+            "Script error.",
+            // Avast extension error
+            "_avast_submit",
+        ],
+        denyUrls: [
+            // Google Adsense
+            /pagead\/js/i,
+            // Facebook flakiness
+            /graph\.facebook\.com/i,
+            // Facebook blocked
+            /connect\.facebook\.net\/en_US\/all\.js/i,
+            // Woopra flakiness
+            /eatdifferent\.com\.woopra-ns\.com/i,
+            /static\.woopra\.com\/js\/woopra\.js/i,
+            // Chrome extensions
+            /extensions\//i,
+            /^chrome:\/\//i,
+            // Other plugins
+            /127\.0\.0\.1:4001\/isrunning/i,
+            /webappstoolbarba\.texthelp\.com\//i,
+            /metrics\.itunes\.apple\.com\.edgesuite\.net\//i,
+        ],
+        beforeSendTransaction: (event, hint) => {
+            console.log(event, hint);
+            return event;
+        },
     });
-    const hub = new Sentry.Hub(client);
-    hub.bindClient(client);
-    const switchMainHub = () => {
-        mainHub = makeMain(hub);
+    const hub = new Hub(client);
+    const onMount = (customerId) => {
+        if (!mainHub) {
+            hub.setUser({ id: customerId });
+            hub.startSession();
+            mainHub = makeMain(hub);
+        }
     };
-    const revertMainHub = () => {
+    const onUnMount = () => {
+        hub.setUser(null);
+        hub.endSession();
         makeMain(mainHub);
     };
+    const useRoutes = wrapUseRoutes(reactRouterUseRoutes);
+    // const Routes = withSentryReactRouterV6Routing(ReactRouterRoutes);
     return (Component) => {
-        switchMainHub();
-        const WrappedComponent = Sentry.wrap(Component);
-        // eslint-disable-next-line react/display-name
-        return (props) => {
-            useEffect(() => revertMainHub, []);
-            return React.createElement(WrappedComponent, { ...props });
+        const WrappedComponent = wrap(Component);
+        const SentryLogger = (props) => {
+            const { customer } = props;
+            useEffect(() => {
+                onMount(customer?.customerId);
+                return onUnMount;
+            }, [customer?.customerId]);
+            return (React.createElement(ErrorBoundary, null,
+                React.createElement(WrappedComponent, { ...props, useRoutes: useRoutes })));
         };
+        return SentryLogger;
     };
 };
 export { sentryLogger };

package/dist/shared/logging/matchRoutes.d.ts

@@ -0,0 +1,3 @@
+import { matchRoutes as reactRouterMatchRoutes } from "@remix-run/router";
+declare const matchRoutes: typeof reactRouterMatchRoutes;
+export { matchRoutes };

package/dist/shared/logging/matchRoutes.js

@@ -0,0 +1,7 @@
+import { matchRoutes as reactRouterMatchRoutes } from "@remix-run/router";
+const matchRoutes = (routes, locationArg) => {
+    // Remove the location's first path ("/checkout"). Otherwise it won't match the proper route.
+    const location = (typeof locationArg === "string" ? locationArg : locationArg?.pathname || "").replace(/^\/\w+/, "");
+    return reactRouterMatchRoutes(routes, location);
+};
+export { matchRoutes };

package/dist/shared/logging/reactRouterV6Instrumentation.native.d.ts

@@ -0,0 +1,27 @@
+import { RoutingInstrumentation } from "@sentry/react-native";
+import { OnConfirmRoute, TransactionCreator } from "@sentry/react-native/dist/js/tracing/routingInstrumentation";
+import { BeforeNavigate } from "@sentry/react-native/dist/js/tracing/types";
+export interface ReactNavigationRoute {
+    readonly name: string;
+    readonly key: string;
+    readonly params: Record<string, unknown>;
+}
+export interface ReactNavigationCurrentRoute extends ReactNavigationRoute {
+    readonly hasBeenSeen: boolean;
+}
+declare class ReactRouterV6Instrumentation extends RoutingInstrumentation {
+    static instrumentationName: string;
+    private prevRoute?;
+    private recentRouteKeys;
+    private latestTransaction?;
+    private shouldUpdateLatestTransaction;
+    /**
+     * Extends by calling _handleInitialState at the end.
+     */
+    registerRoutingInstrumentation(listener: TransactionCreator, beforeNavigate: BeforeNavigate, onConfirmRoute: OnConfirmRoute): void;
+    /**
+     * Starts an idle transaction for the initial state which won't get called by the router listener.
+     */
+    private handleInitialState;
+}
+export { ReactRouterV6Instrumentation };

package/dist/shared/logging/reactRouterV6Instrumentation.native.js

@@ -0,0 +1,39 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { RoutingInstrumentation } from "@sentry/react-native";
+class ReactRouterV6Instrumentation extends RoutingInstrumentation {
+    static instrumentationName = "react-router-v6";
+    // @ts-ignore
+    prevRoute;
+    // @ts-ignore
+    recentRouteKeys = [];
+    // @ts-ignore
+    latestTransaction;
+    // @ts-ignore
+    shouldUpdateLatestTransaction = false;
+    /**
+     * Extends by calling _handleInitialState at the end.
+     */
+    registerRoutingInstrumentation(listener, beforeNavigate, onConfirmRoute) {
+        super.registerRoutingInstrumentation(listener, beforeNavigate, onConfirmRoute);
+        // Need to handle the initial state as the router patch will only attach transactions on subsequent route changes.
+        this.handleInitialState();
+    }
+    /**
+     * Starts an idle transaction for the initial state which won't get called by the router listener.
+     */
+    handleInitialState() {
+        this.latestTransaction = this.onRouteWillChange(INITIAL_TRANSACTION_CONTEXT);
+        // We set this to true so when registerAppContainer is called, the transaction gets updated with the actual route data
+        this.shouldUpdateLatestTransaction = true;
+    }
+}
+const INITIAL_TRANSACTION_CONTEXT = {
+    name: "App Launch",
+    op: "navigation",
+    tags: {
+        ["routing.instrumentation"]: ReactRouterV6Instrumentation.instrumentationName,
+    },
+    data: {},
+};
+export { ReactRouterV6Instrumentation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.6.0-beta.3",
+  "version": "0.6.0-beta.31",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -33,6 +33,7 @@
     "@lookiero/messaging": "^8.0.0",
     "@lookiero/messaging-react": "^8.0.0",
     "@react-spring/native": "^9.5.5",
+    "@sentry/react-native": "^4.13.0",
     "inline-style-prefixer": "6.0.1",
     "react-native-safe-area-context": "^4.4.1",
     "react-native-svg": "^12.1.1",
@@ -47,7 +48,6 @@
     "@lookiero/event": "^0.3",
     "@lookiero/locale": "^0.3",
     "@lookiero/payments-front": "^0.16.5",
-    "@sentry/react-native": "^3.2.13",
     "apollo-boost": "0.4.4",
     "graphql": "16.6.0",
     "graphql-tag": "2.12.6",
@@ -80,7 +80,6 @@
     "@types/react-dom": "~18.0.0",
     "@types/react-native": "~0.69.1",
     "@types/uuid": "^9.0.0",
-    "@sentry/react-native": "^3.2.13",
     "apollo-boost": "0.4.4",
     "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.5.0",