@lookiero/checkout 0.5.7 → 0.6.0-beta.0

package/dist/shared/ui/components/molecules/inputField/InputField.js

@@ -7,8 +7,8 @@ import { Icon } from "../../atoms/icon/Icon";
 import { Input } from "../../atoms/input/Input";
 import { style } from "./InputField.style";
 const { colorBase, colorContent, colorGrayscaleL, colorPrimary, spaceM, iconSize } = theme();
-const inputPaddingRightWithIcon = iconSize + spaceM * 2;
-const inputPaddingRightWithoutIcon = spaceM * 2;
+const inputPaddingRightWithIcon = iconSize + spaceM;
+const inputPaddingRightWithoutIcon = spaceM;
 const InputField = ({ label, placeholder, value, multiline = false, minHeight, error, style: customStyle, onChange = () => void 0, icon, ...inputRestProps }) => {
     const [isFocused, setIsFocused] = useState(false);
     const handleOnChange = useCallback((text) => onChange(text), [onChange]);

package/dist/shared/ui/components/molecules/inputField/InputField.style.d.ts

@@ -5,6 +5,7 @@ declare const style: {
     };
     field: {
         position: "absolute";
+        width: string;
         zIndex: number;
     };
     icon: {

package/dist/shared/ui/components/molecules/inputField/InputField.style.js

@@ -8,6 +8,7 @@ const style = StyleSheet.create({
     },
     field: {
         position: "absolute",
+        width: "100%",
         zIndex: 4,
     },
     icon: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.5.7",
+  "version": "0.6.0-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -15,7 +15,7 @@
     "ios": "expo start --ios",
     "web": "expo start --web",
     "export-analyze-web": "BUNDLE_ANALYZE=true NODE_ENV=production expo export:web",
-    "build": "tsc -b tsconfig.build.json && cp -R ./src/public/ ./dist/public",
+    "build": "tsc -b tsconfig.build.json",
     "build:app": "tsc -p ./tsconfig.build-app.json --noemit && ENTRY_POINT='./src/Expo.tsx' NODE_ENV=production expo export:web --clear",
     "lint": "eslint --fix --cache --cache-location ./node_modules/.cache/.eslintcache --ext ts,tsx .",
     "format": "prettier --write \"**/*.+(json|css|ts|tsx|md)\"",
@@ -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.12.0",
     "inline-style-prefixer": "6.0.1",
     "react-native-safe-area-context": "^4.4.1",
     "react-native-svg": "^12.1.1",
@@ -46,8 +47,7 @@
     "@lookiero/data-sources": "^0.3",
     "@lookiero/event": "^0.3",
     "@lookiero/locale": "^0.3",
-    "@lookiero/payments-front": "^0.16.9",
-    "@lookiero/user-tracking-front": "0.0.37",
+    "@lookiero/payments-front": "^0.16.5",
     "apollo-boost": "0.4.4",
     "graphql": "16.6.0",
     "graphql-tag": "2.12.6",
@@ -68,30 +68,27 @@
     "@lookiero/data-sources": "^0.3",
     "@lookiero/event": "^0.3",
     "@lookiero/locale": "^0.3",
-    "@lookiero/payments-front": "^0.16.9",
-    "@lookiero/user-tracking-front": "0.0.37",
+    "@lookiero/payments-front": "^0.16.5",
     "@pact-foundation/pact": "^10.1.4",
     "@pact-foundation/pact-node": "^10.17.6",
-    "@react-native-firebase/analytics": "10.5.1",
-    "@react-native-firebase/app": "10.5.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/react-native": "^11.5.0",
+    "@testing-library/react-native": "^11.0.0",
     "@trivago/prettier-plugin-sort-imports": "^3.3.0",
     "@types/jest": "^29.2.4",
-    "@types/react": "~18.0.26",
+    "@types/react": "~18.0.0",
     "@types/react-dom": "~18.0.0",
     "@types/react-native": "~0.69.1",
     "@types/uuid": "^9.0.0",
     "apollo-boost": "0.4.4",
-    "eslint": "^8.31.0",
+    "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react": "^7.31.8",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-native": "^4.0.0",
     "expo": "~46.0.8",
@@ -110,7 +107,6 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-native": "^0.70.6",
-    "react-native-adjust": "^4.33.0",
     "react-native-get-random-values": "^1.8.0",
     "react-native-unimodules": "^0.14.10",
     "react-native-web": "^0.18.9",

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

@@ -1,9 +0,0 @@
-declare const PROJECT = "checkout";
-declare enum TrackingPage {
-    ITEM = "item",
-    CHECKOUT = "checkout",
-    SUMMARY = "summary",
-    FEEDBACK = "feedback",
-    NOT_FOUND = "not_found"
-}
-export { PROJECT, TrackingPage };

package/dist/infrastructure/tracking/tracking.js

@@ -1,10 +0,0 @@
-const PROJECT = "checkout";
-var TrackingPage;
-(function (TrackingPage) {
-    TrackingPage["ITEM"] = "item";
-    TrackingPage["CHECKOUT"] = "checkout";
-    TrackingPage["SUMMARY"] = "summary";
-    TrackingPage["FEEDBACK"] = "feedback";
-    TrackingPage["NOT_FOUND"] = "not_found";
-})(TrackingPage || (TrackingPage = {}));
-export { PROJECT, TrackingPage };

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.style.ts.d.ts

@@ -1,6 +0,0 @@
-declare const style: {
-    safeAreaView: {
-        flex: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/notFound/NotFound.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-import { Country } from "../../../../projection/shared/country";
-interface NotFoundProps {
-    readonly customerId: string;
-    readonly country: Country;
-}
-declare const NotFound: FC<NotFoundProps>;
-export { NotFound };

package/dist/infrastructure/ui/views/notFound/NotFound.js

@@ -1,43 +0,0 @@
-import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
-import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { QueryStatus } from "@lookiero/messaging-react";
-import React, { useCallback } from "react";
-import { Image, Platform } from "react-native";
-import { useNavigate } from "react-router-native";
-import { usePageView } from "../../../../shared/tracking/infrastructure/usePageView";
-import { AspectRatioView } from "../../../../shared/ui/components/atoms/aspectRatioView/AspectRatioView";
-import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { TrackingPage } from "../../../tracking/tracking";
-import { Body } from "../../components/layouts/body/Body";
-import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
-import { I18nMessages } from "../../i18n/i18n";
-import { Routes } from "../../routing/routes";
-import { useBasePath } from "../../routing/useBasePath";
-import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
-import { style } from "./NotFound.style";
-const NotFound = ({ customerId, country }) => {
-    const descriptionText = useI18nMessage({ id: I18nMessages.NOT_FOUND_DESCRIPTION });
-    const buttonText = useI18nMessage({ id: I18nMessages.NOT_FOUND_BUTTON });
-    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    usePageView({
-        page: TrackingPage.NOT_FOUND,
-        country,
-        checkoutId: checkout?.id,
-    });
-    const navigate = useNavigate();
-    const basePath = useBasePath();
-    const handleOnPress = useCallback(() => navigate(`${basePath}/${Routes.HOME}`), [basePath, navigate]);
-    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus);
-    if (!dependenciesLoaded)
-        return React.createElement(Spinner, null);
-    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { scrollView: style.container } },
-        React.createElement(Body, { style: { column: style.bodyColumn } },
-            React.createElement(AspectRatioView, { aspectRatio: 1.25 },
-                React.createElement(Image, { resizeMode: "contain", source: require("../../../../public/images/not-found.png"), style: style.image, testID: "not-found-image" })),
-            React.createElement(Text, { level: 1, style: style.description, body: true }, descriptionText),
-            React.createElement(Button, { onPress: handleOnPress }, buttonText))));
-};
-export { NotFound };

package/dist/infrastructure/ui/views/notFound/NotFound.style.d.ts

@@ -1,16 +0,0 @@
-declare const style: {
-    bodyColumn: {
-        paddingHorizontal: number;
-    };
-    container: {
-        flex: number;
-    };
-    description: {
-        marginBottom: number;
-        textAlign: "center";
-    };
-    image: {
-        flex: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/notFound/NotFound.style.js

@@ -1,19 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../theme/theme";
-const { spaceXL } = theme();
-const style = StyleSheet.create({
-    bodyColumn: {
-        paddingHorizontal: spaceXL,
-    },
-    container: {
-        flex: 1,
-    },
-    description: {
-        marginBottom: spaceXL,
-        textAlign: "center",
-    },
-    image: {
-        flex: 1,
-    },
-});
-export { style };

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

@@ -1,6 +0,0 @@
-import { BaseTrackingEvent } from "../tracking";
-interface EmitUserEventFunction<T extends BaseTrackingEvent> {
-    (args: T): void;
-}
-declare const useEmitUserEvent: <T extends BaseTrackingEvent>() => EmitUserEventFunction<T>;
-export { useEmitUserEvent };

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

@@ -1,7 +0,0 @@
-import { emitUserEvent as emit } from "@lookiero/user-tracking-front";
-import { useCallback } from "react";
-const useEmitUserEvent = () => {
-    const emitUserEvent = useCallback((event) => emit(event), []);
-    return emitUserEvent;
-};
-export { useEmitUserEvent };

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

@@ -1,13 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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;
-        }
-        emitUserEvent({
-            event: TrackingEvent.PAGEVIEW,
-            eventCategory: TrackingEventCategory.NAVIGATION,
-            section: `${PROJECT}_${page}`,
-            store: country,
-            checkoutId,
-            checkoutItemId,
-        });
-    }, [checkoutId, checkoutItemId, country, emitUserEvent, page]);
-};
-export { usePageView };

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

