{"version":3,"file":"712.12492388941bd427bb0c.js","mappings":"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","sources":["webpack://luis-portal/./src/core/components/Badge.tsx","webpack://luis-portal/./src/core/hooks/useChart.ts","webpack://luis-portal/./src/core/components/BasicChart.tsx","webpack://luis-portal/./src/core/components/Collapsible.tsx","webpack://luis-portal/./src/core/components/DeleteButton.tsx","webpack://luis-portal/./src/core/components/DeletePromptModal.tsx","webpack://luis-portal/./src/core/components/DonutChart.tsx","webpack://luis-portal/./src/core/components/ExpandableCard.tsx","webpack://luis-portal/./src/core/components/FilePicker.tsx","webpack://luis-portal/./src/core/components/ImportModal.tsx","webpack://luis-portal/./src/core/components/LuisSeparator.tsx","webpack://luis-portal/./src/core/components/LuisSidebarItem.tsx","webpack://luis-portal/./src/core/utils/coreComponentsTeachingBubbleMessages.ts","webpack://luis-portal/./src/core/components/LuisSidebar.tsx","webpack://luis-portal/./src/core/components/NameCellLink.tsx","webpack://luis-portal/./src/core/components/LuisContextualMenuInput.tsx","webpack://luis-portal/./src/core/components/Pill.tsx","webpack://luis-portal/./src/core/components/PillContainer.tsx","webpack://luis-portal/./src/core/components/PrivateRoute.tsx","webpack://luis-portal/./src/core/components/RenameModal.tsx","webpack://luis-portal/./src/core/components/TagContainer.tsx","webpack://luis-portal/./src/core/components/TagInputField.tsx","webpack://luis-portal/./src/core/components/luisStepper/LuisStepperSeparator.tsx","webpack://luis-portal/./src/core/components/luisStepper/LuisStepperStep.tsx","webpack://luis-portal/./src/core/components/luisStepper/LuisStepper.tsx","webpack://luis-portal/./src/core/hooks/useDocumentEventHandler.ts","webpack://luis-portal/./src/core/hooks/usePrevious.ts","webpack://luis-portal/./src/core/utils/chartDataTransforms.ts","webpack://luis-portal/./src/core/utils/commandBarItemSelectionManager.ts","webpack://luis-portal/./src/core/utils/dateFormatter.ts","webpack://luis-portal/./src/core/utils/keyboardUtils.ts","webpack://luis-portal/./src/luis/modules/entities/utils/translatedEntityType.ts","webpack://luis-portal/./src/luis/modules/labeling/utils/entityDropdown/getNotFoundItem.ts","webpack://luis-portal/./src/luis/projects/analytics/components/TrainingEvaluation/Legend/LegendRowHelpers.tsx","webpack://luis-portal/./src/luis/projects/events/utils/teachingBubbles.ts","webpack://luis-portal/./src/luis/projects/testPane/components/common/TestBladeHeader.tsx","webpack://luis-portal/./src/luis/projects/utterances/stores/BrushStore.ts","webpack://luis-portal/./src/luis/projects/utterances/stores/MenuStore.ts","webpack://luis-portal/./src/luis/projects/utterances/stores/LabelingStore.ts","webpack://luis-portal/./src/luis/verticals/entityDetails/components/entityExamples/EditUtteranceModal.tsx","webpack://luis-portal/./src/luis/verticals/entityDetails/components/listEntityDetails/SublistSynonymsCell.tsx","webpack://luis-portal/./src/modules/labeling/hooks/useBrushEventListeners.ts","webpack://luis-portal/./src/modules/labeling/utils/labelingConstants.ts","webpack://luis-portal/./src/modules/labeling/utils/labelingReducer.ts","webpack://luis-portal/./src/verticals/utterancesFilters/components/MainFiltersBlade.tsx","webpack://luis-portal/./src/verticals/utterancesFilters/FiltersBlade.tsx","webpack://luis-portal/./src/verticals/utterancesFilters/components/FilterItemWithCheckbox.tsx","webpack://luis-portal/./src/verticals/utterancesFilters/components/FiltersBladeSlider.tsx","webpack://luis-portal/./src/verticals/utterancesFilters/components/FiltersPillContainer.tsx","webpack://luis-portal/./src/verticals/utterancesFilters/components/FiltersSearch.tsx","webpack://luis-portal/./src/verticals/utterancesFilters/components/FiltersSection.tsx","webpack://luis-portal/./src/verticals/utterancesFilters/stores/UtteranceFiltersStore.ts"],"sourcesContent":["/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ITextProps, ITextStyles } from '@fluentui/react/lib/Text';\r\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\r\nimport * as React from 'react';\r\nimport { LuisText } from 'src/core/components/LuisText';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\n\r\nconst theme = getScopedTheme('Badge');\r\n\r\nexport type BadgeProps = {\r\n    text?: string;\r\n    title?: string;\r\n    className?: string;\r\n};\r\n\r\nconst textStyles = classNamesFunction<ITextProps, ITextStyles>()({\r\n    root: {\r\n        textTransform: 'uppercase',\r\n        fontSize: 10,\r\n        marginLeft: 8,\r\n        color: theme.textColor,\r\n        letterSpacing: '1px'\r\n    }\r\n});\r\n\r\n/**\r\n * Represents a badge with certain style.\r\n */\r\nexport const Badge = (props: BadgeProps) => {\r\n    const { text, className } = props;\r\n\r\n    return (\r\n        <LuisText title={props.title} className={className} styles={textStyles}>\r\n            {text}\r\n        </LuisText>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport { useAsyncEffect } from 'src/core/hooks/useAsyncEffect';\r\nimport { Chart } from 'src/core/types/chart';\r\n\r\nconst defaultGridOptions: c3.GridOptions = { y: { show: true, lines: [] } };\r\nconst defaultZoomOptions: c3.ZoomOptions = { enabled: false };\r\nconst defaultColorOptions = { pattern: ['#004E8C', '#767676', '#83BEEC', '#ffB900', '#750B1C', '#0078D7'] };\r\nconst defaultLegendOptions: c3.LegendOptions = { show: false };\r\n\r\n/**\r\n * Hook to maintain c3 charts (generation, update).\r\n *\r\n * @param chart The chart object to be generated.\r\n */\r\nexport const useChart = (chart: Chart) => {\r\n    const { configurations, dataToFocus, containerElementRef } = chart;\r\n    const generatedChart = React.useRef<c3.ChartAPI>(null);\r\n\r\n    useAsyncEffect(async lifetime => {\r\n        const c3 = await import('c3');\r\n        // eslint-disable-next-line global-require\r\n        require('c3/c3.min.css');\r\n\r\n        const chartConfiguration: c3.ChartConfiguration = {\r\n            ...configurations,\r\n            grid: configurations.grid || defaultGridOptions,\r\n            zoom: configurations.zoom || defaultZoomOptions,\r\n            color: configurations.color || defaultColorOptions,\r\n            legend: configurations.legend || defaultLegendOptions,\r\n            onresize: () =>\r\n                generatedChart.current?.resize({\r\n                    width: containerElementRef.current?.offsetWidth,\r\n                    height: containerElementRef.current?.offsetHeight\r\n                })\r\n        };\r\n        generatedChart.current = c3.generate({ ...chartConfiguration, bindto: containerElementRef.current });\r\n        containerElementRef.current?.setAttribute('aria-hidden', 'true');\r\n        // we need this timeout to make sure that the page already initialized\r\n        // So the container element size would be correctly determined.\r\n        setTimeout(\r\n            () =>\r\n                generatedChart.current?.resize({\r\n                    width: containerElementRef.current?.offsetWidth,\r\n                    height: containerElementRef.current?.offsetHeight\r\n                }),\r\n            500\r\n        );\r\n\r\n        lifetime.add(() => generatedChart.current?.destroy());\r\n    }, []);\r\n\r\n    React.useEffect(() => {\r\n        if (configurations.data.type === 'line') {\r\n            generatedChart.current?.load({ columns: configurations.data.columns, unload: true });\r\n        } else {\r\n            generatedChart.current?.load({ columns: configurations.data.columns });\r\n        }\r\n    }, [configurations.data.columns, configurations.data.colors]);\r\n\r\n    React.useEffect(() => {\r\n        if (dataToFocus && dataToFocus.length > 0) {\r\n            generatedChart.current?.focus(dataToFocus);\r\n        } else {\r\n            generatedChart.current?.revert();\r\n        }\r\n    }, [dataToFocus]);\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport * as React from 'react';\r\nimport { useChart } from 'src/core/hooks/useChart';\r\n\r\nexport type BasicChartProps = c3.ChartConfiguration & {\r\n    /**\r\n     * Class name with special styles.\r\n     */\r\n    className?: string;\r\n\r\n    /**\r\n     * The group names to be focused on the chart.\r\n     */\r\n    dataToFocus?: string[];\r\n};\r\n\r\n/**\r\n * The component that is responsible of generating a chart with the given\r\n * configuration.\r\n *\r\n * @param props The chart configuration.\r\n */\r\nexport const BasicChart = React.forwardRef((props: BasicChartProps, containerElementRef: React.MutableRefObject<HTMLDivElement>) => {\r\n    const { className, dataToFocus } = props;\r\n    const newRef = React.useRef<HTMLDivElement>();\r\n    containerElementRef = containerElementRef || newRef;\r\n    useChart({ configurations: props, containerElementRef, dataToFocus });\r\n\r\n    return <div ref={containerElementRef} className={className} />;\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ActionButton, IButtonProps } from '@fluentui/react/lib/Button';\r\nimport { IIconProps, Icon } from '@fluentui/react/lib/Icon';\r\nimport { IStackProps, Stack } from '@fluentui/react/lib/Stack';\r\nimport pick from 'lodash/pick';\r\nimport * as React from 'react';\r\nimport { getStylist } from 'src/core/themes/luisStylist';\r\n\r\nconst { styleDiv, styleComponent } = getStylist('Collapsible');\r\n\r\nconst TitleWrapper = styleComponent<IStackProps>(Stack)('TitleWrapper', {\r\n    alignItems: 'center',\r\n    height: '100%'\r\n});\r\n\r\nconst TitleContainer = styleDiv('TitleContainer', {\r\n    flex: 1,\r\n    marginRight: '8px',\r\n    whiteSpace: 'nowrap',\r\n    overflow: 'hidden',\r\n    textOverflow: 'ellipsis'\r\n});\r\n\r\nconst ActionLink = styleComponent<IButtonProps>(ActionButton)('ActionLink', theme => ({\r\n    paddingLeft: 0,\r\n    marginLeft: 0,\r\n    fontSize: theme.titleFontSize,\r\n    $nest: {\r\n        '& .ms-Button-label': {\r\n            paddingLeft: 0,\r\n            marginLeft: 0\r\n        },\r\n        '&:not([disabled])': {\r\n            color: theme.actionColor\r\n        }\r\n    }\r\n}));\r\n\r\nconst ActionIcon = styleComponent<IIconProps>(Icon)('ActionIcon', theme => ({\r\n    fontSize: theme.iconSize\r\n}));\r\n\r\nconst Content = styleDiv<{ collapsed: boolean }>(\r\n    'Content',\r\n    {\r\n        width: '100%',\r\n        height: 'auto',\r\n        transition: 'all 250ms ease',\r\n        overflowY: 'auto'\r\n    },\r\n    ({ customProps: { collapsed } }) => ({\r\n        maxHeight: collapsed ? '0px' : '500px'\r\n    })\r\n);\r\n\r\ntype HeaderProps = {\r\n    /**\r\n     * Callback for when the collapsible title is clicked.\r\n     */\r\n    onTitleClick?: () => void;\r\n    /**\r\n     * Collapsible title text.\r\n     */\r\n    title: string;\r\n    /**\r\n     * Whether the collapsible is disabled or not.\r\n     */\r\n    disabled?: boolean;\r\n    /**\r\n     * Collapsible state: expanded or collapsed.\r\n     */\r\n    collapsed?: boolean;\r\n};\r\n\r\nexport type CollapsibleProps = HeaderProps & {\r\n    /**\r\n     * Classname for the root element.\r\n     */\r\n    className?: string;\r\n    /**\r\n     * Collapsible content.\r\n     */\r\n    children?: React.ReactNode;\r\n};\r\n\r\nconst Header = (props: HeaderProps) => {\r\n    const { title, onTitleClick, disabled = false, collapsed } = props;\r\n\r\n    return (\r\n        <ActionLink disabled={disabled} onClick={onTitleClick}>\r\n            <TitleWrapper horizontal>\r\n                <TitleContainer>{title}</TitleContainer>\r\n                <ActionIcon iconName={collapsed ? 'chevronRight' : 'chevronDown'} />\r\n            </TitleWrapper>\r\n        </ActionLink>\r\n    );\r\n};\r\n\r\nexport const Collapsible = (props: CollapsibleProps) => {\r\n    const { children, collapsed = true, className = '' } = props;\r\n    const headerProps = pick(props, 'title', 'onTitleClick', 'disabled', 'collapsed');\r\n\r\n    return (\r\n        <div className={className}>\r\n            <Header {...headerProps} />\r\n            <Content customProps={{ collapsed }}>{children}</Content>\r\n        </div>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { IButtonProps, IButtonStyles, PrimaryButton } from '@fluentui/react/lib/Button';\r\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\r\nimport * as React from 'react';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\nimport { lightenOrDarkenColor } from 'src/core/utils/color';\r\n\r\nconst deleteButtonTheme = getScopedTheme('DeleteButton');\r\n\r\nconst getClassNames = classNamesFunction<IButtonProps, IButtonStyles>();\r\nconst deleteButtonStyles = getClassNames({\r\n    root: {\r\n        backgroundColor: deleteButtonTheme.backgroundColor,\r\n        border: 'none'\r\n    },\r\n    rootHovered: { backgroundColor: deleteButtonTheme.hoverBackgroundColor, border: 'none' },\r\n    rootPressed: { backgroundColor: lightenOrDarkenColor(deleteButtonTheme.activeBackgroundColor, -25), border: 'none' }\r\n});\r\n\r\n/**\r\n * Represents a delete button to be used in any\r\n * deletion prompt or deletion control.\r\n */\r\nexport const DeleteButton = (props: IButtonProps) => <PrimaryButton {...props} styles={deleteButtonStyles} />;\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { DefaultButton } from '@fluentui/react/lib/Button';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { BasicModal, BasicModalProps } from 'src/core/components/BasicModal';\r\nimport { DeleteButton } from 'src/core/components/DeleteButton';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { globalMessages } from 'src/core/utils/globalMessages';\r\nimport { withModalMounter } from 'src/core/utils/hocs/withModalMounter';\r\n\r\nexport type DeletePromptModalProps<T> = BasicModalProps<object> & {\r\n    /**\r\n     * The projected elements passed from the consumer between\r\n     * the dialog tags.\r\n     */\r\n    children?: React.ReactNode;\r\n\r\n    /**\r\n     * Indicates that the prompt is not valid so\r\n     * it can not be submitted but can be canceled.\r\n     */\r\n    invalid?: boolean;\r\n\r\n    /**\r\n     * Optional text for submit button.\r\n     */\r\n    submitButtonText?: string;\r\n\r\n    /**\r\n     * A callback for when the modal 'Done' button is clicked.\r\n     */\r\n    onDelete?: (data?: T) => void;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    okButton: {\r\n        id: 'core.deletePromptModal.okButton',\r\n        defaultMessage: 'Ok'\r\n    }\r\n});\r\n\r\n/**\r\n * Represents a delete prompt modal that should be used as\r\n * the deletion prompt for most of the system.\r\n *\r\n * @param props The properties passed to the modal.\r\n */\r\nexport const DeletePromptModal = withModalMounter((props: DeletePromptModalProps<object>) => {\r\n    const { minWidth = 500, onDelete, onDismiss, children, disabled, submitButtonText, invalid = false } = props;\r\n    const { localize } = useLocalization();\r\n\r\n    /**\r\n     * Calls the dismiss callback on modal close button click or 'Cancel'\r\n     * button click only if the disabled flag is false.\r\n     */\r\n    const dismissModal = (): void => {\r\n        if (!disabled && onDismiss) {\r\n            onDismiss();\r\n        }\r\n    };\r\n\r\n    /**\r\n     * Renders a custom footer for the delete modal.\r\n     */\r\n    const onRenderFooter = () => (\r\n        <>\r\n            <DeleteButton\r\n                text={submitButtonText ?? localize(messages.okButton)}\r\n                disabled={disabled || invalid}\r\n                onClick={onDelete}\r\n                data-automation-id=\"confirmDeleteButton\"\r\n            />\r\n            <DefaultButton\r\n                disabled={disabled}\r\n                onClick={dismissModal}\r\n                styles={{ root: { marginLeft: 10 } }}\r\n                text={localize(globalMessages.cancel)}\r\n            />\r\n        </>\r\n    );\r\n\r\n    return (\r\n        <BasicModal {...props} minWidth={minWidth} onRenderFooter={onRenderFooter}>\r\n            {children}\r\n        </BasicModal>\r\n    );\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Padding } from 'c3';\r\nimport { Property } from 'csstype';\r\nimport * as React from 'react';\r\nimport { createRoot } from 'react-dom/client';\r\nimport { BasicChart } from 'src/core/components/BasicChart';\r\nimport { getScopedTheme, getStylist, joinClassNames } from 'src/core/themes/luisStylist';\r\nimport { ChartDataProps } from 'src/core/types/chart';\r\nimport { transformDonutChartData } from 'src/core/utils/chartDataTransforms';\r\n\r\nrequire('./donutChartStyles.less');\r\n\r\ntype DonutSize = 'small' | 'medium' | 'large';\r\n\r\nexport type DonutChartProps = ChartDataProps<string, number> & {\r\n    /**\r\n     * Array of sections colors.\r\n     */\r\n    colors?: string[];\r\n\r\n    /**\r\n     * The padding spacing of the donut chart.\r\n     */\r\n    padding?: Padding;\r\n\r\n    /**\r\n     * The width of the donut.\r\n     */\r\n    width?: number;\r\n\r\n    /**\r\n     * The title to be displayed in the donut.\r\n     */\r\n    donutTitle?: string;\r\n\r\n    /**\r\n     * The subtitle to be displayed in the donut.\r\n     */\r\n    donutSubtitle?: string;\r\n\r\n    /**\r\n     * The size of the chart.\r\n     */\r\n    size?: DonutSize;\r\n\r\n    /**\r\n     *  Whether the titles should appear in order (title then subtitle) or not.\r\n     */\r\n    areTitlesInOrder?: boolean;\r\n\r\n    /**\r\n     * Title fontWeight\r\n     */\r\n    titleFontWeight?: string;\r\n\r\n    /**\r\n     * subtitle fontWeight\r\n     */\r\n    subtitleFontWeight?: string;\r\n};\r\n\r\nconst donutChartTheme = getScopedTheme('DonutChart');\r\n\r\nconst { getClassName } = getStylist('DonutChart');\r\n\r\nconst chart = getClassName('Chart', {\r\n    marginLeft: 'auto',\r\n    marginRight: 'auto'\r\n});\r\n\r\nconst chartSubtitleClass = (fontWeight: string) =>\r\n    getClassName('ChartSubtitle', theme => ({\r\n        fontSize: theme.subtitleFontSize,\r\n        lineHeight: theme.subtitleLineHeight,\r\n        fontWeight: fontWeight as Property.FontWeight\r\n    }));\r\n\r\nconst chartLargeTitleClass = (fontWeight: string) =>\r\n    getClassName('ChartLargeTitle', theme => ({\r\n        fontSize: theme.largeTitleFontSize,\r\n        lineHeight: theme.largeTitleLineHeight,\r\n        letterSpacing: theme.largeTitleLetterSpacing,\r\n        fontWeight: (fontWeight ?? theme.largeTitleFontWeight) as Property.FontWeight\r\n    }));\r\n\r\nconst chartMediumTitleClass = (fontWeight: string) =>\r\n    getClassName('ChartMediumTitle', theme => ({\r\n        fontSize: theme.mediumTitleFontSize,\r\n        lineHeight: theme.mediumTitleLineHeight,\r\n        letterSpacing: theme.mediumTitleLetterSpacing,\r\n        fontWeight: fontWeight as Property.FontWeight\r\n    }));\r\n\r\n/**\r\n * The donut chart component\r\n *\r\n * @params props the properties of the donut chart.\r\n */\r\nexport const DonutChart = (props: DonutChartProps) => {\r\n    const {\r\n        size,\r\n        xData,\r\n        yData,\r\n        width = 60,\r\n        padding = {},\r\n        donutSubtitle,\r\n        donutTitle = '',\r\n        titleFontWeight,\r\n        subtitleFontWeight,\r\n        areTitlesInOrder = true,\r\n        colors = [donutChartTheme.firstColor, donutChartTheme.secondColor, donutChartTheme.thirdColor]\r\n    } = props;\r\n\r\n    const jsDonutChartClassName = 'js-donut-chart';\r\n    const [isRendered, setIsRendered] = React.useState(false);\r\n    const basicChartRef = React.useRef<HTMLDivElement>();\r\n\r\n    let donutSize: number;\r\n\r\n    switch (size) {\r\n        case 'small':\r\n            donutSize = donutChartTheme.smallDonut;\r\n            break;\r\n        case 'medium':\r\n            donutSize = donutChartTheme.mediumDonut;\r\n            break;\r\n        case 'large':\r\n            donutSize = donutChartTheme.largeDonut;\r\n            break;\r\n        default:\r\n    }\r\n\r\n    const configs: c3.ChartConfiguration = {\r\n        data: {\r\n            columns: transformDonutChartData(xData, yData),\r\n            type: 'donut',\r\n            color: (_, d) => {\r\n                const index: number = xData.data.indexOf(d as string) % colors.length;\r\n\r\n                return colors[index < 0 ? 0 : index];\r\n            },\r\n            order: null\r\n        },\r\n\r\n        interaction: {\r\n            enabled: false\r\n        },\r\n\r\n        padding,\r\n\r\n        donut: {\r\n            width,\r\n            label: {\r\n                show: false\r\n            }\r\n        },\r\n\r\n        size: {\r\n            width: donutSize,\r\n            height: donutSize\r\n        },\r\n\r\n        onrendered: () => setIsRendered(true)\r\n    };\r\n\r\n    React.useEffect(() => {\r\n        if (isRendered) {\r\n            createRoot(basicChartRef.current.querySelector('.js-donut-chart .c3-chart-arcs-title')).render(\r\n                <ChartSubtitle\r\n                    size={size}\r\n                    title={donutTitle}\r\n                    subtitle={donutSubtitle}\r\n                    titleFontWeight={titleFontWeight}\r\n                    areTitlesInOrder={areTitlesInOrder}\r\n                    subtitleFontWeight={subtitleFontWeight}\r\n                />\r\n            );\r\n        }\r\n    }, [donutTitle, donutSubtitle, size, isRendered]);\r\n\r\n    return <BasicChart ref={basicChartRef} className={joinClassNames(jsDonutChartClassName, chart)} {...configs} />;\r\n};\r\n\r\n/**\r\n * Display the donut subtitle.\r\n *\r\n * @param subtitle The displayed subtitle\r\n */\r\nconst ChartSubtitle = (props: {\r\n    title: string;\r\n    subtitle: string;\r\n    size: DonutSize;\r\n    titleFontWeight: string;\r\n    subtitleFontWeight: string;\r\n    areTitlesInOrder: boolean;\r\n}) => {\r\n    const { title, subtitle, size, titleFontWeight, subtitleFontWeight, areTitlesInOrder } = props;\r\n\r\n    return areTitlesInOrder ? (\r\n        <>\r\n            <tspan className={size === 'large' ? chartLargeTitleClass(titleFontWeight) : chartMediumTitleClass(titleFontWeight)}>\r\n                {title}\r\n            </tspan>\r\n            <tspan\r\n                y={size === 'large' ? '6mm' : '5mm'}\r\n                x={size === 'large' ? '0.3mm' : '0.1mm'}\r\n                className={chartSubtitleClass(subtitleFontWeight)}>\r\n                {subtitle}\r\n            </tspan>\r\n        </>\r\n    ) : (\r\n        <>\r\n            <tspan y={size === 'large' ? '-2mm' : '-5mm'} className={chartSubtitleClass(subtitleFontWeight)}>\r\n                {subtitle}\r\n            </tspan>\r\n            <tspan\r\n                y={size === 'large' ? '3mm' : '2mm'}\r\n                x={size === 'large' ? '0.3mm' : '0.1mm'}\r\n                className={size === 'large' ? chartLargeTitleClass(titleFontWeight) : chartMediumTitleClass(titleFontWeight)}>\r\n                {title}\r\n            </tspan>\r\n        </>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Icon, IIconStyleProps, IIconStyles } from '@fluentui/react/lib/Icon';\r\nimport { Stack, StackItem } from '@fluentui/react/lib/Stack';\r\nimport { getFocusStyle, getTheme, IStyle, mergeStyles } from '@fluentui/react/lib/Styling';\r\nimport { classNamesFunction, getId } from '@fluentui/react/lib/Utilities';\r\nimport * as React from 'react';\r\nimport { CalloutButton } from 'src/core/components/CalloutButton';\r\nimport { LuisSeparator } from 'src/core/components/LuisSeparator';\r\nimport { LuisText } from 'src/core/components/LuisText';\r\nimport { TruncatedText } from 'src/core/components/TruncatedText';\r\nimport { useResponsiveMode } from 'src/core/hooks/useResponsiveMode';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\nimport { noop } from 'src/core/utils/base';\r\nimport { LuisKeyCodes } from 'src/core/utils/keyCodes';\r\n\r\nexport type ExpandableCardProps = {\r\n    id?: string;\r\n    title?: string;\r\n    cardName?: string;\r\n    isExpanded?: boolean;\r\n    minimizable?: boolean;\r\n    isTruncatedText?: boolean;\r\n    onCardClick?: () => void;\r\n    isChevronHidden?: boolean;\r\n    titleDescription?: string;\r\n    children?: React.ReactNode;\r\n    isSeparatorDisplayed?: boolean;\r\n    onRenderHeader?: React.ReactNode;\r\n    onExpansionChange?: (isExpanded: boolean) => void;\r\n    styles?: { root?: IStyle; headerText?: IStyle; headerContainer?: IStyle; contentContainer?: IStyle };\r\n};\r\n\r\nconst cardTheme = getScopedTheme('ExpandableCard');\r\n\r\nconst headerFocusStyles = mergeStyles(getFocusStyle(getTheme(), { inset: 1 }));\r\nconst defaultHeaderStyles: IStyle = { padding: cardTheme.headerSpacing };\r\nconst defaultRootStyles: IStyle = { boxShadow: cardTheme.boxShadow, backgroundColor: cardTheme.backgroundColor };\r\n\r\nexport const ExpandableCard = (props: ExpandableCardProps) => {\r\n    const {\r\n        id,\r\n        title,\r\n        cardName,\r\n        children,\r\n        onRenderHeader,\r\n        titleDescription,\r\n        onCardClick = noop,\r\n        isExpanded = false,\r\n        isTruncatedText = true,\r\n        minimizable = true,\r\n        isChevronHidden = false,\r\n        onExpansionChange = noop,\r\n        isSeparatorDisplayed = true,\r\n        styles = { root: null, headerContainer: null, contentContainer: null, headerText: null }\r\n    } = props;\r\n\r\n    const stackId = React.useRef<string>(getId());\r\n    const headerId = React.useRef<string>(getId());\r\n    const { isSmallOrGreater } = useResponsiveMode();\r\n    const [isContentExpanded, setIsContentExpanded] = React.useState(isExpanded);\r\n\r\n    const expandingIconStyles = classNamesFunction<IIconStyleProps, IIconStyles>()({\r\n        root: { fontSize: 12, transform: `rotate(${isContentExpanded ? '0' : '180deg'})`, transition: 'transform 300ms ease-in-out' }\r\n    });\r\n\r\n    React.useEffect(() => setIsContentExpanded(isExpanded), [isExpanded]);\r\n\r\n    const keyUpHandler = (e: React.KeyboardEvent<HTMLElement>) => {\r\n        if (e.key === LuisKeyCodes.Enter || e.key === LuisKeyCodes.Space) {\r\n            handleHeaderClick();\r\n        }\r\n    };\r\n\r\n    const renderHeader = () =>\r\n        onRenderHeader ?? (\r\n            <Stack horizontal verticalAlign=\"center\" tokens={{ childrenGap: 10 }}>\r\n                {isTruncatedText ? (\r\n                    <TruncatedText fontWeight={600} variant=\"mediumPlus\" data-automation-id=\"title\" maxWidth={isSmallOrGreater && 'none'}>\r\n                        <span className={mergeStyles(styles.headerText)}>{title}</span>\r\n                    </TruncatedText>\r\n                ) : (\r\n                    <LuisText fontWeight={600} variant=\"mediumPlus\" data-automation-id=\"title\" shouldWrapText>\r\n                        <span className={mergeStyles(styles.headerText)}>{title}</span>\r\n                    </LuisText>\r\n                )}\r\n\r\n                {titleDescription ? <CalloutButton content={titleDescription} /> : null}\r\n            </Stack>\r\n        );\r\n\r\n    const handleHeaderClick = () => {\r\n        setIsContentExpanded(!isContentExpanded);\r\n        onExpansionChange(!isContentExpanded);\r\n    };\r\n\r\n    return (\r\n        <Stack grow id={id} key={id} onClick={onCardClick} styles={{ root: mergeStyles(defaultRootStyles, styles.root) }}>\r\n            <Stack\r\n                horizontal\r\n                aria-label={cardName}\r\n                id={headerId.current}\r\n                verticalAlign=\"center\"\r\n                data-automation-id=\"header\"\r\n                tokens={{ childrenGap: 8 }}\r\n                className={headerFocusStyles}\r\n                aria-controls={stackId.current}\r\n                tabIndex={minimizable ? 0 : -1}\r\n                role={minimizable ? 'button' : null}\r\n                onKeyUp={minimizable ? keyUpHandler : undefined}\r\n                onClick={minimizable ? handleHeaderClick : undefined}\r\n                aria-expanded={minimizable ? isContentExpanded : null}\r\n                styles={{\r\n                    root: mergeStyles(defaultHeaderStyles, styles.headerContainer, { cursor: minimizable ? 'pointer' : 'default' })\r\n                }}>\r\n                <StackItem data-automation-id=\"headerText\" styles={{ root: { overflow: 'hidden', maxWidth: '100%' } }} grow>\r\n                    {renderHeader()}\r\n                </StackItem>\r\n\r\n                {!isChevronHidden ? <Icon iconName=\"ChevronUp\" styles={expandingIconStyles} /> : null}\r\n            </Stack>\r\n\r\n            {isSeparatorDisplayed && <LuisSeparator />}\r\n\r\n            {isContentExpanded ? (\r\n                <Stack\r\n                    grow\r\n                    id={stackId.current}\r\n                    data-automation-id=\"content\"\r\n                    aria-labelledby={headerId.current}\r\n                    styles={{ root: mergeStyles(styles.contentContainer) }}>\r\n                    {children}\r\n                </Stack>\r\n            ) : null}\r\n        </Stack>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Label } from '@fluentui/react/lib/Label';\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport { AnimationClassNames, getFocusStyle, getTheme, mergeStyles } from '@fluentui/react/lib/Styling';\r\nimport { Text } from '@fluentui/react/lib/Text';\r\nimport { getId } from '@fluentui/react/lib/Utilities';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { getStylist, important, joinClassNames } from 'src/core/themes/luisStylist';\r\n\r\nexport type FilePickerProps = {\r\n    /**\r\n     * Whether the file input is required or not.\r\n     */\r\n    required?: boolean;\r\n\r\n    /**\r\n     * Whether the file picker should autofocus on mount or not.\r\n     */\r\n    autoFocus?: boolean;\r\n\r\n    /**\r\n     * The label to display.\r\n     */\r\n    label?: string;\r\n\r\n    /**\r\n     * A callback that gets fired when the file(s) are selected\r\n     */\r\n    onFilesPicked?: (files: FileList) => void;\r\n\r\n    /**\r\n     * An error message to display if defined.\r\n     */\r\n    errorMessage?: string;\r\n\r\n    /**\r\n     * Allows the user to select more than one file.\r\n     */\r\n    multiple?: boolean;\r\n\r\n    /**\r\n     * Defines the file types the file input should accept.\r\n     */\r\n    accept?: string;\r\n\r\n    /**\r\n     * Whether the input is disabled or not.\r\n     */\r\n    disabled?: boolean;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    defaultPlaceholder: {\r\n        id: 'core.filePicker.defaultLabel',\r\n        defaultMessage: 'File (JSON file)'\r\n    },\r\n    required: {\r\n        id: 'core.filePicker.required',\r\n        defaultMessage: 'Required'\r\n    }\r\n});\r\n\r\nconst { styleInput } = getStylist('FilePicker');\r\nconst InputFile = styleInput('InputFile', important({ width: 'fit-content', margin: '0px' }));\r\n\r\nconst coloringClassName = getStylist('FilePicker').getClassName('ErrorMessage', theme => ({ color: theme.errorMessageColor }));\r\nconst errorMessageClassName = joinClassNames(coloringClassName, AnimationClassNames.slideDownIn20);\r\nconst focusStyles = mergeStyles(getFocusStyle(getTheme()));\r\n\r\n/**\r\n * Represents a file picker to use in forms.\r\n */\r\nexport const FilePicker = (props: FilePickerProps) => {\r\n    const { localize } = useLocalization();\r\n    const {\r\n        accept,\r\n        errorMessage,\r\n        onFilesPicked,\r\n        required = true,\r\n        multiple = false,\r\n        disabled = false,\r\n        autoFocus = false,\r\n        label = localize(messages.defaultPlaceholder)\r\n    } = props;\r\n\r\n    const inputId = React.useRef<string>(getId());\r\n\r\n    const onChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\r\n        const { files } = e.target as HTMLInputElement;\r\n\r\n        if (onFilesPicked && files) {\r\n            onFilesPicked(files);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <Stack tokens={{ childrenGap: 5 }}>\r\n            <Stack tokens={{ childrenGap: 5 }}>\r\n                <Label\r\n                    required={required}\r\n                    htmlFor={inputId.current}\r\n                    aria-label={`${label} ${errorMessage ?? ''} ${required ? localize(messages.required) : ''}`}>\r\n                    {label}\r\n                </Label>\r\n\r\n                <InputFile\r\n                    type=\"file\"\r\n                    accept={accept}\r\n                    required={required}\r\n                    multiple={multiple}\r\n                    onChange={onChange}\r\n                    disabled={disabled}\r\n                    id={inputId.current}\r\n                    autoFocus={autoFocus}\r\n                    className={focusStyles}\r\n                    aria-required={required}\r\n                />\r\n            </Stack>\r\n\r\n            <Text variant=\"small\" className={errorMessageClassName}>\r\n                {errorMessage}\r\n            </Text>\r\n        </Stack>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { BasicModal, BasicModalProps } from 'src/core/components/BasicModal';\r\nimport { FilePicker } from 'src/core/components/FilePicker';\r\nimport { LuisTextField } from 'src/core/components/LuisTextField';\r\nimport { useFormState } from 'src/core/hooks/useFormState';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { FileType } from 'src/core/types/FileType';\r\nimport { FormValidator } from 'src/core/types/form';\r\nimport { noop } from 'src/core/utils/base';\r\nimport { FormValidators } from 'src/core/utils/formValidators';\r\nimport { withModalMounter } from 'src/core/utils/hocs/withModalMounter';\r\n\r\nexport type ImportModalProps = React.PropsWithChildren<\r\n    BasicModalProps<ImportModalDto> & {\r\n        /**\r\n         * A flag whether the name is optional or\r\n         * required.\r\n         */\r\n        isNameRequired?: boolean;\r\n\r\n        /**\r\n         * Whether or not the optional name field\r\n         * is displayed not.\r\n         */\r\n        isNameFieldDisplayed?: boolean;\r\n\r\n        /**\r\n         * An optional label for the\r\n         * picker control.\r\n         */\r\n        fileType?: FileType;\r\n\r\n        /**\r\n         * Initial value for the file name to be imported.\r\n         */\r\n        fileName?: string;\r\n\r\n        /**\r\n         * Custom name validators for the name field.\r\n         */\r\n        nameValidators?: FormValidator[];\r\n\r\n        /**\r\n         * Custom name validation given the  file and the new name.\r\n         */\r\n        validateName?: (file: File, newName: string) => void;\r\n    }\r\n>;\r\n\r\nexport type ImportModalDto = {\r\n    /**\r\n     * The app file to import.\r\n     */\r\n    file: File;\r\n\r\n    /**\r\n     * Optional app name.\r\n     */\r\n    name: string;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    fileLabel: {\r\n        id: 'apps.importModal.fileLabel',\r\n        defaultMessage: 'Choose a file ({ fileType } format)'\r\n    },\r\n    nameLabel: {\r\n        id: 'apps.importModal.nameLabel',\r\n        defaultMessage: 'Name'\r\n    },\r\n    namePlaceholder: {\r\n        id: 'apps.importModal.namePlaceholder',\r\n        defaultMessage: 'Type the name here...'\r\n    }\r\n});\r\n\r\n/**\r\n * Represents a modal to import a new app.\r\n *\r\n * @param props The properties passed to the modal.\r\n */\r\nexport const ImportModal = withModalMounter((props: ImportModalProps) => {\r\n    const {\r\n        onSubmit,\r\n        fileType,\r\n        children,\r\n        fileName = '',\r\n        validateName = noop,\r\n        isNameRequired = false,\r\n        dialogContentProps = {},\r\n        isNameFieldDisplayed = true,\r\n        nameValidators = [FormValidators.createBlacklistValidator()],\r\n        ...rest\r\n    } = props;\r\n\r\n    const { localize } = useLocalization();\r\n    if (isNameRequired) {\r\n        nameValidators.push(FormValidators.createRequiredValidator());\r\n    }\r\n\r\n    const { formState, formStateDto, updateFormState } = useFormState<ImportModalDto>({\r\n        file: [\r\n            new Blob([], { type: 'file' }) as File,\r\n            FormValidators.createRequiredValidator(),\r\n            FormValidators.createExtensionValidator(fileType)\r\n        ],\r\n        name: [fileName, ...(isNameFieldDisplayed ? nameValidators : [])]\r\n    });\r\n\r\n    /**\r\n     * Gets the file picker label based on\r\n     * the modal file type.\r\n     */\r\n    const getFileLabel = () => {\r\n        let format: string;\r\n\r\n        switch (fileType) {\r\n            case 'lu':\r\n                format = 'LU';\r\n                break;\r\n            case 'zip':\r\n                format = 'ZIP';\r\n                break;\r\n            case 'tsv':\r\n                format = 'TSV';\r\n                break;\r\n            case 'xlsx':\r\n                format = 'XLSX';\r\n                break;\r\n            case 'json':\r\n            default:\r\n                format = 'JSON';\r\n                break;\r\n        }\r\n\r\n        return localize(messages.fileLabel, { fileType: format });\r\n    };\r\n\r\n    return (\r\n        <BasicModal\r\n            {...rest}\r\n            valid={formState.form.valid}\r\n            onSubmit={() => onSubmit(formStateDto)}\r\n            dialogContentProps={{ ...dialogContentProps, styles: { inner: { overflowY: 'auto' } } }}\r\n            data-id=\"Import\">\r\n            <Stack verticalFill tokens={{ childrenGap: 20 }}>\r\n                <FilePicker\r\n                    required\r\n                    autoFocus\r\n                    label={getFileLabel()}\r\n                    accept={`.${fileType}`}\r\n                    errorMessage={formState.fields.file.errorMessage}\r\n                    onFilesPicked={(files: FileList) => {\r\n                        updateFormState({ file: files.item(0) });\r\n                        validateName(files.item(0), formStateDto.name);\r\n                    }}\r\n                />\r\n\r\n                {isNameFieldDisplayed && (\r\n                    <LuisTextField\r\n                        required={isNameRequired}\r\n                        value={formState.fields.name.value}\r\n                        label={localize(messages.nameLabel)}\r\n                        placeholder={localize(messages.namePlaceholder)}\r\n                        errorMessage={formState.fields.name.errorMessage}\r\n                        onChange={(_, name) => {\r\n                            updateFormState({ name });\r\n                            validateName(formStateDto.file, name);\r\n                        }}\r\n                        onEnterKeyUp={() => formState.form.valid && onSubmit(formStateDto)}\r\n                    />\r\n                )}\r\n\r\n                {children}\r\n            </Stack>\r\n        </BasicModal>\r\n    );\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ISeparatorProps, Separator } from '@fluentui/react/lib/Separator';\r\nimport * as React from 'react';\r\nimport { getStylist } from 'src/core/themes/luisStylist';\r\n\r\nconst { getClassName } = getStylist('Card');\r\n\r\nconst darkSeparatorClass = getClassName('darkSeparatorClass', theme => ({\r\n    padding: 0,\r\n    fontSize: 0,\r\n    $nest: {\r\n        '&::before': { backgroundColor: theme.separatorLineColor },\r\n        '&::after': { backgroundColor: theme.separatorLineColor }\r\n    }\r\n}));\r\n\r\n/**\r\n * Represents a horizontal line separator.\r\n */\r\nexport const LuisSeparator = (props: ISeparatorProps) => <Separator className={darkSeparatorClass} {...props} />;\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\n/* eslint-disable jsx-a11y/role-supports-aria-props */\r\nimport {\r\n    ContextualMenu,\r\n    DirectionalHint,\r\n    IContextualMenuItem,\r\n    IContextualMenuProps,\r\n    IContextualMenuStyles\r\n} from '@fluentui/react/lib/ContextualMenu';\r\nimport { IIconProps, IIconStyles, Icon } from '@fluentui/react/lib/Icon';\r\nimport { IStackProps, Stack } from '@fluentui/react/lib/Stack';\r\nimport { ITextProps, ITextStyles } from '@fluentui/react/lib/Text';\r\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\r\nimport { getFocusStyle, getTheme, mergeStyles } from '@fluentui/style-utilities';\r\nimport { Property } from 'csstype';\r\nimport * as React from 'react';\r\nimport { LuisText, LuisTextProps } from 'src/core/components/LuisText';\r\nimport { LuisTooltip } from 'src/core/components/LuisTooltip';\r\nimport { NestedCSSProperties, getScopedTheme, getStylist } from 'src/core/themes/luisStylist';\r\nimport { LuisSidebarItemProps, LuisSidebarNormalItemProps } from 'src/core/types/luisSidebar';\r\nimport { LuisKeyCodes } from 'src/core/utils/keyCodes';\r\n\r\nconst { styleAnchor, styleComponent } = getStylist('LuisSidebarItem');\r\n\r\nconst itemTheme = getScopedTheme('LuisSidebarItem');\r\n\r\nconst focusStyles = mergeStyles(getFocusStyle(getTheme(), { inset: 1 }));\r\n\r\nconst IconContainer = styleComponent<IStackProps>(Stack)('IconContainer', theme => ({\r\n    minWidth: theme.itemIconWidth,\r\n    color: theme.itemIconColor\r\n}));\r\n\r\nconst SidebarHeader = styleComponent<LuisTextProps>(LuisText)('SidebarHeader', theme => ({\r\n    transition: 'all 0.3s ease',\r\n    height: theme.itemLinkHeight,\r\n    margin: '12px 0px -17px 18px',\r\n    whiteSpace: 'nowrap',\r\n    overflow: 'hidden',\r\n    textOverflow: 'ellipsis',\r\n    width: '180px',\r\n    verticalAlign: 'center',\r\n    display: 'inline-block'\r\n}));\r\n\r\nconst SidebarItemLink = styleAnchor<{ isSelected: boolean; isChild: boolean; isChildWithIcon?: boolean }>(\r\n    'SidebarItemLink',\r\n    theme => ({\r\n        display: 'flex',\r\n        cursor: 'pointer',\r\n        alignItems: 'center',\r\n        flexDirection: 'row',\r\n        transition: 'all 0.3s ease',\r\n        $nest: { '&:hover,&:focus': { backgroundColor: theme.itemBackgroundColorHovered } }\r\n    }),\r\n    ({ customProps }, theme) => {\r\n        const heightStyles: NestedCSSProperties = { height: customProps.isChild ? theme.itemChildLinkHeight : theme.itemLinkHeight };\r\n        const paddingStyles: NestedCSSProperties = { paddingLeft: customProps.isChildWithIcon ? '16px' : 'none' };\r\n        const selectedStyles: NestedCSSProperties = customProps.isSelected ? { backgroundColor: theme.itemBackgroundColorSelected } : {};\r\n\r\n        return { ...heightStyles, ...selectedStyles, ...paddingStyles };\r\n    }\r\n);\r\n\r\nconst contextualMenuStyles = classNamesFunction<IContextualMenuProps, IContextualMenuStyles>()({\r\n    root: { backgroundColor: itemTheme.menuBackground }\r\n});\r\n\r\nconst iconStyles = classNamesFunction<IIconProps, IIconStyles>()({ root: { height: 16 } });\r\n\r\nconst LuisSidebarItemNormal = React.forwardRef(\r\n    (props: LuisSidebarNormalItemProps & { className?: string } & { index?: number }, ref: React.MutableRefObject<HTMLElement>) => {\r\n        const {\r\n            text,\r\n            onClick,\r\n            iconName,\r\n            items = [],\r\n            isSelected,\r\n            isCollapsed,\r\n            onRenderIcon,\r\n            onRenderText,\r\n            secondaryText,\r\n            className = '',\r\n            isChild = false,\r\n            dataAutomationId,\r\n            forceNoWrap = false,\r\n            displayChildren = true,\r\n            'aria-label': ariaLabel,\r\n            id = '',\r\n            index\r\n        } = props;\r\n        const [showMenu, setShowMenu] = React.useState(false);\r\n\r\n        const hasSubItems = items.length > 0;\r\n        const shouldDisplayChildrenList = hasSubItems && displayChildren && !isCollapsed;\r\n        const shouldDisplayChildrenCallout = hasSubItems && isCollapsed;\r\n\r\n        /**\r\n         * Renders the main item content link for\r\n         * this side bar item.\r\n         *\r\n         * - If the sidebar is collapsed, no text is shown\r\n         * and a tooltip is used instead.\r\n         *\r\n         * - The icon is hidden if not passed in the props.\r\n         */\r\n        const renderParentLinkItem = () => {\r\n            const fontWeight = (isSelected ? itemTheme.itemLinkFontWeightSelected : itemTheme.itemLinkFontWeight) as Property.FontWeight;\r\n            const textStyles = forceNoWrap\r\n                ? classNamesFunction<ITextProps, ITextStyles>()({\r\n                      root: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }\r\n                  })\r\n                : {};\r\n\r\n            const clickInteraction = () => {\r\n                onClick();\r\n\r\n                if (shouldDisplayChildrenCallout) {\r\n                    setShowMenu(true);\r\n                }\r\n            };\r\n\r\n            const linkItem = (\r\n                <SidebarItemLink\r\n                    role=\"tab\"\r\n                    tabIndex={index}\r\n                    className={focusStyles}\r\n                    onClick={clickInteraction}\r\n                    aria-label={ariaLabel ?? text}\r\n                    aria-selected={isSelected}\r\n                    customProps={{ isSelected, isChild, isChildWithIcon: Boolean(isChild && iconName) }}\r\n                    data-automation-id={dataAutomationId}\r\n                    aria-haspopup={shouldDisplayChildrenCallout}\r\n                    onKeyDown={e => e.key === LuisKeyCodes.Enter && clickInteraction()}\r\n                    {...(shouldDisplayChildrenCallout ? { 'aria-expanded': showMenu } : {})}>\r\n                    <IconContainer data-icon-container verticalFill verticalAlign=\"center\" horizontalAlign=\"center\">\r\n                        {onRenderIcon?.(props) ?? (iconName && <Icon styles={iconStyles} iconName={iconName} />)}\r\n                    </IconContainer>\r\n                    {!isCollapsed &&\r\n                        (onRenderText?.(props) ?? (\r\n                            <LuisText fontWeight={fontWeight} styles={textStyles}>\r\n                                {text}\r\n                                {secondaryText && (\r\n                                    <LuisText variant=\"smallPlus\" styles={{ root: { fontStyle: 'italic' } }}>\r\n                                        &nbsp;{secondaryText}\r\n                                    </LuisText>\r\n                                )}\r\n                            </LuisText>\r\n                        ))}\r\n                </SidebarItemLink>\r\n            );\r\n\r\n            return (\r\n                <LuisTooltip role=\"listitem\" content={isCollapsed ? text : ''}>\r\n                    {linkItem}\r\n                </LuisTooltip>\r\n            );\r\n        };\r\n\r\n        /**\r\n         * Renders the sub items of this item as sidebar items.\r\n         */\r\n        const renderChildrenAsLinkItems = () =>\r\n            items.map(item => <LuisSidebarItem key={item.text} {...item} isChild isCollapsed={isCollapsed} />);\r\n\r\n        /**\r\n         * Renders the items to be displayed in the contextual\r\n         * menu if the side bar is collapsed.\r\n         */\r\n        const renderContextualMenuItems = (): IContextualMenuItem[] => [\r\n            { key: text, text, onClick },\r\n            ...items.map<IContextualMenuItem>(item => ({\r\n                key: item.text,\r\n                text: item.text,\r\n                onClick: item.onClick\r\n            }))\r\n        ];\r\n\r\n        return (\r\n            <div id={id} ref={ref as any} className={`${className}`}>\r\n                {renderParentLinkItem()}\r\n\r\n                {shouldDisplayChildrenList && <Stack>{renderChildrenAsLinkItems()}</Stack>}\r\n\r\n                {shouldDisplayChildrenCallout && (\r\n                    <ContextualMenu\r\n                        target={ref}\r\n                        gapSpace={2}\r\n                        beakWidth={0}\r\n                        hidden={!showMenu}\r\n                        isBeakVisible={false}\r\n                        styles={contextualMenuStyles}\r\n                        items={renderContextualMenuItems()}\r\n                        onDismiss={() => setShowMenu(false)}\r\n                        directionalHint={DirectionalHint.rightTopEdge}\r\n                    />\r\n                )}\r\n            </div>\r\n        );\r\n    }\r\n);\r\n\r\n/**\r\n * Renders an item to be displayed in a LuisSidebar.\r\n */\r\nexport const LuisSidebarItem = React.forwardRef(\r\n    (props: LuisSidebarItemProps & { className?: string } & { index?: number }, ref: React.MutableRefObject<HTMLElement>) => {\r\n        if (props?.itemType === 'Header') {\r\n            return (\r\n                !props.isCollapsed && (\r\n                    <SidebarHeader role=\"heading\" aria-level={2} fontWeight={itemTheme.itemLinkFontWeightSelected as Property.FontWeight}>\r\n                        {props.text}\r\n                    </SidebarHeader>\r\n                )\r\n            );\r\n        }\r\n        return <LuisSidebarItemNormal ref={ref} {...props} />;\r\n    }\r\n);\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { defineMessages } from 'react-intl';\r\n\r\nexport const coreComponentsTeachingBubbleMessages = defineMessages({\r\n    sidebarCollapseTitle: {\r\n        id: 'core.coreComponentsTeachingBubbleMessages.sidebarCollapseTitle',\r\n        defaultMessage: 'You’ve collapsed the menu'\r\n    },\r\n    sidebarCollapseBody: {\r\n        id: 'core.coreComponentsTeachingBubbleMessages.sidebarCollapseBody',\r\n        defaultMessage: 'You’ve collapsed the menu to get more room. You can expand it again here'\r\n    }\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { FocusZone } from '@fluentui/react/lib/FocusZone';\r\nimport { IStackProps, Stack } from '@fluentui/react/lib/Stack';\r\nimport { getId } from '@fluentui/react/lib/Utilities';\r\nimport { observer } from 'mobx-react';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisSidebarItem } from 'src/core/components/LuisSidebarItem';\r\nimport { useAnnounced } from 'src/core/hooks/useAnnounced';\r\nimport { useGlobalState } from 'src/core/hooks/useGlobalState';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { useResponsiveMode } from 'src/core/hooks/useResponsiveMode';\r\nimport { getStylist, important } from 'src/core/themes/luisStylist';\r\nimport { LuisSidebarItemProps, LuisSidebarNormalItemProps } from 'src/core/types/luisSidebar';\r\nimport { coreComponentsTeachingBubbleMessages } from 'src/core/utils/coreComponentsTeachingBubbleMessages';\r\nimport { createTeachingBubble, dequeueTeachingBubble } from 'src/luis/projects/events/utils/teachingBubbles';\r\n\r\nexport type LuisSidebarProps = {\r\n    /**\r\n     * The items to display in the side-bar.\r\n     */\r\n    itemLists: LuisSidebarItemProps[][];\r\n\r\n    /**\r\n     * Optional param to define the toggle button's id.\r\n     */\r\n    sidebarToggleButtonId?: string;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    sidebarExpanded: {\r\n        id: 'portal.luisSidebar.sidebarExpanded',\r\n        defaultMessage: 'Sidebar expanded'\r\n    },\r\n    sidebarCollapsed: {\r\n        id: 'portal.luisSidebar.sidebarCollapsed',\r\n        defaultMessage: 'Sidebar collapsed'\r\n    },\r\n    hamburgerIconCollapsed: {\r\n        id: 'portal.luisSidebar.hamburgerIconCollapsed',\r\n        defaultMessage: 'Hamburger menu icon: collapsed'\r\n    },\r\n    hamburgerIconExpanded: {\r\n        id: 'portal.luisSidebar.hamburgerIconExpanded',\r\n        defaultMessage: 'Hamburger menu icon: expanded'\r\n    }\r\n});\r\n\r\nconst { styleComponent } = getStylist('LuisSidebar');\r\n\r\nconst SidePanelRoot = styleComponent<IStackProps>(Stack)<{ isCollapsed: boolean }>(\r\n    'SidePanelRoot',\r\n    theme => ({ backgroundColor: theme.sidebarBackgroundColor, borderRight: theme.sidebarBorder, overflowY: 'auto' }),\r\n    ({ customProps }, theme) => {\r\n        const width: string = customProps.isCollapsed ? theme.sidebarWidthCollapsed : theme.sidebarWidthExpanded;\r\n\r\n        return { minWidth: width, maxWidth: width };\r\n    }\r\n);\r\n\r\nconst StyledLuisSidebarItem = styleComponent<LuisSidebarItemProps & { className?: string }>(LuisSidebarItem)(\r\n    'StyledLuisSidebarItem',\r\n    {},\r\n    ({ isCollapsed }, theme) => ({\r\n        $nest: {\r\n            '& [data-icon-container]': important({\r\n                fontSize: theme.expandButtonFontSize,\r\n                color: theme.expandButtonColor,\r\n                ...(isCollapsed\r\n                    ? {}\r\n                    : {\r\n                          position: 'absolute',\r\n                          right: '6px',\r\n                          top: '14px',\r\n                          width: 'auto',\r\n                          height: 'auto'\r\n                      })\r\n            })\r\n        }\r\n    })\r\n);\r\n\r\n/**\r\n * Renders a navigation sidebar. Used in the build and\r\n * manage panes in the LUIS application page.\r\n */\r\nexport const LuisSidebar = observer((props: LuisSidebarProps) => {\r\n    const { itemLists, sidebarToggleButtonId: parentSidebarToggleButtonId } = props;\r\n    const { uiStore, dispatcher } = useGlobalState();\r\n    const { localize } = useLocalization();\r\n    const { isXXLargeOrGreater } = useResponsiveMode();\r\n    const { announceAction, announcedComponent } = useAnnounced();\r\n    const sidebarToggleButtonId = React.useRef<string>(getId());\r\n    const { isSidebarCollapsed } = uiStore;\r\n    React.useEffect(() => () => dequeueTeachingBubble('LuisSidebarCollapse'), []);\r\n\r\n    React.useEffect(() => {\r\n        if (!isXXLargeOrGreater) {\r\n            dispatcher.dispatch('setIsSidebarCollapsed', { isSidebarCollapsed: true });\r\n        }\r\n    }, [isXXLargeOrGreater]);\r\n\r\n    const handleCollapseToggleClick = () => {\r\n        if (!isSidebarCollapsed && !uiStore.teachingBubbles.LuisSidebarCollapse) {\r\n            createTeachingBubble(\r\n                'LuisSidebarCollapse',\r\n                localize(coreComponentsTeachingBubbleMessages.sidebarCollapseBody),\r\n                localize(coreComponentsTeachingBubbleMessages.sidebarCollapseTitle),\r\n                `#${parentSidebarToggleButtonId ?? sidebarToggleButtonId.current}`,\r\n                true\r\n            );\r\n        }\r\n        announceAction(isSidebarCollapsed ? localize(messages.sidebarExpanded) : localize(messages.sidebarCollapsed));\r\n        dispatcher.dispatch('toggleSidebar');\r\n    };\r\n\r\n    return (\r\n        <SidePanelRoot customProps={{ isCollapsed: isSidebarCollapsed }} verticalFill role=\"list\">\r\n            <FocusZone>\r\n                <div id={parentSidebarToggleButtonId ?? sidebarToggleButtonId.current}>\r\n                    <StyledLuisSidebarItem\r\n                        text=\"\"\r\n                        key=\"toggleCollapse\"\r\n                        isCollapsed={isSidebarCollapsed}\r\n                        onClick={handleCollapseToggleClick}\r\n                        iconName={isSidebarCollapsed ? 'DoubleChevronLeftMedMirrored' : 'DoubleChevronLeftMed'}\r\n                        aria-label={\r\n                            isSidebarCollapsed ? localize(messages.hamburgerIconCollapsed) : localize(messages.hamburgerIconExpanded)\r\n                        }\r\n                    />\r\n                </div>\r\n\r\n                {itemLists.map((itemList: LuisSidebarNormalItemProps[]) => (\r\n                    <div key={getId()} role=\"tablist\">\r\n                        {itemList.map((item: LuisSidebarNormalItemProps, index: number) => (\r\n                            <LuisSidebarItem key={item.text} {...item} isCollapsed={isSidebarCollapsed} index={index + 1} />\r\n                        ))}\r\n                    </div>\r\n                ))}\r\n            </FocusZone>\r\n            {announcedComponent}\r\n        </SidePanelRoot>\r\n    );\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ILinkProps, Link } from '@fluentui/react/lib/Link';\r\nimport React from 'react';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\n\r\nconst theme = getScopedTheme('NameCellLink');\r\n\r\n/**\r\n * Renders a link that is primarily to be used for\r\n * clickable names in the data tables in the portal,\r\n */\r\nexport const NameCellLink = (props: React.PropsWithChildren<ILinkProps>) => {\r\n    const { children, onClick, ...rest } = props;\r\n\r\n    /**\r\n     * Passes through the event, triggers the onClick\r\n     * handler, and stops the event from propagating.\r\n     *\r\n     * @param e The event object that resulted.\r\n     */\r\n    const onClickWithEventStopping = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\r\n        e.stopPropagation();\r\n\r\n        if (onClick) {\r\n            onClick(e);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <Link styles={{ root: { lineHeight: '20px', fontSize: theme.fontSize } }} role=\"link\" onClick={onClickWithEventStopping} {...rest}>\r\n            {children}\r\n        </Link>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { IButtonProps, IconButton } from '@fluentui/react/lib/Button';\r\nimport { ContextualMenuItemType, IContextualMenuItem, IContextualMenuProps } from '@fluentui/react/lib/ContextualMenu';\r\nimport { Stack, StackItem } from '@fluentui/react/lib/Stack';\r\nimport { ITextField } from '@fluentui/react/lib/TextField';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisContextualMenu } from 'src/core/components/LuisContextualMenu';\r\nimport { LuisTextField, LuisTextFieldProps } from 'src/core/components/LuisTextField';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { LuisKeyCodes } from 'src/core/utils/keyCodes';\r\nimport { substringSearchStrategy } from 'src/core/utils/searchStrategies/substringSearchStrategy';\r\n\r\nexport type LuisContextualMenuInputProps = Omit<LuisTextFieldProps, 'onSubmit'> & {\r\n    /**\r\n     * The context menu item list.\r\n     */\r\n    menuItems: IContextualMenuItem[];\r\n\r\n    /**\r\n     * Callback for creating a new item.\r\n     */\r\n    onSubmit: (value: string) => void;\r\n\r\n    /**\r\n     * The initial value of the textField.\r\n     */\r\n    initValue?: string;\r\n\r\n    /**\r\n     * A flag to whether show the confirm\r\n     * icon or not.\r\n     */\r\n    showConfirmIcon?: boolean;\r\n\r\n    /**\r\n     * The items to display when the filtered items\r\n     * have a length of zero.\r\n     */\r\n    onNoItemsContent?: (query: string) => IContextualMenuItem[];\r\n\r\n    /**\r\n     * The items to display when the search query\r\n     * doesn't fully match one item.\r\n     */\r\n    onNoExactQueryMatchContent?: (query: string) => IContextualMenuItem[];\r\n\r\n    /**\r\n     * Optional props to send to the button\r\n     * that opens the menu.\r\n     */\r\n    menuTriggerProps?: Partial<IButtonProps>;\r\n\r\n    /**\r\n     * Optional props to pass to the underlying\r\n     * contextual menu\r\n     */\r\n    contextualMenuProps?: Partial<IContextualMenuProps>;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    placeholder: {\r\n        id: 'core.luisContextualMenuInput.placeholder',\r\n        defaultMessage: 'Search ...'\r\n    },\r\n    confirmAriaLabel: {\r\n        id: 'core.luisContextualMenuInput.confirmAriaLabel',\r\n        defaultMessage: 'Confirm'\r\n    }\r\n});\r\n\r\n/**\r\n * The LuisContextualMenuInput component\r\n *\r\n * @param props The properties of the input field view.\r\n */\r\nexport const LuisContextualMenuInput = (props: LuisContextualMenuInputProps) => {\r\n    const {\r\n        menuItems,\r\n        onNoItemsContent,\r\n        onSubmit,\r\n        initValue = '',\r\n        showConfirmIcon = true,\r\n        placeholder,\r\n        menuTriggerProps,\r\n        contextualMenuProps,\r\n        onNoExactQueryMatchContent,\r\n        onKeyDown,\r\n        ...rest\r\n    } = props;\r\n    const [currentText, setCurrentText] = React.useState(initValue);\r\n    const [isMenuFocused, setIsMenuFocused] = React.useState(false);\r\n    const [isMenuVisible, setIsMenuVisible] = React.useState(false);\r\n    const fieldRef = React.useRef<ITextField>(null);\r\n    const fieldWrapperRef = React.useRef<HTMLDivElement>(null);\r\n    const { localize } = useLocalization();\r\n\r\n    React.useEffect(() => setCurrentText(initValue), [initValue]);\r\n\r\n    let items = substringSearchStrategy(menuItems, currentText, 'text');\r\n\r\n    if (items.length === 0 && onNoItemsContent) {\r\n        items = items.concat(onNoItemsContent(currentText));\r\n    }\r\n\r\n    if (items.every(i => i.text.toLocaleLowerCase() !== currentText.toLocaleLowerCase()) && onNoExactQueryMatchContent) {\r\n        items = items.concat(onNoExactQueryMatchContent(currentText));\r\n    }\r\n\r\n    /**\r\n     * Follows the rules as follows:\r\n     *\r\n     * - If the key was `Escape`, close the contextual menu.\r\n     *\r\n     * - If `Up` or `Down` arrow keys are pressed, the menu\r\n     * should be focused. However if the keys pressed are any\r\n     * other ones, then the menu should not be focused to\r\n     * continue typing in the field.\r\n     */\r\n    const onTextFieldKeyDown = (event: React.KeyboardEvent) => {\r\n        if (event.key === LuisKeyCodes.Escape && isMenuVisible) {\r\n            setIsMenuVisible(false);\r\n            event.stopPropagation();\r\n\r\n            return;\r\n        }\r\n\r\n        if (!isMenuVisible) {\r\n            setIsMenuVisible(true);\r\n        }\r\n\r\n        if (event.key === LuisKeyCodes.ArrowUp || event.key === LuisKeyCodes.ArrowDown) {\r\n            setIsMenuFocused(true);\r\n            event.stopPropagation();\r\n        } else {\r\n            setIsMenuFocused(false);\r\n        }\r\n    };\r\n\r\n    /**\r\n     * Fires when the contextual menu fires\r\n     * a keyup event.\r\n     *\r\n     * @param event The event that was fired.\r\n     */\r\n    const onMenuKeyUp = (event: React.KeyboardEvent) => {\r\n        if (event.key === LuisKeyCodes.ArrowRight || event.key === LuisKeyCodes.ArrowLeft) {\r\n            setIsMenuFocused(false);\r\n            fieldRef.current.focus();\r\n        }\r\n    };\r\n\r\n    /**\r\n     * Finds the first clickable item in the menu items\r\n     * and simulates a click on it. If not found, then\r\n     * the current text is sent over.\r\n     */\r\n    const onEnterKeyUp = () => {\r\n        if (currentText === '') {\r\n            return;\r\n        }\r\n\r\n        const item = items.find(i => i.itemType !== ContextualMenuItemType.Header && i.itemType !== ContextualMenuItemType.Divider);\r\n\r\n        if (item && item.onClick) {\r\n            item.onClick();\r\n        } else {\r\n            onSubmit(currentText);\r\n        }\r\n\r\n        dismissMenu();\r\n    };\r\n\r\n    /**\r\n     * Ensures that the contextual menu is open\r\n     * but does not take focus.\r\n     */\r\n    const onTextFieldFocus = () => {\r\n        setIsMenuVisible(true);\r\n        setIsMenuFocused(false);\r\n    };\r\n\r\n    /**\r\n     * When the Fabric menu tries to dismiss:\r\n     *\r\n     * - If the event is a key event (`Escape`) key,\r\n     * the menu should blur and the text field be\r\n     * focused.\r\n     *\r\n     * - If the event is a mouse event, check if it\r\n     * is clicking on the text field or not. If it\r\n     * is clicking on the text field, nothing should\r\n     * happen. If it is clicking outside the text field\r\n     * then the menu should be closed and the text\r\n     * field focused.\r\n     *\r\n     * @param event The event that was fired.\r\n     */\r\n    const onDismiss = (event: React.KeyboardEvent | React.MouseEvent) => {\r\n        const isKeyEvent = (event as React.KeyboardEvent).key !== undefined;\r\n\r\n        // If not key event, prevent dismissing the menu (default)\r\n        if (!isKeyEvent) {\r\n            event.preventDefault();\r\n        }\r\n\r\n        const clickOutsideMenu = !fieldWrapperRef.current.contains(event.target as Node);\r\n        const focusEvent = event.type === 'focus';\r\n\r\n        if (isKeyEvent) {\r\n            setIsMenuVisible(false);\r\n            setIsMenuFocused(false);\r\n            fieldRef.current.focus();\r\n\r\n            return;\r\n        }\r\n\r\n        if (clickOutsideMenu || focusEvent) {\r\n            dismissMenu();\r\n            fieldRef.current.blur();\r\n        }\r\n    };\r\n\r\n    /**\r\n     * Dismisses the menu by marking it\r\n     * as not visible and not focused.\r\n     */\r\n    const dismissMenu = () => {\r\n        setIsMenuVisible(false);\r\n        setIsMenuFocused(false);\r\n    };\r\n\r\n    return (\r\n        <Stack horizontal verticalFill verticalAlign=\"center\">\r\n            <StackItem verticalFill align=\"end\">\r\n                <LuisContextualMenu\r\n                    items={items}\r\n                    isVisible={isMenuVisible}\r\n                    isFocused={isMenuFocused}\r\n                    onDismiss={onDismiss}\r\n                    onKeyUp={onMenuKeyUp}\r\n                    menuTriggerProps={menuTriggerProps}\r\n                    contextualMenuProps={contextualMenuProps}\r\n                />\r\n            </StackItem>\r\n            <Stack.Item grow>\r\n                <div ref={fieldWrapperRef}>\r\n                    <LuisTextField\r\n                        componentRef={fieldRef}\r\n                        value={currentText}\r\n                        placeholder={placeholder || localize(messages.placeholder)}\r\n                        onEnterKeyUp={onEnterKeyUp}\r\n                        onChange={(_, text) => setCurrentText(text)}\r\n                        onFocus={onTextFieldFocus}\r\n                        onKeyDown={event => {\r\n                            onTextFieldKeyDown(event);\r\n                            if (onKeyDown) {\r\n                                onKeyDown(event);\r\n                            }\r\n                        }}\r\n                        {...rest}\r\n                    />\r\n                </div>\r\n            </Stack.Item>\r\n\r\n            {showConfirmIcon && (\r\n                <IconButton ariaLabel={localize(messages.confirmAriaLabel)} iconProps={{ iconName: 'CheckMark' }} onClick={onEnterKeyUp} />\r\n            )}\r\n        </Stack>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { IButtonProps, IButtonStyles } from '@fluentui/react/lib/Button';\r\nimport { DirectionalHint, ICalloutContentStyles, ICalloutProps } from '@fluentui/react/lib/Callout';\r\nimport { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu';\r\nimport { Icon, IIconProps, IIconStyles } from '@fluentui/react/lib/Icon';\r\nimport { ITagItemStyleProps, ITagItemStyles, TagItem } from '@fluentui/react/lib/Pickers';\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport { ITextProps } from '@fluentui/react/lib/Text';\r\nimport { ITextFieldStyleProps, ITextFieldStyles } from '@fluentui/react/lib/TextField';\r\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\r\nimport { AnimationClassNames } from '@fluentui/style-utilities';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisContextualMenuInput } from 'src/core/components/LuisContextualMenuInput';\r\nimport { LuisText } from 'src/core/components/LuisText';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { getScopedTheme, getStylistV2 } from 'src/core/themes/luisStylist';\r\nimport { LuisKeyCodes } from 'src/core/utils/keyCodes';\r\nimport { LuisId } from 'src/luis/types/Resource';\r\n\r\nconst messages = defineMessages({\r\n    pillEditIconAriaLabel: {\r\n        id: 'core.pill.pillEditIconAriaLabel',\r\n        defaultMessage: 'Edit value'\r\n    },\r\n    pillRemoveIconAriaLabel: {\r\n        id: 'core.pill.pillRemoveIconAriaLabel',\r\n        defaultMessage: 'Remove {value}'\r\n    }\r\n});\r\n\r\nconst pillTheme = getScopedTheme('Pill');\r\nconst { getClassName } = getStylistV2('Pill');\r\n\r\nconst pillIconStyle = classNamesFunction<IIconProps, IIconStyles>()({\r\n    root: { fontSize: pillTheme.iconFontSize, paddingLeft: pillTheme.iconPaddingLeft }\r\n});\r\n\r\nconst pillTagItemStyle = classNamesFunction<ITagItemStyleProps, ITagItemStyles>()({\r\n    text: { marginRight: 0 },\r\n    root: {\r\n        margin: '5px 5px 5px 0',\r\n        height: pillTheme.height,\r\n        minHeight: pillTheme.height,\r\n        border: `1px solid ${pillTheme.borderColor}`,\r\n        ':focus-within': { background: 'unset', color: 'unset' }\r\n    },\r\n    close: {\r\n        width: pillTheme.closeIconHeight,\r\n        ':hover': { background: pillTheme.removeIconHoverBackgroundColor },\r\n        ':active': { background: pillTheme.removeIconActiveBackgroundColor, color: pillTheme.removeIconActiveColor },\r\n        ':focus-within': { background: pillTheme.removeIconActiveBackgroundColor, color: pillTheme.removeIconActiveColor }\r\n    }\r\n});\r\n\r\nconst disabledPill = getClassName('disabledPill', {\r\n    textDecoration: 'line-through'\r\n});\r\n\r\nconst pillInputTextFieldStyles = classNamesFunction<ITextFieldStyleProps, ITextFieldStyles>()({\r\n    fieldGroup: {\r\n        boxSizing: 'content-box',\r\n        flexShrink: pillTheme.flexShrink,\r\n        height: pillTheme.height,\r\n        lineHeight: pillTheme.lineHeight,\r\n        maxWidth: pillTheme.maxWidth,\r\n        background: 'transparent',\r\n        marginLeft: pillTheme.marginLeft\r\n    },\r\n    field: {\r\n        padding: pillTheme.padding,\r\n        fontSize: pillTheme.fontSize,\r\n        selectors: { '::placeholder': { fontSize: pillTheme.fontSize, textOverflow: 'ellipsis' } }\r\n    }\r\n});\r\n\r\nconst contextualMenuTriggerStyles = classNamesFunction<IButtonProps, IButtonStyles>()({\r\n    root: { position: 'relative', top: pillTheme.calloutTopAdjust, left: pillTheme.calloutLeftAdjust }\r\n});\r\n\r\nconst contextualMenuCalloutStyles = classNamesFunction<ICalloutProps, ICalloutContentStyles>()({\r\n    root: { width: 'fit-content' }\r\n});\r\n\r\n/**\r\n * Default render of pill content.\r\n * @param props Pill props.\r\n */\r\nconst defaultRender = (props: PillProps) => (\r\n    <LuisText {...props.textProps} className={props.isDisabled ? disabledPill : null} variant=\"smallPlus\">\r\n        {props.name}\r\n    </LuisText>\r\n);\r\n\r\nexport type PillProps = {\r\n    /**\r\n     * The pill unique key\r\n     */\r\n    pillKey: LuisId;\r\n    /**\r\n     * The index of the pill\r\n     */\r\n    index: number;\r\n\r\n    /**\r\n     * The pill text to display\r\n     */\r\n    name: string;\r\n\r\n    /**\r\n     * The initial edit mode the pill to be in.\r\n     */\r\n    initialEditMode?: boolean;\r\n\r\n    /**\r\n     * Boolean to determines whether to show the confirm icon or not.\r\n     */\r\n    showConfirmIcon?: boolean;\r\n\r\n    /**\r\n     * The menu items to display for the pill\r\n     * text field and contextual menu.\r\n     */\r\n    menuItems?: IContextualMenuItem[];\r\n\r\n    /**\r\n     * The pill icon props.\r\n     */\r\n    iconProps?: IIconProps;\r\n\r\n    /**\r\n     * The pill text props.\r\n     */\r\n    textProps?: ITextProps;\r\n\r\n    /**\r\n     * The text to be displayed in the search box\r\n     */\r\n    pillInputTextPlaceholder?: string;\r\n\r\n    /**\r\n     * The pill is disabled or not.\r\n     */\r\n    isDisabled?: boolean;\r\n\r\n    /**\r\n     * The items to display when the filtered items\r\n     * have a length of zero.\r\n     */\r\n    onNoItemsContent?: (query: string) => IContextualMenuItem[];\r\n\r\n    /**\r\n     * The items to display when the search query\r\n     * doesn't fully match one item.\r\n     */\r\n    onNoExactQueryMatchContent?: (query: string) => IContextualMenuItem[];\r\n\r\n    /**\r\n     * Indicator if the already created pills should\r\n     * be editable.\r\n     */\r\n    isPillEditable?: boolean;\r\n\r\n    /**\r\n     * A callback for when the remove icon on\r\n     * a pill is clicked.\r\n     */\r\n    onRemovePill?: () => void;\r\n\r\n    /**\r\n     * A callback fires when a pill value is changed.\r\n     */\r\n    onPillValueChange?: (newName: string) => void;\r\n\r\n    /**\r\n     * A callback for when the pill is clicked.\r\n     */\r\n    onPillClick?: () => void;\r\n\r\n    /**\r\n     * An optional function to render a custom pill content.\r\n     */\r\n    onRenderPillContent?: (props?: PillProps, defaultRender?: (props: PillProps) => React.ReactNode) => React.ReactNode;\r\n\r\n    /**\r\n     * The delete button of the pill is disabled or not.\r\n     */\r\n    isDeleteButtonDisabled?: boolean;\r\n};\r\n\r\n/**\r\n * Renders a pill that supports:\r\n * - Inline editing in the label.\r\n * - Contextual menu items to display in a menu.\r\n * A pill or a Tag item is a component that have pill shape and contains text and other optional action buttons.\r\n * It's used in the roles / list entity / phrase list values and many other places in the portal.\r\n */\r\nexport const Pill = (props: PillProps) => {\r\n    const {\r\n        pillKey,\r\n        name,\r\n        index,\r\n        iconProps,\r\n        onPillClick,\r\n        onRemovePill,\r\n        isPillEditable,\r\n        menuItems = [],\r\n        onNoItemsContent,\r\n        onPillValueChange,\r\n        isDisabled = false,\r\n        onRenderPillContent,\r\n        initialEditMode = false,\r\n        showConfirmIcon = false,\r\n        pillInputTextPlaceholder,\r\n        onNoExactQueryMatchContent,\r\n        isDeleteButtonDisabled = false\r\n    } = props;\r\n    const { localize } = useLocalization();\r\n    const [isEditModeActive, setIsEditModeActive] = React.useState(initialEditMode);\r\n\r\n    /**\r\n     * Notifies parent that a new value was added\r\n     * in the pill.\r\n     *\r\n     * @param value The new value added.\r\n     */\r\n    const onSubmit = (value: string) => {\r\n        onPillValueChange(value);\r\n        setIsEditModeActive(false);\r\n    };\r\n\r\n    /**\r\n     * Handles the case of pressing esc button to cancel.\r\n     */\r\n    const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n        if (event.key === LuisKeyCodes.Escape) {\r\n            setIsEditModeActive(false);\r\n\r\n            if (!name) {\r\n                onRemovePill();\r\n            }\r\n        }\r\n    };\r\n\r\n    return (\r\n        <TagItem\r\n            index={index}\r\n            role=\"listitem\"\r\n            styles={pillTagItemStyle}\r\n            onRemoveItem={onRemovePill}\r\n            item={{ key: `${pillKey}`, name }}\r\n            removeButtonAriaLabel={localize(messages.pillRemoveIconAriaLabel, { value: name })}\r\n            className={AnimationClassNames.fadeIn200}\r\n            disabled={isDeleteButtonDisabled}>\r\n            <Stack\r\n                horizontal\r\n                tokens={{ childrenGap: 5 }}\r\n                styles={{ root: { cursor: isDisabled ? 'auto' : 'pointer' } }}\r\n                verticalFill\r\n                verticalAlign=\"center\"\r\n                onClick={onPillClick || (isPillEditable ? () => setIsEditModeActive(true) : undefined)}>\r\n                {iconProps && <Icon {...iconProps} styles={pillIconStyle} />}\r\n\r\n                {onRenderPillContent && onRenderPillContent(props, defaultRender)}\r\n\r\n                {isEditModeActive ? (\r\n                    <LuisContextualMenuInput\r\n                        autoFocus\r\n                        borderless\r\n                        initValue={name}\r\n                        onSubmit={onSubmit}\r\n                        onKeyDown={onKeyDown}\r\n                        menuItems={menuItems}\r\n                        showConfirmIcon={showConfirmIcon}\r\n                        styles={pillInputTextFieldStyles}\r\n                        onNoItemsContent={onNoItemsContent}\r\n                        onNoExactQueryMatchContent={onNoExactQueryMatchContent}\r\n                        ariaLabel={pillInputTextPlaceholder}\r\n                        placeholder={pillInputTextPlaceholder}\r\n                        menuTriggerProps={{ styles: contextualMenuTriggerStyles }}\r\n                        contextualMenuProps={{\r\n                            directionalHint: DirectionalHint.bottomLeftEdge,\r\n                            calloutProps: { styles: contextualMenuCalloutStyles }\r\n                        }}\r\n                    />\r\n                ) : (\r\n                    !onRenderPillContent && defaultRender(props)\r\n                )}\r\n            </Stack>\r\n        </TagItem>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { DefaultButton, IButtonProps, IButtonStyles } from '@fluentui/react/lib/Button';\r\nimport { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu';\r\nimport { ITag } from '@fluentui/react/lib/Pickers';\r\nimport { classNamesFunction, getId } from '@fluentui/react/lib/Utilities';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { Pill, PillProps } from 'src/core/components/Pill';\r\nimport { RBACTooltip } from 'src/core/components/RBACTooltip';\r\nimport { TagContainer } from 'src/core/components/TagContainer';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\n\r\nexport type PillContainerProps = {\r\n    /**\r\n     * The pills that are already added.\r\n     */\r\n    pills: PillProps[];\r\n\r\n    /**\r\n     * A callback for when a new pill is added.\r\n     */\r\n    onAddNewPill?: (name: PillProps['name']) => void;\r\n\r\n    /**\r\n     * A callback for when a pill remove icon is clicked.\r\n     */\r\n    onRemovePill?: () => void;\r\n\r\n    /**\r\n     * A callback for when adding new pill icon is clicked.\r\n     */\r\n    onAddIconClick?: () => void;\r\n\r\n    /**\r\n     * A flag whether addition of pills\r\n     * is allowed or not.\r\n     */\r\n    allowAddPills?: boolean;\r\n\r\n    /**\r\n     * A flag whether input pill is shown or not.\r\n     */\r\n    showInputPill?: boolean;\r\n\r\n    /**\r\n     * Boolean to determines whether to show the confirm icon or not.\r\n     */\r\n    showConfirmIcon?: boolean;\r\n\r\n    /**\r\n     * The menu items to display in a pill's\r\n     * contextual menu.\r\n     */\r\n    inputPillMenuItems?: IContextualMenuItem[];\r\n\r\n    /**\r\n     * The text to be displayed in the search box\r\n     */\r\n    inputPillPlaceholder?: string;\r\n\r\n    /**\r\n     * Add pill button tooltip.\r\n     */\r\n    addPillButtonAriaLabel?: string;\r\n\r\n    /**\r\n     * The initial value for the input pill\r\n     */\r\n    inputPillValue?: string;\r\n\r\n    /**\r\n     * Setter for the pill input value\r\n     */\r\n    setInputPillValue?: (val: string) => void;\r\n\r\n    /**\r\n     * The items to display when the filtered items\r\n     * have a length of zero.\r\n     */\r\n    inputPillMenuNoContent?: (query: string) => IContextualMenuItem[];\r\n\r\n    /**\r\n     * Rendering function to the add pill button.\r\n     */\r\n    onRenderAddPillButtonContent?: () => React.ReactNode;\r\n\r\n    /*\r\n     * Controls whether the add feature button is disabled\r\n     */\r\n    isAddPillButtonDisabled?: boolean;\r\n\r\n    /**\r\n     * Controls whther the delete button of the pill is disabled.\r\n     */\r\n    isDeletePillButtonDisabled?: boolean;\r\n\r\n    /*\r\n     * Controls whether the add feature button is disabled\r\n     */\r\n    isLuisToolTipHidden?: boolean;\r\n\r\n    /*\r\n     * The message to show when the add pill button is disabled\r\n     */\r\n    disabledButtonLuisToolTipMessage?: string;\r\n\r\n    /**\r\n     * Add pill button role\r\n     */\r\n    addPillButtonRole?: string;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    inputPillPlaceholder: {\r\n        id: 'core.pillContainer.inputPillPlaceholder',\r\n        defaultMessage: 'Type here ...'\r\n    },\r\n    addPillAriaLabel: {\r\n        id: 'core.pillContainer.addPillAriaLabel',\r\n        defaultMessage: 'Add value'\r\n    }\r\n});\r\n\r\nconst containerTheme = getScopedTheme('PillContainer');\r\n\r\nconst addButtonStyles = classNamesFunction<IButtonProps, IButtonStyles>()({\r\n    root: {\r\n        height: 28,\r\n        border: 'none',\r\n        backgroundColor: 'transparent',\r\n        minWidth: 'unset',\r\n        padding: containerTheme.padding,\r\n        margin: '5px 5px 5px 0px'\r\n    },\r\n    icon: { fontSize: 'smaller' }\r\n});\r\n\r\n/**\r\n * Renders the pills that displays and controls the\r\n * selected items form the contextual menu item\r\n */\r\nexport const PillContainer = (props: PillContainerProps) => {\r\n    const { localize } = useLocalization();\r\n    const {\r\n        pills,\r\n        onAddNewPill,\r\n        onRemovePill,\r\n        showInputPill,\r\n        onAddIconClick,\r\n        showConfirmIcon,\r\n        setInputPillValue,\r\n        inputPillValue = '',\r\n        isLuisToolTipHidden,\r\n        allowAddPills = true,\r\n        inputPillMenuItems = [],\r\n        isAddPillButtonDisabled,\r\n        isDeletePillButtonDisabled,\r\n        addPillButtonRole = 'button',\r\n        onRenderAddPillButtonContent,\r\n        disabledButtonLuisToolTipMessage,\r\n        addPillButtonAriaLabel = localize(messages.addPillAriaLabel),\r\n        inputPillPlaceholder = localize(messages.inputPillPlaceholder),\r\n        inputPillMenuNoContent = (_: string): IContextualMenuItem[] => []\r\n    } = props;\r\n\r\n    const addPillButtonTooltipIdRef = React.useRef(getId('addPillButtonTooltip'));\r\n\r\n    /**\r\n     * Signals the creation of a new pill value that\r\n     * is not one of the menu items provided.\r\n     */\r\n    const onCreateNewPill = (newName: string) => {\r\n        if (setInputPillValue) {\r\n            setInputPillValue(newName);\r\n        }\r\n        onAddNewPill(newName);\r\n    };\r\n\r\n    const addPillButton = (buttonProps: IButtonProps) => (\r\n        <DefaultButton\r\n            tabIndex={0}\r\n            aria-haspopup=\"true\"\r\n            role={addPillButtonRole}\r\n            styles={addButtonStyles}\r\n            onClick={onAddIconClick}\r\n            disabled={buttonProps.disabled}\r\n            iconProps={{ iconName: 'Add' }}\r\n            ariaLabel={addPillButtonAriaLabel}\r\n            aria-describedby={addPillButtonTooltipIdRef.current}\r\n            onRenderChildren={() => onRenderAddPillButtonContent && <>{onRenderAddPillButtonContent()}</>}\r\n        />\r\n    );\r\n\r\n    return (\r\n        <TagContainer<ITag>>\r\n            {pills.map(pillProps => (\r\n                <Pill key={pillProps.pillKey} isDeleteButtonDisabled={isDeletePillButtonDisabled} {...pillProps} />\r\n            ))}\r\n\r\n            {allowAddPills && showInputPill && (\r\n                <Pill\r\n                    initialEditMode\r\n                    pillKey={getId()}\r\n                    index={pills.length}\r\n                    name={inputPillValue}\r\n                    onRemovePill={onRemovePill}\r\n                    menuItems={inputPillMenuItems}\r\n                    showConfirmIcon={showConfirmIcon}\r\n                    onPillValueChange={onCreateNewPill}\r\n                    pillInputTextPlaceholder={inputPillPlaceholder}\r\n                    onNoExactQueryMatchContent={inputPillMenuNoContent}\r\n                />\r\n            )}\r\n\r\n            {allowAddPills && !showInputPill && (\r\n                <RBACTooltip\r\n                    hidden={isLuisToolTipHidden}\r\n                    id={addPillButtonTooltipIdRef.current}\r\n                    content={isAddPillButtonDisabled && !isLuisToolTipHidden ? disabledButtonLuisToolTipMessage : addPillButtonAriaLabel}\r\n                    displayedUserRole=\"\"\r\n                    componentSurroundedByToolTip={addPillButton({ disabled: isAddPillButtonDisabled })}\r\n                />\r\n            )}\r\n        </TagContainer>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { observer } from 'mobx-react-lite';\r\nimport * as React from 'react';\r\nimport { Redirect, Route, RouteProps, useLocation } from 'react-router';\r\nimport { useGlobalState } from 'src/core/hooks/useGlobalState';\r\nimport { getStorage } from 'src/core/utils/getStorage';\r\nimport { LuisConstants } from 'src/core/utils/LuisConstants';\r\n\r\nconst sessionStorage = getStorage('sessionStorage');\r\n\r\n/**\r\n * A component that disallows navigation to its given path when\r\n * the user is not signed in and redirects them to the home page.\r\n *\r\n * @param props The component input.\r\n */\r\nexport const PrivateRoute = observer((props: RouteProps) => {\r\n    const location = useLocation();\r\n    const { rootStore, dispatcher } = useGlobalState();\r\n    const [componentToRender, setComponentToRender] = React.useState(<></>);\r\n\r\n    const isAuthLoading = rootStore.authStore.isLoading;\r\n    const { isSignedIn } = rootStore.authStore;\r\n\r\n    React.useEffect(() => {\r\n        const sessionUrl = sessionStorage.getData(LuisConstants.StorageKeys.SessionUrlStorageKey);\r\n        /**\r\n         * The user is not signed in and has accessed a protected url. Save\r\n         * the url that the user required and automatically login.\r\n         */\r\n        if (!isSignedIn) {\r\n            sessionStorage.setData(LuisConstants.StorageKeys.SessionUrlStorageKey, location.pathname);\r\n            dispatcher.dispatch('login');\r\n\r\n            return;\r\n        }\r\n\r\n        /**\r\n         * If a session url had existed before, then redirect to that\r\n         * session url.\r\n         */\r\n        if (sessionUrl) {\r\n            sessionStorage.removeData(LuisConstants.StorageKeys.SessionUrlStorageKey);\r\n            setComponentToRender(<Redirect to={sessionUrl} />);\r\n\r\n            return;\r\n        }\r\n\r\n        setComponentToRender(<Route {...props} />);\r\n    }, [isAuthLoading, isSignedIn, location]);\r\n\r\n    return componentToRender;\r\n});\r\n\r\nPrivateRoute.displayName = 'PrivateRoute';\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { BasicModal, BasicModalProps } from 'src/core/components/BasicModal';\r\nimport { LuisTextField } from 'src/core/components/LuisTextField';\r\nimport { useFormState } from 'src/core/hooks/useFormState';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { FormValidators } from 'src/core/utils/formValidators';\r\nimport { withModalMounter } from 'src/core/utils/hocs/withModalMounter';\r\n\r\nexport type RenameModalProps = BasicModalProps<RenameModalDto> & {\r\n    /**\r\n     * The initial name of the resource to rename.\r\n     */\r\n    name: string;\r\n\r\n    /**\r\n     * The label of the name to display.\r\n     */\r\n    nameLabel?: string;\r\n\r\n    /**\r\n     * The placeholder of the description field to display.\r\n     */\r\n    descriptionPlaceholder?: string;\r\n\r\n    /**\r\n     * Indicator whether to have description field.\r\n     */\r\n    withDescription?: boolean;\r\n\r\n    /**\r\n     * The initial description of the resource to rename.\r\n     */\r\n    description?: string;\r\n\r\n    /**\r\n     * Names to be excluded in order to have unique names.\r\n     */\r\n    existingEntityNames?: string[];\r\n\r\n    /**\r\n     * max length for the new name's characters.\r\n     */\r\n    nameMaxLength?: number;\r\n};\r\n\r\nexport type RenameModalDto = {\r\n    /**\r\n     * The name after it has been mutated.\r\n     */\r\n    name: string;\r\n\r\n    /**\r\n     * The description after it has been mutated.\r\n     */\r\n    description?: string;\r\n};\r\n\r\n/**\r\n * Component strings and their localization file ids.\r\n */\r\nconst messages = defineMessages({\r\n    defaultTitle: {\r\n        id: 'core.renameModal.defaultTitle',\r\n        defaultMessage: 'Done'\r\n    },\r\n    nameLabel: {\r\n        id: 'core.renameModal.nameLabel',\r\n        defaultMessage: 'Name'\r\n    },\r\n    descriptionLabel: {\r\n        id: 'core.renameModal.descriptionLabel',\r\n        defaultMessage: 'Description'\r\n    },\r\n    namePlaceholder: {\r\n        id: 'core.renameModal.namePlaceholder',\r\n        defaultMessage: 'Type in name ...'\r\n    },\r\n    duplicatedNameErrorMessage: {\r\n        id: 'core.renameModal.duplicatedNameErrorMessage',\r\n        defaultMessage: 'This name already exists.'\r\n    }\r\n});\r\n\r\n/**\r\n * Represents a modal to be used for all rename operations on\r\n * LUIS resources.\r\n *\r\n * @param props The modal properties.\r\n */\r\nexport const RenameModal = withModalMounter((props: RenameModalProps) => {\r\n    const { localize } = useLocalization();\r\n    const {\r\n        name,\r\n        onSubmit,\r\n        description,\r\n        existingEntityNames,\r\n        dialogContentProps = {},\r\n        withDescription = false,\r\n        descriptionPlaceholder = '',\r\n        nameLabel = localize(messages.nameLabel),\r\n        nameMaxLength\r\n    } = props;\r\n\r\n    const title = dialogContentProps.title ?? localize(messages.defaultTitle);\r\n\r\n    const { formState, formStateDto, updateFormState } = useFormState<RenameModalDto>({\r\n        name: [\r\n            name,\r\n            FormValidators.createRequiredValidator(),\r\n            FormValidators.createBlacklistValidator(),\r\n            nameMaxLength ? FormValidators.createLengthValidator(nameMaxLength) : _ => undefined,\r\n            FormValidators.createDuplicateValueValidator(name)\r\n        ],\r\n        description: [description || '']\r\n    });\r\n\r\n    const duplicateErrorMessages =\r\n        existingEntityNames?.find(n => n === formState.fields.name.value) && localize(messages.duplicatedNameErrorMessage);\r\n\r\n    return (\r\n        <BasicModal\r\n            {...props}\r\n            onSubmit={() => onSubmit(formStateDto)}\r\n            dialogContentProps={{ title, ...dialogContentProps }}\r\n            valid={formState.form.valid && !duplicateErrorMessages}>\r\n            <Stack tokens={{ childrenGap: 20 }}>\r\n                <LuisTextField\r\n                    required\r\n                    autoFocus\r\n                    label={nameLabel}\r\n                    data-automation-id=\"nameInput\"\r\n                    value={formState.fields.name.value}\r\n                    placeholder={localize(messages.namePlaceholder)}\r\n                    onChange={(_, value) => updateFormState({ name: value })}\r\n                    onEnterKeyUp={() => formState.form.valid && onSubmit(formStateDto)}\r\n                    errorMessage={formState.fields.name.errorMessage || duplicateErrorMessages}\r\n                />\r\n\r\n                {withDescription && (\r\n                    <LuisTextField\r\n                        multiline\r\n                        placeholder={descriptionPlaceholder}\r\n                        data-automation-id=\"descriptionInput\"\r\n                        value={formState.fields.description.value}\r\n                        label={localize(messages.descriptionLabel)}\r\n                        onChange={(_, value) => updateFormState({ description: value })}\r\n                        onEnterKeyUp={() => formState.form.valid && onSubmit(formStateDto)}\r\n                    />\r\n                )}\r\n            </Stack>\r\n        </BasicModal>\r\n    );\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { FocusZone } from '@fluentui/react/lib/FocusZone';\r\nimport { ISelection, SelectionZone } from '@fluentui/react/lib/Selection';\r\nimport { getFirstFocusable } from '@fluentui/react/lib/Utilities';\r\nimport * as React from 'react';\r\nimport { getStylist } from 'src/core/themes/luisStylist';\r\nimport { LuisKeyCodes } from 'src/core/utils/keyCodes';\r\n\r\nexport type TagContainerProps<T> = React.PropsWithChildren<{\r\n    /**\r\n     * The selection object used to govern the\r\n     * selection zone.\r\n     */\r\n    selection?: ISelection;\r\n\r\n    /**\r\n     * A callback when selected items are removed.\r\n     */\r\n    onRemoveItems?: (items: T[]) => void;\r\n\r\n    /**\r\n     * A callback when esc is pressed.\r\n     */\r\n    onEscPress?: () => void;\r\n}>;\r\n\r\nconst { styleDiv } = getStylist('TagContainer');\r\nconst ChildrenContainer = styleDiv('Container', { display: 'flex', flexFlow: 'row wrap', alignItems: 'center' });\r\n\r\n/**\r\n * Represents a generic container for tags. Mostly used with\r\n * phrase list and list entity suggestions.\r\n *\r\n * Requires that tag children contain a data-is-tag attribute for\r\n * accessibility to work correctly.\r\n *\r\n * @param props The container input.\r\n */\r\nexport const TagContainer = <T extends object>(props: TagContainerProps<T>) => {\r\n    const { selection, onRemoveItems, onEscPress } = props;\r\n    const focusZoneRef = React.useRef<any>();\r\n    const tagContainerRef = React.useRef<HTMLDivElement>();\r\n    const hasTagChildren = tagContainerRef.current?.querySelector('[role=\"listitem\"]') !== null;\r\n\r\n    /**\r\n     * Checks if selected items were deleted via the delete or backspace\r\n     * buttons. If that is the case, the remove items callback is issued.\r\n     *\r\n     * @param event The key up event.\r\n     */\r\n    const onKeyUp = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n        if (event.key === LuisKeyCodes.Escape && onEscPress) {\r\n            onEscPress();\r\n            return;\r\n        }\r\n\r\n        if (!selection) {\r\n            return;\r\n        }\r\n\r\n        if (event.key !== 'Delete' && event.key !== 'Backspace') {\r\n            return;\r\n        }\r\n\r\n        if (!selection.getSelectedCount()) {\r\n            return;\r\n        }\r\n\r\n        if (onRemoveItems) {\r\n            onRemoveItems(selection.getSelection() as T[]);\r\n        }\r\n    };\r\n\r\n    const tagsContainer = () => (\r\n        <div ref={tagContainerRef}>\r\n            <ChildrenContainer aria-label=\"list\" role={hasTagChildren ? 'list' : undefined}>\r\n                {props.children}\r\n            </ChildrenContainer>\r\n        </div>\r\n    );\r\n\r\n    return (\r\n        <FocusZone\r\n            onKeyUp={onKeyUp}\r\n            onBlur={onEscPress}\r\n            data-is-focusable=\"true\"\r\n            componentRef={focusZoneRef}\r\n            onFocusCapture={_e => {\r\n                if (focusZoneRef.current?._root.current === _e.target) {\r\n                    getFirstFocusable(tagContainerRef.current, tagContainerRef.current, true)?.focus();\r\n                }\r\n            }}>\r\n            {selection ? <SelectionZone selection={selection}>{tagsContainer()}</SelectionZone> : tagsContainer()}\r\n        </FocusZone>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ITextField, ITextFieldStyleProps, ITextFieldStyles } from '@fluentui/react/lib/TextField';\r\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisTextField } from 'src/core/components/LuisTextField';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\n\r\nexport type TagInputFieldProps = {\r\n    /**\r\n     * An array of characters that if pressed, will\r\n     * be considered as a submission to the value.\r\n     * Examples include 'Enter', 'comma', etc.\r\n     */\r\n    submitChars: string[];\r\n\r\n    /**\r\n     * Callback for when the field is empty and a\r\n     * backspace key was pressed.\r\n     */\r\n    onEmptyFieldBackspace: () => void;\r\n\r\n    /**\r\n     * Callback for when the field is submitted using\r\n     * one of the characters defined in the submit\r\n     * chars parameter.\r\n     */\r\n    onSubmit: (value: string[]) => void;\r\n\r\n    /**\r\n     * Whether the user can add values.\r\n     */\r\n    isAddingValuesDisabled?: boolean;\r\n\r\n    /**\r\n     * Whether the value is required or not.\r\n     */\r\n    isRequired?: boolean;\r\n\r\n    /**\r\n     * weather autofocus enabled or not\r\n     */\r\n    autoFocus?: boolean;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    fieldPlaceholder: {\r\n        id: 'core.tagInputField.fieldPlaceholder',\r\n        defaultMessage: 'Type in value and press enter...'\r\n    },\r\n    fieldAriaLabel: {\r\n        id: 'core.tagInputField.fieldAriaLabel',\r\n        defaultMessage: 'Type in value and press enter'\r\n    }\r\n});\r\n\r\nconst getClassName = classNamesFunction<ITextFieldStyleProps, ITextFieldStyles>();\r\n\r\nconst fabricFieldClassName = getClassName({\r\n    field: {\r\n        fontSize: '12px',\r\n        width: '200px',\r\n        selectors: { '::placeholder': { fontSize: '12px' } }\r\n    },\r\n    fieldGroup: {\r\n        backgroundColor: 'transparent',\r\n        height: '26px'\r\n    }\r\n});\r\n\r\nconst disabledFabricClassName = getClassName({\r\n    field: {\r\n        fontSize: '12px',\r\n        width: '200px',\r\n        selectors: { '::placeholder': { fontSize: '12px' } },\r\n        backgroundColor: 'transparent'\r\n    },\r\n    fieldGroup: {\r\n        backgroundColor: 'transparent',\r\n        height: '26px'\r\n    }\r\n});\r\n\r\n/**\r\n * Represents an input field suitable for use with tags\r\n * inputting and management.\r\n *\r\n * @param props The input for the text field.\r\n */\r\nexport const TagInputField = React.forwardRef(\r\n    (props: TagInputFieldProps, phraseListValuesContainerRef: React.MutableRefObject<ITextField>) => {\r\n        const {\r\n            submitChars = ['Enter', ','],\r\n            onEmptyFieldBackspace,\r\n            onSubmit,\r\n            isAddingValuesDisabled,\r\n            isRequired = false,\r\n            autoFocus = true\r\n        } = props;\r\n        const [fieldValue, setFieldValue] = React.useState<string>('');\r\n        const { localize } = useLocalization();\r\n\r\n        /**\r\n         * Reacts to the key down event based on the following rules:\r\n         *\r\n         * - If one of the submission keys was pressed, the value\r\n         *   is submitted.\r\n         * - If Escape was pressed, the value of the field is cleared.\r\n         * - If Backspace was pressed and the field is empty, the\r\n         *   empty clear callback is fired.\r\n         *\r\n         * Using key down event here to fire the callback after the setFieldValue fires\r\n         * and prevent the conflicts.\r\n         *\r\n         * @param event The event that caused the callback to fire.\r\n         */\r\n        const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n            if (submitChars.find(c => c === event.key)) {\r\n                const inputVal = fieldValue.trim();\r\n                if (!inputVal) {\r\n                    setFieldValue('');\r\n\r\n                    return;\r\n                }\r\n                setFieldValue('');\r\n                onSubmit([inputVal]);\r\n            } else if (event.key === 'Escape' && fieldValue.length) {\r\n                setFieldValue('');\r\n            } else if (event.key === 'Backspace' && fieldValue.length === 0) {\r\n                onEmptyFieldBackspace();\r\n            }\r\n        };\r\n\r\n        /**\r\n         * Reacts to losing focus from the text field based on the following rules:\r\n         *\r\n         * If focus is lost while there is new text written, it is submitted as a new entry\r\n         * If foucs is lost either while the field is empty or duplicate text, it is cleared\r\n         */\r\n\r\n        const onBlur = (): void => {\r\n            const inputVal = fieldValue.trim();\r\n            if (!inputVal) {\r\n                setFieldValue('');\r\n\r\n                return;\r\n            }\r\n            setFieldValue('');\r\n            onSubmit([inputVal]);\r\n        };\r\n\r\n        /**\r\n         * Checks if the pasted data is of text type, and if so, splits\r\n         * on the commas.\r\n         *\r\n         * @param event The paste event that was fired by the field.\r\n         */\r\n        const onPaste = (event: React.ClipboardEvent<HTMLInputElement>): void => {\r\n            setFieldValue('');\r\n            event.preventDefault();\r\n            const pasteData = event.clipboardData;\r\n\r\n            if (pasteData.types.indexOf('text/plain') === -1) {\r\n                return;\r\n            }\r\n\r\n            const text = pasteData.getData('text/plain');\r\n            const items = text\r\n                .split(',')\r\n                .map(value => value.trim())\r\n                .filter(value => value.length);\r\n\r\n            onSubmit(items);\r\n        };\r\n\r\n        return (\r\n            <LuisTextField\r\n                data-automation-id=\"typeValueTextarea\"\r\n                borderless\r\n                autoFocus={autoFocus}\r\n                onPaste={onPaste}\r\n                value={fieldValue}\r\n                onKeyDown={onKeyDown}\r\n                onBlur={onBlur}\r\n                styles={isAddingValuesDisabled ? disabledFabricClassName : fabricFieldClassName}\r\n                ref={phraseListValuesContainerRef}\r\n                ariaLabel={localize(messages.fieldAriaLabel)}\r\n                placeholder={!isAddingValuesDisabled ? localize(messages.fieldPlaceholder) : ''}\r\n                onChange={(_, value) => (submitChars.find(c => c === value) ? null : setFieldValue(value))}\r\n                disabled={isAddingValuesDisabled}\r\n                required={isRequired}\r\n            />\r\n        );\r\n    }\r\n);\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ISeparatorStyleProps, ISeparatorStyles } from '@fluentui/react/lib/Separator';\r\nimport { mergeStyleSets } from '@fluentui/react/lib/Styling';\r\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\r\nimport * as React from 'react';\r\nimport { LuisSeparator } from 'src/core/components/LuisSeparator';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\n\r\nexport type LuisStepperSeparatorProps = {\r\n    isNumeric: boolean;\r\n    horizontal: boolean;\r\n    isCompleted: boolean;\r\n    isContainerFullWidth?: boolean;\r\n};\r\n\r\nconst stepperTheme = getScopedTheme('LuisStepper');\r\nconst separatorStyler = classNamesFunction<ISeparatorStyleProps, ISeparatorStyles>();\r\n\r\nconst horizontalStyles = separatorStyler({ root: { paddingTop: '20px !important', width: 'auto' } });\r\nconst completedStyles = separatorStyler({\r\n    root: {\r\n        selectors: {\r\n            '&::after': { width: '2px', backgroundColor: `${stepperTheme.defaultColor} !important` },\r\n            '&::before': { height: '2px', backgroundColor: `${stepperTheme.defaultColor} !important` }\r\n        }\r\n    }\r\n});\r\nconst nonCompletedStyles = separatorStyler({\r\n    root: {\r\n        width: '100%',\r\n        selectors: {\r\n            '&::after': { width: '2px', backgroundColor: `${stepperTheme.inactiveSeparatorColor} !important` },\r\n            '&::before': { height: '2px', backgroundColor: `${stepperTheme.inactiveSeparatorColor} !important` }\r\n        }\r\n    }\r\n});\r\n\r\nexport const LuisStepperSeparator = (props: LuisStepperSeparatorProps) => {\r\n    const { isNumeric, horizontal, isCompleted, isContainerFullWidth = true } = props;\r\n    const verticalStyles = separatorStyler({\r\n        root: { paddingLeft: isContainerFullWidth && `${isNumeric ? 40 : 12}px !important`, height: isContainerFullWidth ? '36px' : '100%' }\r\n    });\r\n\r\n    return (\r\n        <LuisSeparator\r\n            vertical={!horizontal}\r\n            styles={mergeStyleSets(nonCompletedStyles, isCompleted && completedStyles, horizontal ? horizontalStyles : verticalStyles)}\r\n        />\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { IComponentStyles } from '@fluentui/foundation-legacy';\r\nimport { DefaultButton, IButtonProps, IButtonStyles } from '@fluentui/react/lib/Button';\r\nimport { Icon, IIconStyleProps, IIconStyles } from '@fluentui/react/lib/Icon';\r\nimport { IStackProps, IStackSlots, Stack, StackItem } from '@fluentui/react/lib/Stack';\r\nimport { mergeStyleSets } from '@fluentui/react/lib/Styling';\r\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisStepper } from 'src/core/components/luisStepper/LuisStepper';\r\nimport { LuisStepperSeparator } from 'src/core/components/luisStepper/LuisStepperSeparator';\r\nimport { LuisText } from 'src/core/components/LuisText';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\n\r\nexport type LuisStepperStepProps = LuisStepperStepType & {\r\n    index: number;\r\n    depth: number;\r\n    stepsCount: number;\r\n    horizontal?: boolean;\r\n    onStepClick: (key: string) => void;\r\n};\r\n\r\nexport type LuisStepperStepType = {\r\n    id: string;\r\n    title?: string;\r\n    disabled?: boolean;\r\n    optional?: boolean;\r\n    isNumeric?: boolean;\r\n    children?: LuisStepperStepType[];\r\n    stepButtonProps?: IButtonProps;\r\n    state: 'active' | 'completed' | 'none';\r\n    onRenderStepLabel?: () => React.ReactNode;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    optional: {\r\n        id: 'portal.luisStepper.optional',\r\n        defaultMessage: 'optional'\r\n    }\r\n});\r\n\r\nconst stepperTheme = getScopedTheme('LuisStepper');\r\nconst buttonStyler = classNamesFunction<IButtonProps, IButtonStyles>();\r\nconst stackStyler = classNamesFunction<IStackProps, IComponentStyles<IStackSlots>>();\r\n\r\nconst expandingContainerWidthStyles = stackStyler({ root: { width: '100%' } });\r\nconst separatorContainerStyles = stackStyler({ root: { width: '100%', marginBottom: '4px' } });\r\nconst verticalStepButtonStyles = buttonStyler({ root: { maxHeight: '40px' }, flexContainer: { alignItems: 'stretch' } });\r\nconst numericIconContainer = stackStyler({\r\n    root: { border: `1px solid ${stepperTheme.defaultColor}`, borderRadius: '50%', width: '40px', height: '40px' }\r\n});\r\n\r\nconst noneIconStyles = classNamesFunction<IIconStyleProps, IIconStyles>()({ root: { color: stepperTheme.noneStepIconColor } });\r\nconst stepIconStyles = classNamesFunction<IIconStyleProps, IIconStyles>()({\r\n    root: { fontWeight: 700, color: stepperTheme.defaultColor, paddingTop: '3px' }\r\n});\r\nconst stepButtonStyles = buttonStyler({\r\n    rootHovered: { backgroundColor: 'transparent' },\r\n    rootPressed: { backgroundColor: 'transparent' },\r\n    rootDisabled: { backgroundColor: 'transparent', color: stepperTheme.disabledStepColor },\r\n    root: { padding: 0, border: 'none', maxHeight: '100%', height: 'auto', minWidth: 'auto', maxWidth: '100%' }\r\n});\r\n\r\n/**\r\n * Returns the corresponding icon name to the given step status.\r\n */\r\nconst getIconName = (status: LuisStepperStepProps['state'], depth: number): string => {\r\n    if (depth > 0) {\r\n        switch (status) {\r\n            case 'active':\r\n            case 'completed':\r\n            case 'none':\r\n            default:\r\n                return 'LocationDot';\r\n        }\r\n    }\r\n\r\n    switch (status) {\r\n        case 'active':\r\n            return 'CircleFill';\r\n        case 'completed':\r\n            return 'CompletedSolid';\r\n        case 'none':\r\n        default:\r\n            return 'CircleRing';\r\n    }\r\n};\r\n\r\nexport const LuisStepperStep = (props: LuisStepperStepProps) => {\r\n    const {\r\n        id,\r\n        index,\r\n        title,\r\n        state,\r\n        depth,\r\n        disabled,\r\n        optional,\r\n        horizontal,\r\n        stepsCount,\r\n        onStepClick,\r\n        children = [],\r\n        stepButtonProps,\r\n        isNumeric = false,\r\n        onRenderStepLabel\r\n    } = props;\r\n    const { localize } = useLocalization();\r\n\r\n    const hasInnerStepper = children.length > 0 && state === 'active';\r\n    const isLastStep = index === stepsCount - 1;\r\n\r\n    const renderInternalSeparator = (hide: boolean) =>\r\n        !hide && (\r\n            <Stack grow verticalAlign=\"stretch\">\r\n                <LuisStepperSeparator\r\n                    isNumeric={isNumeric}\r\n                    horizontal={horizontal}\r\n                    isContainerFullWidth={false}\r\n                    isCompleted={state === 'completed'}\r\n                />\r\n            </Stack>\r\n        );\r\n\r\n    return (\r\n        <Stack\r\n            grow\r\n            verticalAlign=\"start\"\r\n            horizontalAlign=\"start\"\r\n            horizontal={horizontal}\r\n            data-automation-id={id}\r\n            tokens={{ childrenGap: !horizontal && !isNumeric && 4 }}>\r\n            <DefaultButton\r\n                disabled={disabled}\r\n                onClick={() => onStepClick && onStepClick(id)}\r\n                {...stepButtonProps}\r\n                styles={mergeStyleSets(\r\n                    stepButtonStyles,\r\n                    !horizontal && verticalStepButtonStyles,\r\n                    stepButtonProps && stepButtonProps.styles\r\n                )}>\r\n                <Stack\r\n                    horizontal={!horizontal}\r\n                    tokens={{ childrenGap: 12 }}\r\n                    styles={expandingContainerWidthStyles}\r\n                    verticalAlign={horizontal ? 'center' : 'stretch'}>\r\n                    <Stack\r\n                        horizontal={horizontal}\r\n                        verticalAlign=\"stretch\"\r\n                        verticalFill={!horizontal}\r\n                        tokens={{ childrenGap: 4 }}\r\n                        styles={horizontal && expandingContainerWidthStyles}>\r\n                        {renderInternalSeparator(!horizontal || index === 0)}\r\n                        {isNumeric ? (\r\n                            <Stack verticalAlign=\"center\" horizontalAlign=\"center\" styles={numericIconContainer}>\r\n                                <LuisText color={stepperTheme.defaultColor} variant=\"large\" lineHeight=\"24px\">\r\n                                    {index + 1}\r\n                                </LuisText>\r\n                            </Stack>\r\n                        ) : (\r\n                            <Icon\r\n                                iconName={getIconName(state, depth)}\r\n                                styles={mergeStyleSets(stepIconStyles, state === 'none' && noneIconStyles)}\r\n                            />\r\n                        )}\r\n                        {horizontal && renderInternalSeparator(isLastStep)}\r\n                    </Stack>\r\n\r\n                    {onRenderStepLabel ? (\r\n                        onRenderStepLabel()\r\n                    ) : (\r\n                        <Stack\r\n                            data-automation-id=\"stepTitle\"\r\n                            horizontalAlign={horizontal ? 'center' : 'start'}\r\n                            styles={{ root: { display: 'inline-block', overflow: horizontal ? 'unset' : 'hidden' } }}>\r\n                            <LuisText\r\n                                title={title}\r\n                                fontWeight={state === 'active' && 600}\r\n                                variant={horizontal ? 'small' : 'medium'}\r\n                                styles={!horizontal && { root: { whiteSpace: 'nowrap' } }}>\r\n                                {title}\r\n                            </LuisText>\r\n\r\n                            {optional && <LuisText styles={{ root: { fontStyle: 'italic' } }}>({localize(messages.optional)})</LuisText>}\r\n                        </Stack>\r\n                    )}\r\n                </Stack>\r\n            </DefaultButton>\r\n\r\n            {!isLastStep && (\r\n                <StackItem styles={separatorContainerStyles}>\r\n                    <LuisStepperSeparator isNumeric={isNumeric} horizontal={horizontal} isCompleted={state === 'completed'} />\r\n                </StackItem>\r\n            )}\r\n\r\n            {hasInnerStepper && <LuisStepper steps={children} depth={depth + 1} horizontal={horizontal} onStepClick={onStepClick} />}\r\n\r\n            {hasInnerStepper && !isLastStep && (\r\n                <StackItem styles={separatorContainerStyles}>\r\n                    <LuisStepperSeparator\r\n                        isNumeric={isNumeric}\r\n                        horizontal={horizontal}\r\n                        isCompleted={children.every(child => child.state === 'completed')}\r\n                    />\r\n                </StackItem>\r\n            )}\r\n        </Stack>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport * as React from 'react';\r\nimport { LuisStepperStep, LuisStepperStepType } from 'src/core/components/luisStepper/LuisStepperStep';\r\nimport { getStylist } from 'src/core/themes/luisStylist';\r\n\r\nexport type LuisStepperProps = {\r\n    /**\r\n     * The list of steps to navigate through.\r\n     */\r\n    steps: LuisStepperStepType[];\r\n\r\n    /**\r\n     * Denotes whether the stepper is a parent\r\n     * (depth 0) or an inner stepper (depth > 0)\r\n     */\r\n    depth?: number;\r\n\r\n    /**\r\n     * Indicates if the steps aligning is\r\n     * horizontal or vertical.\r\n     */\r\n    horizontal?: boolean;\r\n\r\n    /**\r\n     * A callback fires when a step is clicked.\r\n     */\r\n    onStepClick?: (stepKey: string) => void;\r\n};\r\n\r\nconst { styleDiv } = getStylist('LuisStepper');\r\nconst StepContainer = styleDiv<{ width: number }>('StepContainer', {}, ({ customProps }) => ({ width: `${customProps.width}%` }));\r\n\r\n/**\r\n * Represents the stepper component with ability to be horizontal or vertical.\r\n */\r\nexport const LuisStepper = (props: LuisStepperProps) => {\r\n    const { horizontal, steps, depth = 0, onStepClick } = props;\r\n\r\n    return (\r\n        <Stack horizontal={horizontal}>\r\n            {steps.map((step, index) => (\r\n                <StepContainer key={step.id} customProps={horizontal && { width: 100 / steps.length }}>\r\n                    <LuisStepperStep\r\n                        {...step}\r\n                        id={step.id}\r\n                        index={index}\r\n                        depth={depth}\r\n                        horizontal={horizontal}\r\n                        stepsCount={steps.length}\r\n                        onStepClick={onStepClick}\r\n                    />\r\n                </StepContainer>\r\n            ))}\r\n        </Stack>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport * as React from 'react';\r\n\r\nexport const useDocumentEventHandler = <K extends keyof DocumentEventMap>(\r\n    eventType: K,\r\n    listener: (this: Document, ev: DocumentEventMap[K]) => void\r\n): void => {\r\n    React.useEffect(() => {\r\n        document.addEventListener(eventType, listener);\r\n\r\n        return () => document.removeEventListener(eventType, listener);\r\n    }, [listener]);\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport * as React from 'react';\r\n\r\n/**\r\n * A hook used to store the previous value of a state from a\r\n * previous render cycle. Useful for comparing this cycle's\r\n * state value and the previous ones.\r\n *\r\n * @param value The value to track.\r\n * @param transform An optional function to apply before assigning\r\n * the new value when it changes.\r\n * @param initialValue An optional initial value to add to the ref.\r\n * @returns A reference to the value in the previous render cycle.\r\n */\r\nexport const usePrevious = <T>(value: T, transform?: (val: T) => T, initialValue?: T) => {\r\n    const ref = React.useRef<T>(initialValue);\r\n\r\n    React.useEffect(() => {\r\n        if (transform) {\r\n            ref.current = transform(value);\r\n        } else {\r\n            ref.current = value;\r\n        }\r\n    }, [value]);\r\n\r\n    return ref.current;\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Primitive } from 'c3';\r\nimport { ChartAxisData, ConfusionMatrixYAxis } from 'src/core/types/chart';\r\n\r\n/**\r\n * Transforms the given data to suit the format of the line chart data which is:\r\n * [[xAxisLabel, ...xData], [yAxisLabel, ...yData]]\r\n *\r\n * @param xData The x axis data.\r\n * @param yData The y axis data.\r\n */\r\nexport const transformLineChartData = <X extends Primitive>(\r\n    xData: ChartAxisData<X>,\r\n    yData: ChartAxisData<number>\r\n): [string, ...(X | number)[]][] =>\r\n    isZeroedLineChartData(yData)\r\n        ? []\r\n        : [\r\n              [xData.label, ...xData.data],\r\n              [yData.label, ...yData.data]\r\n          ];\r\n\r\n/**\r\n * Transforms the given data to suit the format of the donut chart data which is:\r\n * [xAxisValue, yAxisValue][]\r\n *\r\n * @param xData The x axis data.\r\n * @param yData The y axis data.\r\n */\r\nexport const transformDonutChartData = <X extends Primitive>(xData: ChartAxisData<X>, yData: ChartAxisData<number>): [X, number][] =>\r\n    xData.data.map((item, index) => [item, yData.data[index]]);\r\n/**\r\n * Transforms the given data to suit the format of the stacked bar chart data which is:\r\n * [groupName, ...yData[groupIndex][]\r\n *\r\n * @param groups The groups that separates the y data.\r\n * @param yData The y axis data.\r\n */\r\nexport const transformStackedBarChartData = (groups: string[], yData: ChartAxisData<number[]>): [string, ...number[]][] => {\r\n    const ret: [string, ...number[]][] = groups.map((groupName, groupIndex) =>\r\n        yData.data[groupIndex] && yData.data[groupIndex].length > 0 ? [groupName, ...yData.data[groupIndex]] : ['noGroup']\r\n    );\r\n    const totalLength: number = ret.reduce((acc, value) => acc + (value.length > 1 ? 0 : 1), 0);\r\n\r\n    return totalLength === ret.length ? [] : ret;\r\n};\r\n\r\n/**\r\n * Transforms the given data to suit the format of the confusion matrix chart data which is:\r\n * [[xAxisLabel, ...xData], [yAxisLabel, ...yData]].\r\n *\r\n * @param xData The x axis data.\r\n * @param yData The y axis data.\r\n */\r\nexport const transformConfusionMatrixChartData = (\r\n    xData: ChartAxisData<number>,\r\n    yData: ChartAxisData<ConfusionMatrixYAxis>\r\n): [string, ...Primitive[]][] => [\r\n    [xData.label, ...xData.data],\r\n    [yData.label, ...yData.data.map(d => d.score)]\r\n];\r\n\r\n/**\r\n * Checks if the total sum of the y axis data is zero for line chart.\r\n *\r\n * @param data The data to be checked.\r\n */\r\nconst isZeroedLineChartData = (data: ChartAxisData<number>): boolean => data.data.reduce((acc, val) => acc + val, 0) === 0;\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ICommandBarItemProps } from '@fluentui/react/lib/CommandBar';\r\n\r\n/**\r\n * This utility function centralizes the management of command bar item disability\r\n * based on the current selection count of the resource table the command bar\r\n * is currently on.\r\n *\r\n * @param commands An array of commands that the command bar supports.\r\n * @param noneKeys The command keys that are to be enabled when no items are selected.\r\n * @param singleKeys The command keys that are to be enabled when one item are selected.\r\n * @param multiKeys The command keys that are to be enabled when multiple items are selected.\r\n * @param selectionCount The number of selected items.\r\n * @returns All the commands edited with the disable prop.\r\n */\r\nexport const commandBarItemSelectionManager = (\r\n    commands: ICommandBarItemProps[],\r\n    noneKeys: string[],\r\n    singleKeys: string[],\r\n    multiKeys: string[],\r\n    selectionCount: number\r\n): ICommandBarItemProps[] => {\r\n    let keySet: string[] = [];\r\n\r\n    if (selectionCount === 0) {\r\n        keySet = noneKeys;\r\n    } else if (selectionCount === 1) {\r\n        keySet = singleKeys;\r\n    } else if (selectionCount > 1) {\r\n        keySet = multiKeys;\r\n    }\r\n\r\n    commands\r\n        .filter(command => keySet.indexOf(command.key) === -1)\r\n        .forEach(command => {\r\n            command.disabled = true;\r\n        });\r\n\r\n    return commands;\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\n/**\r\n * Formate the date with the given formate type.\r\n *\r\n * @param date The date to be formatted.\r\n * @param formateType The type of the format, default = 'dd/mm/yyyy'\r\n */\r\nexport const getFormattedDate = (date: Date): string => {\r\n    if (!date) {\r\n        return;\r\n    }\r\n\r\n    const day = date.getDate();\r\n    // Note that:getMonth returns the month zero-based.\r\n    const month = date.getMonth() + 1;\r\n    const year = date.getFullYear();\r\n\r\n    return `${day}/${month}/${year}`;\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nexport const ctrlKey = (e: KeyboardEvent) => e.ctrlKey || e.metaKey;\r\nexport const undoKey = (e: KeyboardEvent) => ctrlKey(e) && !e.shiftKey && e.key.toLowerCase() === 'z';\r\nexport const redoKey = (e: KeyboardEvent) => ctrlKey(e) && e.shiftKey && e.key.toLowerCase() === 'z';\r\nexport const selectAllKey = (e: KeyboardEvent) => ctrlKey(e) && e.key.toLowerCase() === 'a';\r\nexport const copyKey = (e: KeyboardEvent) => ctrlKey(e) && e.key.toLowerCase() === 'c';\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { defineMessages } from 'react-intl';\r\nimport { ModelType } from 'src/luis/types/ModelType';\r\n\r\nconst messages = defineMessages({\r\n    regex: {\r\n        id: 'luis.entities.translatedText.regex',\r\n        defaultMessage: 'regex'\r\n    },\r\n    patternAny: {\r\n        id: 'luis.entities.translatedText.patternAny',\r\n        defaultMessage: 'Pattern.Any'\r\n    },\r\n    list: {\r\n        id: 'luis.entities.translatedText.list',\r\n        defaultMessage: 'list'\r\n    },\r\n    composite: {\r\n        id: 'luis.entities.translatedText.composite',\r\n        defaultMessage: 'composite'\r\n    },\r\n    hierarchical: {\r\n        id: 'luis.entities.translatedText.hierarchical',\r\n        defaultMessage: 'hierarchical'\r\n    },\r\n    prebuilt: {\r\n        id: 'luis.entities.translatedText.prebuilt',\r\n        defaultMessage: 'prebuilt'\r\n    },\r\n    simple: {\r\n        id: 'luis.entities.translatedText.simple',\r\n        defaultMessage: 'machine learned'\r\n    },\r\n    role: {\r\n        id: 'luis.entities.translatedText.role',\r\n        defaultMessage: 'role'\r\n    }\r\n});\r\n\r\nexport const getTranslatedEntityType = (modelType: ModelType, localize: ReactIntl.InjectedIntl['formatMessage']) => {\r\n    switch (modelType) {\r\n        case ModelType.Composite:\r\n            return localize(messages.composite);\r\n        case ModelType.HierarchicalChild:\r\n        case ModelType.Hierarchical:\r\n            return localize(messages.hierarchical);\r\n        case ModelType.List:\r\n            return localize(messages.list);\r\n        case ModelType.PatternAny:\r\n            return localize(messages.patternAny);\r\n        case ModelType.Prebuilt:\r\n            return localize(messages.prebuilt);\r\n        case ModelType.Regex:\r\n            return localize(messages.regex);\r\n        case ModelType.Simple:\r\n            return localize(messages.simple);\r\n        case ModelType.Role:\r\n            return localize(messages.role);\r\n        default:\r\n            return '';\r\n    }\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu';\r\nimport { getId } from '@fluentui/react/lib/Utilities';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\n\r\nconst theme = getScopedTheme('EntityDropdown');\r\n\r\n/**\r\n * A function that generates an empty list item.\r\n */\r\nexport const getNotFoundItem = ({\r\n    text,\r\n    onClick,\r\n    secondaryText\r\n}: Pick<IContextualMenuItem, 'text' | 'onClick' | 'secondaryText'>): IContextualMenuItem => ({\r\n    key: getId('newEntity'),\r\n    text,\r\n    secondaryText,\r\n    onClick,\r\n    disabled: !onClick,\r\n    itemProps: {\r\n        styles: {\r\n            secondaryText: {\r\n                paddingLeft: 0,\r\n                flexGrow: 1,\r\n                textAlign: theme.secondaryTextAlign,\r\n                fontStyle: 'italic'\r\n            },\r\n            label: { flexGrow: 0 }\r\n        }\r\n    }\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Property } from 'csstype';\r\nimport { getScopedTheme, getStylist } from 'src/core/themes/luisStylist';\r\n\r\nconst { styleComponent, styleDiv } = getStylist('Dashboard');\r\nconst legendTheme = getScopedTheme('Dashboard');\r\n\r\nexport const Row = styleDiv('Row', { display: 'table-row', verticalAlign: 'middle' });\r\n\r\nexport const EmptyRow = styleComponent(Row)('EmptyRow', theme => ({ height: theme.emptyRowHeight }));\r\n\r\nexport const StatsText = styleDiv<{ bold?: boolean; font?: string; lineHeight?: string }>(\r\n    'StatsText',\r\n    {},\r\n    ({ customProps: { bold, font, lineHeight } }, theme) => ({\r\n        textAlign: 'right',\r\n        display: 'table-cell',\r\n        letterSpacing: theme.largeLetterSpacing,\r\n        fontSize: font || legendTheme.labelFontSize,\r\n        lineHeight: lineHeight || legendTheme.mediumLineHeight,\r\n        fontWeight: bold ? (theme.boldFont as Property.FontWeight) : (theme.semiboldFont as Property.FontWeight)\r\n    })\r\n);\r\n\r\nexport const ComparisonItem = styleDiv<{ isBadResult?: boolean; rowType: 'predictions' | 'stats' }>(\r\n    'ComparisonItem',\r\n    {},\r\n    ({ customProps: { isBadResult, rowType } }, theme) => {\r\n        const result = {\r\n            fontStyle: 'italic',\r\n            display: 'table-cell',\r\n            fontSize: theme.xSmallFont,\r\n            lineHeight: theme.largeLineHeight,\r\n            width: theme.comparisonLegendItemWidth,\r\n            letterSpacing: theme.xLargeLetterSpacing,\r\n            paddingLeft: theme.comparisonLegendItemSpacing,\r\n            fontWeight: theme.boldFont as Property.FontWeight\r\n        };\r\n\r\n        switch (rowType) {\r\n            case 'predictions':\r\n                return { ...result, color: isBadResult ? theme.badComparisonColor : theme.goodComparisonColor };\r\n            case 'stats':\r\n                return { ...result, color: theme.statsComparisonColor };\r\n            default:\r\n        }\r\n    }\r\n);\r\n\r\nexport const LegendLabel = styleDiv('Label', theme => ({\r\n    display: 'table-cell',\r\n    verticalAlign: 'middle',\r\n    fontSize: theme.mediumFontSize,\r\n    paddingLeft: theme.legendSpacing,\r\n    lineHeight: theme.largeLineHeight,\r\n    letterSpacing: theme.mediumLetterSpacing,\r\n    $nest: {\r\n        button: {\r\n            verticalAlign: 'middle'\r\n        }\r\n    }\r\n}));\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ICalloutProps, Target } from '@fluentui/react/lib/Callout';\r\nimport { getEventBus } from 'src/core/utils/eventBus';\r\nimport { LuisConstants } from 'src/core/utils/LuisConstants';\r\nimport { TeachingBubbleDto, TeachingBubblesKeys } from 'src/luis/projects/events/types/TeachingBubbleDto';\r\n\r\nconst eventBus = getEventBus();\r\n\r\n/**\r\n * Helper function that wraps the event bus emission that's responsible for queueing teaching bubbles.\r\n */\r\nexport const queueTeachingBubble = (teachingBubbleDto: TeachingBubbleDto) => eventBus.emit('queueTeachingBubble', teachingBubbleDto);\r\n\r\n/**\r\n * Helper function that wraps the event bus emission that's responsible for dequeueing teaching bubbles.\r\n */\r\nexport const dequeueTeachingBubble = (key: TeachingBubblesKeys) => eventBus.emit('dequeueTeachingBubble', key);\r\n\r\n/**\r\n * Helper function that wraps the creation of teaching bubbles.\r\n */\r\nexport const createTeachingBubble = (\r\n    key: TeachingBubblesKeys,\r\n    body: string,\r\n    title: string,\r\n    target: Target,\r\n    hasGotIt?: boolean,\r\n    hasSkip?: boolean,\r\n    calloutProps?: ICalloutProps,\r\n    onDismiss?: () => void\r\n) => {\r\n    queueTeachingBubble({\r\n        key,\r\n        message: {\r\n            body,\r\n            title\r\n        },\r\n        config: {\r\n            target,\r\n            delay: LuisConstants.TeachingBubblesDelay,\r\n            ...(Boolean(calloutProps) && { calloutProps })\r\n        },\r\n        hasGotIt,\r\n        hasSkip,\r\n        onDismiss\r\n    });\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Property } from 'csstype';\r\nimport { getStylist } from 'src/core/themes/luisStylist';\r\n\r\nconst { styleDiv } = getStylist('TestBladeHeader');\r\n\r\nexport const TestBladeHeader = styleDiv('TestBladeHeader', theme => ({\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    height: 32,\r\n    fontWeight: theme.headerFontWeight as Property.FontWeight,\r\n    fontSize: theme.headerFontSize,\r\n    $nest: {\r\n        '& *': {\r\n            fontWeight: theme.headerFontWeight as Property.FontWeight\r\n        }\r\n    }\r\n}));\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { action, computed, observable } from 'mobx';\r\nimport { LuisId } from 'src/luis/types/Resource';\r\nimport { EntityRoleStore } from 'src/luis/types/stores/entities/EntityRoleStore';\r\nimport { EntityStore } from 'src/luis/types/stores/entities/EntityStore';\r\n\r\nexport type BrushAttachedData = {\r\n    normalizedValue: string;\r\n    entity: EntityStore;\r\n    parentEntity?: EntityStore;\r\n    role?: EntityRoleStore;\r\n};\r\n\r\n/**\r\n * Reactive store encapsulate all the brush labeling UI states.\r\n */\r\nexport class BrushStore {\r\n    @observable\r\n    public currentUtteranceId: LuisId;\r\n\r\n    @observable\r\n    public hoveredEntitiesIds: string[];\r\n\r\n    @observable\r\n    private isValidState: boolean;\r\n\r\n    constructor() {\r\n        this.currentUtteranceId = null;\r\n        this.hoveredEntitiesIds = [];\r\n        this.isValidState = false;\r\n    }\r\n\r\n    /**\r\n     * Setter for the current utterance id.\r\n     */\r\n    @action\r\n    public setCurrentUtteranceId(uid: LuisId) {\r\n        this.currentUtteranceId = uid;\r\n    }\r\n\r\n    /**\r\n     * Setter for the hovered entities ids.\r\n     */\r\n    @action\r\n    public setHoveredEntitiesIds(entitiesIds: string[]) {\r\n        this.hoveredEntitiesIds = entitiesIds;\r\n    }\r\n\r\n    /**\r\n     * Setter for the isValidState property.\r\n     */\r\n    @action\r\n    public setIsValidState(isValid: boolean) {\r\n        this.isValidState = isValid;\r\n    }\r\n\r\n    @computed\r\n    public get invalidUtteranceId() {\r\n        return this.isValidState ? null : this.currentUtteranceId;\r\n    }\r\n}\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Target } from '@fluentui/react/lib/Callout';\r\nimport { action, computed, observable } from 'mobx';\r\nimport { LuisId } from 'src/luis/types/Resource';\r\nimport { Label } from 'src/modules/labeling/types/Label';\r\n\r\n/**\r\n * Reactive store encapsulate all the menu labeling UI states.\r\n */\r\nexport class MenuStore {\r\n    @observable\r\n    public currentUtteranceId: LuisId;\r\n\r\n    @observable\r\n    public target: Target;\r\n\r\n    @observable.shallow\r\n    public clickedOnLabel: Label;\r\n\r\n    /**\r\n     * Callback used by the labeler UI component to cancel the UI parentheses.\r\n     */\r\n    private _cancelSelectionCB: () => void;\r\n\r\n    constructor() {\r\n        this.currentUtteranceId = null;\r\n        this.target = null;\r\n        this.clickedOnLabel = null;\r\n        this._cancelSelectionCB = null;\r\n    }\r\n\r\n    /**\r\n     * Setter for the current utterance id.\r\n     */\r\n    @action\r\n    public setCurrentUtteranceId(uid: LuisId) {\r\n        this.currentUtteranceId = uid;\r\n    }\r\n\r\n    /**\r\n     * Setter for the target dom element.\r\n     */\r\n    @action\r\n    public setTarget(target: Target) {\r\n        this.target = target;\r\n    }\r\n\r\n    /**\r\n     * Setter for the labeler UI cancel selection callback.\r\n     */\r\n    public setCancelSelectionCallBackCB(cb: () => void) {\r\n        this._cancelSelectionCB = cb;\r\n    }\r\n\r\n    /**\r\n     * Resets the menu state to the default one.\r\n     */\r\n    @action\r\n    public resetMenuState() {\r\n        this._cancelSelectionCB?.();\r\n        this.target = null;\r\n        this.clickedOnLabel = null;\r\n    }\r\n\r\n    /**\r\n     * Setter for the clicked on label.\r\n     */\r\n    @action\r\n    public setClickedOnLabel(label: Label) {\r\n        this.clickedOnLabel = label;\r\n    }\r\n\r\n    @computed\r\n    public get isHidden() {\r\n        return !this.target;\r\n    }\r\n}\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { action, computed, observable } from 'mobx';\r\nimport { BrushStore } from 'src/luis/projects/utterances/stores/BrushStore';\r\nimport { MenuStore } from 'src/luis/projects/utterances/stores/MenuStore';\r\nimport { LuisId } from 'src/luis/types/Resource';\r\nimport { EntityRoleStore } from 'src/luis/types/stores/entities/EntityRoleStore';\r\nimport { EntityStore } from 'src/luis/types/stores/entities/EntityStore';\r\nimport { Selection } from 'src/modules/labeling/types/Selection';\r\n\r\nexport type LabelingMode = 'brush' | 'menu';\r\n\r\nexport type BrushAttachedData = {\r\n    normalizedValue: string;\r\n    entity: EntityStore;\r\n    parentEntity?: EntityStore;\r\n    role?: EntityRoleStore;\r\n};\r\n\r\nexport type TokenSelectionMetadata = { selection: Selection; utteranceId: LuisId; selectedText: string } | null;\r\n\r\n/**\r\n * Reactive store encapsulate all the labeling UI states.\r\n */\r\nexport class LabelingStore {\r\n    public readonly brushStore: BrushStore;\r\n\r\n    public readonly menuStore: MenuStore;\r\n\r\n    @observable\r\n    public tokenSelectionMetadata: TokenSelectionMetadata;\r\n\r\n    @observable\r\n    public mode: LabelingMode;\r\n\r\n    constructor() {\r\n        this.mode = 'menu';\r\n        this.brushStore = new BrushStore();\r\n        this.menuStore = new MenuStore();\r\n        this.tokenSelectionMetadata = null;\r\n    }\r\n\r\n    /**\r\n     * Setter for the labeling mode.\r\n     */\r\n    @action\r\n    public setLabelingMode(mode: LabelingMode) {\r\n        this.mode = mode;\r\n    }\r\n\r\n    /**\r\n     * Setter for the token selection meta data object.\r\n     */\r\n    @action\r\n    public setTokenSelectionMetadata(selection: TokenSelectionMetadata) {\r\n        this.tokenSelectionMetadata = selection;\r\n    }\r\n\r\n    @computed\r\n    public get disabledUtteranceId() {\r\n        return this.mode === 'brush' && this.brushStore.invalidUtteranceId;\r\n    }\r\n}\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { DefaultButton, PrimaryButton } from '@fluentui/react/lib/Button';\r\nimport { Checkbox } from '@fluentui/react/lib/Checkbox';\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { BasicModal, BasicModalProps } from 'src/core/components/BasicModal';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { globalMessages } from 'src/core/utils/globalMessages';\r\n\r\nexport type EditUtteranceModalProps = BasicModalProps<boolean>;\r\n\r\nconst messages = defineMessages({\r\n    modalTitle: {\r\n        id: 'entityDetails.editUtteranceModal.modalTitle',\r\n        defaultMessage: 'Editing this utterance will remove its labels. Continue?'\r\n    },\r\n    modalOption: {\r\n        id: 'entityDetails.editUtteranceModal.modalOption',\r\n        defaultMessage: 'Don’t show me this again.'\r\n    },\r\n    footerSubmitButton: {\r\n        id: 'entityDetails.editUtteranceModal.footerSubmitButton',\r\n        defaultMessage: 'Yes, remove my labels'\r\n    }\r\n});\r\n\r\n/**\r\n * A modal that opens on editing an utterance from the entity examples table.\r\n */\r\nexport const EditUtteranceModal = (props: EditUtteranceModalProps) => {\r\n    const { onDismiss, onSubmit } = props;\r\n\r\n    const [isCheckboxChecked, setIsCheckboxChecked] = React.useState(false);\r\n\r\n    const { localize } = useLocalization();\r\n\r\n    const onRenderFooter = () => (\r\n        <Stack horizontal tokens={{ childrenGap: 10 }} horizontalAlign=\"end\">\r\n            <PrimaryButton onClick={() => onSubmit(isCheckboxChecked)}>{localize(messages.footerSubmitButton)}</PrimaryButton>\r\n            <DefaultButton onClick={onDismiss}>{localize(globalMessages.cancel)}</DefaultButton>\r\n        </Stack>\r\n    );\r\n\r\n    return (\r\n        <BasicModal {...props} onRenderFooter={onRenderFooter} dialogContentProps={{ title: localize(messages.modalTitle) }}>\r\n            <Checkbox\r\n                label={localize(messages.modalOption)}\r\n                checked={isCheckboxChecked}\r\n                onChange={(_ev, checked) => setIsCheckboxChecked(checked)}\r\n            />\r\n        </BasicModal>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Stack } from '@fluentui/react';\r\nimport { ITag } from '@fluentui/react/lib/Pickers';\r\nimport { getId } from '@fluentui/react/lib/Utilities';\r\nimport differenceWith from 'lodash.differencewith';\r\nimport { observer } from 'mobx-react';\r\nimport * as React from 'react';\r\nimport { Pill } from 'src/core/components/Pill';\r\nimport { RBACTooltip } from 'src/core/components/RBACTooltip';\r\nimport { TagContainer } from 'src/core/components/TagContainer';\r\nimport { TagInputField } from 'src/core/components/TagInputField';\r\nimport { useGlobalState } from 'src/core/hooks/useGlobalState';\r\nimport { mapUserRoleToUserActions } from 'src/core/utils/azureUtils';\r\n\r\nexport type SublistSynonymsCellProps = {\r\n    values: string[];\r\n    isEditMode: boolean;\r\n    onAddValues: (values: string[]) => void;\r\n    onRemoveValues: (values: string[]) => void;\r\n    isRemovingDisabled?: boolean;\r\n    onExitFocus?: () => void;\r\n};\r\n\r\n/**\r\n * Renders the cell that displays and controls the synonyms\r\n * belonging to the current list entity opened in the entity\r\n * details segment.\r\n */\r\nexport const SublistSynonymsCell = observer((props: SublistSynonymsCellProps) => {\r\n    const { values, isEditMode, onAddValues, onRemoveValues, isRemovingDisabled, onExitFocus } = props;\r\n\r\n    const { rootStore } = useGlobalState();\r\n\r\n    const { userRole, displayedUserRole } = rootStore.serviceKey;\r\n    const { canWrite } = mapUserRoleToUserActions(userRole);\r\n\r\n    const tags: ITag[] = values.map(v => ({ key: getId('SublistSynonym'), name: v }));\r\n    const tagItems = tags.map((t, index) => (\r\n        <RBACTooltip\r\n            displayedUserRole={displayedUserRole}\r\n            hidden={canWrite || isRemovingDisabled}\r\n            data-automation-id=\"removeSynonymsButtonLanguageToolTip\"\r\n            componentSurroundedByToolTip={\r\n                <Pill\r\n                    name={t.name}\r\n                    index={index}\r\n                    pillKey={t.key}\r\n                    onRemovePill={() => onRemoveValues([t.name])}\r\n                    isDeleteButtonDisabled={!canWrite || isRemovingDisabled}\r\n                />\r\n            }\r\n        />\r\n    ));\r\n\r\n    /**\r\n     * Signals for the given tags to be removed.\r\n     *\r\n     * @param tagsToRemove The tags to remove.\r\n     */\r\n    const onTagContainerRemoveValues = (tagsToRemove: ITag[]): void => {\r\n        onRemoveValues(tagsToRemove.map(t => t.name));\r\n    };\r\n\r\n    /**\r\n     * Signals the last value in the values array for removal.\r\n     */\r\n    const popLastValue = (): void => {\r\n        const lastValue = values[values.length - 1];\r\n\r\n        onRemoveValues([lastValue]);\r\n    };\r\n\r\n    /**\r\n     * Ensures that no duplicity of values occur when\r\n     * adding new sublist values.\r\n     *\r\n     * @param newValues The new values to add.\r\n     */\r\n    const filterAndAddValues = (newValues: string[]) => {\r\n        const filteredValues = differenceWith(newValues, values);\r\n\r\n        if (filteredValues.length === 0) {\r\n            return;\r\n        }\r\n\r\n        onAddValues(filteredValues);\r\n    };\r\n\r\n    return (\r\n        <TagContainer<ITag> onRemoveItems={onTagContainerRemoveValues} onEscPress={onExitFocus}>\r\n            <Stack horizontal wrap role=\"list\">\r\n                {tagItems}\r\n            </Stack>\r\n            {isEditMode ? (\r\n                <TagInputField\r\n                    submitChars={['Enter', ',']}\r\n                    onSubmit={filterAndAddValues}\r\n                    onEmptyFieldBackspace={popLastValue}\r\n                    autoFocus={false}\r\n                />\r\n            ) : null}\r\n        </TagContainer>\r\n    );\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport * as React from 'react';\r\n\r\nexport type UseBrushEventListenersInput = {\r\n    ref: React.MutableRefObject<HTMLElement>;\r\n    attachedToRef: React.MutableRefObject<HTMLElement>;\r\n    getCoordinates: (e: MouseEvent) => { top: number; left: number };\r\n};\r\n\r\nexport const useBrushEventListeners = (input: UseBrushEventListenersInput) => {\r\n    const { ref, attachedToRef, getCoordinates } = input;\r\n\r\n    React.useEffect(() => {\r\n        const handleMouseMove = (e: MouseEvent) =>\r\n            requestAnimationFrame(() => {\r\n                const { left, top } = getCoordinates(e);\r\n                if (ref.current) {\r\n                    ref.current.style.top = `${top}px`;\r\n                    ref.current.style.left = `${left}px`;\r\n                }\r\n            });\r\n\r\n        const handleMouseEnter = () =>\r\n            requestAnimationFrame(() => {\r\n                if (ref.current) {\r\n                    ref.current.style.opacity = '1';\r\n                }\r\n            });\r\n        const handleMouseLeave = () =>\r\n            requestAnimationFrame(() => {\r\n                if (ref.current) {\r\n                    ref.current.style.opacity = '0';\r\n                }\r\n            });\r\n\r\n        attachedToRef.current?.addEventListener('mousemove', handleMouseMove);\r\n        attachedToRef.current?.addEventListener('mouseenter', handleMouseEnter);\r\n        attachedToRef.current?.addEventListener('mouseleave', handleMouseLeave);\r\n\r\n        return () => {\r\n            if (attachedToRef.current) {\r\n                attachedToRef.current.removeEventListener('mousemove', handleMouseMove);\r\n                attachedToRef.current.removeEventListener('mouseenter', handleMouseEnter);\r\n                attachedToRef.current.removeEventListener('mouseleave', handleMouseLeave);\r\n            }\r\n        };\r\n    }, [getCoordinates]);\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { getId } from '@fluentui/react/lib/Utilities';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\n\r\nconst theme = getScopedTheme('Renderers');\r\n\r\nexport const shapeClassName = getId('shape');\r\nexport const contextualMenuClassName = '.ms-Callout';\r\nexport const tokenContainerDataAttribute = 'data-container-id';\r\n\r\nexport const tokenDataAttribute = 'data-is-token';\r\nexport const bracketDataAttribute = 'data-is-bracket';\r\nexport const tokenIndexDataAttribute = 'data-token-index';\r\n\r\n/**\r\n * Entity depth color schema.\r\n */\r\nexport const depthColorsMap: { [key: number]: string } = {\r\n    1: theme.depth1Color,\r\n    2: theme.depth2Color,\r\n    3: theme.depth3Color,\r\n    4: theme.depth4Color,\r\n    5: theme.depth5Color\r\n};\r\n\r\nexport const SHAPE_LEVEL_HEIGHT = 18;\r\nexport const SHAPE_LEVEL_HEIGHT_NO_NAME = 6;\r\n\r\nexport const SHAPE_HORIZONTAL_MARGIN = 4;\r\n\r\nexport const MULTI_LINE_MARGIN = 6;\r\n\r\nexport const SHAPE_DEPTH_ONE_THICKNESS = 2;\r\nexport const SHAPE_THICKNESS = 1;\r\n\r\nexport const RESIZE_HANDLE_DEPTH_ONE_SIZE = 4;\r\nexport const RESIZE_HANDLE_SIZE = 3;\r\n\r\nexport const LABEL_Z_INDEX = 1;\r\nexport const TOKEN_Z_INDEX = 1;\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nexport const INVALID_INDEX = -1;\r\n\r\n/**\r\n * Represents the state of the labeling reducer.\r\n */\r\nexport type LabelingState = {\r\n    /**\r\n     * Labeling pin point.\r\n     */\r\n    labelingPinPoint: number;\r\n\r\n    /**\r\n     * Indicates at which index the labeling ends.\r\n     */\r\n    labelEnd: number;\r\n\r\n    /**\r\n     * Indicates at which index the labeling starts.\r\n     */\r\n    labelStart: number;\r\n\r\n    /**\r\n     * Indicates at which index the hovering starts.\r\n     */\r\n    hoverStart: number;\r\n\r\n    /**\r\n     * Indicates at which index the hovering ends.\r\n     */\r\n    hoverEnd: number;\r\n\r\n    /**\r\n     * If true labeling will be disabled.\r\n     */\r\n    disabled: boolean;\r\n\r\n    /**\r\n     * Indicates whether the user is dragging their mouse over\r\n     * the utterance or not.\r\n     */\r\n    dragging: boolean;\r\n};\r\n\r\n/**\r\n * Represents all the action functions that can be applied to the state.\r\n */\r\nexport type LabelingActions = {\r\n    /**\r\n     * Request hovering a specific token.\r\n     */\r\n    hover: (index: number) => void;\r\n\r\n    /**\r\n     * Request labeling a specific token.\r\n     */\r\n    label: (index: number, isKeyboardInteraction?: boolean) => void;\r\n\r\n    /**\r\n     * Request labeling a specific token.\r\n     */\r\n    labelLeft: (index: number) => void;\r\n\r\n    /**\r\n     * Request labeling a specific token.\r\n     */\r\n    labelRight: (index: number) => void;\r\n\r\n    /**\r\n     * Resets the hovering state.\r\n     */\r\n    unHover: () => void;\r\n\r\n    /**\r\n     * Resets the labeling state.\r\n     */\r\n    cancel: () => void;\r\n\r\n    /**\r\n     * Sets the labeling dragging state to false.\r\n     */\r\n    stopDragging: () => void;\r\n\r\n    /**\r\n     * Selects all tokens.\r\n     */\r\n    selectAll: (lastIndex: number) => void;\r\n};\r\n\r\n/**\r\n * An enum representing all the action types that can be applied to the state.\r\n */\r\nexport type LabelingActionType =\r\n    | 'Hover'\r\n    | 'UnHover'\r\n    | 'Label'\r\n    | 'Cancel'\r\n    | 'LabelLeft'\r\n    | 'LabelRight'\r\n    | 'UpdateState'\r\n    | 'StopDragging'\r\n    | 'SetDisabled'\r\n    | 'SelectAll';\r\n\r\ntype ActionParams = { params: { index: number; isKeyboardInteraction?: boolean } };\r\n\r\ntype ObjectType<T extends LabelingActionType> = { type: T };\r\n\r\ntype HoverAction = (ObjectType<'Hover'> & ActionParams) | ObjectType<'UnHover'>;\r\ntype LabelAction = (ObjectType<'Label'> & ActionParams) | ObjectType<'Cancel'>;\r\ntype KeyboardAction = ObjectType<'LabelLeft' | 'LabelRight'> & ActionParams;\r\ntype UpdateStateAction = ObjectType<'UpdateState'> & { params: Partial<LabelingState> };\r\ntype SetDisabledAction = ObjectType<'SetDisabled'> & { params: { disabled: boolean } };\r\ntype SelectAllAction = ObjectType<'SelectAll'> & { params: { lastIndex: number } };\r\n\r\nexport type LabelingAction =\r\n    | HoverAction\r\n    | LabelAction\r\n    | KeyboardAction\r\n    | UpdateStateAction\r\n    | ObjectType<'StopDragging'>\r\n    | SetDisabledAction\r\n    | SelectAllAction;\r\n\r\nexport const getDefaultState = (disabled: boolean): LabelingState => ({\r\n    disabled,\r\n    dragging: false,\r\n    hoverEnd: INVALID_INDEX,\r\n    hoverStart: INVALID_INDEX,\r\n    labelEnd: INVALID_INDEX,\r\n    labelStart: INVALID_INDEX,\r\n    labelingPinPoint: INVALID_INDEX\r\n});\r\n\r\n/**\r\n * A reducer that decides the next labeling state based on a previous state and some action.\r\n */\r\nexport const labelingReducer = (state: LabelingState, action: LabelingAction): LabelingState => {\r\n    let newState: LabelingState = state;\r\n\r\n    switch (action.type) {\r\n        case 'Hover':\r\n        case 'UnHover':\r\n            newState = hoverReducer(state, action);\r\n            break;\r\n        case 'Label':\r\n        case 'Cancel':\r\n            newState = labelReducer(state, action);\r\n            break;\r\n        case 'LabelLeft':\r\n            newState = labelReducer(state, { type: 'Label', params: { index: action.params.index, isKeyboardInteraction: true } });\r\n            break;\r\n        case 'LabelRight':\r\n            newState = labelReducer(state, { type: 'Label', params: { index: action.params.index, isKeyboardInteraction: true } });\r\n            break;\r\n        case 'StopDragging':\r\n            newState = { ...state, dragging: false };\r\n            break;\r\n\r\n        case 'SetDisabled':\r\n            return getDefaultState(action.params.disabled);\r\n\r\n        case 'SelectAll': {\r\n            if (state.labelStart !== INVALID_INDEX) {\r\n                return { ...state, labelStart: 0, labelEnd: action.params.lastIndex };\r\n            }\r\n\r\n            return state;\r\n        }\r\n\r\n        case 'UpdateState':\r\n            newState = {\r\n                ...state,\r\n                ...action.params\r\n            };\r\n            break;\r\n        default:\r\n            newState = state;\r\n    }\r\n\r\n    if (state.disabled) {\r\n        return state;\r\n    }\r\n\r\n    return newState;\r\n};\r\n\r\n/**\r\n * A sub reducer that decides the next labeling state.\r\n */\r\nconst labelReducer = (state: LabelingState, action: LabelAction): LabelingState => {\r\n    if (action.type === 'Cancel') {\r\n        // If the labeling state is already reset return the same object to avoid unnecessary renders\r\n        if (state.labelEnd === INVALID_INDEX && state.labelStart === INVALID_INDEX) {\r\n            return state;\r\n        }\r\n\r\n        return { ...state, labelingPinPoint: INVALID_INDEX, labelEnd: INVALID_INDEX, labelStart: INVALID_INDEX, dragging: false };\r\n    }\r\n\r\n    const {\r\n        params: { index, isKeyboardInteraction = false }\r\n    } = action;\r\n    const { labelingPinPoint } = state;\r\n\r\n    const startedLabeling = labelingPinPoint !== INVALID_INDEX;\r\n\r\n    const commonState: Partial<LabelingState> = { hoverStart: INVALID_INDEX, hoverEnd: INVALID_INDEX, dragging: !isKeyboardInteraction };\r\n\r\n    if (startedLabeling) {\r\n        if (index > labelingPinPoint) {\r\n            return { ...state, ...commonState, labelEnd: index };\r\n        }\r\n        if (index < labelingPinPoint) {\r\n            return { ...state, ...commonState, labelStart: index };\r\n        }\r\n        return { ...state, ...commonState, labelStart: index, labelEnd: index };\r\n    }\r\n    return { ...state, ...commonState, labelStart: index, labelEnd: index, labelingPinPoint: index };\r\n};\r\n\r\n/**\r\n * A sub reducer that decides the next hovering state.\r\n */\r\nconst hoverReducer = (state: LabelingState, action: HoverAction): LabelingState => {\r\n    if (action.type === 'UnHover') {\r\n        // If the hovering state is already reset return the same object to avoid unnecessary renders\r\n        if (state.hoverEnd === INVALID_INDEX && state.hoverStart === INVALID_INDEX) {\r\n            return state;\r\n        }\r\n\r\n        return { ...state, hoverEnd: INVALID_INDEX, hoverStart: INVALID_INDEX };\r\n    }\r\n\r\n    const {\r\n        params: { index }\r\n    } = action;\r\n    const { labelEnd, labelStart } = state;\r\n\r\n    const startedLabeling = labelStart !== INVALID_INDEX;\r\n\r\n    if (startedLabeling) {\r\n        if (index < labelStart) {\r\n            return { ...state, hoverStart: index };\r\n        }\r\n        if (index > labelEnd) {\r\n            return { ...state, hoverEnd: index };\r\n        }\r\n        return { ...state, hoverEnd: INVALID_INDEX, hoverStart: INVALID_INDEX };\r\n    }\r\n\r\n    return { ...state, hoverStart: index };\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ActionButton, IButtonProps, IButtonStyles } from '@fluentui/react/lib/Button';\r\nimport { ISeparatorProps, Separator } from '@fluentui/react/lib/Separator';\r\nimport { IStackProps, Stack } from '@fluentui/react/lib/Stack';\r\nimport { mergeStyles } from '@fluentui/react/lib/Styling';\r\nimport { classNamesFunction } from '@fluentui/react/lib/Utilities';\r\nimport 'rc-slider/assets/index.css';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisText } from 'src/core/components/LuisText';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { getScopedTheme, getStylistV2 } from 'src/core/themes/luisStylist';\r\nimport { PageSize } from 'src/luis/appShell/buildPane/intentPage/stores/IntentPageUIConfigStore';\r\nimport { Filters } from 'src/luis/projects/utterances/types/Filters';\r\nimport { FiltersBladeSlider } from 'src/verticals/utterancesFilters/components/FiltersBladeSlider';\r\nimport { FiltersSection } from 'src/verticals/utterancesFilters/components/FiltersSection';\r\nimport { DisplayedFilters } from 'src/verticals/utterancesFilters/FiltersBlade';\r\nimport { FilterType, SelectionChange } from 'src/verticals/utterancesFilters/types/Filters';\r\n\r\nexport type MainFiltersBladeProps = {\r\n    /**\r\n     * Count the number of filtered utterances\r\n     */\r\n    resultsCount: number;\r\n\r\n    /**\r\n     * Filter types/controls to display in the filters blade.\r\n     */\r\n    displayedFilters: DisplayedFilters;\r\n\r\n    /**\r\n     * Object that contain the different types of filters\r\n     */\r\n    filters: Filters;\r\n\r\n    /**\r\n     * The size of the utterances page.\r\n     */\r\n    pageSize: PageSize;\r\n\r\n    /**\r\n     * Handler function for items selection\r\n     */\r\n    onChangePageSize: (size: PageSize) => void;\r\n\r\n    /**\r\n     * Handler function for entities and nearest rival blade\r\n     */\r\n    onOpenBladeClicked: (bladeId: FilterType) => void;\r\n\r\n    /**\r\n     * Handler function for item selection\r\n     */\r\n    onSelectionChange: (change: SelectionChange) => void;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    scoreHeader: {\r\n        id: 'utterancesFilters.mainFiltersBlade.scoreHeader',\r\n        defaultMessage: 'Intent score'\r\n    },\r\n    entitiesHeader: {\r\n        id: 'utterancesFilters.mainFiltersBlade.entitiesHeader',\r\n        defaultMessage: 'Entities'\r\n    },\r\n    nearestIntentHeader: {\r\n        id: 'utterancesFilters.mainFiltersBlade.nearestIntentHeader',\r\n        defaultMessage: 'Nearest intent'\r\n    },\r\n    intentsHeader: {\r\n        id: 'utterancesFilters.mainFiltersBlade.intentsHeader',\r\n        defaultMessage: 'Intents'\r\n    },\r\n    differenceHeader: {\r\n        id: 'utterancesFilters.mainFiltersBlade.differenceHeader',\r\n        defaultMessage: 'Difference'\r\n    },\r\n    scoreSliderMinAriaLabel: {\r\n        id: 'utterancesFilters.mainFiltersBlade.scoreSliderMinAriaLabel',\r\n        defaultMessage: 'minimum score'\r\n    },\r\n    scoreSliderMaxAriaLabel: {\r\n        id: 'utterancesFilters.mainFiltersBlade.scoreSliderMaxAriaLabel',\r\n        defaultMessage: 'maximum score'\r\n    },\r\n    paginationSettingButtonDescription: {\r\n        id: 'utterancesFilters.mainFiltersBlade.paginationSettingButtonDescription',\r\n        defaultMessage: '{count} utterances per page'\r\n    },\r\n    viewPerPage: {\r\n        id: 'utterancesFilters.mainFiltersBlade.viewPerPage',\r\n        defaultMessage: 'View per page'\r\n    },\r\n    resultsCount: {\r\n        id: 'utterancesFilters.mainFiltersBlade.resultsCount',\r\n        defaultMessage: '{resultsCount} results'\r\n    }\r\n});\r\n\r\nconst theme = getScopedTheme('MainFiltersBlade');\r\nconst { styleComponent } = getStylistV2('MainFiltersBlade');\r\n\r\nconst StyledSeparator = styleComponent<ISeparatorProps>(Separator)('StyledSeparator', {\r\n    height: 14\r\n});\r\n\r\nconst FiltersWrapper = styleComponent<IStackProps>(Stack)('FiltersWrapper', {\r\n    marginTop: 26\r\n});\r\n\r\nconst ResultsCount = styleComponent(LuisText)('ResultsCount', {\r\n    marginBottom: 8\r\n});\r\n\r\nconst pageSizeBtnStyles = classNamesFunction<IButtonProps, IButtonStyles>()({\r\n    root: { height: theme.pageSizeBtnHeight }\r\n});\r\n\r\nconst unselectedPageSizeBtnStyles = classNamesFunction<IButtonProps, IButtonStyles>()({\r\n    root: { color: theme.primaryColor }\r\n});\r\n\r\n/**\r\n * Represents the main filters blade.\r\n */\r\nexport const MainFiltersBlade = (props: MainFiltersBladeProps) => {\r\n    const { filters, onOpenBladeClicked, onSelectionChange, pageSize, onChangePageSize, resultsCount, displayedFilters } = props;\r\n    const { localize } = useLocalization();\r\n    const [renderSlider, setRenderSlider] = React.useState(false);\r\n\r\n    React.useEffect(() => {\r\n        /**\r\n         * To get the final positions of the slider handles after\r\n         * the blade animation finished and set the handles tooltip positions\r\n         */\r\n        setTimeout(() => setRenderSlider(true), 100);\r\n    }, []);\r\n\r\n    return (\r\n        <>\r\n            <Stack tokens={{ childrenGap: 16 }}>\r\n                <ResultsCount>{localize(messages.resultsCount, { resultsCount })}</ResultsCount>\r\n\r\n                {displayedFilters.includes('score') && (\r\n                    <>\r\n                        <LuisText fontWeight={600} color={theme.titlesColor}>\r\n                            {localize(messages.scoreHeader)}\r\n                        </LuisText>\r\n                        {renderSlider && (\r\n                            <FiltersBladeSlider\r\n                                score={filters.score}\r\n                                onScoreChange={onSelectionChange}\r\n                                minHandleAriaLabel={localize(messages.scoreSliderMinAriaLabel)}\r\n                                maxHandleAriaLabel={localize(messages.scoreSliderMaxAriaLabel)}\r\n                            />\r\n                        )}\r\n                    </>\r\n                )}\r\n            </Stack>\r\n\r\n            <FiltersWrapper tokens={{ childrenGap: 24 }}>\r\n                {displayedFilters.includes('entities') && (\r\n                    <FiltersSection\r\n                        title={localize(messages.entitiesHeader)}\r\n                        onSelectionChange={onSelectionChange}\r\n                        items={filters.entities}\r\n                        itemsLimit={3}\r\n                        onSeeAllBtnClick={() => onOpenBladeClicked('entities')}\r\n                    />\r\n                )}\r\n\r\n                <FiltersSection\r\n                    title={localize(displayedFilters.includes('intents') ? messages.intentsHeader : messages.nearestIntentHeader)}\r\n                    onSelectionChange={onSelectionChange}\r\n                    items={filters.nearestRivals}\r\n                    itemsLimit={3}\r\n                    onSeeAllBtnClick={() => onOpenBladeClicked('intents')}\r\n                />\r\n\r\n                {displayedFilters.includes('difference') && (\r\n                    <FiltersSection\r\n                        title={localize(messages.differenceHeader)}\r\n                        onSelectionChange={onSelectionChange}\r\n                        items={filters.difference}\r\n                    />\r\n                )}\r\n\r\n                {displayedFilters.includes('pageCount') && (\r\n                    <Stack tokens={{ childrenGap: 16 }}>\r\n                        <LuisText fontWeight={600} color={theme.titlesColor}>\r\n                            {localize(messages.viewPerPage)}\r\n                        </LuisText>\r\n\r\n                        <Stack horizontal>\r\n                            {([10, 20, 50] as const).map(size => (\r\n                                <React.Fragment key={`size-${size}`}>\r\n                                    <ActionButton\r\n                                        onClick={() => onChangePageSize(size)}\r\n                                        ariaLabel={localize(messages.paginationSettingButtonDescription, { count: size })}\r\n                                        styles={{\r\n                                            root: mergeStyles(pageSizeBtnStyles.root, pageSize !== size && unselectedPageSizeBtnStyles.root)\r\n                                        }}>\r\n                                        {size}\r\n                                    </ActionButton>\r\n                                    <StyledSeparator vertical />\r\n                                </React.Fragment>\r\n                            ))}\r\n                        </Stack>\r\n                    </Stack>\r\n                )}\r\n            </FiltersWrapper>\r\n        </>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { ActionButton, IButtonProps } from '@fluentui/react/lib/Button';\r\nimport { Icon } from '@fluentui/react/lib/Icon';\r\nimport { IStackProps, Stack } from '@fluentui/react/lib/Stack';\r\nimport { observer } from 'mobx-react';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisText } from 'src/core/components/LuisText';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { logIntentsFiltersPaneClosed, logIntentsFiltersPaneOpened } from 'src/core/services/telemetry/eventsNamesTemplate';\r\nimport { getScopedTheme, getStylistV2 } from 'src/core/themes/luisStylist';\r\nimport { noop } from 'src/core/utils/base';\r\nimport { getPortalFromUrl } from 'src/core/utils/routingUtils';\r\nimport { PageSize } from 'src/luis/appShell/buildPane/intentPage/stores/IntentPageUIConfigStore';\r\nimport { FiltersSearch } from 'src/verticals/utterancesFilters/components/FiltersSearch';\r\nimport { MainFiltersBlade as MainFilterBlade } from 'src/verticals/utterancesFilters/components/MainFiltersBlade';\r\nimport { UtteranceFiltersStore } from 'src/verticals/utterancesFilters/stores/UtteranceFiltersStore';\r\nimport { FilterType, SelectionChange } from 'src/verticals/utterancesFilters/types/Filters';\r\n\r\nexport type DisplayedFilters = ('score' | 'entities' | 'intents' | 'nearestIntents' | 'difference' | 'pageCount')[];\r\n\r\nexport type FilterBladeProps = {\r\n    /**\r\n     * Optional header\r\n     */\r\n    headerElement?: JSX.Element;\r\n\r\n    /**\r\n     * Local store for the filter items states.\r\n     */\r\n    filtersStore: UtteranceFiltersStore;\r\n\r\n    /**\r\n     * The utterances count.\r\n     */\r\n    utterancesCount: number;\r\n\r\n    /**\r\n     * Handler function for items selection\r\n     */\r\n    onSelectionChange: (change: SelectionChange) => void;\r\n\r\n    /**\r\n     * Filter types/controls to display in the filters blade.\r\n     */\r\n    displayedFilters: DisplayedFilters;\r\n\r\n    /**\r\n     * The size of the utterances page.\r\n     */\r\n    pageSize?: PageSize;\r\n\r\n    /**\r\n     * Handler function for items selection\r\n     */\r\n    onChangePageSize?: (size: PageSize) => void;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    entities: {\r\n        id: 'utterancesFilters.filtersBlade.entities',\r\n        defaultMessage: 'Entities'\r\n    },\r\n    intents: {\r\n        id: 'utterancesFilters.filtersBlade.intents',\r\n        defaultMessage: 'Intents'\r\n    },\r\n    allFilters: {\r\n        id: 'utterancesFilters.filtersBlade.allFilters',\r\n        defaultMessage: 'All filters'\r\n    }\r\n});\r\n\r\nconst scopedTheme = getScopedTheme('FiltersBlade');\r\nconst { styleComponent } = getStylistV2('FiltersBlade');\r\n\r\nconst Blade = styleComponent<IStackProps>(Stack)('Blade', { padding: 12, overflowY: 'auto' });\r\n\r\nconst BackButtonContainer = styleComponent<IButtonProps>(ActionButton)('BackButtonContainer', theme => ({\r\n    color: theme.primaryColor,\r\n    height: 16\r\n}));\r\n\r\nconst BackButton = ({ onClick }: { onClick: () => void }) => {\r\n    const { localize } = useLocalization();\r\n\r\n    return (\r\n        <BackButtonContainer onClick={onClick} primary>\r\n            <Stack tokens={{ childrenGap: 4 }} verticalAlign=\"center\" horizontal>\r\n                <Icon iconName=\"Back\" />\r\n                <span>{localize(messages.allFilters)}</span>\r\n            </Stack>\r\n        </BackButtonContainer>\r\n    );\r\n};\r\n\r\n/**\r\n * The filter blade parent component that render the filter blades\r\n */\r\nexport const FiltersBlade = observer((props: FilterBladeProps) => {\r\n    const {\r\n        filtersStore,\r\n        utterancesCount,\r\n        onSelectionChange,\r\n        headerElement,\r\n        displayedFilters,\r\n        pageSize = 10,\r\n        onChangePageSize = noop\r\n    } = props;\r\n\r\n    const filters = {\r\n        score: filtersStore.scoreWindow,\r\n        entities: filtersStore.entityFilterItems,\r\n        nearestRivals: filtersStore.intentFilterItems,\r\n        difference: filtersStore.differenceFilterItems\r\n    };\r\n\r\n    const { serviceName } = getPortalFromUrl();\r\n    const { localize } = useLocalization();\r\n    const [bladeId, setBladeId] = React.useState<FilterType>('general');\r\n\r\n    React.useEffect(() => {\r\n        logIntentsFiltersPaneOpened(serviceName);\r\n\r\n        return () => logIntentsFiltersPaneClosed(serviceName);\r\n    }, []);\r\n\r\n    const handleSelectAll = (filterType: FilterType, isChecked: boolean) => filtersStore.selectAll(filterType, isChecked);\r\n\r\n    let currentActiveBlade;\r\n\r\n    switch (bladeId) {\r\n        case 'entities':\r\n            currentActiveBlade = (\r\n                <Stack tokens={{ childrenGap: 16 }}>\r\n                    <BackButton onClick={() => setBladeId('general')} />\r\n                    <LuisText fontWeight={600} color={scopedTheme.titlesColor}>\r\n                        {localize(messages.entities)}\r\n                    </LuisText>\r\n                    <FiltersSearch\r\n                        showSelectAll\r\n                        items={filters.entities}\r\n                        onSelectionChange={onSelectionChange}\r\n                        onToggleSelectAll={checked => handleSelectAll('entities', checked)}\r\n                    />\r\n                </Stack>\r\n            );\r\n            break;\r\n        case 'intents':\r\n            currentActiveBlade = (\r\n                <Stack tokens={{ childrenGap: 16 }}>\r\n                    <BackButton onClick={() => setBladeId('general')} />\r\n                    <LuisText fontWeight={600} color={scopedTheme.titlesColor}>\r\n                        {localize(messages.intents)}\r\n                    </LuisText>\r\n                    <FiltersSearch\r\n                        showSelectAll\r\n                        items={filters.nearestRivals}\r\n                        onSelectionChange={onSelectionChange}\r\n                        onToggleSelectAll={checked => handleSelectAll('intents', checked)}\r\n                    />\r\n                </Stack>\r\n            );\r\n            break;\r\n        default:\r\n            currentActiveBlade = (\r\n                <MainFilterBlade\r\n                    resultsCount={filtersStore.isFilterModeOn ? utterancesCount : 0}\r\n                    filters={filters}\r\n                    pageSize={pageSize}\r\n                    onChangePageSize={onChangePageSize}\r\n                    onOpenBladeClicked={setBladeId}\r\n                    onSelectionChange={onSelectionChange}\r\n                    displayedFilters={displayedFilters}\r\n                />\r\n            );\r\n    }\r\n\r\n    return (\r\n        <Blade tokens={{ childrenGap: '12px' }}>\r\n            {headerElement}\r\n\r\n            {currentActiveBlade}\r\n        </Blade>\r\n    );\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Checkbox } from '@fluentui/react/lib/Checkbox';\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport * as React from 'react';\r\nimport { Badge } from 'src/core/components/Badge';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { getTranslatedEntityType } from 'src/luis/modules/entities/utils/translatedEntityType';\r\nimport { FiltersItem, SelectionChange } from 'src/verticals/utterancesFilters/types/Filters';\r\n\r\ntype FilterItemWithCheckboxProps = {\r\n    /*\r\n     * The items used for filtration\r\n     */\r\n    item: FiltersItem;\r\n\r\n    /**\r\n     * Handler function for item selection\r\n     */\r\n    onSelectionChange: (change: SelectionChange) => void;\r\n};\r\n\r\nexport const FilterItemWithCheckbox = React.memo((props: FilterItemWithCheckboxProps) => {\r\n    const { item, onSelectionChange } = props;\r\n    const { localize } = useLocalization();\r\n\r\n    return (\r\n        <Checkbox\r\n            label={item.name}\r\n            onRenderLabel={(checkboxProps, defaultRender) => (item.filterType === 'entities' ? (\r\n                    <Stack horizontal verticalAlign=\"center\" tokens={{ childrenGap: 8 }}>\r\n                        {defaultRender(checkboxProps)}\r\n                        <Badge text={getTranslatedEntityType(item.filterType.entityType, localize)} />\r\n                    </Stack>\r\n                ) : (\r\n                    defaultRender(checkboxProps)\r\n                ))\r\n            }\r\n            checked={item.isChecked}\r\n            onChange={() => onSelectionChange({ changeType: item.filterType, args: item })}\r\n        />\r\n    );\r\n});\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { IStackProps, Stack } from '@fluentui/react/lib/Stack';\r\nimport { HighContrastSelector } from '@fluentui/style-utilities';\r\nimport { Range, createSliderWithTooltip } from 'rc-slider';\r\nimport * as React from 'react';\r\nimport { LuisText } from 'src/core/components/LuisText';\r\nimport { getStylistV2, important, joinClassNames } from 'src/core/themes/luisStylist';\r\nimport { FilterScore, SelectionChange } from 'src/verticals/utterancesFilters/types/Filters';\r\n\r\nexport type FiltersBladeSliderProps = {\r\n    /**\r\n     * Score of the intents\r\n     */\r\n    score: FilterScore;\r\n\r\n    /**\r\n     * Fires when range values changed\r\n     */\r\n    onScoreChange: (change: SelectionChange) => void;\r\n\r\n    /**\r\n     * Disable changing the max in the score.\r\n     */\r\n    disableMaxChange?: boolean;\r\n};\r\n\r\nconst { getClassName, styleComponent } = getStylistV2('FiltersBladeSlider');\r\n\r\n/**\r\n * Due to the incomplete typings from the DefinitelyTyped\r\n * The following castings allows the developers to add the missing props.\r\n */\r\nconst RangeSlider = createSliderWithTooltip(Range);\r\n\r\nconst sliderRangeClassName = getClassName('SliderRange', { display: 'none' });\r\nconst SliderContainer = styleComponent<IStackProps>(Stack)('SliderContainer', theme => ({ padding: theme.sliderPadding, marginRight: 8 }));\r\nconst disabledMaxSliderClassName = getClassName('disabledMaxSliderClassName', { $nest: { '.rc-slider-handle-2': { display: 'none' } } });\r\nconst sliderTrackClassName = getClassName('SliderTrack', theme => ({\r\n    $nest: {\r\n        '.rc-slider-track': {\r\n            backgroundColor: theme.sliderColor,\r\n            $nest: { [HighContrastSelector]: { border: '1px solid' } }\r\n        },\r\n        '.rc-slider-rail': {\r\n            $nest: { [HighContrastSelector]: { border: '1px dashed' } }\r\n        },\r\n        '.rc-slider-handle': {\r\n            border: theme.scoreSliderHandles,\r\n            $nest: {\r\n                '&:hover, &:active, &:focus': important({\r\n                    boxShadow: 'none',\r\n                    borderColor: 'unset',\r\n                    border: theme.scoreSliderHandles\r\n                }),\r\n                '&:focus': {\r\n                    borderWidth: '4px !important',\r\n                    $nest: { [HighContrastSelector]: important({ border: '7px solid' }) }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}));\r\n\r\n/**\r\n * Represents the range slider component\r\n */\r\nexport const FiltersBladeSlider = (props: FiltersBladeSliderProps & { minHandleAriaLabel?: string; maxHandleAriaLabel?: string }) => {\r\n    const {\r\n        score,\r\n        onScoreChange,\r\n        disableMaxChange = false,\r\n        minHandleAriaLabel = 'range minimum',\r\n        maxHandleAriaLabel = 'range maximum'\r\n    } = props;\r\n    const [internalScore, setInternalScore] = React.useState(score);\r\n\r\n    React.useEffect(() => {\r\n        setInternalScore(score);\r\n    }, [score.max, score.min]);\r\n\r\n    const getLabelText = () => {\r\n        if (disableMaxChange) {\r\n            return `${internalScore.min}`;\r\n        }\r\n        return `${internalScore.min}-${internalScore.max}`;\r\n    };\r\n\r\n    return (\r\n        <Stack horizontal verticalAlign=\"center\">\r\n            <SliderContainer grow>\r\n                <RangeSlider\r\n                    min={0}\r\n                    max={1}\r\n                    step={0.01}\r\n                    data-automation-id=\"filtersRangeSlider\"\r\n                    value={[internalScore.min, internalScore.max]}\r\n                    tipProps={{ visible: false, overlay: sliderRangeClassName }}\r\n                    ariaLabelGroupForHandles={[minHandleAriaLabel, maxHandleAriaLabel]}\r\n                    onAfterChange={() => onScoreChange({ changeType: 'score', args: internalScore })}\r\n                    className={joinClassNames(sliderTrackClassName, disableMaxChange && disabledMaxSliderClassName)}\r\n                    onChange={(values: number[]) => setInternalScore({ min: values[0], max: disableMaxChange ? score.max : values[1] })}\r\n                />\r\n            </SliderContainer>\r\n            <LuisText>{getLabelText()}</LuisText>\r\n        </Stack>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Icon } from '@fluentui/react/lib/Icon';\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport { Property } from 'csstype';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisText } from 'src/core/components/LuisText';\r\nimport { PillProps } from 'src/core/components/Pill';\r\nimport { PillContainer } from 'src/core/components/PillContainer';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { getScopedTheme } from 'src/core/themes/luisStylist';\r\nimport { noop } from 'src/core/utils/base';\r\nimport { FiltersItem, SelectionChange } from 'src/verticals/utterancesFilters/types/Filters';\r\n\r\ntype FiltersPillContainerProps = {\r\n    /**\r\n     * The filters to be rendered.\r\n     */\r\n    filters: FiltersItem[];\r\n\r\n    /**\r\n     * A callback fires on removing the filters.\r\n     */\r\n    onRemoveFilter: (filter: SelectionChange) => void;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    differenceFilterType: {\r\n        id: 'utterancesFilter.filtersBlade.differenceFilterType',\r\n        defaultMessage: 'Difference'\r\n    },\r\n    entityFilterType: {\r\n        id: 'utterancesFilter.filtersBlade.entityFilterType',\r\n        defaultMessage: 'Entity'\r\n    },\r\n    intentFilterType: {\r\n        id: 'utterancesFilter.filtersBlade.intentFilterType',\r\n        defaultMessage: 'Intent'\r\n    },\r\n    correctFilterName: {\r\n        id: 'utterancesFilter.filtersBlade.correctFilterName',\r\n        defaultMessage: 'Correct'\r\n    },\r\n    incorrectFilterName: {\r\n        id: 'utterancesFilter.filtersBlade.incorrectFilterName',\r\n        defaultMessage: 'Incorrect'\r\n    },\r\n    unclearFilterName: {\r\n        id: 'utterancesFilter.filtersBlade.unclearFilterName',\r\n        defaultMessage: 'Unclear'\r\n    }\r\n});\r\n\r\nconst filtersTheme = getScopedTheme('Filters');\r\n\r\n/**\r\n * Renders a filter pill for the given filter type.\r\n */\r\nexport const FiltersPillContainer = (props: FiltersPillContainerProps) => {\r\n    const { filters, onRemoveFilter } = props;\r\n    const { localize } = useLocalization();\r\n    const [showInputPill, setShowInputPill] = React.useState(false);\r\n\r\n    const existingFilterPillsProps = filters.map<PillProps>((filter, index) => {\r\n        switch (filter.id) {\r\n            case 'correct':\r\n                return {\r\n                    index,\r\n                    name: 'Correct',\r\n                    pillKey: 'correct',\r\n                    onRemovePill: () => onRemoveFilter({ args: filter, changeType: 'difference' }),\r\n                    onRenderPillContent: () => (\r\n                        <FilterPillContent\r\n                            filterName={localize(messages.correctFilterName)}\r\n                            filterType={localize(messages.differenceFilterType)}\r\n                        />\r\n                    )\r\n                };\r\n            case 'incorrect':\r\n                return {\r\n                    index,\r\n                    name: 'Incorrect',\r\n                    pillKey: 'incorrect',\r\n                    onRemovePill: () => onRemoveFilter({ args: filter, changeType: 'difference' }),\r\n                    onRenderPillContent: () => (\r\n                        <FilterPillContent\r\n                            iconName=\"SkypeCircleMinus\"\r\n                            iconColor={filtersTheme.incorrectColor}\r\n                            filterName={localize(messages.incorrectFilterName)}\r\n                            filterType={localize(messages.differenceFilterType)}\r\n                        />\r\n                    )\r\n                };\r\n            case 'unclear':\r\n                return {\r\n                    index,\r\n                    name: 'Unclear',\r\n                    pillKey: 'unclear',\r\n                    onRemovePill: () => onRemoveFilter({ args: filter, changeType: 'difference' }),\r\n                    onRenderPillContent: () => (\r\n                        <FilterPillContent\r\n                            iconName=\"IncidentTriangle\"\r\n                            iconColor={filtersTheme.unclearColor}\r\n                            filterName={localize(messages.unclearFilterName)}\r\n                            filterType={localize(messages.differenceFilterType)}\r\n                        />\r\n                    )\r\n                };\r\n            default:\r\n                switch (filter.filterType) {\r\n                    case 'intents':\r\n                        return {\r\n                            index,\r\n                            name: filter.name,\r\n                            pillKey: filter.id,\r\n                            onRemovePill: () => onRemoveFilter({ args: filter, changeType: 'intents' }),\r\n                            onRenderPillContent: () => (\r\n                                <FilterPillContent filterName={filter.name} filterType={localize(messages.intentFilterType)} />\r\n                            )\r\n                        };\r\n                    default:\r\n                        return {\r\n                            index,\r\n                            name: filter.name,\r\n                            pillKey: filter.id,\r\n                            onRemovePill: () => onRemoveFilter({ args: filter, changeType: 'entities' }),\r\n                            onRenderPillContent: () => (\r\n                                <FilterPillContent filterName={filter.name} filterType={localize(messages.entityFilterType)} />\r\n                            )\r\n                        };\r\n                }\r\n        }\r\n    });\r\n\r\n    return (\r\n        <PillContainer\r\n            allowAddPills={false}\r\n            pills={existingFilterPillsProps}\r\n            onAddNewPill={noop}\r\n            showInputPill={showInputPill}\r\n            onRemovePill={() => setShowInputPill(false)}\r\n            onAddIconClick={() => setShowInputPill(true)}\r\n        />\r\n    );\r\n};\r\n\r\ntype FilterPillContentProps = {\r\n    filterType: string;\r\n    filterName: string;\r\n    iconName?: string;\r\n    iconColor?: string;\r\n};\r\n\r\nconst FilterPillContent = ({ filterType, iconName, filterName, iconColor }: FilterPillContentProps) => (\r\n    <Stack verticalAlign=\"center\" horizontal tokens={{ childrenGap: 5 }}>\r\n        <LuisText>{filterType}:</LuisText>\r\n\r\n        {iconName && <Icon iconName={iconName} styles={{ root: { color: iconColor } }} />}\r\n\r\n        <LuisText fontWeight={filtersTheme.boldFontWeight as Property.FontWeight}>{filterName}</LuisText>\r\n    </Stack>\r\n);\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Checkbox } from '@fluentui/react/lib/Checkbox';\r\nimport { IStackProps, Stack } from '@fluentui/react/lib/Stack';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisDebouncedSearchBox } from 'src/core/components/LuisDebouncedSearchBox';\r\nimport { SearchResultsAnnouncer } from 'src/core/components/SearchResultsAnnouncer';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { getStylistV2 } from 'src/core/themes/luisStylist';\r\nimport { FilterItemWithCheckbox } from 'src/verticals/utterancesFilters/components/FilterItemWithCheckbox';\r\nimport { FiltersItem, SelectionChange } from 'src/verticals/utterancesFilters/types/Filters';\r\n\r\nexport type FiltersSearchProps = {\r\n    /**\r\n     * The items used for filtration\r\n     */\r\n    items: FiltersItem[];\r\n\r\n    /**\r\n     * Handler function for item selection\r\n     */\r\n    onSelectionChange: (change: SelectionChange) => void;\r\n\r\n    /**\r\n     * A flag to show option for selecting all or not.\r\n     */\r\n    showSelectAll?: boolean;\r\n\r\n    /**\r\n     * A Callback fires when select all options is toggled.\r\n     */\r\n    onToggleSelectAll?: (isChecked: boolean) => void;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    searchInput: {\r\n        id: 'utterances.filtersSearch.searchInput',\r\n        defaultMessage: 'Search'\r\n    },\r\n    all: {\r\n        id: 'utterances.filtersSearch.all',\r\n        defaultMessage: 'All'\r\n    }\r\n});\r\n\r\nconst { styleComponent } = getStylistV2('Filters');\r\n\r\nconst ItemsSection = styleComponent<IStackProps>(Stack)('ItemsSection', {\r\n    marginLeft: 8\r\n});\r\n\r\n/**\r\n * Represents the filters search and filtration process\r\n */\r\nexport const FiltersSearch = (props: FiltersSearchProps) => {\r\n    const { items, onSelectionChange, showSelectAll, onToggleSelectAll } = props;\r\n    const { localize } = useLocalization();\r\n    const [query, setQuery] = React.useState('');\r\n\r\n    const filteredItems = items\r\n        .filter(item => item.name.toLowerCase().includes(query.toLowerCase()))\r\n        .sort((l, r) => (l.name.toLocaleLowerCase() > r.name.toLocaleLowerCase() ? 1 : -1))\r\n        .map(item => <FilterItemWithCheckbox key={item.id} item={item} onSelectionChange={onSelectionChange} />);\r\n\r\n    return (\r\n        <Stack tokens={{ childrenGap: 15 }}>\r\n            <LuisDebouncedSearchBox\r\n                ariaLabel={localize(messages.searchInput)}\r\n                placeholder={localize(messages.searchInput)}\r\n                value={query}\r\n                onChange={(_, newValue?: string) => setQuery(newValue)}\r\n                debounceTime={0}\r\n            />\r\n\r\n            {query.length ? <SearchResultsAnnouncer itemsLength={filteredItems.length} /> : null}\r\n\r\n            <ItemsSection tokens={{ childrenGap: 16 }}>\r\n                {showSelectAll && (\r\n                    <Checkbox\r\n                        data-automation-id=\"selectAll\"\r\n                        label={localize(messages.all)}\r\n                        onChange={(_, isChecked) => onToggleSelectAll(isChecked)}\r\n                        checked={items.reduce((acc, item) => acc && item.isChecked, true)}\r\n                    />\r\n                )}\r\n\r\n                {filteredItems}\r\n            </ItemsSection>\r\n        </Stack>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { Checkbox } from '@fluentui/react/lib/Checkbox';\r\nimport { ILinkProps, Link } from '@fluentui/react/lib/Link';\r\nimport { Stack } from '@fluentui/react/lib/Stack';\r\nimport { Property } from 'csstype';\r\nimport * as React from 'react';\r\nimport { defineMessages } from 'react-intl';\r\nimport { LuisText, LuisTextProps } from 'src/core/components/LuisText';\r\nimport { useLocalization } from 'src/core/hooks/useLocalization';\r\nimport { getScopedTheme, getStylist } from 'src/core/themes/luisStylist';\r\nimport { FilterItemWithCheckbox } from 'src/verticals/utterancesFilters/components/FilterItemWithCheckbox';\r\nimport { FiltersItem, SelectionChange } from 'src/verticals/utterancesFilters/types/Filters';\r\n\r\nexport type FiltersSectionProps = {\r\n    /**\r\n     * The title of the block\r\n     */\r\n    title: string;\r\n\r\n    /**\r\n     * Items to be rendered in the block\r\n     */\r\n    items: FiltersItem[];\r\n\r\n    /**\r\n     * Max number of items shown in the block\r\n     */\r\n    itemsLimit?: number;\r\n\r\n    /**\r\n     * Handler function for the item selection\r\n     */\r\n    onSelectionChange: (change: SelectionChange) => void;\r\n\r\n    /**\r\n     * Handler function for see all button\r\n     */\r\n    onSeeAllBtnClick?: () => void;\r\n\r\n    /**\r\n     * A flag to show option for selecting all or not.\r\n     */\r\n    showSelectAll?: boolean;\r\n\r\n    /**\r\n     * A Callback fires when select all options is toggled.\r\n     */\r\n    onToggleSelectAll?: (isChecked: boolean) => void;\r\n};\r\n\r\nconst messages = defineMessages({\r\n    seeAll: {\r\n        id: 'core.filtersSection.seeAll',\r\n        defaultMessage: 'See all'\r\n    },\r\n    seeAllAriaLabel: {\r\n        id: 'core.filtersSection.seeAllAriaLabel',\r\n        defaultMessage: 'See all {itemsName}'\r\n    },\r\n    all: {\r\n        id: 'core.filtersSection.all',\r\n        defaultMessage: 'All'\r\n    },\r\n    emptyStateMsg: {\r\n        id: 'core.filtersSection.emptyStateMsg',\r\n        defaultMessage: 'No items available'\r\n    }\r\n});\r\n\r\nconst scopedTheme = getScopedTheme('FiltersSection');\r\nconst { styleComponent } = getStylist('FiltersSection');\r\n\r\nconst Title = styleComponent<LuisTextProps>(LuisText)('Title', theme => ({ color: theme.titlesColor, fontSize: 14 }));\r\nconst EmptyStateMsg = styleComponent<LuisTextProps>(LuisText)('EmptyStateMsg', { fontStyle: 'italic' });\r\nconst EntitiesSection = styleComponent<LuisTextProps>(Stack)('EntitiesSection', { marginLeft: 8 });\r\nconst SeeAll = styleComponent<ILinkProps>(Link)('SeeAll', theme => ({\r\n    color: theme.primaryColor,\r\n    fontSize: 12,\r\n    marginTop: 8,\r\n    overflow: 'hidden',\r\n    $nest: { '&:hover, &:active': { color: theme.primaryColor } }\r\n}));\r\n\r\nexport const FiltersSection = (props: FiltersSectionProps) => {\r\n    const { title, items, onSelectionChange, onSeeAllBtnClick = null, itemsLimit = 5, showSelectAll = false, onToggleSelectAll } = props;\r\n    const { localize } = useLocalization();\r\n\r\n    return (\r\n        <Stack tokens={{ childrenGap: 12 }}>\r\n            <Title fontWeight={scopedTheme.titlesFontWeight as Property.FontWeight}>{title}</Title>\r\n            {items.length > 0 ? (\r\n                <EntitiesSection tokens={{ childrenGap: 16 }}>\r\n                    {showSelectAll && (\r\n                        <Checkbox\r\n                            label={localize(messages.all)}\r\n                            checked={items.reduce((acc, item) => acc && item.isChecked, true)}\r\n                            onChange={(_, isChecked) => onToggleSelectAll(isChecked)}\r\n                        />\r\n                    )}\r\n\r\n                    {items.slice(0, itemsLimit).map(item => (\r\n                        <FilterItemWithCheckbox key={item.id} item={item} onSelectionChange={onSelectionChange} />\r\n                    ))}\r\n                </EntitiesSection>\r\n            ) : (\r\n                <EmptyStateMsg>{localize(messages.emptyStateMsg)}</EmptyStateMsg>\r\n            )}\r\n            {items.length > itemsLimit ? (\r\n                <SeeAll onClick={onSeeAllBtnClick} as=\"button\" aria-label={localize(messages.seeAllAriaLabel, { itemsName: title })}>\r\n                    {localize(messages.seeAll)}\r\n                </SeeAll>\r\n            ) : null}\r\n        </Stack>\r\n    );\r\n};\r\n","/**\r\n * Copyright (c) Microsoft. All rights reserved.\r\n */\r\n\r\nimport { action, computed, observable } from 'mobx';\r\nimport { PassedFilters } from 'src/luis/projects/analytics/types/PassedFilters';\r\nimport { ScoreFilter } from 'src/luis/projects/utterances/types/Filters';\r\nimport { ModelType } from 'src/luis/types/ModelType';\r\nimport { LuisId } from 'src/luis/types/Resource';\r\nimport { FiltersItem, FilterType, SelectionChange } from 'src/verticals/utterancesFilters/types/Filters';\r\n\r\n/**\r\n * Inverts the filter item if it matches the target one.\r\n *\r\n * @param filterItem The filter item to be inverted.\r\n * @param targetItem The target filter item to match with.\r\n */\r\nconst invertFilterItem = (filterItem: FiltersItem, targetId: LuisId): FiltersItem => {\r\n    if (filterItem.id === targetId) {\r\n        return { ...filterItem, isChecked: !filterItem.isChecked };\r\n    }\r\n\r\n    return filterItem;\r\n};\r\n\r\n/**\r\n * Reactive store for the utterance filters.\r\n */\r\nexport class UtteranceFiltersStore {\r\n    @observable\r\n    public intentFilterItems: FiltersItem[];\r\n\r\n    @observable\r\n    public entityFilterItems: FiltersItem[];\r\n\r\n    @observable\r\n    public differenceFilterItems: FiltersItem[];\r\n\r\n    @observable\r\n    public scoreWindow: ScoreFilter;\r\n\r\n    constructor() {\r\n        this.intentFilterItems = [];\r\n        this.entityFilterItems = [];\r\n        this.differenceFilterItems = [];\r\n        this.scoreWindow = { min: 0, max: 1 };\r\n    }\r\n\r\n    @computed\r\n    public get appliedIntentsFilter(): FiltersItem[] {\r\n        return this.intentFilterItems.filter(item => item.isChecked);\r\n    }\r\n\r\n    @computed\r\n    public get appliedEntitiesFilter(): FiltersItem[] {\r\n        return this.entityFilterItems.filter(item => item.isChecked);\r\n    }\r\n\r\n    @computed\r\n    public get appliedDifferenceFilter(): FiltersItem[] {\r\n        return this.differenceFilterItems.filter(item => item.isChecked);\r\n    }\r\n\r\n    @computed\r\n    public get appliedFilters(): FiltersItem[] {\r\n        return [...this.appliedIntentsFilter, ...this.appliedEntitiesFilter, ...this.appliedDifferenceFilter];\r\n    }\r\n\r\n    @computed\r\n    public get withinScoreWindow(): boolean {\r\n        return this.scoreWindow.min !== 0 || this.scoreWindow.max !== 1;\r\n    }\r\n\r\n    @computed\r\n    public get areFilterItemsApplied(): boolean {\r\n        return Boolean(this.appliedIntentsFilter.length || this.appliedEntitiesFilter.length || this.appliedDifferenceFilter.length);\r\n    }\r\n\r\n    @computed\r\n    public get isFilterModeOn(): boolean {\r\n        return Boolean(this.areFilterItemsApplied || this.withinScoreWindow);\r\n    }\r\n\r\n    @computed\r\n    public get isIncorrectFilterActive(): boolean {\r\n        return (\r\n            this.differenceFilterItems.find(f => f.id === 'incorrect') &&\r\n            this.differenceFilterItems.find(f => f.id === 'incorrect').isChecked\r\n        );\r\n    }\r\n\r\n    @computed\r\n    public get isUnclearFilterActive(): boolean {\r\n        return (\r\n            this.differenceFilterItems.find(f => f.id === 'incorrect') && this.differenceFilterItems.find(f => f.id === 'unclear').isChecked\r\n        );\r\n    }\r\n\r\n    /**\r\n     * Initializes the filters values with the given\r\n     * intents.\r\n     */\r\n    @action\r\n    public initializeIntentFilterValues(intents: { id: string | number; name: string }[], activeNearestRivalIds: (string | number)[] = []) {\r\n        this.intentFilterItems = intents.map<FiltersItem>(intent => ({\r\n            id: intent.id,\r\n            name: intent.name,\r\n            filterType: 'intents',\r\n            isChecked: activeNearestRivalIds.some(id => id === intent.id)\r\n        }));\r\n    }\r\n\r\n    /**\r\n     * Initializes the filters values with the given\r\n     * entities.\r\n     */\r\n    @action\r\n    public initializeEntityFilterValues(\r\n        entities: { id: string | number; name: string; typeId?: ModelType }[],\r\n        selectedEntitiesIds: string[] = []\r\n    ) {\r\n        this.entityFilterItems = entities.map<FiltersItem>(entity => ({\r\n            id: entity.id,\r\n            name: entity.name,\r\n            filterType: 'entities',\r\n            entityType: entity.typeId,\r\n            isChecked: selectedEntitiesIds.some(id => id === entity.id)\r\n        }));\r\n    }\r\n\r\n    /**\r\n     * Initializes the difference filter values with the optional initial values.\r\n     */\r\n    @action\r\n    public initializeDifferenceFilterValues(activeDifferenceFiltersInit: ('correct' | 'incorrect' | 'unclear')[] = []) {\r\n        this.differenceFilterItems = [\r\n            {\r\n                id: 'unclear',\r\n                name: 'Unclear',\r\n                isChecked: activeDifferenceFiltersInit.some(d => d === 'unclear'),\r\n                filterType: 'difference'\r\n            },\r\n            {\r\n                id: 'correct',\r\n                name: 'Correct',\r\n                isChecked: activeDifferenceFiltersInit.some(d => d === 'correct'),\r\n                filterType: 'difference'\r\n            },\r\n            {\r\n                id: 'incorrect',\r\n                name: 'Incorrect',\r\n                isChecked: activeDifferenceFiltersInit.some(d => d === 'incorrect'),\r\n                filterType: 'difference'\r\n            }\r\n        ];\r\n    }\r\n\r\n    /**\r\n     * Initializes the score filter's window.\r\n     */\r\n    @action\r\n    public initializeScoreFilterValues(windowSize?: ScoreFilter) {\r\n        this.scoreWindow = windowSize ?? { min: 0, max: 1 };\r\n    }\r\n\r\n    /**\r\n     * Initializes the filters values with the given\r\n     * intents and entities.\r\n     */\r\n    @action\r\n    public initializeFiltersValues(\r\n        intents: { id: string | number; name: string }[],\r\n        entities: { id: string | number; name: string; typeId?: ModelType }[],\r\n        activeDifferenceFiltersInit: ('correct' | 'incorrect' | 'unclear')[],\r\n        activeNearestRivalIds: LuisId[]\r\n    ) {\r\n        this.intentFilterItems = intents.map<FiltersItem>(intent => ({\r\n            id: intent.id,\r\n            name: intent.name,\r\n            filterType: 'intents',\r\n            isChecked: activeNearestRivalIds.some(id => id === intent.id)\r\n        }));\r\n\r\n        this.entityFilterItems = entities.map<FiltersItem>(entity => ({\r\n            id: entity.id,\r\n            name: entity.name,\r\n            filterType: 'entities',\r\n            entityType: entity.typeId,\r\n            isChecked: false\r\n        }));\r\n\r\n        this.differenceFilterItems = [\r\n            {\r\n                id: 'unclear',\r\n                name: 'Unclear',\r\n                isChecked: activeDifferenceFiltersInit.some(d => d === 'unclear'),\r\n                filterType: 'difference'\r\n            },\r\n            {\r\n                id: 'correct',\r\n                name: 'Correct',\r\n                isChecked: activeDifferenceFiltersInit.some(d => d === 'correct'),\r\n                filterType: 'difference'\r\n            },\r\n            {\r\n                id: 'incorrect',\r\n                name: 'Incorrect',\r\n                isChecked: activeDifferenceFiltersInit.some(d => d === 'incorrect'),\r\n                filterType: 'difference'\r\n            }\r\n        ];\r\n\r\n        this.scoreWindow = { min: 0, max: 1 };\r\n    }\r\n\r\n    /**\r\n     * Updates the filter items after selecting/unselecting all.\r\n     */\r\n    @action\r\n    public selectAll(filterType: FilterType, checked: boolean) {\r\n        switch (filterType) {\r\n            case 'entities':\r\n                this.entityFilterItems = this.entityFilterItems.map(item => ({ ...item, isChecked: checked }));\r\n                break;\r\n            case 'intents':\r\n                this.intentFilterItems = this.intentFilterItems.map(item => ({ ...item, isChecked: checked }));\r\n                break;\r\n            default:\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Updates the change occurred in the filter items.\r\n     */\r\n    @action\r\n    public changeFilter(change: SelectionChange) {\r\n        switch (change.changeType) {\r\n            case 'intents':\r\n                this.intentFilterItems = this.intentFilterItems.map(filterItem => invertFilterItem(filterItem, change.args.id));\r\n                break;\r\n            case 'difference':\r\n                this.differenceFilterItems = this.differenceFilterItems.map(filterItem => invertFilterItem(filterItem, change.args.id));\r\n                break;\r\n            case 'score':\r\n                this.scoreWindow = { min: change.args.min, max: change.args.max };\r\n                break;\r\n            case 'entities':\r\n            default:\r\n                this.entityFilterItems = this.entityFilterItems.map(filterItem => invertFilterItem(filterItem, change.args.id));\r\n                break;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Updates the difference filters by the given difference filter type.\r\n     */\r\n    @action\r\n    public applyDifferenceFilters(filters: PassedFilters['differenceFilters']) {\r\n        if (!filters.length) {\r\n            return;\r\n        }\r\n\r\n        this.differenceFilterItems = this.differenceFilterItems.map(filterItem => ({\r\n            ...filterItem,\r\n            isChecked: filterItem.isChecked || filters.indexOf(<'correct' | 'incorrect' | 'unclear'>filterItem.id) !== -1\r\n        }));\r\n    }\r\n\r\n    /**\r\n     * Reset the filters selection state.\r\n     */\r\n    @action\r\n    public clearFilters() {\r\n        this.intentFilterItems = this.intentFilterItems.map(f => ({ ...f, isChecked: false }));\r\n        this.entityFilterItems = this.entityFilterItems.map(f => ({ ...f, isChecked: false }));\r\n        this.differenceFilterItems = this.differenceFilterItems.map(f => ({ ...f, isChecked: false }));\r\n        this.scoreWindow = { min: 0, max: 1 };\r\n    }\r\n}\r\n"],"names":["theme","textStyles","root","textTransform","fontSize","marginLeft","color","textColor","letterSpacing","Badge","props","text","className","title","styles","defaultGridOptions","y","show","lines","defaultZoomOptions","enabled","defaultColorOptions","pattern","defaultLegendOptions","BasicChart","containerElementRef","dataToFocus","newRef","chart","configurations","generatedChart","useAsyncEffect","lifetime","c3","chartConfiguration","grid","zoom","legend","onresize","current","resize","width","offsetWidth","height","offsetHeight","generate","bindto","setAttribute","setTimeout","add","destroy","data","type","load","columns","unload","colors","length","focus","revert","useChart","ref","styleDiv","styleComponent","TitleWrapper","alignItems","TitleContainer","flex","marginRight","whiteSpace","overflow","textOverflow","ActionLink","paddingLeft","titleFontSize","$nest","actionColor","ActionIcon","I","iconSize","Content","transition","overflowY","customProps","collapsed","maxHeight","Header","onTitleClick","disabled","onClick","horizontal","iconName","Collapsible","children","headerProps","deleteButtonTheme","deleteButtonStyles","getClassNames","backgroundColor","border","rootHovered","hoverBackgroundColor","rootPressed","activeBackgroundColor","DeleteButton","messages","okButton","id","defaultMessage","DeletePromptModal","minWidth","onDelete","onDismiss","submitButtonText","invalid","localize","dismissModal","onRenderFooter","cancel","donutChartTheme","getClassName","chartSubtitleClass","fontWeight","subtitleFontSize","lineHeight","subtitleLineHeight","chartLargeTitleClass","largeTitleFontSize","largeTitleLineHeight","largeTitleLetterSpacing","largeTitleFontWeight","chartMediumTitleClass","mediumTitleFontSize","mediumTitleLineHeight","mediumTitleLetterSpacing","DonutChart","size","xData","yData","padding","donutSubtitle","donutTitle","titleFontWeight","subtitleFontWeight","areTitlesInOrder","firstColor","secondColor","thirdColor","isRendered","setIsRendered","basicChartRef","donutSize","smallDonut","mediumDonut","largeDonut","configs","_","d","index","indexOf","order","interaction","donut","label","onrendered","createRoot","querySelector","render","ChartSubtitle","subtitle","B","x","cardTheme","headerFocusStyles","inset","defaultHeaderStyles","headerSpacing","defaultRootStyles","boxShadow","ExpandableCard","cardName","onRenderHeader","titleDescription","onCardClick","isExpanded","isTruncatedText","minimizable","isChevronHidden","onExpansionChange","isSeparatorDisplayed","headerContainer","contentContainer","headerText","stackId","headerId","isSmallOrGreater","isContentExpanded","setIsContentExpanded","expandingIconStyles","transform","handleHeaderClick","grow","key","verticalAlign","tokens","childrenGap","tabIndex","role","onKeyUp","e","Enter","Space","undefined","cursor","maxWidth","variant","shouldWrapText","content","defaultPlaceholder","required","styleInput","InputFile","margin","coloringClassName","errorMessageColor","errorMessageClassName","slideDownIn20","focusStyles","FilePicker","accept","errorMessage","onFilesPicked","multiple","autoFocus","inputId","htmlFor","onChange","files","target","fileLabel","nameLabel","namePlaceholder","ImportModal","onSubmit","fileType","fileName","validateName","isNameRequired","dialogContentProps","isNameFieldDisplayed","nameValidators","createBlacklistValidator","rest","push","createRequiredValidator","formState","formStateDto","updateFormState","file","Blob","createExtensionValidator","name","valid","form","inner","verticalFill","format","getFileLabel","fields","item","value","placeholder","onEnterKeyUp","darkSeparatorClass","separatorLineColor","LuisSeparator","styleAnchor","itemTheme","IconContainer","Stack","itemIconWidth","itemIconColor","SidebarHeader","LuisText","itemLinkHeight","display","SidebarItemLink","flexDirection","itemBackgroundColorHovered","heightStyles","isChild","itemChildLinkHeight","paddingStyles","isChildWithIcon","selectedStyles","isSelected","itemBackgroundColorSelected","contextualMenuStyles","classNamesFunction","menuBackground","iconStyles","LuisSidebarItemNormal","items","isCollapsed","onRenderIcon","onRenderText","secondaryText","dataAutomationId","forceNoWrap","displayChildren","ariaLabel","showMenu","setShowMenu","hasSubItems","shouldDisplayChildrenList","shouldDisplayChildrenCallout","itemLinkFontWeightSelected","itemLinkFontWeight","clickInteraction","linkItem","Boolean","onKeyDown","horizontalAlign","Icon","fontStyle","LuisTooltip","renderParentLinkItem","map","LuisSidebarItem","ContextualMenu","gapSpace","beakWidth","hidden","isBeakVisible","directionalHint","DirectionalHint","rightTopEdge","itemType","coreComponentsTeachingBubbleMessages","sidebarCollapseTitle","sidebarCollapseBody","sidebarExpanded","sidebarCollapsed","hamburgerIconCollapsed","hamburgerIconExpanded","SidePanelRoot","sidebarBackgroundColor","borderRight","sidebarBorder","sidebarWidthCollapsed","sidebarWidthExpanded","StyledLuisSidebarItem","expandButtonFontSize","expandButtonColor","position","right","top","LuisSidebar","itemLists","sidebarToggleButtonId","parentSidebarToggleButtonId","uiStore","dispatcher","useGlobalState","useLocalization","isXXLargeOrGreater","useResponsiveMode","announceAction","announcedComponent","useAnnounced","getId","isSidebarCollapsed","dispatch","FocusZone","teachingBubbles","LuisSidebarCollapse","itemList","NameCellLink","stopPropagation","confirmAriaLabel","LuisContextualMenuInput","menuItems","onNoItemsContent","initValue","showConfirmIcon","menuTriggerProps","contextualMenuProps","onNoExactQueryMatchContent","currentText","setCurrentText","isMenuFocused","setIsMenuFocused","isMenuVisible","setIsMenuVisible","fieldRef","fieldWrapperRef","substringSearchStrategy","concat","every","i","toLocaleLowerCase","find","Divider","dismissMenu","StackItem","align","LuisContextualMenu","isVisible","isFocused","event","isKeyEvent","preventDefault","clickOutsideMenu","contains","focusEvent","blur","ArrowRight","ArrowLeft","Item","LuisTextField","componentRef","onFocus","Escape","ArrowUp","ArrowDown","onTextFieldKeyDown","IconButton","iconProps","pillEditIconAriaLabel","pillRemoveIconAriaLabel","pillTheme","pillIconStyle","iconFontSize","iconPaddingLeft","pillTagItemStyle","minHeight","borderColor","background","close","closeIconHeight","removeIconHoverBackgroundColor","removeIconActiveBackgroundColor","removeIconActiveColor","disabledPill","textDecoration","pillInputTextFieldStyles","fieldGroup","boxSizing","flexShrink","field","selectors","contextualMenuTriggerStyles","calloutTopAdjust","left","calloutLeftAdjust","contextualMenuCalloutStyles","defaultRender","textProps","isDisabled","Pill","pillKey","onPillClick","onRemovePill","isPillEditable","onPillValueChange","onRenderPillContent","initialEditMode","pillInputTextPlaceholder","isDeleteButtonDisabled","isEditModeActive","setIsEditModeActive","TagItem","onRemoveItem","removeButtonAriaLabel","fadeIn200","borderless","bottomLeftEdge","calloutProps","inputPillPlaceholder","addPillAriaLabel","containerTheme","addButtonStyles","icon","PillContainer","pills","onAddNewPill","showInputPill","onAddIconClick","setInputPillValue","inputPillValue","isLuisToolTipHidden","allowAddPills","inputPillMenuItems","isAddPillButtonDisabled","isDeletePillButtonDisabled","addPillButtonRole","onRenderAddPillButtonContent","disabledButtonLuisToolTipMessage","addPillButtonAriaLabel","inputPillMenuNoContent","addPillButtonTooltipIdRef","pillProps","newName","displayedUserRole","componentSurroundedByToolTip","buttonProps","onRenderChildren","sessionStorage","PrivateRoute","location","rootStore","componentToRender","setComponentToRender","isAuthLoading","authStore","isLoading","isSignedIn","sessionUrl","getData","StorageKeys","SessionUrlStorageKey","removeData","to","setData","pathname","displayName","defaultTitle","descriptionLabel","duplicatedNameErrorMessage","RenameModal","description","existingEntityNames","withDescription","descriptionPlaceholder","nameMaxLength","createLengthValidator","createDuplicateValueValidator","duplicateErrorMessages","n","multiline","ChildrenContainer","flexFlow","TagContainer","selection","onRemoveItems","onEscPress","focusZoneRef","tagContainerRef","hasTagChildren","tagsContainer","getSelectedCount","getSelection","onBlur","onFocusCapture","_e","_root","fieldPlaceholder","fieldAriaLabel","fabricFieldClassName","disabledFabricClassName","TagInputField","phraseListValuesContainerRef","submitChars","onEmptyFieldBackspace","isAddingValuesDisabled","isRequired","fieldValue","setFieldValue","onPaste","pasteData","clipboardData","types","split","trim","filter","c","inputVal","stepperTheme","separatorStyler","horizontalStyles","paddingTop","completedStyles","defaultColor","nonCompletedStyles","inactiveSeparatorColor","LuisStepperSeparator","isNumeric","isCompleted","isContainerFullWidth","verticalStyles","vertical","optional","buttonStyler","stackStyler","expandingContainerWidthStyles","separatorContainerStyles","marginBottom","verticalStepButtonStyles","flexContainer","numericIconContainer","borderRadius","noneIconStyles","noneStepIconColor","stepIconStyles","stepButtonStyles","rootDisabled","disabledStepColor","getIconName","status","depth","LuisStepperStep","state","stepsCount","onStepClick","stepButtonProps","onRenderStepLabel","hasInnerStepper","isLastStep","renderInternalSeparator","hide","DefaultButton","LuisStepper","steps","child","StepContainer","step","useDocumentEventHandler","eventType","listener","document","addEventListener","removeEventListener","usePrevious","initialValue","transformLineChartData","isZeroedLineChartData","transformDonutChartData","transformStackedBarChartData","groups","ret","groupName","groupIndex","reduce","acc","transformConfusionMatrixChartData","score","val","commandBarItemSelectionManager","commands","noneKeys","singleKeys","multiKeys","selectionCount","keySet","command","forEach","getFormattedDate","date","getDate","getMonth","getFullYear","ctrlKey","metaKey","undoKey","shiftKey","toLowerCase","redoKey","selectAllKey","copyKey","regex","patternAny","list","composite","hierarchical","prebuilt","simple","getTranslatedEntityType","modelType","Composite","HierarchicalChild","Hierarchical","List","PatternAny","Prebuilt","Regex","Simple","Role","getNotFoundItem","itemProps","flexGrow","textAlign","secondaryTextAlign","legendTheme","Row","EmptyRow","emptyRowHeight","StatsText","bold","font","largeLetterSpacing","labelFontSize","mediumLineHeight","boldFont","semiboldFont","ComparisonItem","isBadResult","rowType","result","xSmallFont","largeLineHeight","comparisonLegendItemWidth","xLargeLetterSpacing","comparisonLegendItemSpacing","badComparisonColor","goodComparisonColor","statsComparisonColor","LegendLabel","mediumFontSize","legendSpacing","mediumLetterSpacing","button","eventBus","queueTeachingBubble","teachingBubbleDto","emit","dequeueTeachingBubble","createTeachingBubble","body","hasGotIt","hasSkip","message","config","delay","TeachingBubblesDelay","TestBladeHeader","headerFontWeight","headerFontSize","BrushStore","constructor","this","currentUtteranceId","hoveredEntitiesIds","isValidState","setCurrentUtteranceId","uid","setHoveredEntitiesIds","entitiesIds","setIsValidState","isValid","invalidUtteranceId","MenuStore","clickedOnLabel","_cancelSelectionCB","setTarget","setCancelSelectionCallBackCB","cb","resetMenuState","setClickedOnLabel","isHidden","shallow","LabelingStore","mode","brushStore","menuStore","tokenSelectionMetadata","setLabelingMode","setTokenSelectionMetadata","disabledUtteranceId","modalTitle","modalOption","footerSubmitButton","EditUtteranceModal","isCheckboxChecked","setIsCheckboxChecked","checked","_ev","SublistSynonymsCell","values","isEditMode","onAddValues","onRemoveValues","isRemovingDisabled","onExitFocus","userRole","serviceKey","canWrite","tagItems","v","t","tagsToRemove","wrap","newValues","filteredValues","lastValue","useBrushEventListeners","input","attachedToRef","getCoordinates","handleMouseMove","requestAnimationFrame","style","handleMouseEnter","opacity","handleMouseLeave","shapeClassName","contextualMenuClassName","tokenContainerDataAttribute","tokenDataAttribute","bracketDataAttribute","tokenIndexDataAttribute","depthColorsMap","depth1Color","depth2Color","depth3Color","depth4Color","depth5Color","SHAPE_LEVEL_HEIGHT","SHAPE_LEVEL_HEIGHT_NO_NAME","SHAPE_HORIZONTAL_MARGIN","MULTI_LINE_MARGIN","SHAPE_DEPTH_ONE_THICKNESS","SHAPE_THICKNESS","RESIZE_HANDLE_DEPTH_ONE_SIZE","RESIZE_HANDLE_SIZE","LABEL_Z_INDEX","TOKEN_Z_INDEX","INVALID_INDEX","getDefaultState","dragging","hoverEnd","hoverStart","labelEnd","labelStart","labelingPinPoint","labelingReducer","action","newState","hoverReducer","labelReducer","params","isKeyboardInteraction","lastIndex","commonState","scoreHeader","entitiesHeader","nearestIntentHeader","intentsHeader","differenceHeader","scoreSliderMinAriaLabel","scoreSliderMaxAriaLabel","paginationSettingButtonDescription","viewPerPage","resultsCount","StyledSeparator","Separator","FiltersWrapper","marginTop","ResultsCount","pageSizeBtnStyles","pageSizeBtnHeight","unselectedPageSizeBtnStyles","primaryColor","MainFiltersBlade","filters","onOpenBladeClicked","onSelectionChange","pageSize","onChangePageSize","displayedFilters","renderSlider","setRenderSlider","includes","titlesColor","FiltersBladeSlider","onScoreChange","minHandleAriaLabel","maxHandleAriaLabel","FiltersSection","entities","itemsLimit","onSeeAllBtnClick","nearestRivals","difference","ActionButton","count","intents","allFilters","scopedTheme","Blade","BackButtonContainer","BackButton","primary","FiltersBlade","filtersStore","utterancesCount","headerElement","scoreWindow","entityFilterItems","intentFilterItems","differenceFilterItems","serviceName","bladeId","setBladeId","handleSelectAll","filterType","isChecked","selectAll","currentActiveBlade","FiltersSearch","showSelectAll","onToggleSelectAll","isFilterModeOn","FilterItemWithCheckbox","onRenderLabel","checkboxProps","entityType","changeType","args","RangeSlider","sliderRangeClassName","SliderContainer","sliderPadding","disabledMaxSliderClassName","sliderTrackClassName","sliderColor","scoreSliderHandles","borderWidth","disableMaxChange","internalScore","setInternalScore","max","min","tipProps","visible","overlay","ariaLabelGroupForHandles","onAfterChange","differenceFilterType","entityFilterType","intentFilterType","correctFilterName","incorrectFilterName","unclearFilterName","filtersTheme","FiltersPillContainer","onRemoveFilter","setShowInputPill","existingFilterPillsProps","FilterPillContent","filterName","iconColor","incorrectColor","unclearColor","boldFontWeight","searchInput","all","ItemsSection","query","setQuery","filteredItems","sort","l","r","newValue","debounceTime","itemsLength","seeAll","seeAllAriaLabel","emptyStateMsg","Title","EmptyStateMsg","EntitiesSection","SeeAll","titlesFontWeight","slice","as","itemsName","invertFilterItem","filterItem","targetId","UtteranceFiltersStore","appliedIntentsFilter","appliedEntitiesFilter","appliedDifferenceFilter","appliedFilters","withinScoreWindow","areFilterItemsApplied","isIncorrectFilterActive","f","isUnclearFilterActive","initializeIntentFilterValues","activeNearestRivalIds","intent","some","initializeEntityFilterValues","selectedEntitiesIds","entity","typeId","initializeDifferenceFilterValues","activeDifferenceFiltersInit","initializeScoreFilterValues","windowSize","initializeFiltersValues","changeFilter","change","applyDifferenceFilters","clearFilters"],"sourceRoot":""}