@lookiero/checkout 0.6.4 → 0.7.1

package/dist/shared/logging/reactRouterV6Instrumentation/NativeReactRouterV6Instrumentation.js

@@ -0,0 +1,131 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { RoutingInstrumentation } from "@sentry/react-native";
+import { logger } from "@sentry/utils";
+import React from "react";
+import { stripFirstSlugFromLocation } from "./location";
+import { normalizedNameAndMatchForLocation } from "./normalizedNameAndMatchForLocation";
+const transactionContext = ({ instrumentationName, route, previousRoute = null, }) => ({
+    name: route.name,
+    op: "navigation",
+    tags: {
+        ["routing.instrumentation"]: instrumentationName,
+        ["routing.route.name"]: route.name,
+    },
+    data: {
+        route,
+        previousRoute,
+    },
+});
+class NativeReactRouterV6Instrumentation extends RoutingInstrumentation {
+    static instrumentationName = "react-router-v6";
+    useEffect;
+    useLocation;
+    matchRoutes;
+    transformLocation;
+    prevRoute;
+    recentRouteKeys = [];
+    latestTransaction;
+    maxRecentRouteLen = 200;
+    constructor({ useEffect, useLocation, matchRoutes, transformLocation = stripFirstSlugFromLocation, }) {
+        super();
+        this.useEffect = useEffect;
+        this.useLocation = useLocation;
+        this.matchRoutes = matchRoutes;
+        this.transformLocation = transformLocation;
+    }
+    registerRoutingInstrumentation(listener, beforeNavigate, onConfirmRoute) {
+        super.registerRoutingInstrumentation(listener, beforeNavigate, onConfirmRoute);
+        this.latestTransaction = this.onRouteWillChange(INITIAL_TRANSACTION_CONTEXT);
+    }
+    onRouteChange(location, routes, updateLatestTransaction = false) {
+        const currentRoute = this.currentRouteFromLocation(location, routes);
+        if (!currentRoute || (this.prevRoute && currentRoute.key === this.prevRoute.key)) {
+            return;
+        }
+        const originalContext = transactionContext({
+            instrumentationName: NativeReactRouterV6Instrumentation.instrumentationName,
+            route: currentRoute,
+            previousRoute: this.prevRoute,
+        });
+        let finalContext = this._beforeNavigate?.(originalContext);
+        if (!finalContext) {
+            logger.error(`[ReactRouterV6Instrumentation] beforeNavigate returned ${finalContext}, return context.sampled = false to not send transaction.`);
+            finalContext = { ...originalContext, sampled: false };
+        }
+        if (finalContext.sampled === false) {
+            this.onBeforeNavigateNotSampled(finalContext.name);
+        }
+        if (updateLatestTransaction && this.latestTransaction) {
+            this.latestTransaction.updateWithContext(finalContext);
+        }
+        else {
+            this.latestTransaction = this.onRouteWillChange(finalContext);
+        }
+        this.pushRecentRouteKey(currentRoute.key);
+        this.prevRoute = currentRoute;
+    }
+    currentRouteFromLocation(location, routes) {
+        const normalizedLocation = this.transformLocation(location);
+        const branches = this.matchRoutes(routes, normalizedLocation);
+        if (!branches) {
+            return null;
+        }
+        const [normalizedName, match] = normalizedNameAndMatchForLocation({
+            location: normalizedLocation,
+            routes,
+            branches,
+        });
+        return {
+            name: normalizedName,
+            key: normalizedName,
+            params: match?.params ?? {},
+            hasBeenSeen: this.recentRouteKeys.includes(normalizedName),
+        };
+    }
+    pushRecentRouteKey(key) {
+        this.recentRouteKeys.push(key);
+        if (this.recentRouteKeys.length > this.maxRecentRouteLen) {
+            this.recentRouteKeys = this.recentRouteKeys.slice(this.recentRouteKeys.length - this.maxRecentRouteLen);
+        }
+    }
+    onBeforeNavigateNotSampled(transactionName) {
+        logger.log(`[ReactRouterV6Instrumentation] Will not send transaction "${transactionName}" due to beforeNavigate.`);
+    }
+    wrapUseRoutes = (origUseRoutes) => {
+        if (!this.useEffect || !this.useLocation || !this.matchRoutes) {
+            logger.warn("ReactRouterV6Instrumentation was unable to wrap `useRoutes` because of one or more missing parameters.");
+            return origUseRoutes;
+        }
+        let isMountRenderPass = true;
+        const useRoutes = (routes, locationArg) => {
+            const SentryRoutes = () => {
+                const Routes = origUseRoutes(routes, locationArg);
+                const location = this.useLocation();
+                const stableLocationParam = typeof locationArg === "string" || (locationArg && locationArg.pathname)
+                    ? locationArg
+                    : location;
+                this.useEffect(() => {
+                    const normalizedLocation = typeof stableLocationParam === "string" ? { pathname: stableLocationParam } : stableLocationParam;
+                    if (isMountRenderPass) {
+                        this.onRouteChange(normalizedLocation, routes, true);
+                        isMountRenderPass = false;
+                    }
+                    else {
+                        this.onRouteChange(normalizedLocation, routes);
+                    }
+                }, [stableLocationParam]);
+                return Routes;
+            };
+            return React.createElement(SentryRoutes, null);
+        };
+        return useRoutes;
+    };
+}
+const INITIAL_TRANSACTION_CONTEXT = {
+    name: "App Launch",
+    op: "navigation",
+    tags: {
+        ["routing.instrumentation"]: NativeReactRouterV6Instrumentation.instrumentationName,
+    },
+};
+export { NativeReactRouterV6Instrumentation };