@@ -1,19 +0,0 @@
-import { Country } from "../../projection/shared/country";
-declare enum TrackingEvent {
-    PAGEVIEW = "pageview"
-}
-declare enum TrackingEventCategory {
-    NAVIGATION = "navigation"
-}
-interface BaseTrackingEvent {
-    readonly event: TrackingEvent;
-    readonly eventCategory: TrackingEventCategory;
-    readonly section: string;
-    readonly store: Country;
-    readonly checkoutId: string;
-}
-interface PageViewTrackingEvent extends BaseTrackingEvent {
-    readonly checkoutItemId?: string;
-}
-export type { BaseTrackingEvent, PageViewTrackingEvent };
-export { TrackingEvent, TrackingEventCategory };

package/dist/shared/tracking/tracking.js

@@ -1,9 +0,0 @@
-var TrackingEvent;
-(function (TrackingEvent) {
-    TrackingEvent["PAGEVIEW"] = "pageview";
-})(TrackingEvent || (TrackingEvent = {}));
-var TrackingEventCategory;
-(function (TrackingEventCategory) {
-    TrackingEventCategory["NAVIGATION"] = "navigation";
-})(TrackingEventCategory || (TrackingEventCategory = {}));
-export { TrackingEvent, TrackingEventCategory };

package/dist/shared/ui/components/atoms/aspectRatioView/AspectRatioView.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from "react";
-declare enum AspectRatioViewResizeDirection {
-    VERTICAL = "VERTICAL",
-    HORIZONTAL = "HORIZONTAL"
-}
-interface AspectRatioViewProps {
-    readonly aspectRatio?: number;
-    readonly resizeDirection?: AspectRatioViewResizeDirection;
-    readonly children: ReactNode;
-}
-declare const AspectRatioView: FC<AspectRatioViewProps>;
-export { AspectRatioView, AspectRatioViewResizeDirection };

