@lookiero/checkout 0.3.17 → 0.3.19

package/dist/package.json

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

package/dist/src/domain/checkoutFeedback/command/giveCheckoutFeedback.d.ts

@@ -0,0 +1,15 @@
+import { Command } from "@lookiero/messaging";
+import { Feedbacks } from "../model/feedbacks";
+declare const GIVE_CHECKOUT_FEEDBACK = "give_checkout_feedback";
+interface GiveCheckoutFeedbackPayload {
+    readonly aggregateId: string;
+    readonly feedbacks: Feedbacks;
+}
+interface GiveCheckoutFeedback extends Command<typeof GIVE_CHECKOUT_FEEDBACK>, GiveCheckoutFeedbackPayload {
+}
+interface GiveCheckoutFeedbackFunction {
+    (payload: GiveCheckoutFeedbackPayload): GiveCheckoutFeedback;
+}
+declare const giveCheckoutFeedback: GiveCheckoutFeedbackFunction;
+export type { GiveCheckoutFeedback };
+export { GIVE_CHECKOUT_FEEDBACK, giveCheckoutFeedback };

package/dist/src/domain/checkoutFeedback/command/giveCheckoutFeedback.js

@@ -0,0 +1,7 @@
+import { command } from "@lookiero/messaging";
+const GIVE_CHECKOUT_FEEDBACK = "give_checkout_feedback";
+const giveCheckoutFeedback = ({ aggregateId, ...payload }) => ({
+    ...command({ aggregateId, name: GIVE_CHECKOUT_FEEDBACK }),
+    ...payload,
+});
+export { GIVE_CHECKOUT_FEEDBACK, giveCheckoutFeedback };

package/dist/src/domain/checkoutFeedback/model/checkoutFeedback.d.ts

@@ -0,0 +1,9 @@
+import { AggregateRoot, CommandHandlerFunction } from "@lookiero/messaging";
+import { GiveCheckoutFeedback } from "../command/giveCheckoutFeedback";
+import { Feedbacks } from "./feedbacks";
+interface CheckoutFeedback extends AggregateRoot {
+    readonly feedbacks: Feedbacks;
+}
+declare const giveCheckoutFeedbackHandler: CommandHandlerFunction<GiveCheckoutFeedback, CheckoutFeedback>;
+export type { CheckoutFeedback };
+export { giveCheckoutFeedbackHandler };

package/dist/src/domain/checkoutFeedback/model/checkoutFeedback.js

@@ -0,0 +1,10 @@
+import { checkoutFeedbackGiven } from "./checkoutFeedbackGiven";
+const giveCheckoutFeedbackHandler = () => async ({ aggregateRoot, command }) => {
+    const { aggregateId, feedbacks } = command;
+    return {
+        ...aggregateRoot,
+        feedbacks,
+        domainEvents: [checkoutFeedbackGiven({ aggregateId })],
+    };
+};
+export { giveCheckoutFeedbackHandler };

package/dist/src/domain/checkoutFeedback/model/checkoutFeedbackGiven.d.ts

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const CHECKOUT_FEEDBACK_GIVEN = "checkout_feedback_given";
+interface CheckoutFeedbackGivenPayload {
+    readonly aggregateId: string;
+}
+interface CheckoutFeedbackGiven extends DomainEvent<typeof CHECKOUT_FEEDBACK_GIVEN>, CheckoutFeedbackGivenPayload {
+}
+interface CheckoutFeedbackGivenFunction {
+    (payload: CheckoutFeedbackGivenPayload): CheckoutFeedbackGiven;
+}
+declare const checkoutFeedbackGiven: CheckoutFeedbackGivenFunction;
+export type { CheckoutFeedbackGiven };
+export { CHECKOUT_FEEDBACK_GIVEN, checkoutFeedbackGiven };

package/dist/src/domain/checkoutFeedback/model/checkoutFeedbackGiven.js

@@ -0,0 +1,4 @@
+import { domainEvent } from "@lookiero/messaging";
+const CHECKOUT_FEEDBACK_GIVEN = "checkout_feedback_given";
+const checkoutFeedbackGiven = ({ aggregateId }) => domainEvent({ aggregateId, name: CHECKOUT_FEEDBACK_GIVEN });
+export { CHECKOUT_FEEDBACK_GIVEN, checkoutFeedbackGiven };

