@lookiero/checkout 9.8.0 → 9.8.2

package/dist/src/ExpoRoot.js

@@ -24,7 +24,7 @@ const order = {
     coupon: "MYLOOKIERO",
 };
 const customer = {
-    customerId: "9413fe3a-09fc-4264-905e-040bb7b4ca75",
+    customerId: "74cb4f76-3f14-4983-81a6-2ee2a9a275d4",
     country: Country.ES,
     segment: Segment.WOMEN,
 };
@@ -39,7 +39,7 @@ const apiUrl = Platform.OS !== "web"
     : __DEV__
         ? "/local-to-dev"
         : "/checkout/api";
-const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NTIwMjgsImV4cCI6MTczOTQ0MTYwMSwiZGlzcGxheU5hbWUiOiJNaWtlbCIsImNvdW50cnlfY29kZSI6IkVTIiwiYWNjZXNzVmlhIjoiZW1haWwiLCJzdWJzY3JpcHRpb25TdGFydGluZ0RhdGUiOiIyMDI0LTExLTE4IiwiaW1wZXJzb25hdGVkIjpmYWxzZSwidXVpZCI6Ijk0MTNmZTNhLTA5ZmMtNDI2NC05MDVlLTA0MGJiN2I0Y2E3NSIsImlhdCI6MTczNjc2MzIwMn0.ZaFu4743f9XR0aK3LgMMhbmRHNloHtC1Sm0FDUtj8B8";
+const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NDg3OTAsImV4cCI6MTc0MjM2OTcyNywiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjQtMTEtMDgiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiNzRjYjRmNzYtM2YxNC00OTgzLTgxYTYtMmVlMmE5YTI3NWQ0IiwiaWF0IjoxNzM5OTUwNTI3fQ.ajNczGc6YhM23--PsqlAoDrp_GN87TnHEBOYyg2hoWM";
 const getAuthToken = () => Promise.resolve(authToken);
 const externalTranslationsUrl = Platform.OS !== "web"
     ? "https://backend-for-user.dev.envs.lookiero.tech/api/v2/translations"

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

@@ -9,7 +9,6 @@ interface OnChangeCheckoutQuestionFeedbackFunction {
     (args: OnChangeCheckoutQuestionFeedbackFunctionArgs): void;
 }
 interface CheckoutQuestionFeedbackContextProviderProps {
-    readonly feedback: CheckoutFeedbackProjection | undefined;
     readonly onChanged?: OnChangeCheckoutQuestionFeedbackFunction;
     readonly children: ReactNode;
 }

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

@@ -1,8 +1,8 @@
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
 import invariant from "tiny-invariant";
 const CheckoutQuestionFeedbackContext = createContext(null);
