snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/omnichannel/installation/Installation.stories.tsx

@@ -0,0 +1,12 @@
+import type { StoryObj, Meta } from '@storybook/react';
+
+import Installation from './Installation';
+
+export default {
+	component: Installation,
+} satisfies Meta<typeof Installation>;
+
+export const Default: StoryObj<typeof Installation> = {
+	render: () => <Installation />,
+	name: 'Installation',
+};

apps/meteor/client/views/omnichannel/installation/Installation.tsx

@@ -0,0 +1,44 @@
+import { Box, CodeSnippet } from '@rocket.chat/fuselage';
+import { useClipboard } from '@rocket.chat/fuselage-hooks';
+import { Page, PageHeader, PageScrollableContentWithShadow } from '@rocket.chat/ui-client';
+import { useAbsoluteUrl, useSetting } from '@rocket.chat/ui-contexts';
+import { useTranslation } from 'react-i18next';
+
+import RawText from '../../../components/RawText';
+
+const Installation = () => {
+	const { t } = useTranslation();
+	const siteUrl = useSetting('Site_Url', useAbsoluteUrl()('')).replace(/\/$/, '');
+
+	const installString = `<!-- Start of Rocket.Chat Livechat Script -->
+	<script type="text/javascript">
+	(function(w, d, s, u) {
+		w.RocketChat = function(c) { w.RocketChat._.push(c) }; w.RocketChat._ = []; w.RocketChat.url = u;
+		var h = d.getElementsByTagName(s)[0], j = d.createElement(s);
+		j.async = true; j.src = '${siteUrl}/livechat/rocketchat-livechat.min.js?_=201903270000';
+		h.parentNode.insertBefore(j, h);
+	})(window, document, 'script', '${siteUrl}/livechat');
+	</script>`;
+
+	const { copy, hasCopied } = useClipboard(installString);
+
+	return (
+		<Page>
+			<PageHeader title={t('Installation')} />
+			<PageScrollableContentWithShadow>
+				<Box maxWidth='x600' alignSelf='center'>
+					<p>
+						<RawText>
+							{t('To_install_RocketChat_Livechat_in_your_website_copy_paste_this_code_above_the_last_body_tag_on_your_site')}
+						</RawText>
+					</p>
+					<CodeSnippet buttonText={hasCopied ? t('Copied') : t('Copy')} buttonDisabled={hasCopied} onClick={() => copy()}>
+						{installString}
+					</CodeSnippet>
+				</Box>
+			</PageScrollableContentWithShadow>
+		</Page>
+	);
+};
+
+export default Installation;