@telia-ace/knowledge-widget-components-contact-list 1.0.4 → 1.0.8

package/dist/contact-list.js

@@ -0,0 +1,201 @@
+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

@@ -0,0 +1 @@
+{"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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"}

package/dist/index.js

@@ -0,0 +1,101 @@
+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 });
+    };
+    component.actions.create("fetch", (data) => {
+      const { submitButtonLabel = "Submit" } = component.properties();
+      const contactMethods = (data.contactMethods || []).map((cm) => __spreadProps(__spreadValues({}, cm), {
+        body: updateForm(cm, { submit: submitButtonLabel })
+      }));
+      return component.actions.dispatch("fetched", __spreadProps(__spreadValues({}, data), {
+        contactMethods,
+        loading: true
+      }));
+    });
+    component.actions.create("fetched", (input) => {
+      return component.writeProperties(__spreadProps(__spreadValues({}, input), {
+        guides: input.guides || [],
+        loading: false
+      }));
+    });
+    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();
+  });
+};
+export { ContactListComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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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"}

package/package.json

@@ -1,36 +1,35 @@
 {
     "name": "@telia-ace/knowledge-widget-components-contact-list",
-    "version": "1.0.4",
+    "version": "1.0.8",
     "description": "Contact list component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "main": "lib/index.js",
-    "module": "lib-esm/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
         "README.md",
-        "lib/",
-        "lib-esm/"
+        "dist/"
     ],
     "publishConfig": {
         "access": "public"
     },
     "scripts": {
-        "clean": "cleandir lib && cleandir lib-esm",
-        "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
+        "clean": "rimraf ./dist",
+        "precompile": "tsc -emitDeclarationOnly",
+        "compile": "vite build"
     },
     "sideEffects": false,
-    "typings": "lib/index.d.ts",
     "dependencies": {
-        "@telia-ace/knowledge-widget-adapters": "^1.0.7",
-        "@telia-ace/knowledge-widget-component-utilities": "^1.0.4",
-        "@telia-ace/knowledge-widget-core": "^1.0.6",
-        "@telia-ace/knowledge-widget-types-grid": "^1.0.7",
-        "@telia-ace/knowledge-widget-ui": "^1.0.7",
-        "@telia-ace/widget-forms": "^1.0.6",
+        "@telia-ace/knowledge-widget-adapters": "^1.0.14",
+        "@telia-ace/knowledge-widget-component-utilities": "^1.0.8",
+        "@telia-ace/knowledge-widget-core": "^1.0.7",
+        "@telia-ace/knowledge-widget-types-grid": "^1.0.14",
+        "@telia-ace/knowledge-widget-ui": "^1.0.11",
+        "@telia-ace/widget-forms": "^1.0.9",
         "@telia-ace/widget-utilities": "^1.0.1",
         "@webprovisions/platform": "^1.1.2"
     },
@@ -44,5 +43,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "1a636ff74ac4e57ca173aa800b88a7853ceb7678"
+    "gitHead": "15dba08c1ba1c3c117353e50a2586be05a966288"
 }

package/lib/contact-list-component.d.ts

@@ -1,21 +0,0 @@
-import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';
-import { Category, Guide } from '@telia-ace/knowledge-widget-core';
-import { FormComponentInstanceProperties } from '@telia-ace/widget-forms';
-import { Container } from '@webprovisions/platform';
-export declare type ContactListComponentProps = {
-    deflectionHeader?: string;
-    deflection?: {
-        [contactCategoryId: string]: string[];
-    };
-    deflectionPageSize?: number;
-    routes?: {
-        contactCategory?: string;
-        guide?: string;
-    };
-    categories?: Category[];
-    contactMethods?: ContactMethodType[];
-    guides?: Guide[];
-    deflectionAccordion?: boolean;
-} & FormComponentInstanceProperties;
-export declare const ContactListComponent: (container: Container) => Promise<void>;
-export default ContactListComponent;

