@telia-ace/knowledge-widget-components-guide 1.0.6 → 1.0.10

package/lib/languages.js

@@ -1,110 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_core_1 = require("@telia-ace/knowledge-widget-core");
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var getCurrentLanguageLabel = function (guide, languages) {
-    var _a;
-    return ((_a = languages.find(function (l) { return l.id === guide.id; })) === null || _a === void 0 ? void 0 : _a.label) || '';
-};
-var Languages = function (_a) {
-    var header = _a.header, tooltip = _a.tooltip, _b = _a.picker, picker = _b === void 0 ? knowledge_widget_core_1.PickerTypes.NONE : _b, guide = _a.guide, other = __rest(_a, ["header", "tooltip", "picker", "guide"]);
-    var _c = (0, knowledge_widget_ui_1.useRouteData)(), name = _c.name, params = _c.params;
-    var items = (0, react_1.useMemo)(function () {
-        return Object.keys(guide.translations || {}).reduce(function (acc, key) {
-            var item = {};
-            item.key = key;
-            item.id = (guide.translations || {})[key];
-            item.label = other["".concat(key, "LanguageLabel")];
-            if (item.id || item.label) {
-                acc.push(item);
-            }
-            return acc;
-        }, []);
-    }, [guide, other]);
-    if (!items.length) {
-        return null;
-    }
-    var currentLanguage = getCurrentLanguageLabel(guide, items);
-    var trigger = (react_1.default.createElement(Trigger, { tabIndex: 0, title: tooltip, "data-has-symbol": "true", "data-has-label": picker === knowledge_widget_core_1.PickerTypes.DROPDOWN && currentLanguage ? 'true' : 'false' },
-        picker === knowledge_widget_core_1.PickerTypes.DROPDOWN && (react_1.default.createElement(react_1.default.Fragment, null,
-            currentLanguage && react_1.default.createElement(LanguageButtonText, null, currentLanguage),
-            react_1.default.createElement(LanguageCaretSymbolBadge, { symbol: { type: 'Svg', content: 'caret-down' }, size: 11 }))),
-        picker === knowledge_widget_core_1.PickerTypes.DRAWER && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(ColoredSymbolBadge, { symbol: { type: 'Svg', content: 'language' }, size: 20 })))));
-    var renderListItem = function (_a) {
-        var label = _a.label, key = _a.key, id = _a.id;
-        return (react_1.default.createElement("li", { key: key, "data-language": key },
-            react_1.default.createElement(LanguageLink, { tabIndex: 0, text: label, routeName: name, selected: guide.id === id, params: (0, widget_utilities_1.createParams)(__assign(__assign({}, params), { connection: undefined, guide: id })) })));
-    };
-    if (picker === knowledge_widget_core_1.PickerTypes.DROPDOWN) {
-        return (react_1.default.createElement(StyledDropdownList, { className: "humany-guide-languages-dropdown-list", header: header, items: items, trigger: trigger, renderItem: renderListItem }));
-    }
-    if (picker === knowledge_widget_core_1.PickerTypes.DRAWER) {
-        return (react_1.default.createElement(knowledge_widget_ui_1.DrawerList, { className: "humany-guide-languages-drawer-list", animation: { type: knowledge_widget_ui_1.DrawerAnimationType.SlideInBottom }, header: header, items: items, trigger: trigger, renderItem: renderListItem }));
-    }
-    return null;
-};
-exports.default = Languages;
-var Trigger = (0, styled_components_1.default)(knowledge_widget_ui_1.StyledListButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    &&& {\n        margin: 0 ", " 0 0;\n    }\n"], ["\n    &&& {\n        margin: 0 ", " 0 0;\n    }\n"])), function (p) { var _a; return "calc(".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small, " * 2)"); });
-var ColoredSymbolBadge = (0, styled_components_1.default)(knowledge_widget_ui_1.SymbolBadge)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    circle {\n        fill: ", ";\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ", ";\n    }\n"], ["\n    circle {\n        fill: ", ";\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
-var LanguageButtonText = (0, styled_components_1.default)(knowledge_widget_ui_1.Text)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin: 0 ", " 0 0;\n    font-size: ", ";\n"], ["\n    margin: 0 ", " 0 0;\n    font-size: ", ";\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; });
-var LanguageCaretSymbolBadge = (0, styled_components_1.default)(knowledge_widget_ui_1.SymbolBadge)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\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: ", ";\n    }\n"], ["\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: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
-var StyledDropdownList = (0, styled_components_1.default)(knowledge_widget_ui_1.DropdownList)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: block;\n    min-height: auto;\n"], ["\n    display: block;\n    min-height: auto;\n"])));
-var LanguageLink = (0, styled_components_1.default)(knowledge_widget_ui_1.TextLink)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    color: ", ";\n    ", "\n\n    &:focus {\n        ", "\n    }\n"], ["\n    color: ", ";\n    ", "\n\n    &:focus {\n        ", "\n    }\n"])), function (p) { var _a, _b; return (p.selected ? (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary : (_b = p.theme.colors) === null || _b === void 0 ? void 0 : _b.text); }, function (p) { return p.selected && 'font-weight: bold;'; }, function (p) {
-    var _a;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing)
-        ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n                      ", "\n                      text-decoration: underline;\n                  "], ["\n                      ", "\n                      text-decoration: underline;\n                  "])), knowledge_widget_ui_1.paddedBorderTabStyle) : 'outline: none;';
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/lib/toolbar.d.ts

