calendar/apps/web/app/layoutHOC.tsx

import type { LayoutProps, PageProps } from "app/_types";
import { type GetServerSidePropsContext } from "next";
import { cookies, headers } from "next/headers";

import { buildLegacyCtx } from "@lib/buildLegacyCtx";

import PageWrapper from "@components/PageWrapperAppDir";

type WithLayoutParams<T extends Record<string, any>> = {
  getLayout?: ((page: React.ReactElement) => React.ReactNode) | null;
  getServerLayout?: (page: React.ReactElement) => Promise<React.ReactNode | null>;
  Page?: (props: T) => React.ReactElement | null;
  ServerPage?: (props: T) => Promise<React.ReactElement> | null;
  getData?: (arg: GetServerSidePropsContext) => Promise<T | undefined>;
  isBookingPage?: boolean;
  requiresLicense?: boolean;
};

export function WithLayout<T extends Record<string, any>>({
  getLayout,
  getServerLayout,
  getData,
  ServerPage,
  Page,
  isBookingPage,
  requiresLicense,
}: WithLayoutParams<T>) {
  return async <P extends "P" | "L">(p: P extends "P" ? PageProps : LayoutProps) => {
    const h = headers();
    const nonce = h.get("x-nonce") ?? undefined;
    let props = {} as T;

    if ("searchParams" in p && getData) {
      props = (await getData(buildLegacyCtx(h, cookies(), p.params, p.searchParams))) ?? ({} as T);
    }

    // `p.children` exists only for layout.tsx files
    const childrenFromLayoutFile = "children" in p ? p.children : null;
    const page = ServerPage ? (
      await ServerPage({ ...props, ...p })
    ) : Page ? (
      <Page {...props} />
    ) : (
      childrenFromLayoutFile
    );
    const pageWithServerLayout = page ? (getServerLayout ? await getServerLayout(page) : page) : null;

    return (
      <PageWrapper
        getLayout={getLayout}
        requiresLicense={requiresLicense || !!(Page && "requiresLicense" in Page && Page.requiresLicense)}
        nonce={nonce}
        themeBasis={null}
        isThemeSupported={!!(Page && "isThemeSupported" in Page && Page.isThemeSupported)}
        isBookingPage={isBookingPage || !!(Page && "isBookingPage" in Page && Page.isBookingPage)}
        {...props}>
        {pageWithServerLayout}
      </PageWrapper>
    );
  };
}