plane/web/lib/wrappers/crisp-wrapper.tsx

41 lines
988 B
TypeScript
Raw Normal View History

import { useEffect, ReactNode, FC } from "react";
// hooks
import { IUser } from "types";
declare global {
interface Window {
$crisp: any;
CRISP_WEBSITE_ID: any;
}
}
export interface ICrispWrapper {
children: ReactNode;
user: IUser | null;
}
const CrispWrapper: FC<ICrispWrapper> = (props) => {
const { children, user } = props;
useEffect(() => {
if (typeof window && user?.email) {
window.$crisp = [];
window.CRISP_WEBSITE_ID = process.env.NEXT_PUBLIC_CRISP_ID;
(function () {
var d = document;
var s = d.createElement("script");
s.src = "https://client.crisp.chat/l.js";
s.async = true;
d.getElementsByTagName("head")[0].appendChild(s);
window.$crisp.push(["set", "user:email", [user.email]]);
window.$crisp.push(["do", "chat:hide"]);
window.$crisp.push(["do", "chat:close"]);
})();
}
}, [user?.email]);
return <>{children}</>;
};
export default CrispWrapper;