@@ -1,8 +0,0 @@
-import { DispatchAction } from '@telia-ace/knowledge-widget-ui';
-import React from 'react';
-declare type Props = {
-    className?: string;
-    dispatch: DispatchAction;
-};
-declare const Toolbar: React.FC<Props>;
-export default Toolbar;

package/lib/toolbar.js

@@ -1,62 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_core_1 = require("@telia-ace/knowledge-widget-core");
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var categories_1 = __importDefault(require("./categories"));
-var functions_1 = __importDefault(require("./functions"));
-var languages_1 = __importDefault(require("./languages"));
-var isEmpty = function (toolbar) {
-    var _a = toolbar.allowCopy, allowCopy = _a === void 0 ? false : _a, _b = toolbar.allowPrint, allowPrint = _b === void 0 ? false : _b, _c = toolbar.guideCategories, guideCategories = _c === void 0 ? false : _c, _d = toolbar.language, language = _d === void 0 ? false : _d, _e = toolbar.showFavoriteToggle, showFavoriteToggle = _e === void 0 ? false : _e, _f = toolbar.picker, picker = _f === void 0 ? knowledge_widget_core_1.PickerTypes.NONE : _f;
-    if ((!allowCopy && !allowPrint && !language && !showFavoriteToggle && !guideCategories) ||
-        picker === knowledge_widget_core_1.PickerTypes.NONE) {
-        return true;
-    }
-    return false;
-};
-var Toolbar = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, dispatch = _a.dispatch;
-    var _c = (0, knowledge_widget_ui_1.useProperties)(), toolbarLanguageHeader = _c.toolbarLanguageHeader, toolbarFunctionsHeader = _c.toolbarFunctionsHeader, toolbarLanguageTooltip = _c.toolbarLanguageTooltip, toolbarFunctionsTooltip = _c.toolbarFunctionsTooltip, toolbarFunctionsCloseButtonAriaLabel = _c.toolbarFunctionsCloseButtonAriaLabel, printActionLabel = _c.printActionLabel, copyActionLabel = _c.copyActionLabel, addFavoriteTooltip = _c.addFavoriteTooltip, removeFavoriteCancelLabel = _c.removeFavoriteCancelLabel, removeFavoriteConfirmLabel = _c.removeFavoriteConfirmLabel, removeFavoriteHeader = _c.removeFavoriteHeader, removeFavoriteLabel = _c.removeFavoriteLabel, removeFavoriteTooltip = _c.removeFavoriteTooltip, guide = _c.guide, toolbar = _c.toolbar, other = __rest(_c, ["toolbarLanguageHeader", "toolbarFunctionsHeader", "toolbarLanguageTooltip", "toolbarFunctionsTooltip", "toolbarFunctionsCloseButtonAriaLabel", "printActionLabel", "copyActionLabel", "addFavoriteTooltip", "removeFavoriteCancelLabel", "removeFavoriteConfirmLabel", "removeFavoriteHeader", "removeFavoriteLabel", "removeFavoriteTooltip", "guide", "toolbar"]);
-    if (!guide || !toolbar || isEmpty(toolbar)) {
-        return null;
-    }
-    var language = toolbar.language, guideCategories = toolbar.guideCategories, allowCopy = toolbar.allowCopy, allowPrint = toolbar.allowPrint, showFavoriteToggle = toolbar.showFavoriteToggle, picker = toolbar.picker;
-    return (react_1.default.createElement(Wrapper, { className: (0, widget_utilities_1.appendClassNames)('humany-guide-toolbar', className) },
-        language && Object.keys(guide.translations || {}).length > 1 && (react_1.default.createElement(languages_1.default, __assign({ guide: guide, header: toolbarLanguageHeader, tooltip: toolbarLanguageTooltip, picker: picker }, other))),
-        guideCategories && react_1.default.createElement(categories_1.default, { guide: guide, toolbar: toolbar }),
-        (allowCopy || allowPrint || showFavoriteToggle) && (react_1.default.createElement(functions_1.default, { guide: guide, header: toolbarFunctionsHeader, tooltip: toolbarFunctionsTooltip, printActionLabel: printActionLabel, copyActionLabel: copyActionLabel, addFavoriteTooltip: addFavoriteTooltip, removeFavoriteCancelLabel: removeFavoriteCancelLabel, removeFavoriteConfirmLabel: removeFavoriteConfirmLabel, removeFavoriteHeader: removeFavoriteHeader, removeFavoriteLabel: removeFavoriteLabel, removeFavoriteTooltip: removeFavoriteTooltip, toolbarFunctionsCloseButtonAriaLabel: toolbarFunctionsCloseButtonAriaLabel, allowCopy: allowCopy, allowPrint: allowPrint, showFavoriteToggle: showFavoriteToggle, picker: picker, dispatch: dispatch }))));
-};
-exports.default = Toolbar;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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(", " * 2) 0 0;\n    }\n"], ["\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(", " * 2) 0 0;\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-var templateObject_1;

