@telia-ace/knowledge-widget-components-contact-list 1.0.21 → 1.0.22

package/LICENSE.txt

@@ -1,6 +1,6 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
+Copyright © 2021, Telia Company AB. All rights reserved.
+
+THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
+THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
+AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
 http://www.humany.com/legal

package/README.md

@@ -1,3 +1,3 @@
-# `@telia-ace/knowledge-widget-components-contact-list`
-
-Contact list component for ACE Knowledge Widgets.
+# `@telia-ace/knowledge-widget-components-contact-list`
+
+Contact list component for ACE Knowledge Widgets.

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

@@ -1,21 +1,21 @@
-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;
+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/dist/contact-list.c6d26333.js.map

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

package/dist/contact-list.d.ts

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

package/dist/deflection-list.d.ts

@@ -1,13 +1,13 @@
-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;
+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/dist/index.d.ts

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/knowledge-widget-components-contact-list",
-    "version": "1.0.21",
+    "version": "1.0.22",
     "description": "Contact list component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -25,13 +25,13 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/knowledge-widget-adapters": "^1.0.27",
-        "@telia-ace/knowledge-widget-component-utilities": "^1.0.21",
-        "@telia-ace/knowledge-widget-core": "^1.0.17",
-        "@telia-ace/knowledge-widget-types-grid": "^1.0.28",
-        "@telia-ace/knowledge-widget-ui": "^1.0.23",
-        "@telia-ace/widget-forms": "^1.0.20",
-        "@telia-ace/widget-utilities": "^1.0.2",
+        "@telia-ace/knowledge-widget-adapters": "^1.0.28",
+        "@telia-ace/knowledge-widget-component-utilities": "^1.0.22",
+        "@telia-ace/knowledge-widget-core": "^1.0.18",
+        "@telia-ace/knowledge-widget-types-grid": "^1.0.29",
+        "@telia-ace/knowledge-widget-ui": "^1.0.24",
+        "@telia-ace/widget-forms": "^1.0.21",
+        "@telia-ace/widget-utilities": "^1.0.3",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
@@ -44,5 +44,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "038c3d0914f7298d2bb74a80c7a679c7450633f9"
+    "gitHead": "b30b55cc433567b8f9de20d83b840919ffc0d58a"
 }