@lookiero/checkout 4.0.0-beta.0 → 4.0.0-beta.1

package/dist/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.d.ts

@@ -1,7 +1,11 @@
 import { UseQueryFunctionResult } from "@lookiero/messaging-react";
 import { PricingProjection } from "../../../../projection/pricing/pricing";
+interface QueryOptions {
+    readonly refetchOnMount?: boolean | "always";
+}
 interface UseViewPricingByCheckoutIdFunctionArgs {
     readonly checkoutId: string;
+    readonly queryOptions?: QueryOptions;
 }
 interface UseViewPricingByCheckoutIdFunction {
     (args: UseViewPricingByCheckoutIdFunctionArgs): UseQueryFunctionResult<PricingProjection>;

package/dist/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.js

@@ -9,12 +9,15 @@ const shouldInvalidate = (event) => isCheckoutItemKept(event) ||
     isCheckoutItemReplaced(event) ||
     isCheckoutItemReturned(event) ||
     isCheckoutItemReset(event);
-const useViewPricingByCheckoutId = ({ checkoutId }) => useQuery({
+const DEFAULT_QUERY_OPTIONS = {
+    refetchOnMount: "always",
+};
+const useViewPricingByCheckoutId = ({ checkoutId, queryOptions = DEFAULT_QUERY_OPTIONS, }) => useQuery({
     query: viewPricingByCheckoutId({ checkoutId }),
     contextId: MESSAGING_CONTEXT_ID,
     invalidation: shouldInvalidate,
     options: {
-        refetchOnMount: "always",
+        refetchOnMount: queryOptions.refetchOnMount,
         staleTime: Infinity,
         retry: false,
         refetchOnWindowFocus: false,

package/dist/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.js

@@ -22,7 +22,10 @@ const CheckoutPaymentModal = ({ customerId, country, isFirstOrder, orderNumber,
         checkoutId: checkout?.id,
     });
     const [sizeChangeEnabled] = useViewIsSizeChangeEnabledByCheckoutId({ checkoutId: checkout?.id });
-    const [pricing, pricingStatus] = useViewPricingByCheckoutId({ checkoutId: checkout?.id });
+    const [pricing] = useViewPricingByCheckoutId({
+        checkoutId: checkout?.id,
+        queryOptions: { refetchOnMount: true },
+    });
     const [authToken, setAuthToken] = useState();
     useEffect(() => {
         const loadAuthToken = async () => setAuthToken(await getAuthToken());
@@ -49,7 +52,7 @@ const CheckoutPaymentModal = ({ customerId, country, isFirstOrder, orderNumber,
         trackCheckout({
             checkoutItems,
             checkoutItemId,
-            checkoutValue: Number(checkoutValue),
+            checkoutValue,
             isFirstOrder,
             orderNumber,
             productVariantId,
@@ -76,14 +79,12 @@ const CheckoutPaymentModal = ({ customerId, country, isFirstOrder, orderNumber,
         logger,
     });
     useEffect(() => {
-        if (paymentFlowPayload && sizeChangeEnabled !== undefined) {
+        if (paymentFlowPayload && sizeChangeEnabled !== undefined && pricing !== undefined) {
             submitCheckout({ paymentFlowPayload, sizeChangeEnabled });
         }
-    }, [paymentFlowPayload, sizeChangeEnabled, submitCheckout]);
+    }, [paymentFlowPayload, pricing, sizeChangeEnabled, submitCheckout]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) &&
-        dependenciesLoadedStatuses.includes(pricingStatus) &&
-        authToken;
+    const dependenciesLoaded = (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) && authToken;
     if (!dependenciesLoaded)
         return null;
     return React.createElement(PaymentFlow, { ref: paymentFlowRef, token: authToken });

package/dist/shared/tracking/infrastructure/useTrackCheckout.d.ts

@@ -6,7 +6,7 @@ interface TrackCheckoutFunctionArgs {
     readonly checkoutItems: number;
     readonly productVariantId: string[];
     readonly checkoutItemId: string[];
-    readonly checkoutValue: number;
+    readonly checkoutValue: string;
     readonly sizeChange: string[];
     readonly isFirstOrder: boolean;
 }

package/dist/shared/tracking/tracking.d.ts

@@ -90,7 +90,7 @@ interface CheckoutTrackingEvent extends BaseTrackingEvent {
     readonly checkoutItems: number;
     readonly productVariantId: string[];
     readonly checkoutItemId: string[];
-    readonly checkoutValue: number;
+    readonly checkoutValue: string;
     readonly sizeChange: string[];
     readonly isFirstOrder: boolean;
 }

package/package.json

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