@lookiero/checkout 0.3.13 → 0.3.15

package/dist/package.json

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

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

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from "react";
+import { CheckoutQuestionProjection } from "../../../../../projection/checkoutQuestion/checkoutQuestion";
+interface CheckoutQuestionItemProps {
+    readonly checkoutQuestion: CheckoutQuestionProjection;
+    readonly checkoutQuestionParentId: string;
+    readonly children?: ReactNode;
+    readonly portalHostName?: string;
+}
+type CheckoutQuestionItem = FC<CheckoutQuestionItemProps>;
+export type { CheckoutQuestionItem, CheckoutQuestionItemProps };

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { BUTTON_VARIANT } from "@lookiero/aurora-next/build/components/atoms/Button/Button.definition";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useCallback } from "react";
+import { CHECKOUT_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { style } from "./ButtonCheckoutQuestionItem.style";
+const ButtonCheckoutQuestionItem = ({ checkoutQuestion }) => {
+    const optionText = useI18nMessage({ id: checkoutQuestion.name, prefix: CHECKOUT_QUESTIONS_PREFIX });
+    const handleOnPress = useCallback(() => void 0, []);
+    return (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, variant: BUTTON_VARIANT.SECONDARY, onPress: handleOnPress }, optionText));
+};
+export { ButtonCheckoutQuestionItem };

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

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

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

@@ -0,0 +1,9 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../theme/theme";
+const { inputSize } = theme();
+const style = StyleSheet.create({
+    button: {
+        borderRadius: inputSize / 2,
+    },
+});
+export { style };

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

@@ -0,0 +1,5 @@
+import { CheckoutQuestionItem } from "../../CheckoutQuestionItem";
+type IconName = "icon_bad" | "icon_regular" | "icon_good";
+declare const IconCheckoutQuestionItem: CheckoutQuestionItem;
+export type { IconName };
+export { IconCheckoutQuestionItem };

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

@@ -0,0 +1,19 @@
+import React, { useCallback } from "react";
+import { Pressable } from "react-native";
+import invariant from "tiny-invariant";
+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,
+};
+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 })));
+};
+export { IconCheckoutQuestionItem };

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

@@ -0,0 +1,3 @@
+import { Icon } from "./icon";
+declare const Happy: Icon;
+export { Happy };

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

@@ -0,0 +1,8 @@
+import React from "react";
+import Svg, { Circle, Path } from "react-native-svg";
+const Happy = (props) => (React.createElement(Svg, { fill: "none", height: 48, width: 48, ...props },
+    React.createElement(Circle, { cx: 24, cy: 24, r: 23.5, stroke: "#000" }),
+    React.createElement(Circle, { cx: 16, cy: 17, fill: "#000", r: 2 }),
+    React.createElement(Circle, { cx: 32, cy: 17, fill: "#000", r: 2 }),
+    React.createElement(Path, { d: "M14 28.5s3 6 10 6 10-6 10-6", stroke: "#000" })));
+export { Happy };

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

@@ -0,0 +1,3 @@
+import { Icon } from "./icon";
+declare const Normal: Icon;
+export { Normal };

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

@@ -0,0 +1,8 @@
+import React from "react";
+import Svg, { Circle, Path } from "react-native-svg";
+const Normal = (props) => (React.createElement(Svg, { fill: "none", height: 48, width: 48, ...props },
+    React.createElement(Circle, { cx: 24, cy: 24, r: 23.5, stroke: "#000" }),
+    React.createElement(Circle, { cx: 16, cy: 17, fill: "#000", r: 2 }),
+    React.createElement(Circle, { cx: 32, cy: 17, fill: "#000", r: 2 }),
+    React.createElement(Path, { d: "M15 31h19v1H15z", fill: "#000" })));
+export { Normal };

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

@@ -0,0 +1,3 @@
+import { Icon } from "./icon";
+declare const Sad: Icon;
+export { Sad };

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

@@ -0,0 +1,8 @@
+import React from "react";
+import Svg, { Circle, Path } from "react-native-svg";
+const Sad = (props) => (React.createElement(Svg, { fill: "none", height: 48, width: 48, ...props },
+    React.createElement(Circle, { cx: 24, cy: 24, r: 23.5, stroke: "#000" }),
+    React.createElement(Circle, { cx: 16, cy: 17, fill: "#000", r: 2 }),
+    React.createElement(Circle, { cx: 32, cy: 17, fill: "#000", r: 2 }),
+    React.createElement(Path, { d: "M14 33.5s3-6 10-6 10 6 10 6", stroke: "#000" })));
+export { Sad };

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

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { SvgProps } from "react-native-svg";
+type Icon = FC<SvgProps>;
+export type { Icon };

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

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

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

@@ -1,6 +1,7 @@
 declare const COLOR_I18N_PREFIX = "color.";
 declare const RETURN_QUESTIONS_PREFIX = "return_questions.";
 declare const RETURN_QUESTIONS_FEEDBACK_PREFIX = "return_questions_feedback.";
+declare const CHECKOUT_QUESTIONS_PREFIX = "checkout_questions.";
 declare enum I18nMessages {
     INTRO_TITLE = "intro.title",
     INTRO_SUBTITLE = "intro.subtitle",
@@ -58,4 +59,4 @@ declare enum I18nMessages {
     CHECKOUT_SUCCESS_MODAL_BUTTON = "checkout.success_modal_button",
     CHECKOUT_DELIVERY_BANNER = "checkout.delivery_banner"
 }
-export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX, RETURN_QUESTIONS_FEEDBACK_PREFIX };
+export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX, RETURN_QUESTIONS_FEEDBACK_PREFIX, CHECKOUT_QUESTIONS_PREFIX, };

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

@@ -1,6 +1,7 @@
 const COLOR_I18N_PREFIX = "color.";
 const RETURN_QUESTIONS_PREFIX = "return_questions.";
 const RETURN_QUESTIONS_FEEDBACK_PREFIX = "return_questions_feedback.";
+const CHECKOUT_QUESTIONS_PREFIX = "checkout_questions.";
 var I18nMessages;
 (function (I18nMessages) {
     I18nMessages["INTRO_TITLE"] = "intro.title";
@@ -59,4 +60,4 @@ var I18nMessages;
     I18nMessages["CHECKOUT_SUCCESS_MODAL_BUTTON"] = "checkout.success_modal_button";
     I18nMessages["CHECKOUT_DELIVERY_BANNER"] = "checkout.delivery_banner";
 })(I18nMessages || (I18nMessages = {}));
-export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX, RETURN_QUESTIONS_FEEDBACK_PREFIX };
+export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX, RETURN_QUESTIONS_FEEDBACK_PREFIX, CHECKOUT_QUESTIONS_PREFIX, };

package/package.json

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