@lookiero/checkout 0.4.5-beta.7 → 0.4.5-beta.8

package/dist/infrastructure/ui/views/summary/Summary.js

@@ -1,11 +1,14 @@
 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, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Platform, View } from "react-native";
 import { generatePath, useNavigate } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
+import { useCreateNotification } from "../../../../shared/notifications";
+import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
 import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";
@@ -24,6 +27,11 @@ const { spaceXL } = theme();
 const Summary = ({ customerId }) => {
     const titleText = useI18nMessage({ id: I18nMessages.SUMMARY_TITLE });
     const descriptionText = useI18nMessage({ id: I18nMessages.SUMMARY_DESCRIPTION });
+    const [create] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID });
+    useEffect(() => {
+        const i = setInterval(() => create({ bodyI18nKey: "Notification body", level: NotificationLevel.ERROR }), 10000);
+        return () => clearInterval(i);
+    }, [create]);
     const [pricingHeight, setPricingHeight] = useState(0);
     const handleOnPricingLayout = useCallback(({ height }) => setPricingHeight(height), []);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });

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

@@ -8,6 +8,7 @@ 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 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]);
@@ -17,7 +18,11 @@ const InputField = ({ label, placeholder, value, multiline = false, minHeight, e
     return (React.createElement(View, { style: customStyle?.inputField, testID: "input-field" },
         React.createElement(Field, { isFocused: isFocused || !!value, label: label, style: {
                 field: [style.field, customStyle?.field],
-                fieldText: [{ color }, !!icon && { paddingRight: inputPaddingRightWithIcon }, customStyle?.fieldText],
+                fieldText: [
+                    { color },
+                    { paddingRight: !!icon ? inputPaddingRightWithIcon : inputPaddingRightWithoutIcon },
+                    customStyle?.fieldText,
+                ],
             } }),
         React.createElement(Input, { minHeight: minHeight, multiline: multiline, placeholder: placeholder, placeholderTextColor: isFocused ? colorGrayscaleL : colorBase, style: [!!icon && { paddingRight: inputPaddingRightWithIcon }, { borderColor: color }, customStyle?.input], value: value, onBlur: handleOnBlur, onChangeText: handleOnChange, onFocus: handleOnFocus, ...inputRestProps }),
         !!icon && React.createElement(Icon, { name: icon, style: [style.icon, { color }, customStyle?.icon] }),

package/package.json

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