@telia-ace/knowledge-widget-plugins 1.0.1

package/lib/misc-behavior/plugin.d.ts

@@ -0,0 +1,19 @@
+import { Plugin } from '@telia-ace/knowledge-widget-core';
+import { Container } from '@webprovisions/platform';
+export declare type Settings = {
+    denyAutoExpandContactMethods?: string;
+    hideBackOnSingleContactMethod?: boolean;
+    searchToGuideListArrowKeyNavigation?: boolean;
+};
+export declare type Listerners = {
+    parent: HTMLElement | Window;
+    handler: (...args: any[]) => void;
+    type: string;
+}[];
+export default class MiscBehaviorPlugin extends Plugin {
+    settings: Settings;
+    listeners: Listerners;
+    constructor(container: Container, settings?: Settings);
+    initialize(): Promise<void>;
+    deactivate(): void;
+}

package/lib/misc-behavior/plugin.js

@@ -0,0 +1,105 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 deny_auto_expand_contact_methods_handler_1 = __importDefault(require("./deny-auto-expand-contact-methods-handler"));
+var hide_back_on_single_contact_method_handler_1 = __importDefault(require("./hide-back-on-single-contact-method-handler"));
+var search_guide_list_keyboard_navigation_handler_1 = __importDefault(require("./search-guide-list-keyboard-navigation-handler"));
+var MiscBehaviorPlugin = /** @class */ (function (_super) {
+    __extends(MiscBehaviorPlugin, _super);
+    function MiscBehaviorPlugin(container, settings) {
+        if (settings === void 0) { settings = {}; }
+        var _this = _super.call(this, container) || this;
+        _this.settings = settings;
+        _this.listeners = [];
+        return _this;
+    }
+    MiscBehaviorPlugin.prototype.initialize = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this;
+                        return [4 /*yield*/, Promise.all([
+                                Promise.resolve((0, hide_back_on_single_contact_method_handler_1.default)(this.container, this.settings)),
+                                Promise.resolve((0, deny_auto_expand_contact_methods_handler_1.default)(this.container, this.settings)),
+                                Promise.resolve((0, search_guide_list_keyboard_navigation_handler_1.default)(this.container, this.settings)),
+                            ]).then(function (listenerArray) {
+                                var listeners = [];
+                                listenerArray.forEach(function (a) { return a.forEach(function (l) { return listeners.push(l); }); });
+                                listeners.forEach(function (_a) {
+                                    var parent = _a.parent, type = _a.type, handler = _a.handler;
+                                    parent.addEventListener(type, handler);
+                                });
+                                return listeners;
+                            })];
+                    case 1:
+                        _a.listeners = _b.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    MiscBehaviorPlugin.prototype.deactivate = function () {
+        this.listeners.forEach(function (listener) {
+            var parent = listener.parent, handler = listener.handler, type = listener.type;
+            parent.removeEventListener(type, handler);
+        });
+    };
+    return MiscBehaviorPlugin;
+}(knowledge_widget_core_1.Plugin));
+exports.default = MiscBehaviorPlugin;

package/lib/misc-behavior/search-guide-list-keyboard-navigation-handler.d.ts

@@ -0,0 +1,7 @@
+import { Container } from '@webprovisions/platform';
+import { Listerners, Settings } from './plugin';
+declare const _default: (container: Container, settings: Settings) => Promise<Listerners>;
+/**
+ * Will focus guide-list when focusing search-input and pressing arrow-down key
+ */
+export default _default;

package/lib/misc-behavior/search-guide-list-keyboard-navigation-handler.js

