@lookiero/checkout 10.0.0-beta.2 → 10.0.0-beta.4

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

@@ -1,24 +0,0 @@
-import { FC } from "react";
-import { StyleProp, TextStyle, ViewStyle } from "react-native";
-import { IconName, InputProperties } from "@lookiero/aurora";
-import { ErrorStyle } from "@lookiero/sty-psp-ui";
-import { FieldStyle } from "../../atoms/field/Field";
-type IconStyle = StyleProp<TextStyle>;
-type InputFieldStyle = FieldStyle & {
-    readonly inputField: StyleProp<ViewStyle>;
-    readonly error: ErrorStyle;
-    readonly icon: IconStyle;
-};
-interface InputFieldBaseProps {
-    readonly label: string;
-    readonly multiline?: boolean;
-    readonly error?: string | null;
-    readonly style?: Partial<InputFieldStyle>;
-    readonly onChange?: (value: string) => void;
-    readonly icon?: IconName;
-}
-interface InputFieldProps extends Omit<InputProperties, keyof InputFieldBaseProps>, InputFieldBaseProps {
-}
-declare const InputField: FC<InputFieldProps>;
-export type { InputFieldStyle };
-export { InputField };

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

@@ -1,28 +0,0 @@
-import React, { useCallback, useState } from "react";
-import { View } from "react-native";
-import { COLOR, Icon, Input } from "@lookiero/aurora";
-import { Error, theme } from "@lookiero/sty-psp-ui";
-import { Field } from "../../atoms/field/Field";
-import { style } from "./InputField.style";
-const { colorBgBase, colorBorderInput, colorBorderInputError, colorBorderInputFocus, colorText, colorTextError, colorTextMedium, iconSize, space6, } = theme();
-const inputPaddingRightWithIcon = iconSize + space6;
-const InputField = ({ label, placeholder, value, multiline = false, error, style: customStyle, onChange = () => void 0, icon, testID = "input", ...inputRestProps }) => {
-    const [isFocused, setIsFocused] = useState(false);
-    const handleOnChange = useCallback((text) => onChange(text), [onChange]);
-    const handleOnBlur = useCallback(() => setIsFocused(false), []);
-    const handleOnFocus = useCallback(() => setIsFocused(true), []);
-    const borderColor = error ? colorBorderInputError : isFocused ? colorBorderInputFocus : colorBorderInput;
-    const color = error ? colorTextError : isFocused ? colorText : colorTextMedium;
-    return (React.createElement(View, { style: [style.inputField, { borderColor }, customStyle?.inputField], testID: "input-field" },
-        React.createElement(Field, { isFocused: isFocused || !!value, label: label, style: {
-                field: [style.field, customStyle?.field],
-                fieldText: [{ color }, customStyle?.fieldText],
-            } }),
-        React.createElement(Input, { autoCapitalize: "sentences", multiline: multiline, multilineMaxHeight: 242, placeholder: placeholder, placeholderTextColor: isFocused ? colorTextMedium : colorBgBase, style: [!!icon && { paddingRight: inputPaddingRightWithIcon }, style.input, { color }], testID: testID, value: value, onBlur: handleOnBlur, 
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            onChange: handleOnChange, onFocus: handleOnFocus, ...inputRestProps }),
-        !!icon && React.createElement(Icon, { color: COLOR.GRAYSCALE_L, name: icon, style: [style.icon, customStyle?.icon], testID: "icon" }),
-        !!error && React.createElement(Error, { error: error, style: [style.error, customStyle?.error] })));
-};
-export { InputField };

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

@@ -1,29 +0,0 @@
-import { StyleSheet } from "react-native";
-declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
-    error: {
-        marginLeft: number;
-        marginTop: number;
-    };
-    field: {
-        left: number;
-        maxWidth: "100%";
-        position: "absolute";
-        zIndex: number;
-    };
-    icon: {
-        height: number;
-        position: "absolute";
-        right: number;
-        top: number;
-        width: number;
-        zIndex: number;
-    };
-    input: {
-        textOverflow?: string | undefined;
-    };
-    inputField: {
-        borderRadius: number;
-        borderWidth: number;
-    };
-}>;
-export { style };

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

@@ -1,37 +0,0 @@
-import { StyleSheet, Platform } from "react-native";
-import { theme } from "@lookiero/sty-psp-ui";
-const { space1, space4, space6, borderRadius2, borderWidth1 } = theme();
-const style = StyleSheet.create({
-    error: {
-        marginLeft: space6,
-        marginTop: space1,
-    },
-    field: {
-        left: space4,
-        maxWidth: "100%",
-        position: "absolute",
-        zIndex: 4,
-    },
-    icon: {
-        height: 16,
-        position: "absolute",
-        right: space4,
-        top: space4,
-        width: 16,
-        zIndex: 4,
-    },
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    input: {
-        ...Platform.select({
-            web: {
-                textOverflow: "ellipsis",
-            },
-        }),
-    },
-    inputField: {
-        borderRadius: borderRadius2,
-        borderWidth: borderWidth1,
-    },
-});
-export { style };

package/src/infrastructure/ui/components/templates/footer/Footer.test.tsx

@@ -1,15 +0,0 @@
-import React from "react";
-import { render } from "../../../test/render";
-import { Footer } from "./Footer";
-
-jest.mock("react-router-native", () => ({
-  useLocation: () => jest.fn(),
-}));
-
-describe("Footer template", () => {
-  it("matches the snapshot", async () => {
-    const { toJSON } = render(<Footer />);
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-});

package/src/infrastructure/ui/components/templates/footer/Footer.tsx

@@ -1,19 +0,0 @@
-import React, { FC } from "react";
-import { useLocation } from "react-router-native";
-import { Footer as AuroraFooter, FooterItem } from "@lookiero/aurora";
-
-const Footer: FC = () => {
-  const location = useLocation();
-
-  return (
-    <AuroraFooter value={location.pathname}>
-      <FooterItem icon="box" text="Inicio" value="/" />
-      <FooterItem icon="heart" text="Look&Like" value="/look-and-like" />
-      <FooterItem icon="referrals" text="Amigas" value="/friends" />
-      <FooterItem icon="eye_open" text="Inspiración" value="/inspiration" />
-      <FooterItem icon="inbox" notification={true} text="Mensajes" value="/messages" />
-    </AuroraFooter>
-  );
-};
-
-export { Footer };