@telia-ace/knowledge-widget-plugins 0.0.1

package/favorite/favorite-platform.d.ts

@@ -0,0 +1,10 @@
+import { Container } from '@webprovisions/platform';
+
+export 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/favorite/favorite.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from '../../../core/src/index.ts';
+import { Container } from '@webprovisions/platform';
+import { FavoritePlatform } from './favorite-platform';
+
+export type FavoritePluginSettings = {};
+export default class FavoritePlugin extends Plugin {
+    settings: FavoritePluginSettings;
+    handler: FavoritePlatform;
+    constructor(container: Container, settings: FavoritePluginSettings);
+}

package/favorite/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FavoritePlugin } from './favorite';
+
+export default FavoritePlugin;

package/favorite/utils.d.ts

@@ -0,0 +1,9 @@
+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/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/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@telia-ace/knowledge-widget-core"),u=require("@telia-ace/widget-services"),P=require("@telia-ace/knowledge-resource-loader"),A=require("@telia-ace/knowledge-data-client"),L="favorites",E=async n=>await u.createStorageWriter(n,L,u.StorageCategory.Necessary,{medium:u.StorageMedium.Local}),k=async n=>await u.readStorage(n,L,u.StorageMedium.Local)||[],b=async(n,e)=>{const s=await E(e),o=await k(e);if(o.indexOf(n)>-1)return o;const a=o.concat(n);return s(a),a},x=async(n,e)=>{const s=await E(e),a=(await k(e)).filter(i=>i!==n);return s(a),a},M=async n=>{try{return await k(n)}catch{return[]}},T=async n=>((await E(n))([]),[]),v=(n,e)=>{const{updated:s}=e,{events:o}=n.get("$widget");o.dispatch("widget:favorites-updated",{updated:s})},B=n=>{let e=[];const s=()=>{M(n).then(t=>{e=t})},o=()=>e,a=async t=>{const r=await b(t,n);return e=r,v(n,{updated:r}),r},i=async()=>{const t=await T(n);return e=t,v(n,{updated:t}),t},c=async t=>{const r=await x(t,n);return e=r,v(n,{updated:r}),r};return s(),{add:a,get:o,clear:i,remove:c}};class O extends w.Plugin{constructor(e,s){super(e),this.settings=s,this.handler=B(e),e.register("favorites",this.handler)}}const D=n=>{const e=document.createElement("a");return e.href=n,`//${e.hostname}/`};class N extends w.Plugin{constructor(e,s={}){super(e),this.widget.events.subscribeOnce("widget:attached",()=>{var i,c;const{data:{projection:o}}=this.container.get("$settings");if(o){const t=D(o),r=new P.ResourceLoader;r.add(`${t}ClientLibraries/Supplementary/font-awesome-4.7.0/css/font-awesome.min.css`),r.add(`${t}${(i=this.container.parent)==null?void 0:i.name}/widgets.css`),r.load()}const{initialCss:a=""}=s;if(a.length){const t=document.createElement("style"),r=((c=window.webprovisionsEnvironmentVariables)==null?void 0:c.cspNonce)||void 0;r&&(t.nonce=r,t.setAttribute("nonce",r)),t.innerHTML=a,document.head.appendChild(t)}})}}const $=async(n,e)=>{const{denyAutoExpandContactMethods:s}=e;if(s){const o=new RegExp(s);w.extendComponent(n,"contact-list",a=>{a.properties(({contactMethods:i=[]})=>{const c=i.filter(({clientName:t})=>o.test(t));if(c.length)return c.forEach(t=>{t.expanded=!1,t.inline=!1}),{contactMethods:i}})})}return[]},C="misc-behavior:hideBackValue",q=async(n,e)=>{const s=(a,i)=>A.DataClient.getInstance(n).then(c=>c.fetch(A.DataType.ContactMethodCategories,{}).then(t=>{if(t){const{categories:r=[],contactMethods:g=[]}=t;if(i===null)return i=r.length===0&&g.length===1,u.createStorageWriter(a.container,C,u.StorageCategory.Functional).then(f=>f(i))}})),{events:o}=n.get("$widget");return o.subscribe("widget:render-state-changed",async(a,i)=>{if(a.target.state==="activated"&&i.next==="open"){const{hideBackOnSingleContactMethod:c}=e;let t;const r=n.get("$widget"),{name:g,implementation:f}=r;if(g.endsWith("_contact")?t=f.widgets.get(g.replace("_contact","")):g.endsWith("_contact-method")||(t=r),t){let d=null;const l=await u.readStorage(t.container,C),h=(await t.container.getAsync("components")).components().ofType("widget-header").select();typeof l=="boolean"?d=l:c&&await s(t,d),(c||typeof d=="boolean")&&(d&&h.actions.dispatch("show-back",!1),h.actions.watch("show-back",(m,p)=>p(d&&m?!1:m)))}}}),[]},H=n=>n.reduce((e,s)=>{if(e)return e;const[o]=Array.from((s==null?void 0:s.getElementsByClassName("humany-quick-filter-dropdown"))||[]);return!!o},!1),W=n=>n.reduce((e,s)=>{if(e)return e;const[o]=Array.from((s==null?void 0:s.getElementsByTagName("input"))||[]);return!!(o&&o===document.activeElement)},!1),R=()=>Array.from(document.querySelectorAll('[data-component-type="guide-list"]')).reduce((n,e)=>(Array.from(e.getElementsByTagName("a")).forEach(o=>n.push(o)),n),[]),G=async(n,e)=>{const{searchToGuideListArrowKeyNavigation:s=!1}=e;return s?n.getAsync("components").then(o=>{const{nodes:{all:a}}=o,i=a.filter(t=>t.type==="search").map(t=>t.id),c=[];return c.push({parent:window,type:"keydown",handler:t=>{var y,h,m,p;const r=[];i.forEach(F=>{const S=document.getElementById(F);S&&r.push(S)});const g=H(r),f=W(r),d=R(),l=d.indexOf(document.activeElement);(t.key==="ArrowDown"||t.key==="ArrowUp")&&(f||l>-1)&&t.preventDefault(),t.key==="ArrowDown"&&f&&!g?d[0].focus():t.key==="ArrowUp"&&l===0?(h=(y=r[0])==null?void 0:y.getElementsByTagName("input")[0])==null||h.focus():t.key==="ArrowUp"&&l>-1?(m=d[l-1])==null||m.focus():t.key==="ArrowDown"&&l>-1&&((p=d[l+1])==null||p.focus())}}),c}):Promise.resolve([])};class I extends w.Plugin{constructor(e,s={}){super(e),this.settings=s,this.listeners=[]}async initialize(){this.listeners=await Promise.all([Promise.resolve(q(this.container,this.settings)),Promise.resolve($(this.container,this.settings)),Promise.resolve(G(this.container,this.settings))]).then(e=>{const s=[];return e.forEach(o=>o.forEach(a=>s.push(a))),s.forEach(({parent:o,type:a,handler:i})=>{o.addEventListener(a,i)}),s})}deactivate(){this.listeners.forEach(e=>{const{parent:s,handler:o,type:a}=e;s.removeEventListener(a,o)})}}exports.FavoritePlugin=O;exports.LegacyResourcesPlugin=N;exports.MiscBehaviorPlugin=I;