package/dist/shared/ui/components/atoms/aspectRatioView/AspectRatioView.js

@@ -1,16 +0,0 @@
-import React, { useCallback, useState } from "react";
-import { View } from "react-native";
-var AspectRatioViewResizeDirection;
-(function (AspectRatioViewResizeDirection) {
-    AspectRatioViewResizeDirection["VERTICAL"] = "VERTICAL";
-    AspectRatioViewResizeDirection["HORIZONTAL"] = "HORIZONTAL";
-})(AspectRatioViewResizeDirection || (AspectRatioViewResizeDirection = {}));
-const AspectRatioView = ({ aspectRatio = 1, resizeDirection = AspectRatioViewResizeDirection.HORIZONTAL, children, }) => {
-    const [{ width, height }, setDimension] = useState({});
-    const handleOnLayout = useCallback(({ nativeEvent: { layout } }) => setDimension(resizeDirection === AspectRatioViewResizeDirection.HORIZONTAL
-        ? { width: layout.width, height: layout.width * aspectRatio }
-        : { width: layout.height * aspectRatio, height: layout.height }), [aspectRatio, resizeDirection]);
-    return (React.createElement(View, { onLayout: handleOnLayout },
-        React.createElement(View, { style: { width, height } }, children)));
-};
-export { AspectRatioView, AspectRatioViewResizeDirection };