package/dist/shared/logging/reactRouterV6Instrumentation/location.d.ts

@@ -0,0 +1,3 @@
+import { Location } from "../types";
+declare const stripFirstSlugFromLocation: (locationArg: string | Location) => Location;
+export { stripFirstSlugFromLocation };

package/dist/shared/logging/reactRouterV6Instrumentation/location.js

@@ -0,0 +1,5 @@
+// Remove the location's first path ("/checkout"). Otherwise it won't match the proper route.
+const stripFirstSlugFromLocation = (locationArg) => ({
+    pathname: (typeof locationArg === "string" ? locationArg : locationArg?.pathname || "").replace(/^\/\w+/, ""),
+});
+export { stripFirstSlugFromLocation };

package/dist/shared/logging/reactRouterV6Instrumentation/normalizedNameAndMatchForLocation.d.ts

@@ -0,0 +1,12 @@
+import { RouteMatch, RouteObject } from "react-router-native";
+import { Location } from "../types";
+interface NormalizedNameAndMatchForLocationFunctionArgs {
+    readonly routes?: RouteObject[];
+    readonly location: Location;
+    readonly branches: RouteMatch[];
+}
+interface NormalizedNameAndMatchForLocationFunction {
+    (args: NormalizedNameAndMatchForLocationFunctionArgs): [string, RouteMatch | null];
+}
+declare const normalizedNameAndMatchForLocation: NormalizedNameAndMatchForLocationFunction;
+export { normalizedNameAndMatchForLocation };

package/dist/shared/logging/reactRouterV6Instrumentation/normalizedNameAndMatchForLocation.js

@@ -0,0 +1,34 @@
+import { getNumberOfUrlSegments } from "@sentry/utils";
+const normalizedNameAndMatchForLocation = ({ routes, location, branches, }) => {
+    if (!routes || routes.length === 0) {
+        return [location.pathname, null];
+    }
+    let pathBuilder = "";
+    if (branches) {
+        // eslint-disable-next-line @typescript-eslint/prefer-for-of
+        for (let x = 0; x < branches.length; x++) {
+            const branch = branches[x];
+            const route = branch.route;
+            if (route) {
+                // Early return if index route
+                if (route.index) {
+                    return [branch.pathname, branch];
+                }
+                const path = route.path;
+                if (path) {
+                    const newPath = path[0] === "/" || pathBuilder[pathBuilder.length - 1] === "/" ? path : `/${path}`;
+                    pathBuilder += newPath;
+                    if (branch.pathname === location.pathname) {
+                        if (getNumberOfUrlSegments(pathBuilder) !== getNumberOfUrlSegments(branch.pathname) &&
+                            pathBuilder.slice(-2) !== "/*") {
+                            return [newPath, branch];
+                        }
+                        return [pathBuilder, branch];
+                    }
+                }
+            }
+        }
+    }
+    return [location.pathname, null];
+};
+export { normalizedNameAndMatchForLocation };

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

