@lookiero/checkout 10.0.0-beta.4 → 10.0.1

package/src/infrastructure/ui/hooks/useCheckoutFlow.tsx

@@ -1,203 +0,0 @@
-import React, { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { CommandStatus } from "@lookiero/messaging-react";
-import { PaymentFlow, PaymentFlowRef, PaymentPayload, Section } from "@lookiero/payments-front";
-import { LegacyBoxCheckoutStrategyPayload } from "@lookiero/payments-front/build/components/PaymentFlow/internals/strategies/LegacyBoxCheckoutStrategy";
-import { useLogger } from "@lookiero/sty-psp-logging";
-import { NotificationLevel, useCreateToastNotification } from "@lookiero/sty-psp-notifications";
-import { CheckoutProjection } from "../../../projection/checkout/checkout";
-import {
-  ViewCheckoutBookingById,
-  viewCheckoutBookingById,
-  ViewCheckoutBookingByIdResult,
-} from "../../../projection/checkoutBooking/viewCheckoutBookingById";
-import { OrderProjection } from "../../../projection/order/order";
-import { SubscriptionProjection } from "../../../projection/subscription/subscription";
-import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
-import { useSubmitCheckout } from "../../domain/checkout/react/useSubmitCheckout";
-import { useBlockCheckoutBooking } from "../../domain/checkoutBooking/react/useBlockCheckoutBooking";
-import { useViewIsSizeChangeEnabledByCheckoutId } from "../../projection/checkout/react/useViewIsSizeChangeEnabledByCheckoutId";
-import { useViewPaymentFlowPayloadByCheckoutId } from "../../projection/payment/react/useViewPaymentFlowPayloadByCheckoutId";
-import { useViewPricingByCheckoutId } from "../../projection/pricing/react/useViewPricingByCheckoutId";
-import { useTrackCheckout } from "../../tracking/useTrackCheckout";
-import { I18nMessages } from "../i18n/i18n";
-import { Routes } from "../routing/routes";
-import { usePaymentInstrumentEvents } from "./usePaymentInstrumentEvents";
-import { useQueryBus } from "./useQueryBus";
-import { useStaticInfo } from "./useStaticInfo";
-
-type CheckoutFlowStatus = "idle" | "loading" | "success" | "error";
-
-interface CheckoutFlowFunction {
-  (): Promise<void>;
-}
-
-type CheckoutFlowReturn = [
-  checkoutFlow: CheckoutFlowFunction,
-  checkoutFlowStatus: CheckoutFlowStatus,
-  paymentFlow: ReactNode,
-];
-
-interface UseCheckoutFlowArgs {
-  readonly checkout: CheckoutProjection | undefined;
-  readonly order: OrderProjection;
-  readonly subscription: SubscriptionProjection;
-  readonly getAuthToken: () => Promise<string>;
-  readonly onSuccess: () => void;
-}
-
-interface UseCheckoutFlowFunction {
-  (args: UseCheckoutFlowArgs): CheckoutFlowReturn;
-}
-
-const useCheckoutFlow: UseCheckoutFlowFunction = ({
-  checkout: checkoutProjection,
-  order: orderProjection,
-  subscription: subscriptionProjection,
-  getAuthToken,
-  onSuccess,
-}) => {
-  const logger = useLogger();
-  const queryBus = useQueryBus();
-  const {
-    customer: { customerId, country, segment, name, email },
-    basePath,
-  } = useStaticInfo();
-  const paymentFlowRef = useRef<PaymentFlowRef>(null);
-  const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
-    checkoutId: checkoutProjection?.id as string,
-  });
-  const [sizeChangeEnabled] = useViewIsSizeChangeEnabledByCheckoutId({ checkoutId: checkoutProjection?.id as string });
-  const [pricing] = useViewPricingByCheckoutId({
-    checkoutId: checkoutProjection?.id,
-    queryOptions: { refetchOnMount: true },
-  });
-  const [submitCheckout, submitCheckoutStatus] = useSubmitCheckout({
-    checkoutId: checkoutProjection?.id,
-    logger,
-  });
-  const [blockCheckoutBooking, blockCheckoutBookingStatus] = useBlockCheckoutBooking({
-    checkoutBookingId: checkoutProjection?.checkoutBookingId,
-    logger,
-  });
-  const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
-  const [checkoutBookingExpired, setCheckoutBookingExpired] = useState(false);
-  const [startLegacyBoxCheckoutStatus, setStartLegacyBoxCheckoutStatus] = useState<CheckoutFlowStatus>("idle");
-  const [authToken, setAuthToken] = useState<string>();
-  useEffect(() => {
-    const loadAuthToken = async () => setAuthToken(await getAuthToken());
-    loadAuthToken();
-  }, [getAuthToken]);
-  const trackCheckout = useTrackCheckout({
-    checkout: checkoutProjection,
-    order: orderProjection,
-    pricing,
-    subscription: subscriptionProjection,
-    userId: customerId,
-    country,
-    segment,
-  });
-
-  const checkoutFlow: CheckoutFlowFunction = useCallback(async () => {
-    try {
-      sizeChangeEnabled && (await blockCheckoutBooking());
-    } catch (error) {
-      return;
-    }
-
-    if (checkoutProjection?.checkoutBookingId) {
-      const checkoutBooking = await queryBus<ViewCheckoutBookingById, ViewCheckoutBookingByIdResult>(
-        viewCheckoutBookingById({ checkoutBookingId: checkoutProjection?.checkoutBookingId }),
-      );
-
-      if (checkoutBooking?.isExpired) {
-        setCheckoutBookingExpired(true);
-        return;
-      }
-    }
-
-    setStartLegacyBoxCheckoutStatus("loading");
-
-    paymentFlowRef.current?.startLegacyBoxCheckout({
-      ...paymentFlowPayload,
-      userInformation: { email, name },
-      returnUrl: `${basePath}/${Routes.CHECKOUT}`,
-    } as unknown as LegacyBoxCheckoutStrategyPayload);
-  }, [
-    checkoutProjection?.checkoutBookingId,
-    paymentFlowPayload,
-    email,
-    name,
-    basePath,
-    sizeChangeEnabled,
-    blockCheckoutBooking,
-    queryBus,
-  ]);
-
-  const onPaymentSuccess = useCallback(async () => {
-    setStartLegacyBoxCheckoutStatus("success");
-
-    await submitCheckout();
-
-    createNotification({
-      bodyI18nKey: I18nMessages.CHECKOUT_TOAST_PAYMENT_SUCCESS,
-      level: NotificationLevel.SUCCESS,
-    });
-
-    trackCheckout();
-    onSuccess();
-  }, [createNotification, onSuccess, submitCheckout, trackCheckout]);
-  const onPaymentError = useCallback(
-    (payload: PaymentPayload) => {
-      setStartLegacyBoxCheckoutStatus("error");
-
-      createNotification({
-        bodyI18nKey: payload.metadata?.toaster?.id || I18nMessages.CHECKOUT_TOAST_PAYMENT_ERROR,
-        level: NotificationLevel.ERROR,
-      });
-    },
-    [createNotification],
-  );
-  usePaymentInstrumentEvents({ onSuccess: onPaymentSuccess, onError: onPaymentError });
-
-  const checkoutFlowStatus: CheckoutFlowStatus = useMemo(() => {
-    if (
-      blockCheckoutBookingStatus === CommandStatus.LOADING ||
-      startLegacyBoxCheckoutStatus === "loading" ||
-      submitCheckoutStatus === CommandStatus.LOADING
-    ) {
-      return "loading";
-    }
-
-    if (
-      blockCheckoutBookingStatus === CommandStatus.SUCCESS &&
-      startLegacyBoxCheckoutStatus === "success" &&
-      submitCheckoutStatus === CommandStatus.SUCCESS
-    ) {
-      return "success";
-    }
-
-    if (
-      blockCheckoutBookingStatus === CommandStatus.ERROR ||
-      startLegacyBoxCheckoutStatus === "error" ||
-      submitCheckoutStatus === CommandStatus.ERROR ||
-      checkoutBookingExpired
-    ) {
-      return "error";
-    }
-
-    return "idle";
-  }, [blockCheckoutBookingStatus, startLegacyBoxCheckoutStatus, submitCheckoutStatus, checkoutBookingExpired]);
-
-  const paymentFlow = useMemo(
-    () => (authToken ? <PaymentFlow ref={paymentFlowRef} section={Section.BOX_CHECKOUT} token={authToken} /> : null),
-    [authToken],
-  );
-
-  return useMemo(
-    () => [checkoutFlow, checkoutFlowStatus, paymentFlow],
-    [checkoutFlow, paymentFlow, checkoutFlowStatus],
-  );
-};
-
-export type { CheckoutFlowStatus };
-export { useCheckoutFlow };