@lookiero/checkout 0.6.0-beta.10 → 0.6.0-beta.12

package/dist/infrastructure/ui/Root.js

@@ -1,13 +1,16 @@
+import { wrapUseRoutes } from "@sentry/react";
 import React, { useCallback } from "react";
 import { Platform } from "react-native";
+import { 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 }) => {
+    const useRoutes = sentry ? wrapUseRoutes(reactRouterUseRoutes) : reactRouterUseRoutes;
     // eslint-disable-next-line react/display-name, react/prop-types
     const Root = ({ basePath, locale = "en", customer, menu, tabBar, onNotAccessible, useRedirect }) => {
         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({

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

@@ -1,5 +1,6 @@
 import { I18n } from "@lookiero/i18n-react";
-import { FC } from "react";
+import React, { FC } from "react";
+import { Location, RouteObject } from "react-router-native";
 import { Customer } from "../../../projection/shared/customer";
 import { Menu, TabBar } from "../views/navigation/Navigation";
 interface RoutingProps {
@@ -13,6 +14,7 @@ interface RoutingProps {
     readonly onNotAccessible: () => void;
     readonly onI18nError?: (err: Error) => void;
     readonly useRedirect: () => Record<string, string>;
+    readonly useRoutes: (routes: RouteObject[], locationArg?: Partial<Location> | string) => React.ReactElement | null;
 }
 declare const Routing: FC<RoutingProps>;
 export { Routing };

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

@@ -1,5 +1,5 @@
 import React, { lazy, Suspense } from "react";
-import { Navigate, Outlet, useRoutes } from "react-router-native";
+import { Navigate, Outlet } 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,7 +12,7 @@ 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 Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthToken, onI18nError, onNotAccessible, useRedirect, useRoutes, }) => {
     const routes = useRoutes([
         {
             path: "",

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

@@ -1,7 +1,9 @@
 import { BrowserClient, Hub } from "@sentry/browser";
 import { ErrorBoundary } from "@sentry/react";
 import { ReactNativeTransportOptions } from "@sentry/react-native/dist/js/options";
-import { BrowserTracing } from "@sentry/tracing";
-import { Transport } from "@sentry/types";
+import { Transport, Integration } from "@sentry/types";
+import { ComponentType } from "react";
 declare const transport: (options: ReactNativeTransportOptions) => Transport;
-export { BrowserClient as Client, Hub, ErrorBoundary, BrowserTracing as Tracing, 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

@@ -1,6 +1,14 @@
 import { BrowserClient, Hub } from "@sentry/browser";
 import { makeFetchTransport } from "@sentry/browser";
-import { ErrorBoundary } from "@sentry/react";
+import { ErrorBoundary, reactRouterV6Instrumentation } from "@sentry/react";
 import { BrowserTracing } from "@sentry/tracing";
+import { useEffect } from "react";
+import { createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from "react-router-native";
 const transport = (options, nativeFetch) => makeFetchTransport(options, nativeFetch);
-export { BrowserClient as Client, Hub, ErrorBoundary, BrowserTracing as Tracing, transport };
+const integrations = [
+    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

@@ -1,5 +1,8 @@
-import { ReactNativeClient, Hub, ErrorBoundary, ReactNativeTracing } from "@sentry/react-native";
+import { ReactNativeClient, Hub, ErrorBoundary } from "@sentry/react-native";
 import { ReactNativeTransportOptions } from "@sentry/react-native/dist/js/options";
-import { Transport } from "@sentry/types";
+import { Transport, Integration } from "@sentry/types";
+import { ComponentType } from "react";
 declare const transport: (options: ReactNativeTransportOptions) => Transport;
-export { ReactNativeClient as Client, Hub, ErrorBoundary, ReactNativeTracing as Tracing, 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

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

package/dist/shared/logging/SentryLogger.js

@@ -1,21 +1,15 @@
 import { defaultStackParser } from "@sentry/browser";
-// import { FetchImpl } from "@sentry/browser/types/transports/utils";
 import { makeMain } from "@sentry/core";
-// import { ReactNativeTransportOptions } from "@sentry/react-native/dist/js/options";
-// import { makeReactNativeTransport } from "@sentry/react-native/dist/js/transports/native";
-// import { NATIVE } from "@sentry/react-native/dist/js/wrapper";
-// import "@sentry/tracing";
-// import { Transport } from "@sentry/types";
 import React, { useEffect } from "react";
 import { Platform } from "react-native";
-import { Client, Hub, ErrorBoundary, Tracing, transport } from "./SentryDependencies";
+import { Client, Hub, ErrorBoundary, transport, integrations, wrap } from "./SentryDependencies";
 const sentryLogger = ({ publicKey, environment, release, project }) => {
     let mainHub;
     const client = new Client({
         environment,
         release,
         dsn: `https://${publicKey}@o179049.ingest.sentry.io/${project}`,
-        integrations: [new Tracing()],
+        integrations,
         tracesSampleRate: 1.0,
         debug: true,
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -35,16 +29,13 @@ const sentryLogger = ({ publicKey, environment, release, project }) => {
     };
     return (Component) => {
         switchMainHub();
-        // const WrappedComponent = Sentry.wrap(Component);
-        // eslint-disable-next-line react/display-name
-        return (props) => {
+        const WrappedComponent = wrap(Component);
+        const SentryLogger = (props) => {
             useEffect(() => revertMainHub, []);
-            return (
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            React.createElement(ErrorBoundary, null,
-                React.createElement(Component, { ...props })));
+            return (React.createElement(ErrorBoundary, null,
+                React.createElement(WrappedComponent, { ...props })));
         };
+        return SentryLogger;
     };
 };
 export { sentryLogger };

package/package.json

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