package/lib/use-feedback.d.ts

@@ -1,4 +0,0 @@
-import { ComponentNodeController } from '@telia-ace/knowledge-widget-core';
-import { Container } from '@webprovisions/platform';
-declare const _default: (container: Container, controller: ComponentNodeController) => void;
-export default _default;

package/lib/use-feedback.js

@@ -1,54 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_component_utilities_1 = require("@telia-ace/knowledge-widget-component-utilities");
-var knowledge_widget_types_grid_1 = require("@telia-ace/knowledge-widget-types-grid");
-exports.default = (function (container, controller) {
-    controller.actions.create('feedback', function (input) {
-        var type = input === 'negative' ? knowledge_widget_types_grid_1.FeedbackType.Negative : knowledge_widget_types_grid_1.FeedbackType.Positive;
-        var _a = controller.properties(), guide = _a.guide, _b = _a.submitButtonLabel, submitButtonLabel = _b === void 0 ? 'Submit' : _b;
-        if (guide) {
-            var connection_1 = guide.connection, id_1 = guide.id, hasHandover_1 = guide.hasHandover;
-            controller.writeProperties({
-                feedbackGiven: input,
-                loading: hasHandover_1 && type === knowledge_widget_types_grid_1.FeedbackType.Negative,
-            });
-            var events = container.get('$widget').events;
-            events.dispatch('tracking:feedback-given', {
-                guide: guide,
-                categories: guide.categories,
-                feedbackType: type.toLowerCase(),
-            });
-            return container.getAsync('dataClient').then(function (dataClient) {
-                return dataClient.feedback(id_1, connection_1, type).then(function () {
-                    if (hasHandover_1 && type === knowledge_widget_types_grid_1.FeedbackType.Negative) {
-                        return dataClient
-                            .fetch(knowledge_widget_types_grid_1.DataType.ContactMethods, { guideId: id_1 })
-                            .then(function (_a) {
-                            var contactMethods = _a.contactMethods;
-                            return controller.actions.dispatch('handover', {
-                                handoverContactMethods: contactMethods.map(function (cm) { return (__assign(__assign({}, cm), { body: (0, knowledge_widget_component_utilities_1.updateForm)(cm, {
-                                        submit: submitButtonLabel,
-                                    }) })); }),
-                                loading: false,
-                            });
-                        });
-                    }
-                });
-            });
-        }
-    });
-    controller.actions.create('handover', function (input) {
-        return controller.writeProperties(__assign(__assign({}, input), { loading: false }));
-    });
-});