@@ -0,0 +1,141 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var isQuickFilterOpen = function (searchElements) {
+    return searchElements.reduce(function (acc, current) {
+        if (acc) {
+            return acc;
+        }
+        var _a = __read(Array.from((current === null || current === void 0 ? void 0 : current.getElementsByClassName('humany-quick-filter-dropdown')) || []), 1), element = _a[0];
+        if (element) {
+            return true;
+        }
+        return false;
+    }, false);
+};
+var isSearchElementFocused = function (searchElements) {
+    return searchElements.reduce(function (acc, current) {
+        if (acc) {
+            return acc;
+        }
+        var _a = __read(Array.from((current === null || current === void 0 ? void 0 : current.getElementsByTagName('input')) || []), 1), input = _a[0];
+        if (input && input === document.activeElement) {
+            return true;
+        }
+        return false;
+    }, false);
+};
+var getGuideListLinks = function () {
+    return Array.from(document.querySelectorAll('[data-component-type="guide-list"]')).reduce(function (acc, current) {
+        var links = Array.from(current.getElementsByTagName('a'));
+        links.forEach(function (l) { return acc.push(l); });
+        return acc;
+    }, []);
+};
+/**
+ * Will focus guide-list when focusing search-input and pressing arrow-down key
+ */
+exports.default = (function (container, settings) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, searchToGuideListArrowKeyNavigation;
+    return __generator(this, function (_b) {
+        _a = settings.searchToGuideListArrowKeyNavigation, searchToGuideListArrowKeyNavigation = _a === void 0 ? false : _a;
+        if (searchToGuideListArrowKeyNavigation) {
+            return [2 /*return*/, container.getAsync('components').then(function (platform) {
+                    var all = platform.nodes.all;
+                    var searchComponentIds = all.filter(function (n) { return n.type === 'search'; }).map(function (n) { return n.id; });
+                    var listeners = [];
+                    listeners.push({
+                        parent: window,
+                        type: 'keydown',
+                        handler: function (e) {
+                            var _a, _b, _c, _d;
+                            var searchComponentElements = [];
+                            searchComponentIds.forEach(function (id) {
+                                var element = document.getElementById(id);
+                                if (element) {
+                                    searchComponentElements.push(element);
+                                }
+                            });
+                            var quickFilterDropdownOpen = isQuickFilterOpen(searchComponentElements);
+                            var searchElementIsFocused = isSearchElementFocused(searchComponentElements);
+                            var guideListLinks = getGuideListLinks();
+                            var guideListLinkFocusIndex = guideListLinks.indexOf(document.activeElement);
+                            if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') &&
+                                (searchElementIsFocused || guideListLinkFocusIndex > -1)) {
+                                e.preventDefault();
+                            }
+                            if (e.key === 'ArrowDown' &&
+                                searchElementIsFocused &&
+                                !quickFilterDropdownOpen) {
+                                guideListLinks[0].focus();
+                            }
+                            else {
+                                if (e.key === 'ArrowUp' && guideListLinkFocusIndex === 0) {
+                                    (_b = (_a = searchComponentElements[0]) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('input')[0]) === null || _b === void 0 ? void 0 : _b.focus();
+                                }
+                                else if (e.key === 'ArrowUp' && guideListLinkFocusIndex > -1) {
+                                    (_c = guideListLinks[guideListLinkFocusIndex - 1]) === null || _c === void 0 ? void 0 : _c.focus();
+                                }
+                                else if (e.key === 'ArrowDown' && guideListLinkFocusIndex > -1) {
+                                    (_d = guideListLinks[guideListLinkFocusIndex + 1]) === null || _d === void 0 ? void 0 : _d.focus();
+                                }
+                            }
+                        },
+                    });
+                    return listeners;
+                })];
+        }
+        return [2 /*return*/, Promise.resolve([])];
+    });
+}); });

package/lib-esm/favorite/favorite-platform.d.ts

@@ -0,0 +1,9 @@
+import { Container } from '@webprovisions/platform';
+export declare type FavoritePlatform = {
+    add: (guideId: string) => Promise<string[]>;
+    remove: (guideId: string) => Promise<string[]>;
+    clear: () => Promise<string[]>;
+    get: () => string[];
+};
+declare const createFavoritePlatform: (container: Container) => FavoritePlatform;
+export default createFavoritePlatform;

package/lib-esm/favorite/favorite-platform.js

@@ -0,0 +1,95 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { addFavoriteToStorage, notifyListeners, readFavoritesFromStorage, removeAllFavoritesFromStorage, removeFavoriteFromStorage, } from './utils';
+var createFavoritePlatform = function (container) {
+    var favorites = [];
+    var initialize = function () {
+        readFavoritesFromStorage(container).then(function (items) {
+            favorites = items;
+        });
+    };
+    var get = function () {
+        return favorites;
+    };
+    var add = function (guideId) { return __awaiter(void 0, void 0, void 0, function () {
+        var updated;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, addFavoriteToStorage(guideId, container)];
+                case 1:
+                    updated = _a.sent();
+                    favorites = updated;
+                    notifyListeners(container, { updated: updated });
+                    return [2 /*return*/, updated];
+            }
+        });
+    }); };
+    var clear = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var updated;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, removeAllFavoritesFromStorage(container)];
+                case 1:
+                    updated = _a.sent();
+                    favorites = updated;
+                    notifyListeners(container, { updated: updated });
+                    return [2 /*return*/, updated];
+            }
+        });
+    }); };
+    var remove = function (guideId) { return __awaiter(void 0, void 0, void 0, function () {
+        var updated;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, removeFavoriteFromStorage(guideId, container)];
+                case 1:
+                    updated = _a.sent();
+                    favorites = updated;
+                    notifyListeners(container, { updated: updated });
+                    return [2 /*return*/, updated];
+            }
+        });
+    }); };
+    initialize();
+    return {
+        add: add,
+        get: get,
+        clear: clear,
+        remove: remove,
+    };
+};
+export default createFavoritePlatform;

