forked from github/plane
41 lines
988 B
TypeScript
41 lines
988 B
TypeScript
|
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;
|