@lookiero/checkout 9.7.0 → 9.8.1

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.7.0";
+export declare const VERSION = "9.8.1";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "9.7.0";
+export const VERSION = "9.8.1";

package/package.json

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

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)", () => {

package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/__snapshots__/GetOutOfCheckoutModal.test.tsx.snap

@@ -132,7 +132,6 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
             },
           }
         }
-        onLayout={[Function]}
         pointerEvents="auto"
         style={
           {

package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap

@@ -490,7 +490,7 @@ exports[`ItemActions component matches the snapshot 1`] = `
     <View
       accessibilityState={
         {
-          "expanded": true,
+          "expanded": false,
         }
       }
       pointerEvents="none"
@@ -590,7 +590,6 @@ exports[`ItemActions component matches the snapshot 1`] = `
               },
             }
           }
-          onLayout={[Function]}
           pointerEvents="none"
           style={
             {

package/src/infrastructure/ui/views/item/components/selectModal/__snapshots__/SelecModal.test.tsx.snap

@@ -132,7 +132,6 @@ exports[`SelectField component matches the snapshot 1`] = `
             },
           }
         }
-        onLayout={[Function]}
         pointerEvents="auto"
         style={
           {

package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap

@@ -132,7 +132,6 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
             },
           }
         }
-        onLayout={[Function]}
         pointerEvents="auto"
         style={
           {