package/dist/src/domain/checkoutFeedback/model/checkoutFeedbacks.d.ts

@@ -0,0 +1,7 @@
+import { RepositoryGetFunction, RepositoryGetFunctionArgs, RepositorySaveFunction, RepositorySaveFunctionArgs } from "@lookiero/messaging";
+import { CheckoutFeedback } from "./checkoutFeedback";
+interface CheckoutFeedbacksGetFunction<CheckoutFeedbacksGetFunctionArgs extends RepositoryGetFunctionArgs> extends RepositoryGetFunction<CheckoutFeedback, CheckoutFeedbacksGetFunctionArgs> {
+}
+interface CheckoutFeedbacksSaveFunction<CheckoutFeedbacksSaveFunctionArgs extends RepositorySaveFunctionArgs> extends RepositorySaveFunction<CheckoutFeedback, CheckoutFeedbacksSaveFunctionArgs> {
+}
+export type { CheckoutFeedbacksGetFunction, CheckoutFeedbacksSaveFunction };

package/dist/src/domain/checkoutFeedback/model/feedbacks.d.ts

@@ -0,0 +1,3 @@
+type CheckoutQuestionId = string;
+type Feedbacks = Record<CheckoutQuestionId, CheckoutQuestionId | string>;
+export type { Feedbacks };

package/dist/src/domain/checkoutFeedback/model/feedbacks.js

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

package/dist/src/infrastructure/domain/checkoutFeedback/model/httpCheckoutFeedbacks.d.ts

@@ -0,0 +1,16 @@
+import { RepositoryGetFunctionArgs, RepositorySaveFunctionArgs } from "@lookiero/messaging";
+import { CheckoutFeedbacksGetFunction, CheckoutFeedbacksSaveFunction } from "../../../../domain/checkoutFeedback/model/checkoutFeedbacks";
+import { HttpPostFunction } from "../../../delivery/http/httpClient";
+interface HttpCheckoutFeedbacksGetFunctionArgs extends RepositoryGetFunctionArgs {
+}
+interface HttpCheckoutFeedbacksGetFunction extends CheckoutFeedbacksGetFunction<HttpCheckoutFeedbacksGetFunctionArgs> {
+}
+declare const getCheckoutFeedback: HttpCheckoutFeedbacksGetFunction;
+interface HttpCheckoutFeedbacksSaveFunctionArgs extends RepositorySaveFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpCheckoutFeedbacksSaveFunction extends CheckoutFeedbacksSaveFunction<HttpCheckoutFeedbacksSaveFunctionArgs> {
+}
+declare const saveCheckoutFeedback: HttpCheckoutFeedbacksSaveFunction;
+export type { HttpCheckoutFeedbacksSaveFunction };
+export { getCheckoutFeedback, saveCheckoutFeedback };

package/dist/src/infrastructure/domain/checkoutFeedback/model/httpCheckoutFeedbacks.js

@@ -0,0 +1,14 @@
+import invariant from "tiny-invariant";
+import { viewCheckoutFeedbackById, } from "../../../../projection/checkoutFeedback/viewCheckoutFeedbackById";
+import { httpCheckoutFeedbacksGive } from "./httpCheckoutFeedbacksGive";
+const toDomain = (checkoutFeedback) => {
+    invariant(checkoutFeedback, "Not checkoutFeedback found!");
+    return {
+        aggregateId: checkoutFeedback.id,
+        feedbacks: checkoutFeedback.feedbacks,
+        domainEvents: [],
+    };
+};
+const getCheckoutFeedback = ({ queryBus }) => async (aggregateId) => toDomain(await queryBus(viewCheckoutFeedbackById({ checkoutFeedbackId: aggregateId })));
+const saveCheckoutFeedback = ({ httpPost }) => async (aggregateRoot) => await httpCheckoutFeedbacksGive({ httpPost })(aggregateRoot);
+export { getCheckoutFeedback, saveCheckoutFeedback };

package/dist/src/infrastructure/domain/checkoutFeedback/model/httpCheckoutFeedbacksGive.d.ts

