@telia-ace/knowledge-widget-components-contact-list 1.0.15 → 1.0.18

package/dist/contact-list.c6d26333.js

@@ -0,0 +1,172 @@
+var q = Object.defineProperty, J = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
+var $ = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var U = (t, e, a) => e in t ? q(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, g = (t, e) => {
+  for (var a in e || (e = {}))
+    v.call(e, a) && U(t, a, e[a]);
+  if ($)
+    for (var a of $(e))
+      w.call(e, a) && U(t, a, e[a]);
+  return t;
+}, p = (t, e) => J(t, K(e));
+var B = (t, e) => {
+  var a = {};
+  for (var n in t)
+    v.call(t, n) && e.indexOf(n) < 0 && (a[n] = t[n]);
+  if (t != null && $)
+    for (var n of $(t))
+      e.indexOf(n) < 0 && w.call(t, n) && (a[n] = t[n]);
+  return a;
+};
+import { ContactList as Q, contactItemList as V, contactLink as W } from "@telia-ace/knowledge-widget-adapters";
+import { GuideList as X, contentBox as A, loadingOpacity as M, useRouteData as z, useComponentDescriptor as Y, useContainer as F, useChildren as Z, useDispatch as H, AccordionListItem as _, createEmptyComponent as O, Loader as G, ItemList as tt, Link as et, borderTabStyle as nt, useProperties as at, SymbolBadge as ot, StyledText as ct } from "@telia-ace/knowledge-widget-ui";
+import { formatUrl as T, appendClassNames as b, createParams as j, findCategoryById as rt } from "@telia-ace/widget-utilities";
+import o, { useCallback as it } from "react";
+import I from "styled-components";
+import { Component as st } from "@telia-ace/knowledge-widget-types-grid";
+const mt = (P) => {
+  var s = P, {
+    className: t,
+    guides: e,
+    header: a,
+    accordion: n,
+    loading: l,
+    route: k = "guide",
+    categoryTitle: y
+  } = s, f = B(s, [
+    "className",
+    "guides",
+    "header",
+    "accordion",
+    "loading",
+    "route",
+    "categoryTitle"
+  ]);
+  const {
+    name: d,
+    params: { contactCategory: S = 0, guide: C }
+  } = z(), { name: r } = Y(), x = F(), h = Z(), N = H(), D = it((c, i, E, m) => {
+    const { id: u, title: L } = c;
+    return n && C === u ? /* @__PURE__ */ o.createElement(_, {
+      key: u,
+      id: u,
+      title: L,
+      route: d,
+      collapseUri: y && T(y)
+    }, h.map((R) => /* @__PURE__ */ o.createElement(st, {
+      key: R.id,
+      id: R.id,
+      branch: "default",
+      accordion: n
+    }))) : m ? m(c, i, E, m) : null;
+  }, [n, h, C]);
+  return !e.length && !l ? O(x, p(g({}, f), {
+    className: b(t, "humany-deflection-list")
+  })) : /* @__PURE__ */ o.createElement(lt, p(g({}, f), {
+    "data-loading": l,
+    className: b(t, "humany-deflection-list"),
+    items: e,
+    header: a,
+    expandable: !!n,
+    renderItem: D,
+    dispatch: N,
+    routing: {
+      guide: k
+    },
+    paramMappers: {
+      guide: ({ id: c, title: i }) => j({
+        contactCategory: S,
+        guide: c,
+        accordion: n ? r : void 0,
+        uriName: T(i)
+      })
+    }
+  }), /* @__PURE__ */ o.createElement(G, {
+    loading: l
+  }));
+}, lt = I(X)`
+    ${A}
+    ${M}
+`, dt = I(Q)`
+    ${M}
+    ${A}
+`, ut = I(tt)`
+    ${M}
+    ${A}
+  ${V}
+
+  && {
+        i {
+            font-size: 25px;
+            width: 1.28571429em;
+            text-align: center;
+        }
+    }
+`, gt = I(et)`
+    &:focus {
+        ${(t) => {
+  var e;
+  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && nt;
+}};
+    }
+
+    ${W}
+`, $t = (a) => {
+  var n = a, { className: t } = n, e = B(n, ["className"]);
+  const l = H(), k = F(), y = z(), {
+    deflectionHeader: f = "",
+    routes: P = {},
+    contactMethods: s = [],
+    categories: d = [],
+    guides: S = [],
+    deflectionAccordion: C = !1,
+    loading: r = !1
+  } = at(), { contactCategory: x, guide: h = "guide" } = P;
+  if (!d.length && !s.length && !r)
+    return O(k, p(g({}, e), {
+      className: b(t, "humany-contact-category-list")
+    }));
+  const {
+    name: N,
+    params: { contactCategory: D }
+  } = y, c = rt(D, d);
+  return s.length ? /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(mt, {
+    className: t,
+    guides: S,
+    categoryTitle: c && c.title,
+    header: f,
+    route: h,
+    accordion: C,
+    loading: r
+  }), /* @__PURE__ */ o.createElement(dt, {
+    "data-loading": r,
+    className: t,
+    contactMethods: s,
+    dispatch: l
+  }, /* @__PURE__ */ o.createElement(G, {
+    loading: r
+  }))) : /* @__PURE__ */ o.createElement(ut, p(g({}, e), {
+    "data-loading": r,
+    className: b(t, "humany-contact-category-list"),
+    items: c && c.items || d,
+    renderItem: ({ id: i, title: E, symbol: m, matches: u, items: L }) => !!u || L && !!L.length ? /* @__PURE__ */ o.createElement("li", {
+      key: i,
+      "data-contact-category": i
+    }, /* @__PURE__ */ o.createElement(gt, {
+      routeName: x || N,
+      params: j({
+        contactCategory: i,
+        uriName: T(E)
+      })
+    }, m && /* @__PURE__ */ o.createElement(ot, {
+      symbol: m
+    }), /* @__PURE__ */ o.createElement(ct, null, E))) : null
+  }), /* @__PURE__ */ o.createElement(G, {
+    loading: r
+  }));
+};
+export {
+  $t as default
+};
+//# sourceMappingURL=contact-list.c6d26333.js.map

