@lookiero/checkout 0.6.0-beta.16 → 0.6.0-beta.17

package/dist/infrastructure/ui/Root.js

@@ -1,16 +1,15 @@
-import { wrapUseRoutes } from "@sentry/react";
+import { wrapUseRoutes as sentryWrapUseRoutes } 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;
+    const wrapUseRoutes = sentry ? sentryWrapUseRoutes : undefined;
     // 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, useRoutes: useRoutes, 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, wrapUseRoutes: wrapUseRoutes, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
     };
     return sentry
         ? sentryLogger({

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

@@ -3,6 +3,7 @@ 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";
+type UseRoutes = (routes: RouteObject[], locationArg?: Partial<Location> | string) => React.ReactElement | null;
 interface RoutingProps {
     readonly basePath?: string;
     readonly customer: Customer | undefined;
@@ -14,7 +15,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;
+    readonly wrapUseRoutes?: (origUseRoutes: UseRoutes) => UseRoutes;
 }
 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 } from "react-router-native";
+import { 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,7 +12,8 @@ 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, useRoutes, }) => {
+const Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthToken, onI18nError, onNotAccessible, useRedirect, wrapUseRoutes = (routes) => routes, }) => {
+    const useRoutes = wrapUseRoutes(reactRouterUseRoutes);
     const routes = useRoutes([
         {
             path: "",

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

@@ -6,8 +6,13 @@ 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 };

package/dist/shared/logging/SentryLogger.js

@@ -17,23 +17,75 @@ const sentryLogger = ({ publicKey, environment, release, project }) => {
         enableNative: 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,
+        ],
     });
     const hub = new Hub(client);
-    const switchMainHub = () => {
+    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);
     };
     return (Component) => {
         const WrappedComponent = wrap(Component);
         const SentryLogger = (props) => {
+            const { customer } = props;
             useEffect(() => {
-                switchMainHub();
-                return revertMainHub;
-            }, []);
+                onMount(customer?.customerId);
+                return onUnMount;
+            }, [customer?.customerId]);
             return (React.createElement(ErrorBoundary, null,
                 React.createElement(WrappedComponent, { ...props })));
         };

package/package.json

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