package/lib/contact-list-component.js

@@ -1,135 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactListComponent = void 0;
-var knowledge_widget_component_utilities_1 = require("@telia-ace/knowledge-widget-component-utilities");
-var knowledge_widget_core_1 = require("@telia-ace/knowledge-widget-core");
-var knowledge_widget_types_grid_1 = require("@telia-ace/knowledge-widget-types-grid");
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var ContactListComponent = function (container) {
-    var events = container.get('$widget').events;
-    var _a = __read((0, knowledge_widget_core_1.createEventSubscriber)(events), 2), subscribe = _a[0], unsubscribe = _a[1];
-    return (0, knowledge_widget_ui_1.createReactComponent)(container, 'contact-list', Promise.resolve().then(function () { return __importStar(require('./contact-list')); }), function (component) {
-        var fetch = function (params) {
-            component.writeProperties({ loading: true, contactMethods: [], categories: [] });
-            component.actions.dispatch('fetch', { params: params });
-        };
-        component.actions.create('fetch', function (data) {
-            var _a = component.properties().submitButtonLabel, submitButtonLabel = _a === void 0 ? 'Submit' : _a;
-            var contactMethods = (data.contactMethods || []).map(function (cm) { return (__assign(__assign({}, cm), { body: (0, knowledge_widget_component_utilities_1.updateForm)(cm, { submit: submitButtonLabel }) })); });
-            return component.actions.dispatch('fetched', __assign(__assign({}, data), { contactMethods: contactMethods, loading: true }));
-        });
-        component.actions.create('fetched', function (input) {
-            return component.writeProperties(__assign(__assign({}, input), { guides: input.guides || [], loading: false }));
-        });
-        container.getAsync('router').then(function (router) {
-            var params = router.getRouteData().params;
-            fetch(params);
-        });
-        subscribe('router:changed', function (event, _a) {
-            var current = _a.current;
-            fetch(current.routeData.params);
-        });
-        (0, knowledge_widget_component_utilities_1.useForm)(container, component);
-        (0, knowledge_widget_component_utilities_1.useExpand)(component);
-    })
-        .then(function () {
-        return (0, knowledge_widget_core_1.extendComponent)(container, 'contact-list', function (component) {
-            component.actions.watch('contact-list.fetch', function (input, next) {
-                var _a = component.properties(), _b = _a.deflection, deflection = _b === void 0 ? {} : _b, _c = _a.deflectionPageSize, deflectionPageSize = _c === void 0 ? 5 : _c, deflectionAccordion = _a.deflectionAccordion;
-                var _d = input.params, params = _d === void 0 ? {} : _d;
-                var contactCategory = params.contactCategory, guideParam = params.guide, accordionParam = params.accordion;
-                return container.getAsync('dataClient').then(function (dataClient) {
-                    return dataClient
-                        .fetch(knowledge_widget_types_grid_1.DataType.ContactMethodCategories, {
-                        contactMethodCategoryId: contactCategory,
-                    })
-                        .then(function (_a) {
-                        var _b;
-                        var contactMethods = _a.contactMethods, categories = _a.categories;
-                        var deflectionKeys = Object.keys(deflection);
-                        var currentCategory = deflectionKeys.length === 1 && !contactCategory
-                            ? deflectionKeys[0]
-                            : contactCategory;
-                        if ((_b = deflection[currentCategory]) === null || _b === void 0 ? void 0 : _b.length) {
-                            return dataClient
-                                .fetch(knowledge_widget_types_grid_1.DataType.Guides, {
-                                categories: deflection[currentCategory],
-                                take: deflectionPageSize,
-                            })
-                                .then(function (data) {
-                                if (deflectionAccordion &&
-                                    guideParam &&
-                                    accordionParam === component.node.name) {
-                                    return (0, knowledge_widget_component_utilities_1.fetchAccordionGuideIfMissing)(data, dataClient, { guide: guideParam });
-                                }
-                                return new Promise(function (resolve) {
-                                    return resolve(data);
-                                });
-                            })
-                                .then(function (_a) {
-                                var guides = _a.guides;
-                                return next({ guides: guides, contactMethods: contactMethods, categories: categories });
-                            });
-                        }
-                        return next({ contactMethods: contactMethods, categories: categories });
-                    });
-                });
-            });
-        });
-    })
-        .then(function () {
-        unsubscribe();
-    });
-};
-exports.ContactListComponent = ContactListComponent;
-exports.default = exports.ContactListComponent;

