@telia-ace/knowledge-widget-components-contact-list 1.0.24-next.2 → 1.0.24-next.4

package/dist/{contact-list.1f012daa.js → contact-list.8e19745e.js}

@@ -19,11 +19,11 @@ var B = (t, e) => {
       e.indexOf(n) < 0 && w.call(t, n) && (a[n] = t[n]);
   return a;
 };
+import k from "@emotion/styled";
 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 { useRouteData as z, useComponentDescriptor as X, useContainer as F, useChildren as Y, useDispatch as H, AccordionListItem as Z, createEmptyComponent as O, Loader as G, GuideList as _, contentBox as A, loadingOpacity as M, 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 v, appendClassNames as I, createParams as j, findCategoryById as rt } from "@telia-ace/widget-utilities";
 import o, { useCallback as it } from "react";
-import k from "styled-components";
 import { Component as st } from "@telia-ace/knowledge-widget-types-grid";
 const lt = (P) => {
   var s = P, {
@@ -46,23 +46,23 @@ const lt = (P) => {
   const {
     name: d,
     params: { contactCategory: b = 0, guide: C }
-  } = z(), { name: r } = Y(), x = F(), h = Z(), N = H(), D = it(
-    (c, i, E, l) => {
-      const { id: u, title: L } = c;
-      return n && C === u ? /* @__PURE__ */ o.createElement(_, {
+  } = z(), { name: r } = X(), x = F(), L = Y(), D = H(), N = it(
+    (c, i, h, l) => {
+      const { id: u, title: E } = c;
+      return n && C === u ? /* @__PURE__ */ o.createElement(Z, {
         key: u,
         id: u,
-        title: L,
+        title: E,
         route: d,
         collapseUri: y && v(y)
-      }, h.map((R) => /* @__PURE__ */ o.createElement(st, {
+      }, L.map((R) => /* @__PURE__ */ o.createElement(st, {
         key: R.id,
         id: R.id,
         branch: "default",
         accordion: n
-      }))) : l ? l(c, i, E, l) : null;
+      }))) : l ? l(c, i, h, l) : null;
     },
-    [n, h, C]
+    [n, L, C]
   );
   return !e.length && !m ? O(x, p(g({}, f), {
     className: I(t, "humany-deflection-list")
@@ -72,8 +72,8 @@ const lt = (P) => {
     items: e,
     header: a,
     expandable: !!n,
-    renderItem: D,
-    dispatch: N,
+    renderItem: N,
+    dispatch: D,
     routing: {
       guide: S
     },
@@ -88,14 +88,14 @@ const lt = (P) => {
   }), /* @__PURE__ */ o.createElement(G, {
     loading: m
   }));
-}, mt = k(X)`
+}, mt = k(_)`
     ${A}
     ${M}
-`, dt = k(Q)`
+`, dt = lt, ut = k(Q)`
     ${M}
     ${A}
-`, ut = k(tt)`
-    ${M}
+`, gt = k(tt)`
+    ${(t) => M(t)}
     ${A}
   ${V}
 
@@ -106,13 +106,13 @@ const lt = (P) => {
             text-align: center;
         }
     }
-`, gt = k(et)`
+`, pt = k(et)`
     &:focus-visible {
         ${nt};
     }
 
     ${W}
-`, $t = (a) => {
+`, It = (a) => {
   var n = a, { className: t } = n, e = B(n, ["className"]);
   const m = H(), S = F(), y = z(), {
     deflectionHeader: f = "",
@@ -122,51 +122,51 @@ const lt = (P) => {
     guides: b = [],
     deflectionAccordion: C = !1,
     loading: r = !1
-  } = at(), { contactCategory: x, guide: h = "guide" } = P;
+  } = at(), { contactCategory: x, guide: L = "guide" } = P;
   if (!d.length && !s.length && !r)
     return O(S, p(g({}, e), {
       className: I(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(lt, {
+    name: D,
+    params: { contactCategory: N }
+  } = y, c = rt(N, d);
+  return s.length ? /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(dt, {
     className: t,
     guides: b,
     categoryTitle: c && c.title,
     header: f,
-    route: h,
+    route: L,
     accordion: C,
     loading: r
-  }), /* @__PURE__ */ o.createElement(dt, {
+  }), /* @__PURE__ */ o.createElement(ut, {
     "data-loading": r,
     className: t,
     contactMethods: s,
     dispatch: m
   }, /* @__PURE__ */ o.createElement(G, {
     loading: r
-  }))) : /* @__PURE__ */ o.createElement(ut, p(g({}, e), {
+  }))) : /* @__PURE__ */ o.createElement(gt, p(g({}, e), {
     "data-loading": r,
     className: I(t, "humany-contact-category-list"),
     items: c && c.items || d,
-    renderItem: ({ id: i, title: E, symbol: l, matches: u, items: L }) => !!u || L && !!L.length ? /* @__PURE__ */ o.createElement("li", {
+    renderItem: ({ id: i, title: h, symbol: l, matches: u, items: E }) => !!u || E && !!E.length ? /* @__PURE__ */ o.createElement("li", {
       key: i,
       "data-contact-category": i
-    }, /* @__PURE__ */ o.createElement(gt, {
-      routeName: x || N,
+    }, /* @__PURE__ */ o.createElement(pt, {
+      routeName: x || D,
       params: j({
         contactCategory: i,
-        uriName: v(E)
+        uriName: v(h)
       })
     }, l && /* @__PURE__ */ o.createElement(ot, {
       symbol: l
-    }), /* @__PURE__ */ o.createElement(ct, null, E))) : null
+    }), /* @__PURE__ */ o.createElement(ct, null, h))) : null
   }), /* @__PURE__ */ o.createElement(G, {
     loading: r
   }));
 };
 export {
-  $t as default
+  It as default
 };
-//# sourceMappingURL=contact-list.1f012daa.js.map
+//# sourceMappingURL=contact-list.8e19745e.js.map

package/dist/contact-list.8e19745e.js.map

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

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/knowledge-widget-components-contact-list",
-    "version": "1.0.24-next.2",
+    "version": "1.0.24-next.4",
     "description": "Contact list component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -27,7 +27,7 @@
     "sideEffects": false,
     "dependencies": {
         "@telia-ace/knowledge-widget-adapters": "next",
-        "@telia-ace/knowledge-widget-component-utilities": "^1.0.24-next.2",
+        "@telia-ace/knowledge-widget-component-utilities": "^1.0.24-next.4",
         "@telia-ace/knowledge-widget-core": "next",
         "@telia-ace/knowledge-widget-types-grid": "next",
         "@telia-ace/knowledge-widget-ui": "next",
@@ -36,17 +36,18 @@
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "styled-components": "^5.3.6"
+        "react-dom": "^18.2.0"
     },
     "devDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "@types/react": "^18.0.21",
         "@types/react-dom": "^18.0.6",
-        "@types/styled-components": "^5.1.26",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "styled-components": "^5.3.6"
+        "react-dom": "^18.2.0"
     },
-    "gitHead": "3040596277958342d31410cb8766141e15b985cf"
+    "gitHead": "a56bbf9adaca1b07bf91566001480e28e81a8306"
 }

package/dist/contact-list.1f012daa.js.map

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