@@ -0,0 +1,15 @@
+import { Transaction, TransactionContext } from "@sentry/types";
+import { Location, MatchRoutes, UseEffect, UseLocation, UseNavigationType, WrapUseRoutes } from "../types";
+interface ReactRouterV6InstrumentationFunctionArgs {
+    readonly useEffect: UseEffect;
+    readonly useLocation: UseLocation;
+    readonly useNavigationType: UseNavigationType;
+    readonly matchRoutes: MatchRoutes;
+    readonly transformLocation?: (location: Location) => Location;
+}
+interface ReactRouterV6InstrumentationFunction {
+    (args: ReactRouterV6InstrumentationFunctionArgs): (customStartTransaction: (context: TransactionContext) => Transaction | undefined, startTransactionOnPageLoad?: boolean, startTransactionOnLocationChange?: boolean) => void;
+}
+declare const reactRouterV6Instrumentation: ReactRouterV6InstrumentationFunction;
+declare const wrapUseRoutes: WrapUseRoutes;
+export { reactRouterV6Instrumentation, wrapUseRoutes };

package/dist/shared/logging/reactRouterV6Instrumentation/reactRouterV6Instrumentation.js

@@ -0,0 +1,92 @@
+import { WINDOW } from "@sentry/browser";
+import { logger } from "@sentry/utils";
+import React from "react";
+import { stripFirstSlugFromLocation } from "./location";
+import { normalizedNameAndMatchForLocation } from "./normalizedNameAndMatchForLocation";
+const transactionContext = ({ instrumentationName, op, routeName, source, }) => ({
+    name: routeName,
+    op,
+    tags: {
+        ["routing.instrumentation"]: instrumentationName,
+        ["routing.route.name"]: routeName,
+    },
+    metadata: {
+        source,
+    },
+});
+const instrumentationName = "react-router-v6";
+let activeTransaction;
+/* eslint-disable @typescript-eslint/naming-convention */
+let _useEffect;
+let _useLocation;
+let _useNavigationType;
+let _matchRoutes;
+let _customStartTransaction;
+let _startTransactionOnLocationChange;
+let _transformLocation;
+const reactRouterV6Instrumentation = ({ useEffect, useLocation, useNavigationType, matchRoutes, transformLocation = stripFirstSlugFromLocation, }) => {
+    return (customStartTransaction, startTransactionOnPageLoad = true, startTransactionOnLocationChange = true) => {
+        const initPathName = WINDOW && WINDOW.location && WINDOW.location.pathname;
+        if (startTransactionOnPageLoad && initPathName) {
+            activeTransaction = customStartTransaction(transactionContext({ instrumentationName, op: "pageload", routeName: initPathName, source: "url" }));
+        }
+        _useEffect = useEffect;
+        _useLocation = useLocation;
+        _useNavigationType = useNavigationType;
+        _matchRoutes = matchRoutes;
+        _customStartTransaction = customStartTransaction;
+        _startTransactionOnLocationChange = startTransactionOnLocationChange;
+        _transformLocation = transformLocation;
+    };
+};
+const updatePageloadTransaction = (location, routes) => {
+    const branches = _matchRoutes(routes, location);
+    if (activeTransaction && branches) {
+        const [name, match] = normalizedNameAndMatchForLocation({ routes, location, branches });
+        const source = match ? "route" : "url";
+        activeTransaction.setName(name, source);
+    }
+};
+const handleNavigation = (location, routes, navigationType) => {
+    const branches = _matchRoutes(routes, location);
+    if (_startTransactionOnLocationChange && (navigationType === "PUSH" || navigationType === "POP") && branches) {
+        if (activeTransaction) {
+            activeTransaction.finish();
+        }
+        const [name, match] = normalizedNameAndMatchForLocation({ routes, location, branches });
+        const source = match ? "route" : "url";
+        activeTransaction = _customStartTransaction(transactionContext({ instrumentationName, op: "navigation", routeName: name, source }));
+    }
+};
+const wrapUseRoutes = (origUseRoutes) => {
+    if (!_useEffect || !_useLocation || !_useNavigationType || !_matchRoutes || !_customStartTransaction) {
+        logger.warn("reactRouterV6Instrumentation was unable to wrap `useRoutes` because of one or more missing parameters.");
+        return origUseRoutes;
+    }
+    let isMountRenderPass = true;
+    // eslint-disable-next-line react/display-name
+    return (routes, locationArg) => {
+        const SentryRoutes = () => {
+            const Routes = origUseRoutes(routes, locationArg);
+            const location = _useLocation();
+            const navigationType = _useNavigationType();
+            // A value with stable identity to either pick `locationArg` if available or `location` if not
+            const stableLocationParam = typeof locationArg === "string" || (locationArg && locationArg.pathname)
+                ? locationArg
+                : location;
+            _useEffect(() => {
+                const normalizedLocation = typeof stableLocationParam === "string" ? { pathname: stableLocationParam } : stableLocationParam;
+                if (isMountRenderPass) {
+                    updatePageloadTransaction(_transformLocation(normalizedLocation), routes);
+                    isMountRenderPass = false;
+                }
+                else {
+                    handleNavigation(_transformLocation(normalizedLocation), routes, navigationType);
+                }
+            }, [navigationType, stableLocationParam]);
+            return Routes;
+        };
+        return React.createElement(SentryRoutes, null);
+    };
+};
+export { reactRouterV6Instrumentation, wrapUseRoutes };