package/lib-esm/answer-version-picker.js

@@ -1,50 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { List, paddedBorderTabStyle, TextLink, useRouteData } from '@telia-ace/knowledge-widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React, { useMemo } from 'react';
-import styled, { css } from 'styled-components';
-var AnswerVersionPicker = function (_a) {
-    var className = _a.className, defaultAnswerVersionLabel = _a.defaultAnswerVersionLabel, _b = _a.guide, selectedPerspective = _b.perspective, guidePerspectives = _b.perspectives, _c = _a.availablePerspectives, availablePerspectives = _c === void 0 ? [] : _c;
-    var _d = useRouteData(), name = _d.name, params = _d.params;
-    var perspectives = useMemo(function () {
-        if (!guidePerspectives || !availablePerspectives.length) {
-            return [];
-        }
-        return availablePerspectives
-            .filter(function (_a) {
-            var name = _a.name;
-            return !!guidePerspectives[name];
-        })
-            .map(function (_a) {
-            var name = _a.name, title = _a.title;
-            return { label: title, connection: guidePerspectives[name] };
-        });
-    }, [guidePerspectives, availablePerspectives]);
-    return (React.createElement(StyledList, { className: appendClassNames(className, 'humany-guide-answer-version-picker'), items: perspectives, renderItem: function (perspective) {
-            var label = perspective.label === 'Default' ? defaultAnswerVersionLabel : perspective.label;
-            var selected = selectedPerspective === perspective.connection;
-            var isRoot = selected && (!params.connection || selectedPerspective === params.connection);
-            return (React.createElement("li", { key: perspective.connection, "data-version": perspective.connection },
-                React.createElement(VersionLink, { key: perspective.connection, forwardedAs: isRoot ? 'span' : undefined, text: label, routeName: name, selected: selected, "aria-label": label, title: label, params: __assign(__assign({}, params), { connection: perspective.connection }) })));
-        } }));
-};
-export default AnswerVersionPicker;
-var StyledList = styled(List)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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(", " * 2) 0 0;\n    }\n\n    li > span {\n        cursor: default;\n    }\n"], ["\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(", " * 2) 0 0;\n    }\n\n    li > span {\n        cursor: default;\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-var VersionLink = styled(TextLink)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-weight: 300;\n    color: ", ";\n    text-decoration: none;\n\n    ", "\n\n    &:focus {\n        ", ";\n    }\n"], ["\n    font-weight: 300;\n    color: ", ";\n    text-decoration: none;\n\n    ", "\n\n    &:focus {\n        ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; }, function (p) {
-    return p.selected && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            font-weight: bold;\n            text-decoration: underline;\n        "], ["\n            font-weight: bold;\n            text-decoration: underline;\n        "])));
-}, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && paddedBorderTabStyle; });
-var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/categories.js