package/lib/contact-list.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare type Props = {
-    className: string;
-};
-declare const ContactList: React.SFC<Props>;
-export default ContactList;

package/lib/contact-list.js

@@ -1,69 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_adapters_1 = require("@telia-ace/knowledge-widget-adapters");
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var deflection_list_1 = __importDefault(require("./deflection-list"));
-var StyledContactList = (0, styled_components_1.default)(knowledge_widget_adapters_1.ContactList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n"])), knowledge_widget_ui_1.loadingOpacity, knowledge_widget_ui_1.contentBox);
-var StyledItemList = (0, styled_components_1.default)(knowledge_widget_ui_1.ItemList)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n  ", "\n\n  && {\n        i {\n            font-size: 25px;\n            width: 1.28571429em;\n            text-align: center;\n        }\n    }\n"], ["\n    ", "\n    ", "\n  ", "\n\n  && {\n        i {\n            font-size: 25px;\n            width: 1.28571429em;\n            text-align: center;\n        }\n    }\n"])), knowledge_widget_ui_1.loadingOpacity, knowledge_widget_ui_1.contentBox, knowledge_widget_adapters_1.contactItemList);
-var StyledLink = (0, styled_components_1.default)(knowledge_widget_ui_1.Link)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    &:focus {\n        ", ";\n    }\n\n    ", "\n"], ["\n    &:focus {\n        ", ";\n    }\n\n    ", "\n"])), function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && knowledge_widget_ui_1.borderTabStyle; }, knowledge_widget_adapters_1.contactLink);
-var ContactList = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var dispatch = (0, knowledge_widget_ui_1.useDispatch)();
-    var container = (0, knowledge_widget_ui_1.useContainer)();
-    var routeData = (0, knowledge_widget_ui_1.useRouteData)();
-    var _b = (0, knowledge_widget_ui_1.useProperties)(), _c = _b.deflectionHeader, deflectionHeader = _c === void 0 ? '' : _c, _d = _b.routes, routes = _d === void 0 ? {} : _d, _e = _b.contactMethods, contactMethods = _e === void 0 ? [] : _e, _f = _b.categories, categories = _f === void 0 ? [] : _f, _g = _b.guides, guides = _g === void 0 ? [] : _g, _h = _b.deflectionAccordion, deflectionAccordion = _h === void 0 ? false : _h, _j = _b.loading, loading = _j === void 0 ? false : _j;
-    var contactCategoryRoute = routes.contactCategory, _k = routes.guide, guideRoute = _k === void 0 ? 'guide' : _k;
-    if (!categories.length && !contactMethods.length && !loading) {
-        return (0, knowledge_widget_ui_1.createEmptyComponent)(container, __assign(__assign({}, other), { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-contact-category-list') }));
-    }
-    var name = routeData.name, contactCategory = routeData.params.contactCategory;
-    var selectedCategory = (0, widget_utilities_1.findCategoryById)(contactCategory, categories);
-    return !contactMethods.length ? (react_1.default.createElement(StyledItemList, __assign({}, other, { "data-loading": loading, className: (0, widget_utilities_1.appendClassNames)(className, 'humany-contact-category-list'), items: (selectedCategory && selectedCategory.items) || categories, renderItem: function (_a) {
-            var id = _a.id, title = _a.title, symbol = _a.symbol, matches = _a.matches, items = _a.items;
-            return !!matches || (items && !!items.length) ? (react_1.default.createElement("li", { key: id, "data-contact-category": id },
-                react_1.default.createElement(StyledLink, { routeName: contactCategoryRoute || name, params: (0, widget_utilities_1.createParams)({
-                        contactCategory: id,
-                        uriName: (0, widget_utilities_1.formatUrl)(title),
-                    }) },
-                    symbol && react_1.default.createElement(knowledge_widget_ui_1.SymbolBadge, { symbol: symbol }),
-                    react_1.default.createElement(knowledge_widget_ui_1.StyledText, null, title)))) : null;
-        } }),
-        react_1.default.createElement(knowledge_widget_ui_1.Loader, { loading: loading }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(deflection_list_1.default, { className: className, guides: guides, categoryTitle: selectedCategory && selectedCategory.title, header: deflectionHeader, route: guideRoute, accordion: deflectionAccordion, loading: loading }),
-        react_1.default.createElement(StyledContactList, { "data-loading": loading, className: className, contactMethods: contactMethods, dispatch: dispatch },
-            react_1.default.createElement(knowledge_widget_ui_1.Loader, { loading: loading }))));
-};
-exports.default = ContactList;
-var templateObject_1, templateObject_2, templateObject_3;

package/lib/deflection-list.d.ts

@@ -1,13 +0,0 @@
-import { Guide } from '@telia-ace/knowledge-widget-core';
-import React from 'react';
-declare type Props = {
-    className: string;
-    guides: Guide[];
-    header: string;
-    accordion?: boolean;
-    route?: string;
-    loading: boolean;
-    categoryTitle?: string;
-};
-declare const DeflectionList: React.SFC<Props>;
-export default DeflectionList;

package/lib/deflection-list.js

@@ -1,94 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_types_grid_1 = require("@telia-ace/knowledge-widget-types-grid");
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var DeflectionList = function (_a) {
-    var className = _a.className, guides = _a.guides, header = _a.header, accordion = _a.accordion, loading = _a.loading, _b = _a.route, route = _b === void 0 ? 'guide' : _b, categoryTitle = _a.categoryTitle, other = __rest(_a, ["className", "guides", "header", "accordion", "loading", "route", "categoryTitle"]);
-    var _c = (0, knowledge_widget_ui_1.useRouteData)(), routeName = _c.name, _d = _c.params, _e = _d.contactCategory, contactCategory = _e === void 0 ? 0 : _e, currentGuideId = _d.guide;
-    var componentName = (0, knowledge_widget_ui_1.useComponentDescriptor)().name;
-    var container = (0, knowledge_widget_ui_1.useContainer)();
-    var children = (0, knowledge_widget_ui_1.useChildren)();
-    var dispatch = (0, knowledge_widget_ui_1.useDispatch)();
-    var renderItem = (0, react_1.useCallback)(function (guide, index, items, defaultRenderer) {
-        var id = guide.id, title = guide.title;
-        if (accordion && currentGuideId === id) {
-            return (react_1.default.createElement(knowledge_widget_ui_1.AccordionListItem, { key: id, id: id, title: title, route: routeName, collapseUri: categoryTitle && (0, widget_utilities_1.formatUrl)(categoryTitle) }, children.map(function (child) { return (react_1.default.createElement(knowledge_widget_types_grid_1.Component, __assign({ key: child.id, id: child.id, branch: "default" }, { accordion: accordion }))); })));
-        }
-        return defaultRenderer ? defaultRenderer(guide, index, items, defaultRenderer) : null;
-    }, [accordion, children, currentGuideId]);
-    if (!guides.length && !loading) {
-        return (0, knowledge_widget_ui_1.createEmptyComponent)(container, __assign(__assign({}, other), { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-deflection-list') }));
-    }
-    return (react_1.default.createElement(StyledGuideList, __assign({}, other, { "data-loading": loading, className: (0, widget_utilities_1.appendClassNames)(className, 'humany-deflection-list'), items: guides, header: header, expandable: !!accordion, renderItem: renderItem, dispatch: dispatch, routing: {
-            guide: route,
-        }, paramMappers: {
-            guide: function (_a) {
-                var id = _a.id, title = _a.title;
-                return (0, widget_utilities_1.createParams)({
-                    contactCategory: contactCategory,
-                    guide: id,
-                    accordion: accordion ? componentName : undefined,
-                    uriName: (0, widget_utilities_1.formatUrl)(title),
-                });
-            },
-        } }),
-        react_1.default.createElement(knowledge_widget_ui_1.Loader, { loading: loading })));
-};
-var StyledGuideList = (0, styled_components_1.default)(knowledge_widget_ui_1.GuideList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n"])), knowledge_widget_ui_1.contentBox, knowledge_widget_ui_1.loadingOpacity);
-exports.default = DeflectionList;
-var templateObject_1;

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-import ContactListComponent from './contact-list-component';
-export default ContactListComponent;

package/lib/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var contact_list_component_1 = __importDefault(require("./contact-list-component"));
-exports.default = contact_list_component_1.default;

package/lib-esm/contact-list-component.js

@@ -1,108 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { fetchAccordionGuideIfMissing, updateForm, useExpand, useForm, } 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';
-export var ContactListComponent = function (container) {
-    var events = container.get('$widget').events;
-    var _a = __read(createEventSubscriber(events), 2), subscribe = _a[0], unsubscribe = _a[1];
-    return createReactComponent(container, 'contact-list', import('./contact-list'), function (component) {
-        var fetch = function (params) {
-            component.writeProperties({ loading: true, contactMethods: [], categories: [] });
-            component.actions.dispatch('fetch', { params: params });
-        };
-        component.actions.create('fetch', function (data) {
-            var _a = component.properties().submitButtonLabel, submitButtonLabel = _a === void 0 ? 'Submit' : _a;
-            var contactMethods = (data.contactMethods || []).map(function (cm) { return (__assign(__assign({}, cm), { body: updateForm(cm, { submit: submitButtonLabel }) })); });
-            return component.actions.dispatch('fetched', __assign(__assign({}, data), { contactMethods: contactMethods, loading: true }));
-        });
-        component.actions.create('fetched', function (input) {
-            return component.writeProperties(__assign(__assign({}, input), { guides: input.guides || [], loading: false }));
-        });
-        container.getAsync('router').then(function (router) {
-            var params = router.getRouteData().params;
-            fetch(params);
-        });
-        subscribe('router:changed', function (event, _a) {
-            var current = _a.current;
-            fetch(current.routeData.params);
-        });
-        useForm(container, component);
-        useExpand(component);
-    })
-        .then(function () {
-        return extendComponent(container, 'contact-list', function (component) {
-            component.actions.watch('contact-list.fetch', function (input, next) {
-                var _a = component.properties(), _b = _a.deflection, deflection = _b === void 0 ? {} : _b, _c = _a.deflectionPageSize, deflectionPageSize = _c === void 0 ? 5 : _c, deflectionAccordion = _a.deflectionAccordion;
-                var _d = input.params, params = _d === void 0 ? {} : _d;
-                var contactCategory = params.contactCategory, guideParam = params.guide, accordionParam = params.accordion;
-                return container.getAsync('dataClient').then(function (dataClient) {
-                    return dataClient
-                        .fetch(DataType.ContactMethodCategories, {
-                        contactMethodCategoryId: contactCategory,
-                    })
-                        .then(function (_a) {
-                        var _b;
-                        var contactMethods = _a.contactMethods, categories = _a.categories;
-                        var deflectionKeys = Object.keys(deflection);
-                        var currentCategory = deflectionKeys.length === 1 && !contactCategory
-                            ? deflectionKeys[0]
-                            : contactCategory;
-                        if ((_b = deflection[currentCategory]) === null || _b === void 0 ? void 0 : _b.length) {
-                            return dataClient
-                                .fetch(DataType.Guides, {
-                                categories: deflection[currentCategory],
-                                take: deflectionPageSize,
-                            })
-                                .then(function (data) {
-                                if (deflectionAccordion &&
-                                    guideParam &&
-                                    accordionParam === component.node.name) {
-                                    return fetchAccordionGuideIfMissing(data, dataClient, { guide: guideParam });
-                                }
-                                return new Promise(function (resolve) {
-                                    return resolve(data);
-                                });
-                            })
-                                .then(function (_a) {
-                                var guides = _a.guides;
-                                return next({ guides: guides, contactMethods: contactMethods, categories: categories });
-                            });
-                        }
-                        return next({ contactMethods: contactMethods, categories: categories });
-                    });
-                });
-            });
-        });
-    })
-        .then(function () {
-        unsubscribe();
-    });
-};
-export default ContactListComponent;

package/lib-esm/contact-list.js

@@ -1,64 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { contactItemList, contactLink, ContactList as ContactListUi, } from '@telia-ace/knowledge-widget-adapters';
-import { borderTabStyle, contentBox, createEmptyComponent, ItemList, Link, Loader, loadingOpacity, StyledText, SymbolBadge, useContainer, useDispatch, useProperties, useRouteData, } from '@telia-ace/knowledge-widget-ui';
-import { appendClassNames, createParams, findCategoryById, formatUrl, } from '@telia-ace/widget-utilities';
-import React from 'react';
-import styled from 'styled-components';
-import DeflectionList from './deflection-list';
-var StyledContactList = styled(ContactListUi)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n"])), loadingOpacity, contentBox);
-var StyledItemList = styled(ItemList)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n  ", "\n\n  && {\n        i {\n            font-size: 25px;\n            width: 1.28571429em;\n            text-align: center;\n        }\n    }\n"], ["\n    ", "\n    ", "\n  ", "\n\n  && {\n        i {\n            font-size: 25px;\n            width: 1.28571429em;\n            text-align: center;\n        }\n    }\n"])), loadingOpacity, contentBox, contactItemList);
-var StyledLink = styled(Link)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    &:focus {\n        ", ";\n    }\n\n    ", "\n"], ["\n    &:focus {\n        ", ";\n    }\n\n    ", "\n"])), function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && borderTabStyle; }, contactLink);
-var ContactList = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var dispatch = useDispatch();
-    var container = useContainer();
-    var routeData = useRouteData();
-    var _b = useProperties(), _c = _b.deflectionHeader, deflectionHeader = _c === void 0 ? '' : _c, _d = _b.routes, routes = _d === void 0 ? {} : _d, _e = _b.contactMethods, contactMethods = _e === void 0 ? [] : _e, _f = _b.categories, categories = _f === void 0 ? [] : _f, _g = _b.guides, guides = _g === void 0 ? [] : _g, _h = _b.deflectionAccordion, deflectionAccordion = _h === void 0 ? false : _h, _j = _b.loading, loading = _j === void 0 ? false : _j;
-    var contactCategoryRoute = routes.contactCategory, _k = routes.guide, guideRoute = _k === void 0 ? 'guide' : _k;
-    if (!categories.length && !contactMethods.length && !loading) {
-        return createEmptyComponent(container, __assign(__assign({}, other), { className: appendClassNames(className, 'humany-contact-category-list') }));
-    }
-    var name = routeData.name, contactCategory = routeData.params.contactCategory;
-    var selectedCategory = findCategoryById(contactCategory, categories);
-    return !contactMethods.length ? (React.createElement(StyledItemList, __assign({}, other, { "data-loading": loading, className: appendClassNames(className, 'humany-contact-category-list'), items: (selectedCategory && selectedCategory.items) || categories, renderItem: function (_a) {
-            var id = _a.id, title = _a.title, symbol = _a.symbol, matches = _a.matches, items = _a.items;
-            return !!matches || (items && !!items.length) ? (React.createElement("li", { key: id, "data-contact-category": id },
-                React.createElement(StyledLink, { routeName: contactCategoryRoute || name, params: createParams({
-                        contactCategory: id,
-                        uriName: formatUrl(title),
-                    }) },
-                    symbol && React.createElement(SymbolBadge, { symbol: symbol }),
-                    React.createElement(StyledText, null, title)))) : null;
-        } }),
-        React.createElement(Loader, { loading: loading }))) : (React.createElement(React.Fragment, null,
-        React.createElement(DeflectionList, { className: className, guides: guides, categoryTitle: selectedCategory && selectedCategory.title, header: deflectionHeader, route: guideRoute, accordion: deflectionAccordion, loading: loading }),
-        React.createElement(StyledContactList, { "data-loading": loading, className: className, contactMethods: contactMethods, dispatch: dispatch },
-            React.createElement(Loader, { loading: loading }))));
-};
-export default ContactList;
-var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/deflection-list.js

@@ -1,66 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Component } from '@telia-ace/knowledge-widget-types-grid';
-import { AccordionListItem, contentBox, createEmptyComponent, GuideList, Loader, loadingOpacity, useChildren, useComponentDescriptor, useContainer, useDispatch, useRouteData, } from '@telia-ace/knowledge-widget-ui';
-import { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';
-import React, { useCallback } from 'react';
-import styled from 'styled-components';
-var DeflectionList = function (_a) {
-    var className = _a.className, guides = _a.guides, header = _a.header, accordion = _a.accordion, loading = _a.loading, _b = _a.route, route = _b === void 0 ? 'guide' : _b, categoryTitle = _a.categoryTitle, other = __rest(_a, ["className", "guides", "header", "accordion", "loading", "route", "categoryTitle"]);
-    var _c = useRouteData(), routeName = _c.name, _d = _c.params, _e = _d.contactCategory, contactCategory = _e === void 0 ? 0 : _e, currentGuideId = _d.guide;
-    var componentName = useComponentDescriptor().name;
-    var container = useContainer();
-    var children = useChildren();
-    var dispatch = useDispatch();
-    var renderItem = useCallback(function (guide, index, items, defaultRenderer) {
-        var id = guide.id, title = guide.title;
-        if (accordion && currentGuideId === id) {
-            return (React.createElement(AccordionListItem, { key: id, id: id, title: title, route: routeName, collapseUri: categoryTitle && formatUrl(categoryTitle) }, children.map(function (child) { return (React.createElement(Component, __assign({ key: child.id, id: child.id, branch: "default" }, { accordion: accordion }))); })));
-        }
-        return defaultRenderer ? defaultRenderer(guide, index, items, defaultRenderer) : null;
-    }, [accordion, children, currentGuideId]);
-    if (!guides.length && !loading) {
-        return createEmptyComponent(container, __assign(__assign({}, other), { className: appendClassNames(className, 'humany-deflection-list') }));
-    }
-    return (React.createElement(StyledGuideList, __assign({}, other, { "data-loading": loading, className: appendClassNames(className, 'humany-deflection-list'), items: guides, header: header, expandable: !!accordion, renderItem: renderItem, dispatch: dispatch, routing: {
-            guide: route,
-        }, paramMappers: {
-            guide: function (_a) {
-                var id = _a.id, title = _a.title;
-                return createParams({
-                    contactCategory: contactCategory,
-                    guide: id,
-                    accordion: accordion ? componentName : undefined,
-                    uriName: formatUrl(title),
-                });
-            },
-        } }),
-        React.createElement(Loader, { loading: loading })));
-};
-var StyledGuideList = styled(GuideList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n"])), contentBox, loadingOpacity);
-export default DeflectionList;
-var templateObject_1;

package/lib-esm/index.js

@@ -1,2 +0,0 @@
-import ContactListComponent from './contact-list-component';
-export default ContactListComponent;