package/dist/shared/logging/reactRouterV6Instrumentation/types.d.ts

@@ -0,0 +1,9 @@
+interface NavigationRoute {
+    readonly name: string;
+    readonly key: string;
+    readonly params: Record<string, unknown>;
+}
+interface NavigationCurrentRoute extends NavigationRoute {
+    readonly hasBeenSeen: boolean;
+}
+export type { NavigationRoute, NavigationCurrentRoute };

package/dist/shared/logging/reactRouterV6Instrumentation/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,22 @@
+import { Integration } from "@sentry/types";
+import { ComponentType, useEffect } from "react";
+import { matchRoutes, RouteObject, useLocation } from "react-router-native";
+interface Location {
+    readonly pathname: string;
+}
+type UseEffect = typeof useEffect;
+type UseLocation = typeof useLocation;
+type MatchRoutes = typeof matchRoutes;
+type NavigationType = "PUSH" | "REPLACE" | "POP";
+type UseNavigationType = () => NavigationType;
+type UseRoutes = (routes: RouteObject[], locationArg?: Partial<Location> | string) => React.ReactElement | null;
+interface WrapUseRoutes {
+    (useRoutes: UseRoutes): UseRoutes;
+}
+interface WrapComponent {
+    <P>(Component: ComponentType<P>): ComponentType<P>;
+}
+interface Integrations {
+    (): Integration[];
+}
+export type { Location, Integrations, UseEffect, UseLocation, NavigationType, UseNavigationType, MatchRoutes, UseRoutes, WrapUseRoutes, WrapComponent, };

package/dist/shared/logging/types.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/ui/components/atoms/field/Field.js

@@ -4,22 +4,14 @@ import React from "react";
 import { View } from "react-native";
 import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { style } from "./Field.style";