package/lib-esm/favorite/favorite.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from '@telia-ace/knowledge-widget-core';
+import { Container } from '@webprovisions/platform';
+import { FavoritePlatform } from './favorite-platform';
+export declare type FavoritePluginSettings = {};
+export default class FavoritePlugin extends Plugin {
+    settings: FavoritePluginSettings;
+    handler: FavoritePlatform;
+    constructor(container: Container, settings: FavoritePluginSettings);
+}

package/lib-esm/favorite/favorite.js

@@ -0,0 +1,29 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Plugin } from '@telia-ace/knowledge-widget-core';
+import createFavoritePlatform from './favorite-platform';
+var FavoritePlugin = /** @class */ (function (_super) {
+    __extends(FavoritePlugin, _super);
+    function FavoritePlugin(container, settings) {
+        var _this = _super.call(this, container) || this;
+        _this.settings = settings;
+        _this.handler = createFavoritePlatform(container);
+        container.register('favorites', _this.handler);
+        return _this;
+    }
+    return FavoritePlugin;
+}(Plugin));
+export default FavoritePlugin;

package/lib-esm/favorite/index.d.ts

@@ -0,0 +1,2 @@
+import FavoritePlugin from './favorite';
+export default FavoritePlugin;

package/lib-esm/favorite/index.js

@@ -0,0 +1,2 @@
+import FavoritePlugin from './favorite';
+export default FavoritePlugin;

package/lib-esm/favorite/utils.d.ts

@@ -0,0 +1,8 @@
+import { Container } from '@webprovisions/platform';
+export declare const addFavoriteToStorage: (guideId: string, container: Container) => Promise<string[]>;
+export declare const removeFavoriteFromStorage: (guideId: string, container: Container) => Promise<string[]>;
+export declare const readFavoritesFromStorage: (container: Container) => Promise<string[]>;
+export declare const removeAllFavoritesFromStorage: (container: Container) => Promise<never[]>;
+export declare const notifyListeners: (container: Container, data: {
+    updated: string[];
+}) => void;

package/lib-esm/favorite/utils.js

@@ -0,0 +1,123 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { createStorageWriter, readStorage, StorageCategory, StorageMedium, } from '@telia-ace/widget-services';
+var storageKey = 'favorites';
+var createWriter = function (container) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, createStorageWriter(container, storageKey, StorageCategory.Necessary, {
+                    medium: StorageMedium.Local,
+                })];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
+var getStoredFavorites = function (container) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    switch (_a.label) {
+        case 0: return [4 /*yield*/, readStorage(container, storageKey, StorageMedium.Local)];
+        case 1: return [2 /*return*/, (_a.sent()) || []];
+    }
+}); }); };
+export var addFavoriteToStorage = function (guideId, container) { return __awaiter(void 0, void 0, void 0, function () {
+    var write, favorites, updated;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, createWriter(container)];
+            case 1:
+                write = _a.sent();
+                return [4 /*yield*/, getStoredFavorites(container)];
+            case 2:
+                favorites = _a.sent();
+                if (favorites.indexOf(guideId) > -1) {
+                    return [2 /*return*/, favorites];
+                }
+                updated = favorites.concat(guideId);
+                write(updated);
+                return [2 /*return*/, updated];
+        }
+    });
+}); };
+export var removeFavoriteFromStorage = function (guideId, container) { return __awaiter(void 0, void 0, void 0, function () {
+    var write, favorites, updated;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, createWriter(container)];
+            case 1:
+                write = _a.sent();
+                return [4 /*yield*/, getStoredFavorites(container)];
+            case 2:
+                favorites = _a.sent();
+                updated = favorites.filter(function (id) { return id !== guideId; });
+                write(updated);
+                return [2 /*return*/, updated];
+        }
+    });
+}); };
+export var readFavoritesFromStorage = function (container) { return __awaiter(void 0, void 0, void 0, function () {
+    var favorites, e_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 2, , 3]);
+                return [4 /*yield*/, getStoredFavorites(container)];
+            case 1:
+                favorites = _a.sent();
+                return [2 /*return*/, favorites];
+            case 2:
+                e_1 = _a.sent();
+                return [2 /*return*/, []];
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+export var removeAllFavoritesFromStorage = function (container) { return __awaiter(void 0, void 0, void 0, function () {
+    var write;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, createWriter(container)];
+            case 1:
+                write = _a.sent();
+                write([]);
+                return [2 /*return*/, []];
+        }
+    });
+}); };
+export var notifyListeners = function (container, data) {
+    var updated = data.updated;
+    var events = container.get('$widget').events;
+    events.dispatch('widget:favorites-updated', { updated: updated });
+};

