@lookiero/checkout 8.14.0 → 8.17.0

package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap

@@ -88,7 +88,8 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
               style={{}}
             >
               <View
-                animatedStyle={
+                collapsable={false}
+                jestAnimatedStyle={
                   {
                     "value": {
                       "transform": [
@@ -99,7 +100,6 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                     },
                   }
                 }
-                collapsable={false}
                 style={
                   {
                     "flex": 1,
@@ -116,16 +116,17 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                 testID="carousel-track"
               >
                 <View
+                  collapsable={false}
+                  jestAnimatedStyle={
+                    {
+                      "value": {},
+                    }
+                  }
                   style={
-                    [
-                      {
-                        "flex": 1,
-                      },
-                      undefined,
-                      {
-                        "width": 300,
-                      },
-                    ]
+                    {
+                      "flex": 1,
+                      "width": 300,
+                    }
                   }
                   testID="carousel-item"
                 >
@@ -242,14 +243,14 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                           </View>
                         </View>
                         <Image
-                          animatedStyle={
+                          collapsable={false}
+                          jestAnimatedStyle={
                             {
                               "value": {
                                 "opacity": 0,
                               },
                             }
                           }
-                          collapsable={false}
                           onLoad={[Function]}
                           resizeMode="stretch"
                           source={
@@ -274,16 +275,17 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                   </View>
                 </View>
                 <View
+                  collapsable={false}
+                  jestAnimatedStyle={
+                    {
+                      "value": {},
+                    }
+                  }
                   style={
-                    [
-                      {
-                        "flex": 1,
-                      },
-                      undefined,
-                      {
-                        "width": 300,
-                      },
-                    ]
+                    {
+                      "flex": 1,
+                      "width": 300,
+                    }
                   }
                   testID="carousel-item"
                 >
@@ -400,14 +402,14 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                           </View>
                         </View>
                         <Image
-                          animatedStyle={
+                          collapsable={false}
+                          jestAnimatedStyle={
                             {
                               "value": {
                                 "opacity": 0,
                               },
                             }
                           }
-                          collapsable={false}
                           onLoad={[Function]}
                           resizeMode="stretch"
                           source={
@@ -789,7 +791,8 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
               style={{}}
             >
               <View
-                animatedStyle={
+                collapsable={false}
+                jestAnimatedStyle={
                   {
                     "value": {
                       "transform": [
@@ -800,7 +803,6 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                     },
                   }
                 }
-                collapsable={false}
                 style={
                   {
                     "flex": 1,
@@ -817,16 +819,17 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                 testID="carousel-track"
               >
                 <View
+                  collapsable={false}
+                  jestAnimatedStyle={
+                    {
+                      "value": {},
+                    }
+                  }
                   style={
-                    [
-                      {
-                        "flex": 1,
-                      },
-                      undefined,
-                      {
-                        "width": 300,
-                      },
-                    ]
+                    {
+                      "flex": 1,
+                      "width": 300,
+                    }
                   }
                   testID="carousel-item"
                 >
@@ -943,14 +946,14 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                           </View>
                         </View>
                         <Image
-                          animatedStyle={
+                          collapsable={false}
+                          jestAnimatedStyle={
                             {
                               "value": {
                                 "opacity": 0,
                               },
                             }
                           }
-                          collapsable={false}
                           onLoad={[Function]}
                           resizeMode="stretch"
                           source={
@@ -975,16 +978,17 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                   </View>
                 </View>
                 <View
+                  collapsable={false}
+                  jestAnimatedStyle={
+                    {
+                      "value": {},
+                    }
+                  }
                   style={
-                    [
-                      {
-                        "flex": 1,
-                      },
-                      undefined,
-                      {
-                        "width": 300,
-                      },
-                    ]
+                    {
+                      "flex": 1,
+                      "width": 300,
+                    }
                   }
                   testID="carousel-item"
                 >
@@ -1101,14 +1105,14 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                           </View>
                         </View>
                         <Image
-                          animatedStyle={
+                          collapsable={false}
+                          jestAnimatedStyle={
                             {
                               "value": {
                                 "opacity": 0,
                               },
                             }
                           }
-                          collapsable={false}
                           onLoad={[Function]}
                           resizeMode="stretch"
                           source={
@@ -1490,7 +1494,8 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
               style={{}}
             >
               <View
-                animatedStyle={
+                collapsable={false}
+                jestAnimatedStyle={
                   {
                     "value": {
                       "transform": [
@@ -1501,7 +1506,6 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                     },
                   }
                 }
-                collapsable={false}
                 style={
                   {
                     "flex": 1,
@@ -1518,16 +1522,17 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                 testID="carousel-track"
               >
                 <View
+                  collapsable={false}
+                  jestAnimatedStyle={
+                    {
+                      "value": {},
+                    }
+                  }
                   style={
-                    [
-                      {
-                        "flex": 1,
-                      },
-                      undefined,
-                      {
-                        "width": 300,
-                      },
-                    ]
+                    {
+                      "flex": 1,
+                      "width": 300,
+                    }
                   }
                   testID="carousel-item"
                 >
@@ -1644,14 +1649,14 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                           </View>
                         </View>
                         <Image
-                          animatedStyle={
+                          collapsable={false}
+                          jestAnimatedStyle={
                             {
                               "value": {
                                 "opacity": 0,
                               },
                             }
                           }
-                          collapsable={false}
                           onLoad={[Function]}
                           resizeMode="stretch"
                           source={
@@ -1676,16 +1681,17 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                   </View>
                 </View>
                 <View
+                  collapsable={false}
+                  jestAnimatedStyle={
+                    {
+                      "value": {},
+                    }
+                  }
                   style={
-                    [
-                      {
-                        "flex": 1,
-                      },
-                      undefined,
-                      {
-                        "width": 300,
-                      },
-                    ]
+                    {
+                      "flex": 1,
+                      "width": 300,
+                    }
                   }
                   testID="carousel-item"
                 >
@@ -1802,14 +1808,14 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                           </View>
                         </View>
                         <Image
-                          animatedStyle={
+                          collapsable={false}
+                          jestAnimatedStyle={
                             {
                               "value": {
                                 "opacity": 0,
                               },
                             }
                           }
-                          collapsable={false}
                           onLoad={[Function]}
                           resizeMode="stretch"
                           source={

package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx

@@ -12,7 +12,7 @@ import { Segment } from "@lookiero/sty-psp-segment";
 import { Layout as UiLayout } from "@lookiero/sty-psp-ui";
 import { CheckoutProjection } from "../../../../../../projection/checkout/checkout";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion.constants";
+import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion";
 import { useReturnCheckoutItem } from "../../../../../domain/checkoutItem/react/useReturnCheckoutItem";
 import { useListReturnQuestionsByCheckoutItemId } from "../../../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
 import { TrackingPage } from "../../../../../tracking/tracking";

package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap

@@ -181,14 +181,14 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
             </View>
           </View>
           <Image
-            animatedStyle={
+            collapsable={false}
+            jestAnimatedStyle={
               {
                 "value": {
                   "opacity": 0,
                 },
               }
             }
-            collapsable={false}
             onLoad={[Function]}
             resizeMode="contain"
             source={
@@ -531,14 +531,14 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
             </View>
           </View>
           <Image
-            animatedStyle={
+            collapsable={false}
+            jestAnimatedStyle={
               {
                 "value": {
                   "opacity": 0,
                 },
               }
             }
-            collapsable={false}
             onLoad={[Function]}
             resizeMode="contain"
             source={

package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/CheckoutItemsTabs.tsx

@@ -73,8 +73,8 @@ const CheckoutItemsTabs: FC<CheckoutItemsTabsProps> = ({
 
   const handleOnPressItem = useCallback((checkoutItemId: string) => onPressItem(checkoutItemId), [onPressItem]);
 
-  const data = useMemo(() => [0, 0], []);
-  const renderItem: RenderItemFunction<number> = useCallback(
+  const data = useMemo(() => [{ id: "0" }, { id: "1" }], []);
+  const renderItem: RenderItemFunction<{ readonly id?: string }> = useCallback(
     ({ index }) =>
       index === 0 ? (
         checkoutItemsKept.length === 0 ? (

package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap

@@ -270,7 +270,8 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                 style={{}}
               >
                 <View
-                  animatedStyle={
+                  collapsable={false}
+                  jestAnimatedStyle={
                     {
                       "value": {
                         "transform": [
@@ -281,7 +282,6 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                       },
                     }
                   }
-                  collapsable={false}
                   style={
                     {
                       "flex": 1,
@@ -298,16 +298,17 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                   testID="carousel-track"
                 >
                   <View
+                    collapsable={false}
+                    jestAnimatedStyle={
+                      {
+                        "value": {},
+                      }
+                    }
                     style={
-                      [
-                        {
-                          "flex": 1,
-                        },
-                        false,
-                        {
-                          "width": 300,
-                        },
-                      ]
+                      {
+                        "flex": 1,
+                        "width": 300,
+                      }
                     }
                     testID="carousel-item"
                   >
@@ -466,14 +467,14 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 </View>
                               </View>
                               <Image
-                                animatedStyle={
+                                collapsable={false}
+                                jestAnimatedStyle={
                                   {
                                     "value": {
                                       "opacity": 0,
                                     },
                                   }
                                 }
-                                collapsable={false}
                                 onLoad={[Function]}
                                 resizeMode="contain"
                                 source={
@@ -788,14 +789,14 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 </View>
                               </View>
                               <Image
-                                animatedStyle={
+                                collapsable={false}
+                                jestAnimatedStyle={
                                   {
                                     "value": {
                                       "opacity": 0,
                                     },
                                   }
                                 }
-                                collapsable={false}
                                 onLoad={[Function]}
                                 resizeMode="contain"
                                 source={
@@ -991,16 +992,17 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                     </View>
                   </View>
                   <View
+                    collapsable={false}
+                    jestAnimatedStyle={
+                      {
+                        "value": {},
+                      }
+                    }
                     style={
-                      [
-                        {
-                          "flex": 1,
-                        },
-                        false,
-                        {
-                          "width": 300,
-                        },
-                      ]
+                      {
+                        "flex": 1,
+                        "width": 300,
+                      }
                     }
                     testID="carousel-item"
                   >
@@ -1159,14 +1161,14 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 </View>
                               </View>
                               <Image
-                                animatedStyle={
+                                collapsable={false}
+                                jestAnimatedStyle={
                                   {
                                     "value": {
                                       "opacity": 0,
                                     },
                                   }
                                 }
-                                collapsable={false}
                                 onLoad={[Function]}
                                 resizeMode="contain"
                                 source={
@@ -1481,14 +1483,14 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                 </View>
                               </View>
                               <Image
-                                animatedStyle={
+                                collapsable={false}
+                                jestAnimatedStyle={
                                   {
                                     "value": {
                                       "opacity": 0,
                                     },
                                   }
                                 }
-                                collapsable={false}
                                 onLoad={[Function]}
                                 resizeMode="contain"
                                 source={

package/src/projection/returnQuestion/listReturnQuestionsByCheckoutItemId.test.ts

@@ -1,22 +1,30 @@
 import { mock } from "jest-mock-extended";
 import { QueryBus } from "@lookiero/messaging";
-import { returnQuestions } from "../../infrastructure/projection/returnQuestion/returnQuestions.mock";
 import {
   listReturnQuestionsByCheckoutItemId,
   listReturnQuestionsByCheckoutItemIdHandler as sut,
 } from "./listReturnQuestionsByCheckoutItemId";
+import { ReturnQuestionProjection, ReturnQuestionType } from "./returnQuestion";
 
 const checkoutItemId = "29790d24-b139-4ab8-b618-d796d101e974";
+const returnQuestionsProjection: ReturnQuestionProjection[] = [
+  {
+    id: "efe07b97-f6fb-4b6a-ba92-b68519320b2c",
+    name: "main_title",
+    placeholder: "",
+    type: ReturnQuestionType.HOST_DEFAULT,
+  },
+];
 const queryBus = mock<QueryBus>();
 const signal = mock<AbortSignal>();
 
 describe("listReturnQuestionsByCheckoutItemId", () => {
   it("returns return questions by checkout item id", async () => {
     const query = listReturnQuestionsByCheckoutItemId({ checkoutItemId });
-    const view = jest.fn(() => Promise.resolve(returnQuestions));
+    const view = jest.fn(() => Promise.resolve(returnQuestionsProjection));
 
-    const returnQuestionsResult = await sut({ view, queryBus, signal })(query);
+    const returnQuestionsProjectionResult = await sut({ view, queryBus, signal })(query);
 
-    expect(returnQuestionsResult).toBe(returnQuestions);
+    expect(returnQuestionsProjectionResult).toBe(returnQuestionsProjection);
   });
 });

package/src/projection/returnQuestion/returnQuestion.ts

@@ -1,42 +1,20 @@
-import { EmptyObject, ExcludePropertyIfOptional, NonEmptyArray } from "@lookiero/sty-psp-typescript";
-import { ReturnQuestionType } from "./returnQuestion.constants";
-import { Metadata } from "./returnQuestion.metadata";
-
-type ReturnQuestionTypesWithChildren =
-  | ReturnQuestionType.HOST_DEFAULT
-  | ReturnQuestionType.HOST_SELECT
-  | ReturnQuestionType.HOST_STACK
-  | ReturnQuestionType.HOST_TEXTAREA;
-
-type ReturnQuestionTypesWithOptionalChildren = ReturnQuestionType.OPTION;
-
-type ReturnQuestionTypesWithOptionalTranslationKeys = ReturnQuestionType.HOST_STACK;
-
-type ReturnQuestionMetadata<RQT extends ReturnQuestionType> = ExcludePropertyIfOptional<
-  "metadata",
-  { readonly metadata: Metadata<RQT> }
->;
-
-type ReturnQuestionChildren<RQT extends ReturnQuestionType> = RQT extends ReturnQuestionTypesWithChildren
-  ? { readonly children: NonEmptyArray<ReturnQuestion> }
-  : RQT extends ReturnQuestionTypesWithOptionalChildren
-    ? { readonly children?: NonEmptyArray<ReturnQuestion> }
-    : EmptyObject;
-
-type ReturnQuestionTranslationKey<RQT extends ReturnQuestionType> =
-  RQT extends ReturnQuestionTypesWithOptionalTranslationKeys
-    ? { readonly translationKey?: string }
-    : { readonly translationKey: string };
-
-type ReturnQuestion<RQT extends ReturnQuestionType = ReturnQuestionType> = RQT extends infer K extends
-  ReturnQuestionType
-  ? { readonly id: string; readonly type: K } & ReturnQuestionTranslationKey<K> &
-      ReturnQuestionChildren<K> &
-      ReturnQuestionMetadata<K>
-  : never;
-
-export type {
-  ReturnQuestion as ReturnQuestionProjection,
-  ReturnQuestionTypesWithOptionalTranslationKeys,
-  ReturnQuestionTypesWithChildren,
-};
+enum ReturnQuestionType {
+  HOST_DEFAULT = "HOST_DEFAULT",
+  HOST_TEXTAREA = "HOST_TEXTAREA",
+  HOST_SELECT = "HOST_SELECT",
+  HOST_STACK = "HOST_STACK",
+  TEXTAREA = "TEXTAREA",
+  OPTION = "OPTION",
+  // ICON = "ICON",
+}
+
+interface ReturnQuestionProjection {
+  readonly id: string;
+  readonly name: string;
+  readonly placeholder: string; // required for ReturnQuestionType.SELECT | ReturnQuestionType.TEXTAREA
+  readonly type: ReturnQuestionType;
+  readonly children?: ReturnQuestionProjection[];
+}
+
+export { ReturnQuestionType };
+export type { ReturnQuestionProjection };

package/dist/src/projection/returnQuestion/returnQuestion.constants.d.ts

@@ -1,9 +0,0 @@
-declare enum ReturnQuestionType {
-    HOST_DEFAULT = "HOST_DEFAULT",
-    HOST_TEXTAREA = "HOST_TEXTAREA",
-    HOST_SELECT = "HOST_SELECT",
-    HOST_STACK = "HOST_STACK",
-    TEXTAREA = "TEXTAREA",
-    OPTION = "OPTION"
-}
-export { ReturnQuestionType };

package/dist/src/projection/returnQuestion/returnQuestion.constants.js

@@ -1,10 +0,0 @@
-var ReturnQuestionType;
-(function (ReturnQuestionType) {
-    ReturnQuestionType["HOST_DEFAULT"] = "HOST_DEFAULT";
-    ReturnQuestionType["HOST_TEXTAREA"] = "HOST_TEXTAREA";
-    ReturnQuestionType["HOST_SELECT"] = "HOST_SELECT";
-    ReturnQuestionType["HOST_STACK"] = "HOST_STACK";
-    ReturnQuestionType["TEXTAREA"] = "TEXTAREA";
-    ReturnQuestionType["OPTION"] = "OPTION";
-})(ReturnQuestionType || (ReturnQuestionType = {}));
-export { ReturnQuestionType };

package/dist/src/projection/returnQuestion/returnQuestion.metadata.d.ts

@@ -1,12 +0,0 @@
-import { EmptyObject } from "@lookiero/sty-psp-typescript";
-import { ReturnQuestionType } from "./returnQuestion.constants";
-interface ComponentPlaceholder {
-    readonly placeholder: string;
-}
-type MetadataDictionary = Record<ReturnQuestionType, EmptyObject>;
-type ComponentMetadata = MetadataDictionary & {
-    [ReturnQuestionType.HOST_SELECT]: ComponentPlaceholder;
-    [ReturnQuestionType.TEXTAREA]: ComponentPlaceholder;
-};
-type Metadata<RQT extends ReturnQuestionType> = ComponentMetadata[RQT];
-export type { Metadata };

package/dist/src/projection/returnQuestion/returnQuestion.metadata.js

@@ -1 +0,0 @@
-import { ReturnQuestionType } from "./returnQuestion.constants";

package/dist/src/projection/returnQuestion/returnQuestion.typeguard.d.ts

@@ -1,5 +0,0 @@
-import { ReturnQuestionProjection, ReturnQuestionTypesWithChildren } from "./returnQuestion";
-import { ReturnQuestionType } from "./returnQuestion.constants";
-declare const returnQuestionWithTranslationKey: (question: ReturnQuestionProjection) => question is ReturnQuestionProjection<ReturnQuestionType.HOST_DEFAULT | ReturnQuestionType.HOST_TEXTAREA | ReturnQuestionType.HOST_SELECT | ReturnQuestionType.TEXTAREA | ReturnQuestionType.OPTION>;
-declare const returnQuestionHasChildren: (question: ReturnQuestionProjection) => question is ReturnQuestionProjection<ReturnQuestionTypesWithChildren>;
-export { returnQuestionWithTranslationKey, returnQuestionHasChildren };

package/dist/src/projection/returnQuestion/returnQuestion.typeguard.js

@@ -1,10 +0,0 @@
-import { ReturnQuestionType } from "./returnQuestion.constants";
-const returnQuestionWithTranslationKey = (question) => Boolean(question.translationKey);
-const returnQuestionHasChildren = (question) => [
-    ReturnQuestionType.HOST_DEFAULT,
-    ReturnQuestionType.HOST_SELECT,
-    ReturnQuestionType.HOST_STACK,
-    ReturnQuestionType.HOST_TEXTAREA,
-    ReturnQuestionType.OPTION,
-].includes(question.type);
-export { returnQuestionWithTranslationKey, returnQuestionHasChildren };