@lookiero/checkout 9.4.0 → 9.6.0

package/dist/src/infrastructure/ui/i18n/fetchTranslations.js

@@ -1,17 +0,0 @@
-import { fetchFetchTranslation } from "@lookiero/i18n";
-
-const fetchTranslations =
-  ({ translations }) =>
-  async ({ locale }) => {
-    const translationsMessages = await Promise.all(
-      translations.map((endpoint) => fetchFetchTranslation({ endpoint })({ locale })),
-    );
-    return translationsMessages.reduce(
-      (acc, translationMessages) => ({
-        ...acc,
-        ...translationMessages,
-      }),
-      {},
-    );
-  };
-export { fetchTranslations };

package/dist/src/infrastructure/ui/i18n/translationEndpoint.d.ts

@@ -1,20 +0,0 @@
-import { EndpointFunction } from "@lookiero/i18n";
-
-interface TranslationEndpointFunctionArgs {
-  readonly translationsUrl: string;
-  readonly translationsApiKey: string;
-}
-interface TranslationEndpointFunction {
-  (args: TranslationEndpointFunctionArgs): EndpointFunction;
-}
-declare const translationEndpoint: TranslationEndpointFunction;
-type Project = "user-area-front" | "inventory-catalog" | "checkout";
-interface TranslationExternalEndpointFunctionArgs {
-  readonly translationsUrl: string;
-  readonly projects: [project: Project, filter?: string][];
-}
-interface TranslationExternalEndpointFunction {
-  (args: TranslationExternalEndpointFunctionArgs): EndpointFunction;
-}
-declare const translationExternalEndpoint: TranslationExternalEndpointFunction;
-export { translationEndpoint, translationExternalEndpoint };

package/dist/src/infrastructure/ui/i18n/translationEndpoint.js

@@ -1,27 +0,0 @@
-import { Country } from "../../../projection/shared/country";
-import { Locale } from "../../../projection/shared/locale";
-
-const translationEndpoint =
-  ({ translationsUrl, translationsApiKey }) =>
-  (locale) =>
-    `${translationsUrl}/${locale}?key=${translationsApiKey}&no-folding=true`;
-const COUNTRY = {
-  [Locale.ES]: Country.ES,
-  [Locale.FR]: Country.FR,
-  [Locale.EN]: Country.GB,
-  [Locale.IT]: Country.IT,
-  [Locale.PT]: Country.PT,
-  [Locale.DE]: Country.DE,
-  [Locale.AT]: Country.AT,
-  [Locale.NL]: Country.NL,
-  [Locale.SE]: Country.SE,
-};
-const translationExternalEndpoint =
-  ({ translationsUrl, projects }) =>
-  (locale) => {
-    const projectsQueryParam = projects
-      .map(([project, filter]) => `projectFilter=${project}${filter ? `:${filter}` : ""}`)
-      .join("&");
-    return `${translationsUrl}/${locale}/${COUNTRY[locale]}?${projectsQueryParam}`;
-  };
-export { translationEndpoint, translationExternalEndpoint };

package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-
-interface CheckoutAccessibilityMiddlewareProps {
-  readonly customerId: string | undefined;
-  readonly onNotAccessible: () => void;
-  readonly loader?: JSX.Element;
-  readonly children: JSX.Element;
-}
-declare const CheckoutAccessibilityMiddleware: FC<CheckoutAccessibilityMiddlewareProps>;
-export { CheckoutAccessibilityMiddleware };

package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.js

@@ -1,27 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import { Spinner } from "@lookiero/aurora";
-import { QueryStatus } from "@lookiero/messaging-react";
-import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId";
-
-const CheckoutAccessibilityMiddleware = ({
-  customerId,
-  onNotAccessible,
-  loader = React.createElement(Spinner, null),
-  children,
-}) => {
-  const [accessible, status] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
-  const onNotAccessibleRef = useRef(onNotAccessible);
-  onNotAccessibleRef.current = onNotAccessible;
-  const notAccessible = accessible === false || status === QueryStatus.ERROR;
-  useEffect(() => {
-    if (notAccessible) {
-      onNotAccessibleRef.current();
-    }
-  }, [notAccessible]);
-  return accessible === undefined && [QueryStatus.IDLE, QueryStatus.LOADING].includes(status)
-    ? loader
-    : accessible
-      ? children
-      : null;
-};
-export { CheckoutAccessibilityMiddleware };

