52 lines
1.2 KiB
TypeScript
52 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect, useRef } from "react";
|
|
|
|
import type { PrefillAndIframeAttrsConfig } from "@calcom/embed-core";
|
|
|
|
import useEmbed from "./useEmbed";
|
|
|
|
type CalProps = {
|
|
calOrigin?: string;
|
|
calLink: string;
|
|
initConfig?: {
|
|
debug?: boolean;
|
|
uiDebug?: boolean;
|
|
};
|
|
config?: PrefillAndIframeAttrsConfig;
|
|
embedJsUrl?: string;
|
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
|
|
const Cal = function Cal(props: CalProps) {
|
|
const { calLink, calOrigin, config, initConfig = {}, embedJsUrl, ...restProps } = props;
|
|
if (!calLink) {
|
|
throw new Error("calLink is required");
|
|
}
|
|
const initializedRef = useRef(false);
|
|
const Cal = useEmbed(embedJsUrl);
|
|
const ref = useRef<HTMLDivElement>(null);
|
|
useEffect(() => {
|
|
if (!Cal || initializedRef.current || !ref.current) {
|
|
return;
|
|
}
|
|
initializedRef.current = true;
|
|
const element = ref.current;
|
|
Cal("init", {
|
|
...initConfig,
|
|
origin: calOrigin,
|
|
});
|
|
Cal("inline", {
|
|
elementOrSelector: element,
|
|
calLink,
|
|
config,
|
|
});
|
|
}, [Cal, calLink, config, calOrigin, initConfig]);
|
|
|
|
if (!Cal) {
|
|
return null;
|
|
}
|
|
|
|
return <div ref={ref} {...restProps} />;
|
|
};
|
|
export default Cal;
|