@@ -1,52 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { PickerTypes } from '@telia-ace/knowledge-widget-core';
-import { StyledListButton, SymbolBadge, Text, Tooltip, useContainer, } from '@telia-ace/knowledge-widget-ui';
-import { buildCategoryTrail } from '@telia-ace/widget-utilities';
-import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-var Categories = function (_a) {
-    var _b = _a.guide.categories, categories = _b === void 0 ? [] : _b, _c = _a.toolbar.picker, picker = _c === void 0 ? PickerTypes.NONE : _c;
-    var _d = __read(useState([]), 2), trail = _d[0], setTrail = _d[1];
-    var container = useContainer();
-    useEffect(function () {
-        buildCategoryTrail('index', categories.map(function (id) { return id.toString(); }), container).then(function (result) {
-            setTrail(result);
-        });
-    }, [categories]);
-    if (!trail.length) {
-        return null;
-    }
-    return (React.createElement(Tooltip, { className: "humany-guide-category-tooltip", sticky: picker === PickerTypes.DRAWER, content: React.createElement(React.Fragment, null, trail.map(function (segments) {
-            return (React.createElement(CategoryTrail, { className: "humany-guide-category-trail", key: segments.map(function (c) { return c.id; }).join('.') }, segments.map(function (category, index) {
-                return (React.createElement(Text, { className: "humany-guide-category-trail-segment", key: category.id },
-                    category.symbol && index === 0 && (React.createElement(SymbolBadge, { size: 14, symbol: category.symbol })),
-                    category.title,
-                    index !== segments.length - 1 && (React.createElement(CategorySeparator, { className: "humany-category-separator" }, "/"))));
-            })));
-        })) }, picker === PickerTypes.DRAWER ? (React.createElement(StyledListButton, { className: "humany-guide-category-tooltip-button", "data-has-label": "false", "data-has-symbol": "true" },
-        React.createElement(CategoriesSymbolBadge, { size: 19, symbol: { type: 'Svg', content: 'information' } }))) : (React.createElement(CategoriesSymbolBadge, { size: 19, symbol: { type: 'Svg', content: 'information' } }))));
-};
-export default Categories;
-var CategoryTrail = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    i,\n    svg {\n        margin: 0 ", " 0 0;\n    }\n\n    &:not(:last-child) {\n        margin: 0 0 ", ";\n    }\n"], ["\n    i,\n    svg {\n        margin: 0 ", " 0 0;\n    }\n\n    &:not(:last-child) {\n        margin: 0 0 ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-var CategorySeparator = styled(Text)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    margin: 0 ", ";\n"], ["\n    margin: 0 ", ";\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-var CategoriesSymbolBadge = styled(SymbolBadge)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/feedback.js

@@ -1,29 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { ContactList } from '@telia-ace/knowledge-widget-adapters';
-import { Feedback as FeedbackUi, StyledHeaderText, useDispatch, useProperties, } from '@telia-ace/knowledge-widget-ui';
-import React from 'react';
-import styled from 'styled-components';
-var StyledContactList = styled(ContactList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-top: ", ";\n    ", "\n"], ["\n    border-top: ", ";\n    ", "\n"])), function (p) { return p.theme.border; }, function (p) { return p.backButtonShown === 'true' && "border-bottom: ".concat(p.theme.border, ";"); });
-var StyledFeedback = styled(FeedbackUi)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), function (p) { var _a, _b; return "padding: ".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large, " ").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.large, ";"); });
-var Recognition = styled(StyledHeaderText)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n\n    display: block;\n    font-size: ", ";\n    font-weight: bold;\n"], ["\n    ", "\n\n    display: block;\n    font-size: ", ";\n    font-weight: bold;\n"])), function (p) { var _a, _b; return "padding: ".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large, " ").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.large, ";"); }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; });
-var Feedback = function (_a) {
-    var _b = _a.backButtonShown, backButtonShown = _b === void 0 ? false : _b, _c = _a.accordion, accordion = _c === void 0 ? false : _c;
-    var dispatch = useDispatch();
-    var _d = useProperties(), _e = _d.loading, loading = _e === void 0 ? false : _e, _f = _d.dialog, dialog = _f === void 0 ? [] : _f, guide = _d.guide, _g = _d.handoverContactMethods, handoverContactMethods = _g === void 0 ? [] : _g, contactHeader = _d.contactHeader, showFeedback = _d.showFeedback, _h = _d.feedbackDirection, feedbackDirection = _h === void 0 ? 'horizontal' : _h, feedbackRecognitionLabel = _d.feedbackRecognitionLabel, feedbackGiven = _d.feedbackGiven, feedbackHeader = _d.feedbackHeader, positiveFeedbackLabel = _d.positiveFeedbackLabel, negativeFeedbackLabel = _d.negativeFeedbackLabel, contactFeedbackLabel = _d.contactFeedbackLabel;
-    if (!showFeedback ||
-        !guide ||
-        !guide.allowFeedback ||
-        (loading && !feedbackGiven) ||
-        dialog.length) {
-        return null;
-    }
-    if (feedbackGiven && feedbackRecognitionLabel && !handoverContactMethods.length) {
-        return (React.createElement(Recognition, { accordion: accordion ? 'true' : 'false' }, feedbackRecognitionLabel));
-    }
-    return guide.hasHandover && handoverContactMethods.length ? (React.createElement(StyledContactList, { backButtonShown: backButtonShown ? 'true' : 'false', accordion: accordion ? 'true' : 'false', header: contactHeader, contactMethods: handoverContactMethods, dispatch: dispatch })) : (React.createElement(StyledFeedback, { accordion: accordion ? 'true' : 'false', positive: positiveFeedbackLabel, negative: guide.hasHandover ? contactFeedbackLabel : negativeFeedbackLabel, header: feedbackHeader, selected: feedbackGiven, onFeedback: function (feedback) { return dispatch('feedback', feedback); }, direction: feedbackDirection }));
-};
-export default Feedback;
-var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/functions.js

