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

package/dist/index.js

@@ -1,156 +1,176 @@
-var A = Object.defineProperty, D = Object.defineProperties;
-var O = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var j = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var I = (a, e, o) => e in a ? A(a, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : a[e] = o, c = (a, e) => {
-  for (var o in e || (e = {}))
-    j.call(e, o) && I(a, o, e[o]);
-  if (b)
-    for (var o of b(e))
-      F.call(e, o) && I(a, o, e[o]);
+var O = Object.defineProperty, S = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var T = Object.getOwnPropertySymbols;
+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 i of T(t))
+      E.call(t, i) && b(a, i, t[i]);
   return a;
-}, h = (a, e) => D(a, O(e));
-import { DataClient as T, DataType as R } from "@telia-ace/knowledge-data-client";
-import { createEventSubscriber as S } from "@telia-ace/knowledge-widget-core";
-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 $ } from "@telia-ace/widget-utilities";
-const B = (a) => !!a.guideCategory || !!a.tag, H = (a, e) => {
-  const o = M(a, e), f = $(o, e);
-  return o.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(" / ");
-}, 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;
-}, U = (a) => x(a, "search", import("./search.9f859d14.js"), (e) => {
-  const { events: o } = a.get("$widget"), [f, P] = S(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
-    });
-  };
-  e.actions.create("search", (i) => {
-    const { value: t, filters: r, filtersChanged: n } = i, { route: u = "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
-      };
-      l.phrase = t.length > 0 ? encodeURIComponent(t) : "", g && (l = c(c({}, 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(u, E(l));
+}, 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("clear", (i, t) => {
-    i.navigateToHome && a.getAsync("router").then((r) => {
-      const { name: n } = r.getInitialRoute();
-      r.navigate(n);
+  });
+  t.actions.create(
+    "search",
+    (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
+        };
+        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: t, tag: r, initial: n } = i, { activeFilterBadges: u } = e.properties(), g = u || {
-        initial: n,
-        guideCategory: null,
-        tag: null,
-        tooltip: null
-      };
-      return Promise.resolve().then(() => t ? m({}).then((s) => {
-        const d = G(t, s) || null;
-        return h(c({}, g), {
-          guideCategory: d,
-          tooltip: H(t, s) || null
+    (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: 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 || ""
         });
-      }) : h(c({}, g), {
-        guideCategory: null,
-        tooltip: null
-      })).then((s) => r ? k({}).then((d) => h(c({}, s), {
-        tag: d.find((l) => l.id === r) || null
-      })) : h(c({}, s), {
-        tag: null
-      })).then((s) => e.writeProperties({
-        activeFilterBadges: h(c({}, s), { initial: !!n })
-      }));
+      });
     }
-  ), e.actions.create("quick-filter:remove", ({ types: i }) => {
-    const { activeFilterBadges: t } = e.properties();
-    e.writeProperties({
-      activeFilterBadges: h(c({}, 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
-      })
-    });
-  }), 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: t }) => (e.writeProperties({
+  })), t.actions.create("quick-filter:open", ({ symbol: e, type: s }) => (t.writeProperties({
     quickFilter: {
-      type: t,
-      symbol: i,
+      type: s,
+      symbol: e,
       items: [],
       loading: !0,
       open: !0
     }
-  }), y().then(({ tag: r, guideCategory: n, phrase: u }) => {
-    if (t === "guideCategory")
-      return m({
+  }), h().then(({ tag: r, guideCategory: o, phrase: c }) => {
+    if (s === "guideCategory")
+      return p({
         tagId: r,
-        searchPhrase: u
-      }).then((g) => {
-        const s = p(g);
-        e.writeProperties({
+        searchPhrase: c
+      }).then((n) => {
+        const g = v(n);
+        t.writeProperties({
           quickFilter: {
-            items: v(s),
+            items: w(g),
             loading: !1
           }
         });
       });
-    if (t === "tag")
-      return k({
-        categories: n,
-        searchPhrase: u
-      }).then((g) => {
-        const s = p(g);
-        e.writeProperties({
+    if (s === "tag")
+      return u({
+        categories: o,
+        searchPhrase: c
+      }).then((n) => {
+        const g = v(n);
+        t.writeProperties({
           quickFilter: {
-            items: v(s),
+            items: w(g),
             loading: !1
           }
         });
       });
   })));
-  const m = (i) => T.getInstance(a).then((t) => t.fetch(R.GuideCategories, i)).then((t) => t.categories || []), k = (i) => T.getInstance(a).then((t) => t.fetch(R.TagsOnGuides, i)).then((t = []) => t);
-  return y().then((i) => {
-    C(i);
-  }), f("router:changed", (i, { current: t }) => {
+  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: 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: u }) => {
-      const { tags: g = [] } = t.response, s = g.find((d) => d.id === u) || null;
-      e.writeProperties({ filters: { tag: s } });
+    } = 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 } });
     });
   }), () => {
-    P();
+    y();
   };
-}), N = U;
+}), W = J;
 export {
-  N as default
+  W 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 {\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    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 | null;\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;\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            if (\n                activeFilterBadges?.guideCategory?.id !== params.guideCategory ||\n                activeFilterBadges?.tag?.id !== params.tag\n            ) {\n                component.actions.dispatch('quick-filter:add', {\n                    tag: params.tag,\n                    category: params.guideCategory,\n                    initial: true,\n                });\n            }\n        };\n\n        component.actions.create('search', (data) => {\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 || filtersChanged) {\n                        searchParams.tag = filters.tag?.id || undefined;\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            (data: { category?: string; tag?: string; initial?: boolean }) => {\n                const { category, tag, initial } = data;\n                const { activeFilterBadges: previous } =\n                    component.properties<SearchComponentProps>();\n\n                const activeFilterBadges: ActiveFilterBadges = previous || {\n                    initial,\n                    guideCategory: null,\n                    tag: null,\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 (tag) {\n                            return fetchTags({}).then((tags) => {\n                                return {\n                                    ...next,\n                                    tag: tags.find((t) => t.id === tag) || null,\n                                };\n                            });\n                        }\n                        return {\n                            ...next,\n                            tag: null,\n                        };\n                    })\n                    .then((next) => {\n                        return component.writeProperties({\n                            activeFilterBadges: { ...next, initial: !!initial },\n                        });\n                    });\n            }\n        );\n\n        component.actions.create('quick-filter:remove', ({ types }: { types: 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: types.indexOf('tag') > -1 ? null : activeFilterBadges?.tag,\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","_b","data","value","filtersChanged","route","patchParams","router","searchParams","__spreadValues","createParams","options","name","getRouterParams","category","tag","initial","previous","fetchCategories","categoryItem","findCategoryById","__spreadProps","next","fetchTags","tags","t","types","symbol","type","guideCategory","phrase","DataClient","dataClient","DataType","categoriesResult","_","current","event","filterBadges","showTag","tagId","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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"}

package/dist/search-component.d.ts

@@ -9,6 +9,7 @@ export type SearchComponentProps = {
     searchButtonLabel: string;
     clearButtonLabel: string;
     ariaLabel?: string;
+    noMatchesLabel?: string;
     placeholder: string;
     autoFocus: boolean;
     incremental?: boolean | number;
@@ -28,7 +29,7 @@ export type Filter = {
 };
 export type ActiveFilterBadges = {
     guideCategory?: Category | null;
-    tag?: Tag | null;
+    tag: Tag[];
     tooltip?: string | null;
     initial?: boolean;
 };