@@ -0,0 +1,5 @@
+import { HttpCheckoutFeedbacksSaveFunction } from "./httpCheckoutFeedbacks";
+interface HttpCheckoutFeedbackGiveFunction extends HttpCheckoutFeedbacksSaveFunction {
+}
+declare const httpCheckoutFeedbacksGive: HttpCheckoutFeedbackGiveFunction;
+export { httpCheckoutFeedbacksGive };

package/dist/src/infrastructure/domain/checkoutFeedback/model/httpCheckoutFeedbacksGive.js

@@ -0,0 +1,13 @@
+import { CHECKOUT_FEEDBACK_GIVEN, } from "../../../../domain/checkoutFeedback/model/checkoutFeedbackGiven";
+const isCheckoutFeedbackGiven = (event) => event.name === CHECKOUT_FEEDBACK_GIVEN;
+const httpCheckoutFeedbacksGive = ({ httpPost }) => async ({ aggregateId, feedbacks, domainEvents }) => {
+    const checkoutFeedbackGiven = domainEvents.find(isCheckoutFeedbackGiven);
+    if (!checkoutFeedbackGiven) {
+        return;
+    }
+    await httpPost({
+        endpoint: "/give-checkout-feedback",
+        body: { checkoutId: aggregateId, feedbacks },
+    });
+};
+export { httpCheckoutFeedbacksGive };

package/dist/src/infrastructure/domain/checkoutFeedback/react/useGiveCheckoutFeedback.d.ts

@@ -0,0 +1,17 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+import { Feedbacks } from "../../../../domain/checkoutFeedback/model/feedbacks";
+interface GiveCheckoutFeedbackFunctionArgs {
+    readonly feedbacks: Feedbacks;
+}
+interface GiveCheckoutFeedbackFunction {
+    (args: GiveCheckoutFeedbackFunctionArgs): Promise<void>;
+}
+type UseGiveCheckoutFeedback = [giveCheckoutFeedback: GiveCheckoutFeedbackFunction, status: CommandStatus];
+interface UseGiveCheckoutFeedbackFunctionArgs {
+    readonly checkoutId: string;
+}
+interface UseGiveCheckoutFeedbackFunction {
+    (args: UseGiveCheckoutFeedbackFunctionArgs): UseGiveCheckoutFeedback;
+}
+declare const useGiveCheckoutFeedback: UseGiveCheckoutFeedbackFunction;
+export { useGiveCheckoutFeedback };

package/dist/src/infrastructure/domain/checkoutFeedback/react/useGiveCheckoutFeedback.js

@@ -0,0 +1,13 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { giveCheckoutFeedback as giveCheckoutFeedbackCommand } from "../../../../domain/checkoutFeedback/command/giveCheckoutFeedback";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useGiveCheckoutFeedback = ({ checkoutId }) => {
+    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
+    const giveCheckoutFeedback = useCallback(({ feedbacks }) => commandBus(giveCheckoutFeedbackCommand({
+        aggregateId: checkoutId,
+        feedbacks,
+    })), [checkoutId, commandBus]);
+    return [giveCheckoutFeedback, status];
+};
+export { useGiveCheckoutFeedback };

package/dist/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByIdView.d.ts

@@ -0,0 +1,12 @@
+import { CheckoutFeedbackByIdView } from "../../../projection/checkoutFeedback/viewCheckoutFeedbackById";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpCheckoutFeebackByIdView extends CheckoutFeedbackByIdView {
+}
+interface HttpCheckoutFeebackByIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpCheckoutFeebackByIdViewFunction {
+    (args: HttpCheckoutFeebackByIdViewFunctionArgs): HttpCheckoutFeebackByIdView;
+}
+declare const httpCheckoutFeebackByIdView: HttpCheckoutFeebackByIdViewFunction;
+export { httpCheckoutFeebackByIdView };

package/dist/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByIdView.js

@@ -0,0 +1,9 @@
+const httpCheckoutFeebackByIdView = ({ httpPost }) => async ({ checkoutFeedbackId, signal }) => {
+    const response = await httpPost({
+        endpoint: "/view-checkout-feedback-by-id",
+        body: { checkoutFeedbackId },
+        signal,
+    });
+    return !response.ok || response.status === 404 ? null : (await response.json()).result;
+};
+export { httpCheckoutFeebackByIdView };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestion.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CheckoutQuestionProjection } from "../../../../../projection/checkoutQuestion/checkoutQuestion";
+interface CheckoutQuestionProps {
+    readonly checkoutQuestionParentId: string;
+    readonly checkoutQuestion: CheckoutQuestionProjection;
+}
+declare const _default: React.NamedExoticComponent<CheckoutQuestionProps>;
+export default _default;

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestion.js

