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

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { EndpointFunction } from "@lookiero/i18n";
 import { ComponentType } from "react";
 import { RootProps } from "./infrastructure/ui/Root";
 import { IsCheckoutAccessibleByCustomerIdProjection } from "./projection/checkout/viewIsCheckoutAccessibleByCustomerId";
+import { SentryLoggerFunctionArgs } from "./shared/logging/SentryLogger";
 interface IsCheckoutAccessibleFunctionArgs {
     readonly customerId: string | undefined;
 }
@@ -12,6 +13,7 @@ interface BootstrapFunctionArgs {
     readonly getAuthToken: () => Promise<string>;
     readonly apiUrl: string;
     readonly translations: EndpointFunction;
+    readonly sentry: SentryLoggerFunctionArgs;
 }
 interface BootstrapFunctionReturn {
     readonly Root: ComponentType<RootProps>;

package/dist/index.js

@@ -3,13 +3,13 @@ import { i18n } from "@lookiero/i18n-react";
 import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
 import { root } from "./infrastructure/ui/Root";
 import { viewIsCheckoutAccessibleByCustomerId, } from "./projection/checkout/viewIsCheckoutAccessibleByCustomerId";
-const bootstrap = ({ apiUrl, getAuthToken, translations }) => {
+const bootstrap = ({ apiUrl, getAuthToken, translations, sentry }) => {
     const { Component: Messaging, queryBus } = checkoutBootstrap({ apiUrl, getAuthToken });
     const I18n = i18n({
         fetchTranslation: fetchFetchTranslation({ endpoint: translations }),
         contextId: "CheckoutI18n",
     });
-    const Root = root({ Messaging, I18n, getAuthToken });
+    const Root = root({ Messaging, I18n, getAuthToken, sentry });
     const isCheckoutAccessible = ({ customerId }) => queryBus(viewIsCheckoutAccessibleByCustomerId({ customerId }));
     return {
         Root,

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

@@ -4,8 +4,14 @@ 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 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))));
+const a = true;
+const App = ({ customerId, menu, tabBar, children }) => {
+    if (a) {
+        throw new Error("This is an error (while integrated in UAF)");
+    }
+    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))));
+};
 export { App };

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

@@ -0,0 +1,7 @@
+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";
+declare const transport: (options: ReactNativeTransportOptions) => Transport;
+export { BrowserClient as Client, Hub, ErrorBoundary, BrowserTracing as Tracing, transport };

package/dist/shared/logging/SentryDependencies.js

@@ -0,0 +1,6 @@
+import { BrowserClient, Hub } from "@sentry/browser";
+import { makeFetchTransport } from "@sentry/browser";
+import { ErrorBoundary } from "@sentry/react";
+import { BrowserTracing } from "@sentry/tracing";
+const transport = (options, nativeFetch) => makeFetchTransport(options, nativeFetch);
+export { BrowserClient as Client, Hub, ErrorBoundary, BrowserTracing as Tracing, transport };

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

@@ -0,0 +1,5 @@
+import { ReactNativeClient, Hub, ErrorBoundary, ReactNativeTracing } from "@sentry/react-native";
+import { ReactNativeTransportOptions } from "@sentry/react-native/dist/js/options";
+import { Transport } from "@sentry/types";
+declare const transport: (options: ReactNativeTransportOptions) => Transport;
+export { ReactNativeClient as Client, Hub, ErrorBoundary, ReactNativeTracing as Tracing, transport };

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

@@ -0,0 +1,6 @@
+import { makeFetchTransport } from "@sentry/browser";
+import { ReactNativeClient, Hub, ErrorBoundary, ReactNativeTracing } 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 };

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 {

package/dist/shared/logging/SentryLogger.js

@@ -1,38 +1,49 @@
+import { defaultStackParser } from "@sentry/browser";
+// import { FetchImpl } from "@sentry/browser/types/transports/utils";
 import { makeMain } from "@sentry/core";
-import * as Sentry from "@sentry/react-native";
-import "@sentry/tracing";
+// 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";
 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: [new Tracing()],
         tracesSampleRate: 1.0,
         debug: true,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        enableNative: Platform.OS !== "web",
+        stackParser: defaultStackParser,
+        transport,
     });
-    const hub = new Sentry.Hub(client);
-    hub.bindClient(client);
+    const hub = new Hub(client);
     const switchMainHub = () => {
-        mainHub = makeMain(hub);
+        if (!mainHub) {
+            mainHub = makeMain(hub);
+        }
     };
     const revertMainHub = () => {
         makeMain(mainHub);
     };
     return (Component) => {
         switchMainHub();
-        const WrappedComponent = Sentry.wrap(Component);
+        // const WrappedComponent = Sentry.wrap(Component);
         // eslint-disable-next-line react/display-name
         return (props) => {
             useEffect(() => revertMainHub, []);
-            return React.createElement(WrappedComponent, { ...props });
+            return (
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            React.createElement(ErrorBoundary, null,
+                React.createElement(Component, { ...props })));
         };
     };
 };

package/package.json

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