package/lib-esm/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FavoritePlugin } from './favorite';
+export { default as LegacyResourcesPlugin } from './legacy-resources';
+export { default as MiscBehaviorPlugin } from './misc-behavior';

package/lib-esm/index.js

@@ -0,0 +1,3 @@
+export { default as FavoritePlugin } from './favorite';
+export { default as LegacyResourcesPlugin } from './legacy-resources';
+export { default as MiscBehaviorPlugin } from './misc-behavior';

package/lib-esm/legacy-resources/index.d.ts

@@ -0,0 +1,2 @@
+import LegacyResources from './legacy-resources';
+export default LegacyResources;

package/lib-esm/legacy-resources/index.js

@@ -0,0 +1,2 @@
+import LegacyResources from './legacy-resources';
+export default LegacyResources;

package/lib-esm/legacy-resources/legacy-resources.d.ts

@@ -0,0 +1,14 @@
+import { Plugin } from '@telia-ace/knowledge-widget-core';
+import { Container } from '@webprovisions/platform';
+declare type Settings = {
+    initialCss?: string;
+};
+/**
+ * Downloads legacy resources for a widget. These resources are to be treated as legacy. When the
+ * Webprovisions bundling service is available these resources should be included as their own
+ * plugins and be part of the output.
+ */
+export default class LegacyResourcesPlugin extends Plugin {
+    constructor(container: Container, settings?: Settings);
+}
+export {};

package/lib-esm/legacy-resources/legacy-resources.js

@@ -0,0 +1,54 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { ResourceLoader } from '@telia-ace/knowledge-resource-loader';
+import { Plugin } from '@telia-ace/knowledge-widget-core';
+var getHostFromUrl = function (url) {
+    var parser = document.createElement('a');
+    parser.href = url;
+    return "//".concat(parser.hostname, "/");
+};
+/**
+ * Downloads legacy resources for a widget. These resources are to be treated as legacy. When the
+ * Webprovisions bundling service is available these resources should be included as their own
+ * plugins and be part of the output.
+ */
+var LegacyResourcesPlugin = /** @class */ (function (_super) {
+    __extends(LegacyResourcesPlugin, _super);
+    function LegacyResourcesPlugin(container, settings) {
+        if (settings === void 0) { settings = {}; }
+        var _this = _super.call(this, container) || this;
+        _this.widget.events.subscribeOnce('widget:attached', function () {
+            var _a;
+            var projection = _this.container.get('$settings').data.projection;
+            if (projection) {
+                var host = getHostFromUrl(projection);
+                var loader = new ResourceLoader();
+                loader.add("".concat(host, "ClientLibraries/Supplementary/font-awesome-4.7.0/css/font-awesome.min.css")); // tslint:disable-line max-line-length
+                loader.add("".concat(host).concat((_a = _this.container.parent) === null || _a === void 0 ? void 0 : _a.name, "/widgets.css"));
+                loader.load();
+            }
+            var _b = settings.initialCss, initialCss = _b === void 0 ? '' : _b;
+            if (initialCss.length) {
+                var style = document.createElement('style');
+                style.innerHTML = initialCss;
+                document.head.appendChild(style);
+            }
+        });
+        return _this;
+    }
+    return LegacyResourcesPlugin;
+}(Plugin));
+export default LegacyResourcesPlugin;