83fdebf64d
- Add jscodeshift-based codemod to convert arrow function components to function declarations - Support React.FC, observer-wrapped, and forwardRef components - Include comprehensive test suite covering edge cases - Add npm script to run transformer across codebase - Target only .tsx files in source directories, excluding node_modules and declaration files * [WEB-5459] chore: updates after running codemod --------- Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>
47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import type { FC } from "react";
|
|
import React, { useEffect } from "react";
|
|
import { Intercom, show, hide, onHide } from "@intercom/messenger-js-sdk";
|
|
import { observer } from "mobx-react";
|
|
// store hooks
|
|
import { useInstance } from "@/hooks/store/use-instance";
|
|
import { useTransient } from "@/hooks/store/use-transient";
|
|
import { useUser } from "@/hooks/store/user";
|
|
|
|
export type IntercomProviderProps = {
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
const IntercomProvider = observer(function IntercomProvider(props: IntercomProviderProps) {
|
|
const { children } = props;
|
|
// hooks
|
|
const { data: user } = useUser();
|
|
const { config } = useInstance();
|
|
const { isIntercomToggle, toggleIntercom } = useTransient();
|
|
|
|
useEffect(() => {
|
|
if (isIntercomToggle) show();
|
|
else hide();
|
|
}, [isIntercomToggle]);
|
|
|
|
onHide(() => {
|
|
toggleIntercom(false);
|
|
});
|
|
|
|
useEffect(() => {
|
|
if (user && config?.is_intercom_enabled && config.intercom_app_id) {
|
|
Intercom({
|
|
app_id: config.intercom_app_id || "",
|
|
user_id: user.id,
|
|
name: `${user.first_name} ${user.last_name}`,
|
|
email: user.email,
|
|
hide_default_launcher: true,
|
|
});
|
|
}
|
|
}, [user, config, toggleIntercom]);
|
|
|
|
return <>{children}</>;
|
|
});
|
|
|
|
export default IntercomProvider;
|