@@ -0,0 +1,8 @@
+import React, { memo } from "react";
+import { useCheckoutQuestionItem } from "./behaviors/useCheckoutQuestionItem";
+const CheckoutQuestion = ({ checkoutQuestion, checkoutQuestionParentId, }) => {
+    const Item = useCheckoutQuestionItem({ type: checkoutQuestion.type });
+    return (React.createElement(Item, { checkoutQuestion: checkoutQuestion, checkoutQuestionParentId: checkoutQuestionParentId },
+        React.createElement(React.Fragment, null, checkoutQuestion.children?.map((childCheckoutQuestion) => (React.createElement(CheckoutQuestion, { key: childCheckoutQuestion.id, checkoutQuestion: childCheckoutQuestion, checkoutQuestionParentId: checkoutQuestion.id }))))));
+};
+export default memo(CheckoutQuestion);

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestions.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { CheckoutQuestionProjection } from "../../../../../projection/checkoutQuestion/checkoutQuestion";
+interface CheckoutQuestionsProps {
+    readonly checkoutQuestions: CheckoutQuestionProjection[];
+}
+declare const CheckoutQuestions: FC<CheckoutQuestionsProps>;
+export { CheckoutQuestions };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestions.js

@@ -0,0 +1,4 @@
+import React from "react";
+import CheckoutQuestion from "./CheckoutQuestion";
+const CheckoutQuestions = ({ checkoutQuestions }) => (React.createElement(React.Fragment, null, checkoutQuestions.map((checkoutQuestion) => (React.createElement(CheckoutQuestion, { key: checkoutQuestion.id, checkoutQuestion: checkoutQuestion, checkoutQuestionParentId: "" })))));
+export { CheckoutQuestions };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionItem.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from "react";
+import { CheckoutQuestionType } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutQuestionItem } from "../components/CheckoutQuestionItem";
+type CheckoutQuestionItems = Record<CheckoutQuestionType, CheckoutQuestionItem>;
+interface CheckoutQuestionItemContextProviderProps {
+    readonly checkoutQuestionItems: CheckoutQuestionItems;
+    readonly children: ReactNode;
+}
+declare const CheckoutQuestionItemProvider: FC<CheckoutQuestionItemContextProviderProps>;
+interface UseCheckoutQuestionItemFunctionArgs {
+    readonly type: CheckoutQuestionType;
+}
+interface UseCheckoutQuestionItemFunction {
+    (args: UseCheckoutQuestionItemFunctionArgs): CheckoutQuestionItem;
+}
+declare const useCheckoutQuestionItem: UseCheckoutQuestionItemFunction;
+export type { CheckoutQuestionItems };
+export { useCheckoutQuestionItem, CheckoutQuestionItemProvider };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionItem.js

