-
- {title}
-
-
- {extraHtml && }
-
- e.preventDefault()}
- className="feedbot-minimize"
- href="#"
- >_
-
- )
+export type State = {
+ isMenuOpen: boolean;
+};
+
+export class Header extends React.Component
+
+ );
+ }
}
const getTitle = (props: AppProps, isCollapsed: boolean) => {
const { text, textWhenCollapsed } = props.header
-
+
const titleWhenExpanded = text || 'Chatbot'
const titleWhenCollapsed = textWhenCollapsed || titleWhenExpanded
const titleToShow = isCollapsed ? titleWhenCollapsed : titleWhenExpanded
-
+
return titleToShow
-}
+};
+
+/**
+ * Triggers a specified dialog for the persistent menu item from Channel settings
+ * @param dialogId Dialog ID to be triggered on persistent menu item click
+ */
+const handleTriggerDialog = (dialogId: string) => {
+ window.dispatchEvent(new CustomEvent('feedbot:trigger-dialog', { detail: dialogId }));
+};
+
+/**
+ * Restart conversation via custom event
+ */
+const handleStartOver = () => {
+ window.dispatchEvent(new CustomEvent('feedbot:start-over'));
+};
+
+/**
+ * Check URL if test mode is being used (#feedbot-test-mode)
+ * @returns Boolean
+ */
+const checkFeedbotTestMode = (): boolean => {
+ return window.location.hash === '#feedbot-test-mode';
+};
export type HeaderProps = Props
diff --git a/src/App/templates/ExpandableTemplate/Signature/Signature.tsx b/src/App/templates/ExpandableTemplate/Signature/Signature.tsx
index c90ac10954..91aa70c5fe 100644
--- a/src/App/templates/ExpandableTemplate/Signature/Signature.tsx
+++ b/src/App/templates/ExpandableTemplate/Signature/Signature.tsx
@@ -1,6 +1,8 @@
import * as React from 'react'
import { SignatureLink } from './SignatureLink'
import { Theme } from '../../../../themes'
+import { AppProps } from '../../../App'
+
import { SignatureTemplate } from './SignatureTemplate'
type SignatureSchema = Theme['signature']
@@ -8,32 +10,88 @@ const FEEDYOU_LOGO_IMG_SRC = 'https://cdn.feedyou.ai/webchat/feedyou_logo_red.pn
export type Props = {
signature: SignatureSchema
+ appProps: AppProps
botId: string
}
const getLinkQueryString = (botId: string) => `?utm_source=webchat&utm_medium=chatbot&utm_campaign=${botId}`
-export const Signature: React.StatelessComponent
+ {template.type === 'expandable-knob-v2' || template.type === 'sidebar-v2' ? (
+
+ ) : null}
+
+
+ {extraHtml && (
+
+ )}
+
+
+ {title}
+ {template.type === 'expandable-knob-v2' || template.type === 'sidebar-v2' ? (
+ {template.supportiveTitle}
+ ) : null}
+
+
+ {(template.type === 'expandable-knob-v2' || template.type === 'sidebar-v2') &&
+ (checkFeedbotTestMode() || (template.persistentMenu && template.persistentMenu.length > 0)) ? (
+
+
+
+
+
+ {this.state.isMenuOpen && (
+
+ ) : null}
+ {
+ e.preventDefault();
+ onClick();
+ }}
+ className="feedbot-minimize"
+ href="#"
+ >
+ {template.type === 'expandable-knob-v2' || template.type === 'sidebar-v2' ? (
+
+ ) : (
+ '_'
+ )}
+
+ -
+ {checkFeedbotTestMode() && (
+
- + + Start over + {startOverIcon} + + + )} + + {template.persistentMenu.map((menuItem, index) => ( +
- + handleTriggerDialog(menuItem.dialog)}>{menuItem.title} + + ))} +
-
with ❤️ by
+ powered by
{children}