@lookiero/checkout 2.2.1 → 2.2.2-beta.0

package/dist/shared/notifications/infrastructure/ui/components/Notifications.style.js

@@ -0,0 +1,31 @@
+import { Platform, StyleSheet } from "react-native";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
+const { spaceM } = theme();
+const style = StyleSheet.create({
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    notifications: {
+        left: 0,
+        ...Platform.select({
+            web: { position: "fixed" },
+            ios: { position: "absolute" },
+            android: { position: "absolute" },
+        }),
+        flexDirection: "column",
+        top: 0,
+        width: "100%",
+        zIndex: 20,
+    },
+    row: {
+        flex: 1,
+        justifyContent: "center",
+    },
+    rowSmall: {
+        paddingLeft: spaceM,
+        paddingRight: spaceM,
+    },
+    toast: {
+        marginTop: spaceM,
+    },
+});
+export { style };

package/dist/shared/tracking/infrastructure/usePageView.d.ts

@@ -0,0 +1,13 @@
+import { TrackingPage } from "../../../infrastructure/tracking/tracking";
+import { Country } from "../../../projection/shared/country";
+interface UsePageViewFunctionArgs {
+    readonly page: TrackingPage;
+    readonly country: Country;
+    readonly checkoutId?: string;
+    readonly checkoutItemId?: string;
+}
+interface UsePageViewFunction {
+    (agrs: UsePageViewFunctionArgs): void;
+}
+declare const usePageView: UsePageViewFunction;
+export { usePageView };

package/dist/shared/tracking/infrastructure/usePageView.js

@@ -0,0 +1,27 @@
+import { useLayoutEffect } from "react";
+import { PROJECT } from "../../../infrastructure/tracking/tracking";
+import { TrackingEvent, TrackingEventCategory } from "../tracking";
+import { useEmitUserEvent } from "./useEmitUserEvent";
+const usePageView = ({ page, country, checkoutId, checkoutItemId }) => {
+    const emitUserEvent = useEmitUserEvent();
+    useLayoutEffect(() => {
+        if (!checkoutId) {
+            return;
+        }
+        const baseTrackingEvent = {
+            event: TrackingEvent.PAGEVIEW,
+            eventCategory: TrackingEventCategory.NAVIGATION,
+            section: `${PROJECT}_${page}`,
+            store: country,
+            checkoutId,
+        };
+        const pageViewTrackingEvent = checkoutItemId
+            ? {
+                ...baseTrackingEvent,
+                checkoutItemId,
+            }
+            : baseTrackingEvent;
+        emitUserEvent(pageViewTrackingEvent);
+    }, [checkoutId, checkoutItemId, country, emitUserEvent, page]);
+};
+export { usePageView };

package/dist/shared/ui/components/atoms/error/Error.style.d.ts

@@ -0,0 +1,6 @@
+declare const style: {
+    error: {
+        color: string;
+    };
+};
+export { style };

package/dist/shared/ui/components/atoms/error/Error.style.js

@@ -0,0 +1,9 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
+const { colorPrimary } = theme();
+const style = StyleSheet.create({
+    error: {
+        color: colorPrimary,
+    },
+});
+export { style };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "2.2.1",
+  "version": "2.2.2-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -49,7 +49,7 @@
     "@lookiero/data-sources": "^0.3",
     "@lookiero/event": "^0.3",
     "@lookiero/locale": "^0.3",
-    "@lookiero/payments-front": "^1.0.2",
+    "@lookiero/payments-front": "^1.1.1",
     "@lookiero/user-tracking-front": "0.0.37",
     "apollo-boost": "0.4.4",
     "graphql": "16.6.0",
@@ -71,7 +71,7 @@
     "@lookiero/data-sources": "^0.3",
     "@lookiero/event": "^0.3",
     "@lookiero/locale": "^0.3",
-    "@lookiero/payments-front": "^1.0.2",
+    "@lookiero/payments-front": "^1.1.1",
     "@lookiero/user-tracking-front": "0.0.37",
     "@pact-foundation/pact": "^10.1.4",
     "@pact-foundation/pact-node": "^10.17.6",