package/dist/src/infrastructure/ui/views/App.style.d.ts

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

package/dist/src/infrastructure/ui/views/App.style.js

@@ -1,8 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const style = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-});
-export { style };

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.d.ts

@@ -1,7 +0,0 @@
-declare const style: {
-  buttonContainer: {
-    paddingHorizontal: number;
-    paddingVertical: number;
-  };
-};
-export { style };

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.js

@@ -1,11 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "@lookiero/sty-psp-ui";
-
-const { space6, space8 } = theme();
-const style = StyleSheet.create({
-  buttonContainer: {
-    paddingHorizontal: space6,
-    paddingVertical: space8,
-  },
-});
-export { style };

package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.d.ts

@@ -1,12 +0,0 @@
-import { FC } from "react";
-import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
-import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
-
-interface ReturnQuestionsFormProps {
-  readonly visible: boolean;
-  readonly returnQuestions: ReturnQuestionProjection[];
-  readonly onSubmit: (feedback: FeedbackProjection) => void;
-  readonly onClose: () => void;
-}
-declare const ReturnQuestionsForm: FC<ReturnQuestionsFormProps>;
-export { ReturnQuestionsForm };

package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -1,64 +0,0 @@
-import { PortalHost } from "@gorhom/portal";
-import React, { useCallback } from "react";
-import { View } from "react-native";
-import { Button, Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { Modal } from "@lookiero/sty-psp-ui";
-import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion";
-import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
-import { useReturnQuestionFeedback } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
-import { ReturnQuestionItemProvider } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
-import { HostDefaultReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem";
-import { HostSelectReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem";
-import { HostStackReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem";
-import { OptionReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
-import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./ReturnQuestionsForm.style";
-
-const RETURN_QUESTION_FORM_PORTAL_HOST_NAME = "return-question-form-portal";
-const returnQuestionItems = {
-  [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionItem,
-  [ReturnQuestionType.HOST_TEXTAREA]: HostDefaultReturnQuestionItem,
-  [ReturnQuestionType.HOST_SELECT]: HostSelectReturnQuestionItem,
-  [ReturnQuestionType.HOST_STACK]: HostStackReturnQuestionItem,
-  [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
-  [ReturnQuestionType.OPTION]: OptionReturnQuestionItem,
-};
-const ReturnQuestionsForm = ({ returnQuestions, visible, onSubmit, onClose }) => {
-  const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
-  const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
-  const feedback = useReturnQuestionFeedback();
-  const handleOnSubmit = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
-  return React.createElement(
-    ReturnQuestionItemProvider,
-    { returnQuestionItems: returnQuestionItems },
-    React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
-    React.createElement(
-      Modal,
-      {
-        portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME,
-        testID: "return-questions-form-modal",
-        visible: visible,
-        scroll: true,
-        showCloseButton: true,
-        onClose: onClose,
-      },
-      React.createElement(
-        View,
-        { style: style.modalContent },
-        React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
-        React.createElement(ReturnQuestions, {
-          portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME,
-          returnQuestions: returnQuestions,
-        }),
-        React.createElement(
-          Button,
-          { style: style.submit, testID: "return-questions-button", onPress: handleOnSubmit },
-          submitButtonText,
-        ),
-      ),
-    ),
-  );
-};
-export { ReturnQuestionsForm };

package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.d.ts

@@ -1,12 +0,0 @@
-declare const style: {
-  modalContent: {
-    paddingHorizontal: number;
-  };
-  submit: {
-    marginTop: number;
-  };
-  title: {
-    marginBottom: number;
-  };
-};
-export { style };

package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.js

@@ -1,16 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "@lookiero/sty-psp-ui";
-
-const { space6, space8 } = theme();
-const style = StyleSheet.create({
-  modalContent: {
-    paddingHorizontal: space6,
-  },
-  submit: {
-    marginTop: space8,
-  },
-  title: {
-    marginBottom: space6,
-  },
-});
-export { style };

package/dist/src/infrastructure/ui/views/return/Return.style.d.ts

@@ -1,40 +0,0 @@
-declare const style: {
-  description: {
-    color: string;
-  };
-  desktopInfo: {
-    borderTopLeftRadius: number;
-    borderTopRightRadius: number;
-  };
-  desktopLayoutSpacing: {
-    paddingVertical: number;
-  };
-  headerWrapper: {
-    display: "flex";
-    flexDirection: "column";
-  };
-  info: {
-    backgroundColor: string;
-    paddingBottom: number;
-    paddingHorizontal: number;
-    paddingTop: number;
-  };
-  layout: {
-    flex: number;
-    justifyContent: "center";
-  };
-  safeAreaView: {
-    backgroundColor: string;
-    flex: number;
-  };
-  scrollView: {
-    flex: number;
-  };
-  submit: {
-    backgroundColor: string;
-    borderBottomLeftRadius: number;
-    borderBottomRightRadius: number;
-    padding: number;
-  };
-};
-export { style };

package/dist/src/infrastructure/ui/views/return/Return.style.js

@@ -1,44 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "@lookiero/sty-psp-ui";
-
-const { borderRadius5, colorBgPrimaryLight, colorBgBase, colorTextMedium, space4, space6, space8 } = theme();
-const style = StyleSheet.create({
-  description: {
-    color: colorTextMedium,
-  },
-  desktopInfo: {
-    borderTopLeftRadius: borderRadius5,
-    borderTopRightRadius: borderRadius5,
-  },
-  desktopLayoutSpacing: {
-    paddingVertical: space8,
-  },
-  headerWrapper: {
-    display: "flex",
-    flexDirection: "column",
-  },
-  info: {
-    backgroundColor: colorBgBase,
-    paddingBottom: space4,
-    paddingHorizontal: space6,
-    paddingTop: space8,
-  },
-  layout: {
-    flex: 1,
-    justifyContent: "center",
-  },
-  safeAreaView: {
-    backgroundColor: colorBgPrimaryLight,
-    flex: 1,
-  },
-  scrollView: {
-    flex: 1,
-  },
-  submit: {
-    backgroundColor: colorBgBase,
-    borderBottomLeftRadius: borderRadius5,
-    borderBottomRightRadius: borderRadius5,
-    padding: space6,
-  },
-});
-export { style };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.d.ts

@@ -1,14 +0,0 @@
-import { FC } from "react";
-import { LayoutRectangle } from "react-native";
-import { PricingProjection } from "../../../../../../projection/pricing/pricing";
-
-interface StickyPricingProps {
-  readonly pricing: PricingProjection;
-  readonly totalCheckoutItemsKept: number;
-  readonly collapsed: boolean;
-  readonly onPress: () => void;
-  readonly onSubmit: () => void;
-  readonly onLayout?: ({ width, height }: LayoutRectangle) => void;
-}
-declare const StickyPricing: FC<StickyPricingProps>;
-export { StickyPricing };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.js

@@ -1,28 +0,0 @@
-import React from "react";
-import { Sticky } from "@lookiero/sty-psp-ui";
-import { Body } from "../../../../components/layouts/body/Body";
-import { Pricing } from "../pricing/Pricing";
-import { style } from "./StickyPricing.style";
-
-const StickyPricing = ({ pricing, totalCheckoutItemsKept, collapsed, onPress, onSubmit, onLayout }) =>
-  React.createElement(
-    Sticky,
-    { style: style.sticky, onLayout: onLayout },
-    React.createElement(
-      Body,
-      null,
-      React.createElement(Pricing, {
-        balanceDiscount: pricing.balanceDiscount,
-        collapsed: collapsed,
-        discount: pricing.discount,
-        discountPercentage: pricing.discountPercentage,
-        pendingToPay: pricing.pendingToPay,
-        service: pricing.service,
-        subtotal: pricing.subtotal,
-        totalCheckoutItemsKept: totalCheckoutItemsKept,
-        onPress: onPress,
-        onSubmit: onSubmit,
-      }),
-    ),
-  );
-export { StickyPricing };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.d.ts

@@ -1,7 +0,0 @@
-declare const style: {
-  sticky: {
-    paddingBottom: number;
-    paddingTop: number;
-  };
-};
-export { style };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.js

@@ -1,11 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "@lookiero/sty-psp-ui";
-
-const { space3, space4 } = theme();
-const style = StyleSheet.create({
-  sticky: {
-    paddingBottom: space4,
-    paddingTop: space3,
-  },
-});
-export { style };

package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.d.ts

@@ -1,26 +0,0 @@
-import { Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
-
-type IsCheckoutAccessibleByCustomerIdProjection = boolean;
-declare const VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID = "view_is_checkout_accessible_by_customer_id";
-interface ViewIsCheckoutAccessibleByCustomerIdPayload {
-  readonly customerId: string | undefined;
-}
-interface ViewIsCheckoutAccessibleByCustomerId
-  extends Query<typeof VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID>,
-    ViewIsCheckoutAccessibleByCustomerIdPayload {}
-interface ViewIsCheckoutAccessibleByCustomerIdFunction {
-  (payload: ViewIsCheckoutAccessibleByCustomerIdPayload): ViewIsCheckoutAccessibleByCustomerId;
-}
-declare const viewIsCheckoutAccessibleByCustomerId: ViewIsCheckoutAccessibleByCustomerIdFunction;
-interface ViewIsCheckoutAccessibleByCustomerIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {}
-declare const viewIsCheckoutAccessibleByCustomerIdHandler: QueryHandlerFunction<
-  ViewIsCheckoutAccessibleByCustomerId,
-  IsCheckoutAccessibleByCustomerIdProjection,
-  ViewIsCheckoutAccessibleByCustomerIdHandlerFunctionArgs
->;
-export type { IsCheckoutAccessibleByCustomerIdProjection };
-export {
-  VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID,
-  viewIsCheckoutAccessibleByCustomerId,
-  viewIsCheckoutAccessibleByCustomerIdHandler,
-};

package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.js

@@ -1,21 +0,0 @@
-import { query } from "@lookiero/messaging";
-import { viewFirstAvailableCheckoutByCustomerId } from "./viewFirstAvailableCheckoutByCustomerId";
-import { viewIsCheckoutEnabledByCustomerId } from "./viewIsCheckoutEnabledByCustomerId";
-
-const VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID = "view_is_checkout_accessible_by_customer_id";
-const viewIsCheckoutAccessibleByCustomerId = (payload) => ({
-  ...query({ name: VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID }),
-  ...payload,
-});
-const isNonEmptyCustomerId = (customerId) => Boolean(customerId);
-const viewIsCheckoutAccessibleByCustomerIdHandler =
-  ({ queryBus }) =>
-  async ({ customerId }) =>
-    isNonEmptyCustomerId(customerId) &&
-    Boolean(await queryBus(viewFirstAvailableCheckoutByCustomerId({ customerId }))) &&
-    Boolean(await queryBus(viewIsCheckoutEnabledByCustomerId({ customerId })));
-export {
-  VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID,
-  viewIsCheckoutAccessibleByCustomerId,
-  viewIsCheckoutAccessibleByCustomerIdHandler,
-};

package/dist/src/projection/shared/country.d.ts

@@ -1,14 +0,0 @@
-declare enum Country {
-  ES = "ES",
-  FR = "FR",
-  GB = "GB",
-  BE = "BE",
-  LU = "LU",
-  IT = "IT",
-  PT = "PT",
-  DE = "DE",
-  AT = "AT",
-  NL = "NL",
-  SE = "SE",
-}
-export { Country };

package/dist/src/projection/shared/country.js

@@ -1,15 +0,0 @@
-var Country;
-(function (Country) {
-  Country["ES"] = "ES";
-  Country["FR"] = "FR";
-  Country["GB"] = "GB";
-  Country["BE"] = "BE";
-  Country["LU"] = "LU";
-  Country["IT"] = "IT";
-  Country["PT"] = "PT";
-  Country["DE"] = "DE";
-  Country["AT"] = "AT";
-  Country["NL"] = "NL";
-  Country["SE"] = "SE";
-})(Country || (Country = {}));
-export { Country };

package/dist/src/projection/shared/customer.d.ts

@@ -1,9 +0,0 @@
-import { Country } from "@lookiero/sty-psp-locale";
-import { Segment } from "@lookiero/sty-psp-segment";
-
-interface Customer {
-  readonly customerId: string;
-  readonly country: Country;
-  readonly segment: Segment;
-}
-export type { Customer };

package/dist/src/projection/shared/customer.js

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

package/dist/src/projection/shared/locale.d.ts

@@ -1,12 +0,0 @@
-declare enum Locale {
-  ES = "es",
-  FR = "fr",
-  EN = "en",
-  IT = "it",
-  PT = "pt",
-  DE = "de",
-  AT = "at",
-  NL = "nl",
-  SE = "sv",
-}
-export { Locale };

package/dist/src/projection/shared/locale.js

@@ -1,13 +0,0 @@
-var Locale;
-(function (Locale) {
-  Locale["ES"] = "es";
-  Locale["FR"] = "fr";
-  Locale["EN"] = "en";
-  Locale["IT"] = "it";
-  Locale["PT"] = "pt";
-  Locale["DE"] = "de";
-  Locale["AT"] = "at";
-  Locale["NL"] = "nl";
-  Locale["SE"] = "sv";
-})(Locale || (Locale = {}));
-export { Locale };

package/dist/src/projection/shared/order.d.ts

@@ -1,6 +0,0 @@
-interface Order {
-  readonly orderNumber: number;
-  readonly isFirstOrder: boolean;
-  readonly coupon: string | null;
-}
-export type { Order };

package/dist/src/projection/shared/order.js

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

package/dist/src/projection/shared/price.d.ts

@@ -1,11 +0,0 @@
-import { Currency } from "../../domain/checkoutItem/model/currency";
-
-interface PriceProjection {
-  readonly amount: number;
-  readonly currency: Currency;
-  readonly discountedPrice?: {
-    readonly amount: number;
-    readonly percentage: number;
-  };
-}
-export type { PriceProjection };

package/dist/src/projection/shared/price.js

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

package/dist/src/projection/shared/size.d.ts

@@ -1,21 +0,0 @@
-import { Country } from "./country";
-
-interface SizeProjection {
-  readonly id: string;
-  readonly lookiero: string;
-  readonly uk: string;
-  readonly it: string;
-  readonly europe: string;
-  readonly unique: boolean;
-  readonly visualOrder?: number;
-}
-interface SizeFunctionArgs {
-  readonly size: SizeProjection;
-  readonly country: Country;
-}
-interface SizeFunction {
-  (args: SizeFunctionArgs): string;
-}
-declare const size: SizeFunction;
-export type { SizeProjection };
-export { size };

package/dist/src/projection/shared/size.js

@@ -1,4 +0,0 @@
-import { Country } from "./country";
-
-const size = ({ size, country }) => (country === Country.GB ? size.uk : size.lookiero);
-export { size };

package/dist/src/projection/shared/subscription.d.ts

@@ -1,2 +0,0 @@
-type Subscription = "o" | "m" | "b" | "q";
-export type { Subscription };

package/dist/src/projection/shared/subscription.js

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

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

@@ -1,11 +0,0 @@
-import { FC } from "react";
-import { StyleProp, TextStyle } from "react-native";
-
-type ErrorStyle = StyleProp<TextStyle>;
-interface ErrorProps {
-  readonly error?: string | null;
-  readonly style?: ErrorStyle;
-}
-declare const Error: FC<ErrorProps>;
-export type { ErrorStyle };
-export { Error };

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

@@ -1,6 +0,0 @@
-import React from "react";
-import { COLOR, Text } from "@lookiero/aurora";
-
-const Error = ({ error, style: customStyle }) =>
-  React.createElement(Text, { color: COLOR.TEXT_ERROR, level: 2, style: customStyle, detail: true }, error);
-export { Error };