@telia-ace/knowledge-widget-components-contact-list 1.0.20 → 1.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +5 -5
- package/README.md +3 -3
- package/dist/contact-list-component.d.ts +21 -21
- package/dist/contact-list.c6d26333.js.map +1 -1
- package/dist/contact-list.d.ts +6 -6
- package/dist/deflection-list.d.ts +13 -13
- package/dist/index.d.ts +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/LICENSE.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
Copyright © 2021, Telia Company AB. All rights reserved.
|
|
2
|
-
|
|
3
|
-
THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
|
|
4
|
-
THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
|
|
5
|
-
AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
|
|
1
|
+
Copyright © 2021, Telia Company AB. All rights reserved.
|
|
2
|
+
|
|
3
|
+
THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
|
|
4
|
+
THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
|
|
5
|
+
AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
|
|
6
6
|
http://www.humany.com/legal
|
package/README.md
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
# `@telia-ace/knowledge-widget-components-contact-list`
|
|
2
|
-
|
|
3
|
-
Contact list component for ACE Knowledge Widgets.
|
|
1
|
+
# `@telia-ace/knowledge-widget-components-contact-list`
|
|
2
|
+
|
|
3
|
+
Contact list component for ACE Knowledge Widgets.
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';
|
|
2
|
-
import { Category, Guide } from '@telia-ace/knowledge-widget-core';
|
|
3
|
-
import { FormComponentInstanceProperties } from '@telia-ace/widget-forms';
|
|
4
|
-
import { Container } from '@webprovisions/platform';
|
|
5
|
-
export declare type ContactListComponentProps = {
|
|
6
|
-
deflectionHeader?: string;
|
|
7
|
-
deflection?: {
|
|
8
|
-
[contactCategoryId: string]: string[];
|
|
9
|
-
};
|
|
10
|
-
deflectionPageSize?: number;
|
|
11
|
-
routes?: {
|
|
12
|
-
contactCategory?: string;
|
|
13
|
-
guide?: string;
|
|
14
|
-
};
|
|
15
|
-
categories?: Category[];
|
|
16
|
-
contactMethods?: ContactMethodType[];
|
|
17
|
-
guides?: Guide[];
|
|
18
|
-
deflectionAccordion?: boolean;
|
|
19
|
-
} & FormComponentInstanceProperties;
|
|
20
|
-
export declare const ContactListComponent: (container: Container) => Promise<void>;
|
|
21
|
-
export default ContactListComponent;
|
|
1
|
+
import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';
|
|
2
|
+
import { Category, Guide } from '@telia-ace/knowledge-widget-core';
|
|
3
|
+
import { FormComponentInstanceProperties } from '@telia-ace/widget-forms';
|
|
4
|
+
import { Container } from '@webprovisions/platform';
|
|
5
|
+
export declare type ContactListComponentProps = {
|
|
6
|
+
deflectionHeader?: string;
|
|
7
|
+
deflection?: {
|
|
8
|
+
[contactCategoryId: string]: string[];
|
|
9
|
+
};
|
|
10
|
+
deflectionPageSize?: number;
|
|
11
|
+
routes?: {
|
|
12
|
+
contactCategory?: string;
|
|
13
|
+
guide?: string;
|
|
14
|
+
};
|
|
15
|
+
categories?: Category[];
|
|
16
|
+
contactMethods?: ContactMethodType[];
|
|
17
|
+
guides?: Guide[];
|
|
18
|
+
deflectionAccordion?: boolean;
|
|
19
|
+
} & FormComponentInstanceProperties;
|
|
20
|
+
export declare const ContactListComponent: (container: Container) => Promise<void>;
|
|
21
|
+
export default ContactListComponent;
|
|
@@ -1 +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';\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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"}
|
|
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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"}
|
package/dist/contact-list.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type Props = {
|
|
3
|
-
className: string;
|
|
4
|
-
};
|
|
5
|
-
declare const ContactList: React.SFC<Props>;
|
|
6
|
-
export default ContactList;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type Props = {
|
|
3
|
+
className: string;
|
|
4
|
+
};
|
|
5
|
+
declare const ContactList: React.SFC<Props>;
|
|
6
|
+
export default ContactList;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { Guide } from '@telia-ace/knowledge-widget-core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
declare type Props = {
|
|
4
|
-
className: string;
|
|
5
|
-
guides: Guide[];
|
|
6
|
-
header: string;
|
|
7
|
-
accordion?: boolean;
|
|
8
|
-
route?: string;
|
|
9
|
-
loading: boolean;
|
|
10
|
-
categoryTitle?: string;
|
|
11
|
-
};
|
|
12
|
-
declare const DeflectionList: React.SFC<Props>;
|
|
13
|
-
export default DeflectionList;
|
|
1
|
+
import { Guide } from '@telia-ace/knowledge-widget-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
className: string;
|
|
5
|
+
guides: Guide[];
|
|
6
|
+
header: string;
|
|
7
|
+
accordion?: boolean;
|
|
8
|
+
route?: string;
|
|
9
|
+
loading: boolean;
|
|
10
|
+
categoryTitle?: string;
|
|
11
|
+
};
|
|
12
|
+
declare const DeflectionList: React.SFC<Props>;
|
|
13
|
+
export default DeflectionList;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import ContactListComponent from './contact-list-component';
|
|
2
|
-
export default ContactListComponent;
|
|
1
|
+
import ContactListComponent from './contact-list-component';
|
|
2
|
+
export default ContactListComponent;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/contact-list-component.ts"],"sourcesContent":["import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';\
|
|
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;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/knowledge-widget-components-contact-list",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.21",
|
|
4
4
|
"description": "Contact list component for ACE Knowledge Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@telia-ace/knowledge-widget-adapters": "^1.0.27",
|
|
29
|
-
"@telia-ace/knowledge-widget-component-utilities": "^1.0.
|
|
29
|
+
"@telia-ace/knowledge-widget-component-utilities": "^1.0.21",
|
|
30
30
|
"@telia-ace/knowledge-widget-core": "^1.0.17",
|
|
31
|
-
"@telia-ace/knowledge-widget-types-grid": "^1.0.
|
|
31
|
+
"@telia-ace/knowledge-widget-types-grid": "^1.0.28",
|
|
32
32
|
"@telia-ace/knowledge-widget-ui": "^1.0.23",
|
|
33
33
|
"@telia-ace/widget-forms": "^1.0.20",
|
|
34
34
|
"@telia-ace/widget-utilities": "^1.0.2",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"@types/react-dom": "^16.8.0",
|
|
45
45
|
"@types/styled-components": "^5.1.7"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "038c3d0914f7298d2bb74a80c7a679c7450633f9"
|
|
48
48
|
}
|