@telia-ace/knowledge-widget-components-search 1.0.14 → 1.0.17

package/dist/index.js

@@ -1,234 +1,153 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
+var R = Object.defineProperty, I = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var O = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
+var T = (a, e, o) => e in a ? R(a, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : a[e] = o, u = (a, e) => {
+  for (var o in e || (e = {}))
+    O.call(e, o) && T(a, o, e[o]);
+  if (b)
+    for (var o of b(e))
+      j.call(e, o) && T(a, o, e[o]);
   return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { createEventSubscriber } from "@telia-ace/knowledge-widget-core";
-import { DataType } from "@telia-ace/knowledge-widget-types-grid";
-import { createReactComponent } from "@telia-ace/knowledge-widget-ui";
-import { createParams, findCategoryById, deepClone, categoryTrail, getCategoryTrailAsObjects } from "@telia-ace/widget-utilities";
-const hasActiveFilterBadge = (filters) => {
-  return !!filters.guideCategory || !!filters.tag;
-};
-const getTooltip = (categoryId, categories) => {
-  const trailIds = categoryTrail(categoryId, categories);
-  const categoryMap = getCategoryTrailAsObjects(trailIds, categories);
-  const trail = trailIds.map((id) => {
-    var _a;
-    return ((_a = categoryMap.get(id)) == null ? void 0 : _a.title) || "";
+}, h = (a, e) => I(a, D(e));
+import { createEventSubscriber as F } from "@telia-ace/knowledge-widget-core";
+import { DataType as A } from "@telia-ace/knowledge-widget-types-grid";
+import { createReactComponent as x } from "@telia-ace/knowledge-widget-ui";
+import { createParams as E, findCategoryById as G, deepClone as p, categoryTrail as M, getCategoryTrailAsObjects as S } from "@telia-ace/widget-utilities";
+const B = (a) => !!a.guideCategory || !!a.tag, H = (a, e) => {
+  const o = M(a, e), f = S(o, e);
+  return o.map((C) => {
+    var y;
+    return ((y = f.get(C)) == null ? void 0 : y.title) || "";
   }).join(" / ");
-  return trail;
-};
-const sortRecursive = (items) => {
-  const clone = deepClone(items);
-  clone.sort((a, b) => {
-    if (a.title > b.title) {
-      return 1;
-    }
-    return -1;
-  });
-  clone.forEach((item) => {
-    if (item.items) {
-      item.items = sortRecursive(item.items);
-    }
-  });
-  return clone;
-};
-const SearchComponent = (container) => {
-  return createReactComponent(container, "search", import("./search.js"), (component) => {
-    const { events } = container.get("$widget");
-    const [subscribe, unsubscribe] = createEventSubscriber(events);
-    const load = (params) => {
-      var _a, _b;
-      const { activeFilterBadges } = component.properties();
-      if (((_a = activeFilterBadges == null ? void 0 : activeFilterBadges.guideCategory) == null ? void 0 : _a.id) !== params.guideCategory || ((_b = activeFilterBadges == null ? void 0 : activeFilterBadges.tag) == null ? void 0 : _b.id) !== params.tag) {
-        component.actions.dispatch("quick-filter:add", {
-          tag: params.tag,
-          category: params.guideCategory,
-          initial: true
-        });
-      }
-    };
-    component.actions.create("search", (data) => {
-      const { value, filters, filtersChanged } = data;
-      const { route = "search", patchParams = false } = component.properties();
-      if (value.length > 0 || (hasActiveFilterBadge(filters) || filtersChanged) && !(filters == null ? void 0 : filters.initial)) {
-        container.getAsync("router").then((router) => {
-          var _a, _b;
-          const { params } = router.getRouteData();
-          let searchParams = {
-            guide: void 0,
-            id: void 0,
-            accordion: void 0,
-            contactMethod: void 0
-          };
-          searchParams.phrase = value.length > 0 ? encodeURIComponent(value) : "";
-          if (patchParams) {
-            searchParams = __spreadValues(__spreadValues({}, params), searchParams);
-          }
-          if ((filters == null ? void 0 : filters.guideCategory) || filtersChanged) {
-            searchParams.guideCategory = ((_a = filters.guideCategory) == null ? void 0 : _a.id) || void 0;
-          }
-          if ((filters == null ? void 0 : filters.tag) || filtersChanged) {
-            searchParams.tag = ((_b = filters.tag) == null ? void 0 : _b.id) || void 0;
-          }
-          router.navigate(route, createParams(searchParams));
-        });
-      }
+}, v = (a) => {
+  const e = p(a);
+  return e.sort((o, f) => o.title > f.title ? 1 : -1), e.forEach((o) => {
+    o.items && (o.items = v(o.items));
+  }), e;
+}, K = (a) => x(a, "search", import("./search.ffb2e6c2.js"), (e) => {
+  const { events: o } = a.get("$widget"), [f, P] = F(o), C = (i) => {
+    var r, n;
+    const { activeFilterBadges: t } = e.properties();
+    (((r = t == null ? void 0 : t.guideCategory) == null ? void 0 : r.id) !== i.guideCategory || ((n = t == null ? void 0 : t.tag) == null ? void 0 : n.id) !== i.tag) && e.actions.dispatch("quick-filter:add", {
+      tag: i.tag,
+      category: i.guideCategory,
+      initial: !0
     });
-    component.actions.create("clear", (data, options) => {
-      if (data.navigateToHome) {
-        container.getAsync("router").then((router) => {
-          const { name } = router.getInitialRoute();
-          router.navigate(name);
-        });
-      }
-    });
-    const getRouterParams = () => container.getAsync("router").then((router) => router.getRouteData().params);
-    component.actions.create("quick-filter:add", (data) => {
-      const { category, tag, initial } = data;
-      const { activeFilterBadges: previous } = component.properties();
-      const activeFilterBadges = previous || {
-        initial,
-        guideCategory: null,
-        tag: null,
-        tooltip: null
+  };
+  e.actions.create("search", (i) => {
+    const { value: t, filters: r, filtersChanged: n } = i, { route: c = "search", patchParams: g = !1 } = e.properties();
+    (t.length > 0 || (B(r) || n) && !(r != null && r.initial)) && a.getAsync("router").then((s) => {
+      var q, w;
+      const { params: d } = s.getRouteData();
+      let l = {
+        guide: void 0,
+        id: void 0,
+        accordion: void 0,
+        contactMethod: void 0
       };
-      return Promise.resolve().then(() => {
-        if (category) {
-          return fetchCategories({}).then((categories) => {
-            const categoryItem = findCategoryById(category, categories) || null;
-            return __spreadProps(__spreadValues({}, activeFilterBadges), {
-              guideCategory: categoryItem,
-              tooltip: getTooltip(category, categories) || null
-            });
-          });
-        }
-        return __spreadProps(__spreadValues({}, activeFilterBadges), {
-          guideCategory: null,
-          tooltip: null
-        });
-      }).then((next) => {
-        if (tag) {
-          return fetchTags({}).then((tags) => {
-            return __spreadProps(__spreadValues({}, next), {
-              tag: tags.find((t) => t.id === tag) || null
-            });
-          });
-        }
-        return __spreadProps(__spreadValues({}, next), {
-          tag: null
-        });
-      }).then((next) => {
-        return component.writeProperties({
-          activeFilterBadges: __spreadProps(__spreadValues({}, next), { initial: !!initial })
-        });
-      });
+      l.phrase = t.length > 0 ? encodeURIComponent(t) : "", g && (l = u(u({}, d), l)), ((r == null ? void 0 : r.guideCategory) || n) && (l.guideCategory = ((q = r.guideCategory) == null ? void 0 : q.id) || void 0), ((r == null ? void 0 : r.tag) || n) && (l.tag = ((w = r.tag) == null ? void 0 : w.id) || void 0), s.navigate(c, E(l));
     });
-    component.actions.create("quick-filter:remove", ({ types }) => {
-      const { activeFilterBadges } = component.properties();
-      component.writeProperties({
-        activeFilterBadges: __spreadProps(__spreadValues({}, activeFilterBadges), {
-          initial: false,
-          guideCategory: types.indexOf("guideCategory") > -1 ? null : activeFilterBadges == null ? void 0 : activeFilterBadges.guideCategory,
-          tag: types.indexOf("tag") > -1 ? null : activeFilterBadges == null ? void 0 : activeFilterBadges.tag
-        })
-      });
+  }), e.actions.create("clear", (i, t) => {
+    i.navigateToHome && a.getAsync("router").then((r) => {
+      const { name: n } = r.getInitialRoute();
+      r.navigate(n);
     });
-    component.actions.create("quick-filter:close", () => {
-      return component.writeProperties({
-        quickFilter: {
-          items: [],
-          loading: false,
-          open: false
-        }
+  });
+  const y = () => a.getAsync("router").then((i) => i.getRouteData().params);
+  e.actions.create("quick-filter:add", (i) => {
+    const { category: t, tag: r, initial: n } = i, { activeFilterBadges: c } = e.properties(), g = c || {
+      initial: n,
+      guideCategory: null,
+      tag: null,
+      tooltip: null
+    };
+    return Promise.resolve().then(() => t ? m({}).then((s) => {
+      const d = G(t, s) || null;
+      return h(u({}, g), {
+        guideCategory: d,
+        tooltip: H(t, s) || null
       });
+    }) : h(u({}, g), {
+      guideCategory: null,
+      tooltip: null
+    })).then((s) => r ? k({}).then((d) => h(u({}, s), {
+      tag: d.find((l) => l.id === r) || null
+    })) : h(u({}, s), {
+      tag: null
+    })).then((s) => e.writeProperties({
+      activeFilterBadges: h(u({}, s), { initial: !!n })
+    }));
+  }), e.actions.create("quick-filter:remove", ({ types: i }) => {
+    const { activeFilterBadges: t } = e.properties();
+    e.writeProperties({
+      activeFilterBadges: h(u({}, t), {
+        initial: !1,
+        guideCategory: i.indexOf("guideCategory") > -1 ? null : t == null ? void 0 : t.guideCategory,
+        tag: i.indexOf("tag") > -1 ? null : t == null ? void 0 : t.tag
+      })
     });
-    component.actions.create("quick-filter:open", ({ symbol, type }) => {
-      component.writeProperties({
-        quickFilter: {
-          type,
-          symbol,
-          items: [],
-          loading: true,
-          open: true
-        }
-      });
-      return getRouterParams().then(({ tag, guideCategory, phrase }) => {
-        if (type === "guideCategory") {
-          return fetchCategories({
-            tagId: tag,
-            searchPhrase: phrase
-          }).then((items) => {
-            const clone = deepClone(items);
-            component.writeProperties({
-              quickFilter: {
-                items: sortRecursive(clone),
-                loading: false
-              }
-            });
-          });
-        }
-        if (type === "tag") {
-          return fetchTags({
-            categories: guideCategory,
-            searchPhrase: phrase
-          }).then((items) => {
-            const clone = deepClone(items);
-            component.writeProperties({
-              quickFilter: {
-                items: sortRecursive(clone),
-                loading: false
-              }
-            });
-          });
-        }
+  }), e.actions.create("quick-filter:close", () => e.writeProperties({
+    quickFilter: {
+      items: [],
+      loading: !1,
+      open: !1
+    }
+  })), e.actions.create("quick-filter:open", ({ symbol: i, type: t }) => (e.writeProperties({
+    quickFilter: {
+      type: t,
+      symbol: i,
+      items: [],
+      loading: !0,
+      open: !0
+    }
+  }), y().then(({ tag: r, guideCategory: n, phrase: c }) => {
+    if (t === "guideCategory")
+      return m({
+        tagId: r,
+        searchPhrase: c
+      }).then((g) => {
+        const s = p(g);
+        e.writeProperties({
+          quickFilter: {
+            items: v(s),
+            loading: !1
+          }
+        });
       });
-    });
-    const fetchCategories = (params) => {
-      return container.getAsync("dataClient").then((dataClient) => dataClient.fetch(DataType.GuideCategories, params)).then((categoriesResult) => categoriesResult.categories || []);
-    };
-    const fetchTags = (params) => {
-      return container.getAsync("dataClient").then((dataClient) => dataClient.fetch(DataType.TagsOnGuides, params)).then((tags = []) => tags);
-    };
-    getRouterParams().then((params) => {
-      load(params);
-    });
-    subscribe("router:changed", (_, { current }) => {
-      const {
-        routeData: { params }
-      } = current;
-      load(params);
-    });
-    subscribe("data-client:fetched", (event, data) => {
-      const { filterBadges } = component.properties();
-      const showTag = typeof filterBadges === "object" ? !!filterBadges.tag : !!filterBadges;
-      if (data.type === "match" && showTag) {
-        getRouterParams().then(({ tag: tagId }) => {
-          const { tags = [] } = data.response;
-          const tag = tags.find((t) => t.id === tagId) || null;
-          component.writeProperties({ filters: { tag } });
+    if (t === "tag")
+      return k({
+        categories: n,
+        searchPhrase: c
+      }).then((g) => {
+        const s = p(g);
+        e.writeProperties({
+          quickFilter: {
+            items: v(s),
+            loading: !1
+          }
         });
-      }
+      });
+  })));
+  const m = (i) => a.getAsync("dataClient").then((t) => t.fetch(A.GuideCategories, i)).then((t) => t.categories || []), k = (i) => a.getAsync("dataClient").then((t) => t.fetch(A.TagsOnGuides, i)).then((t = []) => t);
+  return y().then((i) => {
+    C(i);
+  }), f("router:changed", (i, { current: t }) => {
+    const {
+      routeData: { params: r }
+    } = t;
+    C(r);
+  }), f("data-client:fetched", (i, t) => {
+    const { filterBadges: r } = e.properties(), n = typeof r == "object" ? !!r.tag : !!r;
+    t.type === "match" && n && y().then(({ tag: c }) => {
+      const { tags: g = [] } = t.response, s = g.find((d) => d.id === c) || null;
+      e.writeProperties({ filters: { tag: s } });
     });
-    return () => {
-      unsubscribe();
-    };
-  });
+  }), () => {
+    P();
+  };
+});
+export {
+  K as default
 };
-export { SearchComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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