package/index.mjs

@@ -0,0 +1,202 @@
+import { Plugin as y, extendComponent as P } from "@telia-ace/knowledge-widget-core";
+import { createStorageWriter as F, StorageCategory as L, StorageMedium as C, readStorage as S } from "@telia-ace/widget-services";
+import { ResourceLoader as T } from "@telia-ace/knowledge-resource-loader";
+import { DataClient as B, DataType as M } from "@telia-ace/knowledge-data-client";
+const b = "favorites", v = async (n) => await F(n, b, L.Necessary, {
+  medium: C.Local
+}), E = async (n) => await S(n, b, C.Local) || [], N = async (n, e) => {
+  const s = await v(e), o = await E(e);
+  if (o.indexOf(n) > -1)
+    return o;
+  const a = o.concat(n);
+  return s(a), a;
+}, O = async (n, e) => {
+  const s = await v(e), a = (await E(e)).filter((i) => i !== n);
+  return s(a), a;
+}, $ = async (n) => {
+  try {
+    return await E(n);
+  } catch {
+    return [];
+  }
+}, D = async (n) => ((await v(n))([]), []), w = (n, e) => {
+  const { updated: s } = e, { events: o } = n.get("$widget");
+  o.dispatch("widget:favorites-updated", { updated: s });
+}, H = (n) => {
+  let e = [];
+  const s = () => {
+    $(n).then((t) => {
+      e = t;
+    });
+  }, o = () => e, a = async (t) => {
+    const r = await N(t, n);
+    return e = r, w(n, { updated: r }), r;
+  }, i = async () => {
+    const t = await D(n);
+    return e = t, w(n, { updated: t }), t;
+  }, c = async (t) => {
+    const r = await O(t, n);
+    return e = r, w(n, { updated: r }), r;
+  };
+  return s(), {
+    add: a,
+    get: o,
+    clear: i,
+    remove: c
+  };
+};
+class Q extends y {
+  constructor(e, s) {
+    super(e), this.settings = s, this.handler = H(e), e.register("favorites", this.handler);
+  }
+}
+const W = (n) => {
+  const e = document.createElement("a");
+  return e.href = n, `//${e.hostname}/`;
+};
+class Y extends y {
+  constructor(e, s = {}) {
+    super(e), this.widget.events.subscribeOnce("widget:attached", () => {
+      var i, c;
+      const {
+        data: { projection: o }
+      } = this.container.get("$settings");
+      if (o) {
+        const t = W(o), r = new T();
+        r.add(
+          `${t}ClientLibraries/Supplementary/font-awesome-4.7.0/css/font-awesome.min.css`
+        ), r.add(`${t}${(i = this.container.parent) == null ? void 0 : i.name}/widgets.css`), r.load();
+      }
+      const { initialCss: a = "" } = s;
+      if (a.length) {
+        const t = document.createElement("style"), r = ((c = window.webprovisionsEnvironmentVariables) == null ? void 0 : c.cspNonce) || void 0;
+        r && (t.nonce = r, t.setAttribute("nonce", r)), t.innerHTML = a, document.head.appendChild(t);
+      }
+    });
+  }
+}
+const G = async (n, e) => {
+  const { denyAutoExpandContactMethods: s } = e;
+  if (s) {
+    const o = new RegExp(s);
+    P(n, "contact-list", (a) => {
+      a.properties(({ contactMethods: i = [] }) => {
+        const c = i.filter(
+          ({ clientName: t }) => o.test(t)
+        );
+        if (c.length)
+          return c.forEach((t) => {
+            t.expanded = !1, t.inline = !1;
+          }), { contactMethods: i };
+      });
+    });
+  }
+  return [];
+}, A = "misc-behavior:hideBackValue", I = async (n, e) => {
+  const s = (a, i) => B.getInstance(n).then((c) => c.fetch(M.ContactMethodCategories, {}).then((t) => {
+    if (t) {
+      const { categories: r = [], contactMethods: u = [] } = t;
+      if (i === null)
+        return i = r.length === 0 && u.length === 1, F(
+          a.container,
+          A,
+          L.Functional
+        ).then((f) => f(i));
+    }
+  })), { events: o } = n.get("$widget");
+  return o.subscribe(
+    "widget:render-state-changed",
+    async (a, i) => {
+      if (a.target.state === "activated" && i.next === "open") {
+        const { hideBackOnSingleContactMethod: c } = e;
+        let t;
+        const r = n.get("$widget"), { name: u, implementation: f } = r;
+        if (u.endsWith("_contact") ? t = f.widgets.get(u.replace("_contact", "")) : u.endsWith("_contact-method") || (t = r), t) {
+          let d = null;
+          const l = await S(
+            t.container,
+            A
+          ), m = (await t.container.getAsync("components")).components().ofType("widget-header").select();
+          typeof l == "boolean" ? d = l : c && await s(t, d), (c || typeof d == "boolean") && (d && m.actions.dispatch("show-back", !1), m.actions.watch("show-back", (h, g) => g(d && h ? !1 : h)));
+        }
+      }
+    }
+  ), [];
+}, K = (n) => n.reduce((e, s) => {
+  if (e)
+    return e;
+  const [o] = Array.from(
+    (s == null ? void 0 : s.getElementsByClassName("humany-quick-filter-dropdown")) || []
+  );
+  return !!o;
+}, !1), R = (n) => n.reduce((e, s) => {
+  if (e)
+    return e;
+  const [o] = Array.from((s == null ? void 0 : s.getElementsByTagName("input")) || []);
+  return !!(o && o === document.activeElement);
+}, !1), U = () => Array.from(
+  document.querySelectorAll('[data-component-type="guide-list"]')
+).reduce((n, e) => (Array.from(e.getElementsByTagName("a")).forEach((o) => n.push(o)), n), []), _ = async (n, e) => {
+  const { searchToGuideListArrowKeyNavigation: s = !1 } = e;
+  return s ? n.getAsync("components").then((o) => {
+    const {
+      nodes: { all: a }
+    } = o, i = a.filter((t) => t.type === "search").map((t) => t.id), c = [];
+    return c.push({
+      parent: window,
+      type: "keydown",
+      handler: (t) => {
+        var p, m, h, g;
+        const r = [];
+        i.forEach((x) => {
+          const k = document.getElementById(x);
+          k && r.push(k);
+        });
+        const u = K(
+          r
+        ), f = R(
+          r
+        ), d = U(), l = d.indexOf(
+          document.activeElement
+        );
+        (t.key === "ArrowDown" || t.key === "ArrowUp") && (f || l > -1) && t.preventDefault(), t.key === "ArrowDown" && f && !u ? d[0].focus() : t.key === "ArrowUp" && l === 0 ? (m = (p = r[0]) == null ? void 0 : p.getElementsByTagName("input")[0]) == null || m.focus() : t.key === "ArrowUp" && l > -1 ? (h = d[l - 1]) == null || h.focus() : t.key === "ArrowDown" && l > -1 && ((g = d[l + 1]) == null || g.focus());
+      }
+    }), c;
+  }) : Promise.resolve([]);
+};
+class J extends y {
+  constructor(e, s = {}) {
+    super(e), this.settings = s, this.listeners = [];
+  }
+  async initialize() {
+    this.listeners = await Promise.all([
+      Promise.resolve(
+        I(this.container, this.settings)
+      ),
+      Promise.resolve(
+        G(this.container, this.settings)
+      ),
+      Promise.resolve(
+        _(this.container, this.settings)
+      )
+    ]).then((e) => {
+      const s = [];
+      return e.forEach(
+        (o) => o.forEach((a) => s.push(a))
+      ), s.forEach(({ parent: o, type: a, handler: i }) => {
+        o.addEventListener(a, i);
+      }), s;
+    });
+  }
+  deactivate() {
+    this.listeners.forEach((e) => {
+      const { parent: s, handler: o, type: a } = e;
+      s.removeEventListener(a, o);
+    });
+  }
+}
+export {
+  Q as FavoritePlugin,
+  Y as LegacyResourcesPlugin,
+  J as MiscBehaviorPlugin
+};

