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

package/lib/feedback.js

@@ -1,34 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_adapters_1 = require("@telia-ace/knowledge-widget-adapters");
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var StyledContactList = (0, styled_components_1.default)(knowledge_widget_adapters_1.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 = (0, styled_components_1.default)(knowledge_widget_ui_1.Feedback)(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 = (0, styled_components_1.default)(knowledge_widget_ui_1.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 = (0, knowledge_widget_ui_1.useDispatch)();
-    var _d = (0, knowledge_widget_ui_1.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_1.default.createElement(Recognition, { accordion: accordion ? 'true' : 'false' }, feedbackRecognitionLabel));
-    }
-    return guide.hasHandover && handoverContactMethods.length ? (react_1.default.createElement(StyledContactList, { backButtonShown: backButtonShown ? 'true' : 'false', accordion: accordion ? 'true' : 'false', header: contactHeader, contactMethods: handoverContactMethods, dispatch: dispatch })) : (react_1.default.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 }));
-};
-exports.default = Feedback;
-var templateObject_1, templateObject_2, templateObject_3;

package/lib/functions.d.ts

@@ -1,29 +0,0 @@
-import { PickerTypes } from '@telia-ace/knowledge-widget-core';
-import { DispatchAction } from '@telia-ace/knowledge-widget-ui';
-import React from 'react';
-import { GuideProps } from './guide-component';
-export declare type FunctionListItem = {
-    type: string;
-    child: React.ReactNode;
-};
-declare type Props = {
-    header?: string;
-    tooltip?: string;
-    printActionLabel?: string;
-    copyActionLabel?: string;
-    addFavoriteTooltip?: string;
-    removeFavoriteCancelLabel?: string;
-    removeFavoriteConfirmLabel?: string;
-    removeFavoriteHeader?: string;
-    removeFavoriteLabel?: string;
-    removeFavoriteTooltip?: string;
-    toolbarFunctionsCloseButtonAriaLabel?: string;
-    guide: GuideProps;
-    allowCopy?: boolean;
-    allowPrint?: boolean;
-    showFavoriteToggle?: boolean;
-    picker?: PickerTypes;
-    dispatch: DispatchAction;
-};
-declare const Functions: React.FC<Props>;
-export default Functions;

package/lib/functions.js

