@telia-ace/knowledge-widget-components-guide 1.0.24-next.1 → 1.0.24-next.3

package/dist/guide.e602b80c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guide.e602b80c.js","sources":["../src/answer-version-picker.tsx","../src/feedback.tsx","../src/categories.tsx","../src/functions.tsx","../src/languages.tsx","../src/toolbar.tsx","../src/guide.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { List, paddedBorderTabStyle, TextLink, useRouteData } from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { useMemo } from 'react';\nimport { AvailablePerspectives, GuideProps } from './guide-component';\n\ntype Props = {\n    className?: string;\n    defaultAnswerVersionLabel: string;\n    availablePerspectives?: AvailablePerspectives[];\n    guide: GuideProps;\n};\n\ntype Perspective = { label: string; connection: string };\n\nconst AnswerVersionPicker: React.FC<Props> = ({\n    className,\n    defaultAnswerVersionLabel,\n    guide: { perspective: selectedPerspective, perspectives: guidePerspectives },\n    availablePerspectives = [],\n}) => {\n    const { name, params } = useRouteData();\n\n    const perspectives: Perspective[] = useMemo(() => {\n        if (!guidePerspectives || !availablePerspectives.length) {\n            return [];\n        }\n\n        return availablePerspectives\n            .filter(({ name }) => !!guidePerspectives[name])\n            .map(({ name, title }) => {\n                return { label: title, connection: guidePerspectives[name] };\n            });\n    }, [guidePerspectives, availablePerspectives]);\n\n    return (\n        <StyledList\n            className={appendClassNames(className, 'humany-guide-answer-version-picker')}\n            items={perspectives}\n            renderItem={(perspective: Perspective) => {\n                const label =\n                    perspective.label === 'Default' ? defaultAnswerVersionLabel : perspective.label;\n                const selected = selectedPerspective === perspective.connection;\n                const isRoot =\n                    selected && (!params.connection || selectedPerspective === params.connection);\n\n                return (\n                    <li key={perspective.connection} data-version={perspective.connection}>\n                        <VersionLink\n                            key={perspective.connection}\n                            as={isRoot ? 'span' : undefined}\n                            text={label}\n                            routeName={name}\n                            selected={selected}\n                            aria-label={label}\n                            title={label}\n                            params={{\n                                ...params,\n                                connection: perspective.connection,\n                            }}\n                        />\n                    </li>\n                );\n            }}\n        />\n    );\n};\n\nexport default AnswerVersionPicker;\n\nconst StyledList = styled(List)`\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    li:not(:last-child) {\n        margin: 0 calc(${(p) => p.theme.sizes?.small} * 2) 0 0;\n    }\n\n    li > span {\n        cursor: default;\n    }\n`;\n\nconst VersionLink = styled(TextLink)<{ selected: boolean }>`\n    font-weight: 300;\n    color: ${(p) => p.theme.colors?.text};\n    text-decoration: none;\n\n    ${(p) =>\n        p.selected &&\n        css`\n            font-weight: bold;\n            text-decoration: underline;\n        `}\n\n    &:focus-visible {\n        ${paddedBorderTabStyle};\n    }\n`;\n","import styled from '@emotion/styled';\nimport { ContactList } from '@telia-ace/knowledge-widget-adapters';\nimport {\n    Feedback as FeedbackUi,\n    StyledHeaderText,\n    useDispatch,\n    useProperties,\n} from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport { GuideComponentProps } from './guide-component';\n\ntype Props = { backButtonShown?: boolean; accordion?: boolean };\n\nconst StyledContactList = styled(ContactList)<{\n    accordion: 'true' | 'false';\n    backButtonShown: 'true' | 'false';\n}>`\n    border-top: ${(p) => p.theme.border};\n    ${(p) => p.backButtonShown === 'true' && `border-bottom: ${p.theme.border};`}\n`;\n\nconst StyledFeedback = styled(FeedbackUi)<{ accordion: 'true' | 'false' }>`\n    ${(p) => `padding: ${p.theme.sizes?.large} ${p.theme.sizes?.large};`}\n`;\n\nconst Recognition = styled(StyledHeaderText)<{ accordion: 'true' | 'false' }>`\n    ${(p) => `padding: ${p.theme.sizes?.large} ${p.theme.sizes?.large};`}\n\n    display: block;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    font-weight: bold;\n`;\n\nconst Feedback: React.FC<Props> = ({ backButtonShown = false, accordion = false }) => {\n    const dispatch = useDispatch();\n    const {\n        loading = false,\n        dialog = [],\n        guide,\n\n        handoverContactMethods = [],\n        contactHeader,\n\n        showFeedback,\n        feedbackDirection = 'horizontal',\n        feedbackRecognitionLabel,\n        feedbackGiven,\n        feedbackHeader,\n        positiveFeedbackLabel,\n        negativeFeedbackLabel,\n        contactFeedbackLabel,\n    } = useProperties<GuideComponentProps>();\n\n    if (\n        !showFeedback ||\n        !guide ||\n        !guide.allowFeedback ||\n        (loading && !feedbackGiven) ||\n        dialog.length\n    ) {\n        return null;\n    }\n\n    if (feedbackGiven && feedbackRecognitionLabel && !handoverContactMethods.length) {\n        return (\n            <Recognition accordion={accordion ? 'true' : 'false'}>\n                {feedbackRecognitionLabel}\n            </Recognition>\n        );\n    }\n\n    return guide.hasHandover && handoverContactMethods.length ? (\n        <StyledContactList\n            backButtonShown={backButtonShown ? 'true' : 'false'}\n            accordion={accordion ? 'true' : 'false'}\n            header={contactHeader}\n            contactMethods={handoverContactMethods}\n            dispatch={dispatch}\n        />\n    ) : (\n        <StyledFeedback\n            accordion={accordion ? 'true' : 'false'}\n            positive={positiveFeedbackLabel}\n            negative={guide.hasHandover ? contactFeedbackLabel : negativeFeedbackLabel}\n            header={feedbackHeader}\n            selected={feedbackGiven}\n            onFeedback={(feedback: any) => dispatch('feedback', feedback)}\n            direction={feedbackDirection}\n        />\n    );\n};\n\nexport default Feedback;\n","import styled from '@emotion/styled';\nimport { Category, PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport {\n    StyledListButton,\n    SymbolBadge,\n    Text,\n    Tooltip,\n    useContainer,\n} from '@telia-ace/knowledge-widget-ui';\nimport { buildCategoryTrail } from '@telia-ace/widget-utilities';\nimport React, { useEffect, useState } from 'react';\nimport { GuideProps, ToolbarProps } from './guide-component';\n\ntype Props = {\n    guide: GuideProps;\n    toolbar: ToolbarProps;\n};\n\nconst Categories: React.FC<Props> = ({\n    guide: { categories = [] },\n    toolbar: { picker = PickerTypes.NONE },\n}) => {\n    const [trail, setTrail] = useState<Category[][]>([]);\n    const container = useContainer();\n\n    useEffect(() => {\n        buildCategoryTrail(\n            'index',\n            categories.map((id) => id.toString()),\n            container\n        ).then((result) => {\n            setTrail(result);\n        });\n    }, [categories]);\n\n    if (!trail.length) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            className=\"humany-guide-category-tooltip\"\n            sticky={picker === PickerTypes.DRAWER}\n            content={\n                <>\n                    {trail.map((segments) => {\n                        return (\n                            <CategoryTrail\n                                className=\"humany-guide-category-trail\"\n                                key={segments.map((c) => c.id).join('.')}\n                            >\n                                {segments.map((category, index: number) => {\n                                    return (\n                                        <Text\n                                            className=\"humany-guide-category-trail-segment\"\n                                            key={category.id}\n                                        >\n                                            {category.symbol && index === 0 && (\n                                                <SymbolBadge size={14} symbol={category.symbol} />\n                                            )}\n                                            {category.title}\n                                            {index !== segments.length - 1 && (\n                                                <CategorySeparator className=\"humany-category-separator\">\n                                                    /\n                                                </CategorySeparator>\n                                            )}\n                                        </Text>\n                                    );\n                                })}\n                            </CategoryTrail>\n                        );\n                    })}\n                </>\n            }\n        >\n            {picker === PickerTypes.DRAWER ? (\n                <StyledListButton\n                    className=\"humany-guide-category-tooltip-button\"\n                    data-has-label=\"false\"\n                    data-has-symbol=\"true\"\n                >\n                    <CategoriesSymbolBadge\n                        size={19}\n                        symbol={{ type: 'Svg', content: 'information' }}\n                    />\n                </StyledListButton>\n            ) : (\n                <CategoriesSymbolBadge size={19} symbol={{ type: 'Svg', content: 'information' }} />\n            )}\n        </Tooltip>\n    );\n};\n\nexport default Categories;\n\nconst CategoryTrail = styled.div`\n    i,\n    svg {\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    }\n\n    &:not(:last-child) {\n        margin: 0 0 ${(p) => p.theme.sizes?.small};\n    }\n`;\n\nconst CategorySeparator = styled(Text)`\n    margin: 0 ${(p) => p.theme.sizes?.small};\n`;\n\nconst CategoriesSymbolBadge = styled(SymbolBadge)`\n    display: block;\n`;\n","import styled from '@emotion/styled';\nimport { PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport {\n    DispatchAction,\n    DrawerAnimationType,\n    DrawerList,\n    DropdownList,\n    FavoriteButton,\n    StyledListButton,\n    StyledText,\n    SymbolBadge,\n    useFavorites,\n} from '@telia-ace/knowledge-widget-ui';\nimport React, { useCallback, useMemo } from 'react';\nimport { GuideProps } from './guide-component';\n\nexport type FunctionListItem = {\n    type: string;\n    child: React.ReactNode;\n};\n\ntype Props = {\n    header?: string;\n    tooltip?: string;\n    printActionLabel?: string;\n    copyActionLabel?: string;\n    addFavoriteTooltip?: string;\n    removeFavoriteCancelLabel?: string;\n    removeFavoriteConfirmLabel?: string;\n    removeFavoriteHeader?: string;\n    removeFavoriteLabel?: string;\n    removeFavoriteTooltip?: string;\n    toolbarFunctionsCloseButtonAriaLabel?: string;\n    guide: GuideProps;\n    allowCopy?: boolean;\n    allowPrint?: boolean;\n    showFavoriteToggle?: boolean;\n    picker?: PickerTypes;\n    dispatch: DispatchAction;\n};\n\nconst Functions: React.FC<Props> = ({\n    header,\n    tooltip,\n    printActionLabel,\n    copyActionLabel,\n    addFavoriteTooltip,\n    removeFavoriteCancelLabel,\n    removeFavoriteConfirmLabel,\n    removeFavoriteHeader,\n    removeFavoriteLabel,\n    removeFavoriteTooltip,\n    toolbarFunctionsCloseButtonAriaLabel,\n    allowCopy = false,\n    allowPrint = false,\n    showFavoriteToggle = false,\n    picker = PickerTypes.NONE,\n    guide,\n    dispatch,\n}) => {\n    const [favorites, actions] = useFavorites();\n\n    const handleCopy = useCallback(\n        (event: any) => {\n            if (guide) {\n                dispatch('copy', guide);\n            }\n        },\n        [guide, dispatch]\n    );\n\n    const handlePrint = useCallback(() => {\n        if (guide) {\n            dispatch('print');\n        }\n    }, [guide, dispatch]);\n\n    const items = useMemo(() => {\n        const { id, title } = guide;\n\n        const items: FunctionListItem[] = [];\n\n        if (allowCopy) {\n            items.push({\n                type: 'copy',\n                child: (\n                    <StyledListButton\n                        data-has-label={copyActionLabel ? 'true' : 'false'}\n                        data-has-symbol=\"true\"\n                        title={copyActionLabel}\n                        aria-label={printActionLabel}\n                        onClick={handleCopy}\n                    >\n                        <ColoredSymbolBadge size={16} symbol={{ type: 'Svg', content: 'copy' }} />\n                        {copyActionLabel && <StyledText>{copyActionLabel}</StyledText>}\n                    </StyledListButton>\n                ),\n            });\n        }\n\n        if (allowPrint) {\n            items.push({\n                type: 'print',\n                child: (\n                    <StyledListButton\n                        data-has-label={printActionLabel ? 'true' : 'false'}\n                        data-has-symbol=\"true\"\n                        title={printActionLabel}\n                        aria-label={printActionLabel}\n                        onClick={handlePrint}\n                    >\n                        <ColoredSymbolBadge size={16} symbol={{ type: 'Svg', content: 'print' }} />\n                        {printActionLabel && <StyledText>{printActionLabel}</StyledText>}\n                    </StyledListButton>\n                ),\n            });\n        }\n\n        if (showFavoriteToggle) {\n            const isFavorite = favorites.indexOf(id) > -1;\n            items.push({\n                type: 'favorite',\n                child: (\n                    <FavoriteButton\n                        id={id}\n                        guideTitle={title}\n                        isFavorite={isFavorite}\n                        buttonLabel={isFavorite ? removeFavoriteTooltip : addFavoriteTooltip}\n                        addFavoriteTooltip={addFavoriteTooltip}\n                        removeFavoriteCancelLabel={removeFavoriteCancelLabel}\n                        removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\n                        removeFavoriteHeader={removeFavoriteHeader}\n                        removeFavoriteLabel={removeFavoriteLabel}\n                        removeFavoriteTooltip={removeFavoriteTooltip}\n                        actions={actions}\n                    />\n                ),\n            });\n        }\n\n        return items;\n    }, [\n        favorites,\n        guide,\n        allowCopy,\n        allowPrint,\n        showFavoriteToggle,\n        printActionLabel,\n        copyActionLabel,\n        addFavoriteTooltip,\n        removeFavoriteCancelLabel,\n        removeFavoriteConfirmLabel,\n        removeFavoriteHeader,\n        removeFavoriteLabel,\n        removeFavoriteTooltip,\n    ]);\n\n    if (!items.length) {\n        return null;\n    }\n\n    const trigger = (\n        <StyledTriggerButton\n            tabIndex={0}\n            title={tooltip}\n            data-has-symbol=\"true\"\n            data-has-label=\"false\"\n        >\n            <ColoredSymbolBadge symbol={{ type: 'Svg', content: 'options' }} size={18} />\n        </StyledTriggerButton>\n    );\n\n    const renderListItem = ({ type, child }: FunctionListItem) => {\n        return (\n            <li key={type} data-function-type={type}>\n                {child}\n            </li>\n        );\n    };\n\n    if (picker === PickerTypes.DROPDOWN) {\n        return (\n            <StyledDropdownList\n                className=\"humany-guide-functions-dropdown-list\"\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n                closeButtonAriaLabel={toolbarFunctionsCloseButtonAriaLabel}\n            />\n        );\n    }\n\n    if (picker === PickerTypes.DRAWER) {\n        return (\n            <DrawerList\n                className=\"humany-guide-functions-drawer-list\"\n                animation={{ type: DrawerAnimationType.SlideInBottom }}\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n                closeButtonAriaLabel={toolbarFunctionsCloseButtonAriaLabel}\n            />\n        );\n    }\n\n    return null;\n};\n\nexport default Functions;\n\nconst ColoredSymbolBadge = styled(SymbolBadge)`\n    circle {\n        fill: ${(p) => p.theme.colors?.text};\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst StyledDropdownList = styled(DropdownList)`\n    display: block;\n    min-height: auto;\n`;\n\nconst StyledTriggerButton = styled(StyledListButton)<any>`\n    padding: calc(${(p) => p.theme.sizes?.small} * 2) 0;\n`;\n","import styled from '@emotion/styled';\nimport { LanguageProperties } from '@telia-ace/knowledge-widget-component-utilities';\nimport { PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport {\n    DrawerAnimationType,\n    DrawerList,\n    DropdownList,\n    paddedBorderTabStyle,\n    StyledListButton,\n    SymbolBadge,\n    Text,\n    TextLink,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { createParams } from '@telia-ace/widget-utilities';\nimport React, { useMemo } from 'react';\nimport { GuideProps } from './guide-component';\n\nexport type LanguageListItem = {\n    id: string;\n    key: string;\n    label: string;\n};\n\ntype Props = Merge<\n    {\n        header?: string;\n        tooltip?: string;\n        guide: GuideProps;\n        picker?: PickerTypes;\n    },\n    LanguageProperties\n>;\n\nconst getCurrentLanguageLabel = (guide: GuideProps, languages: LanguageListItem[]) => {\n    return languages.find((l) => l.id === guide.id)?.label || '';\n};\n\nconst Languages: React.FC<Props> = ({\n    header,\n    tooltip,\n    picker = PickerTypes.NONE,\n    guide,\n    ...other\n}) => {\n    const { name, params } = useRouteData();\n\n    const items = useMemo(() => {\n        return Object.keys(guide.translations || {}).reduce((acc: LanguageListItem[], key) => {\n            const item: Partial<LanguageListItem> = {};\n            item.key = key;\n            item.id = (guide.translations || {})[key];\n            item.label = (other as { [key: string]: string })[`${key}LanguageLabel`];\n\n            if (item.id || item.label) {\n                acc.push(item as LanguageListItem);\n            }\n\n            return acc;\n        }, []);\n    }, [guide, other]);\n\n    if (!items.length) {\n        return null;\n    }\n\n    const currentLanguage = getCurrentLanguageLabel(guide, items);\n\n    const trigger = (\n        <Trigger\n            tabIndex={0}\n            title={tooltip}\n            data-has-symbol=\"true\"\n            data-has-label={picker === PickerTypes.DROPDOWN && currentLanguage ? 'true' : 'false'}\n        >\n            {picker === PickerTypes.DROPDOWN && (\n                <>\n                    {currentLanguage && <LanguageButtonText>{currentLanguage}</LanguageButtonText>}\n                    <LanguageCaretSymbolBadge\n                        symbol={{ type: 'Svg', content: 'caret-down' }}\n                        size={11}\n                    />\n                </>\n            )}\n            {picker === PickerTypes.DRAWER && (\n                <>\n                    <ColoredSymbolBadge symbol={{ type: 'Svg', content: 'language' }} size={20} />\n                </>\n            )}\n        </Trigger>\n    );\n\n    const renderListItem = ({ label, key, id }: LanguageListItem) => {\n        return (\n            <li key={key} data-language={key}>\n                <LanguageLink\n                    tabIndex={0}\n                    text={label}\n                    routeName={name}\n                    selected={guide.id === id}\n                    params={createParams({\n                        ...params,\n                        connection: undefined,\n                        guide: id,\n                    })}\n                />\n            </li>\n        );\n    };\n\n    if (picker === PickerTypes.DROPDOWN) {\n        return (\n            <StyledDropdownList\n                className=\"humany-guide-languages-dropdown-list\"\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n            />\n        );\n    }\n\n    if (picker === PickerTypes.DRAWER) {\n        return (\n            <DrawerList\n                className=\"humany-guide-languages-drawer-list\"\n                animation={{ type: DrawerAnimationType.SlideInBottom }}\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n            />\n        );\n    }\n\n    return null;\n};\n\nexport default Languages;\n\nconst Trigger = styled(StyledListButton)`\n    &&& {\n        margin: 0 ${(p) => `calc(${p.theme.sizes?.small} * 2)`} 0 0;\n    }\n`;\n\nconst ColoredSymbolBadge = styled(SymbolBadge)`\n    circle {\n        fill: ${(p) => p.theme.colors?.text};\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst LanguageButtonText = styled(Text)`\n    margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    font-size: ${(p) => p.theme.fonts?.normal};\n`;\n\nconst LanguageCaretSymbolBadge = styled(SymbolBadge)`\n    align-self: flex-end;\n    stroke-width: 2px;\n    stroke-linecap: round;\n\n    && {\n        width: 0.6em;\n        height: 1em;\n    }\n    line {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst StyledDropdownList = styled(DropdownList)`\n    display: block;\n    min-height: auto;\n`;\n\nconst LanguageLink = styled(TextLink)<any>`\n    color: ${(p) => (p.selected ? p.theme.colors?.primary : p.theme.colors?.text)};\n    ${(p) => p.selected && 'font-weight: bold;'}\n\n    outline: none;\n    &:focus-visible {\n        ${paddedBorderTabStyle}\n        text-decoration: underline;\n    }\n`;\n","import styled from '@emotion/styled';\nimport { PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport { DispatchAction, useProperties } from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport Categories from './categories';\nimport Functions from './functions';\nimport { GuideComponentProps, ToolbarProps } from './guide-component';\nimport Languages from './languages';\n\ntype Props = {\n    className?: string;\n    dispatch: DispatchAction;\n};\n\nconst isEmpty = (toolbar: ToolbarProps) => {\n    const {\n        allowCopy = false,\n        allowPrint = false,\n        guideCategories = false,\n        language = false,\n        showFavoriteToggle = false,\n        picker = PickerTypes.NONE,\n    } = toolbar;\n\n    if (\n        (!allowCopy && !allowPrint && !language && !showFavoriteToggle && !guideCategories) ||\n        picker === PickerTypes.NONE\n    ) {\n        return true;\n    }\n\n    return false;\n};\n\nconst Toolbar: React.FC<Props> = ({ className = '', dispatch }) => {\n    const {\n        toolbarLanguageHeader,\n        toolbarFunctionsHeader,\n        toolbarLanguageTooltip,\n        toolbarFunctionsTooltip,\n        toolbarFunctionsCloseButtonAriaLabel,\n        printActionLabel,\n        copyActionLabel,\n        addFavoriteTooltip,\n        removeFavoriteCancelLabel,\n        removeFavoriteConfirmLabel,\n        removeFavoriteHeader,\n        removeFavoriteLabel,\n        removeFavoriteTooltip,\n        guide,\n        toolbar,\n        ...other\n    } = useProperties<GuideComponentProps>();\n\n    if (!guide || !toolbar || isEmpty(toolbar)) {\n        return null;\n    }\n\n    const { language, guideCategories, allowCopy, allowPrint, showFavoriteToggle, picker } =\n        toolbar;\n\n    return (\n        <Wrapper className={appendClassNames('humany-guide-toolbar', className)}>\n            {language && Object.keys(guide.translations || {}).length > 1 && (\n                <Languages\n                    guide={guide}\n                    header={toolbarLanguageHeader}\n                    tooltip={toolbarLanguageTooltip}\n                    picker={picker}\n                    {...other}\n                />\n            )}\n            {guideCategories && <Categories guide={guide} toolbar={toolbar} />}\n            {(allowCopy || allowPrint || showFavoriteToggle) && (\n                <Functions\n                    guide={guide}\n                    header={toolbarFunctionsHeader}\n                    tooltip={toolbarFunctionsTooltip}\n                    printActionLabel={printActionLabel}\n                    copyActionLabel={copyActionLabel}\n                    addFavoriteTooltip={addFavoriteTooltip}\n                    removeFavoriteCancelLabel={removeFavoriteCancelLabel}\n                    removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\n                    removeFavoriteHeader={removeFavoriteHeader}\n                    removeFavoriteLabel={removeFavoriteLabel}\n                    removeFavoriteTooltip={removeFavoriteTooltip}\n                    toolbarFunctionsCloseButtonAriaLabel={toolbarFunctionsCloseButtonAriaLabel}\n                    allowCopy={allowCopy}\n                    allowPrint={allowPrint}\n                    showFavoriteToggle={showFavoriteToggle}\n                    picker={picker}\n                    dispatch={dispatch}\n                />\n            )}\n        </Wrapper>\n    );\n};\n\nexport default Toolbar;\n\nconst Wrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 0 auto;\n\n    > :not(:last-child) {\n        margin: 0 calc(${(p) => p.theme.sizes?.small} * 2) 0 0;\n    }\n`;\n","import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { contactLink, ContactList } from '@telia-ace/knowledge-widget-adapters';\nimport { Component, NotFound } from '@telia-ace/knowledge-widget-types-grid';\nimport {\n    Button,\n    contentBox,\n    createEmptyComponent,\n    DialogLink,\n    DialogList,\n    embeddedLinkMapper,\n    genericHtml,\n    headingElement,\n    Lightbox,\n    linkTabStyle,\n    Loader,\n    loadingOpacity,\n    Metadata,\n    Paragraph,\n    useChildren,\n    useContainer,\n    useDispatch,\n    useProperties,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\nimport AnswerVersionPicker from './answer-version-picker';\nimport Feedback from './feedback';\nimport { GuideComponentProps } from './guide-component';\nimport Toolbar from './toolbar';\n\ntype Props = { className: string; accordion?: boolean };\n\nconst Guide = forwardRef<HTMLDivElement, Props>(\n    ({ className, accordion = false, ...other }, ref) => {\n        const {\n            loading = false,\n            dialog = [],\n            contactMethods = [],\n            showHeader = true,\n            showAnswerVersions = false,\n            defaultAnswerVersionLabel = 'Default',\n            backButtonLabel,\n            metadataByLabel,\n            metadataModifiedLabel,\n            metadataPublishedLabel,\n            availablePerspectives,\n            metadata,\n            toolbar,\n            guide,\n            error,\n        } = useProperties<GuideComponentProps>();\n        const {\n            params: { connection },\n        } = useRouteData();\n        const container = useContainer();\n        const children = useChildren();\n        const dispatch = useDispatch();\n\n        const transform = useMemo(() => {\n            return {\n                transform: {\n                    img: (attrs: any) => (\n                        <Lightbox attrs={attrs} htmlBody={guide?.body || ''}></Lightbox>\n                    ),\n                    a: (attr: any) => {\n                        const { children, ...otherAttr } = attr;\n                        const connectionId = otherAttr['data-target'];\n                        if (connectionId && dialog.length) {\n                            const item = dialog.find(\n                                ({ connection }: any) => connection === connectionId\n                            );\n                            if (item) {\n                                return <DialogLink {...item}>{children}</DialogLink>;\n                            }\n                        }\n\n                        const defaultInstructions = embeddedLinkMapper(container);\n\n                        return defaultInstructions(attr);\n                    },\n                },\n            };\n        }, [guide, container, dialog]);\n\n        const handleBackButtonClick = useCallback(() => {\n            dispatch('back');\n        }, [dispatch]);\n\n        if (!guide && !error && !loading) {\n            return createEmptyComponent(container, {\n                ...other,\n                className: appendClassNames(className, 'humany-guide'),\n            });\n        }\n\n        const { id = '', title = '', body = '', translations = {} } = guide || {};\n\n        if (error && error.status === 404) {\n            return <NotFound showSearch={false} />;\n        }\n\n        const showBackButton = !!accordion && !!connection;\n        const language = Object.keys(translations).find((key) => translations[key] === `${id}`);\n\n        return (\n            <Wrapper\n                ref={ref}\n                {...other}\n                data-loading={loading}\n                className={appendClassNames(className, 'humany-guide')}\n            >\n                <Content\n                    data-loading={loading}\n                    accordion={accordion ? 'true' : 'false'}\n                    className=\"humany-guide-content\"\n                >\n                    {((showAnswerVersions && guide) || !!toolbar) && (\n                        <Top className=\"humany-guide-top\">\n                            {showAnswerVersions && guide && (\n                                <AnswerVersionPicker\n                                    defaultAnswerVersionLabel={defaultAnswerVersionLabel}\n                                    availablePerspectives={availablePerspectives}\n                                    guide={guide}\n                                />\n                            )}\n                            {!!toolbar && <Toolbar dispatch={dispatch} />}\n                        </Top>\n                    )}\n                    {!!(title || body) && (\n                        <Body\n                            className=\"humany-guide-body\"\n                            accordion={accordion ? 'true' : 'false'}\n                            header={(showHeader && title) || undefined}\n                            html={body}\n                            htmlParseInstruction={transform}\n                            lang={language}\n                        />\n                    )}\n                    {dialog && body.indexOf('h-option-link') === -1 && (\n                        <StyledDialogList dialog={dialog} />\n                    )}\n                    <StyledContactList\n                        backButtonShown={showBackButton ? 'true' : 'false'}\n                        contactMethods={contactMethods}\n                        dispatch={dispatch}\n                        guideId={guide && guide.id}\n                    />\n                    {!contactMethods.length && (\n                        <Feedback backButtonShown={showBackButton} accordion={accordion} />\n                    )}\n                    {showBackButton && (\n                        <BackButton aria-label={backButtonLabel} onClick={handleBackButtonClick}>\n                            <Caret\n                                width=\"7\"\n                                height=\"13\"\n                                viewBox=\"0 0 7 13\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <line x1=\"6.64645\" y1=\"12.5513\" x2=\"0.648357\" y2=\"6.55319\" />\n                                <line x1=\"0.646447\" y1=\"6.64455\" x2=\"6.64454\" y2=\"0.646465\" />\n                            </Caret>\n                            {backButtonLabel && <span>{backButtonLabel}</span>}\n                        </BackButton>\n                    )}\n                    {metadata && (\n                        <StyledMetadata\n                            {...metadata}\n                            modified={guide?.modified}\n                            published={guide?.published}\n                            modifiedBy={guide?.modifiedBy}\n                            publishedBy={guide?.publishedBy}\n                            byLabel={metadataByLabel}\n                            modifiedLabel={metadataModifiedLabel}\n                            publishedLabel={metadataPublishedLabel}\n                        />\n                    )}\n                    {children.map((child) => (\n                        <StyledComponents\n                            key={child.id}\n                            id={child.id}\n                            branch=\"default\"\n                            {...{ embedded: true }}\n                        />\n                    ))}\n                </Content>\n\n                <Loader loading={loading} />\n            </Wrapper>\n        );\n    }\n);\n\nexport default Guide;\n\nconst Wrapper = styled.div<{ 'data-loading': boolean }>`\n    ${loadingOpacity}\n    min-width: 0;\n`;\n\nconst Body = styled(Paragraph)<{ accordion: 'true' | 'false' }>`\n    ${genericHtml}\n    ${(p) => `padding: ${p.theme.sizes?.large};`}\n  display: block;\n    line-height: 1.6em;\n\n    ${(p) =>\n        headingElement(p)(\n            'h1',\n            css`\n                font-size: ${p.theme.fonts?.large};\n                font-weight: normal;\n                line-height: 1.6em;\n                line-height: 1.6em;\n                margin: 0 0 ${p.theme.sizes?.small};\n            `\n        )}\n\n    p {\n        font-weight: 300;\n        font-size: ${(p) => p.theme.fonts?.normal};\n        color: ${(p) => p.theme.colors?.text};\n        a {\n            display: inline;\n        }\n    }\n`;\n\nconst StyledContactList = styled(ContactList)<{ backButtonShown: 'true' | 'false' }>`\n    border-top: ${(p) => p.theme.border};\n    ${(p) => p.backButtonShown === 'true' && `border-bottom: ${p.theme.border};`}\n`;\n\nconst StyledDialogList = styled(DialogList)`\n    ${(p) => `padding: 0 ${p.theme.sizes?.large} ${p.theme.sizes?.large};`}\n    display: block;\n`;\n\nconst Top = styled.div`\n    ${(p) => `padding: calc(${p.theme.sizes?.normal}*2) ${p.theme.sizes?.large};`}\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: ${(p) => p.theme.border};\n    border-radius: ${(p) => `${p.theme.borderRadius} ${p.theme.borderRadius}`} 0 0;\n    background-color: #ffffff;\n`;\n\nconst Content = styled.div<{ 'data-loading': boolean; accordion: 'true' | 'false' } & any>`\n    ${contentBox}\n    display: block;\n    > a {\n        ${contactLink}\n    }\n\n    ${(p) =>\n        p.accordion === 'true' &&\n        css`\n            white-space: normal;\n            box-shadow: none;\n            background-color: #fafafa;\n        `}\n`;\n\nconst StyledMetadata = styled(Metadata)`\n    display: block;\n    ${(p) => `padding: calc(${p.theme.sizes?.normal}*2) ${p.theme.sizes?.large};`}\n    font-weight: 300;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    color: ${(p) => p.theme.colors?.text};\n    border-top: ${(p) => p.theme.border};\n`;\n\nconst StyledComponents = styled(Component)`\n    border-top: ${(p) => p.theme.border};\n`;\n\nconst BackButton = styled(Button)`\n    ${(p) => `padding: ${p.theme.sizes?.normal} calc(${p.theme.sizes?.normal} * 2);`}\n    color: ${(p) => p.theme.colors?.primary};\n    text-decoration: underline;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    span {\n        font-weight: 300;\n    }\n    &:focus-visible {\n        ${linkTabStyle}\n        padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\n    }\n`;\n\nconst Caret = styled.svg`\n    margin-right: ${(p) => p.theme.sizes?.small};\n    line {\n        stroke: ${(p) => p.theme.colors?.primary};\n    }\n`;\n"],"names":["AnswerVersionPicker","className","defaultAnswerVersionLabel","selectedPerspective","guidePerspectives","availablePerspectives","name","params","useRouteData","perspectives","useMemo","title","React","StyledList","appendClassNames","perspective","label","selected","isRoot","VersionLink","__spreadProps","__spreadValues","AnswerVersionPicker$1","styled","List","p","_a","TextLink","css","paddedBorderTabStyle","StyledContactList","ContactList","StyledFeedback","FeedbackUi","_b","Recognition","StyledHeaderText","Feedback","backButtonShown","accordion","dispatch","useDispatch","loading","dialog","guide","handoverContactMethods","contactHeader","showFeedback","feedbackDirection","feedbackRecognitionLabel","feedbackGiven","feedbackHeader","positiveFeedbackLabel","negativeFeedbackLabel","contactFeedbackLabel","useProperties","feedback","Feedback$1","Categories","categories","picker","PickerTypes","trail","setTrail","useState","container","useContainer","useEffect","buildCategoryTrail","id","result","Tooltip","segments","CategoryTrail","c","category","index","Text","SymbolBadge","CategorySeparator","StyledListButton","CategoriesSymbolBadge","Categories$1","Functions","header","tooltip","printActionLabel","copyActionLabel","addFavoriteTooltip","removeFavoriteCancelLabel","removeFavoriteConfirmLabel","removeFavoriteHeader","removeFavoriteLabel","removeFavoriteTooltip","toolbarFunctionsCloseButtonAriaLabel","allowCopy","allowPrint","showFavoriteToggle","favorites","actions","useFavorites","handleCopy","useCallback","event","handlePrint","items","ColoredSymbolBadge","StyledText","isFavorite","FavoriteButton","trigger","StyledTriggerButton","renderListItem","type","child","StyledDropdownList","DrawerList","DrawerAnimationType","Functions$1","DropdownList","getCurrentLanguageLabel","languages","l","Languages","other","__objRest","acc","key","item","currentLanguage","Trigger","LanguageButtonText","LanguageCaretSymbolBadge","LanguageLink","createParams","Languages$1","isEmpty","toolbar","guideCategories","language","Toolbar","toolbarLanguageHeader","toolbarFunctionsHeader","toolbarLanguageTooltip","toolbarFunctionsTooltip","Wrapper","Toolbar$1","Guide","forwardRef","ref","contactMethods","showHeader","showAnswerVersions","backButtonLabel","metadataByLabel","metadataModifiedLabel","metadataPublishedLabel","metadata","error","connection","children","useChildren","transform","attrs","Lightbox","attr","connectionId","DialogLink","embeddedLinkMapper","handleBackButtonClick","createEmptyComponent","body","translations","NotFound","showBackButton","Content","Top","Body","StyledDialogList","BackButton","Caret","StyledMetadata","StyledComponents","Loader","loadingOpacity","Paragraph","genericHtml","headingElement","DialogList","contentBox","contactLink","Metadata","Component","Button","linkTabStyle"],"mappings":"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"}