@@ -1,101 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { PickerTypes } from '@telia-ace/knowledge-widget-core';
-import { DrawerAnimationType, DrawerList, DropdownList, FavoriteButton, StyledListButton, StyledText, SymbolBadge, useFavorites, } from '@telia-ace/knowledge-widget-ui';
-import React, { useCallback, useMemo } from 'react';
-import styled from 'styled-components';
-var Functions = function (_a) {
-    var header = _a.header, tooltip = _a.tooltip, printActionLabel = _a.printActionLabel, copyActionLabel = _a.copyActionLabel, addFavoriteTooltip = _a.addFavoriteTooltip, removeFavoriteCancelLabel = _a.removeFavoriteCancelLabel, removeFavoriteConfirmLabel = _a.removeFavoriteConfirmLabel, removeFavoriteHeader = _a.removeFavoriteHeader, removeFavoriteLabel = _a.removeFavoriteLabel, removeFavoriteTooltip = _a.removeFavoriteTooltip, toolbarFunctionsCloseButtonAriaLabel = _a.toolbarFunctionsCloseButtonAriaLabel, _b = _a.allowCopy, allowCopy = _b === void 0 ? false : _b, _c = _a.allowPrint, allowPrint = _c === void 0 ? false : _c, _d = _a.showFavoriteToggle, showFavoriteToggle = _d === void 0 ? false : _d, _e = _a.picker, picker = _e === void 0 ? PickerTypes.NONE : _e, guide = _a.guide, dispatch = _a.dispatch;
-    var _f = __read(useFavorites(), 2), favorites = _f[0], actions = _f[1];
-    var handleCopy = useCallback(function (event) {
-        if (guide) {
-            dispatch('copy', guide);
-        }
-    }, [guide, dispatch]);
-    var handlePrint = useCallback(function () {
-        if (guide) {
-            dispatch('print');
-        }
-    }, [guide, dispatch]);
-    var items = useMemo(function () {
-        var id = guide.id, title = guide.title;
-        var items = [];
-        if (allowCopy) {
-            items.push({
-                type: 'copy',
-                child: (React.createElement(StyledListButton, { "data-has-label": copyActionLabel ? 'true' : 'false', "data-has-symbol": "true", title: copyActionLabel, "aria-label": printActionLabel, onClick: handleCopy },
-                    React.createElement(ColoredSymbolBadge, { size: 16, symbol: { type: 'Svg', content: 'copy' } }),
-                    copyActionLabel && React.createElement(StyledText, null, copyActionLabel))),
-            });
-        }
-        if (allowPrint) {
-            items.push({
-                type: 'print',
-                child: (React.createElement(StyledListButton, { "data-has-label": printActionLabel ? 'true' : 'false', "data-has-symbol": "true", title: printActionLabel, "aria-label": printActionLabel, onClick: handlePrint },
-                    React.createElement(ColoredSymbolBadge, { size: 16, symbol: { type: 'Svg', content: 'print' } }),
-                    printActionLabel && React.createElement(StyledText, null, printActionLabel))),
-            });
-        }
-        if (showFavoriteToggle) {
-            var isFavorite = favorites.indexOf(id) > -1;
-            items.push({
-                type: 'favorite',
-                child: (React.createElement(FavoriteButton, { id: id, guideTitle: title, isFavorite: isFavorite, buttonLabel: isFavorite ? removeFavoriteTooltip : addFavoriteTooltip, addFavoriteTooltip: addFavoriteTooltip, removeFavoriteCancelLabel: removeFavoriteCancelLabel, removeFavoriteConfirmLabel: removeFavoriteConfirmLabel, removeFavoriteHeader: removeFavoriteHeader, removeFavoriteLabel: removeFavoriteLabel, removeFavoriteTooltip: removeFavoriteTooltip, actions: actions })),
-            });
-        }
-        return items;
-    }, [
-        favorites,
-        guide,
-        allowCopy,
-        allowPrint,
-        showFavoriteToggle,
-        printActionLabel,
-        copyActionLabel,
-        addFavoriteTooltip,
-        removeFavoriteCancelLabel,
-        removeFavoriteConfirmLabel,
-        removeFavoriteHeader,
-        removeFavoriteLabel,
-        removeFavoriteTooltip,
-    ]);
-    if (!items.length) {
-        return null;
-    }
-    var trigger = (React.createElement(StyledTriggerButton, { tabIndex: 0, title: tooltip, "data-has-symbol": "true", "data-has-label": "false" },
-        React.createElement(ColoredSymbolBadge, { symbol: { type: 'Svg', content: 'options' }, size: 18 })));
-    var renderListItem = function (_a) {
-        var type = _a.type, child = _a.child;
-        return (React.createElement("li", { key: type, "data-function-type": type }, child));
-    };
-    if (picker === PickerTypes.DROPDOWN) {
-        return (React.createElement(StyledDropdownList, { className: "humany-guide-functions-dropdown-list", header: header, items: items, trigger: trigger, renderItem: renderListItem, closeButtonAriaLabel: toolbarFunctionsCloseButtonAriaLabel }));
-    }
-    if (picker === PickerTypes.DRAWER) {
-        return (React.createElement(DrawerList, { className: "humany-guide-functions-drawer-list", animation: { type: DrawerAnimationType.SlideInBottom }, header: header, items: items, trigger: trigger, renderItem: renderListItem, closeButtonAriaLabel: toolbarFunctionsCloseButtonAriaLabel }));
-    }
-    return null;
-};
-export default Functions;
-var ColoredSymbolBadge = styled(SymbolBadge)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    circle {\n        fill: ", ";\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ", ";\n    }\n"], ["\n    circle {\n        fill: ", ";\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
-var StyledDropdownList = styled(DropdownList)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: block;\n    min-height: auto;\n"], ["\n    display: block;\n    min-height: auto;\n"])));
-var StyledTriggerButton = styled(StyledListButton)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    padding: calc(", " * 2) 0;\n"], ["\n    padding: calc(", " * 2) 0;\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-var templateObject_1, templateObject_2, templateObject_3;