@telia-ace/knowledge-widget-components-search 1.0.44-next.0 → 1.0.44-next.1

package/dist/index.js

@@ -1,172 +1,175 @@
-var D = Object.defineProperty, j = Object.defineProperties;
-var E = Object.getOwnPropertyDescriptors;
+var O = Object.defineProperty, S = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
 var T = Object.getOwnPropertySymbols;
-var O = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
-var w = (a, e, s) => e in a ? D(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s, l = (a, e) => {
-  for (var s in e || (e = {}))
-    O.call(e, s) && w(a, s, e[s]);
+var F = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var b = (a, t, i) => t in a ? O(a, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : a[t] = i, I = (a, t) => {
+  for (var i in t || (t = {}))
+    F.call(t, i) && b(a, i, t[i]);
   if (T)
-    for (var s of T(e))
-      S.call(e, s) && w(a, s, e[s]);
+    for (var i of T(t))
+      E.call(t, i) && b(a, i, t[i]);
   return a;
-}, h = (a, e) => j(a, E(e));
-import { DataClient as b, DataType as R } from "@telia-ace/knowledge-data-client";
-import { createEventSubscriber as x } from "@telia-ace/knowledge-widget-core";
-import { createReactComponent as G } from "@telia-ace/knowledge-widget-ui";
-import { createParams as M, findCategoryById as $, deepClone as P, categoryTrail as H, getCategoryTrailAsObjects as N } from "@telia-ace/widget-utilities";
-const U = (a) => !!a.guideCategory || a.tag.length > 0, _ = (a, e) => {
-  const s = H(a, e), f = N(s, e);
-  return s.map((C) => {
-    var y;
-    return ((y = f.get(C)) == null ? void 0 : y.title) || "";
+}, k = (a, t) => S(a, x(t));
+var m = (a, t, i) => new Promise((l, y) => {
+  var f = (u) => {
+    try {
+      p(i.next(u));
+    } catch (e) {
+      y(e);
+    }
+  }, h = (u) => {
+    try {
+      p(i.throw(u));
+    } catch (e) {
+      y(e);
+    }
+  }, p = (u) => u.done ? l(u.value) : Promise.resolve(u.value).then(f, h);
+  p((i = i.apply(a, t)).next());
+});
+import { DataClient as q, DataType as A } from "@telia-ace/knowledge-data-client";
+import { createEventSubscriber as G } from "@telia-ace/knowledge-widget-core";
+import { createReactComponent as M } from "@telia-ace/knowledge-widget-ui";
+import { createParams as U, deepClone as v, findCategoryById as $, categoryTrail as H, getCategoryTrailAsObjects as _ } from "@telia-ace/widget-utilities";
+const z = (a) => !!a.guideCategoryId || a.tagIds.length > 0, B = (a, t) => {
+  const i = H(a, t), l = _(i, t);
+  return i.map((f) => {
+    var h;
+    return ((h = l.get(f)) == null ? void 0 : h.title) || "";
   }).join(" / ");
-}, m = (a) => {
-  const e = P(a);
-  return e.sort((s, f) => s.title > f.title ? 1 : -1), e.forEach((s) => {
-    s.items && (s.items = m(s.items));
-  }), e;
-}, z = (a) => G(a, "search", import("./search.d8394d6a.js"), (e) => {
-  const { events: s } = a.get("$widget"), [f, I] = x(s), C = (i) => {
-    var g;
-    const { activeFilterBadges: r } = e.properties();
-    let t = [];
-    i.tag && i.tag.includes(",") ? t = i.tag.split(",") : i.tag && (t = [i.tag]);
-    const n = t.filter((o) => !(r == null ? void 0 : r.tag.find((c) => c.id === o))), u = ((r == null ? void 0 : r.tag) || []).filter((o) => !t.includes(o.id));
-    (((g = r == null ? void 0 : r.guideCategory) == null ? void 0 : g.id) !== i.guideCategory || n.length > 0) && e.actions.dispatch("quick-filter:add", {
-      tagIds: i.tag ? i.tag.split(",") : [],
-      category: i.guideCategory,
-      initial: !0
-    }), u.forEach((o) => {
-      e.actions.dispatch("quick-filter:remove", { types: ["tag"], id: o.id });
+}, w = (a) => {
+  const t = v(a);
+  return t.sort((i, l) => i.title > l.title ? 1 : -1), t.forEach((i) => {
+    i.items && (i.items = w(i.items));
+  }), t;
+}, J = (a) => M(a, "search", import("./search.9c0e8397.js"), (t) => {
+  const { events: i } = a.get("$widget"), [l, y] = G(i), f = (e) => m(void 0, null, function* () {
+    const s = e.tag ? e.tag.split(",") : [], r = e.guideCategory, o = e.phrase || "", { activeFilterBadges: c } = t.properties(), n = yield u({}), g = yield p({
+      tagId: e.tag,
+      searchPhrase: o
+    }), C = r ? $(r, g) : null, d = s.reduce((P, D) => {
+      const R = n.find((j) => j.id === D);
+      return R && P.push(R), P;
+    }, []);
+    t.writeProperties({
+      activeFilterBadges: k(I({}, c), {
+        tag: d,
+        guideCategory: C,
+        tooltip: B(r, g) || null
+      })
     });
-  };
-  e.actions.create(
+  });
+  t.actions.create(
     "search",
-    (i) => {
-      const { value: r, filters: t, filtersChanged: n } = i, { route: u = "search", patchParams: g = !1 } = e.properties();
-      (r.length > 0 || (U(t) || n) && !(t != null && t.initial)) && a.getAsync("router").then((o) => {
-        var p;
-        const { params: d } = o.getRouteData();
-        let c = {
+    (e) => m(void 0, null, function* () {
+      const { route: s = "search", patchParams: r = !1 } = t.properties(), { filters: o, filtersChanged: c, value: n } = e;
+      if (n.length > 0 || (z(o) || c) && !o.initial) {
+        const g = yield a.getAsync("router"), { params: C } = g.getRouteData();
+        let d = {
           guide: void 0,
           id: void 0,
           accordion: void 0,
           contactMethod: void 0
         };
-        c.phrase = r.length > 0 ? encodeURIComponent(r) : "", g && (c = l(l({}, d), c)), ((t == null ? void 0 : t.guideCategory) || n) && (c.guideCategory = ((p = t.guideCategory) == null ? void 0 : p.id) || void 0), ((t == null ? void 0 : t.tag.length) > 0 || n) && (t.tag.length > 0 ? c.tag = t.tag.map((v) => v.id).join(",") : c.tag = void 0), o.navigate(u, M(c));
-      });
-    }
-  ), e.actions.create("clear", (i, r) => {
-    i.navigateToHome && a.getAsync("router").then((t) => {
-      const { name: n } = t.getInitialRoute();
-      t.navigate(n);
+        d.phrase = n.length > 0 ? encodeURIComponent(n) : "", r && (d = I(I({}, C), d)), ((o == null ? void 0 : o.guideCategoryId) || c) && (d.guideCategory = o.guideCategoryId || void 0), ((o == null ? void 0 : o.tagIds.length) > 0 || c) && (o.tagIds.length > 0 ? d.tag = o.tagIds.join(",") : d.tag = void 0), g.navigate(s, U(d));
+      }
+    })
+  ), t.actions.create("clear", (e, s) => {
+    e.navigateToHome && a.getAsync("router").then((r) => {
+      const { name: o } = r.getInitialRoute();
+      r.navigate(o);
     });
   });
-  const y = () => a.getAsync("router").then((i) => i.getRouteData().params);
-  e.actions.create(
+  const h = () => a.getAsync("router").then((e) => e.getRouteData().params);
+  t.actions.create(
     "quick-filter:add",
-    (i) => {
-      const { category: r, tagIds: t, initial: n } = i, { activeFilterBadges: u } = e.properties(), g = u || {
-        initial: n,
-        guideCategory: null,
-        tag: [],
-        tooltip: null
-      };
-      return Promise.resolve().then(() => r ? k({}).then((o) => {
-        const d = $(r, o) || null;
-        return h(l({}, g), {
-          guideCategory: d,
-          tooltip: _(r, o) || null
-        });
-      }) : h(l({}, g), {
-        guideCategory: null,
-        tooltip: null
-      })).then((o) => t ? q({}).then((d) => {
-        let c = [];
-        return t.forEach((p) => {
-          const v = d.find((A) => A.id === p);
-          v && c.push(v);
-        }), h(l({}, o), {
-          tag: c
-        });
-      }) : h(l({}, o), {
-        tag: []
-      })).then((o) => e.writeProperties({
-        activeFilterBadges: h(l({}, o), { initial: !!n })
-      }));
-    }
-  ), e.actions.create(
+    (e) => m(void 0, null, function* () {
+      const { category: s, tagIds: r = [], initial: o } = e, c = yield a.getAsync("router"), { params: n } = c.getRouteData(), g = n.tag ? n.tag.split(",") : [];
+      t.actions.dispatch("search", {
+        filtersChanged: !0,
+        filters: {
+          guideCategoryId: s,
+          tagIds: [.../* @__PURE__ */ new Set([...g, ...r])]
+        },
+        value: n.phrase || ""
+      });
+    })
+  ), t.actions.create(
     "quick-filter:remove",
-    ({ types: i, id: r }) => {
-      const { activeFilterBadges: t } = e.properties();
-      e.writeProperties({
-        activeFilterBadges: h(l({}, t), {
-          initial: !1,
-          guideCategory: i.indexOf("guideCategory") > -1 ? null : t == null ? void 0 : t.guideCategory,
-          tag: i.indexOf("tag") > -1 ? t == null ? void 0 : t.tag.filter((n) => n.id !== r) : t == null ? void 0 : t.tag
-        })
+    ({ types: e, ids: s = [] }) => {
+      const { activeFilterBadges: r } = t.properties();
+      a.getAsync("router").then((o) => {
+        var n;
+        const { params: c } = o.getRouteData();
+        t.actions.dispatch("search", {
+          filtersChanged: !0,
+          filters: {
+            guideCategoryId: e.indexOf("guideCategory") > -1 ? null : (n = r == null ? void 0 : r.guideCategory) == null ? void 0 : n.id,
+            tagIds: e.indexOf("tag") > -1 ? ((r == null ? void 0 : r.tag) || []).filter((g) => !(s != null && s.includes(g.id))).map((g) => g.id) : (r == null ? void 0 : r.tag.map((g) => g.id)) || []
+          },
+          value: c.phrase || ""
+        });
       });
     }
-  ), e.actions.create("quick-filter:close", () => e.writeProperties({
+  ), t.actions.create("quick-filter:close", () => t.writeProperties({
     quickFilter: {
       items: [],
       loading: !1,
       open: !1
     }
-  })), e.actions.create("quick-filter:open", ({ symbol: i, type: r }) => (e.writeProperties({
+  })), t.actions.create("quick-filter:open", ({ symbol: e, type: s }) => (t.writeProperties({
     quickFilter: {
-      type: r,
-      symbol: i,
+      type: s,
+      symbol: e,
       items: [],
       loading: !0,
       open: !0
     }
-  }), y().then(({ tag: t, guideCategory: n, phrase: u }) => {
-    if (r === "guideCategory")
-      return k({
-        tagId: t,
-        searchPhrase: u
-      }).then((g) => {
-        const o = P(g);
-        e.writeProperties({
+  }), h().then(({ tag: r, guideCategory: o, phrase: c }) => {
+    if (s === "guideCategory")
+      return p({
+        tagId: r,
+        searchPhrase: c
+      }).then((n) => {
+        const g = v(n);
+        t.writeProperties({
           quickFilter: {
-            items: m(o),
+            items: w(g),
             loading: !1
           }
         });
       });
-    if (r === "tag")
-      return q({
-        categories: n,
-        searchPhrase: u
-      }).then((g) => {
-        const o = P(g);
-        e.writeProperties({
+    if (s === "tag")
+      return u({
+        categories: o,
+        searchPhrase: c
+      }).then((n) => {
+        const g = v(n);
+        t.writeProperties({
           quickFilter: {
-            items: m(o),
+            items: w(g),
             loading: !1
           }
         });
       });
   })));
-  const k = (i) => b.getInstance(a).then((r) => r.fetch(R.GuideCategories, i)).then((r) => r.categories || []), q = (i) => b.getInstance(a).then((r) => r.fetch(R.TagsOnGuides, i)).then((r = []) => r);
-  return y().then((i) => {
-    C(i);
-  }), f("router:changed", (i, { current: r }) => {
+  const p = (e) => q.getInstance(a).then((s) => s.fetch(A.GuideCategories, e)).then((s) => s.categories || []), u = (e) => q.getInstance(a).then((s) => s.fetch(A.TagsOnGuides, e)).then((s = []) => s);
+  return h().then((e) => {
+    f(e);
+  }), l("router:changed", (e, { current: s }) => {
     const {
-      routeData: { params: t }
-    } = r;
-    C(t);
-  }), f("data-client:fetched", (i, r) => {
-    const { filterBadges: t } = e.properties(), n = typeof t == "object" ? !!t.tag : !!t;
-    r.type === "match" && n && y().then(({ tag: u }) => {
-      const { tags: g = [] } = r.response, o = g.find((d) => d.id === u) || null;
-      e.writeProperties({ filters: { tag: o } });
+      routeData: { params: r }
+    } = s;
+    f(r);
+  }), l("data-client:fetched", (e, s) => {
+    const { filterBadges: r } = t.properties(), o = typeof r == "object" ? !!r.tag : !!r;
+    s.type === "match" && o && h().then(({ tag: c }) => {
+      const { tags: n = [] } = s.response, g = n.find((C) => C.id === c) || null;
+      t.writeProperties({ filters: { tag: g } });
     });
   }), () => {
-    I();
+    y();
   };
-}), W = z;
+}), W = J;
 export {
   W as default
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/search-component.ts"],"sourcesContent":["import {\n    CategoriesResult,\n    DataClient,\n    DataType,\n    MatchResult,\n    QueryParameters,\n    TagsResult,\n} from '@telia-ace/knowledge-data-client';\nimport { Category, createEventSubscriber, Tag } from '@telia-ace/knowledge-widget-core';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { RoutingService } from '@telia-ace/widget-routing';\nimport {\n    categoryTrail,\n    createParams,\n    deepClone,\n    findCategoryById,\n    getCategoryTrailAsObjects,\n    Params,\n} from '@telia-ace/widget-utilities';\nimport { Container } from '@webprovisions/platform';\n\nexport type SearchComponentProps = {\n    route?: string;\n    role?: string;\n\n    showSearchButton: boolean;\n    showClearButton: boolean;\n    showChildren: boolean;\n\n    searchButtonLabel: string;\n    clearButtonLabel: string;\n    ariaLabel?: string;\n\n    noMatchesLabel?: string;\n\n    placeholder: string;\n    autoFocus: boolean;\n    incremental?: boolean | number;\n\n    filterBadges?: FilterConfig | boolean;\n    activeFilterBadges?: ActiveFilterBadges; // internal\n    deleteFilterBadgeAriaLabel?: string;\n\n    quickFilters?: FilterConfig | boolean;\n    quickFilter?: Filter; // internal\n\n    patchParams?: boolean;\n};\n\nexport type Filter = {\n    items?: Category[] | Tag[];\n    type?: 'guideCategory' | 'tag';\n    symbol?: string;\n    loading: boolean;\n    open: boolean;\n};\n\nexport type ActiveFilterBadges = {\n    guideCategory?: Category | null;\n    tag: Tag[];\n    tooltip?: string | null;\n    initial?: boolean;\n};\n\nexport type FilterConfig = {\n    autoSelect?: boolean;\n    guideCategory?: boolean;\n    tag?: boolean;\n    position?: 'inside' | 'below';\n};\n\nconst hasActiveFilterBadge = (filters: ActiveFilterBadges) => {\n    return !!filters.guideCategory || filters.tag.length > 0;\n};\n\nconst getTooltip = (categoryId: string, categories: Category[]) => {\n    const trailIds: string[] = categoryTrail(categoryId, categories);\n    const categoryMap = getCategoryTrailAsObjects(trailIds, categories);\n    const trail = trailIds.map((id) => categoryMap.get(id)?.title || '').join(' / ');\n    return trail;\n};\n\nconst sortRecursive = (items: any[]) => {\n    const clone = deepClone(items);\n\n    clone.sort((a: any, b: any) => {\n        if (a.title > b.title) {\n            return 1;\n        }\n        return -1;\n    });\n\n    clone.forEach((item: any) => {\n        if (item.items) {\n            item.items = sortRecursive(item.items);\n        }\n    });\n\n    return clone;\n};\n\nconst SearchComponent = (container: Container) => {\n    return createReactComponent(container, 'search', import('./search'), (component) => {\n        const { events } = container.get('$widget');\n        const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n        const load = (params: Params) => {\n            const { activeFilterBadges } = component.properties<SearchComponentProps>();\n\n            let tagIds: string[] = [];\n\n            if (params.tag && params.tag.includes(',')) {\n                tagIds = params.tag.split(',');\n            } else if (params.tag) {\n                tagIds = [params.tag];\n            }\n\n            const tagsNotAdded = tagIds.filter((tag) => {\n                const added = activeFilterBadges?.tag.find((t) => t.id === tag);\n\n                return !added;\n            });\n\n            const removedTags = (activeFilterBadges?.tag || []).filter((t) => {\n                const removed = !tagIds.includes(t.id);\n\n                return removed;\n            });\n\n            if (\n                activeFilterBadges?.guideCategory?.id !== params.guideCategory ||\n                tagsNotAdded.length > 0\n            ) {\n                component.actions.dispatch('quick-filter:add', {\n                    tagIds: params.tag ? params.tag.split(',') : [],\n                    category: params.guideCategory,\n                    initial: true,\n                });\n            }\n\n            // tags no longer existing in the params should be removed\n            removedTags.forEach((t) => {\n                component.actions.dispatch('quick-filter:remove', { types: ['tag'], id: t.id });\n            });\n        };\n\n        component.actions.create(\n            'search',\n            (data: { filters: ActiveFilterBadges; filtersChanged: boolean; value: any }) => {\n                const { value, filters, filtersChanged } = data;\n                const { route = 'search', patchParams = false } =\n                    component.properties<SearchComponentProps>();\n\n                if (\n                    value.length > 0 ||\n                    ((hasActiveFilterBadge(filters) || filtersChanged) && !filters?.initial)\n                ) {\n                    container.getAsync('router').then((router: RoutingService) => {\n                        const { params } = router.getRouteData();\n\n                        let searchParams: { [key: string]: string | undefined } = {\n                            guide: undefined,\n                            id: undefined,\n                            accordion: undefined,\n                            contactMethod: undefined,\n                        };\n\n                        searchParams.phrase = value.length > 0 ? encodeURIComponent(value) : '';\n\n                        if (patchParams) {\n                            searchParams = {\n                                ...params,\n                                ...searchParams,\n                            };\n                        }\n\n                        if (filters?.guideCategory || filtersChanged) {\n                            searchParams.guideCategory = filters.guideCategory?.id || undefined;\n                        }\n\n                        if (filters?.tag.length > 0 || filtersChanged) {\n                            if (filters.tag.length > 0) {\n                                searchParams.tag = filters.tag.map((t) => t.id).join(',');\n                            } else {\n                                searchParams.tag = undefined;\n                            }\n                        }\n\n                        router.navigate(route, createParams(searchParams));\n                    });\n                }\n            }\n        );\n\n        component.actions.create('clear', (data, options) => {\n            if (data.navigateToHome) {\n                container.getAsync('router').then((router: RoutingService) => {\n                    const { name }: any = router.getInitialRoute();\n                    router.navigate(name);\n                });\n            }\n        });\n\n        const getRouterParams: () => Promise<Params> = () =>\n            container\n                .getAsync('router')\n                .then((router: RoutingService) => router.getRouteData().params);\n\n        component.actions.create(\n            'quick-filter:add',\n            (data: { category?: string; tagIds: string[]; initial?: boolean }) => {\n                const { category, tagIds, initial } = data;\n                const { activeFilterBadges: previous } =\n                    component.properties<SearchComponentProps>();\n\n                const activeFilterBadges: ActiveFilterBadges = previous || {\n                    initial,\n                    guideCategory: null,\n                    tag: [],\n                    tooltip: null,\n                };\n\n                return Promise.resolve()\n                    .then(() => {\n                        if (category) {\n                            return fetchCategories({}).then((categories) => {\n                                const categoryItem =\n                                    <Category | null>findCategoryById(category, categories) || null;\n                                return {\n                                    ...activeFilterBadges,\n                                    guideCategory: categoryItem,\n                                    tooltip: getTooltip(category, categories) || null,\n                                };\n                            });\n                        }\n                        return {\n                            ...activeFilterBadges,\n                            guideCategory: null,\n                            tooltip: null,\n                        };\n                    })\n                    .then((next) => {\n                        if (tagIds) {\n                            return fetchTags({}).then((tags) => {\n                                let matchingTags: Tag[] = [];\n                                tagIds.forEach((tagId) => {\n                                    const match = tags.find((other) => other.id === tagId);\n\n                                    if (match) {\n                                        matchingTags.push(match);\n                                    }\n                                });\n\n                                return {\n                                    ...next,\n                                    tag: matchingTags,\n                                };\n                            });\n                        }\n                        return {\n                            ...next,\n                            tag: [],\n                        };\n                    })\n                    .then((next) => {\n                        return component.writeProperties({\n                            activeFilterBadges: { ...next, initial: !!initial },\n                        });\n                    });\n            }\n        );\n\n        component.actions.create(\n            'quick-filter:remove',\n            ({ types, id }: { types: string[]; id?: string }) => {\n                const { activeFilterBadges } = component.properties<SearchComponentProps>();\n\n                component.writeProperties({\n                    activeFilterBadges: {\n                        ...activeFilterBadges,\n                        initial: false,\n                        guideCategory:\n                            types.indexOf('guideCategory') > -1\n                                ? null\n                                : activeFilterBadges?.guideCategory,\n                        tag:\n                            types.indexOf('tag') > -1\n                                ? activeFilterBadges?.tag.filter((t) => t.id !== id)\n                                : activeFilterBadges?.tag,\n                    },\n                });\n            }\n        );\n\n        component.actions.create('quick-filter:close', () => {\n            return component.writeProperties({\n                quickFilter: {\n                    items: [],\n                    loading: false,\n                    open: false,\n                },\n            });\n        });\n\n        component.actions.create('quick-filter:open', ({ symbol, type }) => {\n            component.writeProperties({\n                quickFilter: {\n                    type,\n                    symbol,\n                    items: [],\n                    loading: true,\n                    open: true,\n                },\n            });\n\n            return getRouterParams().then(({ tag, guideCategory, phrase }) => {\n                if (type === 'guideCategory') {\n                    return fetchCategories({\n                        tagId: tag,\n                        searchPhrase: phrase,\n                    }).then((items) => {\n                        const clone = deepClone(items);\n\n                        component.writeProperties({\n                            quickFilter: {\n                                items: sortRecursive(clone),\n                                loading: false,\n                            },\n                        });\n                    });\n                }\n\n                if (type === 'tag') {\n                    return fetchTags({\n                        categories: guideCategory,\n                        searchPhrase: phrase,\n                    }).then((items) => {\n                        const clone = deepClone(items);\n                        component.writeProperties({\n                            quickFilter: {\n                                items: sortRecursive(clone),\n                                loading: false,\n                            },\n                        });\n                    });\n                }\n            });\n        });\n\n        const fetchCategories = (params: QueryParameters) => {\n            return DataClient.getInstance(container)\n                .then((dataClient) => dataClient.fetch(DataType.GuideCategories, params))\n                .then((categoriesResult: CategoriesResult) => categoriesResult.categories || []);\n        };\n\n        const fetchTags = (params: QueryParameters) => {\n            return DataClient.getInstance(container)\n                .then((dataClient) => dataClient.fetch(DataType.TagsOnGuides, params))\n                .then((tags: TagsResult = []) => tags);\n        };\n\n        getRouterParams().then((params) => {\n            load(params);\n        });\n\n        subscribe('router:changed', (_, { current }) => {\n            const {\n                routeData: { params },\n            } = current;\n            load(params);\n        });\n\n        subscribe('data-client:fetched', (event, data) => {\n            const { filterBadges } = component.properties<SearchComponentProps>();\n\n            const showTag = typeof filterBadges === 'object' ? !!filterBadges.tag : !!filterBadges;\n\n            if (data.type === 'match' && showTag) {\n                getRouterParams().then(({ tag: tagId }) => {\n                    const { tags = [] }: MatchResult = data.response;\n                    const tag = tags.find((t) => t.id === tagId) || null;\n                    component.writeProperties({ filters: { tag } });\n                });\n            }\n        });\n\n        return () => {\n            unsubscribe();\n        };\n    });\n};\n\nexport default SearchComponent;\n"],"names":["hasActiveFilterBadge","filters","getTooltip","categoryId","categories","trailIds","categoryTrail","categoryMap","getCategoryTrailAsObjects","id","_a","sortRecursive","items","clone","deepClone","a","b","item","SearchComponent","container","createReactComponent","component","events","subscribe","unsubscribe","createEventSubscriber","load","params","activeFilterBadges","tagIds","tagsNotAdded","tag","t","removedTags","data","value","filtersChanged","route","patchParams","router","searchParams","__spreadValues","createParams","options","name","getRouterParams","category","initial","previous","fetchCategories","categoryItem","findCategoryById","__spreadProps","next","fetchTags","tags","matchingTags","tagId","match","other","types","symbol","type","guideCategory","phrase","DataClient","dataClient","DataType","categoriesResult","_","current","event","filterBadges","showTag","SearchComponent$1"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/search-component.ts"],"sourcesContent":["import {\n    CategoriesResult,\n    DataClient,\n    DataType,\n    MatchResult,\n    QueryParameters,\n    TagsResult,\n} from '@telia-ace/knowledge-data-client';\nimport { Category, Tag, createEventSubscriber } from '@telia-ace/knowledge-widget-core';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { RoutingService } from '@telia-ace/widget-routing';\nimport {\n    Params,\n    categoryTrail,\n    createParams,\n    deepClone,\n    findCategoryById,\n    getCategoryTrailAsObjects,\n} from '@telia-ace/widget-utilities';\nimport { Container } from '@webprovisions/platform';\n\nexport type SearchComponentProps = {\n    route?: string;\n    role?: string;\n\n    showSearchButton: boolean;\n    showClearButton: boolean;\n    showChildren: boolean;\n\n    searchButtonLabel: string;\n    clearButtonLabel: string;\n    ariaLabel?: string;\n\n    noMatchesLabel?: string;\n\n    placeholder: string;\n    autoFocus: boolean;\n    incremental?: boolean | number;\n\n    filterBadges?: FilterConfig | boolean;\n    activeFilterBadges?: ActiveFilterBadges; // internal\n    deleteFilterBadgeAriaLabel?: string;\n\n    quickFilters?: FilterConfig | boolean;\n    quickFilter?: Filter; // internal\n\n    patchParams?: boolean;\n};\n\nexport type Filter = {\n    items?: Category[] | Tag[];\n    type?: 'guideCategory' | 'tag';\n    symbol?: string;\n    loading: boolean;\n    open: boolean;\n};\n\nexport type ActiveFilterBadges = {\n    guideCategory?: Category | null;\n    tag: Tag[];\n    tooltip?: string | null;\n    initial?: boolean;\n};\n\nexport type FilterConfig = {\n    autoSelect?: boolean;\n    guideCategory?: boolean;\n    tag?: boolean;\n    position?: 'inside' | 'below';\n};\n\nconst hasActiveFilterBadge = (filters: { tagIds: string[]; guideCategoryId?: string }) => {\n    return !!filters.guideCategoryId || filters.tagIds.length > 0;\n};\n\nconst getTooltip = (categoryId: string, categories: Category[]) => {\n    const trailIds: string[] = categoryTrail(categoryId, categories);\n    const categoryMap = getCategoryTrailAsObjects(trailIds, categories);\n    const trail = trailIds.map((id) => categoryMap.get(id)?.title || '').join(' / ');\n    return trail;\n};\n\nconst sortRecursive = (items: any[]) => {\n    const clone = deepClone(items);\n\n    clone.sort((a: any, b: any) => {\n        if (a.title > b.title) {\n            return 1;\n        }\n        return -1;\n    });\n\n    clone.forEach((item: any) => {\n        if (item.items) {\n            item.items = sortRecursive(item.items);\n        }\n    });\n\n    return clone;\n};\n\nconst SearchComponent = (container: Container) => {\n    return createReactComponent(container, 'search', import('./search'), (component) => {\n        const { events } = container.get('$widget');\n        const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n        const load = async (params: Params) => {\n            const tagIds: string[] = params.tag ? params.tag.split(',') : [];\n            const guideCategoryId = params.guideCategory;\n            const phrase = params.phrase || '';\n\n            const { activeFilterBadges } = component.properties<SearchComponentProps>();\n\n            const allTags = await fetchTags({});\n\n            const allCategories = await fetchCategories({\n                tagId: params.tag,\n                searchPhrase: phrase,\n            });\n\n            const guideCategory = guideCategoryId\n                ? <Category | null>findCategoryById(guideCategoryId, allCategories)\n                : null;\n\n            const tags = tagIds.reduce<Tag[]>((acc, id) => {\n                const match = allTags.find((t) => t.id === id);\n\n                if (match) {\n                    acc.push(match);\n                }\n                return acc;\n            }, []);\n\n            component.writeProperties({\n                activeFilterBadges: {\n                    ...activeFilterBadges,\n                    tag: tags,\n                    guideCategory,\n                    tooltip: getTooltip(guideCategoryId, allCategories) || null,\n                },\n            });\n        };\n\n        component.actions.create(\n            'search',\n            async (data: {\n                filters: {\n                    tagIds: string[];\n                    guideCategoryId: string;\n                    initial?: boolean;\n                };\n                filtersChanged: boolean;\n                value: string; // phrase\n            }) => {\n                const { route = 'search', patchParams = false } =\n                    component.properties<SearchComponentProps>();\n                const { filters, filtersChanged, value } = data;\n\n                if (\n                    value.length > 0 ||\n                    ((hasActiveFilterBadge(filters) || filtersChanged) && !filters.initial)\n                ) {\n                    const router: RoutingService = await container.getAsync('router');\n\n                    const { params } = router.getRouteData();\n\n                    let searchParams: { [key: string]: string | undefined } = {\n                        guide: undefined,\n                        id: undefined,\n                        accordion: undefined,\n                        contactMethod: undefined,\n                    };\n\n                    searchParams.phrase = value.length > 0 ? encodeURIComponent(value) : '';\n\n                    if (patchParams) {\n                        searchParams = {\n                            ...params,\n                            ...searchParams,\n                        };\n                    }\n\n                    if (filters?.guideCategoryId || filtersChanged) {\n                        searchParams.guideCategory = filters.guideCategoryId || undefined;\n                    }\n\n                    if (filters?.tagIds.length > 0 || filtersChanged) {\n                        if (filters.tagIds.length > 0) {\n                            searchParams.tag = filters.tagIds.join(',');\n                        } else {\n                            searchParams.tag = undefined;\n                        }\n                    }\n\n                    router.navigate(route, createParams(searchParams));\n                }\n            }\n        );\n\n        component.actions.create('clear', (data, options) => {\n            if (data.navigateToHome) {\n                container.getAsync('router').then((router: RoutingService) => {\n                    const { name }: any = router.getInitialRoute();\n                    router.navigate(name);\n                });\n            }\n        });\n\n        const getRouterParams: () => Promise<Params> = () =>\n            container\n                .getAsync('router')\n                .then((router: RoutingService) => router.getRouteData().params);\n\n        component.actions.create(\n            'quick-filter:add',\n            async (data: { category?: string; tagIds: string[]; initial?: boolean }) => {\n                const { category, tagIds = [], initial } = data;\n\n                const router: RoutingService = await container.getAsync('router');\n                const { params } = router.getRouteData();\n\n                const tagIdsFromUrl = params.tag ? params.tag.split(',') : [];\n\n                component.actions.dispatch('search', {\n                    filtersChanged: true,\n                    filters: {\n                        guideCategoryId: category,\n                        tagIds: [...new Set([...tagIdsFromUrl, ...tagIds])],\n                    },\n                    value: params.phrase || '',\n                });\n            }\n        );\n\n        component.actions.create(\n            'quick-filter:remove',\n            ({ types, ids = [] }: { types: string[]; ids?: string[] }) => {\n                const { activeFilterBadges } = component.properties<SearchComponentProps>();\n\n                container.getAsync('router').then((router: RoutingService) => {\n                    const { params } = router.getRouteData();\n\n                    component.actions.dispatch('search', {\n                        filtersChanged: true,\n                        filters: {\n                            guideCategoryId:\n                                types.indexOf('guideCategory') > -1\n                                    ? null\n                                    : activeFilterBadges?.guideCategory?.id,\n                            tagIds:\n                                types.indexOf('tag') > -1\n                                    ? (activeFilterBadges?.tag || [])\n                                          .filter((t) => !ids?.includes(t.id))\n                                          .map((t) => t.id)\n                                    : activeFilterBadges?.tag.map((t) => t.id) || [],\n                        },\n                        value: params.phrase || '',\n                    });\n                });\n            }\n        );\n\n        component.actions.create('quick-filter:close', () => {\n            return component.writeProperties({\n                quickFilter: {\n                    items: [],\n                    loading: false,\n                    open: false,\n                },\n            });\n        });\n\n        component.actions.create('quick-filter:open', ({ symbol, type }) => {\n            component.writeProperties({\n                quickFilter: {\n                    type,\n                    symbol,\n                    items: [],\n                    loading: true,\n                    open: true,\n                },\n            });\n\n            return getRouterParams().then(({ tag, guideCategory, phrase }) => {\n                if (type === 'guideCategory') {\n                    return fetchCategories({\n                        tagId: tag,\n                        searchPhrase: phrase,\n                    }).then((items) => {\n                        const clone = deepClone(items);\n\n                        component.writeProperties({\n                            quickFilter: {\n                                items: sortRecursive(clone),\n                                loading: false,\n                            },\n                        });\n                    });\n                }\n\n                if (type === 'tag') {\n                    return fetchTags({\n                        categories: guideCategory,\n                        searchPhrase: phrase,\n                    }).then((items) => {\n                        const clone = deepClone(items);\n                        component.writeProperties({\n                            quickFilter: {\n                                items: sortRecursive(clone),\n                                loading: false,\n                            },\n                        });\n                    });\n                }\n            });\n        });\n\n        const fetchCategories = (params: QueryParameters) => {\n            return DataClient.getInstance(container)\n                .then((dataClient) => dataClient.fetch(DataType.GuideCategories, params))\n                .then((categoriesResult: CategoriesResult) => categoriesResult.categories || []);\n        };\n\n        const fetchTags = (params: QueryParameters) => {\n            return DataClient.getInstance(container)\n                .then((dataClient) => dataClient.fetch(DataType.TagsOnGuides, params))\n                .then((tags: TagsResult = []) => tags);\n        };\n\n        getRouterParams().then((params) => {\n            load(params);\n        });\n\n        subscribe('router:changed', (_, { current }) => {\n            const {\n                routeData: { params },\n            } = current;\n            load(params);\n        });\n\n        subscribe('data-client:fetched', (event, data) => {\n            const { filterBadges } = component.properties<SearchComponentProps>();\n\n            const showTag = typeof filterBadges === 'object' ? !!filterBadges.tag : !!filterBadges;\n\n            if (data.type === 'match' && showTag) {\n                getRouterParams().then(({ tag: tagId }) => {\n                    const { tags = [] }: MatchResult = data.response;\n                    const tag = tags.find((t) => t.id === tagId) || null;\n                    component.writeProperties({ filters: { tag } });\n                });\n            }\n        });\n\n        return () => {\n            unsubscribe();\n        };\n    });\n};\n\nexport default SearchComponent;\n"],"names":["hasActiveFilterBadge","filters","getTooltip","categoryId","categories","trailIds","categoryTrail","categoryMap","getCategoryTrailAsObjects","id","_a","sortRecursive","items","clone","deepClone","a","b","item","SearchComponent","container","createReactComponent","component","events","subscribe","unsubscribe","createEventSubscriber","load","params","__async","tagIds","guideCategoryId","phrase","activeFilterBadges","allTags","fetchTags","allCategories","fetchCategories","guideCategory","findCategoryById","tags","acc","match","t","__spreadProps","__spreadValues","data","route","patchParams","filtersChanged","value","router","searchParams","createParams","options","name","getRouterParams","category","initial","tagIdsFromUrl","types","ids","symbol","type","tag","DataClient","dataClient","DataType","categoriesResult","_","current","event","filterBadges","showTag","tagId","SearchComponent$1"],"mappings":"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"}