package/dist/index.js

@@ -1,39 +1,39 @@
-var T = Object.defineProperty, x = Object.defineProperties;
-var C = Object.getOwnPropertyDescriptors;
+var C = Object.defineProperty, T = Object.defineProperties;
+var $ = Object.getOwnPropertyDescriptors;
 var b = Object.getOwnPropertySymbols;
-var $ = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
-var v = (t, e, i) => e in t ? T(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, u = (t, e) => {
+var x = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var v = (t, e, i) => e in t ? C(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, u = (t, e) => {
   for (var i in e || (e = {}))
-    $.call(e, i) && v(t, i, e[i]);
+    x.call(e, i) && v(t, i, e[i]);
   if (b)
     for (var i of b(e))
       M.call(e, i) && v(t, i, e[i]);
   return t;
-}, h = (t, e) => x(t, C(e));
+}, h = (t, e) => T(t, $(e));
 import { updateForm as y, useForm as B, useExpand as F } from "@telia-ace/knowledge-widget-component-utilities";
-import { createEventSubscriber as H, extendComponent as P } from "@telia-ace/knowledge-widget-core";
-import { FeedbackType as m, DataType as k } from "@telia-ace/knowledge-widget-types-grid";
-import { createReactComponent as A } from "@telia-ace/knowledge-widget-ui";
+import { createEventSubscriber as G, extendComponent as H } from "@telia-ace/knowledge-widget-core";
+import { FeedbackType as f, DataType as k } from "@telia-ace/knowledge-widget-types-grid";
+import { createReactComponent as P } from "@telia-ace/knowledge-widget-ui";
 import * as w from "clipboard-polyfill";
-const E = (t, e) => {
+const A = (t, e) => {
   e.actions.create("feedback", (i) => {
-    const d = i === "negative" ? m.Negative : m.Positive, { guide: a, submitButtonLabel: s = "Submit" } = e.properties();
+    const d = i === "negative" ? f.Negative : f.Positive, { guide: a, submitButtonLabel: s = "Submit" } = e.properties();
     if (a) {
-      const { connection: r, id: n, hasHandover: o } = a;
+      const { connection: r, id: n, hasHandover: c } = a;
       e.writeProperties({
         feedbackGiven: i,
-        loading: o && d === m.Negative
+        loading: c && d === f.Negative
       });
-      const { events: c } = t.get("$widget");
-      return c.dispatch("tracking:feedback-given", {
+      const { events: o } = t.get("$widget");
+      return o.dispatch("tracking:feedback-given", {
         guide: a,
         categories: a.categories,
         feedbackType: d.toLowerCase()
       }), t.getAsync("dataClient").then((g) => g.feedback(n, r, d).then(() => {
-        if (o && d === m.Negative)
+        if (c && d === f.Negative)
           return g.fetch(k.ContactMethods, { guideId: n }).then(({ contactMethods: p }) => e.actions.dispatch("handover", {
-            handoverContactMethods: p.map((f) => h(u({}, f), {
-              body: y(f, {
+            handoverContactMethods: p.map((m) => h(u({}, m), {
+              body: y(m, {
                 submit: s
               })
             })),
@@ -42,7 +42,7 @@ const E = (t, e) => {
       }));
     }
   }), e.actions.create("handover", (i) => e.writeProperties(h(u({}, i), { loading: !1 })));
-}, G = ({ title: t, body: e }) => {
+}, E = ({ title: t, body: e }) => {
   let i = "";
   t && t.length && (i = t.trim()), e && e.length && (i = `${i.trim()}
 ${e.trim()}`);
@@ -56,9 +56,9 @@ ${e.trim()}`);
 }, L = ({ title: t, body: e }) => {
   let i = "";
   return t && t.length && (i = `<h2>${t.trim()}</h2>`), e && e.length && (i = `${i.trim()}${e.trim()}`), i.trim();
-}, q = (t) => {
-  const { events: e } = t.get("$widget"), [i, d] = H(e);
-  return A(t, "guide", import("./guide.19e7d4a1.js"), (a) => {
+}, D = (t) => {
+  const { events: e } = t.get("$widget"), [i, d] = G(e);
+  return P(t, "guide", import("./guide.e602b80c.js"), (a) => {
     const s = (r) => {
       a.writeProperties({
         loading: !0,
@@ -69,7 +69,7 @@ ${e.trim()}`);
     a.actions.create("copy", (r) => {
       const n = new w.ClipboardItem({
         "text/html": new Blob([L(r)], { type: "text/html" }),
-        "text/plain": new Blob([G(r)], { type: "text/plain" })
+        "text/plain": new Blob([E(r)], { type: "text/plain" })
       });
       return w.write([n]).then(() => {
         e.dispatch("widget:menu-toggled", null);
@@ -79,15 +79,15 @@ ${e.trim()}`);
       e.dispatch("widget:menu-toggled", null), r && n && (n.document.write(`<html><body>${r.innerHTML}</body></html>`), n.document.close(), n.print());
     }), a.actions.create("back", (r, n) => {
       if (!n.preventDefault)
-        return t.getAsync("router").then((o) => {
-          o.goBack();
+        return t.getAsync("router").then((c) => {
+          c.goBack();
         });
     }), a.actions.create(
       "fetch",
-      ({ contactMethods: r = [], dialog: n = [], guide: o, error: c }) => {
-        if (c)
+      ({ contactMethods: r = [], dialog: n = [], guide: c, error: o }) => {
+        if (o)
           return a.actions.dispatch("fetched", {
-            error: c,
+            error: o,
             guide: void 0,
             contactMethods: [],
             feedbackGiven: void 0,
@@ -95,17 +95,17 @@ ${e.trim()}`);
             showFeedback: !1,
             loading: !0
           });
-        const { showFeedback: g = !0, submitButtonLabel: p = "Submit" } = a.properties(), f = {
+        const { showFeedback: g = !0, submitButtonLabel: p = "Submit" } = a.properties(), m = {
           showFeedback: g,
           dialog: n,
-          guide: o,
+          guide: c,
           feedbackGiven: void 0,
           handoverContactMethods: [],
           contactMethods: r.map((l) => h(u({}, l), {
             body: y(l, { submit: p })
           }))
         };
-        return a.actions.dispatch("fetched", h(u({}, f), {
+        return a.actions.dispatch("fetched", h(u({}, m), {
           loading: !0
         }));
       }
@@ -114,24 +114,24 @@ ${e.trim()}`);
       s(n);
     }), i("router:changed", (r, { current: n }) => {
       s(n.routeData.params);
-    }), E(t, a), B(t, a), F(a);
-  }).then(() => P(t, "guide", (a) => {
+    }), A(t, a), B(t, a), F(a);
+  }).then(() => H(t, "guide", (a) => {
     a.actions.watch("guide.fetch", (s, r) => {
       const {
-        params: { guide: n, connection: o }
+        params: { guide: n, connection: c }
       } = s;
       return n ? t.getAsync("dataClient").then(
-        (c) => c.fetch(k.Guide, { connection: o, guideId: n })
-      ).then(r).catch((c) => {
-        if (c)
-          return r(c);
+        (o) => o.fetch(k.Guide, { connection: c, guideId: n })
+      ).then(r).catch((o) => {
+        if (o)
+          return r(o);
       }) : r(s);
     });
   })).then(() => {
     d();
   });
-};
+}, j = D;
 export {
-  q as default
+  j as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/use-feedback.ts","../src/guide-component.ts"],"sourcesContent":["import { updateForm } from '@telia-ace/knowledge-widget-component-utilities';\nimport { ComponentNodeController } from '@telia-ace/knowledge-widget-core';\nimport {\n    ContactsResult,\n    DataClient,\n    DataType,\n    FeedbackType,\n} from '@telia-ace/knowledge-widget-types-grid';\nimport { Container } from '@webprovisions/platform';\nimport { GuideComponentProps } from './guide-component';\n\nexport default (container: Container, controller: ComponentNodeController) => {\n    controller.actions.create('feedback', (input: 'negative' | 'positive') => {\n        const type = input === 'negative' ? FeedbackType.Negative : FeedbackType.Positive;\n        const { guide, submitButtonLabel = 'Submit' } =\n            controller.properties<GuideComponentProps>();\n        if (guide) {\n            const { connection, id, hasHandover } = guide;\n            controller.writeProperties({\n                feedbackGiven: input,\n                loading: hasHandover && type === FeedbackType.Negative,\n            });\n\n            const { events } = container.get('$widget');\n            events.dispatch('tracking:feedback-given', {\n                guide,\n                categories: guide.categories,\n                feedbackType: type.toLowerCase(),\n            });\n\n            return container.getAsync('dataClient').then((dataClient: DataClient) => {\n                return dataClient.feedback(id, connection, type).then(() => {\n                    if (hasHandover && type === FeedbackType.Negative) {\n                        return dataClient\n                            .fetch(DataType.ContactMethods, { guideId: id })\n                            .then(({ contactMethods }: ContactsResult) => {\n                                return controller.actions.dispatch('handover', {\n                                    handoverContactMethods: contactMethods.map((cm) => ({\n                                        ...cm,\n                                        body: updateForm(cm, {\n                                            submit: submitButtonLabel,\n                                        }),\n                                    })),\n                                    loading: false,\n                                });\n                            });\n                    }\n                });\n            });\n        }\n    });\n\n    controller.actions.create('handover', (input) => {\n        return controller.writeProperties({ ...input, loading: false });\n    });\n};\n","import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';\nimport {\n    FavoriteProperties,\n    LanguageProperties,\n    MetaDataProperties,\n    updateForm,\n    useExpand,\n    useForm,\n} from '@telia-ace/knowledge-widget-component-utilities';\nimport {\n    createEventSubscriber,\n    DialogItem,\n    extendComponent,\n    PickerTypes,\n} from '@telia-ace/knowledge-widget-core';\nimport {\n    DataClient,\n    DataError,\n    DataType,\n    GuideResult,\n} from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { FormComponentInstanceProperties } from '@telia-ace/widget-forms';\nimport { RoutingService } from '@telia-ace/widget-routing';\nimport { Container, EventManager } from '@webprovisions/platform';\nimport * as clipboard from 'clipboard-polyfill';\nimport useFeedback from './use-feedback';\n\nexport type GuideProps = {\n    id: string;\n    title: string;\n    body: string;\n    connection: string;\n    categories: number[];\n    hasHandover: boolean;\n    allowFeedback: boolean;\n    perspectives: { [key: string]: string };\n    translations?: { [key: string]: string };\n    modified?: string;\n    published?: string;\n    publishedBy?: string | null;\n    modifiedBy?: string | null;\n    perspective: string | null;\n};\n\nexport type AvailablePerspectives = {\n    name: string;\n    title: string;\n};\n\nexport type GuideComponentProps = {\n    showHeader?: boolean;\n    showFeedback?: boolean;\n    feedbackDirection?: 'horizontal' | 'vertical';\n    feedbackGiven?: 'positive' | 'negative'; // internal\n    contactMethods?: ContactMethodType[]; // internal\n    handoverContactMethods?: ContactMethodType[]; // internal\n    showAnswerVersions?: boolean;\n    feedbackHeader?: string;\n    contactHeader?: string;\n    toolbarFunctionsHeader?: string;\n    toolbarLanguageHeader?: string;\n    positiveFeedbackLabel?: string;\n    negativeFeedbackLabel?: string;\n    contactFeedbackLabel?: string;\n    feedbackRecognitionLabel?: string;\n    defaultAnswerVersionLabel?: string;\n    backButtonLabel?: string;\n    toolbarFunctionsTooltip?: string;\n    toolbarFunctionsCloseButtonAriaLabel?: string;\n    copyActionLabel?: string;\n    printActionLabel?: string;\n    toolbarLanguageTooltip?: string;\n    toolbar?: ToolbarProps;\n    guide?: GuideProps; // internal\n    dialog?: DialogItem[]; // internal\n    error?: DataError; // internal\n    availablePerspectives?: AvailablePerspectives[]; // internal\n} & FormComponentInstanceProperties &\n    FavoriteProperties &\n    MetaDataProperties &\n    LanguageProperties;\n\nexport type ToolbarProps = {\n    language?: boolean;\n    guideCategories?: boolean;\n    allowCopy?: boolean;\n    allowPrint?: boolean;\n    showFavoriteToggle?: boolean;\n    picker?: PickerTypes;\n};\n\nconst buildPlainText = ({ title, body }: GuideProps): string => {\n    let processedHtml = '';\n\n    if (title && title.length) {\n        processedHtml = title.trim();\n    }\n\n    if (body && body.length) {\n        processedHtml = `${processedHtml.trim()}\\n${body.trim()}`;\n    }\n\n    const div = document.createElement('div');\n    div.innerHTML = processedHtml;\n    const links: HTMLAnchorElement[] = Array.from(div.getElementsByTagName('a'));\n\n    let plainText = div.innerText;\n\n    links.forEach((a) => {\n        plainText = plainText.replace(a.innerText, `[${a.href}] (${a.innerText})`);\n    });\n\n    return plainText;\n};\n\nconst buildHtml = ({ title, body }: GuideProps): string => {\n    let processedHtml = '';\n\n    if (title && title.length) {\n        processedHtml = `<h2>${title.trim()}</h2>`;\n    }\n\n    if (body && body.length) {\n        processedHtml = `${processedHtml.trim()}${body.trim()}`;\n    }\n\n    return processedHtml.trim();\n};\n\nexport const GuideComponent = (container: Container) => {\n    const { events }: { events: EventManager } = container.get('$widget');\n    const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n    return createReactComponent(container, 'guide', import('./guide'), (component) => {\n        const fetch = (params: { [key: string]: any }) => {\n            component.writeProperties({\n                loading: true,\n                error: undefined,\n                guide: undefined,\n            });\n            component.actions.dispatch('fetch', { params });\n        };\n\n        component.actions.create('copy', (guide: GuideProps) => {\n            const item = new clipboard.ClipboardItem({\n                'text/html': new Blob([buildHtml(guide)], { type: 'text/html' }),\n                'text/plain': new Blob([buildPlainText(guide)], { type: 'text/plain' }),\n            });\n\n            return clipboard.write([item]).then(() => {\n                events.dispatch('widget:menu-toggled', null);\n            });\n        });\n\n        component.actions.create('print', () => {\n            const elem = document.querySelector('.humany-guide .humany-paragraph');\n            const a = window.open('', '', 'height=500, width=500');\n\n            events.dispatch('widget:menu-toggled', null);\n            if (elem && a) {\n                a.document.write(`<html><body>${elem.innerHTML}</body></html>`);\n                a.document.close();\n                a.print();\n            }\n        });\n\n        component.actions.create('back', (data, options) => {\n            if (options.preventDefault) {\n                return;\n            }\n\n            return container.getAsync('router').then((router: RoutingService) => {\n                router.goBack();\n            });\n        });\n\n        component.actions.create(\n            'fetch',\n            ({ contactMethods = [], dialog = [], guide, error }: GuideResult) => {\n                if (error) {\n                    return component.actions.dispatch('fetched', {\n                        error,\n                        guide: undefined,\n                        contactMethods: [],\n                        feedbackGiven: undefined,\n                        handoverContactMethods: [],\n                        showFeedback: false,\n                        loading: true,\n                    });\n                }\n                const { showFeedback = true, submitButtonLabel = 'Submit' } =\n                    component.properties<GuideComponentProps>();\n\n                const properties: GuideComponentProps = {\n                    showFeedback,\n                    dialog,\n                    guide,\n                    feedbackGiven: undefined,\n                    handoverContactMethods: [],\n                    contactMethods: contactMethods.map((cm) => ({\n                        ...cm,\n                        body: updateForm(cm, { submit: submitButtonLabel }),\n                    })),\n                };\n\n                return component.actions.dispatch('fetched', {\n                    ...properties,\n                    loading: true,\n                });\n            }\n        );\n\n        component.actions.create('fetched', (input) => {\n            return component.writeProperties({ ...input, loading: false });\n        });\n\n        container.getAsync('router').then((router) => {\n            const { params } = router.getRouteData();\n            fetch(params);\n        });\n\n        subscribe('router:changed', (event: any, { current }: any) => {\n            fetch(current.routeData.params);\n        });\n\n        useFeedback(container, component);\n        useForm(container, component);\n        useExpand(component);\n    })\n        .then(() => {\n            return extendComponent(container, 'guide', (component) => {\n                component.actions.watch('guide.fetch', (input, next) => {\n                    const {\n                        params: { guide, connection },\n                    } = input;\n\n                    if (guide) {\n                        return container\n                            .getAsync('dataClient')\n                            .then((dataClient: DataClient) =>\n                                dataClient.fetch(DataType.Guide, { connection, guideId: guide })\n                            )\n                            .then(next)\n                            .catch((error) => {\n                                if (error) {\n                                    return next(error);\n                                }\n                            });\n                    }\n\n                    return next(input);\n                });\n            });\n        })\n        .then(() => {\n            unsubscribe();\n        });\n};\n\nexport default GuideComponent;\n"],"names":["useFeedback","container","controller","input","type","FeedbackType","guide","submitButtonLabel","connection","id","hasHandover","events","dataClient","DataType","contactMethods","cm","__spreadProps","__spreadValues","updateForm","buildPlainText","title","body","processedHtml","div","links","plainText","a","buildHtml","GuideComponent","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","item","clipboard","elem","data","options","router","dialog","error","showFeedback","properties","event","current","useForm","useExpand","extendComponent","next"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/use-feedback.ts","../src/guide-component.ts"],"sourcesContent":["import { updateForm } from '@telia-ace/knowledge-widget-component-utilities';\nimport { ComponentNodeController } from '@telia-ace/knowledge-widget-core';\nimport {\n    ContactsResult,\n    DataClient,\n    DataType,\n    FeedbackType,\n} from '@telia-ace/knowledge-widget-types-grid';\nimport { Container } from '@webprovisions/platform';\nimport { GuideComponentProps } from './guide-component';\n\nexport default (container: Container, controller: ComponentNodeController) => {\n    controller.actions.create('feedback', (input: 'negative' | 'positive') => {\n        const type = input === 'negative' ? FeedbackType.Negative : FeedbackType.Positive;\n        const { guide, submitButtonLabel = 'Submit' } =\n            controller.properties<GuideComponentProps>();\n        if (guide) {\n            const { connection, id, hasHandover } = guide;\n            controller.writeProperties({\n                feedbackGiven: input,\n                loading: hasHandover && type === FeedbackType.Negative,\n            });\n\n            const { events } = container.get('$widget');\n            events.dispatch('tracking:feedback-given', {\n                guide,\n                categories: guide.categories,\n                feedbackType: type.toLowerCase(),\n            });\n\n            return container.getAsync('dataClient').then((dataClient: DataClient) => {\n                return dataClient.feedback(id, connection, type).then(() => {\n                    if (hasHandover && type === FeedbackType.Negative) {\n                        return dataClient\n                            .fetch(DataType.ContactMethods, { guideId: id })\n                            .then(({ contactMethods }: ContactsResult) => {\n                                return controller.actions.dispatch('handover', {\n                                    handoverContactMethods: contactMethods.map((cm) => ({\n                                        ...cm,\n                                        body: updateForm(cm, {\n                                            submit: submitButtonLabel,\n                                        }),\n                                    })),\n                                    loading: false,\n                                });\n                            });\n                    }\n                });\n            });\n        }\n    });\n\n    controller.actions.create('handover', (input) => {\n        return controller.writeProperties({ ...input, loading: false });\n    });\n};\n","import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';\nimport {\n    FavoriteProperties,\n    LanguageProperties,\n    MetaDataProperties,\n    updateForm,\n    useExpand,\n    useForm,\n} from '@telia-ace/knowledge-widget-component-utilities';\nimport {\n    createEventSubscriber,\n    DialogItem,\n    extendComponent,\n    PickerTypes,\n} from '@telia-ace/knowledge-widget-core';\nimport {\n    DataClient,\n    DataError,\n    DataType,\n    GuideResult,\n} from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { FormComponentInstanceProperties } from '@telia-ace/widget-forms';\nimport { RoutingService } from '@telia-ace/widget-routing';\nimport { Container, EventManager } from '@webprovisions/platform';\nimport * as clipboard from 'clipboard-polyfill';\nimport useFeedback from './use-feedback';\n\nexport type GuideProps = {\n    id: string;\n    title: string;\n    body: string;\n    connection: string;\n    categories: number[];\n    hasHandover: boolean;\n    allowFeedback: boolean;\n    perspectives: { [key: string]: string };\n    translations?: { [key: string]: string };\n    modified?: string;\n    published?: string;\n    publishedBy?: string | null;\n    modifiedBy?: string | null;\n    perspective: string | null;\n};\n\nexport type AvailablePerspectives = {\n    name: string;\n    title: string;\n};\n\nexport type GuideComponentProps = {\n    showHeader?: boolean;\n    showFeedback?: boolean;\n    feedbackDirection?: 'horizontal' | 'vertical';\n    feedbackGiven?: 'positive' | 'negative'; // internal\n    contactMethods?: ContactMethodType[]; // internal\n    handoverContactMethods?: ContactMethodType[]; // internal\n    showAnswerVersions?: boolean;\n    feedbackHeader?: string;\n    contactHeader?: string;\n    toolbarFunctionsHeader?: string;\n    toolbarLanguageHeader?: string;\n    positiveFeedbackLabel?: string;\n    negativeFeedbackLabel?: string;\n    contactFeedbackLabel?: string;\n    feedbackRecognitionLabel?: string;\n    defaultAnswerVersionLabel?: string;\n    backButtonLabel?: string;\n    toolbarFunctionsTooltip?: string;\n    toolbarFunctionsCloseButtonAriaLabel?: string;\n    copyActionLabel?: string;\n    printActionLabel?: string;\n    toolbarLanguageTooltip?: string;\n    toolbar?: ToolbarProps;\n    guide?: GuideProps; // internal\n    dialog?: DialogItem[]; // internal\n    error?: DataError; // internal\n    availablePerspectives?: AvailablePerspectives[]; // internal\n} & FormComponentInstanceProperties &\n    FavoriteProperties &\n    MetaDataProperties &\n    LanguageProperties;\n\nexport type ToolbarProps = {\n    language?: boolean;\n    guideCategories?: boolean;\n    allowCopy?: boolean;\n    allowPrint?: boolean;\n    showFavoriteToggle?: boolean;\n    picker?: PickerTypes;\n};\n\nconst buildPlainText = ({ title, body }: GuideProps): string => {\n    let processedHtml = '';\n\n    if (title && title.length) {\n        processedHtml = title.trim();\n    }\n\n    if (body && body.length) {\n        processedHtml = `${processedHtml.trim()}\\n${body.trim()}`;\n    }\n\n    const div = document.createElement('div');\n    div.innerHTML = processedHtml;\n    const links: HTMLAnchorElement[] = Array.from(div.getElementsByTagName('a'));\n\n    let plainText = div.innerText;\n\n    links.forEach((a) => {\n        plainText = plainText.replace(a.innerText, `[${a.href}] (${a.innerText})`);\n    });\n\n    return plainText;\n};\n\nconst buildHtml = ({ title, body }: GuideProps): string => {\n    let processedHtml = '';\n\n    if (title && title.length) {\n        processedHtml = `<h2>${title.trim()}</h2>`;\n    }\n\n    if (body && body.length) {\n        processedHtml = `${processedHtml.trim()}${body.trim()}`;\n    }\n\n    return processedHtml.trim();\n};\n\nexport const GuideComponent = (container: Container) => {\n    const { events }: { events: EventManager } = container.get('$widget');\n    const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n    return createReactComponent(container, 'guide', import('./guide'), (component) => {\n        const fetch = (params: { [key: string]: any }) => {\n            component.writeProperties({\n                loading: true,\n                error: undefined,\n                guide: undefined,\n            });\n            component.actions.dispatch('fetch', { params });\n        };\n\n        component.actions.create('copy', (guide: GuideProps) => {\n            const item = new clipboard.ClipboardItem({\n                'text/html': new Blob([buildHtml(guide)], { type: 'text/html' }),\n                'text/plain': new Blob([buildPlainText(guide)], { type: 'text/plain' }),\n            });\n\n            return clipboard.write([item]).then(() => {\n                events.dispatch('widget:menu-toggled', null);\n            });\n        });\n\n        component.actions.create('print', () => {\n            const elem = document.querySelector('.humany-guide .humany-paragraph');\n            const a = window.open('', '', 'height=500, width=500');\n\n            events.dispatch('widget:menu-toggled', null);\n            if (elem && a) {\n                a.document.write(`<html><body>${elem.innerHTML}</body></html>`);\n                a.document.close();\n                a.print();\n            }\n        });\n\n        component.actions.create('back', (data, options) => {\n            if (options.preventDefault) {\n                return;\n            }\n\n            return container.getAsync('router').then((router: RoutingService) => {\n                router.goBack();\n            });\n        });\n\n        component.actions.create(\n            'fetch',\n            ({ contactMethods = [], dialog = [], guide, error }: GuideResult) => {\n                if (error) {\n                    return component.actions.dispatch('fetched', {\n                        error,\n                        guide: undefined,\n                        contactMethods: [],\n                        feedbackGiven: undefined,\n                        handoverContactMethods: [],\n                        showFeedback: false,\n                        loading: true,\n                    });\n                }\n                const { showFeedback = true, submitButtonLabel = 'Submit' } =\n                    component.properties<GuideComponentProps>();\n\n                const properties: GuideComponentProps = {\n                    showFeedback,\n                    dialog,\n                    guide,\n                    feedbackGiven: undefined,\n                    handoverContactMethods: [],\n                    contactMethods: contactMethods.map((cm) => ({\n                        ...cm,\n                        body: updateForm(cm, { submit: submitButtonLabel }),\n                    })),\n                };\n\n                return component.actions.dispatch('fetched', {\n                    ...properties,\n                    loading: true,\n                });\n            }\n        );\n\n        component.actions.create('fetched', (input) => {\n            return component.writeProperties({ ...input, loading: false });\n        });\n\n        container.getAsync('router').then((router) => {\n            const { params } = router.getRouteData();\n            fetch(params);\n        });\n\n        subscribe('router:changed', (event: any, { current }: any) => {\n            fetch(current.routeData.params);\n        });\n\n        useFeedback(container, component);\n        useForm(container, component);\n        useExpand(component);\n    })\n        .then(() => {\n            return extendComponent(container, 'guide', (component) => {\n                component.actions.watch('guide.fetch', (input, next) => {\n                    const {\n                        params: { guide, connection },\n                    } = input;\n\n                    if (guide) {\n                        return container\n                            .getAsync('dataClient')\n                            .then((dataClient: DataClient) =>\n                                dataClient.fetch(DataType.Guide, { connection, guideId: guide })\n                            )\n                            .then(next)\n                            .catch((error) => {\n                                if (error) {\n                                    return next(error);\n                                }\n                            });\n                    }\n\n                    return next(input);\n                });\n            });\n        })\n        .then(() => {\n            unsubscribe();\n        });\n};\n\nexport default GuideComponent;\n"],"names":["useFeedback","container","controller","input","type","FeedbackType","guide","submitButtonLabel","connection","id","hasHandover","events","dataClient","DataType","contactMethods","cm","__spreadProps","__spreadValues","updateForm","buildPlainText","title","body","processedHtml","div","links","plainText","a","buildHtml","GuideComponent","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","item","clipboard","elem","data","options","router","dialog","error","showFeedback","properties","event","current","useForm","useExpand","extendComponent","next","GuideComponent$1"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/knowledge-widget-components-guide",
-    "version": "1.0.24-next.1",
+    "version": "1.0.24-next.3",
     "description": "Guide component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -27,7 +27,7 @@
     "sideEffects": false,
     "dependencies": {
         "@telia-ace/knowledge-widget-adapters": "next",
-        "@telia-ace/knowledge-widget-component-utilities": "^1.0.24-next.1",
+        "@telia-ace/knowledge-widget-component-utilities": "^1.0.24-next.3",
         "@telia-ace/knowledge-widget-core": "next",
         "@telia-ace/knowledge-widget-types-grid": "next",
         "@telia-ace/knowledge-widget-ui": "next",
@@ -38,14 +38,18 @@
         "clipboard-polyfill": "4.0.0-rc1"
     },
     "peerDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "styled-components": "^5.3.6"
+        "react-dom": "^18.2.0"
     },
     "devDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "@types/react": "^18.0.21",
         "@types/react-dom": "^18.0.6",
-        "@types/styled-components": "^5.1.26"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
     },
-    "gitHead": "5e0d73a35737d0155516c218071710a8da165c07"
+    "gitHead": "035b7b89fbf7c736993d70e6dc4e420b8218a3a4"
 }