-const { spaceM } = theme();
+const { spaceM, spaceXL } = theme();
 const Field = ({ label, isFocused = false, style: customStyle }) => {
-    const springs = useSpring(isFocused ? { scale: 0.75, translateY: -14, translateX: 0 } : { scale: 1, translateY: spaceM, translateX: spaceM });
+    const springs = useSpring(isFocused
+        ? { scale: 0.75, translateY: -14, translateX: -spaceXL }
+        : { scale: 1, translateY: spaceM, translateX: 0 });
     return (React.createElement(animated.View, { pointerEvents: "none", style: [
             {
-                transform: [
-                    {
-                        scale: springs.scale,
-                    },
-                    {
-                        translateY: springs.translateY,
-                    },
-                    {
-                        translateX: springs.translateX,
-                    },
-                ],
+                transform: [{ scale: springs.scale }, { translateY: springs.translateY }, { translateX: springs.translateX }],
             },
             customStyle?.field,
         ] },

package/dist/shared/ui/components/atoms/field/Field.style.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { colorBase, spaceS } = theme();
+const { colorBase, spaceM } = theme();
 const style = StyleSheet.create({
     fieldBackground: {
         backgroundColor: colorBase,
@@ -12,7 +12,7 @@ const style = StyleSheet.create({
     fieldText: {
         flexWrap: "nowrap",
         overflow: "hidden",
-        paddingHorizontal: spaceS,
+        paddingHorizontal: spaceM,
         zIndex: 1,
     },
 });

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.6.4",
+  "version": "0.7.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -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.13.0",
     "inline-style-prefixer": "6.0.1",
     "react-native-safe-area-context": "^4.4.1",
     "react-native-svg": "^12.1.1",

package/dist/infrastructure/domain/uiSetting/react/useIncrementIntroShownCount.d.ts

@@ -1,10 +0,0 @@
-import { CommandStatus } from "@lookiero/messaging-react";
-interface IncrementIntroShownCountFunction {
-    (): Promise<void>;
-}
-type UseIncrementIntroShownCount = [incrementIntroShownCount: IncrementIntroShownCountFunction, status: CommandStatus];
-interface UseIncrementIntroShownCountFunction {
-    (): UseIncrementIntroShownCount;
-}
-declare const useIncrementIntroShownCount: UseIncrementIntroShownCountFunction;
-export { useIncrementIntroShownCount };

package/dist/infrastructure/domain/uiSetting/react/useIncrementIntroShownCount.js

@@ -1,11 +0,0 @@
-import { useCallback } from "react";
-import { useViewIntroShownCount } from "../../../projection/uiSetting/react/useViewIntroShownCount";
-import { UISettings } from "../../../ui/settings/UISettings";
-import { useUpdateUiSetting } from "./useUpdateUiSetting";
-const useIncrementIntroShownCount = () => {
-    const [update, status] = useUpdateUiSetting();
-    const [introShownCount] = useViewIntroShownCount();
-    const incrementIntroShownCount = useCallback(() => update({ key: UISettings.INTRO_SHOWN_COUNT, value: introShownCount + 1 }), [introShownCount, update]);
-    return [incrementIntroShownCount, status];
-};
-export { useIncrementIntroShownCount };

package/dist/infrastructure/projection/uiSetting/react/useShouldIntroBeShown.d.ts

@@ -1,6 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-interface UseShouldIntroBeShownFunction {
-    (): [boolean, QueryStatus];
-}
-declare const useShouldIntroBeShown: UseShouldIntroBeShownFunction;
-export { useShouldIntroBeShown };

package/dist/infrastructure/projection/uiSetting/react/useShouldIntroBeShown.js

@@ -1,7 +0,0 @@
-import { useViewIntroShownCount } from "./useViewIntroShownCount";
-const MAX_INTRO_SHOWN_COUNT = 2;
-const useShouldIntroBeShown = () => {
-    const [introShownCount, introShownCountStatus] = useViewIntroShownCount();
-    return [introShownCount < MAX_INTRO_SHOWN_COUNT, introShownCountStatus];
-};
-export { useShouldIntroBeShown };

package/dist/infrastructure/projection/uiSetting/react/useViewIntroShownCount.d.ts

@@ -1,6 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-interface UseViewIntroShownCountFunction {
-    (): [number, QueryStatus];
-}
-declare const useViewIntroShownCount: UseViewIntroShownCountFunction;
-export { useViewIntroShownCount };

package/dist/infrastructure/projection/uiSetting/react/useViewIntroShownCount.js

@@ -1,9 +0,0 @@
-import { UISettings } from "../../../ui/settings/UISettings";
-import { useViewUiSettingByKey } from "./useViewUiSettingByKey";
-const useViewIntroShownCount = () => {
-    const [introShownCount, introShownCountStatus] = useViewUiSettingByKey({
-        key: UISettings.INTRO_SHOWN_COUNT,
-    });
-    return [introShownCount?.value || 0, introShownCountStatus];
-};
-export { useViewIntroShownCount };

package/dist/infrastructure/ui/views/intro/Intro.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-type IntroProps = {
-    readonly customerId: string;
-};
-declare const Intro: FC<IntroProps>;
-export { Intro };

package/dist/infrastructure/ui/views/intro/Intro.js

@@ -1,52 +0,0 @@
-import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
-import { Icon } from "@lookiero/aurora-next/build/components/primitives/Icon/Icon";
-import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import React from "react";
-import { Platform, View } from "react-native";
-import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useIncrementIntroShownCount } from "../../../domain/uiSetting/react/useIncrementIntroShownCount";
-import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
-import { Body } from "../../components/layouts/body/Body";
-import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
-import { I18nMessages } from "../../i18n/i18n";
-import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
-import { style } from "./Intro.style";
-const Bullet = ({ text }) => (React.createElement(View, { style: style.bullet },
-    React.createElement(Icon, { name: "rounded-tick", style: style.tickIcon }),
-    React.createElement(Text, { level: 2, detail: true }, text)));
-const Intro = ({ customerId }) => {
-    const titleText = useI18nMessage({ id: I18nMessages.INTRO_TITLE });
-    const subTitleText = useI18nMessage({ id: I18nMessages.INTRO_SUBTITLE });
-    const discountText = useI18nMessage({ id: I18nMessages.INTRO_DISCOUNT });
-    const bulletOneText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_ONE });
-    const bulletTwoText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_TWO });
-    const bulletThreeText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_THREE });
-    const buttonText = useI18nMessage({ id: I18nMessages.INTRO_BUTTON });
-    const [fiveItemsDiscount, fiveItemsDiscountStatus] = useViewFiveItemsDiscountByCustomerId({
-        customerId,
-    });
-    const [incrementIntroShownCount, incrementIntroShownCountStatus] = useIncrementIntroShownCount();
-    if (fiveItemsDiscountStatus === QueryStatus.LOADING)
-        return React.createElement(Spinner, null);
-    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0 },
-        React.createElement(Body, { style: { column: style.bodyColumn } },
-            React.createElement(View, { style: style.intro },
-                React.createElement(View, { style: style.content },
-                    React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
-                    React.createElement(Text, { level: 3, style: style.subtitle, body: true }, subTitleText),
-                    fiveItemsDiscount !== 0 && (React.createElement(View, { style: style.discountContainer },
-                        React.createElement(View, { style: style.discount },
-                            React.createElement(Text, { level: 2, heading: true },
-                                "- ",
-                                fiveItemsDiscount),
-                            React.createElement(Text, { level: 3, style: style.percentage, heading: true }, "%")),
-                        React.createElement(Text, { level: 3, body: true }, discountText))),
-                    React.createElement(View, { style: style.description },
-                        React.createElement(Bullet, { text: bulletOneText }),
-                        React.createElement(Bullet, { text: bulletTwoText }),
-                        React.createElement(Bullet, { text: bulletThreeText }))),
-                React.createElement(Button, { disabled: incrementIntroShownCountStatus === CommandStatus.LOADING, onPress: incrementIntroShownCount }, buttonText)))));
-};
-export { Intro };

package/dist/infrastructure/ui/views/intro/Intro.style.d.ts

@@ -1,52 +0,0 @@
-declare const style: {
-    bodyColumn: {
-        paddingHorizontal: number;
-    };
-    bullet: {
-        alignItems: "center";
-        flexDirection: "row";
-        marginVertical: number;
-    };
-    content: {
-        alignItems: "center";
-    };
-    description: {
-        borderWidth: number;
-        marginBottom: number;
-        padding: number;
-        width: string;
-    };
-    discount: {
-        alignItems: "flex-end";
-        flexDirection: "row";
-        justifyContent: "center";
-        marginBottom: number;
-    };
-    discountContainer: {
-        alignItems: "center";
-        backgroundColor: string;
-        marginBottom: number;
-        padding: number;
-        textAlign: "center";
-        width: string;
-    };
-    intro: {
-        flex: number;
-        justifyContent: "space-between";
-    };
-    percentage: {
-        marginLeft: number;
-    };
-    subtitle: {
-        marginBottom: number;
-        textAlign: "center";
-    };
-    tickIcon: {
-        marginRight: number;
-    };
-    title: {
-        marginBottom: number;
-        textAlign: "center";
-    };
-};
-export { style };