package/dist/contact-list.c6d26333.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-list.c6d26333.js","sources":["../src/deflection-list.tsx","../src/contact-list.tsx"],"sourcesContent":["import { Guide } from '@telia-ace/knowledge-widget-core';\r\nimport { Component } from '@telia-ace/knowledge-widget-types-grid';\r\nimport {\r\n    AccordionListItem,\r\n    contentBox,\r\n    createEmptyComponent,\r\n    GuideList,\r\n    ItemRenderer,\r\n    Loader,\r\n    loadingOpacity,\r\n    useChildren,\r\n    useComponentDescriptor,\r\n    useContainer,\r\n    useDispatch,\r\n    useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\r\nimport React, { useCallback } from 'react';\r\nimport styled from 'styled-components';\r\n\r\ntype Props = {\r\n    className: string;\r\n    guides: Guide[];\r\n    header: string;\r\n    accordion?: boolean;\r\n    route?: string;\r\n    loading: boolean;\r\n    categoryTitle?: string;\r\n};\r\n\r\nconst DeflectionList: React.SFC<Props> = ({\r\n    className,\r\n    guides,\r\n    header,\r\n    accordion,\r\n    loading,\r\n    route = 'guide',\r\n    categoryTitle,\r\n    ...other\r\n}) => {\r\n    const {\r\n        name: routeName,\r\n        params: { contactCategory = 0, guide: currentGuideId },\r\n    } = useRouteData();\r\n    const { name: componentName } = useComponentDescriptor();\r\n    const container = useContainer();\r\n    const children = useChildren();\r\n    const dispatch = useDispatch();\r\n\r\n    const renderItem: ItemRenderer = useCallback(\r\n        (guide, index, items, defaultRenderer) => {\r\n            const { id, title } = guide;\r\n            if (accordion && currentGuideId === id) {\r\n                return (\r\n                    <AccordionListItem\r\n                        key={id}\r\n                        id={id}\r\n                        title={title}\r\n                        route={routeName}\r\n                        collapseUri={categoryTitle && formatUrl(categoryTitle)}\r\n                    >\r\n                        {children.map((child) => (\r\n                            <Component\r\n                                key={child.id}\r\n                                id={child.id}\r\n                                branch=\"default\"\r\n                                {...{ accordion }}\r\n                            />\r\n                        ))}\r\n                    </AccordionListItem>\r\n                );\r\n            }\r\n\r\n            return defaultRenderer ? defaultRenderer(guide, index, items, defaultRenderer) : null;\r\n        },\r\n        [accordion, children, currentGuideId]\r\n    );\r\n\r\n    if (!guides.length && !loading) {\r\n        return createEmptyComponent(container, {\r\n            ...other,\r\n            className: appendClassNames(className, 'humany-deflection-list'),\r\n        });\r\n    }\r\n\r\n    return (\r\n        <StyledGuideList\r\n            {...other}\r\n            data-loading={loading}\r\n            className={appendClassNames(className, 'humany-deflection-list')}\r\n            items={guides}\r\n            header={header}\r\n            expandable={!!accordion}\r\n            renderItem={renderItem}\r\n            dispatch={dispatch}\r\n            routing={{\r\n                guide: route,\r\n            }}\r\n            paramMappers={{\r\n                guide: ({ id, title }: Guide) =>\r\n                    createParams({\r\n                        contactCategory,\r\n                        guide: id,\r\n                        accordion: accordion ? componentName : undefined,\r\n                        uriName: formatUrl(title),\r\n                    }),\r\n            }}\r\n        >\r\n            <Loader loading={loading} />\r\n        </StyledGuideList>\r\n    );\r\n};\r\n\r\nconst StyledGuideList = styled(GuideList)<{ 'data-loading': boolean } & any>`\r\n    ${contentBox}\r\n    ${loadingOpacity}\r\n`;\r\n\r\nexport default DeflectionList;\r\n","import {\r\n    contactItemList,\r\n    contactLink,\r\n    ContactList as ContactListUi,\r\n} from '@telia-ace/knowledge-widget-adapters';\r\nimport { Category } from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n    borderTabStyle,\r\n    contentBox,\r\n    createEmptyComponent,\r\n    ItemList,\r\n    Link,\r\n    Loader,\r\n    loadingOpacity,\r\n    StyledText,\r\n    SymbolBadge,\r\n    useContainer,\r\n    useDispatch,\r\n    useProperties,\r\n    useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport {\r\n    appendClassNames,\r\n    createParams,\r\n    findCategoryById,\r\n    formatUrl,\r\n} from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ContactListComponentProps } from './contact-list-component';\r\nimport DeflectionList from './deflection-list';\r\n\r\nconst StyledContactList = styled(ContactListUi)<any>`\r\n    ${loadingOpacity}\r\n    ${contentBox}\r\n`;\r\n\r\nconst StyledItemList = styled(ItemList)<any>`\r\n    ${loadingOpacity}\r\n    ${contentBox}\r\n  ${contactItemList}\r\n\r\n  && {\r\n        i {\r\n            font-size: 25px;\r\n            width: 1.28571429em;\r\n            text-align: center;\r\n        }\r\n    }\r\n`;\r\n\r\nconst StyledLink = styled(Link)<any>`\r\n    &:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n\r\n    ${contactLink}\r\n`;\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst ContactList: React.SFC<Props> = ({ className, ...other }) => {\r\n    const dispatch = useDispatch();\r\n    const container = useContainer();\r\n    const routeData = useRouteData();\r\n    const {\r\n        deflectionHeader = '',\r\n        routes = {},\r\n        contactMethods = [],\r\n        categories = [],\r\n        guides = [],\r\n        deflectionAccordion = false,\r\n        loading = false,\r\n    } = useProperties<ContactListComponentProps>();\r\n\r\n    const { contactCategory: contactCategoryRoute, guide: guideRoute = 'guide' } = routes;\r\n\r\n    if (!categories.length && !contactMethods.length && !loading) {\r\n        return createEmptyComponent(container, {\r\n            ...other,\r\n            className: appendClassNames(className, 'humany-contact-category-list'),\r\n        });\r\n    }\r\n\r\n    const {\r\n        name,\r\n        params: { contactCategory },\r\n    } = routeData;\r\n\r\n    const selectedCategory: Category = findCategoryById(contactCategory, categories);\r\n\r\n    return !contactMethods.length ? (\r\n        <StyledItemList\r\n            {...other}\r\n            data-loading={loading}\r\n            className={appendClassNames(className, 'humany-contact-category-list')}\r\n            items={(selectedCategory && selectedCategory.items) || categories}\r\n            renderItem={({ id, title, symbol, matches, items }: Category) =>\r\n                !!matches || (items && !!items.length) ? (\r\n                    <li key={id} data-contact-category={id}>\r\n                        <StyledLink\r\n                            routeName={contactCategoryRoute || name}\r\n                            params={createParams({\r\n                                contactCategory: id,\r\n                                uriName: formatUrl(title),\r\n                            })}\r\n                        >\r\n                            {symbol && <SymbolBadge symbol={symbol} />}\r\n                            <StyledText>{title}</StyledText>\r\n                        </StyledLink>\r\n                    </li>\r\n                ) : null\r\n            }\r\n        >\r\n            <Loader loading={loading} />\r\n        </StyledItemList>\r\n    ) : (\r\n        <>\r\n            <DeflectionList\r\n                className={className}\r\n                guides={guides}\r\n                categoryTitle={selectedCategory && selectedCategory.title}\r\n                header={deflectionHeader}\r\n                route={guideRoute}\r\n                accordion={deflectionAccordion}\r\n                loading={loading}\r\n            />\r\n            <StyledContactList\r\n                data-loading={loading}\r\n                className={className}\r\n                contactMethods={contactMethods}\r\n                dispatch={dispatch}\r\n            >\r\n                <Loader loading={loading} />\r\n            </StyledContactList>\r\n        </>\r\n    );\r\n};\r\n\r\nexport default ContactList;\r\n"],"names":["ContactListUi"],"mappings":"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"}

package/dist/index.js

@@ -1,101 +1,69 @@
-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]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { updateForm, useForm, useExpand, fetchAccordionGuideIfMissing } from "@telia-ace/knowledge-widget-component-utilities";
-import { createEventSubscriber, extendComponent } from "@telia-ace/knowledge-widget-core";
-import { DataType } from "@telia-ace/knowledge-widget-types-grid";
-import { createReactComponent } from "@telia-ace/knowledge-widget-ui";
-const ContactListComponent = (container) => {
-  const { events } = container.get("$widget");
-  const [subscribe, unsubscribe] = createEventSubscriber(events);
-  return createReactComponent(container, "contact-list", import("./contact-list.js"), (component) => {
-    const fetch = (params) => {
-      component.writeProperties({ loading: true, contactMethods: [], categories: [] });
-      component.actions.dispatch("fetch", { params });
+var k = Object.defineProperty, x = Object.defineProperties;
+var E = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
+var w = (t, e, c) => e in t ? k(t, e, { enumerable: !0, configurable: !0, writable: !0, value: c }) : t[e] = c, u = (t, e) => {
+  for (var c in e || (e = {}))
+    F.call(e, c) && w(t, c, e[c]);
+  if (P)
+    for (var c of P(e))
+      G.call(e, c) && w(t, c, e[c]);
+  return t;
+}, d = (t, e) => x(t, E(e));
+import { updateForm as I, useForm as L, useExpand as R, fetchAccordionGuideIfMissing as j } from "@telia-ace/knowledge-widget-component-utilities";
+import { createEventSubscriber as z, extendComponent as B } from "@telia-ace/knowledge-widget-core";
+import { DataType as M } from "@telia-ace/knowledge-widget-types-grid";
+import { createReactComponent as K } from "@telia-ace/knowledge-widget-ui";
+const J = (t) => {
+  const { events: e } = t.get("$widget"), [c, A] = z(e);
+  return K(t, "contact-list", import("./contact-list.c6d26333.js"), (r) => {
+    const a = (s) => {
+      r.writeProperties({ loading: !0, contactMethods: [], categories: [] }), r.actions.dispatch("fetch", { params: s });
     };
-    component.actions.create("fetch", (data) => {
-      const { submitButtonLabel = "Submit" } = component.properties();
-      const contactMethods = (data.contactMethods || []).map((cm) => __spreadProps(__spreadValues({}, cm), {
-        body: updateForm(cm, { submit: submitButtonLabel })
+    r.actions.create("fetch", (s) => {
+      const { submitButtonLabel: o = "Submit" } = r.properties(), h = (s.contactMethods || []).map((i) => d(u({}, i), {
+        body: I(i, { submit: o })
       }));
-      return component.actions.dispatch("fetched", __spreadProps(__spreadValues({}, data), {
-        contactMethods,
-        loading: true
+      return r.actions.dispatch("fetched", d(u({}, s), {
+        contactMethods: h,
+        loading: !0
       }));
-    });
-    component.actions.create("fetched", (input) => {
-      return component.writeProperties(__spreadProps(__spreadValues({}, input), {
-        guides: input.guides || [],
-        loading: false
+    }), r.actions.create("fetched", (s) => r.writeProperties(d(u({}, s), {
+      guides: s.guides || [],
+      loading: !1
+    }))), t.getAsync("router").then((s) => {
+      const { params: o } = s.getRouteData();
+      a(o);
+    }), c("router:changed", (s, { current: o }) => {
+      a(o.routeData.params);
+    }), L(t, r), R(r);
+  }).then(() => B(t, "contact-list", (r) => {
+    r.actions.watch("contact-list.fetch", (a, s) => {
+      const {
+        deflection: o = {},
+        deflectionPageSize: h = 5,
+        deflectionAccordion: i
+      } = r.properties(), { params: v = {} } = a, {
+        contactCategory: g,
+        guide: l,
+        accordion: D
+      } = v;
+      return t.getAsync("dataClient").then((f) => f.fetch(M.ContactMethodCategories, {
+        contactMethodCategoryId: g
+      }).then(({ contactMethods: m, categories: p }) => {
+        var C;
+        const b = Object.keys(o), y = b.length === 1 && !g ? b[0] : g;
+        return (C = o[y]) != null && C.length ? f.fetch(M.Guides, {
+          categories: o[y],
+          take: h
+        }).then((n) => i && l && D === r.node.name ? j(n, f, { guide: l }) : new Promise((S) => S(n))).then(({ guides: n }) => s({ guides: n, contactMethods: m, categories: p })) : s({ contactMethods: m, categories: p });
       }));
     });
-    container.getAsync("router").then((router) => {
-      const { params } = router.getRouteData();
-      fetch(params);
-    });
-    subscribe("router:changed", (event, { current }) => {
-      fetch(current.routeData.params);
-    });
-    useForm(container, component);
-    useExpand(component);
-  }).then(() => {
-    return extendComponent(container, "contact-list", (component) => {
-      component.actions.watch("contact-list.fetch", (input, next) => {
-        const {
-          deflection = {},
-          deflectionPageSize = 5,
-          deflectionAccordion
-        } = component.properties();
-        const { params = {} } = input;
-        const {
-          contactCategory,
-          guide: guideParam,
-          accordion: accordionParam
-        } = params;
-        return container.getAsync("dataClient").then((dataClient) => {
-          return dataClient.fetch(DataType.ContactMethodCategories, {
-            contactMethodCategoryId: contactCategory
-          }).then(({ contactMethods, categories }) => {
-            var _a;
-            const deflectionKeys = Object.keys(deflection);
-            const currentCategory = deflectionKeys.length === 1 && !contactCategory ? deflectionKeys[0] : contactCategory;
-            if ((_a = deflection[currentCategory]) == null ? void 0 : _a.length) {
-              return dataClient.fetch(DataType.Guides, {
-                categories: deflection[currentCategory],
-                take: deflectionPageSize
-              }).then((data) => {
-                if (deflectionAccordion && guideParam && accordionParam === component.node.name) {
-                  return fetchAccordionGuideIfMissing(data, dataClient, { guide: guideParam });
-                }
-                return new Promise((resolve) => resolve(data));
-              }).then(({ guides }) => {
-                return next({ guides, contactMethods, categories });
-              });
-            }
-            return next({ contactMethods, categories });
-          });
-        });
-      });
-    });
-  }).then(() => {
-    unsubscribe();
+  })).then(() => {
+    A();
   });
 };
-export { ContactListComponent as default };
+export {
+  J as default
+};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/contact-list-component.ts"],"sourcesContent":["import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';\r\nimport {\r\n    fetchAccordionGuideIfMissing,\r\n    updateForm,\r\n    useExpand,\r\n    useForm,\r\n} from '@telia-ace/knowledge-widget-component-utilities';\r\nimport {\r\n    Category,\r\n    createEventSubscriber,\r\n    extendComponent,\r\n    Guide,\r\n} from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n    ContactsResult,\r\n    DataClient,\r\n    DataType,\r\n    MatchResult,\r\n} from '@telia-ace/knowledge-widget-types-grid';\r\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\r\nimport { FormComponentInstanceProperties } from '@telia-ace/widget-forms';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type ContactListComponentProps = {\r\n    deflectionHeader?: string;\r\n    deflection?: { [contactCategoryId: string]: string[] };\r\n    deflectionPageSize?: number;\r\n    routes?: {\r\n        contactCategory?: string;\r\n        guide?: string;\r\n    };\r\n    categories?: Category[]; // internal\r\n    contactMethods?: ContactMethodType[]; // internal\r\n    guides?: Guide[]; // internal\r\n    deflectionAccordion?: boolean;\r\n} & FormComponentInstanceProperties;\r\n\r\nexport const ContactListComponent = (container: Container) => {\r\n    const { events } = container.get('$widget');\r\n    const [subscribe, unsubscribe] = createEventSubscriber(events);\r\n\r\n    return createReactComponent(\r\n        container,\r\n        'contact-list',\r\n        import('./contact-list'),\r\n        (component) => {\r\n            const fetch = (params: { [key: string]: any }) => {\r\n                component.writeProperties({ loading: true, contactMethods: [], categories: [] });\r\n                component.actions.dispatch('fetch', { params });\r\n            };\r\n\r\n            component.actions.create('fetch', (data) => {\r\n                const { submitButtonLabel = 'Submit' } =\r\n                    component.properties<ContactListComponentProps>();\r\n\r\n                const contactMethods = (data.contactMethods || []).map((cm: ContactMethodType) => ({\r\n                    ...cm,\r\n                    body: updateForm(cm, { submit: submitButtonLabel }),\r\n                }));\r\n\r\n                return component.actions.dispatch('fetched', {\r\n                    ...data,\r\n                    contactMethods,\r\n                    loading: true,\r\n                });\r\n            });\r\n\r\n            component.actions.create('fetched', (input) => {\r\n                return component.writeProperties({\r\n                    ...input,\r\n                    guides: input.guides || [],\r\n                    loading: false,\r\n                });\r\n            });\r\n\r\n            container.getAsync('router').then((router) => {\r\n                const { params } = router.getRouteData();\r\n                fetch(params);\r\n            });\r\n\r\n            subscribe('router:changed', (event: any, { current }: any) => {\r\n                fetch(current.routeData.params);\r\n            });\r\n\r\n            useForm(container, component);\r\n            useExpand(component);\r\n        }\r\n    )\r\n        .then(() => {\r\n            return extendComponent(container, 'contact-list', (component) => {\r\n                component.actions.watch('contact-list.fetch', (input, next) => {\r\n                    const {\r\n                        deflection = {},\r\n                        deflectionPageSize = 5,\r\n                        deflectionAccordion,\r\n                    } = component.properties<ContactListComponentProps>();\r\n                    const { params = {} } = input;\r\n                    const {\r\n                        contactCategory,\r\n                        guide: guideParam,\r\n                        accordion: accordionParam,\r\n                    } = params;\r\n                    return container.getAsync('dataClient').then((dataClient: DataClient) => {\r\n                        return dataClient\r\n                            .fetch(DataType.ContactMethodCategories, {\r\n                                contactMethodCategoryId: contactCategory,\r\n                            })\r\n                            .then(({ contactMethods, categories }: ContactsResult) => {\r\n                                const deflectionKeys = Object.keys(deflection);\r\n                                const currentCategory =\r\n                                    deflectionKeys.length === 1 && !contactCategory\r\n                                        ? deflectionKeys[0]\r\n                                        : contactCategory;\r\n\r\n                                if (deflection[currentCategory]?.length) {\r\n                                    return dataClient\r\n                                        .fetch(DataType.Guides, {\r\n                                            categories: deflection[currentCategory],\r\n                                            take: deflectionPageSize,\r\n                                        })\r\n                                        .then((data: MatchResult) => {\r\n                                            if (\r\n                                                deflectionAccordion &&\r\n                                                guideParam &&\r\n                                                accordionParam === component.node.name\r\n                                            ) {\r\n                                                return fetchAccordionGuideIfMissing(\r\n                                                    data,\r\n                                                    dataClient,\r\n                                                    { guide: guideParam }\r\n                                                );\r\n                                            }\r\n                                            return new Promise<MatchResult>((resolve) =>\r\n                                                resolve(data)\r\n                                            );\r\n                                        })\r\n                                        .then(({ guides }: MatchResult) => {\r\n                                            return next({ guides, contactMethods, categories });\r\n                                        });\r\n                                }\r\n\r\n                                return next({ contactMethods, categories });\r\n                            });\r\n                    });\r\n                });\r\n            });\r\n        })\r\n        .then(() => {\r\n            unsubscribe();\r\n        });\r\n};\r\n\r\nexport default ContactListComponent;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/contact-list-component.ts"],"sourcesContent":["import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';\r\nimport {\r\n    fetchAccordionGuideIfMissing,\r\n    updateForm,\r\n    useExpand,\r\n    useForm,\r\n} from '@telia-ace/knowledge-widget-component-utilities';\r\nimport {\r\n    Category,\r\n    createEventSubscriber,\r\n    extendComponent,\r\n    Guide,\r\n} from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n    ContactsResult,\r\n    DataClient,\r\n    DataType,\r\n    MatchResult,\r\n} from '@telia-ace/knowledge-widget-types-grid';\r\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\r\nimport { FormComponentInstanceProperties } from '@telia-ace/widget-forms';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type ContactListComponentProps = {\r\n    deflectionHeader?: string;\r\n    deflection?: { [contactCategoryId: string]: string[] };\r\n    deflectionPageSize?: number;\r\n    routes?: {\r\n        contactCategory?: string;\r\n        guide?: string;\r\n    };\r\n    categories?: Category[]; // internal\r\n    contactMethods?: ContactMethodType[]; // internal\r\n    guides?: Guide[]; // internal\r\n    deflectionAccordion?: boolean;\r\n} & FormComponentInstanceProperties;\r\n\r\nexport const ContactListComponent = (container: Container) => {\r\n    const { events } = container.get('$widget');\r\n    const [subscribe, unsubscribe] = createEventSubscriber(events);\r\n\r\n    return createReactComponent(\r\n        container,\r\n        'contact-list',\r\n        import('./contact-list'),\r\n        (component) => {\r\n            const fetch = (params: { [key: string]: any }) => {\r\n                component.writeProperties({ loading: true, contactMethods: [], categories: [] });\r\n                component.actions.dispatch('fetch', { params });\r\n            };\r\n\r\n            component.actions.create('fetch', (data) => {\r\n                const { submitButtonLabel = 'Submit' } =\r\n                    component.properties<ContactListComponentProps>();\r\n\r\n                const contactMethods = (data.contactMethods || []).map((cm: ContactMethodType) => ({\r\n                    ...cm,\r\n                    body: updateForm(cm, { submit: submitButtonLabel }),\r\n                }));\r\n\r\n                return component.actions.dispatch('fetched', {\r\n                    ...data,\r\n                    contactMethods,\r\n                    loading: true,\r\n                });\r\n            });\r\n\r\n            component.actions.create('fetched', (input) => {\r\n                return component.writeProperties({\r\n                    ...input,\r\n                    guides: input.guides || [],\r\n                    loading: false,\r\n                });\r\n            });\r\n\r\n            container.getAsync('router').then((router) => {\r\n                const { params } = router.getRouteData();\r\n                fetch(params);\r\n            });\r\n\r\n            subscribe('router:changed', (event: any, { current }: any) => {\r\n                fetch(current.routeData.params);\r\n            });\r\n\r\n            useForm(container, component);\r\n            useExpand(component);\r\n        }\r\n    )\r\n        .then(() => {\r\n            return extendComponent(container, 'contact-list', (component) => {\r\n                component.actions.watch('contact-list.fetch', (input, next) => {\r\n                    const {\r\n                        deflection = {},\r\n                        deflectionPageSize = 5,\r\n                        deflectionAccordion,\r\n                    } = component.properties<ContactListComponentProps>();\r\n                    const { params = {} } = input;\r\n                    const {\r\n                        contactCategory,\r\n                        guide: guideParam,\r\n                        accordion: accordionParam,\r\n                    } = params;\r\n                    return container.getAsync('dataClient').then((dataClient: DataClient) => {\r\n                        return dataClient\r\n                            .fetch(DataType.ContactMethodCategories, {\r\n                                contactMethodCategoryId: contactCategory,\r\n                            })\r\n                            .then(({ contactMethods, categories }: ContactsResult) => {\r\n                                const deflectionKeys = Object.keys(deflection);\r\n                                const currentCategory =\r\n                                    deflectionKeys.length === 1 && !contactCategory\r\n                                        ? deflectionKeys[0]\r\n                                        : contactCategory;\r\n\r\n                                if (deflection[currentCategory]?.length) {\r\n                                    return dataClient\r\n                                        .fetch(DataType.Guides, {\r\n                                            categories: deflection[currentCategory],\r\n                                            take: deflectionPageSize,\r\n                                        })\r\n                                        .then((data: MatchResult) => {\r\n                                            if (\r\n                                                deflectionAccordion &&\r\n                                                guideParam &&\r\n                                                accordionParam === component.node.name\r\n                                            ) {\r\n                                                return fetchAccordionGuideIfMissing(\r\n                                                    data,\r\n                                                    dataClient,\r\n                                                    { guide: guideParam }\r\n                                                );\r\n                                            }\r\n                                            return new Promise<MatchResult>((resolve) =>\r\n                                                resolve(data)\r\n                                            );\r\n                                        })\r\n                                        .then(({ guides }: MatchResult) => {\r\n                                            return next({ guides, contactMethods, categories });\r\n                                        });\r\n                                }\r\n\r\n                                return next({ contactMethods, categories });\r\n                            });\r\n                    });\r\n                });\r\n            });\r\n        })\r\n        .then(() => {\r\n            unsubscribe();\r\n        });\r\n};\r\n\r\nexport default ContactListComponent;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqCa,MAAA,IAAuB,CAAC,MAAyB;AAC1D,QAAM,EAAE,cAAW,EAAU,IAAI,SAAS,GACpC,CAAC,GAAW,KAAe,EAAsB,CAAM;AAE7D,SAAO,EACH,GACA,gBACA,OAAO,+BACP,CAAC,MAAc;AACL,UAAA,IAAQ,CAAC,MAAmC;AACpC,QAAA,gBAAgB,EAAE,SAAS,IAAM,gBAAgB,IAAI,YAAY,CAAC,EAAA,CAAG,GAC/E,EAAU,QAAQ,SAAS,SAAS,EAAE,UAAQ,CAAA;AAAA,IAAA;AAGlD,MAAU,QAAQ,OAAO,SAAS,CAAC,MAAS;AACxC,YAAM,EAAE,uBAAoB,aACxB,EAAU,WAAsC,GAE9C,IAAuB,GAAA,kBAAkB,CAAA,GAAI,IAAI,CAAC,MAA2B,QAC5E,IAD4E;AAAA,QAE/E,MAAM,EAAW,GAAI,EAAE,QAAQ,GAAmB;AAAA,MACpD,EAAA;AAEK,aAAA,EAAU,QAAQ,SAAS,WAAW,QACtC,IADsC;AAAA,QAEzC;AAAA,QACA,SAAS;AAAA,MAAA,EACZ;AAAA,IAAA,CACJ,GAED,EAAU,QAAQ,OAAO,WAAW,CAAC,MAC1B,EAAU,gBAAgB,QAC1B,IAD0B;AAAA,MAE7B,QAAQ,EAAM,UAAU,CAAC;AAAA,MACzB,SAAS;AAAA,IAAA,EACZ,CACJ,GAED,EAAU,SAAS,QAAQ,EAAE,KAAK,CAAC,MAAW;AACpC,YAAA,EAAE,cAAW,EAAO,aAAa;AACvC,QAAM,CAAM;AAAA,IAAA,CACf,GAED,EAAU,kBAAkB,CAAC,GAAY,EAAE,iBAAmB;AACpD,QAAA,EAAQ,UAAU,MAAM;AAAA,IAAA,CACjC,GAED,EAAQ,GAAW,CAAS,GAC5B,EAAU,CAAS;AAAA,EAAA,CAE3B,EACK,KAAK,MACK,EAAgB,GAAW,gBAAgB,CAAC,MAAc;AAC7D,MAAU,QAAQ,MAAM,sBAAsB,CAAC,GAAO,MAAS;AACrD,YAAA;AAAA,QACF,gBAAa,CAAC;AAAA,QACd,wBAAqB;AAAA,QACrB;AAAA,UACA,EAAU,cACR,EAAE,YAAS,OAAO,GAClB;AAAA,QACF;AAAA,QACA,OAAO;AAAA,QACP,WAAW;AAAA,UACX;AACJ,aAAO,EAAU,SAAS,YAAY,EAAE,KAAK,CAAC,MACnC,EACF,MAAM,EAAS,yBAAyB;AAAA,QACrC,yBAAyB;AAAA,MAC5B,CAAA,EACA,KAAK,CAAC,EAAE,mBAAgB,oBAAiC;;AAChD,cAAA,IAAiB,OAAO,KAAK,CAAU,GACvC,IACF,EAAe,WAAW,KAAK,CAAC,IAC1B,EAAe,KACf;AAEN,eAAA,OAAW,OAAX,UAA6B,SACtB,EACF,MAAM,EAAS,QAAQ;AAAA,UACpB,YAAY,EAAW;AAAA,UACvB,MAAM;AAAA,QAAA,CACT,EACA,KAAK,CAAC,MAEC,KACA,KACA,MAAmB,EAAU,KAAK,OAE3B,EACH,GACA,GACA,EAAE,OAAO,GACb,IAEG,IAAI,QAAqB,CAAC,MAC7B,EAAQ,CAAI,CAChB,CACH,EACA,KAAK,CAAC,EAAE,gBACE,EAAK,EAAE,WAAQ,mBAAgB,cAAY,CAAA,CACrD,IAGF,EAAK,EAAE,mBAAgB,cAAY,CAAA;AAAA,MAAA,CAC7C,CACR;AAAA,IAAA,CACJ;AAAA,EAAA,CACJ,CACJ,EACA,KAAK,MAAM;AACI;EAAA,CACf;AACT;"}

package/package.json

@@ -1,13 +1,17 @@
 {
     "name": "@telia-ace/knowledge-widget-components-contact-list",
-    "version": "1.0.15",
+    "version": "1.0.18",
     "description": "Contact list component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "module": "dist/index.js",
+    "exports": {
+        "development": "./src/index.ts",
+        "default": "./dist/index.js"
+    },
+    "type": "module",
     "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
@@ -24,12 +28,12 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/knowledge-widget-adapters": "^1.0.21",
-        "@telia-ace/knowledge-widget-component-utilities": "^1.0.15",
-        "@telia-ace/knowledge-widget-core": "^1.0.12",
-        "@telia-ace/knowledge-widget-types-grid": "^1.0.21",
-        "@telia-ace/knowledge-widget-ui": "^1.0.18",
-        "@telia-ace/widget-forms": "^1.0.16",
+        "@telia-ace/knowledge-widget-adapters": "^1.0.25",
+        "@telia-ace/knowledge-widget-component-utilities": "^1.0.18",
+        "@telia-ace/knowledge-widget-core": "^1.0.16",
+        "@telia-ace/knowledge-widget-types-grid": "^1.0.25",
+        "@telia-ace/knowledge-widget-ui": "^1.0.22",
+        "@telia-ace/widget-forms": "^1.0.19",
         "@telia-ace/widget-utilities": "^1.0.2",
         "@webprovisions/platform": "^1.1.2"
     },
@@ -43,5 +47,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "92437eea9b29ae367ef7794b1b214e42072fb0d1"
+    "gitHead": "2bb53be0a4e6971998cc1d1c91f0e980df2ad485"
 }

package/dist/contact-list.js

@@ -1,201 +0,0 @@
-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]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { ContactList as ContactList$1, contactItemList, contactLink } from "@telia-ace/knowledge-widget-adapters";
-import { GuideList, contentBox, loadingOpacity, useRouteData, useComponentDescriptor, useContainer, useChildren, useDispatch, AccordionListItem, createEmptyComponent, Loader, ItemList, Link, borderTabStyle, useProperties, SymbolBadge, StyledText } from "@telia-ace/knowledge-widget-ui";
-import { formatUrl, appendClassNames, createParams, findCategoryById } from "@telia-ace/widget-utilities";
-import React, { useCallback } from "react";
-import styled from "styled-components";
-import { Component } from "@telia-ace/knowledge-widget-types-grid";
-const DeflectionList = (_a) => {
-  var _b = _a, {
-    className,
-    guides,
-    header,
-    accordion,
-    loading,
-    route = "guide",
-    categoryTitle
-  } = _b, other = __objRest(_b, [
-    "className",
-    "guides",
-    "header",
-    "accordion",
-    "loading",
-    "route",
-    "categoryTitle"
-  ]);
-  const {
-    name: routeName,
-    params: { contactCategory = 0, guide: currentGuideId }
-  } = useRouteData();
-  const { name: componentName } = useComponentDescriptor();
-  const container = useContainer();
-  const children = useChildren();
-  const dispatch = useDispatch();
-  const renderItem = useCallback((guide, index, items, defaultRenderer) => {
-    const { id, title } = guide;
-    if (accordion && currentGuideId === id) {
-      return /* @__PURE__ */ React.createElement(AccordionListItem, {
-        key: id,
-        id,
-        title,
-        route: routeName,
-        collapseUri: categoryTitle && formatUrl(categoryTitle)
-      }, children.map((child) => /* @__PURE__ */ React.createElement(Component, __spreadValues({
-        key: child.id,
-        id: child.id,
-        branch: "default"
-      }, { accordion }))));
-    }
-    return defaultRenderer ? defaultRenderer(guide, index, items, defaultRenderer) : null;
-  }, [accordion, children, currentGuideId]);
-  if (!guides.length && !loading) {
-    return createEmptyComponent(container, __spreadProps(__spreadValues({}, other), {
-      className: appendClassNames(className, "humany-deflection-list")
-    }));
-  }
-  return /* @__PURE__ */ React.createElement(StyledGuideList, __spreadProps(__spreadValues({}, other), {
-    "data-loading": loading,
-    className: appendClassNames(className, "humany-deflection-list"),
-    items: guides,
-    header,
-    expandable: !!accordion,
-    renderItem,
-    dispatch,
-    routing: {
-      guide: route
-    },
-    paramMappers: {
-      guide: ({ id, title }) => createParams({
-        contactCategory,
-        guide: id,
-        accordion: accordion ? componentName : void 0,
-        uriName: formatUrl(title)
-      })
-    }
-  }), /* @__PURE__ */ React.createElement(Loader, {
-    loading
-  }));
-};
-const StyledGuideList = styled(GuideList)`
-    ${contentBox}
-    ${loadingOpacity}
-`;
-const StyledContactList = styled(ContactList$1)`
-    ${loadingOpacity}
-    ${contentBox}
-`;
-const StyledItemList = styled(ItemList)`
-    ${loadingOpacity}
-    ${contentBox}
-  ${contactItemList}
-
-  && {
-        i {
-            font-size: 25px;
-            width: 1.28571429em;
-            text-align: center;
-        }
-    }
-`;
-const StyledLink = styled(Link)`
-    &:focus {
-        ${(p) => {
-  var _a;
-  return ((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && borderTabStyle;
-}};
-    }
-
-    ${contactLink}
-`;
-const ContactList = (_c) => {
-  var _d = _c, { className } = _d, other = __objRest(_d, ["className"]);
-  const dispatch = useDispatch();
-  const container = useContainer();
-  const routeData = useRouteData();
-  const {
-    deflectionHeader = "",
-    routes = {},
-    contactMethods = [],
-    categories = [],
-    guides = [],
-    deflectionAccordion = false,
-    loading = false
-  } = useProperties();
-  const { contactCategory: contactCategoryRoute, guide: guideRoute = "guide" } = routes;
-  if (!categories.length && !contactMethods.length && !loading) {
-    return createEmptyComponent(container, __spreadProps(__spreadValues({}, other), {
-      className: appendClassNames(className, "humany-contact-category-list")
-    }));
-  }
-  const {
-    name,
-    params: { contactCategory }
-  } = routeData;
-  const selectedCategory = findCategoryById(contactCategory, categories);
-  return !contactMethods.length ? /* @__PURE__ */ React.createElement(StyledItemList, __spreadProps(__spreadValues({}, other), {
-    "data-loading": loading,
-    className: appendClassNames(className, "humany-contact-category-list"),
-    items: selectedCategory && selectedCategory.items || categories,
-    renderItem: ({ id, title, symbol, matches, items }) => !!matches || items && !!items.length ? /* @__PURE__ */ React.createElement("li", {
-      key: id,
-      "data-contact-category": id
-    }, /* @__PURE__ */ React.createElement(StyledLink, {
-      routeName: contactCategoryRoute || name,
-      params: createParams({
-        contactCategory: id,
-        uriName: formatUrl(title)
-      })
-    }, symbol && /* @__PURE__ */ React.createElement(SymbolBadge, {
-      symbol
-    }), /* @__PURE__ */ React.createElement(StyledText, null, title))) : null
-  }), /* @__PURE__ */ React.createElement(Loader, {
-    loading
-  })) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DeflectionList, {
-    className,
-    guides,
-    categoryTitle: selectedCategory && selectedCategory.title,
-    header: deflectionHeader,
-    route: guideRoute,
-    accordion: deflectionAccordion,
-    loading
-  }), /* @__PURE__ */ React.createElement(StyledContactList, {
-    "data-loading": loading,
-    className,
-    contactMethods,
-    dispatch
-  }, /* @__PURE__ */ React.createElement(Loader, {
-    loading
-  })));
-};
-export { ContactList as default };
-//# sourceMappingURL=contact-list.js.map

package/dist/contact-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact-list.js","sources":["../src/deflection-list.tsx","../src/contact-list.tsx"],"sourcesContent":["import { Guide } from '@telia-ace/knowledge-widget-core';\r\nimport { Component } from '@telia-ace/knowledge-widget-types-grid';\r\nimport {\r\n    AccordionListItem,\r\n    contentBox,\r\n    createEmptyComponent,\r\n    GuideList,\r\n    ItemRenderer,\r\n    Loader,\r\n    loadingOpacity,\r\n    useChildren,\r\n    useComponentDescriptor,\r\n    useContainer,\r\n    useDispatch,\r\n    useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\r\nimport React, { useCallback } from 'react';\r\nimport styled from 'styled-components';\r\n\r\ntype Props = {\r\n    className: string;\r\n    guides: Guide[];\r\n    header: string;\r\n    accordion?: boolean;\r\n    route?: string;\r\n    loading: boolean;\r\n    categoryTitle?: string;\r\n};\r\n\r\nconst DeflectionList: React.SFC<Props> = ({\r\n    className,\r\n    guides,\r\n    header,\r\n    accordion,\r\n    loading,\r\n    route = 'guide',\r\n    categoryTitle,\r\n    ...other\r\n}) => {\r\n    const {\r\n        name: routeName,\r\n        params: { contactCategory = 0, guide: currentGuideId },\r\n    } = useRouteData();\r\n    const { name: componentName } = useComponentDescriptor();\r\n    const container = useContainer();\r\n    const children = useChildren();\r\n    const dispatch = useDispatch();\r\n\r\n    const renderItem: ItemRenderer = useCallback(\r\n        (guide, index, items, defaultRenderer) => {\r\n            const { id, title } = guide;\r\n            if (accordion && currentGuideId === id) {\r\n                return (\r\n                    <AccordionListItem\r\n                        key={id}\r\n                        id={id}\r\n                        title={title}\r\n                        route={routeName}\r\n                        collapseUri={categoryTitle && formatUrl(categoryTitle)}\r\n                    >\r\n                        {children.map((child) => (\r\n                            <Component\r\n                                key={child.id}\r\n                                id={child.id}\r\n                                branch=\"default\"\r\n                                {...{ accordion }}\r\n                            />\r\n                        ))}\r\n                    </AccordionListItem>\r\n                );\r\n            }\r\n\r\n            return defaultRenderer ? defaultRenderer(guide, index, items, defaultRenderer) : null;\r\n        },\r\n        [accordion, children, currentGuideId]\r\n    );\r\n\r\n    if (!guides.length && !loading) {\r\n        return createEmptyComponent(container, {\r\n            ...other,\r\n            className: appendClassNames(className, 'humany-deflection-list'),\r\n        });\r\n    }\r\n\r\n    return (\r\n        <StyledGuideList\r\n            {...other}\r\n            data-loading={loading}\r\n            className={appendClassNames(className, 'humany-deflection-list')}\r\n            items={guides}\r\n            header={header}\r\n            expandable={!!accordion}\r\n            renderItem={renderItem}\r\n            dispatch={dispatch}\r\n            routing={{\r\n                guide: route,\r\n            }}\r\n            paramMappers={{\r\n                guide: ({ id, title }: Guide) =>\r\n                    createParams({\r\n                        contactCategory,\r\n                        guide: id,\r\n                        accordion: accordion ? componentName : undefined,\r\n                        uriName: formatUrl(title),\r\n                    }),\r\n            }}\r\n        >\r\n            <Loader loading={loading} />\r\n        </StyledGuideList>\r\n    );\r\n};\r\n\r\nconst StyledGuideList = styled(GuideList)<{ 'data-loading': boolean } & any>`\r\n    ${contentBox}\r\n    ${loadingOpacity}\r\n`;\r\n\r\nexport default DeflectionList;\r\n","import {\r\n    contactItemList,\r\n    contactLink,\r\n    ContactList as ContactListUi,\r\n} from '@telia-ace/knowledge-widget-adapters';\r\nimport { Category } from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n    borderTabStyle,\r\n    contentBox,\r\n    createEmptyComponent,\r\n    ItemList,\r\n    Link,\r\n    Loader,\r\n    loadingOpacity,\r\n    StyledText,\r\n    SymbolBadge,\r\n    useContainer,\r\n    useDispatch,\r\n    useProperties,\r\n    useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport {\r\n    appendClassNames,\r\n    createParams,\r\n    findCategoryById,\r\n    formatUrl,\r\n} from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ContactListComponentProps } from './contact-list-component';\r\nimport DeflectionList from './deflection-list';\r\n\r\nconst StyledContactList = styled(ContactListUi)<any>`\r\n    ${loadingOpacity}\r\n    ${contentBox}\r\n`;\r\n\r\nconst StyledItemList = styled(ItemList)<any>`\r\n    ${loadingOpacity}\r\n    ${contentBox}\r\n  ${contactItemList}\r\n\r\n  && {\r\n        i {\r\n            font-size: 25px;\r\n            width: 1.28571429em;\r\n            text-align: center;\r\n        }\r\n    }\r\n`;\r\n\r\nconst StyledLink = styled(Link)<any>`\r\n    &:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n\r\n    ${contactLink}\r\n`;\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst ContactList: React.SFC<Props> = ({ className, ...other }) => {\r\n    const dispatch = useDispatch();\r\n    const container = useContainer();\r\n    const routeData = useRouteData();\r\n    const {\r\n        deflectionHeader = '',\r\n        routes = {},\r\n        contactMethods = [],\r\n        categories = [],\r\n        guides = [],\r\n        deflectionAccordion = false,\r\n        loading = false,\r\n    } = useProperties<ContactListComponentProps>();\r\n\r\n    const { contactCategory: contactCategoryRoute, guide: guideRoute = 'guide' } = routes;\r\n\r\n    if (!categories.length && !contactMethods.length && !loading) {\r\n        return createEmptyComponent(container, {\r\n            ...other,\r\n            className: appendClassNames(className, 'humany-contact-category-list'),\r\n        });\r\n    }\r\n\r\n    const {\r\n        name,\r\n        params: { contactCategory },\r\n    } = routeData;\r\n\r\n    const selectedCategory: Category = findCategoryById(contactCategory, categories);\r\n\r\n    return !contactMethods.length ? (\r\n        <StyledItemList\r\n            {...other}\r\n            data-loading={loading}\r\n            className={appendClassNames(className, 'humany-contact-category-list')}\r\n            items={(selectedCategory && selectedCategory.items) || categories}\r\n            renderItem={({ id, title, symbol, matches, items }: Category) =>\r\n                !!matches || (items && !!items.length) ? (\r\n                    <li key={id} data-contact-category={id}>\r\n                        <StyledLink\r\n                            routeName={contactCategoryRoute || name}\r\n                            params={createParams({\r\n                                contactCategory: id,\r\n                                uriName: formatUrl(title),\r\n                            })}\r\n                        >\r\n                            {symbol && <SymbolBadge symbol={symbol} />}\r\n                            <StyledText>{title}</StyledText>\r\n                        </StyledLink>\r\n                    </li>\r\n                ) : null\r\n            }\r\n        >\r\n            <Loader loading={loading} />\r\n        </StyledItemList>\r\n    ) : (\r\n        <>\r\n            <DeflectionList\r\n                className={className}\r\n                guides={guides}\r\n                categoryTitle={selectedCategory && selectedCategory.title}\r\n                header={deflectionHeader}\r\n                route={guideRoute}\r\n                accordion={deflectionAccordion}\r\n                loading={loading}\r\n            />\r\n            <StyledContactList\r\n                data-loading={loading}\r\n                className={className}\r\n                contactMethods={contactMethods}\r\n                dispatch={dispatch}\r\n            >\r\n                <Loader loading={loading} />\r\n            </StyledContactList>\r\n        </>\r\n    );\r\n};\r\n\r\nexport default ContactList;\r\n"],"names":["ContactListUi"],"mappings":"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"}