@@ -0,0 +1,12 @@
+import React, { createContext, useContext, useMemo } from "react";
+import invariant from "tiny-invariant";
+const CheckoutQuestionItemContext = createContext({});
+const CheckoutQuestionItemProvider = ({ checkoutQuestionItems, children, }) => (React.createElement(CheckoutQuestionItemContext.Provider, { value: checkoutQuestionItems }, children));
+const useCheckoutQuestionItem = ({ type }) => {
+    const items = useContext(CheckoutQuestionItemContext);
+    const item = useMemo(() => items[type], [items, type]);
+    invariant(items, "Your are trying to use the useCheckoutQuestionItem hook without wrapping your app with the <CheckoutQuestionItemProvider>.");
+    invariant(item, `The provided CheckoutQuestionType (${type}) is NOT SUPPORTED`);
+    return item;
+};
+export { useCheckoutQuestionItem, CheckoutQuestionItemProvider };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/{CheckoutQuestionItem.d.ts → components/CheckoutQuestionItem.d.ts}

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-import { CheckoutQuestionProjection } from "../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutQuestionProjection } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
 interface CheckoutQuestionItemProps {
     readonly checkoutQuestion: CheckoutQuestionProjection;
     readonly checkoutQuestionParentId: string;

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/CheckoutQuestionItem.js

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

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.d.ts

@@ -1,3 +1,3 @@
-import { CheckoutQuestionItem } from "../../CheckoutQuestionItem";
+import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
 declare const ButtonCheckoutQuestionItem: CheckoutQuestionItem;
 export { ButtonCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.style.d.ts

@@ -1,6 +1,7 @@
 declare const style: {
     button: {
         borderRadius: number;
+        marginHorizontal: number;
     };
 };
 export { style };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.style.js

@@ -4,6 +4,7 @@ const { inputSize } = theme();
 const style = StyleSheet.create({
     button: {
         borderRadius: inputSize / 2,
+        marginHorizontal: 12,
     },
 });
 export { style };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.d.ts

@@ -0,0 +1,3 @@
+import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
+declare const HostDefaultCheckoutQuestionItem: CheckoutQuestionItem;
+export { HostDefaultCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.js

@@ -0,0 +1,12 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React from "react";
+import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { style } from "./HostDefaultCheckoutQuestionItem.style";
+const HostDefaultCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
+    const titleText = useI18nMessage({ id: checkoutQuestion.name, prefix: RETURN_QUESTIONS_PREFIX });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Text, { level: 3, style: style.title }, titleText),
+        children));
+};
+export { HostDefaultCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.style.d.ts

@@ -0,0 +1,8 @@
+declare const style: {
+    title: {
+        marginBottom: number;
+        marginTop: number;
+        textAlign: "center";
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.style.js

@@ -0,0 +1,11 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../theme/theme";
+const { spaceL, spaceXXXL } = theme();
+const style = StyleSheet.create({
+    title: {
+        marginBottom: spaceL,
+        marginTop: spaceXXXL,
+        textAlign: "center",
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.d.ts

@@ -0,0 +1,3 @@
+import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
+declare const HostSelectCheckoutQuestionItem: CheckoutQuestionItem;
+export { HostSelectCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.js

@@ -0,0 +1,13 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React from "react";
+import { View } from "react-native";
+import { CHECKOUT_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { style } from "./HostSelectCheckoutQuestionItem.style";
+const HostSelectCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
+    const titleText = useI18nMessage({ id: checkoutQuestion.name, prefix: CHECKOUT_QUESTIONS_PREFIX });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Text, { level: 3, style: style.title }, titleText),
+        React.createElement(View, { style: style.content }, children)));
+};
+export { HostSelectCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.style.d.ts

@@ -0,0 +1,13 @@
+declare const containerUnderlayColor: string;
+declare const style: {
+    content: {
+        flexDirection: "row";
+        justifyContent: "center";
+    };
+    title: {
+        marginBottom: number;
+        marginTop: number;
+        textAlign: "center";
+    };
+};
+export { style, containerUnderlayColor };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.style.js

@@ -0,0 +1,16 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../theme/theme";
+const { spaceL, spaceXXXL, colorGrayscaleS } = theme();
+const containerUnderlayColor = colorGrayscaleS;
+const style = StyleSheet.create({
+    content: {
+        flexDirection: "row",
+        justifyContent: "center",
+    },
+    title: {
+        marginBottom: spaceL,
+        marginTop: spaceXXXL,
+        textAlign: "center",
+    },
+});
+export { style, containerUnderlayColor };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem.d.ts

@@ -1,5 +1,5 @@
-import { CheckoutQuestionItem } from "../../CheckoutQuestionItem";
-type IconName = "icon_bad" | "icon_regular" | "icon_good";
+import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
+type IconName = "checkout.checkout_question.icon.bad" | "checkout.checkout_question.icon.regular" | "checkout.checkout_question.icon.good";
 declare const IconCheckoutQuestionItem: CheckoutQuestionItem;
 export type { IconName };
 export { IconCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem.js

@@ -1,19 +1,23 @@
 import React, { useCallback } from "react";
 import { Pressable } from "react-native";
 import invariant from "tiny-invariant";
+import { style } from "./IconCheckoutQuestionItem.style";
 import { Happy } from "./icons/Happy";
 import { Normal } from "./icons/Normal";
 import { Sad } from "./icons/Sad";
 const ICON = {
-    icon_bad: Sad,
-    icon_regular: Normal,
-    icon_good: Happy,
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    "checkout.checkout_question.icon.bad": Sad,
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    "checkout.checkout_question.icon.regular": Normal,
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    "checkout.checkout_question.icon.good": Happy,
 };
 const IconCheckoutQuestionItem = ({ checkoutQuestion }) => {
     const Icon = ICON[checkoutQuestion.name];
     const handleOnPress = useCallback(() => void 0, []);
     invariant(Icon, "CheckoutQuestion icon does not exist");
     return (React.createElement(Pressable, { onPress: handleOnPress },
-        React.createElement(Icon, { testID: checkoutQuestion.name })));
+        React.createElement(Icon, { style: style.icon, testID: checkoutQuestion.name })));
 };
 export { IconCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem.style.d.ts

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

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem.style.js

@@ -0,0 +1,7 @@
+import { StyleSheet } from "react-native";
+const style = StyleSheet.create({
+    icon: {
+        marginHorizontal: 12,
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.d.ts

@@ -0,0 +1,3 @@
+import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
+declare const TextareaCheckoutQuestionItem: CheckoutQuestionItem;
+export { TextareaCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.js

@@ -0,0 +1,15 @@
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useCallback, useState } from "react";
+import { InputField } from "../../../../../../../shared/ui/components/molecules/inputField/InputField";
+import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+const TEXTAREA_MIN_HEIGHT = 96;
+const TextareaCheckoutQuestionItem = ({ checkoutQuestion }) => {
+    const placeholderText = useI18nMessage({
+        id: checkoutQuestion.placeholder,
+        prefix: RETURN_QUESTIONS_PREFIX,
+    });
+    const [value, setValue] = useState("");
+    const handleOnChange = useCallback((value) => setValue(value), []);
+    return (React.createElement(InputField, { label: placeholderText, minHeight: TEXTAREA_MIN_HEIGHT, placeholder: placeholderText, value: value, multiline: true, onChange: handleOnChange }));
+};
+export { TextareaCheckoutQuestionItem };

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

@@ -59,6 +59,7 @@ declare enum I18nMessages {
     CHECKOUT_SUCCESS_MODAL_BUTTON = "checkout.success_modal_button",
     CHECKOUT_DELIVERY_BANNER = "checkout.delivery_banner",
     HEADER_CHECKOUT_TITLE = "header.checkout_title",
-    HEADER_COMPLETE_CHECKOUT_TITLE = "header.complete_checkout_title"
+    HEADER_COMPLETE_CHECKOUT_TITLE = "header.complete_checkout_title",
+    FEEDBACK_BUTTON = "feedback.button"
 }
 export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX, RETURN_QUESTIONS_FEEDBACK_PREFIX, CHECKOUT_QUESTIONS_PREFIX, };

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

@@ -61,5 +61,6 @@ var I18nMessages;
     I18nMessages["CHECKOUT_DELIVERY_BANNER"] = "checkout.delivery_banner";
     I18nMessages["HEADER_CHECKOUT_TITLE"] = "header.checkout_title";
     I18nMessages["HEADER_COMPLETE_CHECKOUT_TITLE"] = "header.complete_checkout_title";
+    I18nMessages["FEEDBACK_BUTTON"] = "feedback.button";
 })(I18nMessages || (I18nMessages = {}));
 export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX, RETURN_QUESTIONS_FEEDBACK_PREFIX, CHECKOUT_QUESTIONS_PREFIX, };

package/dist/src/infrastructure/ui/views/feedback/Feedback.js

@@ -1,8 +1,35 @@
-import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
-import React from "react";
-import { View } from "react-native";
-const Feedback = () => {
-    return (React.createElement(View, null,
-        React.createElement(Text, null, "Feedback view")));
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import { QueryStatus } from "@lookiero/messaging-react";
+import React, { useCallback } from "react";
+import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
+import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
+import { useListCheckoutQuestionsByCheckoutId } from "../../../projection/checkoutQuestion/react/useListCheckoutQuestionsByCheckoutId";
+import { Body } from "../../components/layouts/body/Body";
+import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
+import { I18nMessages } from "../../i18n/i18n";
+import { style } from "./Feedback.style";
+import { CheckoutQuestionsForm } from "./components/checkoutQuestionsForm/CheckoutQuestionsForm";
+const Feedback = ({ customerId }) => {
+    const buttonText = useI18nMessage({ id: I18nMessages.FEEDBACK_BUTTON });
+    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
+    const [checkoutQuestions, checkoutQuestionsStatus] = useListCheckoutQuestionsByCheckoutId({
+        checkoutId: checkout?.id,
+    });
+    const handlePress = useCallback(() => void 0, []);
+    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
+    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) && dependenciesLoadedStatuses.includes(checkoutQuestionsStatus);
+    if (!dependenciesLoaded)
+        return React.createElement(Spinner, null);
+    return (React.createElement(SafeAreaScrollView, null,
+        React.createElement(Body, { style: { column: style.bodyColumn } },
+            React.createElement(CheckoutQuestionsForm, { checkoutQuestions: checkoutQuestions || [] }),
+            React.createElement(Button
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            , { 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                style: style.button, onPress: handlePress }, buttonText))));
 };
 export { Feedback };

package/dist/src/infrastructure/ui/views/feedback/Feedback.style.d.ts

@@ -0,0 +1,9 @@
+declare const style: {
+    bodyColumn: {
+        paddingHorizontal: number;
+    };
+    button: {
+        marginTop: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/views/feedback/Feedback.style.js

@@ -0,0 +1,12 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../theme/theme";
+const { spaceXL } = theme();
+const style = StyleSheet.create({
+    bodyColumn: {
+        paddingHorizontal: spaceXL,
+    },
+    button: {
+        marginTop: 65,
+    },
+});
+export { style };

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { CheckoutQuestionProjection } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
+interface CheckoutQuestionsFormProps {
+    readonly checkoutQuestions: CheckoutQuestionProjection[];
+}
+declare const CheckoutQuestionsForm: FC<CheckoutQuestionsFormProps>;
+export { CheckoutQuestionsForm };

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { CheckoutQuestionType, } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutQuestions } from "../../../../components/organisms/checkoutQuestions/CheckoutQuestions";
+import { CheckoutQuestionItemProvider, } from "../../../../components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionItem";
+import { ButtonCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem";
+import { HostDefaultCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem";
+import { HostSelectCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem";
+import { IconCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem";
+import { TextareaCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem";
+const checkoutQuestionItems = {
+    [CheckoutQuestionType.HOST_DEFAULT]: HostDefaultCheckoutQuestionItem,
+    [CheckoutQuestionType.HOST_TEXTAREA]: HostDefaultCheckoutQuestionItem,
+    [CheckoutQuestionType.HOST_SELECT]: HostSelectCheckoutQuestionItem,
+    [CheckoutQuestionType.TEXTAREA]: TextareaCheckoutQuestionItem,
+    [CheckoutQuestionType.ICON]: IconCheckoutQuestionItem,
+    [CheckoutQuestionType.BUTTON]: ButtonCheckoutQuestionItem,
+};
+const CheckoutQuestionsForm = ({ checkoutQuestions }) => (React.createElement(CheckoutQuestionItemProvider, { checkoutQuestionItems: checkoutQuestionItems },
+    React.createElement(CheckoutQuestions, { checkoutQuestions: checkoutQuestions })));
+export { CheckoutQuestionsForm };

package/dist/src/projection/checkoutFeedback/checkoutFeedback.d.ts

@@ -0,0 +1,6 @@
+import { FeedbackProjection } from "./feedback";
+interface CheckoutFeedbackProjection {
+    readonly id: string;
+    readonly feedbacks: FeedbackProjection;
+}
+export type { CheckoutFeedbackProjection };

package/dist/src/projection/checkoutFeedback/checkoutFeedback.js

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

package/dist/src/projection/checkoutFeedback/feedback.d.ts

@@ -0,0 +1,3 @@
+type CheckoutQuestionId = string;
+type FeedbackProjection = Record<CheckoutQuestionId, CheckoutQuestionId | string>;
+export type { FeedbackProjection };

package/dist/src/projection/checkoutFeedback/feedback.js

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

package/dist/src/projection/checkoutFeedback/viewCheckoutFeedbackById.d.ts

@@ -0,0 +1,25 @@
+import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { CheckoutFeedbackProjection } from "./checkoutFeedback";
+declare const VIEW_CHECKOUT_FEEDBACK_BY_ID = "view_checkout_feedback_by_id";
+interface ViewCheckoutFeedbackByIdPayload {
+    readonly checkoutFeedbackId: string;
+}
+interface ViewCheckoutFeedbackById extends Query<typeof VIEW_CHECKOUT_FEEDBACK_BY_ID>, ViewCheckoutFeedbackByIdPayload {
+}
+interface ViewCheckoutFeedbackByIdFunction {
+    (payload: ViewCheckoutFeedbackByIdPayload): ViewCheckoutFeedbackById;
+}
+declare const viewCheckoutFeedbackById: ViewCheckoutFeedbackByIdFunction;
+type ViewCheckoutFeedbackByIdResult = CheckoutFeedbackProjection | null;
+interface CheckoutFeedbackByIdViewArgs extends CancelableQueryViewArgs {
+    readonly checkoutFeedbackId: string;
+}
+interface CheckoutFeedbackByIdView {
+    (args: CheckoutFeedbackByIdViewArgs): Promise<ViewCheckoutFeedbackByIdResult>;
+}
+interface ViewCheckoutFeedbackByIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: CheckoutFeedbackByIdView;
+}
+declare const viewCheckoutFeedbackByIdHandler: QueryHandlerFunction<ViewCheckoutFeedbackById, ViewCheckoutFeedbackByIdResult, ViewCheckoutFeedbackByIdHandlerFunctionArgs>;
+export type { ViewCheckoutFeedbackById, CheckoutFeedbackByIdView, ViewCheckoutFeedbackByIdResult };
+export { VIEW_CHECKOUT_FEEDBACK_BY_ID, viewCheckoutFeedbackById, viewCheckoutFeedbackByIdHandler };

package/dist/src/projection/checkoutFeedback/viewCheckoutFeedbackById.js

@@ -0,0 +1,8 @@
+import { query, } from "@lookiero/messaging";
+const VIEW_CHECKOUT_FEEDBACK_BY_ID = "view_checkout_feedback_by_id";
+const viewCheckoutFeedbackById = (payload) => ({
+    ...query({ name: VIEW_CHECKOUT_FEEDBACK_BY_ID }),
+    ...payload,
+});
+const viewCheckoutFeedbackByIdHandler = ({ view, signal }) => async ({ checkoutFeedbackId }) => view({ checkoutFeedbackId, signal });
+export { VIEW_CHECKOUT_FEEDBACK_BY_ID, viewCheckoutFeedbackById, viewCheckoutFeedbackByIdHandler };

package/dist/src/projection/checkoutQuestion/checkoutQuestion.d.ts

@@ -2,9 +2,7 @@ declare enum CheckoutQuestionType {
     HOST_DEFAULT = "HOST_DEFAULT",
     HOST_TEXTAREA = "HOST_TEXTAREA",
     HOST_SELECT = "HOST_SELECT",
-    HOST_STACK = "HOST_STACK",
     TEXTAREA = "TEXTAREA",
-    OPTION = "OPTION",
     ICON = "ICON",
     BUTTON = "BUTTON"
 }

package/dist/src/projection/checkoutQuestion/checkoutQuestion.js

@@ -3,9 +3,7 @@ var CheckoutQuestionType;
     CheckoutQuestionType["HOST_DEFAULT"] = "HOST_DEFAULT";
     CheckoutQuestionType["HOST_TEXTAREA"] = "HOST_TEXTAREA";
     CheckoutQuestionType["HOST_SELECT"] = "HOST_SELECT";
-    CheckoutQuestionType["HOST_STACK"] = "HOST_STACK";
     CheckoutQuestionType["TEXTAREA"] = "TEXTAREA";
-    CheckoutQuestionType["OPTION"] = "OPTION";
     CheckoutQuestionType["ICON"] = "ICON";
     CheckoutQuestionType["BUTTON"] = "BUTTON";
 })(CheckoutQuestionType || (CheckoutQuestionType = {}));

package/package.json

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