-const CheckoutQuestionFeedbackProvider = ({ feedback = {}, onChanged, children, }) => {
-    const [contextFeedback, setContextFeedback] = useState(feedback);
+const CheckoutQuestionFeedbackProvider = ({ onChanged, children, }) => {
+    const [contextFeedback, setContextFeedback] = useState({});
     const onChange = useCallback(({ checkoutQuestionId, checkoutQuestionFeedback }) => {
         setContextFeedback((feedback) => checkoutQuestionFeedback
             ? { ...feedback, [checkoutQuestionId]: checkoutQuestionFeedback }
@@ -13,7 +13,6 @@ const CheckoutQuestionFeedbackProvider = ({ feedback = {}, onChanged, children,
             hasFeedback: Boolean(contextFeedback[checkoutQuestionId]),
         });
     }, [contextFeedback, onChanged]);
-    useEffect(() => setContextFeedback(feedback), [feedback]);
     const value = useMemo(() => ({
         feedback: contextFeedback,
         onChange,

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

@@ -80,7 +80,7 @@ const Feedback = ({ layout: Layout }) => {
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) && dependenciesLoadedStatuses.includes(checkoutQuestionsStatus);
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
-    return (React.createElement(CheckoutQuestionFeedbackProvider, { feedback: {}, onChanged: handleOnChangedFeedback },
+    return (React.createElement(CheckoutQuestionFeedbackProvider, { onChanged: handleOnChangedFeedback },
         React.createElement(Layout, null,
             React.createElement(Body, { style: { row: [style.container, isDesktop && style.containerDesktop] } },
                 React.createElement(CheckoutQuestionsForm, { checkoutQuestions: checkoutQuestions || [], submitButtonDisabled: giveCheckoutFeedbackStatus === CommandStatus.LOADING, onSubmit: handleOnSubmit })))));

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "9.8.0";
+export declare const VERSION = "9.8.2";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "9.8.0";
+export const VERSION = "9.8.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "9.8.0",
+  "version": "9.8.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/ExpoRoot.tsx

@@ -32,7 +32,7 @@ const order: Order = {
 };
 
 const customer: Customer = {
-  customerId: "9413fe3a-09fc-4264-905e-040bb7b4ca75",
+  customerId: "74cb4f76-3f14-4983-81a6-2ee2a9a275d4",
   country: Country.ES,
   segment: Segment.WOMEN,
 };
@@ -51,7 +51,7 @@ const apiUrl =
       ? "/local-to-dev"
       : "/checkout/api";
 const authToken =
-  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NTIwMjgsImV4cCI6MTczOTQ0MTYwMSwiZGlzcGxheU5hbWUiOiJNaWtlbCIsImNvdW50cnlfY29kZSI6IkVTIiwiYWNjZXNzVmlhIjoiZW1haWwiLCJzdWJzY3JpcHRpb25TdGFydGluZ0RhdGUiOiIyMDI0LTExLTE4IiwiaW1wZXJzb25hdGVkIjpmYWxzZSwidXVpZCI6Ijk0MTNmZTNhLTA5ZmMtNDI2NC05MDVlLTA0MGJiN2I0Y2E3NSIsImlhdCI6MTczNjc2MzIwMn0.ZaFu4743f9XR0aK3LgMMhbmRHNloHtC1Sm0FDUtj8B8";
+  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2NDg3OTAsImV4cCI6MTc0MjM2OTcyNywiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjQtMTEtMDgiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiNzRjYjRmNzYtM2YxNC00OTgzLTgxYTYtMmVlMmE5YTI3NWQ0IiwiaWF0IjoxNzM5OTUwNTI3fQ.ajNczGc6YhM23--PsqlAoDrp_GN87TnHEBOYyg2hoWM";
 const getAuthToken = () => Promise.resolve(authToken);
 
 const externalTranslationsUrl =

package/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestions.test.tsx

@@ -48,7 +48,7 @@ const checkoutQuestionItems: CheckoutQuestionItems = {
 };
 
 const Wrapper = ({ children }: { children: ReactNode }) => (
-  <CheckoutQuestionFeedbackProvider feedback={{}}>
+  <CheckoutQuestionFeedbackProvider>
     <CheckoutQuestionItemProvider checkoutQuestionItems={checkoutQuestionItems}>
       {children}
     </CheckoutQuestionItemProvider>

package/src/infrastructure/ui/components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionFeedback.test.ts

@@ -1,50 +1,20 @@
 import { act, renderHook } from "@testing-library/react-native";
-import { CheckoutFeedbackProjection } from "../../../../../../projection/checkoutFeedback/checkoutFeedback";
 import { createWrapper } from "../../../../test/createWrapper";
 import {
   CheckoutQuestionFeedbackProvider,
-  useCheckoutQuestionFeedback as sut,
   useCheckoutQuestionFeedbackForId as sutForId,
 } from "./useCheckoutQuestionFeedback";
 
-const initialFeedback: CheckoutFeedbackProjection = {
-  ["0ad1dba8-b02c-4121-a1e3-981f1c30800d"]: "9251dc2c-d76a-484d-9299-346929af932f",
-  ["542c4d24-e1da-484f-8c3a-7d89ee135adc"]: "68c0bb98-b00a-4b86-af43-528fe903cb69",
-};
 const checkoutQuestionId = "542c4d24-e1da-484f-8c3a-7d89ee135adc";
 const mockOnChanged = jest.fn();
 
 describe("useCheckoutQuestionFeedback hook", () => {
-  it("returns the customer's feedback from the context's local state", () => {
-    const { result } = renderHook(() => sut(), {
-      wrapper: createWrapper({
-        wrapper: CheckoutQuestionFeedbackProvider,
-        initialProps: { feedback: initialFeedback, children: null, onChanged: mockOnChanged },
-      }),
-    });
-
-    expect(result.current).toStrictEqual(initialFeedback);
-  });
-
-  it("returns the customer's feedback for the checkoutQuestion from the context's local state", async () => {
-    const { result } = renderHook(() => sutForId({ id: checkoutQuestionId }), {
-      wrapper: createWrapper({
-        wrapper: CheckoutQuestionFeedbackProvider,
-        initialProps: { feedback: initialFeedback, children: null, onChanged: mockOnChanged },
-      }),
-    });
-
-    const { feedback: initialCheckoutQuestionFeedback } = result.current;
-
-    expect(initialCheckoutQuestionFeedback).toEqual(initialFeedback[checkoutQuestionId]);
-  });
-
   it("returns the customer's feedback for the checkoutQuestion from the context's local state after updating it", async () => {
     const feedbackToUpdate = "f3742fa1-e6e9-4321-baea-9622b57416f4";
     const { result } = renderHook(() => sutForId({ id: checkoutQuestionId }), {
       wrapper: createWrapper({
         wrapper: CheckoutQuestionFeedbackProvider,
-        initialProps: { feedback: initialFeedback, children: null, onChanged: mockOnChanged },
+        initialProps: { children: null, onChanged: mockOnChanged },
       }),
     });
 
@@ -55,7 +25,7 @@ describe("useCheckoutQuestionFeedback hook", () => {
     expect(mockOnChanged).toHaveBeenCalledWith({
       checkoutQuestionId,
       checkoutQuestionFeedback: feedbackToUpdate,
-      hasFeedback: true,
+      hasFeedback: false,
     });
 
     const { feedback: updatedCheckoutQuestionFeedback } = result.current;

package/src/infrastructure/ui/components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionFeedback.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, FC, ReactNode, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import React, { createContext, FC, ReactNode, useCallback, useContext, useMemo, useState } from "react";
 import invariant from "tiny-invariant";
 import { CheckoutFeedbackProjection } from "../../../../../../projection/checkoutFeedback/checkoutFeedback";
 
@@ -22,17 +22,15 @@ const CheckoutQuestionFeedbackContext = createContext<CheckoutQuestionFeedbackCo
 );
 
 interface CheckoutQuestionFeedbackContextProviderProps {
-  readonly feedback: CheckoutFeedbackProjection | undefined;
   readonly onChanged?: OnChangeCheckoutQuestionFeedbackFunction;
   readonly children: ReactNode;
 }
 
 const CheckoutQuestionFeedbackProvider: FC<CheckoutQuestionFeedbackContextProviderProps> = ({
-  feedback = {},
   onChanged,
   children,
 }) => {
-  const [contextFeedback, setContextFeedback] = useState<CheckoutFeedbackProjection>(feedback);
+  const [contextFeedback, setContextFeedback] = useState<CheckoutFeedbackProjection>({});
   const onChange = useCallback<OnChangeCheckoutQuestionFeedbackFunction>(
     ({ checkoutQuestionId, checkoutQuestionFeedback }) => {
       setContextFeedback((feedback) =>
@@ -52,8 +50,6 @@ const CheckoutQuestionFeedbackProvider: FC<CheckoutQuestionFeedbackContextProvid
     [contextFeedback, onChanged],
   );
 
-  useEffect(() => setContextFeedback(feedback), [feedback]);
-
   const value = useMemo(
     () => ({
       feedback: contextFeedback,

package/src/infrastructure/ui/views/feedback/Feedback.tsx

@@ -115,7 +115,7 @@ const Feedback: FC<FeedbackProps> = ({ layout: Layout }) => {
   if (!dependenciesLoaded) return <Spinner />;
 
   return (
-    <CheckoutQuestionFeedbackProvider feedback={{}} onChanged={handleOnChangedFeedback}>
+    <CheckoutQuestionFeedbackProvider onChanged={handleOnChangedFeedback}>
       <Layout>
         <Body style={{ row: [style.container, isDesktop && style.containerDesktop] }}>
           <CheckoutQuestionsForm

package/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.test.tsx

@@ -9,7 +9,7 @@ import { CheckoutQuestionsForm } from "./CheckoutQuestionsForm";
 const mockOnSubmit = jest.fn();
 
 const Wrapper = ({ children }: { children: ReactNode }) => (
-  <CheckoutQuestionFeedbackProvider feedback={{}}>{children}</CheckoutQuestionFeedbackProvider>
+  <CheckoutQuestionFeedbackProvider>{children}</CheckoutQuestionFeedbackProvider>
 );
 
 describe("CheckoutQuestionsForm component)", () => {