@@ -1,129 +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 __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 __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;
-};
-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 react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("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 ? knowledge_widget_core_1.PickerTypes.NONE : _e, guide = _a.guide, dispatch = _a.dispatch;
-    var _f = __read((0, knowledge_widget_ui_1.useFavorites)(), 2), favorites = _f[0], actions = _f[1];
-    var handleCopy = (0, react_1.useCallback)(function (event) {
-        if (guide) {
-            dispatch('copy', guide);
-        }
-    }, [guide, dispatch]);
-    var handlePrint = (0, react_1.useCallback)(function () {
-        if (guide) {
-            dispatch('print');
-        }
-    }, [guide, dispatch]);
-    var items = (0, react_1.useMemo)(function () {
-        var id = guide.id, title = guide.title;
-        var items = [];
-        if (allowCopy) {
-            items.push({
-                type: 'copy',
-                child: (react_1.default.createElement(knowledge_widget_ui_1.StyledListButton, { "data-has-label": copyActionLabel ? 'true' : 'false', "data-has-symbol": "true", title: copyActionLabel, "aria-label": printActionLabel, onClick: handleCopy },
-                    react_1.default.createElement(ColoredSymbolBadge, { size: 16, symbol: { type: 'Svg', content: 'copy' } }),
-                    copyActionLabel && react_1.default.createElement(knowledge_widget_ui_1.StyledText, null, copyActionLabel))),
-            });
-        }
-        if (allowPrint) {
-            items.push({
-                type: 'print',
-                child: (react_1.default.createElement(knowledge_widget_ui_1.StyledListButton, { "data-has-label": printActionLabel ? 'true' : 'false', "data-has-symbol": "true", title: printActionLabel, "aria-label": printActionLabel, onClick: handlePrint },
-                    react_1.default.createElement(ColoredSymbolBadge, { size: 16, symbol: { type: 'Svg', content: 'print' } }),
-                    printActionLabel && react_1.default.createElement(knowledge_widget_ui_1.StyledText, null, printActionLabel))),
-            });
-        }
-        if (showFavoriteToggle) {
-            var isFavorite = favorites.indexOf(id) > -1;
-            items.push({
-                type: 'favorite',
-                child: (react_1.default.createElement(knowledge_widget_ui_1.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_1.default.createElement(StyledTriggerButton, { tabIndex: 0, title: tooltip, "data-has-symbol": "true", "data-has-label": "false" },
-        react_1.default.createElement(ColoredSymbolBadge, { symbol: { type: 'Svg', content: 'options' }, size: 18 })));
-    var renderListItem = function (_a) {
-        var type = _a.type, child = _a.child;
-        return (react_1.default.createElement("li", { key: type, "data-function-type": type }, child));
-    };
-    if (picker === knowledge_widget_core_1.PickerTypes.DROPDOWN) {
-        return (react_1.default.createElement(StyledDropdownList, { className: "humany-guide-functions-dropdown-list", header: header, items: items, trigger: trigger, renderItem: renderListItem, closeButtonAriaLabel: toolbarFunctionsCloseButtonAriaLabel }));
-    }
-    if (picker === knowledge_widget_core_1.PickerTypes.DRAWER) {
-        return (react_1.default.createElement(knowledge_widget_ui_1.DrawerList, { className: "humany-guide-functions-drawer-list", animation: { type: knowledge_widget_ui_1.DrawerAnimationType.SlideInBottom }, header: header, items: items, trigger: trigger, renderItem: renderListItem, closeButtonAriaLabel: toolbarFunctionsCloseButtonAriaLabel }));
-    }
-    return null;
-};
-exports.default = Functions;
-var ColoredSymbolBadge = (0, styled_components_1.default)(knowledge_widget_ui_1.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 = (0, styled_components_1.default)(knowledge_widget_ui_1.DropdownList)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: block;\n    min-height: auto;\n"], ["\n    display: block;\n    min-height: auto;\n"])));
-var StyledTriggerButton = (0, styled_components_1.default)(knowledge_widget_ui_1.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;

package/lib/guide-component.d.ts

@@ -1,69 +0,0 @@
-import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';
-import { FavoriteProperties, LanguageProperties, MetaDataProperties } from '@telia-ace/knowledge-widget-component-utilities';
-import { DialogItem, PickerTypes } from '@telia-ace/knowledge-widget-core';
-import { DataError } from '@telia-ace/knowledge-widget-types-grid';
-import { FormComponentInstanceProperties } from '@telia-ace/widget-forms';
-import { Container } from '@webprovisions/platform';
-export declare type GuideProps = {
-    id: string;
-    title: string;
-    body: string;
-    connection: string;
-    categories: number[];
-    hasHandover: boolean;
-    allowFeedback: boolean;
-    perspectives: {
-        [key: string]: string;
-    };
-    translations?: {
-        [key: string]: string;
-    };
-    modified?: string;
-    published?: string;
-    publishedBy?: string | null;
-    modifiedBy?: string | null;
-    perspective: string | null;
-};
-export declare type AvailablePerspectives = {
-    name: string;
-    title: string;
-};
-export declare type GuideComponentProps = {
-    showHeader?: boolean;
-    showFeedback?: boolean;
-    feedbackDirection?: 'horizontal' | 'vertical';
-    feedbackGiven?: 'positive' | 'negative';
-    contactMethods?: ContactMethodType[];
-    handoverContactMethods?: ContactMethodType[];
-    showAnswerVersions?: boolean;
-    feedbackHeader?: string;
-    contactHeader?: string;
-    toolbarFunctionsHeader?: string;
-    toolbarLanguageHeader?: string;
-    positiveFeedbackLabel?: string;
-    negativeFeedbackLabel?: string;
-    contactFeedbackLabel?: string;
-    feedbackRecognitionLabel?: string;
-    defaultAnswerVersionLabel?: string;
-    backButtonLabel?: string;
-    toolbarFunctionsTooltip?: string;
-    toolbarFunctionsCloseButtonAriaLabel?: string;
-    copyActionLabel?: string;
-    printActionLabel?: string;
-    toolbarLanguageTooltip?: string;
-    toolbar?: ToolbarProps;
-    guide?: GuideProps;
-    dialog?: DialogItem[];
-    error?: DataError;
-    availablePerspectives?: AvailablePerspectives[];
-} & FormComponentInstanceProperties & FavoriteProperties & MetaDataProperties & LanguageProperties;
-export declare type ToolbarProps = {
-    language?: boolean;
-    guideCategories?: boolean;
-    allowCopy?: boolean;
-    allowPrint?: boolean;
-    showFavoriteToggle?: boolean;
-    picker?: PickerTypes;
-};
-export declare const GuideComponent: (container: Container) => Promise<void>;
-export default GuideComponent;

package/lib/guide-component.js

@@ -1,196 +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);
-};
-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 __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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GuideComponent = void 0;
-var knowledge_widget_component_utilities_1 = require("@telia-ace/knowledge-widget-component-utilities");
-var knowledge_widget_core_1 = require("@telia-ace/knowledge-widget-core");
-var knowledge_widget_types_grid_1 = require("@telia-ace/knowledge-widget-types-grid");
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var clipboard = __importStar(require("clipboard-polyfill"));
-var use_feedback_1 = __importDefault(require("./use-feedback"));
-var buildPlainText = function (_a) {
-    var title = _a.title, body = _a.body;
-    var processedHtml = '';
-    if (title && title.length) {
-        processedHtml = title.trim();
-    }
-    if (body && body.length) {
-        processedHtml = "".concat(processedHtml.trim(), "\n").concat(body.trim());
-    }
-    var div = document.createElement('div');
-    div.innerHTML = processedHtml;
-    var links = Array.from(div.getElementsByTagName('a'));
-    var plainText = div.innerText;
-    links.forEach(function (a) {
-        plainText = plainText.replace(a.innerText, "[".concat(a.href, "] (").concat(a.innerText, ")"));
-    });
-    return plainText;
-};
-var buildHtml = function (_a) {
-    var title = _a.title, body = _a.body;
-    var processedHtml = '';
-    if (title && title.length) {
-        processedHtml = "<h2>".concat(title.trim(), "</h2>");
-    }
-    if (body && body.length) {
-        processedHtml = "".concat(processedHtml.trim()).concat(body.trim());
-    }
-    return processedHtml.trim();
-};
-var GuideComponent = function (container) {
-    var events = container.get('$widget').events;
-    var _a = __read((0, knowledge_widget_core_1.createEventSubscriber)(events), 2), subscribe = _a[0], unsubscribe = _a[1];
-    return (0, knowledge_widget_ui_1.createReactComponent)(container, 'guide', Promise.resolve().then(function () { return __importStar(require('./guide')); }), function (component) {
-        var fetch = function (params) {
-            component.writeProperties({
-                loading: true,
-                error: undefined,
-                guide: undefined,
-            });
-            component.actions.dispatch('fetch', { params: params });
-        };
-        component.actions.create('copy', function (guide) {
-            var item = new clipboard.ClipboardItem({
-                'text/html': new Blob([buildHtml(guide)], { type: 'text/html' }),
-                'text/plain': new Blob([buildPlainText(guide)], { type: 'text/plain' }),
-            });
-            return clipboard.write([item]).then(function () {
-                events.dispatch('widget:menu-toggled', null);
-            });
-        });
-        component.actions.create('print', function () {
-            var elem = document.querySelector('.humany-guide .humany-paragraph');
-            var a = window.open('', '', 'height=500, width=500');
-            events.dispatch('widget:menu-toggled', null);
-            if (elem && a) {
-                a.document.write("<html><body>".concat(elem.innerHTML, "</body></html>"));
-                a.document.close();
-                a.print();
-            }
-        });
-        component.actions.create('back', function (data, options) {
-            if (options.preventDefault) {
-                return;
-            }
-            return container.getAsync('router').then(function (router) {
-                router.goBack();
-            });
-        });
-        component.actions.create('fetch', function (_a) {
-            var _b = _a.contactMethods, contactMethods = _b === void 0 ? [] : _b, _c = _a.dialog, dialog = _c === void 0 ? [] : _c, guide = _a.guide, error = _a.error;
-            if (error) {
-                return component.actions.dispatch('fetched', {
-                    error: error,
-                    guide: undefined,
-                    contactMethods: [],
-                    feedbackGiven: undefined,
-                    handoverContactMethods: [],
-                    showFeedback: false,
-                    loading: true,
-                });
-            }
-            var _d = component.properties(), _e = _d.showFeedback, showFeedback = _e === void 0 ? true : _e, _f = _d.submitButtonLabel, submitButtonLabel = _f === void 0 ? 'Submit' : _f;
-            var properties = {
-                showFeedback: showFeedback,
-                dialog: dialog,
-                guide: guide,
-                feedbackGiven: undefined,
-                handoverContactMethods: [],
-                contactMethods: contactMethods.map(function (cm) { return (__assign(__assign({}, cm), { body: (0, knowledge_widget_component_utilities_1.updateForm)(cm, { submit: submitButtonLabel }) })); }),
-            };
-            return component.actions.dispatch('fetched', __assign(__assign({}, properties), { loading: true }));
-        });
-        component.actions.create('fetched', function (input) {
-            return component.writeProperties(__assign(__assign({}, input), { loading: false }));
-        });
-        container.getAsync('router').then(function (router) {
-            var params = router.getRouteData().params;
-            fetch(params);
-        });
-        subscribe('router:changed', function (event, _a) {
-            var current = _a.current;
-            fetch(current.routeData.params);
-        });
-        (0, use_feedback_1.default)(container, component);
-        (0, knowledge_widget_component_utilities_1.useForm)(container, component);
-        (0, knowledge_widget_component_utilities_1.useExpand)(component);
-    })
-        .then(function () {
-        return (0, knowledge_widget_core_1.extendComponent)(container, 'guide', function (component) {
-            component.actions.watch('guide.fetch', function (input, next) {
-                var _a = input.params, guide = _a.guide, connection = _a.connection;
-                if (guide) {
-                    return container
-                        .getAsync('dataClient')
-                        .then(function (dataClient) {
-                        return dataClient.fetch(knowledge_widget_types_grid_1.DataType.Guide, { connection: connection, guideId: guide });
-                    })
-                        .then(next)
-                        .catch(function (error) {
-                        if (error) {
-                            return next(error);
-                        }
-                    });
-                }
-                return next(input);
-            });
-        });
-    })
-        .then(function () {
-        unsubscribe();
-    });
-};
-exports.GuideComponent = GuideComponent;
-exports.default = exports.GuideComponent;

package/lib/guide.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare type Props = {
-    className: string;
-    accordion?: boolean;
-};
-declare const Guide: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default Guide;

package/lib/guide.js

@@ -1,117 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_adapters_1 = require("@telia-ace/knowledge-widget-adapters");
-var knowledge_widget_types_grid_1 = require("@telia-ace/knowledge-widget-types-grid");
-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 answer_version_picker_1 = __importDefault(require("./answer-version-picker"));
-var feedback_1 = __importDefault(require("./feedback"));
-var toolbar_1 = __importDefault(require("./toolbar"));
-var Guide = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, _b = _a.accordion, accordion = _b === void 0 ? false : _b, other = __rest(_a, ["className", "accordion"]);
-    var _c = (0, knowledge_widget_ui_1.useProperties)(), _d = _c.loading, loading = _d === void 0 ? false : _d, _e = _c.dialog, dialog = _e === void 0 ? [] : _e, _f = _c.contactMethods, contactMethods = _f === void 0 ? [] : _f, _g = _c.showHeader, showHeader = _g === void 0 ? true : _g, _h = _c.showAnswerVersions, showAnswerVersions = _h === void 0 ? false : _h, _j = _c.defaultAnswerVersionLabel, defaultAnswerVersionLabel = _j === void 0 ? 'Default' : _j, backButtonLabel = _c.backButtonLabel, metadataByLabel = _c.metadataByLabel, metadataModifiedLabel = _c.metadataModifiedLabel, metadataPublishedLabel = _c.metadataPublishedLabel, availablePerspectives = _c.availablePerspectives, metadata = _c.metadata, toolbar = _c.toolbar, guide = _c.guide, error = _c.error;
-    var connection = (0, knowledge_widget_ui_1.useRouteData)().params.connection;
-    var container = (0, knowledge_widget_ui_1.useContainer)();
-    var children = (0, knowledge_widget_ui_1.useChildren)();
-    var dispatch = (0, knowledge_widget_ui_1.useDispatch)();
-    var handleBackButtonClick = (0, react_1.useCallback)(function () {
-        dispatch('back');
-    }, [dispatch]);
-    if (!guide && !error && !loading) {
-        return (0, knowledge_widget_ui_1.createEmptyComponent)(container, __assign(__assign({}, other), { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-guide') }));
-    }
-    var _k = guide || {}, _l = _k.id, id = _l === void 0 ? '' : _l, _m = _k.title, title = _m === void 0 ? '' : _m, _o = _k.body, body = _o === void 0 ? '' : _o, _p = _k.translations, translations = _p === void 0 ? {} : _p;
-    if (error && error.status === 404) {
-        return react_1.default.createElement(knowledge_widget_types_grid_1.NotFound, { showSearch: false });
-    }
-    var showBackButton = !!accordion && !!connection;
-    var language = Object.keys(translations).find(function (key) { return translations[key] === "".concat(id); });
-    return (react_1.default.createElement(Wrapper, __assign({ ref: ref }, other, { "data-loading": loading, className: (0, widget_utilities_1.appendClassNames)(className, 'humany-guide') }),
-        react_1.default.createElement(Content, { "data-loading": loading, accordion: accordion ? 'true' : 'false', className: "humany-guide-content" },
-            ((showAnswerVersions && guide) || !!toolbar) && (react_1.default.createElement(Top, { className: "humany-guide-top" },
-                showAnswerVersions && guide && (react_1.default.createElement(answer_version_picker_1.default, { defaultAnswerVersionLabel: defaultAnswerVersionLabel, availablePerspectives: availablePerspectives, guide: guide })),
-                !!toolbar && react_1.default.createElement(toolbar_1.default, { dispatch: dispatch }))),
-            !!(title || body) && (react_1.default.createElement(Body, { className: "humany-guide-body", accordion: accordion ? 'true' : 'false', header: (showHeader && title) || undefined, html: body, htmlParseInstruction: (0, knowledge_widget_ui_1.guideRenderInstructions)(container, dialog), lang: language })),
-            dialog && body.indexOf('h-option-link') === -1 && (react_1.default.createElement(StyledDialogList, { dialog: dialog })),
-            react_1.default.createElement(StyledContactList, { backButtonShown: showBackButton ? 'true' : 'false', contactMethods: contactMethods, dispatch: dispatch, guideId: guide && guide.id }),
-            !contactMethods.length && (react_1.default.createElement(feedback_1.default, { backButtonShown: showBackButton, accordion: accordion })),
-            showBackButton && (react_1.default.createElement(BackButton, { "aria-label": backButtonLabel, onClick: handleBackButtonClick },
-                react_1.default.createElement(Caret, { width: "7", height: "13", viewBox: "0 0 7 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    react_1.default.createElement("line", { x1: "6.64645", y1: "12.5513", x2: "0.648357", y2: "6.55319" }),
-                    react_1.default.createElement("line", { x1: "0.646447", y1: "6.64455", x2: "6.64454", y2: "0.646465" })),
-                backButtonLabel && react_1.default.createElement("span", null, backButtonLabel))),
-            metadata && (react_1.default.createElement(StyledMetadata, __assign({}, metadata, { modified: guide === null || guide === void 0 ? void 0 : guide.modified, published: guide === null || guide === void 0 ? void 0 : guide.published, modifiedBy: guide === null || guide === void 0 ? void 0 : guide.modifiedBy, publishedBy: guide === null || guide === void 0 ? void 0 : guide.publishedBy, byLabel: metadataByLabel, modifiedLabel: metadataModifiedLabel, publishedLabel: metadataPublishedLabel }))),
-            children.map(function (child) { return (react_1.default.createElement(StyledComponents, __assign({ key: child.id, id: child.id, branch: "default" }, { embedded: true }))); })),
-        react_1.default.createElement(knowledge_widget_ui_1.Loader, { loading: loading })));
-});
-exports.default = Guide;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    min-width: 0;\n"], ["\n    ", "\n    min-width: 0;\n"])), knowledge_widget_ui_1.loadingOpacity);
-var Body = (0, styled_components_1.default)(knowledge_widget_ui_1.Paragraph)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    ", "\n  display: block;\n    line-height: 1.6em;\n    ", "\n\n    p {\n        font-weight: 300;\n        font-size: ", ";\n        color: ", ";\n        a {\n            display: inline;\n        }\n    }\n"], ["\n    ", "\n    ", "\n  display: block;\n    line-height: 1.6em;\n    ", "\n\n    p {\n        font-weight: 300;\n        font-size: ", ";\n        color: ", ";\n        a {\n            display: inline;\n        }\n    }\n"])), knowledge_widget_ui_1.genericHtml, function (p) { var _a; return "padding: ".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large, ";"); }, (0, knowledge_widget_ui_1.headingElement)('h1', (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            font-size: ", ";\n            font-weight: normal;\n            line-height: 1.6em;\n            line-height: 1.6em;\n            margin: 0 0 ", ";\n        "], ["\n            font-size: ", ";\n            font-weight: normal;\n            line-height: 1.6em;\n            line-height: 1.6em;\n            margin: 0 0 ", ";\n        "])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.large; }, 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; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
-var StyledContactList = (0, styled_components_1.default)(knowledge_widget_adapters_1.ContactList)(templateObject_4 || (templateObject_4 = __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 StyledDialogList = (0, styled_components_1.default)(knowledge_widget_ui_1.DialogList)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n    display: block;\n"], ["\n    ", "\n    display: block;\n"])), function (p) { var _a, _b; return "padding: 0 ".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 Top = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    ", "\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: ", ";\n    border-radius: ", " 0 0;\n    background-color: #ffffff;\n"], ["\n    ", "\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: ", ";\n    border-radius: ", " 0 0;\n    background-color: #ffffff;\n"])), function (p) { var _a, _b; return "padding: calc(".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal, "*2) ").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.large, ";"); }, function (p) { return p.theme.border; }, function (p) { return "".concat(p.theme.borderRadius, " ").concat(p.theme.borderRadius); });
-var Content = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    ", "\n    display: block;\n    > a {\n        ", "\n    }\n\n    ", "\n"], ["\n    ", "\n    display: block;\n    > a {\n        ", "\n    }\n\n    ", "\n"])), knowledge_widget_ui_1.contentBox, knowledge_widget_adapters_1.contactLink, function (p) {
-    return p.accordion === 'true' && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n            white-space: normal;\n            box-shadow: none;\n            background-color: #fafafa;\n        "], ["\n            white-space: normal;\n            box-shadow: none;\n            background-color: #fafafa;\n        "])));
-});
-var StyledMetadata = (0, styled_components_1.default)(knowledge_widget_ui_1.Metadata)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    display: block;\n    ", "\n    font-weight: 300;\n    font-size: ", ";\n    color: ", ";\n    border-top: ", ";\n"], ["\n    display: block;\n    ", "\n    font-weight: 300;\n    font-size: ", ";\n    color: ", ";\n    border-top: ", ";\n"])), function (p) { var _a, _b; return "padding: calc(".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal, "*2) ").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; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; }, function (p) { return p.theme.border; });
-var StyledComponents = (0, styled_components_1.default)(knowledge_widget_types_grid_1.Component)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    border-top: ", ";\n"], ["\n    border-top: ", ";\n"])), function (p) { return p.theme.border; });
-var BackButton = (0, styled_components_1.default)(knowledge_widget_ui_1.Button)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    ", "\n    color: ", ";\n    text-decoration: underline;\n    font-size: ", ";\n    span {\n        font-weight: 300;\n    }\n    &:focus {\n        ", ";\n    }\n"], ["\n    ", "\n    color: ", ";\n    text-decoration: underline;\n    font-size: ", ";\n    span {\n        font-weight: 300;\n    }\n    &:focus {\n        ", ";\n    }\n"])), function (p) { var _a, _b; return "padding: ".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal, " calc(").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.normal, " * 2);"); }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) {
-    var _a;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n                ", "\n                padding: ", ";\n            "], ["\n                ", "\n                padding: ", ";\n            "])), knowledge_widget_ui_1.linkTabStyle, function (p) { var _a, _b; return "calc(".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small, " / 2) ").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.small); });
-});
-var Caret = styled_components_1.default.svg(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    margin-right: ", ";\n    line {\n        stroke: ", ";\n    }\n"], ["\n    margin-right: ", ";\n    line {\n        stroke: ", ";\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.colors) === null || _a === void 0 ? void 0 : _a.primary; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-import GuideComponent from './guide-component';
-export default GuideComponent;

package/lib/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var guide_component_1 = __importDefault(require("./guide-component"));
-exports.default = guide_component_1.default;

package/lib/languages.d.ts

@@ -1,17 +0,0 @@
-import { LanguageProperties } from '@telia-ace/knowledge-widget-component-utilities';
-import { PickerTypes } from '@telia-ace/knowledge-widget-core';
-import React from 'react';
-import { GuideProps } from './guide-component';
-export declare type LanguageListItem = {
-    id: string;
-    key: string;
-    label: string;
-};
-declare type Props = Merge<{
-    header?: string;
-    tooltip?: string;
-    guide: GuideProps;
-    picker?: PickerTypes;
-}, LanguageProperties>;
-declare const Languages: React.FC<Props>;
-export default Languages;