package/legacy-resources/index.d.ts

@@ -0,0 +1,3 @@
+import { default as LegacyResources } from './legacy-resources';
+
+export default LegacyResources;

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

@@ -0,0 +1,15 @@
+import { Plugin } from '../../../core/src/index.ts';
+import { Container } from '@webprovisions/platform';
+
+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/misc-behavior/deny-auto-expand-contact-methods-handler.d.ts

@@ -0,0 +1,10 @@
+import { Container } from '@webprovisions/platform';
+import { Settings } from './plugin';
+
+/**
+ * Sets contactMethod.expanded and contactMethod.inline for contactMethods
+ * with a clientName that match the regular expression passed in
+ * the denyAutoExpandContactMethods-setting
+ */
+declare const _default: (container: Container, settings: Settings) => Promise<never[]>;
+export default _default;

package/misc-behavior/hide-back-on-single-contact-method-handler.d.ts

@@ -0,0 +1,9 @@
+import { Container } from '@webprovisions/platform';
+import { Settings } from './plugin';
+
+/**
+ * Will hide the back-button in the widget-header back-button if there
+ * is only a single contact method in the contact-list.
+ */
+declare const _default: (container: Container, settings: Settings) => Promise<never[]>;
+export default _default;

package/misc-behavior/index.d.ts

@@ -0,0 +1,3 @@
+import { default as plugin } from './plugin';
+
+export default plugin;

package/misc-behavior/plugin.d.ts

@@ -0,0 +1,20 @@
+import { Plugin } from '../../../core/src/index.ts';
+import { Container } from '@webprovisions/platform';
+
+export type Settings = {
+    denyAutoExpandContactMethods?: string;
+    hideBackOnSingleContactMethod?: boolean;
+    searchToGuideListArrowKeyNavigation?: boolean;
+};
+export 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/misc-behavior/search-guide-list-keyboard-navigation-handler.d.ts

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

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@telia-ace/knowledge-widget-plugins",
+  "version": "0.0.1",
+  "dependencies": {
+    "@telia-ace/knowledge-data-client": "*",
+    "@telia-ace/widget-services": "*",
+    "@webprovisions/platform": "^1.1.4",
+    "@telia-ace/knowledge-widget-core": "*",
+    "@telia-ace/knowledge-resource-loader": "*"
+  },
+  "peerDependencies": {
+    "@emotion/react": "11.11.1"
+  },
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "typings": "./index.d.ts"
+}